/* Captured stylesheet 0 */ ._ovs-contain { overscroll-behavior: contain; } .is_Text .is_Text { display: inline-flex; } ._dsp_contents { display: contents; } ._no_backdrop::backdrop { display: none; } :root { --c-white: #FFFFFF; --c-black: #000000; --c-scrim: rgba(0,0,0,0.60); --c-pinkLight: #FEF4FF; --c-pinkPastel: #FDAFF0; --c-pinkBase: #FC74FE; --c-pinkVibrant: #F50DB4; --c-pinkDark: #361A37; --c-redLight: #FFF2F1; --c-redPastel: #FDCFC4; --c-redBase: #FF5F52; --c-redVibrant: #FF0000; --c-redDark: #220D0C; --c-orangeLight: #FEF5EA; --c-orangePastel: #FFE8BC; --c-orangeBase: #FF8934; --c-orangeVibrant: #FF4D00; --c-orangeDark: #371B0C; --c-yellowLight: #FFFE8B; --c-yellowPastel: #FFF8B4; --c-yellowBase: #FFBF17; --c-yellowVibrant: #FFF612; --c-yellowDark: #1F1E02; --c-brownLight: #F7F6F1; --c-brownPastel: #E2E0CD; --c-brownBase: #85754A; --c-brownVibrant: #996F01; --c-brownDark: #231E0F; --c-greenLight: #EEFBF1; --c-greenPastel: #C2E7D0; --c-greenBase: #0C8911; --c-greenVibrant: #21C95E; --c-greenDark: #0F2C1A; --c-limeLight: #F7FEEB; --c-limePastel: #E4F6C4; --c-limeBase: #78E744; --c-limeVibrant: #B1F13C; --c-limeDark: #232917; --c-turquoiseLight: #F7FEEB; --c-turquoisePastel: #CAFFDF; --c-turquoiseBase: #00C3A0; --c-turquoiseVibrant: #5CFE9D; --c-turquoiseDark: #1A2A21; --c-cyanLight: #EBF8FF; --c-cyanPastel: #B9E3F8; --c-cyanBase: #23A3FF; --c-cyanVibrant: #3ADCFF; --c-cyanDark: #15242B; --c-blueLight: #EFF4FF; --c-bluePastel: #D0D9F8; --c-blueBase: #4981FF; --c-blueVibrant: #0047FF; --c-blueDark: #10143D; --c-purpleLight: #FAF5FF; --c-purplePastel: #E9D8FD; --c-purpleBase: #9E62FF; --c-purpleVibrant: #4300B0; --c-purpleDark: #1A0040; --c-uniswapXViolet: #4673FA; --c-uniswapXPurple: #7D55FB; --c-fiatOnRampBanner: #FB36D0; --t-space-none: 0px; --t-space-spacing1: 1px; --t-space-spacing2: 2px; --t-space-spacing4: 4px; --t-space-spacing6: 6px; --t-space-spacing8: 8px; --t-space-spacing12: 12px; --t-space-spacing16: 16px; --t-space-spacing18: 18px; --t-space-spacing20: 20px; --t-space-spacing24: 24px; --t-space-spacing28: 28px; --t-space-spacing32: 32px; --t-space-spacing36: 36px; --t-space-spacing40: 40px; --t-space-spacing48: 48px; --t-space-spacing60: 60px; --t-space-padding6: 6px; --t-space-padding8: 8px; --t-space-padding12: 12px; --t-space-padding16: 16px; --t-space-padding20: 20px; --t-space-padding36: 36px; --t-space-gap4: 4px; --t-space-gap8: 8px; --t-space-gap12: 12px; --t-space-gap16: 16px; --t-space-gap20: 20px; --t-space-gap24: 24px; --t-space-gap32: 32px; --t-space-gap36: 36px; --t-space-true: 8px; --t-size-none: 0px; --t-size-spacing1: 1px; --t-size-spacing2: 2px; --t-size-spacing4: 4px; --t-size-spacing6: 6px; --t-size-spacing8: 8px; --t-size-spacing12: 12px; --t-size-spacing16: 16px; --t-size-spacing18: 18px; --t-size-spacing20: 20px; --t-size-spacing24: 24px; --t-size-spacing28: 28px; --t-size-spacing32: 32px; --t-size-spacing36: 36px; --t-size-spacing40: 40px; --t-size-spacing48: 48px; --t-size-spacing60: 60px; --t-size-padding6: 6px; --t-size-padding8: 8px; --t-size-padding12: 12px; --t-size-padding16: 16px; --t-size-padding20: 20px; --t-size-padding36: 36px; --t-size-gap4: 4px; --t-size-gap8: 8px; --t-size-gap12: 12px; --t-size-gap16: 16px; --t-size-gap20: 20px; --t-size-gap24: 24px; --t-size-gap32: 32px; --t-size-gap36: 36px; --t-size-true: 8px; --t-font-heading1: 52; --t-font-heading2: 36; --t-font-heading3: 24; --t-font-subheading1: 18; --t-font-subheading2: 16; --t-font-body1: 18; --t-font-body2: 16; --t-font-body3: 14; --t-font-buttonLabel1: 18; --t-font-buttonLabel2: 16; --t-font-buttonLabel3: 14; --t-font-buttonLabel4: 12; --t-font-monospace: 12; --t-font-true: 16; --t-icon-8: 8; --t-icon-12: 12; --t-icon-16: 16; --t-icon-18: 18; --t-icon-20: 20; --t-icon-24: 24; --t-icon-28: 28; --t-icon-32: 32; --t-icon-36: 36; --t-icon-40: 40; --t-icon-48: 48; --t-icon-64: 64; --t-icon-70: 70; --t-icon-100: 100; --t-icon-true: 40; --t-image-image12: 12; --t-image-image16: 16; --t-image-image20: 20; --t-image-image24: 24; --t-image-image32: 32; --t-image-image36: 36; --t-image-image40: 40; --t-image-image48: 48; --t-image-image64: 64; --t-image-image100: 100; --t-image-true: 40; --t-zIndex-negative: -1; --t-zIndex-background: 0; --t-zIndex-default: 1; --t-zIndex-mask: 10; --t-zIndex-dropdown: 970; --t-zIndex-header: 980; --t-zIndex-sidebar: 990; --t-zIndex-sticky: 1020; --t-zIndex-fixed: 1030; --t-zIndex-modalBackdrop: 1040; --t-zIndex-offcanvas: 1050; --t-zIndex-modal: 1060; --t-zIndex-popoverBackdrop: 1065; --t-zIndex-popover: 1070; --t-zIndex-tooltip: 1080; --t-zIndex-overlay: 100010; --t-zIndex-toast: 100020; --t-zIndex-true: 1; --t-radius-none: 0px; --t-radius-rounded4: 4px; --t-radius-rounded6: 6px; --t-radius-rounded8: 8px; --t-radius-rounded12: 12px; --t-radius-rounded16: 16px; --t-radius-rounded20: 20px; --t-radius-rounded24: 24px; --t-radius-rounded32: 32px; --t-radius-roundedFull: 999999px; --t-radius-true: 0px; } :root .font_heading, :root .t_lang-heading-default .font_heading { --f-family: Basel, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --f-size-small: 24px; --f-size-medium: 36px; --f-size-true: 36px; --f-size-large: 52px; --f-weight-small: 485; --f-weight-medium: 535; --f-weight-true: 485; --f-weight-large: 485; --f-weight-book: 485; --f-lineHeight-small: 28.799999999999997px; --f-lineHeight-medium: 40px; --f-lineHeight-true: 40px; --f-lineHeight-large: 49.92px; } :root .font_subHeading, :root .t_lang-subHeading-default .font_subHeading { --f-family: Basel, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --f-size-small: 16px; --f-size-large: 18px; --f-size-true: 18px; --f-weight-small: 485; --f-weight-large: 485; --f-weight-true: 485; --f-weight-book: 485; --f-weight-medium: 535; --f-lineHeight-small: 20px; --f-lineHeight-large: 24px; --f-lineHeight-true: 24px; } :root .font_body, :root .t_lang-body-default .font_body { --f-family: Basel, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --f-size-micro: 12px; --f-size-small: 14px; --f-size-medium: 16px; --f-size-true: 16px; --f-size-large: 18px; --f-weight-micro: 485; --f-weight-small: 485; --f-weight-medium: 535; --f-weight-true: 485; --f-weight-large: 485; --f-weight-book: 485; --f-lineHeight-micro: 16px; --f-lineHeight-small: 18.2px; --f-lineHeight-medium: 20.8px; --f-lineHeight-true: 20.8px; --f-lineHeight-large: 23.400000000000002px; } :root .font_button, :root .t_lang-button-default .font_button { --f-family: Basel, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --f-size-micro: 12px; --f-size-small: 14px; --f-size-medium: 16px; --f-size-large: 18px; --f-size-true: 16px; --f-weight-micro: 485; --f-weight-small: 485; --f-weight-medium: 535; --f-weight-large: 535; --f-weight-true: 500; --f-weight-book: 485; --f-lineHeight-micro: 13.799999999999999px; --f-lineHeight-small: 16.099999999999998px; --f-lineHeight-medium: 18.4px; --f-lineHeight-large: 20.7px; --f-lineHeight-true: 18.4px; } :root .font_monospace, :root .t_lang-monospace-default .font_monospace { --f-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Courier New", monospace; --f-size-micro: 12px; --f-size-small: 14px; --f-size-medium: 16px; --f-size-large: 18px; --f-size-true: 12px; --f-weight-micro: 485; --f-weight-small: 485; --f-weight-medium: 535; --f-weight-large: 535; --f-weight-true: 485; --f-weight-book: 485; --f-lineHeight-micro: 16px; --f-lineHeight-small: 18.2px; --f-lineHeight-medium: 20.8px; --f-lineHeight-large: 23.400000000000002px; --f-lineHeight-true: 16px; } :root.t_dark, :root.t_dark, :root.t_dark .t_light .t_dark, :root.t_light .t_dark, :root.t_light .t_dark .t_light .t_dark, .tm_xxt { --white: var(--c-white); --black: var(--c-black); --surface1: #131313; --surface1Hovered: #1A1A1A; --surface2: #1F1F1F; --surface2Hovered: #242424; --surface3: rgba(255,255,255,0.12); --surface3Solid: #393939; --surface3Hovered: rgba(255,255,255,0.16); --surface4: rgba(255,255,255,0.20); --surface5: rgba(0,0,0,0.04); --surface5Hovered: rgba(0,0,0,0.06); --scrim: var(--c-scrim); --neutral1: var(--c-white); --neutral1Hovered: rgba(255, 255, 255, 0.85); --neutral2: rgba(255, 255, 255, 0.65); --neutral2Hovered: rgba(255, 255, 255, 0.85); --neutral3: rgba(255, 255, 255, 0.38); --neutral3Hovered: rgba(255, 255, 255, 0.58); --accent1: #FF37C7; --accent1Hovered: #E500A5; --accent2: rgba(255, 55, 199, 0.08); --accent2Solid: #261621; --accent2Hovered: rgba(255, 55, 199, 0.12); --accent3: var(--c-white); --accent3Hovered: #F5F5F5; --DEP_accentSoft: #FC72FF33; --DEP_blue400: #4C82FB; --statusSuccess: var(--c-greenVibrant); --statusSuccessHovered: #15863C; --statusSuccess2: rgba(33, 201, 94, 0.12); --statusSuccess2Hovered: #093A16; --statusCritical: #FF593C; --statusCriticalHovered: #FF401F; --statusCritical2: rgba(255, 89, 60, 0.12); --statusCritical2Hovered: rgba(255, 89, 60, 0.2); --statusWarning: var(--c-yellowBase); --statusWarningHovered: #FFDD0D; --statusWarning2: rgba(255, 191, 23, 0.08); --statusWarning2Hovered: rgba(255, 191, 23, 0.16); --DEP_backgroundBranded: #100D1C; --DEP_backgroundOverlay: #FFFFFF1a; --DEP_accentBranded: #FC72FF; --DEP_shadowBranded: #B60ACF; --DEP_brandedAccentSoft: #46244F; --DEP_magentaDark: #FC72FF1f; --DEP_fiatBanner: var(--c-fiatOnRampBanner); --chain_1: var(--c-white); --chain_130: #fc0fa4; --chain_10: #FF0420; --chain_137: #8247E5; --chain_42161: #12AAFF; --chain_80001: #8247E5; --chain_8453: #0052FF; --chain_7777777: var(--c-white); --chain_81457: #FCFC03; --chain_56: var(--c-yellowBase); --chain_42220: #FCFF52; --chain_43114: #E84142; --chain_324: #3667F6; --chain_480: var(--c-white); --chain_1868: var(--c-white); --chain_4217: #E8E8F0; --chain_196: #A7A7A7; --chain_59144: #61DFFF; --chain_4326: var(--c-white); --chain_4663: #00C805; --chain_5042: #6E8FF7; --chain_501000101: #9945FF; --chain_143: #836EF9; --chain_11155111: #627EEA; --chain_1301: #fc0fa4; --chain_10143: #836EF9; --pinkThemed: var(--c-pinkDark); --transparent: transparent; --background: #131313; --backgroundHover: #1F1F1F; --backgroundPress: #1F1F1F; --backgroundFocus: #1F1F1F; --borderColor: transparent; --borderColorHover: transparent; --borderColorFocus: transparent; --outlineColor: transparent; --color: var(--c-white); --colorHover: #FF37C7; --colorPress: #FF37C7; --colorFocus: #FF37C7; --shadowColor: rgba(0,0,0,0.4); --shadowColorHover: rgba(0,0,0,0.5); --pinkLight: var(--c-pinkLight); --pinkPastel: var(--c-pinkPastel); --pinkBase: var(--c-pinkBase); --pinkVibrant: var(--c-pinkVibrant); --pinkDark: var(--c-pinkDark); --redLight: var(--c-redLight); --redPastel: var(--c-redPastel); --redBase: var(--c-redBase); --redVibrant: var(--c-redVibrant); --redDark: var(--c-redDark); --orangeLight: var(--c-orangeLight); --orangePastel: var(--c-orangePastel); --orangeBase: var(--c-orangeBase); --orangeVibrant: var(--c-orangeVibrant); --orangeDark: var(--c-orangeDark); --yellowLight: var(--c-yellowLight); --yellowPastel: var(--c-yellowPastel); --yellowBase: var(--c-yellowBase); --yellowVibrant: var(--c-yellowVibrant); --yellowDark: var(--c-yellowDark); --brownLight: var(--c-brownLight); --brownPastel: var(--c-brownPastel); --brownBase: var(--c-brownBase); --brownVibrant: var(--c-brownVibrant); --brownDark: var(--c-brownDark); --greenLight: var(--c-greenLight); --greenPastel: var(--c-greenPastel); --greenBase: var(--c-greenBase); --greenVibrant: var(--c-greenVibrant); --greenDark: var(--c-greenDark); --limeLight: var(--c-turquoiseLight); --limePastel: var(--c-limePastel); --limeBase: var(--c-limeBase); --limeVibrant: var(--c-limeVibrant); --limeDark: var(--c-limeDark); --turquoiseLight: var(--c-turquoiseLight); --turquoisePastel: var(--c-turquoisePastel); --turquoiseBase: var(--c-turquoiseBase); --turquoiseVibrant: var(--c-turquoiseVibrant); --turquoiseDark: var(--c-turquoiseDark); --cyanLight: var(--c-cyanLight); --cyanPastel: var(--c-cyanPastel); --cyanBase: var(--c-cyanBase); --cyanVibrant: var(--c-cyanVibrant); --cyanDark: var(--c-cyanDark); --blueLight: var(--c-blueLight); --bluePastel: var(--c-bluePastel); --blueBase: var(--c-blueBase); --blueVibrant: var(--c-blueVibrant); --blueDark: var(--c-blueDark); --purpleLight: var(--c-purpleLight); --purplePastel: var(--c-purplePastel); --purpleBase: var(--c-purpleBase); --purpleVibrant: var(--c-purpleVibrant); --purpleDark: var(--c-purpleDark); --uniswapXViolet: var(--c-uniswapXViolet); --uniswapXPurple: var(--c-uniswapXPurple); --fiatOnRampBanner: var(--c-fiatOnRampBanner); } @media (prefers-color-scheme: dark) { body { background: var(--background); color: var(--color); } :root, .t_light .t_dark { --white: var(--c-white); --black: var(--c-black); --surface1: #131313; --surface1Hovered: #1A1A1A; --surface2: #1F1F1F; --surface2Hovered: #242424; --surface3: rgba(255,255,255,0.12); --surface3Solid: #393939; --surface3Hovered: rgba(255,255,255,0.16); --surface4: rgba(255,255,255,0.20); --surface5: rgba(0,0,0,0.04); --surface5Hovered: rgba(0,0,0,0.06); --scrim: var(--c-scrim); --neutral1: var(--c-white); --neutral1Hovered: rgba(255, 255, 255, 0.85); --neutral2: rgba(255, 255, 255, 0.65); --neutral2Hovered: rgba(255, 255, 255, 0.85); --neutral3: rgba(255, 255, 255, 0.38); --neutral3Hovered: rgba(255, 255, 255, 0.58); --accent1: #FF37C7; --accent1Hovered: #E500A5; --accent2: rgba(255, 55, 199, 0.08); --accent2Solid: #261621; --accent2Hovered: rgba(255, 55, 199, 0.12); --accent3: var(--c-white); --accent3Hovered: #F5F5F5; --DEP_accentSoft: #FC72FF33; --DEP_blue400: #4C82FB; --statusSuccess: var(--c-greenVibrant); --statusSuccessHovered: #15863C; --statusSuccess2: rgba(33, 201, 94, 0.12); --statusSuccess2Hovered: #093A16; --statusCritical: #FF593C; --statusCriticalHovered: #FF401F; --statusCritical2: rgba(255, 89, 60, 0.12); --statusCritical2Hovered: rgba(255, 89, 60, 0.2); --statusWarning: var(--c-yellowBase); --statusWarningHovered: #FFDD0D; --statusWarning2: rgba(255, 191, 23, 0.08); --statusWarning2Hovered: rgba(255, 191, 23, 0.16); --DEP_backgroundBranded: #100D1C; --DEP_backgroundOverlay: #FFFFFF1a; --DEP_accentBranded: #FC72FF; --DEP_shadowBranded: #B60ACF; --DEP_brandedAccentSoft: #46244F; --DEP_magentaDark: #FC72FF1f; --DEP_fiatBanner: var(--c-fiatOnRampBanner); --chain_1: var(--c-white); --chain_130: #fc0fa4; --chain_10: #FF0420; --chain_137: #8247E5; --chain_42161: #12AAFF; --chain_80001: #8247E5; --chain_8453: #0052FF; --chain_7777777: var(--c-white); --chain_81457: #FCFC03; --chain_56: var(--c-yellowBase); --chain_42220: #FCFF52; --chain_43114: #E84142; --chain_324: #3667F6; --chain_480: var(--c-white); --chain_1868: var(--c-white); --chain_4217: #E8E8F0; --chain_196: #A7A7A7; --chain_59144: #61DFFF; --chain_4326: var(--c-white); --chain_4663: #00C805; --chain_5042: #6E8FF7; --chain_501000101: #9945FF; --chain_143: #836EF9; --chain_11155111: #627EEA; --chain_1301: #fc0fa4; --chain_10143: #836EF9; --pinkThemed: var(--c-pinkDark); --transparent: transparent; --background: #131313; --backgroundHover: #1F1F1F; --backgroundPress: #1F1F1F; --backgroundFocus: #1F1F1F; --borderColor: transparent; --borderColorHover: transparent; --borderColorFocus: transparent; --outlineColor: transparent; --color: var(--c-white); --colorHover: #FF37C7; --colorPress: #FF37C7; --colorFocus: #FF37C7; --shadowColor: rgba(0,0,0,0.4); --shadowColorHover: rgba(0,0,0,0.5); --pinkLight: var(--c-pinkLight); --pinkPastel: var(--c-pinkPastel); --pinkBase: var(--c-pinkBase); --pinkVibrant: var(--c-pinkVibrant); --pinkDark: var(--c-pinkDark); --redLight: var(--c-redLight); --redPastel: var(--c-redPastel); --redBase: var(--c-redBase); --redVibrant: var(--c-redVibrant); --redDark: var(--c-redDark); --orangeLight: var(--c-orangeLight); --orangePastel: var(--c-orangePastel); --orangeBase: var(--c-orangeBase); --orangeVibrant: var(--c-orangeVibrant); --orangeDark: var(--c-orangeDark); --yellowLight: var(--c-yellowLight); --yellowPastel: var(--c-yellowPastel); --yellowBase: var(--c-yellowBase); --yellowVibrant: var(--c-yellowVibrant); --yellowDark: var(--c-yellowDark); --brownLight: var(--c-brownLight); --brownPastel: var(--c-brownPastel); --brownBase: var(--c-brownBase); --brownVibrant: var(--c-brownVibrant); --brownDark: var(--c-brownDark); --greenLight: var(--c-greenLight); --greenPastel: var(--c-greenPastel); --greenBase: var(--c-greenBase); --greenVibrant: var(--c-greenVibrant); --greenDark: var(--c-greenDark); --limeLight: var(--c-turquoiseLight); --limePastel: var(--c-limePastel); --limeBase: var(--c-limeBase); --limeVibrant: var(--c-limeVibrant); --limeDark: var(--c-limeDark); --turquoiseLight: var(--c-turquoiseLight); --turquoisePastel: var(--c-turquoisePastel); --turquoiseBase: var(--c-turquoiseBase); --turquoiseVibrant: var(--c-turquoiseVibrant); --turquoiseDark: var(--c-turquoiseDark); --cyanLight: var(--c-cyanLight); --cyanPastel: var(--c-cyanPastel); --cyanBase: var(--c-cyanBase); --cyanVibrant: var(--c-cyanVibrant); --cyanDark: var(--c-cyanDark); --blueLight: var(--c-blueLight); --bluePastel: var(--c-bluePastel); --blueBase: var(--c-blueBase); --blueVibrant: var(--c-blueVibrant); --blueDark: var(--c-blueDark); --purpleLight: var(--c-purpleLight); --purplePastel: var(--c-purplePastel); --purpleBase: var(--c-purpleBase); --purpleVibrant: var(--c-purpleVibrant); --purpleDark: var(--c-purpleDark); --uniswapXViolet: var(--c-uniswapXViolet); --uniswapXPurple: var(--c-uniswapXPurple); --fiatOnRampBanner: var(--c-fiatOnRampBanner); } } :root.t_dark .t_light, :root.t_dark .t_light .t_dark .t_light, :root.t_light, :root.t_light, :root.t_light .t_dark .t_light, .tm_xxt { --white: var(--c-white); --black: var(--c-black); --scrim: var(--c-scrim); --neutral1: #131313; --neutral1Hovered: rgba(19, 19, 19, 0.83); --neutral2: rgba(19, 19, 19, 0.63); --neutral2Hovered: rgba(19, 19, 19, 0.83); --neutral3: rgba(19, 19, 19, 0.35); --neutral3Hovered: rgba(19, 19, 19, 0.55); --surface1: var(--c-white); --surface1Hovered: #FCFCFC; --surface2: #F9F9F9; --surface2Hovered: #F2F2F2; --surface3: rgba(19, 19, 19, 0.08); --surface3Solid: #F2F2F2; --surface3Hovered: rgba(19, 19, 19, 0.1); --surface4: rgba(255, 255, 255, 0.64); --surface5: rgba(0,0,0,0.04); --surface5Hovered: rgba(0,0,0,0.06); --accent1: #FF37C7; --accent1Hovered: #E500A5; --accent2: rgba(255, 55, 199, 0.08); --accent2Solid: #FFF3FC; --accent2Hovered: rgba(255, 55, 199, 0.12); --accent3: #222222; --accent3Hovered: var(--c-black); --DEP_accentSoft: #FC72FF33; --DEP_blue400: #4C82FB; --statusSuccess: var(--c-greenBase); --statusSuccessHovered: #06742C; --statusSuccess2: rgba(15, 194, 68, 0.06); --statusSuccess2Hovered: rgba(15, 194, 68, 0.12); --statusCritical: #E10F0F; --statusCriticalHovered: #BF0D0D; --statusCritical2: rgba(255, 0, 0, 0.05); --statusCritical2Hovered: rgba(255, 0, 0, 0.1); --statusWarning: var(--c-brownVibrant); --statusWarningHovered: #7A5801; --statusWarning2: rgba(255, 191, 23, 0.1); --statusWarning2Hovered: rgba(255, 191, 23, 0.1); --DEP_backgroundBranded: #FCF7FF; --DEP_backgroundOverlay: #FFFFFF99; --DEP_accentBranded: #FC72FF; --DEP_shadowBranded: #FC72FF; --DEP_brandedAccentSoft: #FAD8F8; --DEP_magentaDark: #FC72FF1f; --DEP_fiatBanner: var(--c-fiatOnRampBanner); --chain_1: #131313; --chain_130: #fc0fa4; --chain_10: #FF0420; --chain_137: #8247E5; --chain_42161: #12AAFF; --chain_80001: #8247E5; --chain_8453: #0052FF; --chain_7777777: #222222; --chain_81457: #222222; --chain_56: #B08603; --chain_42220: #222222; --chain_43114: #E84142; --chain_324: #3667F6; --chain_480: #222222; --chain_1868: var(--c-black); --chain_4217: #1A1A2E; --chain_196: #383838; --chain_59144: #121212; --chain_4326: #19191A; --chain_4663: #00C805; --chain_5042: #2B5CE6; --chain_501000101: #9945FF; --chain_143: #735BF8; --chain_11155111: #627EEA; --chain_1301: #fc0fa4; --chain_10143: #735BF8; --pinkThemed: var(--c-pinkLight); --transparent: transparent; --background: var(--c-white); --backgroundHover: #F9F9F9; --backgroundPress: #F9F9F9; --backgroundFocus: #F9F9F9; --borderColor: transparent; --borderColorHover: transparent; --borderColorFocus: transparent; --outlineColor: transparent; --color: #131313; --colorHover: #FF37C7; --colorPress: #FF37C7; --colorFocus: #FF37C7; --shadowColor: rgba(0,0,0,0.15); --shadowColorHover: rgba(0,0,0,0.2); --pinkLight: var(--c-pinkLight); --pinkPastel: var(--c-pinkPastel); --pinkBase: var(--c-pinkBase); --pinkVibrant: var(--c-pinkVibrant); --pinkDark: var(--c-pinkDark); --redLight: var(--c-redLight); --redPastel: var(--c-redPastel); --redBase: var(--c-redBase); --redVibrant: var(--c-redVibrant); --redDark: var(--c-redDark); --orangeLight: var(--c-orangeLight); --orangePastel: var(--c-orangePastel); --orangeBase: var(--c-orangeBase); --orangeVibrant: var(--c-orangeVibrant); --orangeDark: var(--c-orangeDark); --yellowLight: var(--c-yellowLight); --yellowPastel: var(--c-yellowPastel); --yellowBase: var(--c-yellowBase); --yellowVibrant: var(--c-yellowVibrant); --yellowDark: var(--c-yellowDark); --brownLight: var(--c-brownLight); --brownPastel: var(--c-brownPastel); --brownBase: var(--c-brownBase); --brownVibrant: var(--c-brownVibrant); --brownDark: var(--c-brownDark); --greenLight: var(--c-greenLight); --greenPastel: var(--c-greenPastel); --greenBase: var(--c-greenBase); --greenVibrant: var(--c-greenVibrant); --greenDark: var(--c-greenDark); --limeLight: var(--c-turquoiseLight); --limePastel: var(--c-limePastel); --limeBase: var(--c-limeBase); --limeVibrant: var(--c-limeVibrant); --limeDark: var(--c-limeDark); --turquoiseLight: var(--c-turquoiseLight); --turquoisePastel: var(--c-turquoisePastel); --turquoiseBase: var(--c-turquoiseBase); --turquoiseVibrant: var(--c-turquoiseVibrant); --turquoiseDark: var(--c-turquoiseDark); --cyanLight: var(--c-cyanLight); --cyanPastel: var(--c-cyanPastel); --cyanBase: var(--c-cyanBase); --cyanVibrant: var(--c-cyanVibrant); --cyanDark: var(--c-cyanDark); --blueLight: var(--c-blueLight); --bluePastel: var(--c-bluePastel); --blueBase: var(--c-blueBase); --blueVibrant: var(--c-blueVibrant); --blueDark: var(--c-blueDark); --purpleLight: var(--c-purpleLight); --purplePastel: var(--c-purplePastel); --purpleBase: var(--c-purpleBase); --purpleVibrant: var(--c-purpleVibrant); --purpleDark: var(--c-purpleDark); --uniswapXViolet: var(--c-uniswapXViolet); --uniswapXPurple: var(--c-uniswapXPurple); --fiatOnRampBanner: var(--c-fiatOnRampBanner); } @media (prefers-color-scheme: light) { body { background: var(--background); color: var(--color); } :root, .t_dark .t_light { --white: var(--c-white); --black: var(--c-black); --scrim: var(--c-scrim); --neutral1: #131313; --neutral1Hovered: rgba(19, 19, 19, 0.83); --neutral2: rgba(19, 19, 19, 0.63); --neutral2Hovered: rgba(19, 19, 19, 0.83); --neutral3: rgba(19, 19, 19, 0.35); --neutral3Hovered: rgba(19, 19, 19, 0.55); --surface1: var(--c-white); --surface1Hovered: #FCFCFC; --surface2: #F9F9F9; --surface2Hovered: #F2F2F2; --surface3: rgba(19, 19, 19, 0.08); --surface3Solid: #F2F2F2; --surface3Hovered: rgba(19, 19, 19, 0.1); --surface4: rgba(255, 255, 255, 0.64); --surface5: rgba(0,0,0,0.04); --surface5Hovered: rgba(0,0,0,0.06); --accent1: #FF37C7; --accent1Hovered: #E500A5; --accent2: rgba(255, 55, 199, 0.08); --accent2Solid: #FFF3FC; --accent2Hovered: rgba(255, 55, 199, 0.12); --accent3: #222222; --accent3Hovered: var(--c-black); --DEP_accentSoft: #FC72FF33; --DEP_blue400: #4C82FB; --statusSuccess: var(--c-greenBase); --statusSuccessHovered: #06742C; --statusSuccess2: rgba(15, 194, 68, 0.06); --statusSuccess2Hovered: rgba(15, 194, 68, 0.12); --statusCritical: #E10F0F; --statusCriticalHovered: #BF0D0D; --statusCritical2: rgba(255, 0, 0, 0.05); --statusCritical2Hovered: rgba(255, 0, 0, 0.1); --statusWarning: var(--c-brownVibrant); --statusWarningHovered: #7A5801; --statusWarning2: rgba(255, 191, 23, 0.1); --statusWarning2Hovered: rgba(255, 191, 23, 0.1); --DEP_backgroundBranded: #FCF7FF; --DEP_backgroundOverlay: #FFFFFF99; --DEP_accentBranded: #FC72FF; --DEP_shadowBranded: #FC72FF; --DEP_brandedAccentSoft: #FAD8F8; --DEP_magentaDark: #FC72FF1f; --DEP_fiatBanner: var(--c-fiatOnRampBanner); --chain_1: #131313; --chain_130: #fc0fa4; --chain_10: #FF0420; --chain_137: #8247E5; --chain_42161: #12AAFF; --chain_80001: #8247E5; --chain_8453: #0052FF; --chain_7777777: #222222; --chain_81457: #222222; --chain_56: #B08603; --chain_42220: #222222; --chain_43114: #E84142; --chain_324: #3667F6; --chain_480: #222222; --chain_1868: var(--c-black); --chain_4217: #1A1A2E; --chain_196: #383838; --chain_59144: #121212; --chain_4326: #19191A; --chain_4663: #00C805; --chain_5042: #2B5CE6; --chain_501000101: #9945FF; --chain_143: #735BF8; --chain_11155111: #627EEA; --chain_1301: #fc0fa4; --chain_10143: #735BF8; --pinkThemed: var(--c-pinkLight); --transparent: transparent; --background: var(--c-white); --backgroundHover: #F9F9F9; --backgroundPress: #F9F9F9; --backgroundFocus: #F9F9F9; --borderColor: transparent; --borderColorHover: transparent; --borderColorFocus: transparent; --outlineColor: transparent; --color: #131313; --colorHover: #FF37C7; --colorPress: #FF37C7; --colorFocus: #FF37C7; --shadowColor: rgba(0,0,0,0.15); --shadowColorHover: rgba(0,0,0,0.2); --pinkLight: var(--c-pinkLight); --pinkPastel: var(--c-pinkPastel); --pinkBase: var(--c-pinkBase); --pinkVibrant: var(--c-pinkVibrant); --pinkDark: var(--c-pinkDark); --redLight: var(--c-redLight); --redPastel: var(--c-redPastel); --redBase: var(--c-redBase); --redVibrant: var(--c-redVibrant); --redDark: var(--c-redDark); --orangeLight: var(--c-orangeLight); --orangePastel: var(--c-orangePastel); --orangeBase: var(--c-orangeBase); --orangeVibrant: var(--c-orangeVibrant); --orangeDark: var(--c-orangeDark); --yellowLight: var(--c-yellowLight); --yellowPastel: var(--c-yellowPastel); --yellowBase: var(--c-yellowBase); --yellowVibrant: var(--c-yellowVibrant); --yellowDark: var(--c-yellowDark); --brownLight: var(--c-brownLight); --brownPastel: var(--c-brownPastel); --brownBase: var(--c-brownBase); --brownVibrant: var(--c-brownVibrant); --brownDark: var(--c-brownDark); --greenLight: var(--c-greenLight); --greenPastel: var(--c-greenPastel); --greenBase: var(--c-greenBase); --greenVibrant: var(--c-greenVibrant); --greenDark: var(--c-greenDark); --limeLight: var(--c-turquoiseLight); --limePastel: var(--c-limePastel); --limeBase: var(--c-limeBase); --limeVibrant: var(--c-limeVibrant); --limeDark: var(--c-limeDark); --turquoiseLight: var(--c-turquoiseLight); --turquoisePastel: var(--c-turquoisePastel); --turquoiseBase: var(--c-turquoiseBase); --turquoiseVibrant: var(--c-turquoiseVibrant); --turquoiseDark: var(--c-turquoiseDark); --cyanLight: var(--c-cyanLight); --cyanPastel: var(--c-cyanPastel); --cyanBase: var(--c-cyanBase); --cyanVibrant: var(--c-cyanVibrant); --cyanDark: var(--c-cyanDark); --blueLight: var(--c-blueLight); --bluePastel: var(--c-bluePastel); --blueBase: var(--c-blueBase); --blueVibrant: var(--c-blueVibrant); --blueDark: var(--c-blueDark); --purpleLight: var(--c-purpleLight); --purplePastel: var(--c-purplePastel); --purpleBase: var(--c-purpleBase); --purpleVibrant: var(--c-purpleVibrant); --purpleDark: var(--c-purpleDark); --uniswapXViolet: var(--c-uniswapXViolet); --uniswapXPurple: var(--c-uniswapXPurple); --fiatOnRampBanner: var(--c-fiatOnRampBanner); } } /* Captured stylesheet 1 */ [stylesheet-group="0"] { } html { text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0px; } input::-webkit-search-cancel-button, input::-webkit-search-decoration, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; } [stylesheet-group="1"] { } .css-175oi2r { align-items: stretch; background-color: rgba(0, 0, 0, 0); border: 0px solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: 0; } .css-9pa8cd { inset: 0px; height: 100%; opacity: 0; position: absolute; width: 100%; z-index: -1; } .css-146c3p1 { background-color: rgba(0, 0, 0, 0); border: 0px solid black; box-sizing: border-box; color: rgb(0, 0, 0); display: inline; font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; list-style: none; margin: 0px; padding: 0px; position: relative; text-align: start; text-decoration: none; white-space: pre-wrap; overflow-wrap: break-word; } .css-1jxf684 { background-color: rgba(0, 0, 0, 0); border: 0px solid black; box-sizing: border-box; color: inherit; display: inline; font: inherit; list-style: none; margin: 0px; padding: 0px; position: relative; text-align: inherit; text-decoration: none; white-space: inherit; overflow-wrap: break-word; } .css-11aywtz { appearance: none; background-color: rgba(0, 0, 0, 0); border-radius: 0px; border: 0px solid black; box-sizing: border-box; font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; resize: none; } [stylesheet-group="2"] { } .r-xoduu5 { display: inline-flex; } .r-13awgt0 { flex: 1 1 0%; } .r-fx7oqy { border-color: rgb(0, 0, 255); } .r-rs99b7 { border-width: 1px; } .r-60ke3l { border-color: rgb(0, 128, 0); } .r-d045u9 { border-width: 2px; } .r-4a18lf { border-color: rgb(255, 0, 0); } .r-1udh08x { overflow: hidden; } .r-krxsd3 { display: -webkit-box; } .r-1jkafct { border-radius: 2px; } .r-edyy15 { padding: 8px; } .r-1awa8pu { border-color: rgb(101, 119, 134); } .r-1phboty { border-style: solid; } .r-1jyn79y { border-color: rgb(0, 150, 136); } .r-9x6qib { border-color: rgb(204, 214, 221); } .r-1d4xg89 { border-color: rgb(170, 184, 194); } .r-crgep1 { margin: 0px; } .r-t60dpp { padding: 0px; } .r-ywje51 { margin: auto; } .r-1j16mh1 { border-radius: 100%; } [stylesheet-group="2.1"] { } .r-1ntr0p { padding-left: 5px; padding-right: 5px; } .r-11gswi8 { padding-left: 3px; padding-right: 3px; } [stylesheet-group="2.2"] { } .r-10s2tm5 { left: 0%; } .r-dqe1q { right: 0%; } .r-rci37q { left: 100%; } .r-16o8guy { right: 100%; } [stylesheet-group="3"] { } .r-1p0dtai { bottom: 0px; } .r-1d2f490 { left: 0px; } .r-u8s1d { position: absolute; } .r-zchlnj { right: 0px; } .r-ipm5af { top: 0px; } .r-105ug2t { pointer-events: auto !important; } .r-12vffkv > * { pointer-events: auto; } .r-12vffkv { pointer-events: none !important; } .r-ah5dr5 > * { pointer-events: none; } .r-ah5dr5 { pointer-events: auto !important; } .r-633pao { pointer-events: none !important; } .r-11yh6sk { overflow-x: hidden; } .r-buy8e9 { overflow-y: hidden; } .r-19z077z { touch-action: none; } .r-2eszeu::-webkit-scrollbar { display: none; } .r-2eszeu { scrollbar-width: none; } .r-150rngu { } .r-eqz5dr { flex-direction: column; } .r-16y2uox { flex-grow: 1; } .r-1wbh5a2 { flex-shrink: 1; } .r-1rnoaur { overflow-y: auto; } .r-agouwx { transform: translateZ(0px); } .r-18u37iz { flex-direction: row; } .r-lltvgl { overflow-x: auto; } .r-1777fci { justify-content: center; } .r-gtdqiz { position: sticky; } .r-mhe3cw { z-index: 10; } .r-mfh4gg { scroll-snap-type: x mandatory; } .r-1ocf4r9 { scroll-snap-type: y mandatory; } .r-cpa5s6 { scroll-snap-align: start; } .r-1euycsn { flex-direction: row-reverse; } .r-1d5kdc7 { flex-direction: column-reverse; } .r-173mzie { transform: scaleY(-1); } .r-10v3vxq { transform: scaleX(-1); } .r-19wmn03 { width: 20px; } .r-u92y06 { background-color: rgb(255, 165, 0); } .r-1mlwlqe { flex-basis: auto; } .r-417010 { z-index: 0; } .r-1niwhzg { background-color: rgba(0, 0, 0, 0); } .r-vvn4in { background-position: center center; } .r-u6sd8q { background-repeat: no-repeat; } .r-4gszlv { background-size: cover; } .r-1pi2tsx { height: 100%; } .r-13qz1uu { width: 100%; } .r-1wyyakw { z-index: -1; } .r-1sxrcry { background-size: auto; } .r-ehq7j7 { background-size: contain; } .r-1mrlafo { background-position: 0px center; } .r-17leim2 { background-repeat: repeat; } .r-x3cy2q { background-size: 100% 100%; } .r-dnmrzs { max-width: 100%; } .r-1udbk01 { text-overflow: ellipsis; } .r-3s2u2q { white-space: nowrap; } .r-1iln25a { overflow-wrap: normal; } .r-8akbws { -webkit-box-orient: vertical; } .r-lrvibr { user-select: none; } .r-1xnzce8 { user-select: text; } .r-1loqt21 { cursor: pointer; } .r-1awozwy { align-items: center; } .r-11j9u27 { visibility: hidden; } .r-17bb2tj { animation-duration: 0.75s; } .r-1muvv40 { animation-iteration-count: infinite; } .r-1yef0xd { animation-name: r-11cv4x; } @-webkit-keyframes r-11cv4x { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes r-11cv4x { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .r-1ldzwu0 { animation-timing-function: linear; } .r-1abnn5w { animation-play-state: paused; } .r-z80fyv { height: 20px; } .r-1r8g8re { height: 36px; } .r-1acpoxo { width: 36px; } .r-eafdt9 { transition-duration: 0.15s; } .r-1i6wzkk { transition-property: opacity; } .r-1otgn73 { touch-action: manipulation; } .r-14sbq61 { background-color: rgb(33, 150, 243); } .r-jwli3a { color: rgb(255, 255, 255); } .r-majxgm { font-weight: 500; } .r-fdjqy7 { text-align: left; } .r-1ff274t { text-align: right; } .r-q4m81j { text-align: center; } .r-tsynxw { text-transform: uppercase; } .r-11mpjr4 { background-color: rgb(223, 223, 223); } .r-c68hjy { color: rgb(161, 161, 161); } .r-10ptun7 { height: 16px; } .r-1janqcz { width: 16px; } .r-7q8q6z { cursor: default; } .r-1ei5mc7 { cursor: inherit; } .r-14lw9ot { background-color: rgb(255, 255, 255); } .r-11udlyb { background-color: rgb(0, 150, 136); } .r-rs94m5 { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); } .r-dkge59 { background-color: rgb(170, 184, 194); } .r-30o5oe { appearance: none; } .r-1xcajam { position: fixed; } .r-sfbmgh { z-index: 9999; } .r-1ielgck { animation-duration: 300ms; } .r-1uypc71 { animation-timing-function: ease-in; } .r-nvplwv { animation-timing-function: ease-out; } .r-xx3c9p { animation-name: r-imtty0; } @-webkit-keyframes r-imtty0 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes r-imtty0 { 0% { opacity: 0; } 100% { opacity: 1; } } .r-6dt33c { opacity: 1; } .r-g3mlsw { animation-name: r-t2lo5v; } @-webkit-keyframes r-t2lo5v { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes r-t2lo5v { 0% { opacity: 1; } 100% { opacity: 0; } } .r-orgf3d { opacity: 0; } .r-1qulhi1 { animation-name: r-1pzkwqh; } @-webkit-keyframes r-1pzkwqh { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } @keyframes r-1pzkwqh { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } .r-ghxds0 { transform: translateY(0%); } .r-13aq9py { animation-name: r-1iq689l; } @-webkit-keyframes r-1iq689l { 0% { transform: translateY(0%); } 100% { transform: translateY(100%); } } @keyframes r-1iq689l { 0% { transform: translateY(0%); } 100% { transform: translateY(100%); } } .r-bi4vy9 { transform: translateY(100%); } .r-1ny4l3l { outline-style: none; } .r-1qd0xha { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .r-7cikom { font-size: inherit; } .r-1c6unfx { forced-color-adjust: none; } .r-4v7adb { height: 5px; } .r-1ay1djp { animation-duration: 1s; } .r-ebwn4k { animation-name: r-q67da2; } @-webkit-keyframes r-q67da2 { 0% { transform: translateX(-100%); } 100% { transform: translateX(400%); } } @keyframes r-q67da2 { 0% { transform: translateX(-100%); } 100% { transform: translateX(400%); } } .r-97e31f { padding-bottom: env(safe-area-inset-bottom); } .r-bv2aro { padding-left: env(safe-area-inset-left); } .r-hxflta { padding-right: env(safe-area-inset-right); } .r-10xqauy { padding-top: env(safe-area-inset-top); } .r-1dernwh { height: 70%; } .r-13tjlyg { transition-duration: 0.1s; } .r-k200y { align-self: flex-start; } .r-1ewcgjf { box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px; } .r-6taxm2::-webkit-input-placeholder { color: var(--placeholderTextColor); opacity: 1; } .r-6taxm2::placeholder { color: var(--placeholderTextColor); opacity: 1; } .r-van48c { caret-color: transparent; } .r-1ffj0ar { background-color: rgba(0, 0, 0, 0.4); } .r-1sg8ghl { z-index: 1000; } .r-1b43r93 { font-size: 14px; } .r-1aiqnjv { font-family: monospace, monospace; } .r-n6v787 { font-size: 13px; } .r-1ghxqbu { font-variant: tabular-nums; } .r-1w6e6rj { flex-wrap: wrap; } .r-12vffkv > * { pointer-events: auto; } .r-ah5dr5 > * { pointer-events: none; } /* Captured stylesheet 2 */ * { font-family: Basel, sans-serif; box-sizing: border-box; } @font-face { font-family: Basel; font-weight: 535; font-style: normal; font-display: block; src: url("../assets/fonts/Basel-Grotesk-Medium.woff2") format("woff2"), url("../assets/fonts/Basel-Grotesk-Medium.woff") format("woff"); } @font-face { font-family: Basel; font-weight: 485; font-style: normal; font-display: block; src: url("../assets/fonts/Basel-Grotesk-Book.woff2") format("woff2"), url("../assets/fonts/Basel-Grotesk-Book.woff") format("woff"); } @font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+20-7E, U+A0-24F, U+1E00-1EFF; src: url("../assets/fonts/Inter-Regular-Latin.woff2") format("woff2"); } @supports (font-variation-settings: normal) { * { font-family: Basel, sans-serif; } } html, body { margin: 0px; padding: 0px; } @media (min-width: 768px) { html { overflow-x: hidden; } } button { user-select: none; } html { font-size: 16px; font-weight: 485; font-variant: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-rendering: optimizelegibility !important; -webkit-font-smoothing: antialiased !important; } html, body, #root { min-height: 100%; } @media (prefers-color-scheme: dark) { html { background: linear-gradient(rgb(19, 19, 19) 0%, rgb(19, 19, 19) 100%); } } @media (prefers-color-scheme: light) { html { background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255); } } /* Captured stylesheet 3: https://app.uniswap.org/assets/index-CQRJ8q8B.css */ html { overscroll-behavior: none; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: gray transparent; } html ::-webkit-scrollbar { background-color: transparent; width: 6px; } html ::-webkit-scrollbar-track { background-color: transparent; } html ::-webkit-scrollbar-thumb { border-radius: 8px; width: 8px; background-color: gray; } .text-wrap-pretty { text-wrap: pretty; } .text-decoration-none { text-decoration: none; } @media screen and (max-width: 864px) { :root:root:root .connect-with-us-layout { display: flex; flex-direction: column; } } @keyframes cloud-float-animation { 0% { transform: translateY(-8px); } 50% { transform: translateY(8px); } 100% { transform: translateY(-8px); } } @keyframes token-rotate-animation { 0% { transform: rotate(-22deg); } 100% { transform: rotate(22deg); } } .layout-animation-ease-in-ease-out * { transition: 0.3s ease-in-out; } .layout-animation-linear * { transition: 0.5s linear; } .scrollbar-hidden { scrollbar-width: none; } .scrollbar-hidden ::-webkit-scrollbar { display: none; } .last-child-flex-end:last-child { justify-content: flex-end; } .first-child-flex-grow-0:first-child { flex-grow: 0; } @layer properties { @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-border-style: solid; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-ease: initial; } } } @layer theme { :root, :host { --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: "InputMono-Regular",monospace; --spacing: .25rem; --ease-in: cubic-bezier(.4,0,1,1); --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --font-basel: "Basel Grotesk",sans-serif; --color-neutral1-light: #222; --color-neutral1-dark: #fff; --color-neutral2-light: #7d7d7d; --color-neutral2-dark: #9b9b9b; --color-neutral3-light: #cecece; --color-neutral3-dark: #5e5e5e; --color-surface1-light: #fff; --color-surface1-dark: #131313; --color-surface2-light: #f9f9f9; --color-surface2-dark: #1b1b1b; --color-surface3-light: #22222212; --color-surface3-dark: #ffffff12; --color-surface4-light: #ffffff64; --color-surface4-dark: #ffffff20; --color-surface5-light: #00000004; --color-surface5-dark: #00000004; --color-accent1-light: #ff37c7; --color-accent1-dark: #ff37c7; --color-accent2-light: #ffefff; --color-accent2-dark: #311c31; --color-success-light: #0c8911; --color-success-dark: #21c95e; --color-critical-light: #e10f0f; --color-critical-dark: #ff593c; --color-gold-200: #eeb317; --color-unicon-0-light: #f50db4; --color-unicon-1-light: #ffbf17; --color-unicon-2-light: #ff8934; --color-unicon-3-light: #85754a; --color-unicon-4-light: #0c8911; --color-unicon-5-light: #78e744; --color-unicon-6-light: #00c3a0; --color-unicon-7-light: #23a3ff; --color-unicon-8-light: #4981ff; --color-unicon-9-light: #4300b0; --color-unicon-0-dark: #fc74fe; --color-unicon-1-dark: #fff612; --color-unicon-2-dark: #ff4d00; --color-unicon-3-dark: #996f01; --color-unicon-4-dark: #21c95e; --color-unicon-5-dark: #b1f13c; --color-unicon-6-dark: #5cfe9d; --color-unicon-7-dark: #3adcff; --color-unicon-8-dark: #0047ff; --color-unicon-9-dark: #9e62ff; --shadow-short: var(--shadow-short); --shadow-medium: var(--shadow-medium); --shadow-large: var(--shadow-large); } } @layer base { *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; } ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; } html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; } hr { height: 0px; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0px; border-color: inherit; border-collapse: collapse; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) { ::placeholder { color: currentcolor; } @supports (color:color-mix(in lab,red,red)) { ::placeholder { color: color-mix(currentcolor, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0px; } ::-webkit-datetime-edit { padding-block: 0px; } ::-webkit-datetime-edit-year-field { padding-block: 0px; } ::-webkit-datetime-edit-month-field { padding-block: 0px; } ::-webkit-datetime-edit-day-field { padding-block: 0px; } ::-webkit-datetime-edit-hour-field { padding-block: 0px; } ::-webkit-datetime-edit-minute-field { padding-block: 0px; } ::-webkit-datetime-edit-second-field { padding-block: 0px; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; } ::-webkit-calendar-picker-indicator { line-height: 1; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } html, body { background-color: var(--background); font-family: var(--font-basel); color: var(--foreground); } * { border-color: var(--border); outline-color: var(--ring); } @supports (color:color-mix(in lab,red,red)) { * { outline-color: color-mix(in oklab,var(--ring)50%,transparent); } } } @layer components; @layer utilities { .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .isolate { isolation: isolate; } .order-1 { order: 1; } .order-2 { order: 2; } .order-123 { order: 123; } .order-456 { order: 456; } .order-789 { order: 789; } .\!container { width: 100% !important; } @media (min-width: 360px) { .\!container { max-width: 360px !important; } } @media (min-width: 380px) { .\!container { max-width: 380px !important; } } @media (min-width: 450px) { .\!container { max-width: 450px !important; } } @media (min-width: 640px) { .\!container { max-width: 640px !important; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } } @media (min-width: 96rem) { .\!container { max-width: 96rem !important; } } .container { width: 100%; } @media (min-width: 360px) { .container { max-width: 360px; } } @media (min-width: 380px) { .container { max-width: 380px; } } @media (min-width: 450px) { .container { max-width: 450px; } } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .shrink { flex-shrink: 1; } .flex-grow, .grow { flex-grow: 1; } .transform { transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,); } .resize { resize: both; } .gap-16 { gap: calc(var(--spacing)*16); } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .rounded { border-radius: 0.25rem; } .border { border-style: var(--tw-border-style); border-width: 1px; } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,); } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .antialiased { -webkit-font-smoothing: antialiased; } .ring { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,); } .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } } :root { color-scheme: light; --font-basel: "Basel Grotesk"; --shadow-short: 0px 1px 6px 2px #00000008,0px 1px 2px 0px #00000005; --shadow-medium: 0px 6px 12px -3px #1313130a,0px 2px 5px -2px #13131308; --shadow-large: 0px 10px 20px -5px #1313130d,0px 4px 12px -3px #1313130a; --radius: .625rem; --background: oklch(100% 0 0); --foreground: oklch(14.5% 0 0); --card: oklch(100% 0 0); --card-foreground: oklch(14.5% 0 0); --popover: oklch(100% 0 0); --popover-foreground: oklch(14.5% 0 0); --primary: oklch(20.5% 0 0); --primary-foreground: oklch(98.5% 0 0); --secondary: oklch(97% 0 0); --secondary-foreground: oklch(20.5% 0 0); --muted: oklch(97% 0 0); --muted-foreground: oklch(55.6% 0 0); --accent: oklch(97% 0 0); --accent-foreground: oklch(20.5% 0 0); --destructive: oklch(57.7% .245 27.325); --border: oklch(92.2% 0 0); --input: oklch(92.2% 0 0); --ring: oklch(70.8% 0 0); --chart-1: oklch(64.6% .222 41.116); --chart-2: oklch(60% .118 184.704); --chart-3: oklch(39.8% .07 227.392); --chart-4: oklch(82.8% .189 84.429); --chart-5: oklch(76.9% .188 70.08); --sidebar: oklch(98.5% 0 0); --sidebar-foreground: oklch(14.5% 0 0); --sidebar-primary: oklch(20.5% 0 0); --sidebar-primary-foreground: oklch(98.5% 0 0); --sidebar-accent: oklch(97% 0 0); --sidebar-accent-foreground: oklch(20.5% 0 0); --sidebar-border: oklch(92.2% 0 0); --sidebar-ring: oklch(70.8% 0 0); --surface1: var(--color-surface1-light); --surface2: var(--color-surface2-light); --surface3: var(--color-surface3-light); --surface4: var(--color-surface4-light); --surface5: var(--color-surface5-light); --neutral1: var(--color-neutral1-light); --neutral2: var(--color-neutral2-light); --neutral3: var(--color-neutral3-light); --accent1: var(--color-accent1-light); --accent2: var(--color-accent2-light); --success: var(--color-success-light); --warning: var(--color-gold-200); --critical: var(--color-critical-light); --unicon-0: var(--color-unicon-0-light); --unicon-1: var(--color-unicon-1-light); --unicon-2: var(--color-unicon-2-light); --unicon-3: var(--color-unicon-3-light); --unicon-4: var(--color-unicon-4-light); --unicon-5: var(--color-unicon-5-light); --unicon-6: var(--color-unicon-6-light); --unicon-7: var(--color-unicon-7-light); --unicon-8: var(--color-unicon-8-light); --unicon-9: var(--color-unicon-9-light); --unicon-bg-opacity: .12; } .dark { color-scheme: dark; --shadow-short: 0px 1px 3px 0px #0000001f,0px 1px 2px 0px #0000003d; --shadow-medium: 0px 10px 15px -3px #1313138a,0px 4px 6px -2px #13131366; --shadow-large: 0px 16px 24px -6px #0009,0px 8px 12px -4px #0000007a; --background: oklch(14.5% 0 0); --foreground: oklch(98.5% 0 0); --card: oklch(20.5% 0 0); --card-foreground: oklch(98.5% 0 0); --popover: oklch(20.5% 0 0); --popover-foreground: oklch(98.5% 0 0); --primary: oklch(92.2% 0 0); --primary-foreground: oklch(20.5% 0 0); --secondary: oklch(26.9% 0 0); --secondary-foreground: oklch(98.5% 0 0); --muted: oklch(26.9% 0 0); --muted-foreground: oklch(70.8% 0 0); --accent: oklch(26.9% 0 0); --accent-foreground: oklch(98.5% 0 0); --destructive: oklch(70.4% .191 22.216); --border: oklch(100% 0 0/.1); --input: oklch(100% 0 0/.15); --ring: oklch(55.6% 0 0); --chart-1: oklch(48.8% .243 264.376); --chart-2: oklch(69.6% .17 162.48); --chart-3: oklch(76.9% .188 70.08); --chart-4: oklch(62.7% .265 303.9); --chart-5: oklch(64.5% .246 16.439); --sidebar: oklch(20.5% 0 0); --sidebar-foreground: oklch(98.5% 0 0); --sidebar-primary: oklch(48.8% .243 264.376); --sidebar-primary-foreground: oklch(98.5% 0 0); --sidebar-accent: oklch(26.9% 0 0); --sidebar-accent-foreground: oklch(98.5% 0 0); --sidebar-border: oklch(100% 0 0/.1); --sidebar-ring: oklch(55.6% 0 0); --surface1: var(--color-surface1-dark); --surface2: var(--color-surface2-dark); --surface3: var(--color-surface3-dark); --surface4: var(--color-surface4-dark); --surface5: var(--color-surface5-dark); --neutral1: var(--color-neutral1-dark); --neutral2: var(--color-neutral2-dark); --neutral3: var(--color-neutral3-dark); --accent1: var(--color-accent1-dark); --accent2: var(--color-accent2-dark); --success: var(--color-success-dark); --critical: var(--color-critical-dark); --unicon-0: var(--color-unicon-0-dark); --unicon-1: var(--color-unicon-1-dark); --unicon-2: var(--color-unicon-2-dark); --unicon-3: var(--color-unicon-3-dark); --unicon-4: var(--color-unicon-4-dark); --unicon-5: var(--color-unicon-5-dark); --unicon-6: var(--color-unicon-6-dark); --unicon-7: var(--color-unicon-7-dark); --unicon-8: var(--color-unicon-8-dark); --unicon-9: var(--color-unicon-9-dark); --unicon-bg-opacity: .16; } ::view-transition-old(crossfade) { animation: 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running hide; } ::view-transition-new(crossfade) { opacity: 0; animation: 0.3s cubic-bezier(0.4, 0, 0.2, 1) 80ms 1 normal forwards running appear; } @keyframes hide { 0% { opacity: 1; filter: blur(); transform: translateY(0px); } 100% { opacity: 0; filter: blur(4px); transform: translateY(8px); } } @keyframes appear { 0% { opacity: 0; filter: blur(4px); transform: translateY(5px); } 100% { opacity: 1; filter: blur(); transform: translateY(0px); } } @keyframes dialog-appear { 0% { opacity: 0; transform: translate(-50%, calc(-50% + 4px)); } 100% { opacity: 1; transform: translate(-50%, -50%); } } @keyframes dialog-hide { 0% { opacity: 1; transform: translate(-50%, -50%); } 100% { opacity: 0; transform: translate(-50%, calc(-50% + 4px)); } } .dialog-content[data-state="open"] { animation: 0.2s cubic-bezier(0.6, 0, 0.8, 1) 0s 1 normal forwards running dialog-appear; } .dialog-content[data-state="closed"] { animation: 0.15s cubic-bezier(0.6, 0, 0.8, 1) 0s 1 normal forwards running dialog-hide; } @keyframes blur-fade-in { 0% { opacity: 0; filter: blur(4px); } 100% { opacity: 1; filter: blur(); } } @keyframes blur-fade-out { 0% { opacity: 1; filter: blur(); } 100% { opacity: 0; filter: blur(4px); } } .animate-entrance { opacity: 1; } .animate-blur-fade-in { animation: 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running blur-fade-in-translate; } @keyframes blur-fade-in-translate { 0% { opacity: 0; filter: blur(4px); transform: translateY(-4px); } 100% { opacity: 1; filter: blur(); transform: translateY(0px); } } .animate-blur-fade-out { animation: 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running blur-fade-out-translate; overflow: hidden; } @keyframes blur-fade-out-translate { 0% { opacity: 1; filter: blur(); max-height: 500px; margin-bottom: 0px; transform: translateY(0px); } 50% { opacity: 0; filter: blur(4px); transform: translateY(4px); } 100% { opacity: 0; filter: blur(4px); max-height: 0px; margin-bottom: -40px; transform: translateY(4px); } } [data-state="open"] .blur-fade-item { animation: 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running blur-fade-in; } [data-state="closed"] .blur-fade-item { pointer-events: none; animation: 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running blur-fade-out; } .button-loading-text { opacity: 1; filter: blur(); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), filter 0.2s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0px); } .button-loading-text[data-loading="true"] { opacity: 0; filter: blur(4px); transform: translateY(4px); } .button-loading-spinner { opacity: 0; filter: blur(4px); pointer-events: none; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 50ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 50ms, filter 0.2s cubic-bezier(0.4, 0, 0.2, 1) 50ms; transform: translateY(-4px); } .button-loading-spinner[data-loading="true"] { opacity: 1; filter: blur(); pointer-events: auto; transform: translateY(0px); } .button-state-spinner, .button-state-success { opacity: 0; filter: blur(4px); pointer-events: none; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), filter 0.2s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(-4px); } .button-state-spinner[data-visible="true"], .button-state-success[data-visible="true"] { opacity: 1; filter: blur(); pointer-events: auto; transform: translateY(0px); } @keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } .console-cursor { animation: 1s step-end 0s infinite normal none running blink; } @keyframes console-fade-in { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0px); } } .console-fade-in { animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running console-fade-in; } @keyframes logo-scroll { 0% { transform: translate(0px) translateZ(0px); } 100% { transform: translate(-33.333%) translateZ(0px); } } @keyframes overlay-hide { 0% { opacity: 1; backdrop-filter: blur(4px); } 100% { opacity: 0; backdrop-filter: blur(); } } @keyframes overlay-appear { 0% { opacity: 0; backdrop-filter: blur(); } 100% { opacity: 1; backdrop-filter: blur(4px); } } .overlay-backdrop[data-state="open"] { animation: 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running overlay-appear; } .overlay-backdrop[data-state="closed"] { animation: 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running overlay-hide; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } /* Captured stylesheet 4 */ :where(html[dir="ltr"]), :where([data-sonner-toaster][dir="ltr"]) { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; --toast-close-button-start: 0; --toast-close-button-end: unset; --toast-close-button-transform: translate(-35%, -35%); } :where(html[dir="rtl"]), :where([data-sonner-toaster][dir="rtl"]) { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; --toast-close-button-start: unset; --toast-close-button-end: 0; --toast-close-button-transform: translate(35%, -35%); } :where([data-sonner-toaster]) { position: fixed; width: var(--width); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --gray1: hsl(0, 0%, 99%); --gray2: hsl(0, 0%, 97.3%); --gray3: hsl(0, 0%, 95.1%); --gray4: hsl(0, 0%, 93%); --gray5: hsl(0, 0%, 90.9%); --gray6: hsl(0, 0%, 88.7%); --gray7: hsl(0, 0%, 85.8%); --gray8: hsl(0, 0%, 78%); --gray9: hsl(0, 0%, 56.1%); --gray10: hsl(0, 0%, 52.3%); --gray11: hsl(0, 0%, 43.5%); --gray12: hsl(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding: 0px; margin: 0px; list-style: none; outline: none; z-index: 999999999; transition: transform 0.4s; } :where([data-sonner-toaster][data-lifted="true"]) { transform: translateY(-10px); } @media (hover: none) and (pointer: coarse) { :where([data-sonner-toaster][data-lifted="true"]) { transform: none; } } :where([data-sonner-toaster][data-x-position="right"]) { right: var(--offset-right); } :where([data-sonner-toaster][data-x-position="left"]) { left: var(--offset-left); } :where([data-sonner-toaster][data-x-position="center"]) { left: 50%; transform: translate(-50%); } :where([data-sonner-toaster][data-y-position="top"]) { top: var(--offset-top); } :where([data-sonner-toaster][data-y-position="bottom"]) { bottom: var(--offset-bottom); } :where([data-sonner-toast]) { --y: translateY(100%); --lift-amount: calc(var(--lift) * var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; transform: var(--y); filter: blur(0px); touch-action: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: none; overflow-wrap: anywhere; } :where([data-sonner-toast][data-styled="true"]) { padding: 16px; background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; } :where([data-sonner-toast]:focus-visible) { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; } :where([data-sonner-toast][data-y-position="top"]) { top: 0px; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); } :where([data-sonner-toast][data-y-position="bottom"]) { bottom: 0px; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); } :where([data-sonner-toast]) :where([data-description]) { font-weight: 400; line-height: 1.4; color: inherit; } :where([data-sonner-toast]) :where([data-title]) { font-weight: 500; line-height: 1.5; color: inherit; } :where([data-sonner-toast]) :where([data-icon]) { display: flex; height: 16px; width: 16px; position: relative; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); } :where([data-sonner-toast][data-promise="true"]) :where([data-icon]) > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; } :where([data-sonner-toast]) :where([data-icon]) > * { flex-shrink: 0; } :where([data-sonner-toast]) :where([data-icon]) svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); } :where([data-sonner-toast]) :where([data-content]) { display: flex; flex-direction: column; gap: 2px; } [data-sonner-toast][data-styled="true"] [data-button] { border-radius: 4px; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; outline: none; display: flex; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow 0.2s; } :where([data-sonner-toast]) :where([data-button]):focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; } :where([data-sonner-toast]) :where([data-button]):first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); } :where([data-sonner-toast]) :where([data-cancel]) { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); } :where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]) { background: rgba(255, 255, 255, 0.3); } :where([data-sonner-toast]) :where([data-close-button]) { position: absolute; left: var(--toast-close-button-start); right: var(--toast-close-button-end); top: 0px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px; color: var(--gray12); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; } [data-sonner-toast] [data-close-button] { background: var(--gray1); } :where([data-sonner-toast]) :where([data-close-button]):focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; } :where([data-sonner-toast]) :where([data-disabled="true"]) { cursor: not-allowed; } :where([data-sonner-toast]):hover :where([data-close-button]):hover { background: var(--gray2); border-color: var(--gray5); } :where([data-sonner-toast][data-swiping="true"])::before { content: ""; position: absolute; left: -50%; right: -50%; height: 100%; z-index: -1; } :where([data-sonner-toast][data-y-position="top"][data-swiping="true"])::before { bottom: 50%; transform: scaleY(3) translateY(50%); } :where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"])::before { top: 50%; transform: scaleY(3) translateY(-50%); } :where([data-sonner-toast][data-swiping="false"][data-removed="true"])::before { content: ""; position: absolute; inset: 0px; transform: scaleY(2); } :where([data-sonner-toast])::after { content: ""; position: absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; } :where([data-sonner-toast][data-mounted="true"]) { --y: translateY(0); opacity: 1; } :where([data-sonner-toast][data-expanded="false"][data-front="false"]) { --scale: var(--toasts-before) * .05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: var(--front-toast-height); } :where([data-sonner-toast]) > * { transition: opacity 0.4s; } :where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"]) > * { opacity: 0; } :where([data-sonner-toast][data-visible="false"]) { opacity: 0; pointer-events: none; } :where([data-sonner-toast][data-mounted="true"][data-expanded="true"]) { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); } :where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]) { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; } :where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]) { --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; } :where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]) { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; } :where([data-sonner-toast][data-removed="true"][data-front="false"])::before { height: calc(var(--initial-height) + 20%); } [data-sonner-toast][data-swiping="true"] { transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px)); transition: none; } [data-sonner-toast][data-swiped="true"] { user-select: none; } [data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"], [data-sonner-toast][data-swipe-out="true"][data-y-position="top"] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; } [data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] { animation-name: swipe-out-left; } [data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] { animation-name: swipe-out-right; } [data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] { animation-name: swipe-out-up; } [data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] { animation-name: swipe-out-down; } @keyframes swipe-out-left { 0% { transform: var(--y) translate(var(--swipe-amount-x)); opacity: 1; } 100% { transform: var(--y) translate(calc(var(--swipe-amount-x) - 100%)); opacity: 0; } } @keyframes swipe-out-right { 0% { transform: var(--y) translate(var(--swipe-amount-x)); opacity: 1; } 100% { transform: var(--y) translate(calc(var(--swipe-amount-x) + 100%)); opacity: 0; } } @keyframes swipe-out-up { 0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; } 100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; } } @keyframes swipe-out-down { 0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; } 100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; } } @media (max-width: 600px) { [data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; } [data-sonner-toaster][dir="rtl"] { left: calc(var(--mobile-offset-left) * -1); } [data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width: calc(100% - var(--mobile-offset-left) * 2); } [data-sonner-toaster][data-x-position="left"] { left: var(--mobile-offset-left); } [data-sonner-toaster][data-y-position="bottom"] { bottom: var(--mobile-offset-bottom); } [data-sonner-toaster][data-y-position="top"] { top: var(--mobile-offset-top); } [data-sonner-toaster][data-x-position="center"] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; } } [data-sonner-toaster][data-theme="light"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 85%, 96%); --success-border: hsl(145, 92%, 91%); --success-text: hsl(140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 91%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warning-border: hsl(49, 91%, 91%); --warning-text: hsl(31, 92%, 45%); --error-bg: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error-text: hsl(360, 100%, 45%); } [data-sonner-toaster][data-theme="light"] [data-sonner-toast][data-invert="true"] { --normal-bg: #000; --normal-border: hsl(0, 0%, 20%); --normal-text: var(--gray1); } [data-sonner-toaster][data-theme="dark"] [data-sonner-toast][data-invert="true"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); } [data-sonner-toaster][data-theme="dark"] { --normal-bg: #000; --normal-bg-hover: hsl(0, 0%, 12%); --normal-border: hsl(0, 0%, 20%); --normal-border-hover: hsl(0, 0%, 25%); --normal-text: var(--gray1); --success-bg: hsl(150, 100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: hsl(150, 86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 100%, 12%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warning-border: hsl(60, 100%, 12%); --warning-text: hsl(46, 87%, 65%); --error-bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-text: hsl(358, 100%, 81%); } [data-sonner-toaster][data-theme="dark"] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); } [data-sonner-toaster][data-theme="dark"] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); } [data-rich-colors="true"][data-sonner-toast][data-type="success"], [data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); } [data-rich-colors="true"][data-sonner-toast][data-type="info"], [data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); } [data-rich-colors="true"][data-sonner-toast][data-type="warning"], [data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); } [data-rich-colors="true"][data-sonner-toast][data-type="error"], [data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); } .sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); position: absolute; inset: 0px; z-index: 10; } .sonner-loading-wrapper[data-visible="false"] { transform-origin: center center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; } .sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); } .sonner-loading-bar { animation: 1.2s linear 0s infinite normal none running sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; } .sonner-loading-bar:nth-child(1) { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); } .sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); } .sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); } .sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); } .sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); } .sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); } .sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); } .sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); } .sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); } .sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); } .sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); } .sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); } @keyframes sonner-fade-in { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @keyframes sonner-fade-out { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); } } @keyframes sonner-spin { 0% { opacity: 1; } 100% { opacity: 0.15; } } @media (prefers-reduced-motion) { [data-sonner-toast], [data-sonner-toast] > *, .sonner-loading-bar { transition: none !important; animation: auto ease 0s 1 normal none running none !important; } } .sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; } .sonner-loader[data-visible="false"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); } /* Captured stylesheet 5 */ @keyframes RollOutRight { 0% { transform: translateX(0vw) rotate(0deg); } 100% { transform: translateX(100vw) rotate(180deg); } } @keyframes RollOutLeft { 0% { transform: translateX(0vw) rotate(0deg); } 100% { transform: translateX(-100vw) rotate(-180deg); } } @keyframes RollInRight { 0% { transform: translateX(100vw) rotate(180deg); } 100% { transform: translateX(0vw) rotate(0deg); } } @keyframes RollInLeft { 0% { transform: translateX(-100vw) rotate(-180deg); } 100% { transform: translateX(0vw) rotate(0deg); } } @keyframes RotateOutUpRight { 0% { transform: translateX(0%) translateY(0%) rotate(0deg); opacity: 1; } 100% { transform: translateX(40%) translateY(-250%) rotate(90deg); opacity: 0; } } @keyframes RotateOutUpLeft { 0% { transform: translateX(0%) translateY(0%) rotate(0deg); opacity: 1; } 100% { transform: translateX(-40%) translateY(-250%) rotate(-90deg); opacity: 0; } } @keyframes RotateOutDownRight { 0% { transform: translateX(0%) translateY(0%) rotate(0deg); opacity: 1; } 100% { transform: translateX(40%) translateY(250%) rotate(-90deg); opacity: 0; } } @keyframes RotateOutDownLeft { 0% { transform: translateX(0%) translateY(0%) rotate(0deg); opacity: 1; } 100% { transform: translateX(-40%) translateY(250%) rotate(90deg); opacity: 0; } } @keyframes RotateInUpRight { 0% { transform: translateX(40%) translateY(250%) rotate(-90deg); opacity: 0; } 100% { transform: translateX(0%) translateY(0%) rotate(0deg); opacity: 1; } } @keyframes RotateInUpLeft { 0% { transform: translateX(-40%) translateY(250%) rotate(90deg); opacity: 0; } 100% { transform: translateX(0%) translateY(0%) rotate(0deg); opacity: 1; } } @keyframes RotateInDownRight { 0% { transform: translateX(40%) translateY(-250%) rotate(90deg); opacity: 0; } 100% { transform: translateX(0%) translateY(0%) rotate(0deg); opacity: 1; } } @keyframes RotateInDownLeft { 0% { transform: translateX(-50%) translateY(-250%) rotate(-90deg); opacity: 0; } 100% { transform: translateX(0%) translateY(0%) rotate(0deg); opacity: 1; } } @keyframes PinwheelOut { 0% { transform: rotate(0rad) scale(1); opacity: 1; } 100% { transform: rotate(5rad) scale(0); opacity: 0; } } @keyframes PinwheelIn { 0% { transform: rotate(5rad) scale(0); opacity: 0; } 100% { transform: rotate(0deg) scale(1); opacity: 1; } } @keyframes LightSpeedOutLeft { 0% { transform: translateX(0vw) skew(0deg); opacity: 1; } 100% { transform: translateX(-100vw) skew(45deg); opacity: 0; } } @keyframes LightSpeedOutRight { 0% { transform: translateX(0vw) skewX(0deg); opacity: 1; } 100% { transform: translateX(100vw) skewX(-45deg); opacity: 0; } } @keyframes LightSpeedInLeft { 0% { transform: translateX(-100vw) skewX(45deg); opacity: 0; } 70% { transform: skewX(-10deg); } 85% { transform: skewX(5deg); } 100% { transform: skewX(0deg); } } @keyframes LightSpeedInRight { 0% { transform: translateX(100vw) skewX(-45deg); opacity: 0; } 70% { transform: skewX(10deg); } 85% { transform: skewX(-5deg); } 100% { transform: skewX(0deg); } } @keyframes SlideOutDown { 0% { transform: translateY(0%); } 100% { transform: translateY(100vh); } } @keyframes SlideOutUp { 0% { transform: translateY(0%); } 100% { transform: translateY(-100vh); } } @keyframes SlideOutLeft { 0% { transform: translateX(0%); } 100% { transform: translateX(-100vw); } } @keyframes SlideOutRight { 0% { transform: translateX(0%); } 100% { transform: translateX(100vw); } } @keyframes SlideInDown { 0% { transform: translateY(100vh); } 100% { transform: translateY(0%); } } @keyframes SlideInUp { 0% { transform: translateY(-100vh); } 100% { transform: translateY(0%); } } @keyframes SlideInLeft { 0% { transform: translateX(-100vw); } 100% { transform: translateX(0%); } } @keyframes SlideInRight { 0% { transform: translateX(100vw); } 100% { transform: translateX(0%); } } @keyframes ZoomOutEasyDown { 0% { transform: translateY(0%) scale(1); } 100% { transform: translateY(100%) scale(0); } } @keyframes ZoomOutEasyUp { 0% { transform: translateY(0%) scale(1); } 100% { transform: translateY(-100%) scale(0); } } @keyframes ZoomOutDown { 0% { transform: translateX(0vh) scale(1); } 100% { transform: translateY(100vh) scale(0); } } @keyframes ZoomOutUp { 0% { transform: translateX(0vh) scale(1); } 100% { transform: translateY(-100vh) scale(0); } } @keyframes ZoomOutLeft { 0% { transform: translateX(0vw) scale(1); } 100% { transform: translateX(-100vw) scale(0); } } @keyframes ZoomOutRight { 0% { transform: translateX(0vw) scale(1); } 100% { transform: translateX(100vw) scale(0); } } @keyframes ZoomOutRotate { 0% { transform: scale(1) rotate(0rad); } 100% { transform: scale(0) rotate(0.3rad); } } @keyframes ZoomOut { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes ZoomInEasyDown { 0% { transform: translateY(100%) scale(0); } 100% { transform: translateY(0%) scale(1); } } @keyframes ZoomInEasyUp { 0% { transform: translateY(-100%) scale(0); } 100% { transform: translateY(0%) scale(1); } } @keyframes ZoomInDown { 0% { transform: translateY(100vh) scale(0); } 100% { transform: translateY(0%) scale(1); } } @keyframes ZoomInUp { 0% { transform: translateY(-100vh) scale(0); } 100% { transform: translateY(0%) scale(1); } } @keyframes ZoomInLeft { 0% { transform: translateX(-100vw) scale(0); } 100% { transform: translateX(0%) scale(1); } } @keyframes ZoomInRight { 0% { transform: translateX(100vw) scale(0); } 100% { transform: translateX(0%) scale(1); } } @keyframes ZoomInRotate { 0% { transform: scale(0) rotate(0.3rad); } 100% { transform: scale(1) rotate(0deg); } } @keyframes ZoomIn { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes StretchOutY { 0% { transform: scaleY(1); } 100% { transform: scaleY(0); } } @keyframes StretchOutX { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } @keyframes StretchInY { 0% { transform: scaleY(0); } 100% { transform: scaleY(1); } } @keyframes StretchInX { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes FlipOutEasyY { 0% { transform: perspective(500px) rotateY(0deg); } 100% { transform: perspective(500px) rotateY(90deg); } } @keyframes FlipOutEasyX { 0% { transform: perspective(500px) rotateX(0deg); } 100% { transform: perspective(500px) rotateX(90deg); } } @keyframes FlipOutXDown { 0% { transform: perspective(500px) rotateX(0deg) translateY(0%); } 100% { transform: perspective(500px) rotateX(-90deg) translateY(100%); } } @keyframes FlipOutXUp { 0% { transform: perspective(500px) rotateX(0deg) translateY(0%); } 100% { transform: perspective(500px) rotateX(90deg) translateY(-100%); } } @keyframes FlipOutYLeft { 0% { transform: perspective(500px) rotateY(0deg) translateX(0%); } 100% { transform: perspective(500px) rotateY(-90deg) translateX(-100%); } } @keyframes FlipOutYRight { 0% { transform: perspective(500px) rotateY(0deg) translateX(0%); } 100% { transform: perspective(500px) rotateY(90deg) translateX(100%); } } @keyframes FlipInEasyY { 0% { transform: perspective(500px) rotateY(90deg); } 100% { transform: perspective(500px) rotateY(0deg); } } @keyframes FlipInEasyX { 0% { transform: perspective(500px) rotateX(90deg); } 100% { transform: perspective(500px) rotateX(0deg); } } @keyframes FlipInXDown { 0% { transform: perspective(500px) rotateX(-90deg) translateY(100%); } 100% { transform: perspective(500px) rotateX(0deg) translateY(0%); } } @keyframes FlipInXUp { 0% { transform: perspective(500px) rotateX(90deg) translateY(-100%); } 100% { transform: perspective(500px) rotateX(0deg) translateY(0%); } } @keyframes FlipInYLeft { 0% { transform: perspective(500px) rotateY(-90deg) translateX(-100%); } 100% { transform: perspective(500px) rotateY(0deg) translateX(0%); } } @keyframes FlipInYRight { 0% { transform: perspective(500px) rotateY(90deg) translateX(100%); } 100% { transform: perspective(500px) rotateY(0deg) translateX(0%); } } @keyframes BounceOutDown { 0% { transform: translateY(0px); } 15% { transform: translateY(-10px); } 30% { transform: translateY(10px); } 45% { transform: translateY(-20px); } 100% { transform: translateY(100vh); } } @keyframes BounceOutUp { 0% { transform: translateY(0px); } 15% { transform: translateY(10px); } 30% { transform: translateY(-10px); } 45% { transform: translateY(20px); } 100% { transform: translateY(-100vh); } } @keyframes BounceOutLeft { 0% { transform: translateX(0px); } 15% { transform: translateX(10px); } 30% { transform: translateX(-10px); } 45% { transform: translateX(20px); } 100% { transform: translateX(-100vh); } } @keyframes BounceOutRight { 0% { transform: translateX(0px); } 15% { transform: translateX(-10px); } 30% { transform: translateX(10px); } 45% { transform: translateX(-20px); } 100% { transform: translateX(100vh); } } @keyframes BounceOut { 0% { transform: scale(1); } 15% { transform: scale(1.1); } 30% { transform: scale(0.9); } 45% { transform: scale(1.2); } 100% { transform: scale(0.1); } } @keyframes BounceInDown { 0% { transform: translateY(100vh); } 55% { transform: translateY(-20px); } 70% { transform: translateY(10px); } 85% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } @keyframes BounceInUp { 0% { transform: translateY(-100vh); } 55% { transform: translateY(20px); } 70% { transform: translateY(-10px); } 85% { transform: translateY(10px); } 100% { transform: translateY(0px); } } @keyframes BounceInLeft { 0% { transform: translateX(-100vw); } 55% { transform: translateX(20px); } 70% { transform: translateX(-10px); } 85% { transform: translateX(10px); } 100% { transform: translateX(0px); } } @keyframes BounceInRight { 0% { transform: translateX(100vw); } 55% { transform: translateX(-20px); } 70% { transform: translateX(10px); } 85% { transform: translateX(-10px); } 100% { transform: translateX(0px); } } @keyframes BounceIn { 0% { transform: scale(0); } 55% { transform: scale(1.2); } 70% { transform: scale(0.9); } 85% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes FadeOutDown { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(25px); } } @keyframes FadeOutUp { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-25px); } } @keyframes FadeOutLeft { 0% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(-25px); } } @keyframes FadeOutRight { 0% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(25px); } } @keyframes FadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes FadeInDown { 0% { opacity: 0; transform: translateY(25px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes FadeInUp { 0% { opacity: 0; transform: translateY(-25px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes FadeInLeft { 0% { opacity: 0; transform: translateX(-25px); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes FadeInRight { 0% { opacity: 0; transform: translateX(25px); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* Captured stylesheet 6 */ /* Captured stylesheet 7 */ :root { --privy-color-background: #FFFFFF; --privy-color-background-2: #F1F2F9; --privy-color-background-3: #5B4FFF; --privy-color-foreground: #040217; --privy-color-foreground-2: #64668B; --privy-color-foreground-3: #9498B8; --privy-color-foreground-4: #E2E3F0; --privy-color-foreground-accent: hsl(246, 84%, 5%); --privy-color-accent: hsl(299, 100%, 72%); --privy-color-accent-light: hsl(299, 100%, 87%); --privy-color-accent-hover: hsl(0, 0%, 100%); --privy-color-accent-dark: hsl(299, 100%, 66%); --privy-color-accent-darkest: hsl(299, 100%, 12%); --privy-color-success: #DCFCE7; --privy-color-success-dark: #135638; --privy-color-success-light: #DCFCE7; --privy-color-success-bg: #DCFCE7; --privy-color-error: #991B1B; --privy-color-error-light: #FEE2E2; --privy-color-error-bg: #FEE2E2; --privy-color-error-bg-hover: #FECACA; --privy-color-warn: #FEF3C7; --privy-color-warn-light: #FEF3C7; --privy-color-warn-bg: #FEF3C7; --privy-color-warning-dark: #906218; --privy-color-error-dark: #991B1B; --privy-color-info-bg: #E0E7FF; --privy-color-info-bg-hover: #EEF2FF; --privy-color-border-default: #E2E3F0; --privy-color-border-hover: #E2E3F0; --privy-color-border-focus: #949DF9; --privy-color-border-error: #F69393; --privy-color-border-success: #87D7B7; --privy-color-border-warning: #FACD63; --privy-color-border-info: #F1F2F9; --privy-color-border-interactive: #5B4FFF; --privy-color-border-interactive-hover: #5B4FFF; --privy-color-background-hover: #F8F9FC; --privy-color-background-clicked: #F1F2F9; --privy-color-background-disabled: #FFFFFF; --privy-color-background-interactive: #5B4FFF; --privy-color-background-interactive-hover: #4F46E5; --privy-color-background-interactive-clicked: #4338CA; --privy-color-background-interactive-disabled: #F1F2F9; --privy-color-foreground-hover: #040217; --privy-color-foreground-clicked: #040217; --privy-color-foreground-disabled: #CBCDE1; --privy-color-foreground-interactive: #5B4FFF; --privy-color-foreground-interactive-hover: #5B4FFF; --privy-link-navigation-color: #040217; --privy-link-navigation-decoration: underline; --privy-accent-has-good-contrast: 0; --privy-color-icon-default: #110F2A; --privy-color-icon-muted: #64668B; --privy-color-icon-subtle: #9498B8; --privy-color-icon-inverse: #FFFFFF; --privy-color-icon-success: #33B287; --privy-color-icon-warning: #F59E0B; --privy-color-icon-error: #EF4444; --privy-color-icon-interactive: #564FFF; --privy-color-icon-default-hover: #1D1B35; --privy-color-icon-muted-hover: #64668B; --privy-color-icon-subtle-hover: #888AAE; --privy-color-icon-default-clicked: #060C23; --privy-color-icon-muted-clicked: #64668B; --privy-color-icon-subtle-clicked: #788804; --privy-color-icon-default-disabled: #CBCDE1; --privy-color-icon-muted-disabled: #CBCDE1; --privy-color-icon-subtle-disabled: #CBCDE1; --privy-color-icon-error-hover: #F06060; --privy-color-icon-interactive-hover: #4F46E5; --privy-color-icon-error-clicked: #DC3838; --privy-color-icon-interactive-clicked: #2BA482; --privy-color-icon-muted-disabled-alt: #CBCDE1; --privy-color-icon-subtle-disabled-alt: #CBCDE1; --privy-border-radius-xs: 6px; --privy-border-radius-sm: 8px; --privy-border-radius-md: 12px; --privy-border-radius-mdlg: 16px; --privy-border-radius-lg: 24px; --privy-border-radius-full: 9999px; --privy-height-modal-full: 620px; --privy-height-modal-compact: 480px; } .bMPfYh { display: inline-flex; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 0ms; } .dCZoGE { display: inline-flex; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 100ms; } .dCZoGD { display: inline-flex; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 200ms; } .egogja { display: inline-flex; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 300ms; } .dCZoGB { display: inline-flex; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 400ms; } .dCZoGA { display: inline-flex; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 500ms; } .duAuzs { display: inline-flex; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 600ms; } .duAuzt { display: inline-flex; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 700ms; } .cMokb { display: flex; width: 100%; flex: 0 0 auto; justify-content: center; pointer-events: none; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 400ms; } .cMokg { display: flex; width: 100%; flex: 0 0 auto; justify-content: center; pointer-events: none; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 300ms; } .bMpawh { display: flex; width: 100%; flex: 0 0 auto; justify-content: center; pointer-events: none; opacity: 0; animation-name: kIUZjQ; animation-fill-mode: forwards; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-delay: 2000ms; } .iTdxUf { display: inline-block; position: relative; animation-name: kgvURY; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .iZcRyg { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.65); padding: 0px 8px; width: 20px; height: 20px; border-radius: 4px; font-size: 12px; font-weight: 535; line-height: 16px; display: flex; align-items: center; justify-content: center; opacity: 0.6; backdrop-filter: blur(60px); } .gTBVdZ { width: 20px; height: 20px; } .bCevRL { min-height: 100vh; max-width: 100vw; display: grid; grid-template: "header" "main" "mobile-bar" 1fr / 1fr; } .hXHcXP { grid-area: main; width: 100vw; min-height: 100%; max-width: 1200px; display: flex; flex-direction: column; position: relative; align-items: center; flex: 1 1 0%; margin: auto; } @media screen and (max-width: 640px) { .hXHcXP { padding-left: 10px; padding-right: 10px; } } @keyframes kIUZjQ { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes kgvURY { 0% { transform: translateY(-4px); opacity: 0.5; } 50% { transform: translateY(4px); opacity: 1; } 100% { transform: translateY(-4px); opacity: 0.5; } } .GqvSp { --size: 32px; border-radius: 100px; color: rgb(252, 116, 254); background-color: rgb(54, 26, 55); font-size: calc(var(--size) / 3); font-weight: 535; height: 32px; line-height: 32px; text-align: center; width: 32px; display: flex; align-items: center; justify-content: center; position: relative; } html { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0) !important; } summary::-webkit-details-marker { display: none; } a { color: rgb(255, 55, 199); } .bnjiIA { position: relative; display: flex; flex: 0 1 0%; min-height: 52px; width: 100%; overflow: hidden; } @media (max-width: 1024px) { .bnjiIA { min-height: 40px; } } @media (max-width: 768px) { .bnjiIA { min-height: 32px; } } .jRpqoV { font-variant-numeric: lining-nums tabular-nums; font-family: Basel; font-size: 52px; font-style: normal; font-weight: 500; color: rgb(255, 255, 255); line-height: 52px; } @media (max-width: 1280px) { .jRpqoV { font-size: 40px; line-height: 40px; } } @media (max-width: 1050px) { .jRpqoV { font-size: 32px; line-height: 32px; } } @media (max-width: 850px) { .jRpqoV { font-size: 28px; line-height: 28px; } } @media (max-width: 396px) { .jRpqoV { font-size: 22px; line-height: 22px; } } .eZtcow { font-variant-numeric: lining-nums tabular-nums; font-family: Basel; font-size: 52px; font-style: normal; font-weight: 500; color: rgb(33, 201, 94); line-height: 52px; } @media (max-width: 1280px) { .eZtcow { font-size: 40px; line-height: 40px; } } @media (max-width: 1050px) { .eZtcow { font-size: 32px; line-height: 32px; } } @media (max-width: 850px) { .eZtcow { font-size: 28px; line-height: 28px; } } @media (max-width: 396px) { .eZtcow { font-size: 22px; line-height: 22px; } } .btLVSi { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; border-radius: 20px; width: 100%; height: 100%; max-height: 230px; padding: 32px; background-color: rgb(31, 31, 31); overflow: hidden; background-image: radial-gradient(rgba(255, 255, 255, 0.25) 0.5px, transparent 0px); } @media (max-width: 1024px) { .btLVSi { padding: 24px; } } .kyYFrA { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; border-radius: 20px; width: 100%; height: 100%; max-height: 230px; padding: 32px; background-color: rgba(47, 186, 97, 0.04); overflow: hidden; background-image: radial-gradient(rgba(255, 255, 255, 0.25) 0.5px, transparent 0px); } @media (max-width: 1024px) { .kyYFrA { padding: 24px; } } .ggsIpk { pointer-events: none; flex-direction: column; color: rgba(255, 255, 255, 0.65); } .bhwLBp { display: block; width: 6px; height: 6px; border-radius: 50%; background: rgb(33, 201, 94); animation-name: gunxqs; animation-fill-mode: forwards; animation-direction: alternate; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .iYPTGz { padding: 0px; margin: 0px; font-family: Basel; font-size: 24px; font-style: normal; font-weight: 535; line-height: 32px; color: rgba(255, 255, 255, 0.65); } @media (max-width: 1024px) { .iYPTGz { font-size: 18px; line-height: 26px; } } @media (max-width: 768px) { .iYPTGz { font-size: 18px; line-height: 20px; } } .fZNRdR { padding: 0px; margin: 0px; font-family: Basel; font-size: 24px; font-style: normal; font-weight: 535; line-height: 32px; color: rgb(33, 201, 94); } @media (max-width: 1024px) { .fZNRdR { font-size: 18px; line-height: 26px; } } @media (max-width: 768px) { .fZNRdR { font-size: 18px; line-height: 20px; } } @keyframes gunxqs { 0% { box-shadow: rgba(33, 201, 94, 0.24) 0px 0px 0px 0px; } 100% { box-shadow: rgba(33, 201, 94, 0.24) 0px 0px 0px 4px; } } /* Captured stylesheet 8 */ :root ._display-flex { display: flex; } :root ._alignItems-stretch { align-items: stretch; } :root ._flexBasis-auto { flex-basis: auto; } :root ._boxSizing-border-box { box-sizing: border-box; } :root ._minHeight-0px { min-height: 0px; } :root ._minWidth-0px { min-width: 0px; } :root ._flexShrink-0 { flex-shrink: 0; } :root ._flexDirection-column { flex-direction: column; } :root ._position-relative { position: relative; } :root ._zIndex-1020 { z-index: 1020; } :root ._pointerEvents-auto { pointer-events: auto !important; } :root ._justifyContent-center { justify-content: center; } :root ._alignItems-center { align-items: center; } :root ._cursor-auto { cursor: auto; } :root ._display-inline { display: inline; } :root ._whiteSpace-pre-wrap { white-space: pre-wrap; } :root ._mt-0px { margin-top: 0px; } :root ._mr-0px { margin-right: 0px; } :root ._mb-0px { margin-bottom: 0px; } :root ._ml-0px { margin-left: 0px; } :root ._color-accent1 { color: var(--accent1); } :root ._fontFamily-f-family { font-family: var(--f-family); } :root ._wordWrap-break-word { overflow-wrap: break-word; } :root ._fontSize-f-size-larg101 { font-size: var(--f-size-large); } :root ._fontWeight-f-weight-bo3548 { font-weight: var(--f-weight-book); } :root ._lineHeight-f-lineHeigh1262266530 { line-height: var(--f-lineHeight-large); } :root ._userSelect-none { user-select: none; } :root ._flexDirection-row { flex-direction: row; } :root ._gap-t-space-gap52 { gap: var(--t-space-gap4); } @media (hover: hover) { :root:root:root .t_group_true:hover ._color-_grouptrue-hover_neutral1 { color: var(--neutral1); } } :root ._color-neutral2 { color: var(--neutral2); } :root ._fontSize-f-size-medi3736 { font-size: var(--f-size-medium); } :root ._lineHeight-f-lineHeigh507465454 { line-height: var(--f-lineHeight-medium); } .t_group_true { container: true / inline-size; } :root:root ._containerType-_platformweb_normal { container-type: normal; } :root ._pt-t-space-spa94665593 { padding-top: var(--t-space-spacing8); } :root ._pr-t-space-spa94665593 { padding-right: var(--t-space-spacing8); } :root ._pb-t-space-spa94665593 { padding-bottom: var(--t-space-spacing8); } :root ._pl-t-space-spa94665593 { padding-left: var(--t-space-spacing8); } :root ._cursor-pointer { cursor: pointer; } @media (hover) { :root:root ._color-0hover-neutral1:hover { color: var(--neutral1) !important; } } :root ._mt-t-space-pad95589114 { margin-top: var(--t-space-padding8); } :root ._mr-t-space-pad95589114 { margin-right: var(--t-space-padding8); } :root ._mb-t-space-pad95589114 { margin-bottom: var(--t-space-padding8); } :root ._ml-t-space-pad95589114 { margin-left: var(--t-space-padding8); } @media (max-width: 640px) { :root:root:root:root:root:root ._gap-_md_t-space-spa94665589 { gap: var(--t-space-spacing4); } } :root ._flexWrap-nowrap { flex-wrap: nowrap; } :root ._justifyContent-flex-start { justify-content: flex-start; } :root ._gap-t-space-spa1360334080 { gap: var(--t-space-spacing12); } :root ._userSelect-auto { user-select: auto; } :root ._color-color { color: var(--color); } :root ._whiteSpace-normal { white-space: normal; } :root ._position-absolute { position: absolute; } :root ._width-1px { width: 1px; } :root ._height-1px { height: 1px; } :root ._mt--1px { margin-top: -1px; } :root ._mr--1px { margin-right: -1px; } :root ._mb--1px { margin-bottom: -1px; } :root ._ml--1px { margin-left: -1px; } :root ._zIndex--10000 { z-index: -10000; } :root ._overflowX-hidden { overflow-x: hidden; } :root ._overflowY-hidden { overflow-y: hidden; } :root ._opacity-1e-8 { opacity: 1e-08; } :root ._pointerEvents-none { pointer-events: none !important; } :root:root ._whiteSpace-_platformweb_nowrap { white-space: nowrap; } :root:root ._overflowX-_platformweb_hidden { overflow-x: hidden; } :root:root ._overflowY-_platformweb_hidden { overflow-y: hidden; } :root:root ._textOverflow-_platformweb_ellipsis { text-overflow: ellipsis; } :root ._textAlign-left { text-align: left; } :root ._flexShrink-1 { flex-shrink: 1; } @media (hover) { :root:root ._backgroundColor-0hover-surface1Hov3121676:hover { background-color: var(--surface1Hovered) !important; } } @media (hover: hover) { :root:root:root .t_group_true:hover ._color-_grouptrue-hover_accent3Hove112785 { color: var(--accent3Hovered); } } @media (hover: hover) { :root:root:root .t_group_true:hover ._backgroundColor-_grouptrue-hover_surface2Hov3121676 { background-color: var(--surface2Hovered); } } :root ._backgroundColor-surface2 { background-color: var(--surface2); } :root ._borderTopWidth-t-space-spa94665586 { border-top-width: var(--t-space-spacing1); } :root ._borderRightWidth-t-space-spa94665586 { border-right-width: var(--t-space-spacing1); } :root ._borderBottomWidth-t-space-spa94665586 { border-bottom-width: var(--t-space-spacing1); } :root ._borderLeftWidth-t-space-spa94665586 { border-left-width: var(--t-space-spacing1); } :root ._borderTopColor-surface3 { border-top-color: var(--surface3); } :root ._borderRightColor-surface3 { border-right-color: var(--surface3); } :root ._borderBottomColor-surface3 { border-bottom-color: var(--surface3); } :root ._borderLeftColor-surface3 { border-left-color: var(--surface3); } :root ._pr-t-space-spa1360334076 { padding-right: var(--t-space-spacing16); } :root ._pl-t-space-spa1360334076 { padding-left: var(--t-space-spacing16); } :root ._borderTopLeftRadius-t-radius-ro291586424 { border-top-left-radius: var(--t-radius-rounded20); } :root ._borderTopRightRadius-t-radius-ro291586424 { border-top-right-radius: var(--t-radius-rounded20); } :root ._borderBottomRightRadius-t-radius-ro291586424 { border-bottom-right-radius: var(--t-radius-rounded20); } :root ._borderBottomLeftRadius-t-radius-ro291586424 { border-bottom-left-radius: var(--t-radius-rounded20); } :root ._height-40px { height: 40px; } :root ._justifyContent-space-betwe3241 { justify-content: space-between; } :root ._color-accent3 { color: var(--accent3); } :root ._borderBottomStyle-solid { border-bottom-style: solid; } :root ._borderTopStyle-solid { border-top-style: solid; } :root ._borderLeftStyle-solid { border-left-style: solid; } :root ._borderRightStyle-solid { border-right-style: solid; } :root ._lineHeight-12px { line-height: 12px; } :root ._textAlign-center { text-align: center; } :root ._borderTopWidth-t-space-non101 { border-top-width: var(--t-space-none); } :root ._borderRightWidth-t-space-non101 { border-right-width: var(--t-space-none); } :root ._borderBottomWidth-t-space-non101 { border-bottom-width: var(--t-space-none); } :root ._borderLeftWidth-t-space-non101 { border-left-width: var(--t-space-none); } :root ._borderTopLeftRadius-t-radius-ro1041013639 { border-top-left-radius: var(--t-radius-roundedFull); } :root ._borderTopRightRadius-t-radius-ro1041013639 { border-top-right-radius: var(--t-radius-roundedFull); } :root ._borderBottomRightRadius-t-radius-ro1041013639 { border-bottom-right-radius: var(--t-radius-roundedFull); } :root ._borderBottomLeftRadius-t-radius-ro1041013639 { border-bottom-left-radius: var(--t-radius-roundedFull); } :root ._zIndex-1 { z-index: 1; } :root ._width-40px { width: 40px; } :root ._whiteSpace-nowrap { white-space: nowrap; } :root ._color-white { color: var(--white); } :root ._maxWidth-10037 { max-width: 100%; } :root ._textOverflow-ellipsis { text-overflow: ellipsis; } :root ._fontSize-f-size-smal108 { font-size: var(--f-size-small); } :root ._fontWeight-f-weight-me3083741 { font-weight: var(--f-weight-medium); } :root ._lineHeight-f-lineHeigh1269072494 { line-height: var(--f-lineHeight-small); } .t_group_item { container: item / inline-size; } :root ._color-neutral1 { color: var(--neutral1); } :root ._width-10037 { width: 100%; } :root ._gap-t-space-gap1573 { gap: var(--t-space-gap16); } :root ._width-32px { width: 32px; } :root ._height-32px { height: 32px; } :root ._minWidth-32px { min-width: 32px; } :root ._backgroundColor-accent2 { background-color: var(--accent2); } :root ._borderTopLeftRadius-t-radius-ro840690002 { border-top-left-radius: var(--t-radius-rounded8); } :root ._borderTopRightRadius-t-radius-ro840690002 { border-top-right-radius: var(--t-radius-rounded8); } :root ._borderBottomRightRadius-t-radius-ro840690002 { border-bottom-right-radius: var(--t-radius-rounded8); } :root ._borderBottomLeftRadius-t-radius-ro840690002 { border-bottom-left-radius: var(--t-radius-rounded8); } :root ._gap-t-space-gap1569 { gap: var(--t-space-gap12); } @media (hover) { :root:root ._backgroundColor-0hover-surface2Hov3121676:hover { background-color: var(--surface2Hovered) !important; } } :root ._pr-t-space-spa1360334080 { padding-right: var(--t-space-spacing12); } :root ._pl-t-space-spa1360334080 { padding-left: var(--t-space-spacing12); } :root ._pt-t-space-spa1360334080 { padding-top: var(--t-space-spacing12); } :root ._pb-t-space-spa1360334080 { padding-bottom: var(--t-space-spacing12); } :root ._opacity-1 { opacity: 1; } :root ._height-2px { height: 2px; } :root ._backgroundColor-surface1 { background-color: var(--surface1); } :root ._fontSize-f-size-micr111 { font-size: var(--f-size-micro); } :root ._lineHeight-f-lineHeigh1263414315 { line-height: var(--f-lineHeight-micro); } :root ._fontSize-12px { font-size: 12px; } :root ._lineHeight-16px { line-height: 16px; } :root ._pt-t-space-spa94665591 { padding-top: var(--t-space-spacing6); } :root ._pr-t-space-spa94665591 { padding-right: var(--t-space-spacing6); } :root ._pb-t-space-spa94665591 { padding-bottom: var(--t-space-spacing6); } :root ._pl-t-space-spa94665591 { padding-left: var(--t-space-spacing6); } :root ._borderTopLeftRadius-t-radius-ro291586449 { border-top-left-radius: var(--t-radius-rounded16); } :root ._borderTopRightRadius-t-radius-ro291586449 { border-top-right-radius: var(--t-radius-rounded16); } :root ._borderBottomRightRadius-t-radius-ro291586449 { border-bottom-right-radius: var(--t-radius-rounded16); } :root ._borderBottomLeftRadius-t-radius-ro291586449 { border-bottom-left-radius: var(--t-radius-rounded16); } :root ._maxHeight-100vh { max-height: 100vh; } :root ._transition-250msease-i1019171151 { transition: 250ms ease-in-out; } :root ._alignItems-flex-start { align-items: flex-start; } :root ._borderTopWidth-0px { border-top-width: 0px; } :root ._borderRightWidth-0px { border-right-width: 0px; } :root ._borderBottomWidth-1px { border-bottom-width: 1px; } :root ._borderLeftWidth-0px { border-left-width: 0px; } :root ._flexGrow-1 { flex-grow: 1; } :root ._height-0px { height: 0px; } :root ._maxHeight-0px { max-height: 0px; } :root ._color-neutral3 { color: var(--neutral3); } :root ._pt-t-space-spa94665589 { padding-top: var(--t-space-spacing4); } :root ._pb-t-space-spa94665589 { padding-bottom: var(--t-space-spacing4); } :root ._alignSelf-stretch { align-self: stretch; } @media (hover: hover) { :root:root:root .t_group_true:hover ._color-_grouptrue-hover_accent1Hove112785 { color: var(--accent1Hovered); } } :root:root:root:root ._transform-0focus-visible-scaleX0--98sc535634366:focus-visible { transform: scaleX(0.98) scaleY(0.98) !important; } :root:root:root:root ._outlineWidth-0focus-visible-1px:focus-visible { outline-width: 1px !important; } :root:root:root:root ._outlineOffset-0focus-visible-1px:focus-visible { outline-offset: 1px !important; } :root:root:root:root ._outlineStyle-0focus-visible-solid:focus-visible { outline-style: solid !important; } :root:root:root ._transform-0active-scale11281:active { transform: scale(1) !important; } :root:root:root:root ._outlineColor-0focus-visible-neutral3:focus-visible { outline-color: var(--neutral3) !important; } :root:root:root ._transform-0active-scale0--981281:active { transform: scale(0.98) !important; } :root:root:root ._opacity-0active-0--75:active { opacity: 0.75 !important; } :root ._borderTopLeftRadius-t-radius-ro291586453 { border-top-left-radius: var(--t-radius-rounded12); } :root ._borderTopRightRadius-t-radius-ro291586453 { border-top-right-radius: var(--t-radius-rounded12); } :root ._borderBottomRightRadius-t-radius-ro291586453 { border-bottom-right-radius: var(--t-radius-rounded12); } :root ._borderBottomLeftRadius-t-radius-ro291586453 { border-bottom-left-radius: var(--t-radius-rounded12); } :root ._backgroundColor-transparent { background-color: var(--transparent); } :root ._alignSelf-center { align-self: center; } :root ._pr-t-space-spa94665589 { padding-right: var(--t-space-spacing4); } :root ._pl-t-space-spa94665589 { padding-left: var(--t-space-spacing4); } :root ._gap-t-space-gap56 { gap: var(--t-space-gap8); } :root ._pt-t-space-pad1331704925 { padding-top: var(--t-space-padding16); } :root ._pr-t-space-pad1331704925 { padding-right: var(--t-space-padding16); } :root ._pb-t-space-pad1331704925 { padding-bottom: var(--t-space-padding16); } :root ._pl-t-space-pad1331704925 { padding-left: var(--t-space-padding16); } :root ._height-10037 { height: 100%; } :root ._display-inline-flex { display: inline-flex; } :root:root ._position-_platformweb_fixed { position: fixed; } :root ._height-auto { height: auto; } :root ._width-368px { width: 368px; } :root ._right-t-space-spa1360334080 { right: var(--t-space-spacing12); } :root ._top-72px { top: 72px; } :root ._zIndex-990 { z-index: 990; } :root ._justifyContent-flex-end { justify-content: flex-end; } :root:root ._display-_platformweb_grid { display: grid; } :root:root ._gridTemplateColumns-_platformweb_minmax01fra1149804355 { grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); } :root ._pr-t-space-pad1331704929 { padding-right: var(--t-space-padding12); } :root ._pl-t-space-pad1331704929 { padding-left: var(--t-space-padding12); } :root ._height-72px { height: 72px; } :root ._borderBottomColor-transparent { border-bottom-color: transparent; } :root ._transition-border-bott994782128 { transition: border-bottom-color 0.2s ease-in-out; } :root:root ._gridArea-_platformweb_header { grid-area: header; } :root:root ._position-_platformweb_sticky { position: sticky; } :root ._width-100vw { width: 100vw; } :root ._top-0px { top: 0px; } :root ._zIndex-1030 { z-index: 1030; } :root ._right-0px { right: 0px; } :root ._bottom-0px { bottom: 0px; } :root ._left-0px { left: 0px; } :root ._background-urlimagesno874317467 { background: url("images/noise-color.png"); } :root ._opacity-0--018 { opacity: 0.018; } :root ._zIndex-0 { z-index: 0; } :root ._top-652--41074551415143520 { top: 652.411px; } :root ._left-7--52715103571570665836 { left: 7.52715px; } :root ._width-54px { width: 54px; } :root ._height-54px { height: 54px; } :root ._transformOrigin-centercente1106 { transform-origin: center center; } :root ._top-289--212602541773476812 { top: 289.213px; } :root ._left-22--45153633059959667 { left: 22.4515px; } :root ._width-56px { width: 56px; } :root ._height-56px { height: 56px; } :root ._top-568--933073861446609468 { top: 568.933px; } :root ._left-235--66579583563143995 { left: 235.666px; } :root ._width-87px { width: 87px; } :root ._height-87px { height: 87px; } :root ._top-163--00054954301985219 { top: 163.001px; } :root ._left-248--7726825344885941 { left: 248.773px; } :root ._width-86px { width: 86px; } :root ._height-86px { height: 86px; } :root ._top-379--208232691932891592 { top: 379.208px; } :root ._left-459--8083471154236493 { left: 459.808px; } :root ._width-93px { width: 93px; } :root ._height-93px { height: 93px; } :root ._top-654--332289681102869503 { top: 654.332px; } :root ._left-492--862539601385658043 { left: 492.863px; } :root ._width-72px { width: 72px; } :root ._top-35--0979371392108022861 { top: 35.0979px; } :root ._left-507--58867430329320454 { left: 507.589px; } :root ._width-57px { width: 57px; } :root ._height-57px { height: 57px; } :root ._top-578--314521561099936193 { top: 578.315px; } :root ._left-793--94669983732416922 { left: 793.947px; } :root ._top-233--98749563601408246 { top: 233.987px; } :root ._left-789--085560791248652865 { left: 789.086px; } :root ._width-73px { width: 73px; } :root ._height-73px { height: 73px; } :root ._top--20--414665561937804159 { top: -20.4147px; } :root ._left-1004--91904001570757131 { left: 1004.92px; } :root ._top-253--44054507211294623 { top: 253.441px; } :root ._left-1085--5832590477202017 { left: 1085.58px; } :root ._top-615--196323552045758497 { top: 615.196px; } :root ._left-1084--61544191363377258 { left: 1084.62px; } :root ._width-67px { width: 67px; } :root ._height-67px { height: 67px; } :root ._top-398--95970250410840572 { top: 398.96px; } :root ._left-1264--53697951657378821 { left: 1264.54px; } :root ._top-168--46024025533355169 { top: 168.46px; } :root ._left-1408--57697412021549608 { left: 1408.58px; } :root ._width-66px { width: 66px; } :root ._height-66px { height: 66px; } :root ._top-645--891623761565990571 { top: 645.892px; } :root ._left-1426--33439691133349540 { left: 1426.33px; } :root ._width-80px { width: 80px; } :root ._height-80px { height: 80px; } :root ._contain-strict { contain: strict; } @media (max-width: 640px) { :root:root:root:root:root:root ._fontSize-_md_52px { font-size: 52px; } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._fontFamily-_sm_f-family { font-family: var(--f-family); } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._fontSize-_sm_36px { font-size: 36px; } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._fontWeight-_sm_f-weight-bo3548 { font-weight: var(--f-weight-book); } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._maxFontSizeMultiplier-_sm_1--2 { } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._lineHeight-_sm_f-lineHeigh507465454 { line-height: var(--f-lineHeight-medium); } } @media (max-height: 736px) { :root:root:root:root:root:root:root:root:root:root ._fontFamily-_short_f-family { font-family: var(--f-family); } } @media (max-height: 736px) { :root:root:root:root:root:root:root:root:root:root ._fontSize-_short_36px { font-size: 36px; } } @media (max-height: 736px) { :root:root:root:root:root:root:root:root:root:root ._fontWeight-_short_f-weight-bo3548 { font-weight: var(--f-weight-book); } } @media (max-height: 736px) { :root:root:root:root:root:root:root:root:root:root ._maxFontSizeMultiplier-_short_1--2 { } } @media (max-height: 736px) { :root:root:root:root:root:root:root:root:root:root ._lineHeight-_short_f-lineHeigh507465454 { line-height: var(--f-lineHeight-medium); } } :root ._fontSize-64px { font-size: 64px; } :root ._lineHeight-76px { line-height: 76px; } :root ._maxWidth-920px { max-width: 920px; } .t_unmounted ._opacity-0enter-0, ._opacity-0enter-0.t_unmounted { opacity: 0 !important; } :root ._width-480px { width: 480px; } :root ._pt-t-space-pad95589114 { padding-top: var(--t-space-padding8); } :root ._pr-t-space-pad95589114 { padding-right: var(--t-space-padding8); } :root ._pb-t-space-pad95589114 { padding-bottom: var(--t-space-padding8); } :root ._pl-t-space-pad95589114 { padding-left: var(--t-space-padding8); } :root ._borderTopLeftRadius-t-radius-ro291586420 { border-top-left-radius: var(--t-radius-rounded24); } :root ._borderTopRightRadius-t-radius-ro291586420 { border-top-right-radius: var(--t-radius-rounded24); } :root ._borderBottomRightRadius-t-radius-ro291586420 { border-bottom-right-radius: var(--t-radius-rounded24); } :root ._borderBottomLeftRadius-t-radius-ro291586420 { border-bottom-left-radius: var(--t-radius-rounded24); } :root ._opacity-0 { opacity: 0; } @media (max-height: 736px) { :root:root:root:root:root:root:root:root:root:root ._fontSize-_short_f-size-medi3736 { font-size: var(--f-size-medium); } } @media (max-height: 736px) { :root:root:root:root:root:root:root:root:root:root ._maxFontSizeMultiplier-_short_1--4 { } } :root ._maxWidth-430px { max-width: 430px; } @media (max-width: 768px) { :root:root:root:root:root ._pt-_lg_24px { padding-top: 24px; } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._pt-_sm_8px { padding-top: 8px; } } :root ._maxWidth-85vw { max-width: 85vw; } :root ._pt-48px { padding-top: 48px; } :root ._gap-t-space-gap1598 { gap: var(--t-space-gap20); } :root ._width-500px { width: 500px; } @media (max-height: 960px) { :root:root:root:root:root:root:root:root:root:root:root:root ._display-_lgHeight_none { display: none; } } :root ._bottom-48px { bottom: 48px; } :root ._height-200px { height: 200px; } :root ._minWidth-10037 { min-width: 100%; } :root ._minHeight-100vh { min-height: 100vh; } :root ._height-min-content { height: min-content; } :root ._pt-72px { padding-top: 72px; } :root ._mt--72px { margin-top: -72px; } :root ._minWidth-100vw { min-width: 100vw; } :root ._top-73px { top: 73px; } :root ._fontSize-micro36 { } :root ._fontSize-36px { font-size: 36px; } :root ._fontWeight-500 { font-weight: 500; } @media (hover) { :root:root ._borderTopColor-0hover-borderColor69916956:hover { border-top-color: var(--borderColorHover) !important; } } @media (hover) { :root:root ._borderRightColor-0hover-borderColor69916956:hover { border-right-color: var(--borderColorHover) !important; } } @media (hover) { :root:root ._borderBottomColor-0hover-borderColor69916956:hover { border-bottom-color: var(--borderColorHover) !important; } } @media (hover) { :root:root ._borderLeftColor-0hover-borderColor69916956:hover { border-left-color: var(--borderColorHover) !important; } } :root:root:root:root ._borderTopColor-0focus-borderColor68052152:focus { border-top-color: var(--borderColorFocus) !important; } :root:root:root:root ._borderRightColor-0focus-borderColor68052152:focus { border-right-color: var(--borderColorFocus) !important; } :root:root:root:root ._borderBottomColor-0focus-borderColor68052152:focus { border-bottom-color: var(--borderColorFocus) !important; } :root:root:root:root ._borderLeftColor-0focus-borderColor68052152:focus { border-left-color: var(--borderColorFocus) !important; } :root:root:root:root ._outlineColor-0focus-visible-outlineColo114:focus-visible { outline-color: var(--outlineColor) !important; } :root:root:root:root ._outlineWidth-0focus-visible-2px:focus-visible { outline-width: 2px !important; } :root ._lineHeight-43--1999999991290299429 { line-height: 43.2px; } :root ._pr-t-space-non101 { padding-right: var(--t-space-none); } :root ._pl-t-space-non101 { padding-left: var(--t-space-none); } :root ._borderTopLeftRadius-0px { border-top-left-radius: 0px; } :root ._borderTopRightRadius-0px { border-top-right-radius: 0px; } :root ._borderBottomRightRadius-0px { border-bottom-right-radius: 0px; } :root ._borderBottomLeftRadius-0px { border-bottom-left-radius: 0px; } :root ._outlineWidth-0px { outline-width: 0px; } :root ._borderTopColor-borderColor { border-top-color: var(--borderColor); } :root ._borderRightColor-borderColor { border-right-color: var(--borderColor); } :root ._borderBottomColor-borderColor { border-bottom-color: var(--borderColor); } :root ._borderLeftColor-borderColor { border-left-color: var(--borderColor); } :root ._pt-t-space-non101 { padding-top: var(--t-space-none); } :root ._pb-t-space-non101 { padding-bottom: var(--t-space-none); } :root ._minHeight-43--1999999991290299429 { min-height: 43.2px; } :root ._overflowX-visible { overflow-x: visible; } :root ._overflowY-visible { overflow-y: visible; } :root ._minHeight-24px { min-height: 24px; } :root ._mr-t-space-spa94665593 { margin-right: var(--t-space-spacing8); } :root ._height-9637 { height: 96%; } :root ._width-9637 { width: 96%; } :root ._backgroundColor-FFFFFF35 { background-color: rgb(255, 255, 255); } :root ._top-237 { top: 2%; } :root ._left-237 { left: 2%; } :root ._zIndex-10 { z-index: 10; } :root ._bottom--2px { bottom: -2px; } :root ._right--3px { right: -3px; } :root ._height-28px { height: 28px; } :root ._width-28px { width: 28px; } :root ._ml--8px { margin-left: -8px; } :root ._gap-t-space-spa94665591 { gap: var(--t-space-spacing6); } :root ._height-t-size-spac100347333 { height: var(--t-size-spacing36); } :root ._minHeight-60px { min-height: 60px; } @media (hover: hover) { :root:root:root .t_group_item:hover ._color-_groupitem-hover_neutral2Hov3121676 { color: var(--neutral2Hovered); } } :root:root ._width-_platformweb_max-content { width: max-content; } :root ._gap-t-space-spa94665589 { gap: var(--t-space-spacing4); } :root ._ml-auto { margin-left: auto; } :root ._pt-t-space-spa1360334076 { padding-top: var(--t-space-spacing16); } :root ._pb-t-space-spa1360334076 { padding-bottom: var(--t-space-spacing16); } :root ._bottom--26px { bottom: -26px; } :root ._zIndex-t-zIndex-ma3672 { z-index: var(--t-zIndex-mask); } @media (hover: hover) { :root:root:root .t_group_true:hover ._opacity-_grouptrue-hover_1 { opacity: 1; } } @media (hover: hover) { :root:root:root .t_group_true:hover ._transition-_grouptrue-hover_opacity100m1280163420 { transition: opacity 100ms ease-in-out, transform 100ms ease-in-out; } } :root ._mt-3px { margin-top: 3px; } :root ._mr-3px { margin-right: 3px; } :root ._mb-3px { margin-bottom: 3px; } :root ._ml-3px { margin-left: 3px; } :root ._transition-opacity100m1280163420 { transition: opacity 100ms ease-in-out, transform 100ms ease-in-out; } :root ._pointerEvents-box-none > * { pointer-events: auto !important; } :root ._pointerEvents-box-none { pointer-events: none !important; } :root ._top--6px { top: -6px; } @media (hover: hover) { :root:root:root .t_group_true:hover ._color-_grouptrue-hover_neutral3Hov3121676 { color: var(--neutral3Hovered); } } @media (hover) { :root:root ._borderTopColor-0hover-transparent:hover { border-top-color: var(--transparent) !important; } } @media (hover) { :root:root ._borderRightColor-0hover-transparent:hover { border-right-color: var(--transparent) !important; } } @media (hover) { :root:root ._borderBottomColor-0hover-transparent:hover { border-bottom-color: var(--transparent) !important; } } @media (hover) { :root:root ._borderLeftColor-0hover-transparent:hover { border-left-color: var(--transparent) !important; } } :root ._borderTopColor-transparent { border-top-color: var(--transparent); } :root ._borderRightColor-transparent { border-right-color: var(--transparent); } :root ._borderLeftColor-transparent { border-left-color: var(--transparent); } :root ._gap-t-space-spa94665587 { gap: var(--t-space-spacing2); } @media (hover: hover) { :root:root:root .t_group_item:hover ._color-_groupitem-hover_accent1Hove112785 { color: var(--accent1Hovered); } } :root ._gap-t-space-spa1360334076 { gap: var(--t-space-spacing16); } :root ._gap-t-space-spa94665593 { gap: var(--t-space-spacing8); } :root:root ._flexShrink-_platformweb_1 { flex-shrink: 1; } :root:root ._minWidth-_platformweb_0px { min-width: 0px; } :root ._maxWidth-calc100vw-12087814483 { max-width: calc(-16px + 100vw); } :root ._height-20px { height: 20px; } :root ._width-20px { width: 20px; } @media (hover: hover) { :root:root:root .t_group_true:hover ._transform-_grouptrue-hover_translateY0527647491 { transform: translateY(0px) scale(1); } } @media (hover: hover) { :root:root:root .t_group_true:hover ._transition-_grouptrue-hover_opacity200m978737821 { transition: opacity 200ms ease-out 160ms, transform 200ms ease-out 160ms; } } :root ._transform-translateY-847618334 { transform: translateY(-8px) scale(0.95); } :root ._transition-opacity200m1999735035 { transition: opacity 200ms ease-out, transform 200ms ease-out; } @media (hover: hover) { :root:root:root .t_group_true:hover ._transition-_grouptrue-hover_opacity200m1767352229 { transition: opacity 200ms ease-out 120ms, transform 200ms ease-out 120ms; } } @media (hover: hover) { :root:root:root .t_group_true:hover ._transition-_grouptrue-hover_opacity200m2014494173 { transition: opacity 200ms ease-out 80ms, transform 200ms ease-out 80ms; } } @media (hover: hover) { :root:root:root .t_group_true:hover ._transition-_grouptrue-hover_opacity200m592581283 { transition: opacity 200ms ease-out 40ms, transform 200ms ease-out 40ms; } } @media (hover: hover) { :root:root:root .t_group_true:hover ._transition-_grouptrue-hover_opacity200m1450123673 { transition: opacity 200ms ease-out, transform 200ms ease-out; } } :root ._color-66A0F535 { color: rgb(102, 160, 245); } :root ._fontSize-14px { font-size: 14px; } @media (hover: hover) { :root:root:root .t_group_item:hover ._opacity-_groupitem-hover_1 { opacity: 1; } } @media (hover: hover) { :root:root:root .t_group_item:hover ._transform-_groupitem-hover_translateX0281941344 { transform: translateX(0px) translateX(8px); } } :root ._transition-all0--1sease-1379801766 { transition: 0.1s ease-in-out; } :root ._gap-20px { gap: 20px; } :root ._left-67--5px { left: 67.5px; } :root ._transform-translateX01303033 { transform: translateX(0px); } :root:root ._position-_platformweb_absolute { position: absolute; } :root:root ._transformOrigin-_platformweb_centercente1106 { transform-origin: center center; } :root:root ._animationFillMode-_platformweb_forwards { animation-fill-mode: forwards; } :root:root ._animationName-_platformweb_token-rotat238124004 { animation-name: token-rotate-animation; } :root:root ._animationIterationCount-_platformweb_infinite { animation-iteration-count: infinite; } :root:root ._animationTimingFunction-_platformweb_ease-in-out { animation-timing-function: ease-in-out; } :root:root ._animationDirection-_platformweb_alternate-r1291325456 { animation-direction: alternate-reverse; } :root:root:root ._animationDuration-_platformweb_100000ms { animation-duration: 100000ms; } :root:root ._animationName-_platformweb_cloud-float865336823 { animation-name: cloud-float-animation; } :root:root ._animationTimingFunction-_platformweb_linear { animation-timing-function: linear; } :root:root:root ._animationDuration-_platformweb_4388--99795321718772931 { animation-duration: 4389ms; } :root ._color-6DAEA235 { color: rgb(109, 174, 162); } :root ._left-70px { left: 70px; } :root:root:root ._animationDuration-_platformweb_8695--65217392044023794 { animation-duration: 8695.65ms; } :root:root:root ._animationDuration-_platformweb_5889--38260832022873145 { animation-duration: 5889.38ms; } :root ._color-1046D535 { color: rgb(16, 70, 213); } :root ._left-108--75px { left: 108.75px; } :root:root:root ._animationDuration-_platformweb_6451--61290321298908671 { animation-duration: 6451.61ms; } :root:root:root ._animationDuration-_platformweb_4367--70968761362631620 { animation-duration: 4367.71ms; } :root ._color-680BF335 { color: rgb(104, 11, 243); } :root ._left-107--5px { left: 107.5px; } :root:root:root ._animationDuration-_platformweb_16666--6666661900546408 { animation-duration: 16666.7ms; } :root:root:root ._animationDuration-_platformweb_5784--00383941359798592 { animation-duration: 5784ms; } :root ._color-B6509E35 { color: rgb(182, 80, 158); } :root ._left-116--25px { left: 116.25px; } :root:root:root ._animationDuration-_platformweb_6896--55172411512630948 { animation-duration: 6896.55ms; } :root:root:root ._animationDuration-_platformweb_3752--01795401768119875 { animation-duration: 3752.02ms; } :root ._color-07522935 { color: rgb(7, 82, 41); } :root ._left-90px { left: 90px; } :root:root:root ._animationDuration-_platformweb_25000ms { animation-duration: 25000ms; } :root:root:root ._animationDuration-_platformweb_3043--34696531722955976 { animation-duration: 3043.35ms; } :root ._color-00D39535 { color: rgb(0, 211, 149); } :root ._left-71--25px { left: 71.25px; } :root:root:root ._animationDuration-_platformweb_4878--0487804211596540 { animation-duration: 4878.05ms; } :root:root:root ._animationDuration-_platformweb_3579--13280861220082433 { animation-duration: 3579.13ms; } :root ._color-48577F35 { color: rgb(72, 87, 127); } :root:root:root ._animationDuration-_platformweb_22222--222222149109721 { animation-duration: 22222.2ms; } :root:root:root ._animationDuration-_platformweb_5151--49119661241050492 { animation-duration: 5151.49ms; } :root ._color-FF007A35 { color: rgb(255, 0, 122); } :root ._left-91--25px { left: 91.25px; } :root:root:root ._animationDuration-_platformweb_5882--35294111131218763 { animation-duration: 5882.35ms; } :root:root:root ._animationDuration-_platformweb_5205--72569541221112767 { animation-duration: 5205.73ms; } :root ._color-627EEA35 { color: rgb(98, 126, 234); } :root:root:root ._animationDuration-_platformweb_5207--23051711219296477 { animation-duration: 5207.23ms; } :root ._color-009E1E35 { color: rgb(0, 158, 30); } :root:root:root ._animationDuration-_platformweb_6060--60606061242466187 { animation-duration: 6060.61ms; } :root:root:root ._animationDuration-_platformweb_5259--7770342703853021 { animation-duration: 5259.78ms; } :root ._color-F7931A35 { color: rgb(247, 147, 26); } :root ._left-83--75px { left: 83.75px; } :root:root:root ._animationDuration-_platformweb_3613--48256992076421097 { animation-duration: 3613.48ms; } :root ._color-E01A2B35 { color: rgb(224, 26, 43); } :root ._textAlign-right { text-align: right; } :root ._right-51--6px { right: 51.6px; } :root:root:root ._animationDuration-_platformweb_3720--03923192131325697 { animation-duration: 3720.04ms; } :root ._color-2775CA35 { color: rgb(39, 117, 202); } :root ._right-39--6px { right: 39.6px; } :root:root:root ._animationDuration-_platformweb_18181--8181811001345108 { animation-duration: 18181.8ms; } :root:root:root ._animationDuration-_platformweb_4951--34392351986576994 { animation-duration: 4951.34ms; } :root ._color-40919235 { color: rgb(64, 145, 146); } :root ._right-48px { right: 48px; } :root:root:root ._animationDuration-_platformweb_9523--80952381332854003 { animation-duration: 9523.81ms; } :root:root:root ._animationDuration-_platformweb_3197--3432023768244453 { animation-duration: 3197.34ms; } @media (max-width: 450px) { :root:root:root:root:root:root:root ._alignItems-_sm_center { align-items: center; } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._pr-_sm_t-space-non101 { padding-right: var(--t-space-none); } } :root ._top-t-space-spa1360334080 { top: var(--t-space-spacing12); } :root ._alignItems-flex-end { align-items: flex-end; } :root ._top-376--0424138629335480 { top: 376.042px; } :root ._left-124--34301061274185411 { left: 124.343px; } :root ._width-68px { width: 68px; } :root ._height-68px { height: 68px; } :root ._top-119--43084717267258344 { top: 119.431px; } :root ._left-154--52512708237702472 { left: 154.525px; } :root ._width-63px { width: 63px; } :root ._height-63px { height: 63px; } :root ._top-681--24700067329319493 { top: 681.247px; } :root ._left-236--066162131651074628 { left: 236.066px; } :root ._width-52px { width: 52px; } :root ._height-52px { height: 52px; } :root ._top-253--659724341636373714 { top: 253.66px; } :root ._left-366--1631262353468827 { left: 366.163px; } :root ._top--15--851203191620639475 { top: -15.8512px; } :root ._left-423--02718127498261371 { left: 423.027px; } :root ._width-55px { width: 55px; } :root ._height-55px { height: 55px; } :root ._top-528--112455781304617251 { top: 528.112px; } :root ._left-573--39701988154067138 { left: 573.397px; } :root ._width-50px { width: 50px; } :root ._height-50px { height: 50px; } :root ._top-217--10947096641205594 { top: 217.109px; } :root ._left-611--315284731355897795 { left: 611.315px; } :root ._width-96px { width: 96px; } :root ._height-96px { height: 96px; } :root ._top-464--24064478504217862 { top: 464.241px; } :root ._left-816--803389421326612281 { left: 816.803px; } :root ._width-53px { width: 53px; } :root ._height-53px { height: 53px; } :root ._top--24--54201860390452547 { top: -24.542px; } :root ._left-813--973002011156152771 { left: 813.973px; } :root ._top-197--52754405715152419 { top: 197.528px; } :root ._left-988--07301921503475970 { left: 988.073px; } :root ._width-70px { width: 70px; } :root ._height-70px { height: 70px; } :root ._top-625--115682171271025158 { top: 625.116px; } :root ._left-1122--25033191669156713 { left: 1122.25px; } :root ._width-58px { width: 58px; } :root ._height-58px { height: 58px; } :root ._top-182--0945479960426183 { top: 182.095px; } :root ._left-1254--983844592112183 { left: 1254.98px; } :root ._left-62--5px { left: 62.5px; } :root:root:root ._animationDuration-_platformweb_12500ms { animation-duration: 12500ms; } :root:root:root ._animationDuration-_platformweb_4432--83631431930183592 { animation-duration: 4432.84ms; } :root ._left-120px { left: 120px; } :root:root:root ._animationDuration-_platformweb_4410--70792631270783832 { animation-duration: 4410.71ms; } :root ._left-66--25px { left: 66.25px; } :root:root:root ._animationDuration-_platformweb_5829--44114531483824012 { animation-duration: 5829.44ms; } :root:root:root ._animationDuration-_platformweb_4656--17532402045095309 { animation-duration: 4656.18ms; } @media (max-width: 1024px) { :root:root:root:root ._display-_xl_none { display: none; } } :root ._bottom-t-space-spa1360334051 { bottom: var(--t-space-spacing20); } :root ._left-t-space-spa1360334051 { left: var(--t-space-spacing20); } :root ._zIndex-t-zIndex-mo99215 { z-index: var(--t-zIndex-modal); } :root ._right-33px { right: 33px; } :root:root:root ._animationDuration-_platformweb_7692--30769231276726798 { animation-duration: 7692.31ms; } :root:root:root ._animationDuration-_platformweb_4040--42599571331306045 { animation-duration: 4040.43ms; } :root ._left-87--5px { left: 87.5px; } :root:root:root ._animationDuration-_platformweb_10526--315789783401335 { animation-duration: 10526.3ms; } :root:root:root ._animationDuration-_platformweb_5477--7143036416915364 { animation-duration: 5477.71ms; } :root ._right-43--1999999991290299429 { right: 43.2px; } :root:root:root ._animationDuration-_platformweb_5032--8700592353816852 { animation-duration: 5032.87ms; } :root ._left-72--5px { left: 72.5px; } :root:root:root ._animationDuration-_platformweb_5263--15789471022371912 { animation-duration: 5263.16ms; } :root:root:root ._animationDuration-_platformweb_4851--07034231426744456 { animation-duration: 4851.07ms; } :root ._left-65px { left: 65px; } :root:root:root ._animationDuration-_platformweb_28571--428571783762884 { animation-duration: 28571.4ms; } :root:root:root ._animationDuration-_platformweb_3510--2385831557815617 { animation-duration: 3510.24ms; } :root ._left-85px { left: 85px; } :root:root:root ._animationDuration-_platformweb_5240--1376125230811246 { animation-duration: 5240.14ms; } :root ._left-78--75px { left: 78.75px; } :root:root:root ._animationDuration-_platformweb_4634--77002992104351743 { animation-duration: 4634.77ms; } :root ._right-31--2px { right: 31.2px; } :root:root:root ._animationDuration-_platformweb_5182--23157321446808635 { animation-duration: 5182.23ms; } @media (max-width: 640px) { :root:root:root:root:root:root ._fontFamily-_md_f-family { font-family: var(--f-family); } } @media (max-width: 640px) { :root:root:root:root:root:root ._fontSize-_md_f-size-medi3736 { font-size: var(--f-size-medium); } } @media (max-width: 640px) { :root:root:root:root:root:root ._fontWeight-_md_f-weight-bo3548 { font-weight: var(--f-weight-book); } } @media (max-width: 640px) { :root:root:root:root:root:root ._maxFontSizeMultiplier-_md_1--2 { } } @media (max-width: 640px) { :root:root:root:root:root:root ._lineHeight-_md_f-lineHeigh507465454 { line-height: var(--f-lineHeight-medium); } } @media (max-width: 768px) { :root:root:root:root:root ._fontFamily-_lg_f-family { font-family: var(--f-family); } } @media (max-width: 768px) { :root:root:root:root:root ._fontSize-_lg_f-size-smal108 { font-size: var(--f-size-small); } } @media (max-width: 768px) { :root:root:root:root:root ._fontWeight-_lg_f-weight-bo3548 { font-weight: var(--f-weight-book); } } @media (max-width: 768px) { :root:root:root:root:root ._maxFontSizeMultiplier-_lg_1--2 { } } @media (max-width: 768px) { :root:root:root:root:root ._lineHeight-_lg_f-lineHeigh1269072494 { line-height: var(--f-lineHeight-small); } } @media (max-width: 640px) { :root:root:root:root:root:root ._fontSize-_md_18px { font-size: 18px; } } @media (max-width: 640px) { :root:root:root:root:root:root ._lineHeight-_md_24px { line-height: 24px; } } :root ._pt-12px { padding-top: 12px; } :root ._pr-16px { padding-right: 16px; } :root ._pb-12px { padding-bottom: 12px; } :root ._pl-16px { padding-left: 16px; } :root ._borderTopLeftRadius-24px { border-top-left-radius: 24px; } :root ._borderTopRightRadius-24px { border-top-right-radius: 24px; } :root ._borderBottomRightRadius-24px { border-bottom-right-radius: 24px; } :root ._borderBottomLeftRadius-24px { border-bottom-left-radius: 24px; } :root ._alignSelf-flex-start { align-self: flex-start; } :root ._gap-t-space-spa1360334047 { gap: var(--t-space-spacing24); } :root ._flexGrow-0 { flex-grow: 0; } :root ._gap-t-space-gap1631 { gap: var(--t-space-gap32); } @media (max-width: 1024px) { :root:root:root:root ._fontSize-_xl_18px { font-size: 18px; } } @media (max-width: 1024px) { :root:root:root:root ._lineHeight-_xl_24px { line-height: 24px; } } @media (max-width: 768px) { :root:root:root:root:root ._lineHeight-_lg_20px { line-height: 20px; } } :root ._pr-t-space-spa1360334051 { padding-right: var(--t-space-spacing20); } :root ._pl-t-space-spa1360334051 { padding-left: var(--t-space-spacing20); } :root ._backgroundImage-radial-grad1091434614 { background-image: radial-gradient(rgba(255, 255, 255, 0.25) 0.5px, transparent 0px); } :root ._backgroundSize-12px12px32 { background-size: 12px 12px; } :root ._backgroundPosition--8--5px-8--5px32 { background-position: -8.5px -8.5px; } :root:root ._gridColumnStart-_platformweb_1 { grid-column-start: 1; } :root:root ._gridColumnEnd-_platformweb_3 { grid-column-end: 3; } :root:root ._gridRowStart-_platformweb_1 { grid-row-start: 1; } :root:root ._gridRowEnd-_platformweb_3 { grid-row-end: 3; } :root:root ._gridColumnStart-_platformweb_3 { grid-column-start: 3; } :root:root ._gridColumnEnd-_platformweb_5 { grid-column-end: 5; } :root:root ._gridRowStart-_platformweb_3 { grid-row-start: 3; } :root:root ._gridRowEnd-_platformweb_5 { grid-row-end: 5; } :root:root ._gridTemplateColumns-_platformweb_repeat41fr1234957 { grid-template-columns: repeat(4, 1fr); } :root:root ._gridTemplateRows-_platformweb_repeat41fr1234957 { grid-template-rows: repeat(4, 1fr); } :root:root ._gridColumnGap-_platformweb_12px { column-gap: 12px; } :root:root ._gridRowGap-_platformweb_12px { row-gap: 12px; } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._height-_xs_320px { height: 320px; } } @media (max-width: 360px) { :root:root:root:root:root:root:root:root:root ._gridColumnGap-_xxs_8px { column-gap: 8px; } } @media (max-width: 360px) { :root:root:root:root:root:root:root:root:root ._gridRowGap-_xxs_8px { row-gap: 8px; } } @media (max-width: 768px) { :root:root:root:root:root ._maxWidth-_lg_10037 { max-width: 100%; } } :root ._maxWidth-5037 { max-width: 50%; } @media (max-width: 768px) { :root:root:root:root:root ._flexDirection-_lg_column { flex-direction: column; } } @media (max-width: 768px) { :root:root:root:root:root ._gap-_lg_t-space-gap1631 { gap: var(--t-space-gap32); } } :root ._gap-t-space-gap1602 { gap: var(--t-space-gap24); } :root ._maxWidth-1280px { max-width: 1280px; } @media (max-width: 768px) { :root:root:root:root:root ._pt-_lg_48px { padding-top: 48px; } } @media (max-width: 768px) { :root:root:root:root:root ._pr-_lg_48px { padding-right: 48px; } } @media (max-width: 768px) { :root:root:root:root:root ._pb-_lg_48px { padding-bottom: 48px; } } @media (max-width: 768px) { :root:root:root:root:root ._pl-_lg_48px { padding-left: 48px; } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._pt-_sm_24px { padding-top: 24px; } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._pr-_sm_24px { padding-right: 24px; } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._pb-_sm_24px { padding-bottom: 24px; } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._pl-_sm_24px { padding-left: 24px; } } :root ._maxWidth-1360px { max-width: 1360px; } :root ._pt-40px { padding-top: 40px; } :root ._pr-40px { padding-right: 40px; } :root ._pb-40px { padding-bottom: 40px; } :root ._pl-40px { padding-left: 40px; } :root:root ._letterSpacing-_platformweb_-0--02em { letter-spacing: -0.02em; } @media (max-width: 1024px) { :root:root:root:root ._fontSize-_xl_36px { font-size: 36px; } } :root ._fontSize-52px { font-size: 52px; } :root ._lineHeight-60px { line-height: 60px; } :root ._pt-0px { padding-top: 0px; } :root ._pr-0px { padding-right: 0px; } :root ._pb-0px { padding-bottom: 0px; } :root ._pl-0px { padding-left: 0px; } :root ._fontStyle-normal { font-style: normal; } :root ._color-2ABDFF35 { color: rgb(42, 189, 255); } @media (max-width: 1024px) { :root:root:root:root ._fontFamily-_xl_f-family { font-family: var(--f-family); } } @media (max-width: 1024px) { :root:root:root:root ._fontSize-_xl_f-size-smal108 { font-size: var(--f-size-small); } } @media (max-width: 1024px) { :root:root:root:root ._fontWeight-_xl_f-weight-bo3548 { font-weight: var(--f-weight-book); } } @media (max-width: 1024px) { :root:root:root:root ._maxFontSizeMultiplier-_xl_1--2 { } } @media (max-width: 1024px) { :root:root:root:root ._lineHeight-_xl_f-lineHeigh1269072494 { line-height: var(--f-lineHeight-small); } } @media (max-width: 768px) { :root:root:root:root:root ._fontSize-_lg_f-size-medi3736 { font-size: var(--f-size-medium); } } @media (max-width: 768px) { :root:root:root:root:root ._lineHeight-_lg_f-lineHeigh507465454 { line-height: var(--f-lineHeight-medium); } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._fontFamily-_xs_f-family { font-family: var(--f-family); } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._fontSize-_xs_f-size-smal108 { font-size: var(--f-size-small); } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._fontWeight-_xs_f-weight-bo3548 { font-weight: var(--f-weight-book); } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._maxFontSizeMultiplier-_xs_1--2 { } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._lineHeight-_xs_f-lineHeigh1269072494 { line-height: var(--f-lineHeight-small); } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._mt-_xs_t-space-spa94665593 { margin-top: var(--t-space-spacing8); } } :root ._mt-t-space-spa1360334076 { margin-top: var(--t-space-spacing16); } :root ._fontWeight-f-weight-tr3728 { font-weight: var(--f-weight-true); } @media (max-width: 1024px) { :root:root:root:root ._width-_xl_10037 { width: 100%; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._fontSize-_xs_18px { font-size: 18px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._lineHeight-_xs_24px { line-height: 24px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._mb-_xs_t-space-spa1360334076 { margin-bottom: var(--t-space-spacing16); } } :root ._mb-t-space-spa1360334047 { margin-bottom: var(--t-space-spacing24); } :root ._width-6037 { width: 60%; } @media (max-width: 1024px) { :root:root:root:root ._pt-_xl_t-space-spa1360334018 { padding-top: var(--t-space-spacing32); } } @media (max-width: 1024px) { :root:root:root:root ._pr-_xl_t-space-spa1360334018 { padding-right: var(--t-space-spacing32); } } @media (max-width: 1024px) { :root:root:root:root ._pb-_xl_t-space-spa1360334018 { padding-bottom: var(--t-space-spacing32); } } @media (max-width: 1024px) { :root:root:root:root ._pl-_xl_t-space-spa1360334018 { padding-left: var(--t-space-spacing32); } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pt-_xs_20px { padding-top: 20px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pr-_xs_20px { padding-right: 20px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pb-_xs_20px { padding-bottom: 20px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pl-_xs_20px { padding-left: 20px; } } :root ._gap-8px { gap: 8px; } :root ._pt-t-space-spa1360333981 { padding-top: var(--t-space-spacing48); } :root ._pr-t-space-spa1360333981 { padding-right: var(--t-space-spacing48); } :root ._pb-t-space-spa1360333981 { padding-bottom: var(--t-space-spacing48); } :root ._pl-t-space-spa1360333981 { padding-left: var(--t-space-spacing48); } :root ._zIndex-2 { z-index: 2; } @media (max-width: 1280px) { :root:root:root ._display-_xxl_none { display: none; } } @media (max-width: 768px) { :root:root:root:root:root ._fontSize-_lg_18px { font-size: 18px; } } @media (max-width: 768px) { :root:root:root:root:root ._lineHeight-_lg_24px { line-height: 24px; } } @media (max-width: 768px) { :root:root:root:root:root ._display-_lg_flex { display: flex; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._display-_xs_none { display: none; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._fontSize-_xs_16px { font-size: 16px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._lineHeight-_xs_20px { line-height: 20px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._color-_xs_neutral1 { color: var(--neutral1); } } :root ._width-auto { width: auto; } :root ._color-statusSucce3680 { color: var(--statusSuccess); } @media (max-width: 450px) { :root:root:root:root:root:root:root ._display-_sm_none { display: none; } } :root:root ._transition-_platformweb_background-1865867 { transition: background-color 125ms ease-in, transform 125ms ease-in; } @media (hover) { :root:root ._backgroundColor-0hover-surface2:hover { background-color: var(--surface2) !important; } } @media (hover) { :root:root ._transform-0hover-scale1--031281:hover { transform: scale(1.03) !important; } } @media (max-width: 1024px) { :root:root:root:root ._height-_xl_56px { height: 56px; } } @media (max-width: 1024px) { :root:root:root:root ._pr-_xl_16px { padding-right: 16px; } } @media (max-width: 768px) { :root:root:root:root:root ._height-_lg_80px { height: 80px; } } @media (max-width: 768px) { :root:root:root:root:root ._pr-_lg_24px { padding-right: 24px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._height-_xs_48px { height: 48px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pt-_xs_12px { padding-top: 12px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pr-_xs_16px { padding-right: 16px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pb-_xs_12px { padding-bottom: 12px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pl-_xs_12px { padding-left: 12px; } } :root ._pt-16px { padding-top: 16px; } :root ._pr-24px { padding-right: 24px; } :root ._pb-16px { padding-bottom: 16px; } :root ._color-statusCriti98254 { color: var(--statusCritical); } @media (max-width: 1024px) { :root:root:root:root ._pt-_xl_24px { padding-top: 24px; } } @media (max-width: 1024px) { :root:root:root:root ._pr-_xl_24px { padding-right: 24px; } } @media (max-width: 1024px) { :root:root:root:root ._pb-_xl_32px { padding-bottom: 32px; } } @media (max-width: 1024px) { :root:root:root:root ._pl-_xl_24px { padding-left: 24px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pt-_xs_16px { padding-top: 16px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pb-_xs_24px { padding-bottom: 24px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._pl-_xs_16px { padding-left: 16px; } } :root ._pt-32px { padding-top: 32px; } :root ._pr-32px { padding-right: 32px; } :root ._pb-32px { padding-bottom: 32px; } :root ._pl-32px { padding-left: 32px; } .t_group_card { container: card / inline-size; } :root:root ._textDecoration-_platformweb_none { text-decoration: none; } @media (max-width: 768px) { :root:root:root:root:root ._height-_lg_auto { height: auto; } } :root:root:root:root.t_dark ._backgroundColor-_dark_rgba0102255487503462 { background-color: rgba(0, 102, 255, 0.12); } :root:root:root:root:root.t_light ._backgroundColor-_light_rgba17620721393871450 { background-color: rgba(176, 207, 252, 0.04); } :root ._borderTopLeftRadius-32px { border-top-left-radius: 32px; } :root ._borderTopRightRadius-32px { border-top-right-radius: 32px; } :root ._borderBottomRightRadius-32px { border-bottom-right-radius: 32px; } :root ._borderBottomLeftRadius-32px { border-bottom-left-radius: 32px; } :root ._minHeight-500px { min-height: 500px; } :root ._maxWidth-calc50-8px38074892 { max-width: calc(50% - 8px); } :root ._containerType-normal { container-type: normal; } :root ._color-FF37C735 { color: rgb(255, 55, 199); } :root ._height-6037 { height: 60%; } :root ._mt-auto { margin-top: auto; } :root ._mr-auto { margin-right: auto; } :root ._mb-auto { margin-bottom: auto; } @media (max-width: 768px) { :root:root:root:root:root ._minHeight-_lg_750px { min-height: 750px; } } @media (max-width: 450px) { :root:root:root:root:root:root:root ._minHeight-_sm_700px { min-height: 700px; } } @media (max-width: 380px) { :root:root:root:root:root:root:root:root ._minHeight-_xs_540px { min-height: 540px; } } :root ._backgroundColor-rgba2521142460406842 { background-color: rgba(252, 114, 255, 0.12); } @media (max-width: 640px) { :root:root:root:root:root:root ._flexDirection-_md_column { flex-direction: column; } } :root ._flexWrap-wrap { flex-wrap: wrap; } :root ._color-8251FB35 { color: rgb(130, 81, 251); } @media (max-width: 1280px) { :root:root:root ._opacity-_xxl_0--2 { opacity: 0.2; } } @media (max-width: 768px) { :root:root:root:root:root ._opacity-_lg_0 { opacity: 0; } } :root ._flexDirection-row-reverse { flex-direction: row-reverse; } :root ._minHeight-240px { min-height: 240px; } :root ._backgroundColor-8251FB0f35 { background-color: rgba(130, 81, 251, 0.06); } :root ._color-00C3A035 { color: rgb(0, 195, 160); } :root ._backgroundColor-00C3A00f35 { background-color: rgba(0, 195, 160, 0.06); } :root ._color-FF4D0035 { color: rgb(255, 77, 0); } :root:root:root:root.t_dark ._backgroundColor-_dark_FF4D001f35 { background-color: rgba(255, 77, 0, 0.12); } :root ._backgroundColor-FF4D000a35 { background-color: rgba(255, 77, 0, 0.04); } :root ._color-F50DB435 { color: rgb(245, 13, 180); } :root:root:root:root.t_dark ._backgroundColor-_dark_F50DB41f35 { background-color: rgba(245, 13, 180, 0.12); } :root ._backgroundColor-F50DB40f35 { background-color: rgba(245, 13, 180, 0.06); } @media (max-width: 640px) { :root:root:root:root:root:root ._gap-_md_24px { gap: 24px; } } :root ._gap-32px { gap: 32px; } @media (max-width: 640px) { :root:root:root:root:root:root ._pr-_md_48px { padding-right: 48px; } } @media (max-width: 640px) { :root:root:root:root:root:root ._pl-_md_48px { padding-left: 48px; } } @media (max-width: 640px) { :root:root:root:root:root:root ._fontSize-_md_f-size-smal108 { font-size: var(--f-size-small); } } @media (max-width: 640px) { :root:root:root:root:root:root ._lineHeight-_md_36px { line-height: 36px; } } @media (max-width: 768px) { :root:root:root:root:root ._ml-_lg_-48px { margin-left: -48px; } } :root:root ._gridTemplateColumns-_platformweb_220px1fr32 { grid-template-columns: 220px 1fr; } @media (max-width: 1024px) { :root:root:root:root ._gridTemplateColumns-_xl_180px1fr32 { grid-template-columns: 180px 1fr; } } @media (max-width: 768px) { :root:root:root:root:root ._alignItems-_lg_flex-start { align-items: flex-start; } } @media (max-width: 768px) { :root:root:root:root:root ._gap-_lg_t-space-gap1573 { gap: var(--t-space-gap16); } } :root ._pt-t-space-gap1631 { padding-top: var(--t-space-gap32); } :root ._pb-t-space-gap1631 { padding-bottom: var(--t-space-gap32); } :root ._borderTopWidth-1px { border-top-width: 1px; } :root:root ._transitionDuration-_platformweb_0--2s { transition-duration: 0.2s; } :root:root ._textDecorationLine-_platformweb_none { text-decoration-line: none; } @media (hover) { :root:root ._opacity-0hover-0--8:hover { opacity: 0.8 !important; } } :root:root:root ._opacity-0active-0--6:active { opacity: 0.6 !important; } :root ._textDecorationLine-none { text-decoration-line: none; } :root ._pt-t-space-gap52 { padding-top: var(--t-space-gap4); } :root ._pr-t-space-gap52 { padding-right: var(--t-space-gap4); } :root ._pb-t-space-gap52 { padding-bottom: var(--t-space-gap4); } :root ._pl-t-space-gap52 { padding-left: var(--t-space-gap4); } :root ._fontWeight-inherit { font-weight: inherit; } :root ._fontSize-inherit { font-size: inherit; } :root ._lineHeight-inherit { line-height: inherit; } :root ._gap-40px { gap: 40px; } :root ._maxHeight-32px { max-height: 32px; } @media (max-width: 640px) { :root:root:root:root:root:root ._display-_md_none { display: none; } } :root ._gap-t-space-spa1360333927 { gap: var(--t-space-spacing60); } @media (hover) { :root:root ._opacity-0hover-0--6:hover { opacity: 0.6 !important; } } :root ._gap-5px { gap: 5px; } @media (max-width: 640px) { :root:root:root:root:root:root ._width-_md_10037 { width: 100%; } } :root ._width-130px { width: 130px; } @media (max-width: 640px) { :root:root:root:root:root:root ._width-_md_auto { width: auto; } } @media (max-width: 640px) { :root:root:root:root:root:root ._display-_md_flex { display: flex; } } :root ._display-none { display: none; } :root ._gap-t-space-spa1360334018 { gap: var(--t-space-spacing32); } @media (max-width: 640px) { :root:root:root:root:root:root ._alignItems-_md_flex-start { align-items: flex-start; } } @media (max-width: 768px) { :root:root:root:root:root ._pr-_lg_t-space-spa1360333989 { padding-right: var(--t-space-spacing40); } } @media (max-width: 768px) { :root:root:root:root:root ._pl-_lg_t-space-spa1360333989 { padding-left: var(--t-space-spacing40); } } :root ._maxWidth-100vw { max-width: 100vw; } @media (max-width: 450px) { :root:root:root:root:root:root:root ._gap-_sm_80px { gap: 80px; } } :root ._gap-120px { gap: 120px; } :root ._height-24px { height: 24px; } :root ._width-24px { width: 24px; } :root ._backgroundColor-neutral3 { background-color: var(--neutral3); } :root ._height-t-size-spac3237010 { height: var(--t-size-spacing4); } :root ._width-t-size-spac100347329 { width: var(--t-size-spacing32); } @media (hover) { :root:root ._opacity-0hover-0--7:hover { opacity: 0.7 !important; } } :root ._height-10px { height: 10px; } :root ._borderTopLeftRadius-100px { border-top-left-radius: 100px; } :root ._borderTopRightRadius-100px { border-top-right-radius: 100px; } :root ._borderBottomRightRadius-100px { border-bottom-right-radius: 100px; } :root ._borderBottomLeftRadius-100px { border-bottom-left-radius: 100px; } :root:root ._overflowX-_platformweb_auto { overflow-x: auto; } :root:root ._overflowY-_platformweb_auto { overflow-y: auto; } :root ._maxHeight-calc100vh-72087695319 { max-height: calc(-72px + 100vh); } :root ._backgroundColor-background { background-color: var(--background); } :root ._borderBottomWidth-0px { border-bottom-width: 0px; } :root ._bottom--10037 { bottom: -100%; } :root ._zIndex--1 { z-index: -1; } :root ._pt-t-space-pad1331704929 { padding-top: var(--t-space-padding12); } :root ._pb-t-space-pad1331704929 { padding-bottom: var(--t-space-padding12); } :root ._mr-t-space-spa1360334018 { margin-right: var(--t-space-spacing32); } :root ._ml-t-space-spa1360334018 { margin-left: var(--t-space-spacing32); } :root ._fontSize-18px { font-size: 18px; } :root ._minHeight-20--8px { min-height: 20.8px; } :root ._mt-t-space-spa1360334080 { margin-top: var(--t-space-spacing12); } :root ._mb-t-space-spa1360334080 { margin-bottom: var(--t-space-spacing12); } :root ._mt-t-space-spa1360334047 { margin-top: var(--t-space-spacing24); } :root ._pr-t-space-spa1360334047 { padding-right: var(--t-space-spacing24); } :root ._pl-t-space-spa1360334047 { padding-left: var(--t-space-spacing24); } :root ._pb-t-space-spa1360334047 { padding-bottom: var(--t-space-spacing24); } :root ._height-max-content { height: max-content; } @media (max-width: 640px) { :root:root:root:root:root:root ._pt-_md_t-space-spa1360334080 { padding-top: var(--t-space-spacing12); } } @media (max-width: 640px) { :root:root:root:root:root:root ._pr-_md_t-space-spa1360334080 { padding-right: var(--t-space-spacing12); } } @media (max-width: 640px) { :root:root:root:root:root:root ._pb-_md_t-space-spa1360334080 { padding-bottom: var(--t-space-spacing12); } } @media (max-width: 640px) { :root:root:root:root:root:root ._pl-_md_t-space-spa1360334080 { padding-left: var(--t-space-spacing12); } } @media (max-width: 640px) { :root:root:root:root:root:root ._height-_md_max-content { height: max-content; } } @media (max-width: 640px) { :root:root:root:root:root:root ._maxHeight-_md_calc100dvh-296810814 { max-height: calc(-72px + 100dvh); } } :root ._backgroundColor-13131335 { background-color: rgb(19, 19, 19); } :root ._pt-t-space-spa1360334047 { padding-top: var(--t-space-spacing24); } :root ._zIndex-1061 { z-index: 1061; } :root ._mr-t-space-non101 { margin-right: var(--t-space-none); } :root ._ml-t-space-non101 { margin-left: var(--t-space-none); } :root ._mt-t-space-non101 { margin-top: var(--t-space-none); } :root ._mb-t-space-non101 { margin-bottom: var(--t-space-none); } :root ._maxHeight-calc100vh-32087695319 { max-height: calc(-32px + 100vh); } :root:root ._borderTopWidth-_platformweb_0px { border-top-width: 0px; } :root:root ._borderRightWidth-_platformweb_0px { border-right-width: 0px; } :root:root ._borderBottomWidth-_platformweb_0px { border-bottom-width: 0px; } :root:root ._borderLeftWidth-_platformweb_0px { border-left-width: 0px; } :root:root ._backgroundColor-_platformweb_transparent { background-color: transparent; } :root:root ._color-_platformweb_inherit { color: inherit; } :root:root ._maxInlineSize-_platformweb_none { max-inline-size: none; } :root:root ._mt-_platformweb_0px { margin-top: 0px; } :root:root ._mr-_platformweb_0px { margin-right: 0px; } :root:root ._mb-_platformweb_0px { margin-bottom: 0px; } :root:root ._ml-_platformweb_0px { margin-left: 0px; } :root:root ._width-_platformweb_auto { width: auto; } :root:root ._height-_platformweb_auto { height: auto; } :root:root ._maxHeight-_platformweb_100vh { max-height: 100vh; } :root:root ._borderBottomStyle-_platformweb_solid { border-bottom-style: solid; } :root:root ._borderTopStyle-_platformweb_solid { border-top-style: solid; } :root:root ._borderLeftStyle-_platformweb_solid { border-left-style: solid; } :root:root ._borderRightStyle-_platformweb_solid { border-right-style: solid; } :root ._minHeight-t-size-spac100347366 { min-height: var(--t-size-spacing48); } :root ._minWidth-t-size-spac100347366 { min-width: var(--t-size-spacing48); } :root ._mb-t-space-spa94665593 { margin-bottom: var(--t-space-spacing8); } @media (hover: hover) { :root:root:root .t_group_item:hover ._color-_groupitem-hover_neutral1Hov3121676 { color: var(--neutral1Hovered); } } @media (hover: hover) { :root:root:root .t_group_item:hover ._color-_groupitem-hover_surface1Hov3121676 { color: var(--surface1Hovered); } } :root ._color-surface1 { color: var(--surface1); } :root ._width-128px { width: 128px; } :root ._boxShadow-0px0pxvar--1437502707 { box-shadow: 0px 0px var(--t-space-spacing4) color-mix(in srgb, var(--neutral3) 40%, transparent); } :root ._pt-t-space-spa94665587 { padding-top: var(--t-space-spacing2); } :root ._pr-t-space-spa94665587 { padding-right: var(--t-space-spacing2); } :root ._pb-t-space-spa94665587 { padding-bottom: var(--t-space-spacing2); } :root ._pl-t-space-spa94665587 { padding-left: var(--t-space-spacing2); } :root ._boxShadow-0px0pxvar--848444058 { box-shadow: 0px 0px var(--t-space-spacing16) var(--accent1); } :root ._height-26px { height: 26px; } :root ._top-21--338267837273468505 { top: 21.3383px; } :root ._left-86--0030777431277445724 { left: 86.0031px; } :root ._top-301--449919151831444513 { top: 301.45px; } :root ._left-222--094790271795321291 { left: 222.095px; } :root ._top-626--249036051217278137 { top: 626.249px; } :root ._left-366--792941061426622507 { left: 366.793px; } :root ._top-69--1076479301105640066 { top: 69.1076px; } :root ._left-374--413008251686723419 { left: 374.413px; } :root ._top-322--85986803801003535 { top: 322.86px; } :root ._left-517--414218311358876895 { left: 517.414px; } :root ._top-111--369323031722303572 { top: 111.369px; } :root ._left-655--90059752641975290 { left: 655.901px; } :root ._width-62px { width: 62px; } :root ._height-62px { height: 62px; } :root ._top-505--092927251304981880 { top: 505.093px; } :root ._left-724--75422623700069662 { left: 724.754px; } :root ._width-51px { width: 51px; } :root ._height-51px { height: 51px; } :root ._top--31--180956311627728329 { top: -31.181px; } :root ._left-886--21771384357664811 { left: 886.218px; } :root ._top-236--85677845923770324 { top: 236.857px; } :root ._left-975--010895721415409019 { left: 975.011px; } :root ._width-94px { width: 94px; } :root ._height-94px { height: 94px; } :root:root:root ._animationDuration-_platformweb_66666--6666662016899427 { animation-duration: 66666.7ms; } :root:root:root ._animationDuration-_platformweb_5701--76072332046675193 { animation-duration: 5701.76ms; } :root ._left-68--75px { left: 68.75px; } :root:root:root ._animationDuration-_platformweb_8333--3333333473193446 { animation-duration: 8333.33ms; } :root:root:root ._animationDuration-_platformweb_3225--02323371276416253 { animation-duration: 3225.02ms; } :root:root:root ._animationDuration-_platformweb_4735--63477841158951301 { animation-duration: 4735.63ms; } :root ._left-77--5px { left: 77.5px; } :root:root:root ._animationDuration-_platformweb_7142--85714281414512308 { animation-duration: 7142.86ms; } :root:root:root ._animationDuration-_platformweb_5777--52319561744661310 { animation-duration: 5777.52ms; } :root ._left-63--75px { left: 63.75px; } :root:root:root ._animationDuration-_platformweb_6666--66666662016899427 { animation-duration: 6666.67ms; } :root:root:root ._animationDuration-_platformweb_4253--4887997413224163 { animation-duration: 4253.49ms; } :root:root:root ._animationDuration-_platformweb_5484--1207955265257127 { animation-duration: 5484.12ms; } :root ._right-40--1999999991290299429 { right: 40.2px; } :root:root:root ._animationDuration-_platformweb_4653--72856341191734036 { animation-duration: 4653.73ms; } :root:root:root ._animationDuration-_platformweb_3051--68859251017412077 { animation-duration: 3051.69ms; } :root ._right-56--4px { right: 56.4px; } :root:root:root ._animationDuration-_platformweb_5405--40540541217356218 { animation-duration: 5405.41ms; } :root:root:root ._animationDuration-_platformweb_3016--65735711716159328 { animation-duration: 3016.66ms; } /* Captured stylesheet 9 */ @keyframes uniswap-refetch-pulse-animation { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } /* Captured stylesheet 10 */ @keyframes uniswap-shake-animation { 0%, 100% { transform: translateX(0px); } 16.67% { transform: translateX(5px); } 33.33% { transform: translateX(-5px); } 50% { transform: translateX(5px); } 66.67% { transform: translateX(-5px); } 83.33% { transform: translateX(5px); } } /* Captured stylesheet 11 */ html { & ::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.12); } scrollbar-color: rgba(255, 255, 255, 0.12) rgb(19, 19, 19); } /* Captured stylesheet 12 */ .webkitSticky { } /* Captured stylesheet 13 */ @keyframes rotate { 0% { transform: perspective(1000px) rotateY(0deg); } 100% { transform: perspective(1000px) rotateY(360deg); } } /* Captured stylesheet 14 */ .gas-container > div > div { width: 100%; } /* Captured stylesheet 15 */ @keyframes wiggle { 0% { transform: rotate(0deg) scale(1); } 30% { transform: rotate(20deg) scale(1.05); } 60% { transform: rotate(-10deg) scale(1.1); } 100% { transform: rotate(0deg) scale(1.06); } } /* Captured stylesheet 16 */ @keyframes wiggle { 0% { transform: rotate(0deg) scale(1); } 30% { transform: rotate(20deg) scale(1.05); } 60% { transform: rotate(-10deg) scale(1.1); } 100% { transform: rotate(0deg) scale(1.06); } } /* Captured stylesheet 17 */ @keyframes wiggle { 0% { transform: rotate(0deg) scale(1); } 30% { transform: rotate(20deg) scale(1.05); } 60% { transform: rotate(-10deg) scale(1.1); } 100% { transform: rotate(0deg) scale(1.06); } } /* Captured stylesheet 18 */ @keyframes wiggle { 0% { transform: rotate(0deg) scale(1); } 30% { transform: rotate(20deg) scale(1.05); } 60% { transform: rotate(-10deg) scale(1.1); } 100% { transform: rotate(0deg) scale(1.06); } } /* Captured stylesheet 19 */ @keyframes wiggle { 0% { transform: rotate(0deg) scale(1); } 30% { transform: rotate(20deg) scale(1.05); } 60% { transform: rotate(-10deg) scale(1.1); } 100% { transform: rotate(0deg) scale(1.06); } } /* Captured stylesheet 20 */ @keyframes wiggle { 0% { transform: rotate(0deg) scale(1); } 30% { transform: rotate(20deg) scale(1.05); } 60% { transform: rotate(-10deg) scale(1.1); } 100% { transform: rotate(0deg) scale(1.06); } } /* Captured stylesheet 21 */ @namespace svg url("http://www.w3.org/2000/svg"); .snackbar-container, .snackbar-container * { animation: auto ease 0s 1 normal none running none; backface-visibility: visible; background: none 0px 0px / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); border-color: inherit; border-style: none; border-width: medium; border-collapse: separate; border-image: none 100% / 1 / 0 stretch; border-radius: 0px; border-spacing: 0px; box-shadow: none; box-sizing: border-box; caption-side: top; clear: none; clip: auto; color: inherit; columns: auto; column-fill: balance; column-gap: normal; column-rule: medium; counter-increment: none; counter-reset: none; direction: ltr; empty-cells: show; float: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; height: auto; hyphens: none; letter-spacing: normal; line-height: normal; list-style: outside none disc; margin: 0px; opacity: 1; outline: none medium; overflow: visible; padding: 0px; break-after: auto; break-before: auto; break-inside: auto; perspective: none; perspective-origin: 50% 50%; pointer-events: auto; position: static; quotes: "“" "”" "‘" "’"; tab-size: 8; table-layout: auto; text-align: inherit; text-align-last: auto; text-decoration-thickness: initial; text-decoration-color: inherit; text-decoration-line: none; text-decoration-style: solid; text-indent: 0px; text-shadow: none; text-transform: none; transform: none; transform-style: flat; transition: none; unicode-bidi: normal; vertical-align: baseline; visibility: visible; white-space: normal; word-spacing: normal; z-index: auto; } .snackbar-container strong { font-weight: bold; } .snackbar-container * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; line-height: 1; } .snackbar-container [class*="container"] { margin: 0px; padding: 0px; } .snackbar-container style { display: none; } .snackbar-container .-gear-container { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; transition: opacity 0.25s; margin-left: 16px !important; margin-right: 9px !important; } .snackbar-container .-gear-container * { user-select: none; } .snackbar-container .-gear-container svg { opacity: 0; position: absolute; } .snackbar-container .-gear-icon { height: 12px; width: 12px; z-index: 10000; } .snackbar-container .snackbar { align-items: flex-end; display: flex; flex-direction: column; position: fixed; right: 0px; top: 0px; z-index: 2147483647; } .snackbar-container .snackbar * { user-select: none; } .snackbar-container .snackbar-instance { display: flex; flex-direction: column; margin: 8px 16px 0px; overflow: visible; text-align: left; transform: translateX(0px); transition: opacity 0.25s, transform 0.25s; } .snackbar-container .snackbar-instance-header:hover .-gear-container svg { opacity: 1; } .snackbar-container .snackbar-instance-header { display: flex; align-items: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(231, 235, 238); box-sizing: border-box; border-radius: 8px; cursor: pointer; } .snackbar-container .snackbar-instance-header-cblogo { margin: 8px; } .snackbar-container .snackbar-instance-header * { cursor: pointer; } .snackbar-container .snackbar-instance-header-message { color: rgb(0, 0, 0); font-size: 13px; line-height: 1.5; user-select: none; } .snackbar-container .snackbar-instance-menu { background: rgb(255, 255, 255); transition: opacity 0.25s ease-in-out, transform 0.25s linear, visibility; visibility: hidden; border: 1px solid rgb(231, 235, 238); box-sizing: border-box; border-radius: 8px; opacity: 0; flex-direction: column; padding-left: 8px; padding-right: 8px; } .snackbar-container .snackbar-instance-menu-item:last-child { margin-bottom: 8px !important; } .snackbar-container .snackbar-instance-menu-item:hover { background: rgb(245, 247, 248); border-radius: 6px; transition: background 0.25s; } .snackbar-container .snackbar-instance-menu-item:hover span { color: rgb(5, 15, 25); transition: color 0.25s; } .snackbar-container .snackbar-instance-menu-item:hover svg path { fill: rgb(0, 0, 0); transition: fill 0.25s; } .snackbar-container .snackbar-instance-menu-item { visibility: inherit; height: 35px; margin-top: 8px; margin-bottom: 0px; display: flex; flex-direction: row; align-items: center; padding: 8px; cursor: pointer; } .snackbar-container .snackbar-instance-menu-item * { visibility: inherit; cursor: pointer; } .snackbar-container .snackbar-instance-menu-item-is-red:hover { background: rgba(223, 95, 103, 0.2); transition: background 0.25s; } .snackbar-container .snackbar-instance-menu-item-is-red:hover * { cursor: pointer; } .snackbar-container .snackbar-instance-menu-item-is-red:hover svg path { fill: rgb(223, 95, 103); transition: fill 0.25s; } .snackbar-container .snackbar-instance-menu-item-is-red:hover span { color: rgb(223, 95, 103); transition: color 0.25s; } .snackbar-container .snackbar-instance-menu-item-info { color: rgb(170, 170, 170); font-size: 13px; margin: 0px 8px 0px 32px; position: absolute; } .snackbar-container .snackbar-instance-hidden { opacity: 0; text-align: left; transform: translateX(25%); transition: opacity 0.5s linear; } .snackbar-container .snackbar-instance-expanded .snackbar-instance-menu { opacity: 1; display: flex; transform: translateY(8px); visibility: visible; }