[class~="cover"]{ width: 100%; height: 100%; background: black; display: flex; opacity: 0%; position: fixed; z-index: -10000; cursor: pointer; } [class~="circle"]{ height: 4.375rem; width: 4.375rem; z-index: 10000000; border-radius: 50%; border: 0.5rem solid var(--background-color); border-top-color: var(--primary-color); animation: animate 2s linear infinite; position: fixed; top: 50%; left: 48%; transform: translate(-50%, -50%); display: none; z-index: 1000000000000000000000000000000000; } @keyframes animate{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } } [class~="the-message"]{ width: 18.75rem; font-size: 0.9375rem; height:max-content; display: none; flex-direction: column; padding: 1.5rem; color: var(--white-color); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--background-color); border-radius: 0.9375rem; text-align: center; z-index: 1000000000000000000000000000000000; gap: 0.625rem; overflow: ; } [class~="swap-connect"]{ width: 26.25rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -100000; background: #30333e; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; opacity: 0; transition: .2s ease-in-out; border: solid .0.25rem white; } [class~="swap-connect"] [class~="swap-connect-container"]{ width: 100%; display: flex; flex-direction: column; } [class~="swap-connect"] [class~="swap-connect-container"] [class~="top"]{ width: 100%; padding: 1rem 2rem; padding-top: 2rem; display: flex; justify-content: space-between; border-top-left-radius: 0.9375rem; border-top-right-radius: 0.9375rem; align-items: center; } [class~="swap-connect"] [class~="swap-connect-container"] [class~="top"] h1{ font-size: 1rem; font-weight: 500; line-height: 1.5; } [class~="swap-connect"] [class~="swap-connect-container"] [class~="top"] [class~="exit"]{ cursor: pointer; } [class~="swap-connect"] [class~="swap-connect-container"] [class~="bottom"]{ padding:1rem 1rem; padding-top: 0rem; display: flex; flex-direction: column; gap: 0.9375rem; border-bottom-left-radius: 0.9375rem; border-bottom-right-radius: 0.9375rem; } [class~="swap-connect"] [class~="swap-connect-container"] [class~="bottom"] [class~="one"]{ display: flex; gap: 0.9375rem; display: flex; justify-content: space-between; padding: 1rem; border: solid .0.125rem rgba(128, 128, 128, 0.242); border-radius: 0.75rem; cursor: pointer; background: #101218; } [class~="swap-connect"] [class~="swap-connect-container"] [class~="bottom"] [class~="one"]:hover{ border: solid .0.25rem #ffb73c; } [class~="swap-connect"] [class~="swap-connect-container"] [class~="bottom"] [class~="one"] p{ font-size: 1rem; color: white; } [class~="swap-connect"] [class~="swap-connect-container"] [class~="bottom"] [class~="one"] img{ width: 1.5rem; height: 1.5rem; } [class~="swap-connect"] [class~="swap-connect-container"] [class~="bottomost"]{ display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; padding: 1rem; padding-top: 0; } [class~="swap-connect"] [class~="swap-connect-container"] [class~="bottomost"] p a{ color: #0094ec; } @media(max-width:26.5625rem){ [class~="swap-connect"]{ width: 95%; } }