:root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: hsl(6, 78%, 57%); --toastify-color-transparent: rgba(255, 255, 255, .7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-container-width: fit-content; --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-padding: 14px; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1); --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); --toastify-color-progress-bgo: .2; } .Toastify__toast-container { z-index: var(--toastify-z-index); transform: translate3d(0,0,var(--toastify-z-index)); position: fixed; width: var(--toastify-container-width); box-sizing: border-box; color: rgb(255, 255, 255); display: flex; flex-direction: column; } .Toastify__toast-container--top-left { top: var(--toastify-toast-top); left: var(--toastify-toast-left); } .Toastify__toast-container--top-center { top: var(--toastify-toast-top); left: 50%; transform: translate(-50%); align-items: center; } .Toastify__toast-container--top-right { top: var(--toastify-toast-top); right: var(--toastify-toast-right); align-items: end; } .Toastify__toast-container--bottom-left { bottom: var(--toastify-toast-bottom); left: var(--toastify-toast-left); } .Toastify__toast-container--bottom-center { bottom: var(--toastify-toast-bottom); left: 50%; transform: translate(-50%); align-items: center; } .Toastify__toast-container--bottom-right { bottom: var(--toastify-toast-bottom); right: var(--toastify-toast-right); align-items: end; } .Toastify__toast { --y: 0; position: relative; touch-action: none; width: var(--toastify-toast-width); min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: var(--toastify-toast-padding); border-radius: var(--toastify-toast-bd-radius); box-shadow: var(--toastify-toast-shadow); max-height: var(--toastify-toast-max-height); font-family: var(--toastify-font-family); z-index: 0; display: flex; flex: 1 1 auto; align-items: center; word-break: break-word; } @media only screen and (max-width: 480px) { .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: 0px; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: env(safe-area-inset-top); transform: translate(0px); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: env(safe-area-inset-bottom); transform: translate(0px); } .Toastify__toast-container--rtl { right: env(safe-area-inset-right); left: initial; } .Toastify__toast { --toastify-toast-width: 100%; margin-bottom: 0px; border-radius: 0px; } } .Toastify__toast-container[data-stacked="true"] { width: var(--toastify-toast-width); } .Toastify__toast--stacked { position: absolute; width: 100%; transform: translate3d(0,var(--y),0) scale(var(--s)); transition: transform 0.3s; } .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button { transition: opacity 0.1s; } .Toastify__toast--stacked[data-collapsed="false"] { overflow: visible; } .Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * { opacity: 0; } .Toastify__toast--stacked::after { content: ""; position: absolute; left: 0px; right: 0px; height: calc(var(--g) * 1px); bottom: 100%; } .Toastify__toast--stacked[data-pos="top"] { top: 0px; } .Toastify__toast--stacked[data-pos="bot"] { bottom: 0px; } .Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked::before { transform-origin: center top; } .Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked::before { transform-origin: center bottom; } .Toastify__toast--stacked::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 100%; transform: scaleY(3); z-index: -1; } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-icon { margin-inline-end: 10px; width: 22px; flex-shrink: 0; display: flex; } .Toastify--animate { animation-fill-mode: both; animation-duration: 0.5s; } .Toastify--animate-icon { animation-fill-mode: both; animation-duration: 0.3s; } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } .Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info); } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success); } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); } .Toastify__close-button { color: rgb(255, 255, 255); position: absolute; top: 6px; right: 6px; background: transparent; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; cursor: pointer; opacity: 0.7; transition: 0.3s; z-index: 1; } .Toastify__toast--rtl .Toastify__close-button { left: 6px; right: unset; } .Toastify__close-button--light { color: rgb(0, 0, 0); opacity: 0.3; } .Toastify__close-button > svg { fill: currentcolor; height: 16px; width: 14px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .Toastify__progress-bar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0.7; transform-origin: left center; } .Toastify__progress-bar--animated { animation: auto linear 0s 1 normal forwards running Toastify__trackProgress; } .Toastify__progress-bar--controlled { transition: transform 0.2s; } .Toastify__progress-bar--rtl { right: 0px; left: initial; transform-origin: right center; border-bottom-left-radius: initial; } .Toastify__progress-bar--wrp { position: absolute; overflow: hidden; bottom: 0px; left: 0px; width: 100%; height: 5px; border-bottom-left-radius: var(--toastify-toast-bd-radius); border-bottom-right-radius: var(--toastify-toast-bd-radius); } .Toastify__progress-bar--wrp[data-hidden="true"] { opacity: 0; } .Toastify__progress-bar--bg { opacity: var(--toastify-color-progress-bgo); width: 100%; height: 100%; } .Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border-width: 2px; border-style: solid; border-image: initial; border-radius: 100%; border-top-color: ; border-bottom-color: ; border-left-color: ; border-right-color: var(--toastify-spinner-color); animation: 0.65s linear 0s infinite normal none running Toastify__spin; } @keyframes Toastify__bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px,var(--y),0); } 100% { opacity: 0; transform: translate3d(2000px,var(--y),0); } } @keyframes Toastify__bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px,var(--y),0); } 100% { opacity: 0; transform: translate3d(-2000px,var(--y),0); } } @keyframes Toastify__bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translateZ(0px); } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0,calc(var(--y) - 10px),0); } 40%, 45% { opacity: 1; transform: translate3d(0,calc(var(--y) + 20px),0); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } @keyframes Toastify__bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } } @keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0,calc(var(--y) - 10px),0); } 40%, 45% { opacity: 1; transform: translate3d(0,calc(var(--y) + 20px),0); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; } @keyframes Toastify__zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes Toastify__zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: translate3d(0,var(--y),0) scale3d(.3,.3,.3); } 100% { opacity: 0; } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { animation-name: Toastify__zoomOut; } @keyframes Toastify__flipIn { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } } @keyframes Toastify__flipOut { 0% { transform: translate3d(0,var(--y),0) perspective(400px); } 30% { transform: translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg); opacity: 1; } 100% { transform: translate3d(0,var(--y),0) perspective(400px) rotateX(90deg); opacity: 0; } } .Toastify__flip-enter { animation-name: Toastify__flipIn; } .Toastify__flip-exit { animation-name: Toastify__flipOut; } @keyframes Toastify__slideInRight { 0% { transform: translate3d(110%, 0px, 0px); visibility: visible; } 100% { transform: translate3d(0,var(--y),0); } } @keyframes Toastify__slideInLeft { 0% { transform: translate3d(-110%, 0px, 0px); visibility: visible; } 100% { transform: translate3d(0,var(--y),0); } } @keyframes Toastify__slideInUp { 0% { transform: translate3d(0px, 110%, 0px); visibility: visible; } 100% { transform: translate3d(0,var(--y),0); } } @keyframes Toastify__slideInDown { 0% { transform: translate3d(0px, -110%, 0px); visibility: visible; } 100% { transform: translate3d(0,var(--y),0); } } @keyframes Toastify__slideOutRight { 0% { transform: translate3d(0,var(--y),0); } 100% { visibility: hidden; transform: translate3d(110%,var(--y),0); } } @keyframes Toastify__slideOutLeft { 0% { transform: translate3d(0,var(--y),0); } 100% { visibility: hidden; transform: translate3d(-110%,var(--y),0); } } @keyframes Toastify__slideOutDown { 0% { transform: translate3d(0,var(--y),0); } 100% { visibility: hidden; transform: translate3d(0px, 500px, 0px); } } @keyframes Toastify__slideOutUp { 0% { transform: translate3d(0,var(--y),0); } 100% { visibility: hidden; transform: translate3d(0px, -500px, 0px); } } .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; animation-timing-function: ease-in; animation-duration: 0.3s; } .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; animation-timing-function: ease-in; animation-duration: 0.3s; } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; animation-timing-function: ease-in; animation-duration: 0.3s; } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; animation-timing-function: ease-in; animation-duration: 0.3s; } @keyframes Toastify__spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @font-face { font-family: Inter; src: url("fonts/Inter/static/Inter-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Inter; src: url("fonts/Inter/static/Inter-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Inter; src: url("fonts/Inter/static/Inter-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: Inter; src: url("fonts/Inter/static/Inter-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Inter; src: url("fonts/Inter/static/Inter-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: Inter; src: url("fonts/Inter/static/Inter-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Inter; src: url("fonts/Inter/static/Inter-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: Inter; src: url("fonts/Inter/static/Inter-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: Inter; src: url("fonts/Inter/static/Inter-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: Inter; src: url("fonts/Inter/static/Inter-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-RegularItalic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: InterDisplay; src: url("fonts/InterDisplay/static/InterDisplay-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } * { box-sizing: border-box; } @font-face { font-family: AkkuratLLWeb-Regular; src: url("fonts/AkkuratLLWeb-Regular.woff2") format("woff2"), url("fonts/AkkuratLLWeb-Regular.woff") format("woff"); } @font-face { font-family: AkkuratLLWeb-Black; src: url("fonts/AkkuratLLWeb-Black.woff2") format("woff2"), url("fonts/AkkuratLLWeb-Black.woff") format("woff"); } @font-face { font-family: AkkuratLLWeb-Bold; src: url("fonts/AkkuratLLWeb-Bold.woff2") format("woff2"), url("fonts/AkkuratLLWeb-Bold.woff") format("woff"); } @font-face { font-family: AkkuratMonoLLWeb-Regular; src: url("fonts/AkkuratMonoLLWeb-Regular.woff2") format("woff2"), url("fonts/AkkuratMonoLLWeb-Regular.woff") format("woff"); } @font-face { font-family: AkkuratMonoLLWeb-Bold; src: url("fonts/AkkuratMonoLLWeb-Bold.woff2") format("woff2"), url("fonts/AkkuratMonoLLWeb-Bold.woff") format("woff"); } @font-face { font-family: GT-America-Compressed-Black; src: url("fonts/GT-America-Compressed-Black.woff2") format("woff2"), url("fonts/GT-America-Compressed-Black.woff") format("woff"); font-display: auto; } @font-face { font-family: GT-America-Compressed-Medium; src: url("fonts/GT-America-Compressed-Medium.woff2") format("woff2"), url("fonts/GT-America-Compressed-Medium.woff") format("woff"); font-display: auto; } #__next { width: 100%; height: 100%; } #__next > div { height: 100%; } * { scroll-behavior: smooth; } html { scrollbar-width: none; } html, body { background-color: rgb(15, 27, 45); height: 100%; min-height: 100%; } body { -webkit-font-smoothing: antialiased; text-rendering: optimizespeed; scrollbar-width: none; margin: 0px; font-family: Inter, Helvetica, Arial, -apple-system, BlinkMacSystemFont, sans-serif; font-size: 12px; position: relative; overflow: hidden; } ::-webkit-scrollbar { width: 0px; height: 0px; display: none; } ul { margin: 0px; padding: 0px; list-style: none; } input[type="number"] { appearance: textfield; } input::-webkit-outer-spin-button { appearance: none; } input::-webkit-inner-spin-button { appearance: none; } [data-rk] .iekbcc0 { box-sizing: border-box; text-align: left; vertical-align: baseline; -webkit-tap-highlight-color: transparent; border: 0px; margin: 0px; padding: 0px; font-size: 100%; line-height: normal; } [data-rk] .iekbcc1 { list-style: none; } [data-rk] .iekbcc2 { quotes: none; } [data-rk] .iekbcc2::before, [data-rk] .iekbcc2::after { content: ""; } [data-rk] .iekbcc3 { border-collapse: collapse; border-spacing: 0px; } [data-rk] .iekbcc4 { appearance: none; } [data-rk] .iekbcc5 { outline: none; } [data-rk] .iekbcc5::placeholder { opacity: 1; } [data-rk] .iekbcc6 { color: inherit; background-color: rgba(0, 0, 0, 0); } [data-rk] .iekbcc7:disabled { opacity: 1; } [data-rk] .iekbcc8::-webkit-search-cancel-button { appearance: none; } [data-rk] .iekbcc9 { cursor: pointer; text-align: left; background: 0px 0px; } [data-rk] .iekbcca { color: inherit; text-decoration: none; } [data-rk] .ju367v0 { align-items: flex-start; } [data-rk] .ju367v2 { align-items: flex-end; } [data-rk] .ju367v4 { align-items: center; } [data-rk] .ju367v6 { display: none; } [data-rk] .ju367v8 { display: block; } [data-rk] .ju367va { display: flex; } [data-rk] .ju367vc { display: inline; } [data-rk] .ju367ve { align-self: flex-start; } [data-rk] .ju367vf { align-self: flex-end; } [data-rk] .ju367vg { align-self: center; } [data-rk] .ju367vh { background-size: cover; } [data-rk] .ju367vi { border-radius: 1px; } [data-rk] .ju367vj { border-radius: 6px; } [data-rk] .ju367vk { border-radius: 10px; } [data-rk] .ju367vl { border-radius: 13px; } [data-rk] .ju367vm { border-radius: var(--rk-radii-actionButton); } [data-rk] .ju367vn { border-radius: var(--rk-radii-connectButton); } [data-rk] .ju367vo { border-radius: var(--rk-radii-menuButton); } [data-rk] .ju367vp { border-radius: var(--rk-radii-modal); } [data-rk] .ju367vq { border-radius: var(--rk-radii-modalMobile); } [data-rk] .ju367vr { border-radius: 25%; } [data-rk] .ju367vs { border-radius: 9999px; } [data-rk] .ju367vt { border-style: solid; } [data-rk] .ju367vu { border-width: 0px; } [data-rk] .ju367vv { border-width: 1px; } [data-rk] .ju367vw { border-width: 2px; } [data-rk] .ju367vx { border-width: 4px; } [data-rk] .ju367vy { cursor: pointer; } [data-rk] .ju367vz { cursor: none; } [data-rk] .ju367v10 { pointer-events: none; } [data-rk] .ju367v11 { pointer-events: all; } [data-rk] .ju367v12 { min-height: 8px; } [data-rk] .ju367v13 { min-height: 44px; } [data-rk] .ju367v14 { flex-direction: row; } [data-rk] .ju367v15 { flex-direction: column; } [data-rk] .ju367v16 { font-family: var(--rk-fonts-body); } [data-rk] .ju367v17 { font-size: 12px; line-height: 18px; } [data-rk] .ju367v18 { font-size: 13px; line-height: 18px; } [data-rk] .ju367v19 { font-size: 14px; line-height: 18px; } [data-rk] .ju367v1a { font-size: 16px; line-height: 20px; } [data-rk] .ju367v1b { font-size: 18px; line-height: 24px; } [data-rk] .ju367v1c { font-size: 20px; line-height: 24px; } [data-rk] .ju367v1d { font-size: 23px; line-height: 29px; } [data-rk] .ju367v1e { font-weight: 400; } [data-rk] .ju367v1f { font-weight: 500; } [data-rk] .ju367v1g { font-weight: 600; } [data-rk] .ju367v1h { font-weight: 700; } [data-rk] .ju367v1i { font-weight: 800; } [data-rk] .ju367v1j { gap: 0px; } [data-rk] .ju367v1k { gap: 1px; } [data-rk] .ju367v1l { gap: 2px; } [data-rk] .ju367v1m { gap: 3px; } [data-rk] .ju367v1n { gap: 4px; } [data-rk] .ju367v1o { gap: 5px; } [data-rk] .ju367v1p { gap: 6px; } [data-rk] .ju367v1q { gap: 8px; } [data-rk] .ju367v1r { gap: 10px; } [data-rk] .ju367v1s { gap: 12px; } [data-rk] .ju367v1t { gap: 14px; } [data-rk] .ju367v1u { gap: 16px; } [data-rk] .ju367v1v { gap: 18px; } [data-rk] .ju367v1w { gap: 20px; } [data-rk] .ju367v1x { gap: 24px; } [data-rk] .ju367v1y { gap: 28px; } [data-rk] .ju367v1z { gap: 32px; } [data-rk] .ju367v20 { gap: 36px; } [data-rk] .ju367v21 { gap: 44px; } [data-rk] .ju367v22 { gap: 64px; } [data-rk] .ju367v23 { } [data-rk] .ju367v24 { height: 1px; } [data-rk] .ju367v25 { height: 2px; } [data-rk] .ju367v26 { height: 4px; } [data-rk] .ju367v27 { height: 8px; } [data-rk] .ju367v28 { height: 12px; } [data-rk] .ju367v29 { height: 20px; } [data-rk] .ju367v2a { height: 24px; } [data-rk] .ju367v2b { height: 28px; } [data-rk] .ju367v2c { height: 30px; } [data-rk] .ju367v2d { height: 32px; } [data-rk] .ju367v2e { height: 34px; } [data-rk] .ju367v2f { height: 36px; } [data-rk] .ju367v2g { height: 40px; } [data-rk] .ju367v2h { height: 44px; } [data-rk] .ju367v2i { height: 48px; } [data-rk] .ju367v2j { height: 54px; } [data-rk] .ju367v2k { height: 60px; } [data-rk] .ju367v2l { height: 200px; } [data-rk] .ju367v2m { height: 100%; } [data-rk] .ju367v2n { height: max-content; } [data-rk] .ju367v2o { justify-content: flex-start; } [data-rk] .ju367v2p { justify-content: flex-end; } [data-rk] .ju367v2q { justify-content: center; } [data-rk] .ju367v2r { justify-content: space-between; } [data-rk] .ju367v2s { justify-content: space-around; } [data-rk] .ju367v2t { text-align: left; } [data-rk] .ju367v2u { text-align: center; } [data-rk] .ju367v2v { text-align: inherit; } [data-rk] .ju367v2w { margin-bottom: 0px; } [data-rk] .ju367v2x { margin-bottom: 1px; } [data-rk] .ju367v2y { margin-bottom: 2px; } [data-rk] .ju367v2z { margin-bottom: 3px; } [data-rk] .ju367v30 { margin-bottom: 4px; } [data-rk] .ju367v31 { margin-bottom: 5px; } [data-rk] .ju367v32 { margin-bottom: 6px; } [data-rk] .ju367v33 { margin-bottom: 8px; } [data-rk] .ju367v34 { margin-bottom: 10px; } [data-rk] .ju367v35 { margin-bottom: 12px; } [data-rk] .ju367v36 { margin-bottom: 14px; } [data-rk] .ju367v37 { margin-bottom: 16px; } [data-rk] .ju367v38 { margin-bottom: 18px; } [data-rk] .ju367v39 { margin-bottom: 20px; } [data-rk] .ju367v3a { margin-bottom: 24px; } [data-rk] .ju367v3b { margin-bottom: 28px; } [data-rk] .ju367v3c { margin-bottom: 32px; } [data-rk] .ju367v3d { margin-bottom: 36px; } [data-rk] .ju367v3e { margin-bottom: 44px; } [data-rk] .ju367v3f { margin-bottom: 64px; } [data-rk] .ju367v3g { margin-bottom: -1px; } [data-rk] .ju367v3h { margin-left: 0px; } [data-rk] .ju367v3i { margin-left: 1px; } [data-rk] .ju367v3j { margin-left: 2px; } [data-rk] .ju367v3k { margin-left: 3px; } [data-rk] .ju367v3l { margin-left: 4px; } [data-rk] .ju367v3m { margin-left: 5px; } [data-rk] .ju367v3n { margin-left: 6px; } [data-rk] .ju367v3o { margin-left: 8px; } [data-rk] .ju367v3p { margin-left: 10px; } [data-rk] .ju367v3q { margin-left: 12px; } [data-rk] .ju367v3r { margin-left: 14px; } [data-rk] .ju367v3s { margin-left: 16px; } [data-rk] .ju367v3t { margin-left: 18px; } [data-rk] .ju367v3u { margin-left: 20px; } [data-rk] .ju367v3v { margin-left: 24px; } [data-rk] .ju367v3w { margin-left: 28px; } [data-rk] .ju367v3x { margin-left: 32px; } [data-rk] .ju367v3y { margin-left: 36px; } [data-rk] .ju367v3z { margin-left: 44px; } [data-rk] .ju367v40 { margin-left: 64px; } [data-rk] .ju367v41 { margin-left: -1px; } [data-rk] .ju367v42 { margin-right: 0px; } [data-rk] .ju367v43 { margin-right: 1px; } [data-rk] .ju367v44 { margin-right: 2px; } [data-rk] .ju367v45 { margin-right: 3px; } [data-rk] .ju367v46 { margin-right: 4px; } [data-rk] .ju367v47 { margin-right: 5px; } [data-rk] .ju367v48 { margin-right: 6px; } [data-rk] .ju367v49 { margin-right: 8px; } [data-rk] .ju367v4a { margin-right: 10px; } [data-rk] .ju367v4b { margin-right: 12px; } [data-rk] .ju367v4c { margin-right: 14px; } [data-rk] .ju367v4d { margin-right: 16px; } [data-rk] .ju367v4e { margin-right: 18px; } [data-rk] .ju367v4f { margin-right: 20px; } [data-rk] .ju367v4g { margin-right: 24px; } [data-rk] .ju367v4h { margin-right: 28px; } [data-rk] .ju367v4i { margin-right: 32px; } [data-rk] .ju367v4j { margin-right: 36px; } [data-rk] .ju367v4k { margin-right: 44px; } [data-rk] .ju367v4l { margin-right: 64px; } [data-rk] .ju367v4m { margin-right: -1px; } [data-rk] .ju367v4n { margin-top: 0px; } [data-rk] .ju367v4o { margin-top: 1px; } [data-rk] .ju367v4p { margin-top: 2px; } [data-rk] .ju367v4q { margin-top: 3px; } [data-rk] .ju367v4r { margin-top: 4px; } [data-rk] .ju367v4s { margin-top: 5px; } [data-rk] .ju367v4t { margin-top: 6px; } [data-rk] .ju367v4u { margin-top: 8px; } [data-rk] .ju367v4v { margin-top: 10px; } [data-rk] .ju367v4w { margin-top: 12px; } [data-rk] .ju367v4x { margin-top: 14px; } [data-rk] .ju367v4y { margin-top: 16px; } [data-rk] .ju367v4z { margin-top: 18px; } [data-rk] .ju367v50 { margin-top: 20px; } [data-rk] .ju367v51 { margin-top: 24px; } [data-rk] .ju367v52 { margin-top: 28px; } [data-rk] .ju367v53 { margin-top: 32px; } [data-rk] .ju367v54 { margin-top: 36px; } [data-rk] .ju367v55 { margin-top: 44px; } [data-rk] .ju367v56 { margin-top: 64px; } [data-rk] .ju367v57 { margin-top: -1px; } [data-rk] .ju367v58 { max-width: 1px; } [data-rk] .ju367v59 { max-width: 2px; } [data-rk] .ju367v5a { max-width: 4px; } [data-rk] .ju367v5b { max-width: 8px; } [data-rk] .ju367v5c { max-width: 12px; } [data-rk] .ju367v5d { max-width: 20px; } [data-rk] .ju367v5e { max-width: 24px; } [data-rk] .ju367v5f { max-width: 28px; } [data-rk] .ju367v5g { max-width: 30px; } [data-rk] .ju367v5h { max-width: 32px; } [data-rk] .ju367v5i { max-width: 34px; } [data-rk] .ju367v5j { max-width: 36px; } [data-rk] .ju367v5k { max-width: 40px; } [data-rk] .ju367v5l { max-width: 44px; } [data-rk] .ju367v5m { max-width: 48px; } [data-rk] .ju367v5n { max-width: 54px; } [data-rk] .ju367v5o { max-width: 60px; } [data-rk] .ju367v5p { max-width: 200px; } [data-rk] .ju367v5q { max-width: 100%; } [data-rk] .ju367v5r { max-width: max-content; } [data-rk] .ju367v5s { min-width: 1px; } [data-rk] .ju367v5t { min-width: 2px; } [data-rk] .ju367v5u { min-width: 4px; } [data-rk] .ju367v5v { min-width: 8px; } [data-rk] .ju367v5w { min-width: 12px; } [data-rk] .ju367v5x { min-width: 20px; } [data-rk] .ju367v5y { min-width: 24px; } [data-rk] .ju367v5z { min-width: 28px; } [data-rk] .ju367v60 { min-width: 30px; } [data-rk] .ju367v61 { min-width: 32px; } [data-rk] .ju367v62 { min-width: 34px; } [data-rk] .ju367v63 { min-width: 36px; } [data-rk] .ju367v64 { min-width: 40px; } [data-rk] .ju367v65 { min-width: 44px; } [data-rk] .ju367v66 { min-width: 48px; } [data-rk] .ju367v67 { min-width: 54px; } [data-rk] .ju367v68 { min-width: 60px; } [data-rk] .ju367v69 { min-width: 200px; } [data-rk] .ju367v6a { min-width: 100%; } [data-rk] .ju367v6b { min-width: max-content; } [data-rk] .ju367v6c { overflow: hidden; } [data-rk] .ju367v6d { padding-bottom: 0px; } [data-rk] .ju367v6e { padding-bottom: 1px; } [data-rk] .ju367v6f { padding-bottom: 2px; } [data-rk] .ju367v6g { padding-bottom: 3px; } [data-rk] .ju367v6h { padding-bottom: 4px; } [data-rk] .ju367v6i { padding-bottom: 5px; } [data-rk] .ju367v6j { padding-bottom: 6px; } [data-rk] .ju367v6k { padding-bottom: 8px; } [data-rk] .ju367v6l { padding-bottom: 10px; } [data-rk] .ju367v6m { padding-bottom: 12px; } [data-rk] .ju367v6n { padding-bottom: 14px; } [data-rk] .ju367v6o { padding-bottom: 16px; } [data-rk] .ju367v6p { padding-bottom: 18px; } [data-rk] .ju367v6q { padding-bottom: 20px; } [data-rk] .ju367v6r { padding-bottom: 24px; } [data-rk] .ju367v6s { padding-bottom: 28px; } [data-rk] .ju367v6t { padding-bottom: 32px; } [data-rk] .ju367v6u { padding-bottom: 36px; } [data-rk] .ju367v6v { padding-bottom: 44px; } [data-rk] .ju367v6w { padding-bottom: 64px; } [data-rk] .ju367v6x { } [data-rk] .ju367v6y { padding-left: 0px; } [data-rk] .ju367v6z { padding-left: 1px; } [data-rk] .ju367v70 { padding-left: 2px; } [data-rk] .ju367v71 { padding-left: 3px; } [data-rk] .ju367v72 { padding-left: 4px; } [data-rk] .ju367v73 { padding-left: 5px; } [data-rk] .ju367v74 { padding-left: 6px; } [data-rk] .ju367v75 { padding-left: 8px; } [data-rk] .ju367v76 { padding-left: 10px; } [data-rk] .ju367v77 { padding-left: 12px; } [data-rk] .ju367v78 { padding-left: 14px; } [data-rk] .ju367v79 { padding-left: 16px; } [data-rk] .ju367v7a { padding-left: 18px; } [data-rk] .ju367v7b { padding-left: 20px; } [data-rk] .ju367v7c { padding-left: 24px; } [data-rk] .ju367v7d { padding-left: 28px; } [data-rk] .ju367v7e { padding-left: 32px; } [data-rk] .ju367v7f { padding-left: 36px; } [data-rk] .ju367v7g { padding-left: 44px; } [data-rk] .ju367v7h { padding-left: 64px; } [data-rk] .ju367v7i { } [data-rk] .ju367v7j { padding-right: 0px; } [data-rk] .ju367v7k { padding-right: 1px; } [data-rk] .ju367v7l { padding-right: 2px; } [data-rk] .ju367v7m { padding-right: 3px; } [data-rk] .ju367v7n { padding-right: 4px; } [data-rk] .ju367v7o { padding-right: 5px; } [data-rk] .ju367v7p { padding-right: 6px; } [data-rk] .ju367v7q { padding-right: 8px; } [data-rk] .ju367v7r { padding-right: 10px; } [data-rk] .ju367v7s { padding-right: 12px; } [data-rk] .ju367v7t { padding-right: 14px; } [data-rk] .ju367v7u { padding-right: 16px; } [data-rk] .ju367v7v { padding-right: 18px; } [data-rk] .ju367v7w { padding-right: 20px; } [data-rk] .ju367v7x { padding-right: 24px; } [data-rk] .ju367v7y { padding-right: 28px; } [data-rk] .ju367v7z { padding-right: 32px; } [data-rk] .ju367v80 { padding-right: 36px; } [data-rk] .ju367v81 { padding-right: 44px; } [data-rk] .ju367v82 { padding-right: 64px; } [data-rk] .ju367v83 { } [data-rk] .ju367v84 { padding-top: 0px; } [data-rk] .ju367v85 { padding-top: 1px; } [data-rk] .ju367v86 { padding-top: 2px; } [data-rk] .ju367v87 { padding-top: 3px; } [data-rk] .ju367v88 { padding-top: 4px; } [data-rk] .ju367v89 { padding-top: 5px; } [data-rk] .ju367v8a { padding-top: 6px; } [data-rk] .ju367v8b { padding-top: 8px; } [data-rk] .ju367v8c { padding-top: 10px; } [data-rk] .ju367v8d { padding-top: 12px; } [data-rk] .ju367v8e { padding-top: 14px; } [data-rk] .ju367v8f { padding-top: 16px; } [data-rk] .ju367v8g { padding-top: 18px; } [data-rk] .ju367v8h { padding-top: 20px; } [data-rk] .ju367v8i { padding-top: 24px; } [data-rk] .ju367v8j { padding-top: 28px; } [data-rk] .ju367v8k { padding-top: 32px; } [data-rk] .ju367v8l { padding-top: 36px; } [data-rk] .ju367v8m { padding-top: 44px; } [data-rk] .ju367v8n { padding-top: 64px; } [data-rk] .ju367v8o { } [data-rk] .ju367v8p { position: absolute; } [data-rk] .ju367v8q { position: fixed; } [data-rk] .ju367v8r { position: relative; } [data-rk] .ju367v8s { user-select: none; } [data-rk] .ju367v8t { right: 0px; } [data-rk] .ju367v8u { transition: 0.125s; } [data-rk] .ju367v8v { transition: transform 0.125s; } [data-rk] .ju367v8w { user-select: none; } [data-rk] .ju367v8x { width: 1px; } [data-rk] .ju367v8y { width: 2px; } [data-rk] .ju367v8z { width: 4px; } [data-rk] .ju367v90 { width: 8px; } [data-rk] .ju367v91 { width: 12px; } [data-rk] .ju367v92 { width: 20px; } [data-rk] .ju367v93 { width: 24px; } [data-rk] .ju367v94 { width: 28px; } [data-rk] .ju367v95 { width: 30px; } [data-rk] .ju367v96 { width: 32px; } [data-rk] .ju367v97 { width: 34px; } [data-rk] .ju367v98 { width: 36px; } [data-rk] .ju367v99 { width: 40px; } [data-rk] .ju367v9a { width: 44px; } [data-rk] .ju367v9b { width: 48px; } [data-rk] .ju367v9c { width: 54px; } [data-rk] .ju367v9d { width: 60px; } [data-rk] .ju367v9e { width: 200px; } [data-rk] .ju367v9f { width: 100%; } [data-rk] .ju367v9g { width: max-content; } [data-rk] .ju367v9h { backdrop-filter: var(--rk-blurs-modalOverlay); } [data-rk] .ju367v9i, [data-rk] .ju367v9j:hover, [data-rk] .ju367v9k:active { background: var(--rk-colors-accentColor); } [data-rk] .ju367v9l, [data-rk] .ju367v9m:hover, [data-rk] .ju367v9n:active { background: var(--rk-colors-accentColorForeground); } [data-rk] .ju367v9o, [data-rk] .ju367v9p:hover, [data-rk] .ju367v9q:active { background: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367v9r, [data-rk] .ju367v9s:hover, [data-rk] .ju367v9t:active { background: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367v9u, [data-rk] .ju367v9v:hover, [data-rk] .ju367v9w:active { background: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367v9x, [data-rk] .ju367v9y:hover, [data-rk] .ju367v9z:active { background: var(--rk-colors-closeButton); } [data-rk] .ju367va0, [data-rk] .ju367va1:hover, [data-rk] .ju367va2:active { background: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367va3, [data-rk] .ju367va4:hover, [data-rk] .ju367va5:active { background: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367va6, [data-rk] .ju367va7:hover, [data-rk] .ju367va8:active { background: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367va9, [data-rk] .ju367vaa:hover, [data-rk] .ju367vab:active { background: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vac, [data-rk] .ju367vad:hover, [data-rk] .ju367vae:active { background: var(--rk-colors-connectButtonText); } [data-rk] .ju367vaf, [data-rk] .ju367vag:hover, [data-rk] .ju367vah:active { background: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vai, [data-rk] .ju367vaj:hover, [data-rk] .ju367vak:active { background: var(--rk-colors-connectionIndicator); } [data-rk] .ju367val, [data-rk] .ju367vam:hover, [data-rk] .ju367van:active { background: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vao, [data-rk] .ju367vap:hover, [data-rk] .ju367vaq:active { background: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367var, [data-rk] .ju367vas:hover, [data-rk] .ju367vat:active { background: var(--rk-colors-error); } [data-rk] .ju367vau, [data-rk] .ju367vav:hover, [data-rk] .ju367vaw:active { background: var(--rk-colors-generalBorder); } [data-rk] .ju367vax, [data-rk] .ju367vay:hover, [data-rk] .ju367vaz:active { background: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vb0, [data-rk] .ju367vb1:hover, [data-rk] .ju367vb2:active { background: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vb3, [data-rk] .ju367vb4:hover, [data-rk] .ju367vb5:active { background: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vb6, [data-rk] .ju367vb7:hover, [data-rk] .ju367vb8:active { background: var(--rk-colors-modalBackground); } [data-rk] .ju367vb9, [data-rk] .ju367vba:hover, [data-rk] .ju367vbb:active { background: var(--rk-colors-modalBorder); } [data-rk] .ju367vbc, [data-rk] .ju367vbd:hover, [data-rk] .ju367vbe:active { background: var(--rk-colors-modalText); } [data-rk] .ju367vbf, [data-rk] .ju367vbg:hover, [data-rk] .ju367vbh:active { background: var(--rk-colors-modalTextDim); } [data-rk] .ju367vbi, [data-rk] .ju367vbj:hover, [data-rk] .ju367vbk:active { background: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367vbl, [data-rk] .ju367vbm:hover, [data-rk] .ju367vbn:active { background: var(--rk-colors-profileAction); } [data-rk] .ju367vbo, [data-rk] .ju367vbp:hover, [data-rk] .ju367vbq:active { background: var(--rk-colors-profileActionHover); } [data-rk] .ju367vbr, [data-rk] .ju367vbs:hover, [data-rk] .ju367vbt:active { background: var(--rk-colors-profileForeground); } [data-rk] .ju367vbu, [data-rk] .ju367vbv:hover, [data-rk] .ju367vbw:active { background: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vbx, [data-rk] .ju367vby:hover, [data-rk] .ju367vbz:active { background: var(--rk-colors-standby); } [data-rk] .ju367vc0, [data-rk] .ju367vc1:hover, [data-rk] .ju367vc2:active { border-color: var(--rk-colors-accentColor); } [data-rk] .ju367vc3, [data-rk] .ju367vc4:hover, [data-rk] .ju367vc5:active { border-color: var(--rk-colors-accentColorForeground); } [data-rk] .ju367vc6, [data-rk] .ju367vc7:hover, [data-rk] .ju367vc8:active { border-color: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367vc9, [data-rk] .ju367vca:hover, [data-rk] .ju367vcb:active { border-color: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367vcc, [data-rk] .ju367vcd:hover, [data-rk] .ju367vce:active { border-color: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367vcf, [data-rk] .ju367vcg:hover, [data-rk] .ju367vch:active { border-color: var(--rk-colors-closeButton); } [data-rk] .ju367vci, [data-rk] .ju367vcj:hover, [data-rk] .ju367vck:active { border-color: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367vcl, [data-rk] .ju367vcm:hover, [data-rk] .ju367vcn:active { border-color: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367vco, [data-rk] .ju367vcp:hover, [data-rk] .ju367vcq:active { border-color: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367vcr, [data-rk] .ju367vcs:hover, [data-rk] .ju367vct:active { border-color: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vcu, [data-rk] .ju367vcv:hover, [data-rk] .ju367vcw:active { border-color: var(--rk-colors-connectButtonText); } [data-rk] .ju367vcx, [data-rk] .ju367vcy:hover, [data-rk] .ju367vcz:active { border-color: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vd0, [data-rk] .ju367vd1:hover, [data-rk] .ju367vd2:active { border-color: var(--rk-colors-connectionIndicator); } [data-rk] .ju367vd3, [data-rk] .ju367vd4:hover, [data-rk] .ju367vd5:active { border-color: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vd6, [data-rk] .ju367vd7:hover, [data-rk] .ju367vd8:active { border-color: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367vd9, [data-rk] .ju367vda:hover, [data-rk] .ju367vdb:active { border-color: var(--rk-colors-error); } [data-rk] .ju367vdc, [data-rk] .ju367vdd:hover, [data-rk] .ju367vde:active { border-color: var(--rk-colors-generalBorder); } [data-rk] .ju367vdf, [data-rk] .ju367vdg:hover, [data-rk] .ju367vdh:active { border-color: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vdi, [data-rk] .ju367vdj:hover, [data-rk] .ju367vdk:active { border-color: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vdl, [data-rk] .ju367vdm:hover, [data-rk] .ju367vdn:active { border-color: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vdo, [data-rk] .ju367vdp:hover, [data-rk] .ju367vdq:active { border-color: var(--rk-colors-modalBackground); } [data-rk] .ju367vdr, [data-rk] .ju367vds:hover, [data-rk] .ju367vdt:active { border-color: var(--rk-colors-modalBorder); } [data-rk] .ju367vdu, [data-rk] .ju367vdv:hover, [data-rk] .ju367vdw:active { border-color: var(--rk-colors-modalText); } [data-rk] .ju367vdx, [data-rk] .ju367vdy:hover, [data-rk] .ju367vdz:active { border-color: var(--rk-colors-modalTextDim); } [data-rk] .ju367ve0, [data-rk] .ju367ve1:hover, [data-rk] .ju367ve2:active { border-color: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367ve3, [data-rk] .ju367ve4:hover, [data-rk] .ju367ve5:active { border-color: var(--rk-colors-profileAction); } [data-rk] .ju367ve6, [data-rk] .ju367ve7:hover, [data-rk] .ju367ve8:active { border-color: var(--rk-colors-profileActionHover); } [data-rk] .ju367ve9, [data-rk] .ju367vea:hover, [data-rk] .ju367veb:active { border-color: var(--rk-colors-profileForeground); } [data-rk] .ju367vec, [data-rk] .ju367ved:hover, [data-rk] .ju367vee:active { border-color: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vef, [data-rk] .ju367veg:hover, [data-rk] .ju367veh:active { border-color: var(--rk-colors-standby); } [data-rk] .ju367vei, [data-rk] .ju367vej:hover, [data-rk] .ju367vek:active { box-shadow: var(--rk-shadows-connectButton); } [data-rk] .ju367vel, [data-rk] .ju367vem:hover, [data-rk] .ju367ven:active { box-shadow: var(--rk-shadows-dialog); } [data-rk] .ju367veo, [data-rk] .ju367vep:hover, [data-rk] .ju367veq:active { box-shadow: var(--rk-shadows-profileDetailsAction); } [data-rk] .ju367ver, [data-rk] .ju367ves:hover, [data-rk] .ju367vet:active { box-shadow: var(--rk-shadows-selectedOption); } [data-rk] .ju367veu, [data-rk] .ju367vev:hover, [data-rk] .ju367vew:active { box-shadow: var(--rk-shadows-selectedWallet); } [data-rk] .ju367vex, [data-rk] .ju367vey:hover, [data-rk] .ju367vez:active { box-shadow: var(--rk-shadows-walletLogo); } [data-rk] .ju367vf0, [data-rk] .ju367vf1:hover, [data-rk] .ju367vf2:active { color: var(--rk-colors-accentColor); } [data-rk] .ju367vf3, [data-rk] .ju367vf4:hover, [data-rk] .ju367vf5:active { color: var(--rk-colors-accentColorForeground); } [data-rk] .ju367vf6, [data-rk] .ju367vf7:hover, [data-rk] .ju367vf8:active { color: var(--rk-colors-actionButtonBorder); } [data-rk] .ju367vf9, [data-rk] .ju367vfa:hover, [data-rk] .ju367vfb:active { color: var(--rk-colors-actionButtonBorderMobile); } [data-rk] .ju367vfc, [data-rk] .ju367vfd:hover, [data-rk] .ju367vfe:active { color: var(--rk-colors-actionButtonSecondaryBackground); } [data-rk] .ju367vff, [data-rk] .ju367vfg:hover, [data-rk] .ju367vfh:active { color: var(--rk-colors-closeButton); } [data-rk] .ju367vfi, [data-rk] .ju367vfj:hover, [data-rk] .ju367vfk:active { color: var(--rk-colors-closeButtonBackground); } [data-rk] .ju367vfl, [data-rk] .ju367vfm:hover, [data-rk] .ju367vfn:active { color: var(--rk-colors-connectButtonBackground); } [data-rk] .ju367vfo, [data-rk] .ju367vfp:hover, [data-rk] .ju367vfq:active { color: var(--rk-colors-connectButtonBackgroundError); } [data-rk] .ju367vfr, [data-rk] .ju367vfs:hover, [data-rk] .ju367vft:active { color: var(--rk-colors-connectButtonInnerBackground); } [data-rk] .ju367vfu, [data-rk] .ju367vfv:hover, [data-rk] .ju367vfw:active { color: var(--rk-colors-connectButtonText); } [data-rk] .ju367vfx, [data-rk] .ju367vfy:hover, [data-rk] .ju367vfz:active { color: var(--rk-colors-connectButtonTextError); } [data-rk] .ju367vg0, [data-rk] .ju367vg1:hover, [data-rk] .ju367vg2:active { color: var(--rk-colors-connectionIndicator); } [data-rk] .ju367vg3, [data-rk] .ju367vg4:hover, [data-rk] .ju367vg5:active { color: var(--rk-colors-downloadBottomCardBackground); } [data-rk] .ju367vg6, [data-rk] .ju367vg7:hover, [data-rk] .ju367vg8:active { color: var(--rk-colors-downloadTopCardBackground); } [data-rk] .ju367vg9, [data-rk] .ju367vga:hover, [data-rk] .ju367vgb:active { color: var(--rk-colors-error); } [data-rk] .ju367vgc, [data-rk] .ju367vgd:hover, [data-rk] .ju367vge:active { color: var(--rk-colors-generalBorder); } [data-rk] .ju367vgf, [data-rk] .ju367vgg:hover, [data-rk] .ju367vgh:active { color: var(--rk-colors-generalBorderDim); } [data-rk] .ju367vgi, [data-rk] .ju367vgj:hover, [data-rk] .ju367vgk:active { color: var(--rk-colors-menuItemBackground); } [data-rk] .ju367vgl, [data-rk] .ju367vgm:hover, [data-rk] .ju367vgn:active { color: var(--rk-colors-modalBackdrop); } [data-rk] .ju367vgo, [data-rk] .ju367vgp:hover, [data-rk] .ju367vgq:active { color: var(--rk-colors-modalBackground); } [data-rk] .ju367vgr, [data-rk] .ju367vgs:hover, [data-rk] .ju367vgt:active { color: var(--rk-colors-modalBorder); } [data-rk] .ju367vgu, [data-rk] .ju367vgv:hover, [data-rk] .ju367vgw:active { color: var(--rk-colors-modalText); } [data-rk] .ju367vgx, [data-rk] .ju367vgy:hover, [data-rk] .ju367vgz:active { color: var(--rk-colors-modalTextDim); } [data-rk] .ju367vh0, [data-rk] .ju367vh1:hover, [data-rk] .ju367vh2:active { color: var(--rk-colors-modalTextSecondary); } [data-rk] .ju367vh3, [data-rk] .ju367vh4:hover, [data-rk] .ju367vh5:active { color: var(--rk-colors-profileAction); } [data-rk] .ju367vh6, [data-rk] .ju367vh7:hover, [data-rk] .ju367vh8:active { color: var(--rk-colors-profileActionHover); } [data-rk] .ju367vh9, [data-rk] .ju367vha:hover, [data-rk] .ju367vhb:active { color: var(--rk-colors-profileForeground); } [data-rk] .ju367vhc, [data-rk] .ju367vhd:hover, [data-rk] .ju367vhe:active { color: var(--rk-colors-selectedOptionBorder); } [data-rk] .ju367vhf, [data-rk] .ju367vhg:hover, [data-rk] .ju367vhh:active { color: var(--rk-colors-standby); } @media screen and (min-width: 768px) { [data-rk] .ju367v1 { align-items: flex-start; } [data-rk] .ju367v3 { align-items: flex-end; } [data-rk] .ju367v5 { align-items: center; } [data-rk] .ju367v7 { display: none; } [data-rk] .ju367v9 { display: block; } [data-rk] .ju367vb { display: flex; } [data-rk] .ju367vd { display: inline; } } [data-rk] ._12cbo8i3, [data-rk] ._12cbo8i3::after { --_12cbo8i0: 1; --_12cbo8i1: 1; } [data-rk] ._12cbo8i3:hover { transform: scale(var(--_12cbo8i0)); } [data-rk] ._12cbo8i3:active { transform: scale(var(--_12cbo8i1)); } [data-rk] ._12cbo8i3:active::after { content: ""; transform: scale(calc((1/var(--_12cbo8i1))*var(--_12cbo8i0))); display: block; position: absolute; inset: -1px; } [data-rk] ._12cbo8i4, [data-rk] ._12cbo8i4::after { --_12cbo8i0: 1.025; } [data-rk] ._12cbo8i5, [data-rk] ._12cbo8i5::after { --_12cbo8i0: 1.1; } [data-rk] ._12cbo8i6, [data-rk] ._12cbo8i6::after { --_12cbo8i1: .95; } [data-rk] ._12cbo8i7, [data-rk] ._12cbo8i7::after { --_12cbo8i1: .9; } @keyframes _1luule41 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } [data-rk] ._1luule42 { animation: 3s linear 0s infinite normal none running _1luule41; } [data-rk] ._1luule43 { background: conic-gradient(from 180deg, rgba(72, 146, 254, 0) 0deg, currentcolor 282.04deg, rgba(72, 146, 254, 0) 319.86deg, rgba(72, 146, 254, 0) 360deg); width: 21px; height: 21px; } @keyframes _9pm4ki0 { 0% { transform: translateY(100%); } 100% { transform: translateY(0px); } } @keyframes _9pm4ki1 { 0% { opacity: 0; } 100% { opacity: 1; } } [data-rk] ._9pm4ki3 { z-index: 2147483646; padding: 200px; animation: 0.15s ease 0s 1 normal none running _9pm4ki1; inset: -200px; transform: translateZ(0px); } [data-rk] ._9pm4ki5 { max-width: 100vw; animation: 0.35s cubic-bezier(0.15, 1.15, 0.6, 1) 0s 1 normal none running _9pm4ki0, 0.15s ease 0s 1 normal none running _9pm4ki1; } [data-rk] ._1ckjpok1 { box-sizing: content-box; width: 360px; max-width: 100vw; } [data-rk] ._1ckjpok2 { width: 100vw; } [data-rk] ._1ckjpok3 { width: 720px; min-width: 720px; } [data-rk] ._1ckjpok4 { width: 368px; min-width: 368px; } [data-rk] ._1ckjpok6 { box-sizing: border-box; border-width: 0px; width: 100vw; } @media screen and (min-width: 768px) { [data-rk] ._1ckjpok1 { width: 360px; } [data-rk] ._1ckjpok2 { width: 480px; } [data-rk] ._1ckjpok4 { width: 368px; min-width: 368px; } } @media screen and (max-width: 767px) { [data-rk] ._1ckjpok7 { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-top: -200px; padding-bottom: 200px; top: 200px; } } [data-rk] .v9horb0:hover { background: unset; } [data-rk] ._18dqw9x0 { max-height: 456px; overflow: hidden auto; } [data-rk] ._18dqw9x1 { scrollbar-width: none; max-height: 456px; overflow: hidden auto; } [data-rk] ._18dqw9x1::-webkit-scrollbar { display: none; } [data-rk] .g5kl0l0 { border-color: rgba(0, 0, 0, 0); } [data-rk] ._1vwt0cg0 { color: rgb(0, 0, 0); background: rgb(255, 255, 255); } [data-rk] ._1vwt0cg2 { max-height: 454px; overflow-y: auto; } [data-rk] ._1vwt0cg3 { min-width: 287px; } [data-rk] ._1vwt0cg4 { min-width: 100%; } @keyframes _1am14411 { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -283px; } } [data-rk] ._1am14410 { scrollbar-width: none; overflow: auto; transform: translateZ(0px); } [data-rk] ._1am14410::-webkit-scrollbar { display: none; } [data-rk] ._1am14412 { stroke-dasharray: 98, 196; fill: none; stroke-linecap: round; stroke-width: 4px; animation: 1s linear 0s infinite normal none running _1am14411; } [data-rk] ._1am14413 { position: absolute; } [data-rk] ._1y2lnfi0 { border: 1px solid rgba(16, 21, 31, 0.06); } [data-rk] ._1y2lnfi1 { max-width: fit-content; } :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74d3c; --toastify-color-transparent: #ffffffb3; --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-container-width: fit-content; --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset),env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset),env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset),env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset),env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-padding: 14px; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-toast-shadow: 0px 4px 12px #0000001a; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); --toastify-color-progress-bgo: .2; } .Toastify__toast-container { z-index: var(--toastify-z-index); transform: translate3d(0,0,var(--toastify-z-index)); width: var(--toastify-container-width); box-sizing: border-box; color: rgb(255, 255, 255); flex-direction: column; display: flex; position: fixed; } .Toastify__toast-container--top-left { top: var(--toastify-toast-top); left: var(--toastify-toast-left); } .Toastify__toast-container--top-center { top: var(--toastify-toast-top); align-items: center; left: 50%; transform: translate(-50%); } .Toastify__toast-container--top-right { top: var(--toastify-toast-top); right: var(--toastify-toast-right); align-items: end; } .Toastify__toast-container--bottom-left { bottom: var(--toastify-toast-bottom); left: var(--toastify-toast-left); } .Toastify__toast-container--bottom-center { bottom: var(--toastify-toast-bottom); align-items: center; left: 50%; transform: translate(-50%); } .Toastify__toast-container--bottom-right { bottom: var(--toastify-toast-bottom); right: var(--toastify-toast-right); align-items: end; } .Toastify__toast { --y: 0; touch-action: none; width: var(--toastify-toast-width); min-height: var(--toastify-toast-min-height); box-sizing: border-box; padding: var(--toastify-toast-padding); border-radius: var(--toastify-toast-bd-radius); box-shadow: var(--toastify-toast-shadow); max-height: var(--toastify-toast-max-height); font-family: var(--toastify-font-family); z-index: 0; word-break: break-word; flex: 1 1 auto; align-items: center; margin-bottom: 1rem; display: flex; position: relative; } @media only screen and (max-width: 480px) { .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: 0px; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: env(safe-area-inset-top); transform: translate(0px); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: env(safe-area-inset-bottom); transform: translate(0px); } .Toastify__toast-container--rtl { right: env(safe-area-inset-right); left: initial; } .Toastify__toast { --toastify-toast-width: 100%; border-radius: 0px; margin-bottom: 0px; } } .Toastify__toast-container[data-stacked="true"] { width: var(--toastify-toast-width); } .Toastify__toast--stacked { width: 100%; transform: translate3d(0,var(--y),0)scale(var(--s)); transition: transform 0.3s; position: absolute; } .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button { transition: opacity 0.1s; } .Toastify__toast--stacked[data-collapsed="false"] { overflow: visible; } .Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * { opacity: 0; } .Toastify__toast--stacked::after { content: ""; height: calc(var(--g)*1px); position: absolute; bottom: 100%; left: 0px; right: 0px; } .Toastify__toast--stacked[data-pos="top"] { top: 0px; } .Toastify__toast--stacked[data-pos="bot"] { bottom: 0px; } .Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked::before { transform-origin: center top; } .Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked::before { transform-origin: center bottom; } .Toastify__toast--stacked::before { content: ""; z-index: -1; height: 100%; position: absolute; bottom: 0px; left: 0px; right: 0px; transform: scaleY(3); } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-icon { flex-shrink: 0; width: 22px; margin-inline-end: 10px; display: flex; } .Toastify--animate { animation-duration: 0.5s; animation-fill-mode: both; } .Toastify--animate-icon { animation-duration: 0.3s; animation-fill-mode: both; } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } .Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info); } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success); } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); } .Toastify__close-button { color: rgb(255, 255, 255); cursor: pointer; opacity: 0.7; z-index: 1; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; padding: 0px; transition: 0.3s; position: absolute; top: 6px; right: 6px; } .Toastify__toast--rtl .Toastify__close-button { left: 6px; right: unset; } .Toastify__close-button--light { color: rgb(0, 0, 0); opacity: 0.3; } .Toastify__close-button > svg { fill: currentcolor; width: 14px; height: 16px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .Toastify__progress-bar { z-index: 1; opacity: 0.7; transform-origin: 0px center; width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; } .Toastify__progress-bar--animated { animation: auto linear 0s 1 normal forwards running Toastify__trackProgress; } .Toastify__progress-bar--controlled { transition: transform 0.2s; } .Toastify__progress-bar--rtl { right: 0px; left: initial; transform-origin: 100% center; border-bottom-left-radius: initial; } .Toastify__progress-bar--wrp { border-bottom-left-radius: var(--toastify-toast-bd-radius); border-bottom-right-radius: var(--toastify-toast-bd-radius); width: 100%; height: 5px; position: absolute; bottom: 0px; left: 0px; overflow: hidden; } .Toastify__progress-bar--wrp[data-hidden="true"] { opacity: 0; } .Toastify__progress-bar--bg { opacity: var(--toastify-color-progress-bgo); width: 100%; height: 100%; } .Toastify__spinner { box-sizing: border-box; border-width: 2px; border-style: solid; border-image: initial; border-top-color: ; border-bottom-color: ; border-left-color: ; border-right-color: var(--toastify-spinner-color); border-radius: 100%; width: 20px; height: 20px; animation: 0.65s linear 0s infinite normal none running Toastify__spin; } @keyframes Toastify__bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(3000px); } 60% { opacity: 1; transform: translate(-25px); } 75% { transform: translate(10px); } 90% { transform: translate(-5px); } 100% { transform: none; } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px,var(--y),0); } 100% { opacity: 0; transform: translate3d(2000px,var(--y),0); } } @keyframes Toastify__bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(-3000px); } 60% { opacity: 1; transform: translate(25px); } 75% { transform: translate(-10px); } 90% { transform: translate(5px); } 100% { transform: none; } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px,var(--y),0); } 100% { opacity: 0; transform: translate3d(-2000px,var(--y),0); } } @keyframes Toastify__bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translateY(3000px); } 60% { opacity: 1; transform: translateY(-20px); } 75% { transform: translateY(10px); } 90% { transform: translateY(-5px); } 100% { transform: translate(0px, 0px); } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0,calc(var(--y) - 10px),0); } 40%, 45% { opacity: 1; transform: translate3d(0,calc(var(--y) + 20px),0); } 100% { opacity: 0; transform: translateY(-2000px); } } @keyframes Toastify__bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translateY(-3000px); } 60% { opacity: 1; transform: translateY(25px); } 75% { transform: translateY(-10px); } 90% { transform: translateY(5px); } 100% { transform: none; } } @keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0,calc(var(--y) - 10px),0); } 40%, 45% { opacity: 1; transform: translate3d(0,calc(var(--y) + 20px),0); } 100% { opacity: 0; transform: translateY(2000px); } } .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; } @keyframes Toastify__zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes Toastify__zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: translate3d(0,var(--y),0)scale3d(.3,.3,.3); } 100% { opacity: 0; } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { animation-name: Toastify__zoomOut; } @keyframes Toastify__flipIn { 0% { opacity: 0; animation-timing-function: ease-in; transform: perspective(400px) rotateX(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } } @keyframes Toastify__flipOut { 0% { transform: translate3d(0,var(--y),0)perspective(400px); } 30% { transform: translate3d(0,var(--y),0)perspective(400px)rotate3d(1,0,0,-20deg); opacity: 1; } 100% { transform: translate3d(0,var(--y),0)perspective(400px)rotate3d(1,0,0,90deg); opacity: 0; } } .Toastify__flip-enter { animation-name: Toastify__flipIn; } .Toastify__flip-exit { animation-name: Toastify__flipOut; } @keyframes Toastify__slideInRight { 0% { visibility: visible; transform: translate(110%); } 100% { transform: translate3d(0,var(--y),0); } } @keyframes Toastify__slideInLeft { 0% { visibility: visible; transform: translate(-110%); } 100% { transform: translate3d(0,var(--y),0); } } @keyframes Toastify__slideInUp { 0% { visibility: visible; transform: translateY(110%); } 100% { transform: translate3d(0,var(--y),0); } } @keyframes Toastify__slideInDown { 0% { visibility: visible; transform: translateY(-110%); } 100% { transform: translate3d(0,var(--y),0); } } @keyframes Toastify__slideOutRight { 0% { transform: translate3d(0,var(--y),0); } 100% { visibility: hidden; transform: translate3d(110%,var(--y),0); } } @keyframes Toastify__slideOutLeft { 0% { transform: translate3d(0,var(--y),0); } 100% { visibility: hidden; transform: translate3d(-110%,var(--y),0); } } @keyframes Toastify__slideOutDown { 0% { transform: translate3d(0,var(--y),0); } 100% { visibility: hidden; transform: translateY(500px); } } @keyframes Toastify__slideOutUp { 0% { transform: translate3d(0,var(--y),0); } 100% { visibility: hidden; transform: translateY(-500px); } } .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; animation-duration: 0.3s; animation-timing-function: ease-in; } .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; animation-duration: 0.3s; animation-timing-function: ease-in; } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; animation-duration: 0.3s; animation-timing-function: ease-in; } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; animation-duration: 0.3s; animation-timing-function: ease-in; } @keyframes Toastify__spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } :root { color-scheme: light; } html, body { padding: 0px; margin: 0px; font-family: Inter, Helvetica, Arial, sans-serif; background: rgb(17, 25, 39); color: rgb(0, 0, 0); min-height: 100%; } * { box-sizing: border-box; } a { color: inherit; } .css-1iwean3 { --toastify-toast-width: auto !important; } .css-1iwean3 .Toastify__toast-container { inset: auto 1rem 1.2rem auto; z-index: 1000; width: max-content !important; } .css-1iwean3 .Toastify__toast { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; padding: 32px 56px 32px 32px; border-radius: 0px; border: 1px solid rgba(60, 63, 59, 0.2); background: rgba(255, 255, 255, 0.8); box-shadow: none; text-align: center; font-family: InterDisplay, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.32px; line-height: 100%; color: rgb(20, 23, 22); overflow: visible; position: relative; white-space: nowrap; width: max-content !important; } .css-1iwean3 .Toastify__toast-body { width: max-content; text-align: center; font-family: InterDisplay, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.32px; line-height: 100%; color: rgb(20, 23, 22); white-space: nowrap; overflow: visible; } .css-1iwean3 .Toastify__close-button { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; opacity: 1; } .css-1iwean3 .Toastify__close-button > svg { width: 16px; height: 16px; fill: black; opacity: 0.3; } .css-1istt6y { height: 100vh; width: 100%; display: block; overflow-y: auto; background-color: white; } .css-6o3dqv { position: fixed; top: 0px; width: 100%; z-index: 100; } .css-1d1qxej { background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(17, 88, 8, 0.2); display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; padding: 0px 24px; width: 100%; z-index: 100; -webkit-box-align: stretch; align-items: stretch; } @media (max-width: 768px) { .css-1d1qxej { padding: 12px 18px; height: auto; } } .css-3gc4k2 { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 32px; align-self: stretch; } @media (max-width: 768px) { .css-3gc4k2 { -webkit-box-pack: justify; justify-content: space-between; width: 100%; } } .css-78vn2w { background-image: image-set(url("assets/webp/ethgasfoundation_logo_big.webp") 1x type("image/webp"), url("assets/png/ethgasfoundation_logo_big.png") 1x type("image/png")); background-size: contain; background-position: center center; background-repeat: no-repeat; width: 137px; height: 36px; } .css-1nwyfb0 { list-style: none; display: flex; flex-direction: row; gap: 8px; -webkit-box-align: center; align-items: center; height: 100%; position: relative; align-self: stretch; } @media (max-width: 768px) { .css-1nwyfb0 { display: none; } } .css-o8jqnq { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: black; cursor: pointer; opacity: 1; white-space: nowrap; padding: 0px 12px; height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; } .css-o8jqnq:active { transform: scale(0.95); } @media (prefers-reduced-motion: reduce) { .css-o8jqnq:active { transform: none; } } .css-o8jqnq::after { content: ""; position: absolute; left: 0px; right: 0px; height: 1px; bottom: -1px; background: transparent; pointer-events: none; } .css-15whaq7 { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: black; cursor: pointer; opacity: 1; white-space: nowrap; padding: 0px 12px; height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; } .css-15whaq7:active { transform: scale(0.95); } @media (prefers-reduced-motion: reduce) { .css-15whaq7:active { transform: none; } } .css-15whaq7::after { content: ""; position: absolute; left: 0px; right: 0px; height: 1px; bottom: -1px; background: black; pointer-events: none; } .css-1oskaes { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: black; cursor: default; opacity: 0.4; white-space: nowrap; padding: 0px 12px; height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; } .css-1oskaes::after { content: ""; position: absolute; left: 0px; right: 0px; height: 1px; bottom: -1px; background: transparent; pointer-events: none; } .css-mncj3v { display: none; } @media (max-width: 768px) { .css-mncj3v { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 7px; cursor: pointer; border: 1px solid rgba(8, 8, 8, 0.1); background: transparent; } } .css-gi4w3z { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 12px; align-self: stretch; } @media (max-width: 768px) { .css-gi4w3z { order: 2; padding: 0px; } } .css-1y3lg3r { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 8px; padding: 10px 0px; } @media (max-width: 768px) { .css-1y3lg3r { display: none; padding: 0px; } } .css-15nzlbn { appearance: none; padding: 0px; margin: 0px; font: inherit; color: inherit; cursor: pointer; border-radius: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 40px; width: 40px; border: 0.33px solid rgb(176, 180, 186); background: transparent; } .css-15nzlbn:active { transform: scale(0.95); } @media (prefers-reduced-motion: reduce) { .css-15nzlbn:active { transform: none; } } .css-15nzlbn:hover { background: rgb(237, 238, 240); } .css-1hm3qlh { width: 100%; background-color: rgb(255, 255, 255); } .css-7j4ab3 { min-height: 100vh; background: white; display: flex; flex-direction: column; gap: 36px; -webkit-box-align: center; align-items: center; max-width: 1920px; margin: 0px auto; border-left: 1px solid rgba(154, 162, 153, 0.2); border-right: 1px solid rgba(154, 162, 153, 0.2); } @media (max-width: 920px) { .css-7j4ab3 { gap: 48px; } } .css-1gt2ddu { display: flex; flex-direction: column; width: 100%; height: 360px; margin-top: 0px; } @media (max-width: 768px) { .css-1gt2ddu { height: 460px; } } .css-9u79vs { width: 100%; height: 100%; background-color: rgb(255, 255, 255); background-image: image-set(url("assets/webp/tokenpage_banner_1920.webp") 1x type("image/webp"), url("assets/png/tokenpage_banner_1920.png") 1x type("image/png")); background-size: cover, cover; background-position: center center, center center; background-repeat: no-repeat, repeat; display: flex; flex-direction: row; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; overflow: hidden; overscroll-behavior-x: none; touch-action: pan-y; } .css-iy23pd { width: 60%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media (max-width: 1150px) { .css-iy23pd { -webkit-box-pack: end; justify-content: flex-end; } } @media (max-width: 920px) { .css-iy23pd { width: 40%; } } .css-1t45xx9 { position: absolute; left: 12.5%; top: 100px; display: flex; flex-direction: column; align-items: flex-start; gap: 60px; } @media (max-width: 1150px) { .css-1t45xx9 { left: 10%; } } @media (max-width: 920px) { .css-1t45xx9 { left: 8%; } } @media (max-width: 768px) { .css-1t45xx9 { top: 150px; } } @media (max-width: 480px) { .css-1t45xx9 { top: 120px; } } .css-1ak5io { font-family: InterDisplay, sans-serif; font-size: 48px; font-weight: 500; line-height: 105%; letter-spacing: -0.96px; } .css-bgm2id { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; } .css-bpurqt { font-family: Inter, sans-serif; font-size: 24px; font-weight: 300; line-height: 120%; letter-spacing: -0.48px; } .css-1r9kwv0 { display: flex; flex-direction: row; gap: 4px; -webkit-box-align: center; align-items: center; } .css-8mwj59 { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; opacity: 0.8; } .css-142477a { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: black; } .css-u7nojf { position: absolute; right: 5%; top: 24px; width: 784px; max-width: 784px; aspect-ratio: 823 / 462; pointer-events: none; transform: rotateY(180deg); overflow: hidden; } @media (max-width: 1300px) { .css-u7nojf { right: calc(5% - 100px); } } @media (max-width: 920px) { .css-u7nojf { right: calc(5% - 180px); } } @media (max-width: 768px) { .css-u7nojf { top: 180px; width: 677px; max-width: 677px; right: calc(5% - 250px); } } .css-4rx3j2 { display: block; width: 100%; height: 100%; } .css-whx14v { width: 100%; height: 100%; display: block; object-fit: cover; } .css-sodbyh { width: 100%; color: rgb(23, 16, 2); background-color: rgb(255, 255, 255); border-top: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 40px; padding-top: 40px; } .css-c7sr10 { display: block; } @media (max-width: 768px) { .css-c7sr10 { display: none; } } .css-1jqasoc { margin: 0px auto; max-width: 1440px; } @media (max-width: 1500px) { .css-1jqasoc { padding: 0px 20px; } } .css-1pgtsxh { margin-top: 40px; display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; } .css-1ewot4o { flex: 1 1 0%; margin-top: -2px; } .css-8jufsh { background-image: image-set(url("assets/webp/ethgasfoundation_logo_big.webp") 1x type("image/webp"), url("assets/png/ethgasfoundation_logo_big.png") 1x type("image/png")); background-size: contain; background-position: center center; background-repeat: no-repeat; width: 137px; height: 36px; } .css-1nn00q4 { flex: 4 1 0%; display: flex; flex-direction: row; width: 100%; margin-bottom: 40px; justify-content: space-around; } .css-7h46v7 { display: flex; flex-direction: column; } @media (max-width: 1500px) { .css-7h46v7 { padding-right: 40px; } } @media (max-width: 1150px) { .css-7h46v7 { padding-right: 20px; } } .css-7h46v7:last-child { padding-right: 0px; } .css-1ku48jc { color: rgb(20, 23, 22); font-family: InterDisplay; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: initial; line-height: 125%; margin-bottom: 8px; } .css-1u4fd5m { display: flex; flex-direction: column; gap: 8px; } .css-c4lx3y { font-size: 14px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: initial; cursor: pointer; opacity: 1; text-transform: capitalize; font-family: Inter, sans-serif; max-width: 150px; } .css-c4lx3y:active { transform: scale(0.95); } @media (prefers-reduced-motion: reduce) { .css-c4lx3y:active { transform: none; } } .css-c4lx3y a { color: rgb(154, 162, 153); text-decoration: none; } .css-186b4yx { font-size: 14px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: initial; cursor: default; opacity: 0.5; text-transform: capitalize; font-family: Inter, sans-serif; max-width: 150px; } .css-186b4yx:active { transform: scale(0.95); } @media (prefers-reduced-motion: reduce) { .css-186b4yx:active { transform: none; } } .css-186b4yx a { color: rgb(154, 162, 153); text-decoration: none; } .css-14o5yk3 { font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.06px; padding: 34px 0px 16px; border-top: 1px solid rgba(0, 0, 0, 0.1); opacity: 0.5; color: rgb(81, 81, 81); } @media (max-width: 768px) { .css-14o5yk3 { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } } .css-5170ay { display: flex; flex-direction: column; gap: 16px; } .css-rpf7ng { opacity: 0.5; color: rgb(81, 81, 81); font-family: Inter, sans-serif; font-size: 12px; font-weight: 500; line-height: 18px; } .css-4yafne { display: none; } @media (max-width: 768px) { .css-4yafne { display: block; } } .css-4a1xvj { padding: 32px; } .css-anngxp { display: flex; flex-direction: column; gap: 32px; padding-bottom: 24px; margin-bottom: 28px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .css-o7szca { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; } @media (max-width: 768px) { .css-o7szca { display: flex; } } .css-1o41v51 { display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; padding: 0px 80px 88px; width: 100%; max-width: 1440px; gap: 40px; } @media (max-width: 1150px) { .css-1o41v51 { padding: 0px 16px 64px; } } .css-598toi { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-auto-rows: minmax(0px, 480px); gap: 48px; max-width: 960px; } @media (max-width: 768px) { .css-598toi { grid-template-columns: 1fr; } } .css-1lxtjmv { position: relative; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgba(154, 162, 153, 0.2); width: 100%; min-height: 360px; } .css-9tqfuv { position: absolute; inset: 0px; } .css-1eao3ux { position: absolute; inset: 0px; display: block; } .css-aobg9m { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; object-position: center top; transform: scale(1.2); transform-origin: center top; } .css-1j525ut { position: absolute; left: -115px; right: -115px; bottom: -1px; height: 254px; background: rgb(255, 255, 255); filter: blur(50px); pointer-events: none; } .css-1ohkoag { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 32px; display: flex; flex-direction: column; gap: 32px; } .css-ktbr1i { display: flex; flex-direction: column; gap: 24px; width: 100%; } .css-1ur5l0x { font-family: InterDisplay, sans-serif; font-size: 32px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.64px; color: rgb(20, 23, 22); } .css-1sb43di { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: rgb(154, 162, 153); opacity: 0.8; } .css-18mv5ph { width: 100%; display: flex; align-items: flex-start; } .css-ed346w { flex: 1 1 0%; display: flex; flex-direction: column; gap: 4px; -webkit-box-pack: center; justify-content: center; } .css-mgw8wq { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; } .css-1ciwgh5 { color: rgb(61, 207, 136); flex: 0 0 auto; } .css-1kwncb0 { font-family: InterDisplay, sans-serif; font-size: 16px; font-weight: 500; color: rgb(61, 207, 136); line-height: 140%; letter-spacing: -0.16px; } .css-1mfjxd1 { background: rgb(255, 255, 255); border: 1px solid rgba(154, 162, 153, 0.2); display: flex; flex-direction: column; align-items: flex-start; width: 100%; } .css-1tj7yb2 { width: 100%; background: rgba(154, 162, 153, 0.1); padding: 16px; display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .css-kg6ted { font-family: InterDisplay, sans-serif; font-size: 16px; font-weight: 500; color: rgb(20, 23, 22); line-height: 140%; letter-spacing: -0.16px; } .css-hp68mp { display: flex; flex-direction: row; gap: 8px; -webkit-box-align: center; align-items: center; } .css-1bbctyd { cursor: pointer; font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .css-1bbctyd:active { transform: scale(0.95); } @media (prefers-reduced-motion: reduce) { .css-1bbctyd:active { transform: none; } } .css-139b3i6 { width: 100%; padding: 32px; display: flex; flex-direction: column; gap: 32px; } .css-5z6h0s { width: 100%; display: flex; flex-direction: column; gap: 8px; } .css-6l0cly { width: 100%; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; } .css-1u6jqxo { width: 40px; height: 40px; color: white; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .css-13u0oz { font-family: Inter, sans-serif; font-size: 40px; font-weight: 300; line-height: 120%; letter-spacing: -0.8px; color: rgb(20, 23, 22); } .css-1wehdwe { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: rgb(154, 162, 153); opacity: 0.8; } .css-1lb3fyg { width: 100%; height: 1px; background: rgba(154, 162, 153, 0.2); } .css-1bwfcje { width: 100%; display: flex; flex-direction: column; gap: 20px; } .css-1e6rvlr { width: 100%; display: flex; flex-direction: column; gap: 4px; } .css-1dxl359 { display: flex; gap: 4px; -webkit-box-align: center; align-items: center; } .css-k9ikbl { width: 16px; height: 16px; color: white; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .css-7cr8xr { display: flex; flex-direction: column; border: 1px solid rgba(154, 162, 153, 0.2); -webkit-box-pack: end; justify-content: flex-end; flex: 1 1 0%; position: relative; overflow: hidden; background: rgb(255, 255, 255); min-height: 480px; } @media (max-width: 768px) { .css-7cr8xr { min-height: 530px; } } .css-1cwngc9 { position: absolute; height: 337.43px; width: 538px; right: 0px; top: 0.29px; overflow: hidden; pointer-events: none; z-index: 0; } .css-oj8v3y { position: absolute; inset: 0px; display: block; } .css-gej198 { position: absolute; right: 0%; height: 100%; width: auto; min-width: 100%; } .css-1q2eb7u { position: absolute; left: 50%; top: 161px; transform: translateX(-50%); width: 814px; height: 370px; background: rgb(255, 255, 255); filter: blur(65.95px); pointer-events: none; z-index: 1; } .css-5wdhu2 { position: absolute; left: -1px; right: -1px; bottom: 1px; display: flex; flex-direction: column; align-items: flex-start; gap: 32px; padding: 32px; z-index: 2; } .css-wmuypp { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; } .css-ggiyfy { font-family: InterDisplay, sans-serif; font-size: 32px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.64px; color: rgb(20, 23, 22); } .css-ov2p12 { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0px; opacity: 0.8; color: black; max-width: 560px; } .css-1fiqpe8 { appearance: none; cursor: pointer; transition: 0.2s; font-family: InterDisplay; font-size: 14px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.14px; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; padding: 12px 14px; background: rgb(20, 23, 22); color: rgb(255, 255, 255); backdrop-filter: blur(10px); border: 1px solid transparent; } .css-1fiqpe8:hover { background: rgb(44, 46, 45); } .css-14iexrd { width: 10px; height: 10px; color: rgba(255, 255, 255, 0.4); } .css-hdqpyv { scroll-margin-top: 60px; flex: 1 1 0%; background: rgb(255, 255, 255); border: 1px solid rgba(154, 162, 153, 0.2); display: flex; flex-direction: column; align-items: flex-start; width: 456px; max-width: 100%; max-height: 100%; overflow: hidden; } @media (max-width: 768px) { .css-hdqpyv { width: 100%; } } .css-1ajwf9v { width: 100%; background: rgba(154, 162, 153, 0.1); padding: 16px; display: flex; -webkit-box-align: center; align-items: center; } .css-1svp2t0 { font-family: InterDisplay, sans-serif; font-size: 16px; font-weight: 500; color: rgb(20, 23, 22); line-height: 140%; letter-spacing: -0.16px; } .css-kpp4sk { display: flex; flex-direction: column; width: 100%; padding: 24px 31px 18px; flex: 1 1 0%; min-height: 0px; } @media (max-width: 768px) { .css-kpp4sk { padding: 16px 16px 12px; } } .css-1f23gc0 { width: 100%; padding-bottom: 16px; display: flex; -webkit-box-align: center; align-items: center; } .css-1mta4n5 { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0px; color: black; opacity: 0.8; } @media (max-width: 768px) { .css-1mta4n5 { font-size: 12px; } } .css-4dyqdl { width: 100%; display: flex; flex-direction: column; overflow-y: auto; flex: 1 1 0%; min-height: 0px; } .css-csa1s3 { position: relative; width: 100%; padding: 16px 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; text-decoration: none; cursor: pointer; } .css-csa1s3:hover { opacity: 0.85; } .css-csa1s3::after { content: ""; position: absolute; left: 23%; right: 23%; height: 1px; bottom: 0px; pointer-events: none; background: rgba(154, 162, 153, 0.2); } .css-k5rr6j { display: flex; -webkit-box-align: center; align-items: center; gap: 24px; } .css-g0f5pn { width: 40px; height: 40px; border-radius: 99px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; overflow: hidden; position: relative; flex: 0 0 auto; } @media (max-width: 768px) { .css-g0f5pn { width: 32px; height: 32px; } } .css-1qocved { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; flex-wrap: wrap; } .css-1m0f5ph { font-family: InterDisplay, sans-serif; font-size: 16px; font-weight: 500; color: rgb(20, 23, 22); line-height: 140%; letter-spacing: -0.16px; } @media (max-width: 480px) { .css-1m0f5ph { font-size: 12px; } } .css-w6htld { font-family: InterDisplay, sans-serif; font-size: 16px; font-weight: 500; color: rgb(154, 162, 153); line-height: 140%; letter-spacing: -0.16px; } @media (max-width: 480px) { .css-w6htld { font-size: 12px; } } .css-1nv3k24 { color: rgb(154, 162, 153); flex: 0 0 auto; } .css-7t7v5w { width: 40px; height: 40px; border-radius: 99px; border: 1px solid rgba(154, 162, 153, 0.4); overflow: hidden; position: relative; flex: 0 0 auto; } @media (max-width: 768px) { .css-7t7v5w { width: 32px; height: 32px; } } .css-ntmx4y { position: relative; width: 100%; padding: 16px 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; text-decoration: none; cursor: pointer; } .css-ntmx4y:hover { opacity: 0.85; } .css-1cps1mc { width: 100%; display: flex; flex-direction: column; border: 1px solid rgba(154, 162, 153, 0.2); background: rgb(255, 255, 255); } .css-1kbbs9e { width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 16px; gap: 16px; background: rgba(154, 162, 153, 0.1); } .css-1o410jb { font-family: InterDisplay, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; margin: 0px; } .css-1lx7la4 { font-family: InterDisplay; font-size: 14px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.14px; border: 1px solid transparent; background: transparent; padding: 0px; color: rgba(20, 23, 22, 0.4); cursor: pointer; transition: background 0.2s; } .css-1lx7la4:hover { background: rgba(0, 0, 0, 0.05); } .css-1345w44 { width: 100%; display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; gap: 32px; padding: 24px; } @media (max-width: 768px) { .css-1345w44 { flex-direction: column; gap: 32px; padding: 24px; } } .css-yd8sa2 { display: flex; flex-direction: column; gap: 16px; } .css-16mlkca { width: 24px; height: 24px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .css-9uy14h { width: 24px; height: 24px; } .css-1hc4sd0 { font-family: InterDisplay, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; } .css-4xwa6v { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: rgba(20, 23, 22, 0.4); max-width: 390px; } .css-k2p8z1 { height: 40px; align-self: center; max-width: 160px; } @media (max-width: 768px) { .css-k2p8z1 { align-self: flex-start; } } .css-ozciya { appearance: none; background: none rgb(8, 8, 8); margin: 0px; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; border-radius: 0px; font-family: InterDisplay; font-size: 14px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.14px; display: inline-flex; padding: 12px 14px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border: 1px solid transparent; width: fit-content; cursor: pointer; color: white; opacity: 1; } .css-q8s4dr { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: rgb(229, 77, 46); } [data-rk] { --rk-blurs-modalOverlay: blur(0px); --rk-fonts-body: SFRounded, ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --rk-radii-actionButton: 9999px; --rk-radii-connectButton: 12px; --rk-radii-menuButton: 12px; --rk-radii-modal: 24px; --rk-radii-modalMobile: 28px; --rk-colors-accentColor: #3898FF; --rk-colors-accentColorForeground: #FFF; --rk-colors-actionButtonBorder: rgba(255, 255, 255, 0.04); --rk-colors-actionButtonBorderMobile: rgba(255, 255, 255, 0.08); --rk-colors-actionButtonSecondaryBackground: rgba(255, 255, 255, 0.08); --rk-colors-closeButton: rgba(224, 232, 255, 0.6); --rk-colors-closeButtonBackground: rgba(255, 255, 255, 0.08); --rk-colors-connectButtonBackground: #1A1B1F; --rk-colors-connectButtonBackgroundError: #FF494A; --rk-colors-connectButtonInnerBackground: linear-gradient(0deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.15)); --rk-colors-connectButtonText: #FFF; --rk-colors-connectButtonTextError: #FFF; --rk-colors-connectionIndicator: #30E000; --rk-colors-downloadBottomCardBackground: linear-gradient(126deg, rgba(0, 0, 0, 0) 9.49%, rgba(120, 120, 120, 0.2) 71.04%), #1A1B1F; --rk-colors-downloadTopCardBackground: linear-gradient(126deg, rgba(120, 120, 120, 0.2) 9.49%, rgba(0, 0, 0, 0) 71.04%), #1A1B1F; --rk-colors-error: #FF494A; --rk-colors-generalBorder: rgba(255, 255, 255, 0.08); --rk-colors-generalBorderDim: rgba(255, 255, 255, 0.04); --rk-colors-menuItemBackground: rgba(224, 232, 255, 0.1); --rk-colors-modalBackdrop: rgba(0, 0, 0, 0.5); --rk-colors-modalBackground: #1A1B1F; --rk-colors-modalBorder: rgba(255, 255, 255, 0.08); --rk-colors-modalText: #FFF; --rk-colors-modalTextDim: rgba(224, 232, 255, 0.3); --rk-colors-modalTextSecondary: rgba(255, 255, 255, 0.6); --rk-colors-profileAction: rgba(224, 232, 255, 0.1); --rk-colors-profileActionHover: rgba(224, 232, 255, 0.2); --rk-colors-profileForeground: rgba(224, 232, 255, 0.05); --rk-colors-selectedOptionBorder: rgba(224, 232, 255, 0.1); --rk-colors-standby: #FFD641; --rk-shadows-connectButton: 0px 4px 12px rgba(0, 0, 0, 0.1); --rk-shadows-dialog: 0px 8px 32px rgba(0, 0, 0, 0.32); --rk-shadows-profileDetailsAction: 0px 2px 6px rgba(37, 41, 46, 0.04); --rk-shadows-selectedOption: 0px 2px 6px rgba(0, 0, 0, 0.24); --rk-shadows-selectedWallet: 0px 2px 6px rgba(0, 0, 0, 0.24); --rk-shadows-walletLogo: 0px 2px 16px rgba(0, 0, 0, 0.16); }