@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

.anticon {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.anticon>* {
    line-height: 1;
}

.anticon svg {
    display: inline-block;
}

.anticon::before {
    display: none;
}


:where(.wrapper).content {
    font-family: -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';
    font-size: 14px;
    box-sizing: border-box;
}

:where(.wrapper).content::before,
:where(.wrapper).content::after {
    box-sizing: border-box;
}

:where(.wrapper).content {
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    font-family: -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';
}


:where(.header).contents-collapse {
    font-family: Roboto, Inter, sans-serif;
    font-size: 14px;
    box-sizing: border-box;
}

:where(.header).contents-collapse::before,
:where(.header).contents-collapse::after {
    box-sizing: border-box;
}

:where(.header).contents-collapse [class^="contents-collapse"],
:where(.header).contents-collapse [class*=" contents-collapse"] {
    box-sizing: border-box;
}

:where(.header).contents-collapse [class^="contents-collapse"]::before,
:where(.header).contents-collapse [class*=" contents-collapse"]::before,
:where(.header).contents-collapse [class^="contents-collapse"]::after,
:where(.header).contents-collapse [class*=" contents-collapse"]::after {
    box-sizing: border-box;
}

:where(.header).contents-collapse {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f5f5f5;
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: Roboto, Inter, sans-serif;
    background-color: rgba(250, 250, 250, 0.02);
    border: 1px solid #474b4d;
    border-radius: 4px;
}

:where(.header).contents-collapse>.contents-collapse-item {
    border-bottom: 1px solid #474b4d;
}

:where(.header).contents-collapse>.contents-collapse-item:last-child,
:where(.header).contents-collapse>.contents-collapse-item:last-child>.contents-collapse-header {
    border-radius: 0 0 4px 4px;
}

:where(.header).contents-collapse>.contents-collapse-item>.contents-collapse-header {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 12px 16px;
    color: #f5f5f5;
    line-height: 1.5714285714285714;
    cursor: pointer;
    transition: all 0.3s, visibility 0s;
}

:where(.header).contents-collapse>.contents-collapse-item>.contents-collapse-header>.contents-collapse-header-text {
    flex: auto;
}

:where(.header).contents-collapse>.contents-collapse-item>.contents-collapse-header:focus {
    outline: none;
}

:where(.header).contents-collapse>.contents-collapse-item>.contents-collapse-header .contents-collapse-expand-icon {
    height: 22px;
    display: flex;
    align-items: center;
    padding-inline-end: 12px;
}

:where(.header).contents-collapse>.contents-collapse-item>.contents-collapse-header .contents-collapse-arrow {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    transition: transform 0.3s;
}

:where(.header).contents-collapse>.contents-collapse-item>.contents-collapse-header .contents-collapse-arrow>* {
    line-height: 1;
}

:where(.header).contents-collapse>.contents-collapse-item>.contents-collapse-header .contents-collapse-arrow svg {
    transition: transform 0.3s;
}

:where(.header).contents-collapse>.contents-collapse-item>.contents-collapse-header .contents-collapse-header-text {
    margin-inline-end: auto;
}

:where(.header).contents-collapse .contents-collapse-item:last-child {
    border-bottom: 0;
}

:where(.header).contents-collapse.contents-collapse-icon-position-end>.contents-collapse-item>.contents-collapse-header .contents-collapse-expand-icon {
    order: 1;
    padding-inline-end: 0;
    padding-inline-start: 12px;
}

:where(.header).contents-collapse-ghost {
    background-color: transparent;
    border: 0;
}

:where(.header).contents-collapse-ghost>.contents-collapse-item {
    border-bottom: 0;
}


:where(.header).contents-app {
    font-family: Roboto, Inter, sans-serif;
    font-size: 14px;
    box-sizing: border-box;
}

:where(.header).contents-app::before,
:where(.header).contents-app::after {
    box-sizing: border-box;
}

:where(.header).contents-app {
    color: #f5f5f5;
    font-size: 14px;
    line-height: 1.5714285714285714;
    font-family: Roboto, Inter, sans-serif;
}


.anticon {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.anticon>* {
    line-height: 1;
}

.anticon svg {
    display: inline-block;
}


.anticon {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.anticon>* {
    line-height: 1;
}

.anticon svg {
    display: inline-block;
}


::-webkit-scrollbar {
    background: #0000;
    height: 6px;
    width: 14px !important;
}

::-webkit-scrollbar-track {
    border: 4px solid #0000;
    border-radius: 12px;
    box-shadow: inset 0 0 14px 14px #0000;
    max-height: 6px;
    max-width: 14px;
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
    max-height: 6px;
    max-width: 14px;
}

body {
    background: #0a0d0e;
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}

.relative {
    position: relative;
}

.z-\[1\] {
    z-index: 1;
}

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mt-\[60px\] {
    margin-top: 60px;
}

.flex {
    display: flex;
}

.\!h-\[100vh\] {
    height: 100vh !important;
}

.h-16 {
    height: 4rem;
}

.h-\[100vh\] {
    height: 100vh;
}

.h-\[40px\] {
    height: 40px;
}

.h-full {
    height: 100%;
}

.min-h-\[350px\] {
    min-height: 350px;
}

.\!w-\[100vw\] {
    width: 100vw !important;
}

.\!w-\[220px\] {
    width: 220px !important;
}

.w-\[100vw\] {
    width: 100vw;
}

.w-\[920px\] {
    width: 920px;
}

.w-full {
    width: 100%;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.cursor-pointer {
    cursor: pointer;
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.flex-col {
    flex-direction: column;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-2 {
    gap: .5rem;
}

.gap-6 {
    gap: 1.5rem;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.rounded-\[12px\] {
    border-radius: 12px;
}

.rounded-\[8px\] {
    border-radius: 8px;
}

.border {
    border-width: 1px;
}

.border-solid {
    border-style: solid;
}

.border-saPrimaryPrimary {
    border-color: var(--sa-primary-primary);
}

.bg-saBgContainerDeep {
    background-color: var(--sa-bg-container-deep);
}

.bg-saPrimaryPrimary {
    background-color: var(--sa-primary-primary);
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px;
}

.pb-\[50px\] {
    padding-bottom: 50px;
}

.pt-\[100px\] {
    padding-top: 100px;
}

.text-center {
    text-align: center;
}

.font-PolySans {
    font-family: PolySans;
}

.text-\[32px\] {
    font-size: 32px;
}

.text-\[56px\] {
    font-size: 56px;
}

.text-\[72px\] {
    font-size: 72px;
}

@media (max-width: 576px) {
    span.text-\[72px\] {
        font-size: 62px;
    }

    span.text-\[56px\] {
        font-size: 46px;
    }
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.font-bold {
    font-weight: 700;
}

.font-medium {
    font-weight: 500;
}

.leading-\[60px\] {
    line-height: 60px;
}

.leading-\[76px\] {
    line-height: 76px;
}

.text-saPrimaryBg {
    color: var(--sa-primary-bg);
}

.text-saPrimaryText {
    color: var(--sa-primary-text);
}

.text-saTextPrimary {
    color: var(--sa-text-primary);
}

.text-saTextSecondary {
    color: var(--sa-text-secondary);
}

.backdrop-blur-\[30px\] {
    -webkit-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);
    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);
}

.backdrop-blur-\[30px\] {
    --tw-backdrop-blur: blur(30px);
}

.hover\:bg-saPrimaryHover:hover {
    background-color: var(--sa-primary-hover);
}

body,
div,
html,
iframe,
img,
section,
span {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body,
html {
    background-color: var(--main-background);
    color: var(--main-text-color);
    font-family: BlenderPro, -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;
}

.sa-v3-scroll-thin::-webkit-scrollbar {
    background: #0000;
    height: 4px;
    width: 4px;
}

.sa-v3-scroll-thin::-webkit-scrollbar-track {
    border-radius: 10px;
}

.sa-v3-scroll-thin::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
    height: 160px;
}

.olympic-faqs {
    width: 920px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 1200px) {
    .olympic-faqs {
        width: 920px;
    }
}

@media (max-width: 992px) {
    .olympic-faqs {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .olympic-faqs {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 576px) {
    .olympic-faqs {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.olympic-faqs .contents-collapse-item {
    border-bottom: 1px solid var(--sa-border-on-container-light);
    min-height: 84px;
}

.olympic-faqs .contents-collapse-item .contents-collapse-header {
    align-items: center;
    height: 84px;
    min-height: 84px;
}

.olympic-faqs .contents-collapse-item .contents-collapse-expand-icon {
    margin-top: -16px;
    transform: rotate(90deg);
}

.olympic-faqs .contents-collapse-item .contents-collapse-expand-icon svg {
    font-size: 16px;
}

.olympic-faqs .contents-collapse-item .contents-collapse-header .contents-collapse-header-text {
    color: var(--sa-text-secondary);
    font-size: 20px;
    font-weight: 500;
}

@media (max-width: 576px) {
    .olympic-faqs .contents-collapse-item .contents-collapse-header .contents-collapse-header-text {
        font-size: 16px !important;
    }
}

.go2933276541 {
    position: fixed;
    display: block;
    width: 100%;
    height: 0px;
    margin: 0px;
    padding: 0px;
    overflow: visible;
    transform-style: preserve-3d;
    background: transparent;
    backface-visibility: hidden;
    pointer-events: none;
    left: 0px;
    z-index: 9998;
}

.go2369186930 {
    top: 0px;
    z-index: 9999;
    height: 100%;
    width: 100%;
}

.go1348078617 {
    bottom: 0px;
}

.go2417249464 {
    position: fixed;
    z-index: 9989;
}

.go3921366393 {
    left: 0;
    bottom: 0;
}

.go3967842156 {
    right: 0;
    bottom: 0;
}

.go613305155 {
    left: 0;
    top: 0;
}

.go471583506 {
    right: 0;
    top: 0;
}

.go3670563033 {
    position: relative;
    overflow: hidden;
    display: none;
}

.go1632949049 {
    position: absolute;
    pointer-events: none;
    width: 101vw;
    height: 101vh;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    z-index: -1;
}

.w3a-parent-container *,
.w3a-parent-container :after,
.w3a-parent-container :before {
    border: 0 solid;
    box-sizing: border-box;
}

.w3a-parent-container :after,
.w3a-parent-container :before {
    --tw-content: "";
}

.w3a-parent-container :disabled {
    cursor: default;
}

.w3a-parent-container {
    --app-on-primary: #fff;
    --app-primary-50: #ebf5ff;
    --app-primary-100: #e1effe;
    --app-primary-200: #c3ddfd;
    --app-primary-300: #a4cafe;
    --app-primary-400: #76a9fa;
    --app-primary-500: #3f83f8;
    --app-primary-600: #0346ff;
    --app-primary-700: #1a56db;
    --app-primary-800: #1e429f;
    --app-primary-900: #233876;
    --app-gray-50: #f9fafb;
    --app-gray-100: #f3f4f6;
    --app-gray-200: #e5e7eb;
    --app-gray-300: #d1d5db;
    --app-gray-400: #9ca3af;
    --app-gray-500: #6b7280;
    --app-gray-600: #4b5563;
    --app-gray-700: #374151;
    --app-gray-800: #1f2a37;
    --app-gray-900: #111928;
    --app-blue-50: #ebf5ff;
    --app-blue-100: #e1effe;
    --app-blue-200: #c3ddfd;
    --app-blue-300: #a4cafe;
    --app-blue-400: #76a9fa;
    --app-blue-500: #3f83f8;
    --app-blue-600: #0346ff;
    --app-blue-700: #1a56db;
    --app-blue-800: #1e429f;
    --app-blue-900: #233876;
    --app-red-50: #fdf2f2;
    --app-red-100: #fde8e8;
    --app-red-200: #fbd5d5;
    --app-red-300: #f8b4b4;
    --app-red-400: #f98080;
    --app-red-500: #f05252;
    --app-red-600: #e02424;
    --app-red-700: #c81e1e;
    --app-red-800: #9b1c1c;
    --app-red-900: #771d1d;
    --app-green-50: #f3faf7;
    --app-green-100: #def7ec;
    --app-green-200: #bcf0da;
    --app-green-300: #84e1bc;
    --app-green-400: #31c48d;
    --app-green-500: #0e9f6e;
    --app-green-600: #057a55;
    --app-green-700: #046c4e;
    --app-green-800: #03543f;
    --app-green-900: #014737;
    --app-yellow-50: #fdfdea;
    --app-yellow-100: #fdf6b2;
    --app-yellow-200: #fce96a;
    --app-yellow-300: #faca15;
    --app-yellow-400: #e3a008;
    --app-yellow-500: #c27803;
    --app-yellow-600: #9f580a;
    --app-yellow-700: #8e4b10;
    --app-yellow-800: #723b13;
    --app-yellow-900: #633112;
    --app-success: #30cca4;
    --app-warning: #fbc94a;
    --app-error: #fb4a61;
    --app-info: #d4d4d4;
    --app-white: #fff;
    --app-black: #000;
}

.w3a-parent-container *,
.w3a-parent-container :after,
.w3a-parent-container :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}


@font-face {
    font-family: PolySans;
    font-style: normal;
    font-weight: 400;
    src: url("../media/PolySans-Neutral.ccb154f0512f33538381.otf") format("opentype");
}

@font-face {
    font-family: BlenderPro;
    font-style: normal;
    font-weight: 500;
    src: url("../media/BlenderPro-Medium.2e8418291f661fd81f6f.woff2") format("woff2");
}

:root {
    --primary-color: #3241FF;
    --primary-color-opposite: #BC75F9;
    --main-text-color: #040305;
    --main-text-color-opposite: #ffffff;
    --second-text-color: rgba(4, 3, 5, 0.5);
    --second-text-color-opposite: rgba(255, 255, 255, 0.5);
    --third-text-color: rgba(4, 3, 5, 0.25);
    --third-text-color-opposite: rgba(255, 255, 255, 0.25);
    --main-background: #F0F1F5;
    --main-background-opposite: #040305;
    --container-background: #ffffff;
    --container-background-opposite: #18171C;
    --component-background: #F0F1F5;
    --component-background-opposite: #32303B;
    --main-border-color: rgba(0, 0, 0, 0.10);
    --main-border-color-opposite: #32303B;
    --btn-disabled-color: rgba(4, 3, 5, 0.25);
    --btn-disabled-color-opposite: rgba(255, 255, 255, 0.25);
    --main-text-color-v2: #000;
    --main-text-color-v2-opposite: #000;
    --second-text-color-v2: rgba(0, 0, 0, 0.85);
    --second-text-color-v2-opposite: rgba(255, 255, 255, 0.85);
    --third-text-color-v2: rgba(0, 0, 0, 0.45);
    --third-text-color-v2-opposite: rgba(255, 255, 255, 0.45);
    --main-border-color-v2: #E9EAEC;
    --main-border-color-v2-opposite: #E9EAEC;
    --sa-primary-primary: #f7ff98;
    --sa-primary-active: #f8ffad;
    --sa-primary-hover: #f8ffad;
    --sa-primary-bg: #212405;
    --sa-primary-bg-hover: #43480a;
    --sa-primary-border: #f7ff98;
    --sa-primary-border-hover: #f8ffad;
    --sa-primary-text: #f7ff98;
    --sa-primary-text-active: #f8ffad;
    --sa-primary-text-hover: #f8ffad;
    --sa-success-primary: #399340;
    --sa-success-active: #46b650;
    --sa-success-hover: #46b650;
    --sa-success-border: #399340;
    --sa-success-border-hover: #46b650;
    --sa-success-bg: #071208;
    --sa-success-bg-hover: #0e2510;
    --sa-success-text: #46b650;
    --sa-success-text-active: #6cc673;
    --sa-success-text-hover: #6cc673;
    --sa-error-primary: #ec1f03;
    --sa-error-active: #fc4832;
    --sa-error-hover: #fc4832;
    --sa-error-border: #ec1f03;
    --sa-error-border-hover: #fc4832;
    --sa-error-bg: #1e0400;
    --sa-error-bg-hover: #3c0801;
    --sa-error-text: #fc4832;
    --sa-error-text-active: #fd6c59;
    --sa-error-text-hover: #fd6c59;
    --sa-warning-primary: #db7500;
    --sa-warning-active: #ff9214;
    --sa-warning-hover: #ff9214;
    --sa-warning-border: #db7500;
    --sa-warning-border-hover: #ff9214;
    --sa-warning-bg: #190e00;
    --sa-warning-bg-hover: #381e00;
    --sa-warning-text: #ff9214;
    --sa-warning-text-active: #ffa742;
    --sa-warning-text-hover: #ffa742;
    --sa-text-primary: #f5f5f5;
    --sa-text-secondary: #d4d4d4;
    --sa-text-tertiary: #8a8a8a;
    --sa-text-quaternary: #525252;
    --sa-bg-blur: #080b0c73;
    --sa-bg-mask: #080b0ccc;
    --sa-bg-popover: #474b4d;
    --sa-bg-elevated: #36393a;
    --sa-bg-spotlight: #36393a;
    --sa-bg-container-light: #2a2d2e;
    --sa-bg-container-deep: #1d2021;
    --sa-bg-layout: #111415;
    --sa-border-on-popover: #7d8081;
    --sa-border-on-elevated: #474b4d;
    --sa-border-on-container-light: #36393a;
    --sa-border-on-container-deep: #2a2d2e;
    --sa-border-on-layout: #1d2021;
    --sa-whiteopacity-5: rgba(250, 250, 250, 0.05);
    --sa-whiteopacity-10: rgba(250, 250, 250, 0.10);
    --sa-whiteopacity-15: rgba(250, 250, 250, 0.15);
    --sa-whiteopacity-25: rgba(250, 250, 250, 0.25);
    --sa-whiteopacity-30: rgba(250, 250, 250, 0.30);
    --sa-whiteopacity-35: rgba(250, 250, 250, 0.35);
    --sa-whiteopacity-40: rgba(250, 250, 250, 0.40);
    --sa-whiteopacity-45: rgba(250, 250, 250, 0.45);
    --sa-whiteopacity-50: rgba(250, 250, 250, 0.50);
    --sa-whiteopacity-55: rgba(250, 250, 250, 0.55);
    --sa-whiteopacity-60: rgba(250, 250, 250, 0.60);
    --sa-whiteopacity-65: rgba(250, 250, 250, 0.65);
    --sa-whiteopacity-70: rgba(250, 250, 250, 0.70);
    --sa-whiteopacity-75: rgba(250, 250, 250, 0.75);
    --sa-whiteopacity-80: rgba(250, 250, 250, 0.80);
    --sa-whiteopacity-85: rgba(250, 250, 250, 0.85);
    --sa-whiteopacity-90: rgba(250, 250, 250, 0.90);
    --sa-blackopacity-5: rgba(10, 10, 10, 0.05);
    --sa-blackopacity-10: rgba(10, 10, 10, 0.1);
    --sa-blackopacity-15: rgba(10, 10, 10, 0.15);
    --sa-blackopacity-25: rgba(10, 10, 10, 0.25);
    --sa-blackopacity-30: rgba(10, 10, 10, 0.30);
    --sa-blackopacity-35: rgba(10, 10, 10, 0.35);
    --sa-blackopacity-40: rgba(10, 10, 10, 0.40);
    --sa-blackopacity-45: rgba(10, 10, 10, 0.45);
    --sa-blackopacity-50: rgba(10, 10, 10, 0.50);
    --sa-blackopacity-55: rgba(10, 10, 10, 0.55);
    --sa-blackopacity-60: rgba(10, 10, 10, 0.60);
    --sa-blackopacity-65: rgba(10, 10, 10, 0.65);
    --sa-blackopacity-70: rgba(10, 10, 10, 0.70);
    --sa-blackopacity-75: rgba(10, 10, 10, 0.75);
    --sa-blackopacity-80: rgba(10, 10, 10, 0.80);
    --sa-blackopacity-85: rgba(10, 10, 10, 0.85);
    --sa-blackopacity-90: rgba(10, 10, 10, 0.90);
    --wcm-color-fg-1: rgb(228, 231, 231);
    --wcm-color-fg-2: rgb(148, 158, 158);
    --wcm-color-fg-3: rgb(110, 119, 119);
    --wcm-color-bg-1: rgb(20, 20, 20);
    --wcm-color-bg-2: rgb(39, 42, 42);
    --wcm-color-bg-3: rgb(59, 64, 64);
    --wcm-color-overlay: rgba(255, 255, 255, 0.1);
    --wcm-accent-color: #3396FF;
    --wcm-accent-fill-color: #FFFFFF;
    --wcm-z-index: 89;
    --wcm-background-color: #3396FF;
    --wcm-background-border-radius: 8px;
    --wcm-container-border-radius: 30px;
    --wcm-wallet-icon-border-radius: 15px;
    --wcm-wallet-icon-large-border-radius: 30px;
    --wcm-wallet-icon-small-border-radius: 7px;
    --wcm-input-border-radius: 28px;
    --wcm-button-border-radius: 10px;
    --wcm-notification-border-radius: 36px;
    --wcm-secondary-button-border-radius: 28px;
    --wcm-icon-button-border-radius: 50%;
    --wcm-button-hover-highlight-border-radius: 10px;
    --wcm-text-big-bold-size: 20px;
    --wcm-text-big-bold-weight: 600;
    --wcm-text-big-bold-line-height: 24px;
    --wcm-text-big-bold-letter-spacing: -0.03em;
    --wcm-text-big-bold-text-transform: none;
    --wcm-text-xsmall-bold-size: 10px;
    --wcm-text-xsmall-bold-weight: 700;
    --wcm-text-xsmall-bold-line-height: 12px;
    --wcm-text-xsmall-bold-letter-spacing: 0.02em;
    --wcm-text-xsmall-bold-text-transform: uppercase;
    --wcm-text-xsmall-regular-size: 12px;
    --wcm-text-xsmall-regular-weight: 600;
    --wcm-text-xsmall-regular-line-height: 14px;
    --wcm-text-xsmall-regular-letter-spacing: -0.03em;
    --wcm-text-xsmall-regular-text-transform: none;
    --wcm-text-small-thin-size: 14px;
    --wcm-text-small-thin-weight: 500;
    --wcm-text-small-thin-line-height: 16px;
    --wcm-text-small-thin-letter-spacing: -0.03em;
    --wcm-text-small-thin-text-transform: none;
    --wcm-text-small-regular-size: 14px;
    --wcm-text-small-regular-weight: 600;
    --wcm-text-small-regular-line-height: 16px;
    --wcm-text-small-regular-letter-spacing: -0.03em;
    --wcm-text-small-regular-text-transform: none;
    --wcm-text-medium-regular-size: 16px;
    --wcm-text-medium-regular-weight: 600;
    --wcm-text-medium-regular-line-height: 20px;
    --wcm-text-medium-regular-letter-spacing: -0.03em;
    --wcm-text-medium-regular-text-transform: none;
    --wcm-font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', sans-serif;
    --wcm-font-feature-settings: 'tnum' on, 'lnum' on, 'case' on;
    --wcm-success-color: rgb(38, 181, 98);
    --wcm-error-color: rgb(242, 90, 103);
    --wcm-overlay-background-color: rgba(0, 0, 0, 0.3);
    --wcm-overlay-backdrop-filter: none;
}



:where(.header).contents-collapse [class^="contents-collapse"],
:where(.header).contents-collapse [class*=" contents-collapse"] {
    box-sizing: border-box;
}

:where(.header).contents-collapse [class^="contents-collapse"]::before,
:where(.header).contents-collapse [class*=" contents-collapse"]::before,
:where(.header).contents-collapse [class^="contents-collapse"]::after,
:where(.header).contents-collapse [class*=" contents-collapse"]::after {
    box-sizing: border-box;
}

:where(.header).contents-collapse .contents-collapse-content {
    color: #f5f5f5;
    background-color: #2a2d2e;
    border-top: 1px solid #474b4d;
}

:where(.header).contents-collapse .contents-collapse-content>.contents-collapse-content-box {
    padding: 16px 16px;
}

:where(.header).contents-collapse-ghost>.contents-collapse-item>.contents-collapse-content {
    background-color: transparent;
    border: 0;
}

:where(.header).contents-collapse-ghost>.contents-collapse-item>.contents-collapse-content>.contents-collapse-content-box {
    padding-block: 12px;
}


::-webkit-scrollbar {
    background: #0000;
    height: 6px;
    width: 14px !important;
}

::-webkit-scrollbar-track {
    border: 4px solid #0000;
    border-radius: 12px;
    box-shadow: inset 0 0 14px 14px #0000;
    max-height: 6px;
    max-width: 14px;
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
    max-height: 6px;
    max-width: 14px;
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.gap-2 {
    gap: .5rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

div,
p {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.olympic-faqs .contents-collapse-item .contents-collapse-content-box {
    color: var(--sa-text-tertiary);
    font-size: 16px;
    padding: 0 16px;
    padding-block: 0 !important;
}

@media (max-width: 576px) {
    .olympic-faqs .contents-collapse-item .contents-collapse-content-box {
        padding: 0 !important;
    }
}

.olympic-faqs .contents-collapse-item {
    border-bottom: 1px solid var(--sa-border-on-container-light);
    min-height: 84px;
}

.olympic-faqs .contents-collapse-item .contents-collapse-header {
    align-items: center;
    height: 84px;
    min-height: 84px;
    cursor: pointer;
}

.olympic-faqs .contents-collapse-item .contents-collapse-expand-icon {
    margin-top: -16px;
    transition: transform 0.3s ease;
}

.olympic-faqs .contents-collapse-item .contents-collapse-expand-icon svg {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.olympic-faqs .contents-collapse-item.contents-collapse-item-active .contents-collapse-expand-icon {
    margin-top: 0;
    transform: rotate(270deg);
}

.olympic-faqs .contents-collapse-item .contents-collapse-header .contents-collapse-header-text {
    color: var(--sa-text-secondary);
    font-size: 20px;
    font-weight: 500;
}

.olympic-faqs .contents-collapse-item .contents-collapse-content {
    display: none;
    color: var(--sa-text-tertiary);
    font-size: 16px;
    padding: 0 16px;
}

.olympic-faqs .contents-collapse-item.contents-collapse-item-active .contents-collapse-content {
    display: block;
    padding-block: 12px;
}



/* modal */
/*! CSS Used from: Embedded */
:where(.header)[class^="contents-modal"] {
    font-family: Roboto, Inter, sans-serif;
    font-size: 14px;
    box-sizing: border-box;
}

:where(.header)[class^="contents-modal"]::before,
:where(.header)[class^="contents-modal"]::after {
    box-sizing: border-box;
}

:where(.header)[class^="contents-modal"] [class^="contents-modal"],
:where(.header)[class^="contents-modal"] [class*=" contents-modal"] {
    box-sizing: border-box;
}

:where(.header)[class^="contents-modal"] [class^="contents-modal"]::before,
:where(.header)[class^="contents-modal"] [class*=" contents-modal"]::before,
:where(.header)[class^="contents-modal"] [class^="contents-modal"]::after,
:where(.header)[class^="contents-modal"] [class*=" contents-modal"]::after {
    box-sizing: border-box;
}

:where(.header).contents-modal-root .contents-modal-centered {
    text-align: center;
}

:where(.header).contents-modal-root .contents-modal-centered::before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: "";
}

:where(.header).contents-modal-root .contents-modal-centered .contents-modal {
    top: 0;
    display: inline-block;
    padding-bottom: 0;
    text-align: start;
    vertical-align: middle;
}

@media (max-width: 767px) {
    :where(.header).contents-modal-root .contents-modal {
        max-width: calc(100vw - 16px);
        margin: 8px auto;
    }

    :where(.header).contents-modal-root .contents-modal-centered .contents-modal {
        flex: 1;
    }
}

:where(.header).contents-modal {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    color: #f5f5f5;
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: Roboto, Inter, sans-serif;
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: calc(100vw - 32px);
    padding-bottom: 24px;
}

:where(.header).contents-modal .contents-modal-content {
    position: relative;
    background-color: #36393a;
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    pointer-events: auto;
    padding: 20px 24px;
}

:where(.header).contents-modal .contents-modal-close {
    position: absolute;
    top: 12px;
    inset-inline-end: 12px;
    z-index: 1010;
    padding: 0;
    color: #8a8a8a;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color 0.2s, background-color 0.2s;
}

:where(.header).contents-modal .contents-modal-close-x {
    display: flex;
    font-size: 16px;
    font-style: normal;
    line-height: 32px;
    justify-content: center;
    text-transform: none;
    text-rendering: auto;
}

:where(.header).contents-modal .contents-modal-close:hover {
    color: #f5f5f5;
    background-color: rgba(250, 250, 250, 0.06);
    text-decoration: none;
}

:where(.header).contents-modal .contents-modal-close:active {
    background-color: rgba(250, 250, 250, 0.15);
}

:where(.header).contents-modal .contents-modal-body {
    font-size: 14px;
    line-height: 1.5714285714285714;
    word-wrap: break-word;
    padding: 0;
}

:where(.header).contents-modal-root .contents-modal-mask {
    position: fixed;
    inset: 0;
    z-index: 0;
    height: 100%;
    background-color: #080b0ccc;
    pointer-events: auto;
}

:where(.header).contents-modal-root .contents-modal-wrap {
    position: fixed;
    inset: 0;
    z-index: 1001;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch;
}

/*! CSS Used from: https://app.saharalabs.ai/static/css/main.c07d154b.css */
::-webkit-scrollbar {
    background: #0000;
    height: 6px;
    width: 14px !important;
}

::-webkit-scrollbar-track {
    border: 4px solid #0000;
    border-radius: 12px;
    box-shadow: inset 0 0 14px 14px #0000;
    max-height: 6px;
    max-width: 14px;
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
    max-height: 6px;
    max-width: 14px;
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}

.relative {
    position: relative;
}

.mb-3 {
    margin-bottom: .75rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mt-4 {
    margin-top: 1rem;
}

.flex {
    display: flex;
}

.h-\[40px\] {
    height: 40px;
}

.h-full {
    height: 100%;
}

.\!max-h-\[400px\] {
    max-height: 400px !important;
}

.\!w-\[390px\] {
    width: 390px !important;
}

.min-w-\[150px\] {
    min-width: 150px;
}

.cursor-pointer {
    cursor: pointer;
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.flex-col {
    flex-direction: column;
}

.items-center {
    align-items: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-center {
    justify-content: center;
}

.gap-3 {
    gap: .75rem;
}

.gap-\[10px\] {
    gap: 10px;
}

.overflow-y-auto {
    overflow-y: auto;
}

.rounded {
    border-radius: .25rem;
}

.rounded-lg {
    border-radius: .5rem;
}

.border {
    border-width: 1px;
}

.border-solid {
    border-style: solid;
}

.border-saBorderOnPopover {
    border-color: var(--sa-border-on-popover);
}

.bg-saBgPopover {
    background-color: var(--sa-bg-popover);
}

.text-\[14px\] {
    font-size: 14px;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.font-medium {
    font-weight: 500;
}

.text-saTextPrimary {
    color: var(--sa-text-primary);
}

.text-saTextSecondary {
    color: var(--sa-text-secondary);
}

.backdrop-blur-\[10px\] {
    --tw-backdrop-blur: blur(10px);
}

.backdrop-blur-\[10px\] {
    -webkit-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);
    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-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-200 {
    transition-duration: .2s;
}

.hover\:border-saBorderOnElevated:hover {
    border-color: var(--sa-border-on-elevated);
}

.hover\:bg-saBorderOnElevated:hover {
    background-color: var(--sa-border-on-elevated);
}

.hover\:text-saTextSecondary:hover {
    color: var(--sa-text-secondary);
}

div,
img,
span {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.connect-modal .contents-modal-content {
    border: 1px solid var(--sa-border-on-elevated);
    border-radius: 12px;
    max-height: 480px;
    padding: 40px 32px !important;
}

.connect-modal .contents-modal-content::-webkit-scrollbar {
    display: none;
}

.connect-modal .contents-modal-content {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Ensure the modal is hidden by default */
.contents-modal-root {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.contents-modal-root.contents-modal-open {
    opacity: 1;
}

.contents-modal {
    transform: scale(0.7);
    opacity: 0;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
}

.contents-modal-content-open {
    transform: scale(1);
    opacity: 1;
}

.container {
    margin: 0;
    padding: 0 15px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .container {
        padding: 0 13px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 12px;
    }
}