:root {
    --palette-black: #000;
    --palette-black-a90: #000000e6;
    --palette-black-a80: #000c;
    --palette-black-a70: #000000b3;
    --palette-black-a60: #0009;
    --palette-black-a50: #00000080;
    --palette-black-a40: #0006;
    --palette-black-a30: #0000004d;
    --palette-black-a20: #0003;
    --palette-black-a10: #0000001a;
    --palette-black-a5: #0000000d;
    --palette-white: #fff;
    --palette-white-a90: #ffffffe6;
    --palette-white-a80: #fffc;
    --palette-white-a70: #ffffffb3;
    --palette-white-a60: #fff9;
    --palette-white-a50: #ffffff80;
    --palette-white-a40: #fff6;
    --palette-white-a30: #ffffff4d;
    --palette-white-a20: #fff3;
    --palette-white-a10: #ffffff1a;
    --palette-white-a5: #ffffff0d;
    --palette-slate-950: #020617;
    --palette-slate-900: #0f1729;
    --palette-slate-800: #1d283a;
    --palette-slate-700: #344256;
    --palette-slate-600: #48566a;
    --palette-slate-500: #65758b;
    --palette-slate-500-a40: #65758b66;
    --palette-slate-500-a20: #65758b33;
    --palette-slate-500-a10: #65758b1a;
    --palette-slate-400: #94a3b8;
    --palette-slate-300: #cbd5e1;
    --palette-slate-200: #e1e7ef;
    --palette-slate-100: #f1f5f9;
    --palette-slate-50: #f8fafc;
    --palette-zinc-950: #09090b;
    --palette-zinc-900: #18181b;
    --palette-zinc-800: #27272a;
    --palette-zinc-700: #3f3f46;
    --palette-zinc-600: #52525b;
    --palette-zinc-500: #71717a;
    --palette-zinc-500-a40: #71717a66;
    --palette-zinc-500-a20: #71717a33;
    --palette-zinc-500-a10: #71717a1a;
    --palette-zinc-400: #a1a1aa;
    --palette-zinc-300: #d4d4d8;
    --palette-zinc-200: #e4e4e7;
    --palette-zinc-100: #f4f4f5;
    --palette-zinc-50: #fafafa;
    --palette-space-950: #191924;
    --palette-space-900: #2d2f43;
    --palette-space-800: #424461;
    --palette-space-700: #4e5073;
    --palette-space-600: #5b5d86;
    --palette-space-500: #656895;
    --palette-space-500-a40: #65689566;
    --palette-space-500-a20: #65689533;
    --palette-space-500-a10: #6568951a;
    --palette-space-400: #9698b6;
    --palette-space-300: #b6b8cd;
    --palette-space-200: #d2d2e0;
    --palette-space-100: #eaeaf0;
    --palette-space-50: #f3f3f7;
    --palette-red-950: #430a0a;
    --palette-red-900: #811d1d;
    --palette-red-800: #981b1b;
    --palette-red-700: #ba1c1c;
    --palette-red-600: #dc2828;
    --palette-red-500: #ef4343;
    --palette-red-500-a40: #ef434366;
    --palette-red-500-a20: #ef434333;
    --palette-red-500-a10: #ef43431a;
    --palette-red-400: #f87272;
    --palette-red-300: #fca6a6;
    --palette-red-200: #fec8c8;
    --palette-red-100: #fee1e1;
    --palette-red-50: #fef1f1;
    --palette-orange-950: #451507;
    --palette-orange-900: #7d2d12;
    --palette-orange-800: #9b3412;
    --palette-orange-700: #c03f0c;
    --palette-orange-600: #e9590c;
    --palette-orange-500: #f97415;
    --palette-orange-500-a40: #f9741566;
    --palette-orange-500-a20: #f9741533;
    --palette-orange-500-a10: #f974151a;
    --palette-orange-400: #fb923c;
    --palette-orange-300: #fdba72;
    --palette-orange-200: #fed6a9;
    --palette-orange-100: #ffedd6;
    --palette-orange-50: #fff6eb;
    --palette-yellow-950: #412006;
    --palette-yellow-900: #733f12;
    --palette-yellow-800: #864e0e;
    --palette-yellow-700: #a26107;
    --palette-yellow-600: #c88a04;
    --palette-yellow-500: #e7b008;
    --palette-yellow-500-a40: #e7b00866;
    --palette-yellow-500-a20: #e7b00833;
    --palette-yellow-500-a10: #e7b0081a;
    --palette-yellow-400: #eabe4d;
    --palette-yellow-300: #fddf49;
    --palette-yellow-200: #fef08b;
    --palette-yellow-100: #fef9c3;
    --palette-yellow-50: #fefce7;
    --palette-lime-950: #474e0e;
    --palette-lime-900: #666f15;
    --palette-lime-800: #8b971c;
    --palette-lime-700: #a5b422;
    --palette-lime-600: #b9c926;
    --palette-lime-500: #d2e057;
    --palette-lime-500-a40: #d2e05766;
    --palette-lime-500-a20: #d2e05733;
    --palette-lime-500-a10: #d2e0571a;
    --palette-lime-400: #dde77e;
    --palette-lime-300: #e7eea5;
    --palette-lime-200: #eff4c3;
    --palette-lime-100: #f8fae5;
    --palette-lime-50: #fcfdf2;
    --palette-green-950: #052e16;
    --palette-green-900: #14522d;
    --palette-green-800: #166434;
    --palette-green-700: #157f3c;
    --palette-green-600: #16a249;
    --palette-green-500: #21c45d;
    --palette-green-500-a40: #21c45d66;
    --palette-green-500-a20: #21c45d33;
    --palette-green-500-a10: #21c45d1a;
    --palette-green-400: #4ade80;
    --palette-green-300: #85efac;
    --palette-green-200: #bbf7d0;
    --palette-green-100: #defce9;
    --palette-green-50: #f2fdf5;
    --palette-sky-950: #082f49;
    --palette-sky-900: #0c4a6e;
    --palette-sky-800: #075783;
    --palette-sky-700: #0369a0;
    --palette-sky-600: #0284c5;
    --palette-sky-500: #0da2e7;
    --palette-sky-500-a40: #0da2e766;
    --palette-sky-500-a20: #0da2e733;
    --palette-sky-500-a10: #0da2e71a;
    --palette-sky-400: #3abff8;
    --palette-sky-300: #7ed4fc;
    --palette-sky-200: #bae5fd;
    --palette-sky-100: #e1f3fe;
    --palette-sky-50: #f0f9ff;
    --palette-blue-950: #172554;
    --palette-blue-900: #1e3b8a;
    --palette-blue-800: #1e3fae;
    --palette-blue-700: #1d4fd7;
    --palette-blue-600: #2463eb;
    --palette-blue-500: #3c83f6;
    --palette-blue-500-a40: #3c83f666;
    --palette-blue-500-a20: #3c83f633;
    --palette-blue-500-a10: #3c83f61a;
    --palette-blue-400: #61a6fa;
    --palette-blue-300: #91c3fd;
    --palette-blue-200: #bedbfe;
    --palette-blue-100: #dcebfe;
    --palette-blue-50: #f0f6ff;
    --palette-indigo-950: #181834;
    --palette-indigo-900: #312e7f;
    --palette-indigo-800: #372fa2;
    --palette-indigo-700: #463acb;
    --palette-indigo-600: #5048e5;
    --palette-indigo-500: #6467f2;
    --palette-indigo-500-a40: #6467f266;
    --palette-indigo-500-a20: #6467f233;
    --palette-indigo-500-a10: #6467f21a;
    --palette-indigo-400: #828df8;
    --palette-indigo-300: #a6b4fc;
    --palette-indigo-200: #c8d3fe;
    --palette-indigo-100: #e0e8ff;
    --palette-indigo-50: #f0f3ff;
    --palette-violet-950: #2e1065;
    --palette-violet-900: #4d1d95;
    --palette-violet-800: #5a21b5;
    --palette-violet-700: #6b26d9;
    --palette-violet-600: #7c3bed;
    --palette-violet-500: #895af6;
    --palette-violet-500-a40: #895af666;
    --palette-violet-500-a20: #895af633;
    --palette-violet-500-a10: #895af61a;
    --palette-violet-400: #a689fa;
    --palette-violet-300: #c3b4fd;
    --palette-violet-200: #ded7fe;
    --palette-violet-100: #ebe7fe;
    --palette-violet-50: #f7f5ff;
    --palette-rose-950: #4d0519;
    --palette-rose-900: #861336;
    --palette-rose-800: #a1123a;
    --palette-rose-700: #bf123d;
    --palette-rose-600: #e21d48;
    --palette-rose-500: #f43e5c;
    --palette-rose-500-a40: #f43e5c66;
    --palette-rose-500-a20: #f43e5c33;
    --palette-rose-500-a10: #f43e5c1a;
    --palette-rose-400: #fb6f84;
    --palette-rose-300: #fda5af;
    --palette-rose-200: #fecdd3;
    --palette-rose-100: #ffe6e7;
    --palette-rose-50: #fff0f1;
    --color-white: #fff;
    --color-black: #000;
    --color-grey: #f6f7f9;
    --color-grey-2: #f2f2f7;
    --color-grey-3: #e4e4e7;
    --color-grey-primary: #2d2d2f;
    --color-grey-secondary: #1b1b1d;
    --color-grey-dark: #d0d7dc;
    --color-invert-grey: #f6f7f9;
    --color-silver: #f0f2f4;
    --color-background: #f2f2f7;
    --color-dark: #08080c;
    --color-onyx: #101014;
    --color-charcoal: #1c1c21;
    --color-dimmed: #2e2e33;
    --color-overlay: #0006;
    --color-overlay-sm: #0000001a;
    --color-overlay-lg: #0009;
    --shadow-color: 0 0 0;
    --shadow-opacity: 10%;
    --shadow-sm: 0 2px 0.5rem rgb(var(--shadow-color)/var(--shadow-opacity));
    --shadow-md: 0 0.25rem 1rem rgb(var(--shadow-color)/var(--shadow-opacity));
    --main-border: 230deg 28% 21%;
    --color-border: hsl(var(--main-border)/20%);
    --color-border-hover: hsl(var(--main-border)/35%);
    --color-border-active: hsl(var(--main-border)/50%);
    --color-invert: #000;
    --color-invert-dark: #fff;
    --text-main: #1d252f;
    --color-text: #1d252fb3;
    --color-text-head: #000;
    --color-text-hint: #1d252f73;
    --color-link: #246acc;
    --color-link-hover: #0d264a;
    --color-primary: #eabe4d;
    --color-primary-hover: #e5ad1f;
    --color-primary-active: #bb8c16;
    --color-negative: #dc2828;
    --color-negative-hover: #b41d1d;
    --color-negative-active: #881616;
    --color-disabled: #0000001a;
    --color-purplish: #656895;
    --color-error: #eb0a33;
    --color-error-bg: #eb0a331a;
    --color-warning: #f6990e;
    --color-warning-bg: #f6990e33;
    --color-violet: #b54ab0;
    --color-red-light: #e5575726;
    --color-red-bg: #b53b4526;
    --color-red-bg-dark: #b53b45;
    --color-red: #f64646;
    --color-red-hover: #f40b0b;
    --color-red-active: #b90909;
    --color-green: #47b35f;
    --color-green-hover: #398e4d;
    --color-green-active: #2a6a39;
    --color-orange: #ea724d;
    --color-yellow: #d2e057;
    --color-dark-purplish-blue: #181834;
    --color-blue-light: #b5c2de33;
    --color-brown: #b36923;
    --color-fuchsia: #b54ab1;
    --color-cyan: #479db8;
    --color-blue: #3b6cb5;
    --color-tech-link: #2083df;
    --color-icon: var(--color-invert);
    --color-icon-secondary: #1d1d3599;
    --color-icon-tertiary: #1d1d3540;
    --color-switcher: #0000004d;
    --trade-color-invert: #fff;
    --trade-color-invert-dark: #000;
    --trade-color-background: var(--color-grey);
    --trade-color-block-background: var(--color-white);
    --trade-color-market-list-bg: var(--color-grey);
    --trade-color-text: #1d252fb3;
    --trade-color-border: #d7dbdf;
    --trade-color-border-hover: #adbac7;
    --trade-color-hint: #1d252f73;
    --trade-color-disabled: #e3e3e8;
    --trade-color-icon: var(--color-invert);
    --trade-color-icon-secondary: #1d1d3599;
    --trade-color-invert-grey: #f6f7f9;
    --trade-color-dimmed: var(--color-silver);
    --trade-color-dimmed-white: #fff;
    --trade-color-scroll-caret: var(--color-white);
    --color-beige: #f9e4be;
    --color-beige-light: #fef2dc;
    --color-base-background: var(--color-silver);
    --color-brand-dark: #181834;
    --trade-color-grey: var(--color-white)
}

.wb-dark-mode,
:root {
    background-color: var(--color-dark)
}

.wb-dark-mode {
    --color-background: #08080c;
    --trade-color-grey: #1b1b1d;
    --trade-color-grey-2: #2d2d2f;
    --color-link: #5a91f6;
    --color-link-hover: #81bff8;
    --color-icon-secondary: #fff9;
    --color-invert-dark: #000;
    --trade-color-invert: #000;
    --trade-color-invert-dark: #fff;
    --trade-color-background: var(--color-dark);
    --trade-color-block-background: var(--color-onyx);
    --trade-color-market-list-bg: var(--color-charcoal);
    --trade-color-text: #ffffffb3;
    --trade-color-border: #3c3c44;
    --trade-color-border-hover: #6e6e77;
    --trade-color-hint: #ffffff73;
    --trade-color-disabled: #2e2e38;
    --trade-color-icon: var(--color-white);
    --trade-color-icon-secondary: #fff9;
    --trade-color-invert-grey: var(--color-dimmed);
    --trade-color-dimmed: var(--color-dimmed);
    --trade-color-dimmed-white: var(--color-dimmed);
    --trade-color-scroll-caret: var(--color-dark);
    --color-text-head: #fff;
    --color-red: #b53b45;
    --color-red-hover: #aa313b;
    --color-red-active: #681d23;
    --color-green: #488e58;
    --color-green-hover: #1a8934;
    --color-green-active: #125e24;
    color: var(--trade-color-text)
}

.wb-custom-mode,
.wb-light-mode {
    background-color: var(--color-white)
}

.is-dark {
    --color-grey: #1b1b1d;
    --color-grey-2: #2d2d2f;
    --color-grey-3: #39393c;
    --color-invert: #fff;
    --color-invert-dark: #000;
    --color-text-head: #fff;
    --color-text: #ffffffb3;
    --color-text-hint: #ffffff80;
    --color-border: #b5c2de33;
    --color-border-hover: #b5c2de59;
    --color-border-active: #b5c2de80;
    --color-link: #5a91f6;
    --color-link-hover: #81bff8;
    --color-disabled: #ffffff1a;
    --color-icon: var(--color-invert);
    --color-icon-secondary: #fff9;
    --color-icon-tertiary: #ffffff40;
    --color-switcher: #ffffff4d;
    --color-invert-grey: var(--color-dimmed);
    --color-beige: var(--trade-color-border);
    --color-beige-light: var(--color-dimmed);
    --color-base-background: var(--color-charcoal);
    color: var(--color-text)
}

.use-new-theme {
    --color-error: var(--palette-red-600);
    --color-error-hover: var(--palette-red-700);
    --color-error-active: var(--palette-red-800);
    --color-success: var(--palette-green-600);
    --color-success-hover: var(--palette-green-700);
    --color-success-active: var(--palette-green-800);
    --color-button-primary: var(--palette-yellow-400);
    --color-button-primary-hover: var(--palette-yellow-500);
    --color-button-primary-active: var(--palette-yellow-600);
    --color-button-buy: var(--palette-green-600);
    --color-button-buy-hover: var(--palette-green-700);
    --color-button-buy-active: var(--palette-green-800);
    --color-button-sell: var(--palette-red-500);
    --color-button-sell-hover: var(--palette-red-600);
    --color-button-sell-active: var(--palette-red-700);
    --color-candles-buy: var(--palette-green-600);
    --color-candles-sell: var(--palette-red-500);
    --color-candles-buy-acc: var(--palette-sky-600);
    --color-candles-sell-acc: var(--palette-yellow-600);
    --color-accent-white: var(--palette-white);
    --color-accent-black: var(--palette-black);
    --color-accent-indigo: var(--palette-indigo-950);
    --color-accent-space: var(--palette-space-500);
    --color-accent-green: var(--palette-green-600);
    --color-accent-red: var(--palette-red-600);
    --color-accent-lime: var(--palette-lime-500);
    --color-accent-green-a10: var(--palette-green-500-a10);
    --color-accent-green-a20: var(--palette-green-500-a20);
    --color-accent-green-a40: var(--palette-green-500-a40);
    --color-accent-red-a10: var(--palette-red-500-a10);
    --color-accent-red-a20: var(--palette-red-500-a20);
    --color-accent-red-a40: var(--palette-red-500-a40);
    --color-accent-orange-a10: var(--palette-orange-500-a10);
    --color-accent-orange-a20: var(--palette-orange-500-a20);
    --color-accent-orange-a40: var(--palette-orange-500-a40);
    --color-accent-lime-a10: var(--palette-lime-500-a10);
    --color-accent-lime-a20: var(--palette-lime-500-a20);
    --color-accent-lime-a40: var(--palette-lime-500-a40);
    --color-accent-grey-a10: var(--palette-slate-500-a10);
    --color-accent-grey-a20: var(--palette-slate-500-a20);
    --color-accent-grey-a40: var(--palette-slate-500-a40);
    --color-accent-rose-a10: var(--palette-rose-500-a10);
    --color-accent-rose-a20: var(--palette-rose-500-a20);
    --color-accent-rose-a40: var(--palette-rose-500-a40);
    --color-accent-brown-a10: var(--palette-yellow-500-a10);
    --color-accent-brown-a20: var(--palette-yellow-500-a20);
    --color-accent-brown-a40: var(--palette-yellow-500-a40);
    --color-accent-violet-a10: var(--palette-violet-500-a10);
    --color-accent-violet-a20: var(--palette-violet-500-a20);
    --color-accent-violet-a40: var(--palette-violet-500-a40);
    --color-accent-blue-a10: var(--palette-blue-500-a10);
    --color-accent-blue-a20: var(--palette-blue-500-a20);
    --color-accent-blue-a40: var(--palette-blue-500-a40);
    --color-accent-white-a10: var(--palette-white-a10);
    --color-accent-white-a20: var(--palette-white-a20);
    --color-accent-white-a40: var(--palette-white-a40);
    --color-accent-black-a10: var(--palette-black-a10);
    --color-accent-black-a20: var(--palette-black-a20);
    --color-accent-black-a40: var(--palette-black-a40);
    color: var(--color-text-head)
}

.use-new-theme .wb-custom-mode,
.use-new-theme .wb-light-mode,
.use-new-theme.wb-custom-mode,
.use-new-theme.wb-light-mode,
.wb-custom-mode .use-new-theme,
.wb-light-mode .use-new-theme {
    --color-main-bg: var(--palette-slate-100);
    --color-layer-1-bg: var(--palette-white);
    --color-layer-2-bg: var(--palette-slate-200);
    --color-layer-3-bg: var(--palette-slate-300);
    --color-brand-bg: var(--palette-indigo-950);
    --color-blue-bg: var(--palette-blue-500-a10);
    --color-text-head: var(--palette-black);
    --color-text-head-invert: var(--palette-white);
    --color-text-typeset: var(--palette-black-a70);
    --color-text-typeset-invert: var(--palette-white-a70);
    --color-text-hint: var(--palette-black-a50);
    --color-text-hint-invert: var(--palette-white-a50);
    --color-icon-primary: var(--palette-black);
    --color-icon-primary-invert: var(--palette-white);
    --color-icon-secondary: var(--palette-slate-500);
    --color-icon-secondary-invert: var(--palette-zinc-400);
    --color-border: var(--palette-black-a20);
    --color-border-hover: var(--palette-black-a40);
    --color-border-active: var(--palette-black-a60);
    --color-border-dark-only: #0000;
    --color-form-fill: var(--palette-white-a40);
    --color-form-fill-disabled: var(--palette-black-a10);
    --color-error-bg: var(--palette-red-100);
    --color-success-bg: var(--palette-green-100);
    --color-link: var(--palette-blue-600);
    --color-link-hover: var(--palette-blue-700);
    --color-link-active: var(--palette-blue-800);
    --color-link-visited: var(--palette-violet-600);
    --color-button-secondary: var(--palette-black-a5);
    --color-button-secondary-hover: var(--palette-black-a10);
    --color-button-secondary-active: var(--palette-black-a20);
    --color-button-plain-hover: var(--palette-black-a5);
    --color-button-plain-active: var(--palette-black-a10);
    --color-accent-white-invert: var(--palette-white);
    --color-accent-black-invert: var(--palette-black);
    --color-accent-grey-invert: var(--palette-space-100);
    --color-accent-leverage-invert: var(--palette-yellow-700);
    --color-accent-lime-invert: var(--palette-orange-600);
    --color-accent-orange: var(--palette-orange-600);
    --color-accent-grey: var(--palette-slate-600);
    --color-accent-rose: var(--palette-rose-600);
    --color-accent-brown: var(--palette-yellow-800);
    --color-accent-violet: var(--palette-violet-600);
    --color-accent-blue: var(--palette-blue-600);
    --color-accent-white-a10-invert: var(--palette-white-a10);
    --color-accent-white-a20-invert: var(--palette-white-a20);
    --color-accent-white-a40-invert: var(--palette-white-a40);
    --color-accent-black-a10-invert: var(--palette-black-a10);
    --color-accent-black-a20-invert: var(--palette-black-a20);
    --color-accent-black-a40-invert: var(--palette-black-a40)
}

.use-new-theme .wb-dark-mode,
.use-new-theme.wb-dark-mode,
.wb-dark-mode .use-new-theme {
    --color-main-bg: var(--palette-zinc-950);
    --color-layer-1-bg: var(--palette-zinc-900);
    --color-layer-2-bg: var(--palette-zinc-800);
    --color-layer-3-bg: var(--palette-zinc-700);
    --color-brand-bg: var(--palette-zinc-800);
    --color-blue-bg: var(--palette-blue-500-a20);
    --color-text-head: var(--palette-white);
    --color-text-head-invert: var(--palette-black);
    --color-text-typeset: var(--palette-white-a70);
    --color-text-typeset-invert: var(--palette-black-a70);
    --color-text-hint: var(--palette-white-a50);
    --color-text-hint-invert: var(--palette-black-a50);
    --color-icon-primary: var(--palette-white);
    --color-icon-primary-invert: var(--palette-black);
    --color-icon-secondary: var(--palette-zinc-400);
    --color-icon-secondary-invert: var(--palette-slate-500);
    --color-border: var(--palette-white-a20);
    --color-border-hover: var(--palette-white-a40);
    --color-border-active: var(--palette-white-a60);
    --color-border-dark-only: var(--palette-white-a20);
    --color-form-fill: var(--palette-black-a40);
    --color-form-fill-disabled: var(--palette-white-a10);
    --color-error-bg: var(--palette-red-500-a10);
    --color-success-bg: var(--palette-green-500-a10);
    --color-link: var(--palette-blue-500);
    --color-link-hover: var(--palette-blue-400);
    --color-link-active: var(--palette-blue-300);
    --color-link-visited: var(--palette-violet-500);
    --color-button-secondary: var(--palette-white-a5);
    --color-button-secondary-hover: var(--palette-white-a10);
    --color-button-secondary-active: var(--palette-white-a20);
    --color-button-plain-hover: var(--palette-white-a5);
    --color-button-plain-active: var(--palette-white-a10);
    --color-accent-white-invert: var(--palette-black);
    --color-accent-black-invert: var(--palette-white);
    --color-accent-grey-invert: var(--palette-space-900);
    --color-accent-leverage-invert: var(--palette-yellow-400);
    --color-accent-lime-invert: var(--palette-lime-500);
    --color-accent-orange: var(--palette-orange-500);
    --color-accent-grey: var(--palette-slate-500);
    --color-accent-rose: var(--palette-rose-500);
    --color-accent-brown: var(--palette-yellow-700);
    --color-accent-violet: var(--palette-violet-500);
    --color-accent-blue: var(--palette-blue-500);
    --color-accent-white-a10-invert: var(--palette-black-a10);
    --color-accent-white-a20-invert: var(--palette-black-a20);
    --color-accent-white-a40-invert: var(--palette-black-a40);
    --color-accent-black-a10-invert: var(--palette-white-a10);
    --color-accent-black-a20-invert: var(--palette-white-a20);
    --color-accent-black-a40-invert: var(--palette-white-a40)
}

:root {
    --font-primary: "Inter", "Fallback Inter", serif;
    --font-iosevka: "Iosevka", monospace;
    --font-roboto: "Roboto Condensed", var(--font-primary), arial, sans-serif;
    --transition-duration: 0.3s;
    --transition-duration-sm: calc(var(--transition-duration)/2);
    --transition-duration-lg: calc(var(--transition-duration)*2);
    --border-radius: 0.5rem;
    --border-radius-xxs: 2px;
    --border-radius-xs: 0.25rem;
    --border-radius-sm: 0.375rem;
    --border-radius-md: 0.75rem;
    --border-radius-lg: 1rem;
    --border-radius-xl: 1.5rem;
    --border-radius-label: 6.25rem;
    --spaces: 0.5rem;
    --header-height: 3.25rem;
    --screen-height: calc(100vh - var(--footer-height, 0px) - var(--subheader-height, 0px) - var(--header-height))
}

/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: var(--font-iosevka);
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: initial
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

img,
svg {
    display: initial
}

*,
: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-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --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;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --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-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --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;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.container {
    margin-inline: auto;
    padding-inline: 1rem;
    width: 100%
}

@media (min-width:768px) {
    .container {
        padding-inline: 2rem
    }
}

@media (min-width:1323px) {
    .container {
        max-width: 90rem;
        padding-inline: 3.5rem
    }
}

.border-interactive {
    border-style: solid;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)));
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (hover:hover) {
    .border-interactive:hover {
        border-color: hsl(var(--clr-border)/.9)
    }
}

.text-link-interactive {
    color: hsl(var(--nt-clr-link)/var(--nt-clr-link-opacity, 1));
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (hover:hover) {
    .text-link-interactive:hover {
        color: hsl(var(--nt-clr-link-hover)/var(--nt-clr-link-hover-opacity, 1))
    }
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-x-px {
    left: 1px;
    right: 1px
}

.-left-4 {
    left: -1rem
}

.-right-10 {
    right: -2.5rem
}

.-right-8 {
    right: -2rem
}

.-top-2 {
    top: -.5rem
}

.bottom-0 {
    bottom: 0
}

.bottom-14 {
    bottom: 3.5rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-\[36\%\] {
    bottom: 36%
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-full {
    left: 100%
}

.right-0 {
    right: 0
}

.right-1\/2 {
    right: 50%
}

.right-2 {
    right: .5rem
}

.right-4 {
    right: 1rem
}

.top-0 {
    top: 0
}

.top-2 {
    top: .5rem
}

.top-4 {
    top: 1rem
}

.top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + .5rem)
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

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

.col-span-2 {
    grid-column: span 2/span 2
}

.\!m-0 {
    margin: 0 !important
}

.m-0 {
    margin: 0
}

.m-auto {
    margin: auto
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.\!mb-2 {
    margin-bottom: .5rem !important
}

.\!mb-3 {
    margin-bottom: .75rem !important
}

.\!mt-2 {
    margin-top: .5rem !important
}

.-mb-2 {
    margin-bottom: -.5rem
}

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

.-mb-4 {
    margin-bottom: -1rem
}

.-ml-4 {
    margin-left: -1rem
}

.-mr-3 {
    margin-right: -.75rem
}

.-mt-12 {
    margin-top: -3rem
}

.-mt-14 {
    margin-top: -3.5rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-0\.5 {
    margin-bottom: .125rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

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

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

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

.mb-7 {
    margin-bottom: 1.75rem
}

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

.mb-auto {
    margin-bottom: auto
}

.ml-0 {
    margin-left: 0
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-10 {
    margin-right: 2.5rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

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

.mt-6 {
    margin-top: 1.5rem
}

.mt-auto {
    margin-top: auto
}

.block {
    display: block
}

.\!inline-block {
    display: inline-block !important
}

.inline-block {
    display: inline-block
}

.\!inline {
    display: inline !important
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.\!inline-flex {
    display: inline-flex !important
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-row {
    display: table-row
}

.grid {
    display: grid
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.\!size-6 {
    height: 1.5rem !important;
    width: 1.5rem !important
}

.size-10 {
    height: 2.5rem;
    width: 2.5rem
}

.size-11 {
    height: 2.75rem;
    width: 2.75rem
}

.size-12 {
    height: 3rem;
    width: 3rem
}

.size-16 {
    height: 4rem;
    width: 4rem
}

.size-18 {
    height: 4.5rem;
    width: 4.5rem
}

.size-4 {
    height: 1rem;
    width: 1rem
}

.size-40 {
    height: 10rem;
    width: 10rem
}

.size-6 {
    height: 1.5rem;
    width: 1.5rem
}

.size-8 {
    height: 2rem;
    width: 2rem
}

.size-\[104px\] {
    height: 6.5rem;
    width: 6.5rem
}

.size-\[320px\] {
    height: 20rem;
    width: 20rem
}

.size-\[68px\] {
    height: 4.25rem;
    width: 4.25rem
}

.size-full {
    height: 100%;
    width: 100%
}

.\!h-0 {
    height: 0 !important
}

.\!h-\[15px\] {
    height: .9375rem !important
}

.h-0 {
    height: 0
}

.h-10 {
    height: 2.5rem
}

.h-16 {
    height: 4rem
}

.h-18 {
    height: 4.5rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-6 {
    height: 1.5rem
}

.h-\[18px\] {
    height: 1.125rem
}

.h-\[190px\] {
    height: 11.875rem
}

.h-\[232px\] {
    height: 14.5rem
}

.h-\[280px\] {
    height: 17.5rem
}

.h-\[348px\] {
    height: 21.75rem
}

.h-\[50px\] {
    height: 3.125rem
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-max {
    height: max-content
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-\[240px\] {
    max-height: 15rem
}

.max-h-\[264px\] {
    max-height: 16.5rem
}

.max-h-\[296px\] {
    max-height: 18.5rem
}

.max-h-\[340px\] {
    max-height: 21.25rem
}

.max-h-\[392px\] {
    max-height: 24.5rem
}

.max-h-\[64px\] {
    max-height: 4rem
}

.max-h-full {
    max-height: 100%
}

.min-h-16 {
    min-height: 4rem
}

.min-h-4 {
    min-height: 1rem
}

.min-h-80 {
    min-height: 20rem
}

.min-h-\[200px\] {
    min-height: 12.5rem
}

.min-h-\[224px\] {
    min-height: 14rem
}

.min-h-\[288px\] {
    min-height: 18rem
}

.min-h-\[314px\] {
    min-height: 19.625rem
}

.min-h-\[460px\] {
    min-height: 28.75rem
}

.min-h-\[576px\] {
    min-height: 36rem
}

.min-h-\[var\(--screen-height\)\] {
    min-height: var(--screen-height)
}

.\!w-5 {
    width: 1.25rem !important
}

.\!w-auto {
    width: auto !important
}

.\!w-full {
    width: 100% !important
}

.w-1\/3 {
    width: 33.333333%
}

.w-1\/4 {
    width: 25%
}

.w-11\/12 {
    width: 91.666667%
}

.w-14 {
    width: 3.5rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-24 {
    width: 6rem
}

.w-3\/4 {
    width: 75%
}

.w-8 {
    width: 2rem
}

.w-\[152px\] {
    width: 9.5rem
}

.w-\[164px\] {
    width: 10.25rem
}

.w-\[186px\] {
    width: 11.625rem
}

.w-\[203px\] {
    width: 12.6875rem
}

.w-\[252px\] {
    width: 15.75rem
}

.w-\[304px\] {
    width: 19rem
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: max-content
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.min-w-4 {
    min-width: 1rem
}

.min-w-6 {
    min-width: 1.5rem
}

.min-w-\[200px\] {
    min-width: 12.5rem
}

.min-w-\[20px\] {
    min-width: 1.25rem
}

.min-w-\[270px\] {
    min-width: 16.875rem
}

.min-w-\[326px\] {
    min-width: 20.375rem
}

.min-w-\[90px\] {
    min-width: 5.625rem
}

.min-w-max {
    min-width: max-content
}

.max-w-164 {
    max-width: 41rem
}

.max-w-176 {
    max-width: 44rem
}

.max-w-48 {
    max-width: 12rem
}

.max-w-52 {
    max-width: 13rem
}

.max-w-56 {
    max-width: 14rem
}

.max-w-\[120px\] {
    max-width: 7.5rem
}

.max-w-\[160px\] {
    max-width: 10rem
}

.max-w-\[240px\] {
    max-width: 15rem
}

.max-w-\[348px\] {
    max-width: 21.75rem
}

.max-w-\[360px\] {
    max-width: 22.5rem
}

.max-w-\[394px\] {
    max-width: 24.625rem
}

.max-w-\[408px\] {
    max-width: 25.5rem
}

.max-w-\[420px\] {
    max-width: 26.25rem
}

.max-w-\[432px\] {
    max-width: 27rem
}

.max-w-\[480px\] {
    max-width: 30rem
}

.max-w-\[486px\] {
    max-width: 30.375rem
}

.max-w-\[560px\] {
    max-width: 35rem
}

.max-w-\[688px\] {
    max-width: 43rem
}

.max-w-\[75px\] {
    max-width: 4.6875rem
}

.max-w-\[880px\] {
    max-width: 55rem
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-screen-xl {
    max-width: 120rem
}

.max-w-xl {
    max-width: 36rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.basis-\[146px\] {
    flex-basis: 9.125rem
}

.border-collapse {
    border-collapse: collapse
}

.-translate-x-full {
    --tw-translate-x: -100%
}

.-translate-x-full,
.translate-x-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
    --tw-translate-x: 100%
}

.rotate-12 {
    --tw-rotate: 12deg
}

.rotate-12,
.rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-\[-14deg\] {
    --tw-rotate: -14deg
}

.rotate-\[-14deg\],
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

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

.resize {
    resize: both
}

.list-inside {
    list-style-position: inside
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.auto-cols-\[320px\] {
    grid-auto-columns: 20rem
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-\[24px\2c auto\2c 24px\] {
    grid-template-columns: 1.5rem auto 1.5rem
}

.grid-cols-\[250px_304px_repeat\(2\2c auto\)\] {
    grid-template-columns: 15.625rem 19rem repeat(2, auto)
}

.grid-cols-\[28px_1fr\] {
    grid-template-columns: 1.75rem 1fr
}

.grid-rows-\[0fr\] {
    grid-template-rows: 0fr
}

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

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

.flex-wrap {
    flex-wrap: wrap
}

.place-items-center {
    place-items: center
}

.content-start {
    align-content: flex-start
}

.content-between {
    align-content: space-between
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.\!justify-start {
    justify-content: flex-start !important
}

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

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

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

.justify-around {
    justify-content: space-around
}

.justify-items-center {
    justify-items: center
}

.\!gap-1 {
    gap: .25rem !important
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-14 {
    gap: 3.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-px {
    gap: 1px
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-x-6 {
    column-gap: 1.5rem
}

.gap-x-8 {
    column-gap: 2rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-1\.5 {
    row-gap: .375rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.divide-dashed>:not([hidden])~:not([hidden]) {
    border-style: dashed
}

.divide-border>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-divide-opacity)))
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.justify-self-end {
    justify-self: end
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

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

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-full {
    border-radius: 624.9375rem
}

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

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-2xl {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-b-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-t-\[26px\] {
    border-top-left-radius: 1.625rem;
    border-top-right-radius: 1.625rem
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.rounded-tr-lg {
    border-top-right-radius: .5rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-\[3px\] {
    border-width: .1875rem
}

.border-y {
    border-top-width: 1px
}

.border-b,
.border-y {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-t {
    border-top-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-border {
    --tw-border-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

.border-green {
    --tw-border-opacity: 1;
    border-color: hsl(133 43% 49%/var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: hsl(0 0% 100%/var(--tw-border-opacity))
}

.border-y-border {
    border-top-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

.border-b-border,
.border-y-border {
    --tw-border-opacity: 1;
    border-bottom-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

.border-b-silver {
    --tw-border-opacity: 1;
    border-bottom-color: hsl(210 15% 95%/var(--tw-border-opacity))
}

.\!bg-silver {
    --tw-bg-opacity: 1 !important;
    background-color: hsl(210 15% 95%/var(--tw-bg-opacity)) !important
}

.bg-\[\#E2E8F0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity))
}

.bg-\[\#F1F5F9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity))
}

.bg-accent-black {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity))
}

.bg-accent-black-a10 {
    background-color: #0000001a
}

.bg-accent-black-a10-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-black-a10-invert)/var(--nt-clr-accent-black-a10-invert-opacity, var(--tw-bg-opacity)))
}

.bg-accent-black-a20 {
    background-color: #0003
}

.bg-accent-black-a20-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-black-a20-invert)/var(--nt-clr-accent-black-a20-invert-opacity, var(--tw-bg-opacity)))
}

.bg-accent-black-a40 {
    background-color: #0006
}

.bg-accent-black-a40-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-black-a40-invert)/var(--nt-clr-accent-black-a40-invert-opacity, var(--tw-bg-opacity)))
}

.bg-accent-black-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-black-invert)/var(--nt-clr-accent-black-invert-opacity, var(--tw-bg-opacity)))
}

.bg-accent-blue {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-blue)/var(--nt-clr-accent-blue-opacity, var(--tw-bg-opacity)))
}

.bg-accent-blue-a10 {
    background-color: #3c83f61a
}

.bg-accent-blue-a20 {
    background-color: #3c83f633
}

.bg-accent-blue-a40 {
    background-color: #3c83f666
}

.bg-accent-brown {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-brown)/var(--nt-clr-accent-brown-opacity, var(--tw-bg-opacity)))
}

.bg-accent-brown-a10 {
    background-color: #e7b0081a
}

.bg-accent-brown-a20 {
    background-color: #e7b00833
}

.bg-accent-brown-a40 {
    background-color: #e7b00866
}

.bg-accent-green {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74/var(--tw-bg-opacity))
}

.bg-accent-green-a10 {
    background-color: #21c45d1a
}

.bg-accent-green-a20 {
    background-color: #21c45d33
}

.bg-accent-green-a40 {
    background-color: #21c45d66
}

.bg-accent-grey {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-grey)/var(--nt-clr-accent-grey-opacity, var(--tw-bg-opacity)))
}

.bg-accent-grey-a10 {
    background-color: #65758b1a
}

.bg-accent-grey-a20 {
    background-color: #65758b33
}

.bg-accent-grey-a40 {
    background-color: #65758b66
}

.bg-accent-grey-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-grey-invert)/var(--nt-clr-accent-grey-invert-opacity, var(--tw-bg-opacity)))
}

.bg-accent-indigo {
    --tw-bg-opacity: 1;
    background-color: hsl(240 37% 15%/var(--tw-bg-opacity))
}

.bg-accent-leverage-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-leverage-invert)/var(--nt-clr-accent-leverage-invert-opacity, var(--tw-bg-opacity)))
}

.bg-accent-lime {
    --tw-bg-opacity: 1;
    background-color: hsl(66 69% 61%/var(--tw-bg-opacity))
}

.bg-accent-lime-a10 {
    background-color: #d2e0571a
}

.bg-accent-lime-a20 {
    background-color: #d2e05733
}

.bg-accent-lime-a40 {
    background-color: #d2e05766
}

.bg-accent-lime-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-lime-invert)/var(--nt-clr-accent-lime-invert-opacity, var(--tw-bg-opacity)))
}

.bg-accent-orange {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-orange)/var(--nt-clr-accent-orange-opacity, var(--tw-bg-opacity)))
}

.bg-accent-orange-a10 {
    background-color: #f974151a
}

.bg-accent-orange-a20 {
    background-color: #f9741533
}

.bg-accent-orange-a40 {
    background-color: #f9741566
}

.bg-accent-red {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity))
}

.bg-accent-red-a10 {
    background-color: #ef43431a
}

.bg-accent-red-a20 {
    background-color: #ef434333
}

.bg-accent-red-a40 {
    background-color: #ef434366
}

.bg-accent-rose {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-rose)/var(--nt-clr-accent-rose-opacity, var(--tw-bg-opacity)))
}

.bg-accent-rose-a10 {
    background-color: #f43e5c1a
}

.bg-accent-rose-a20 {
    background-color: #f43e5c33
}

.bg-accent-rose-a40 {
    background-color: #f43e5c66
}

.bg-accent-space {
    --tw-bg-opacity: 1;
    background-color: hsl(237 19% 49%/var(--tw-bg-opacity))
}

.bg-accent-violet {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-violet)/var(--nt-clr-accent-violet-opacity, var(--tw-bg-opacity)))
}

.bg-accent-violet-a10 {
    background-color: #895af61a
}

.bg-accent-violet-a20 {
    background-color: #895af633
}

.bg-accent-violet-a40 {
    background-color: #895af666
}

.bg-accent-white {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity))
}

.bg-accent-white-a10 {
    background-color: #ffffff1a
}

.bg-accent-white-a10-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-white-a10-invert)/var(--nt-clr-accent-white-a10-invert-opacity, var(--tw-bg-opacity)))
}

.bg-accent-white-a20 {
    background-color: #fff3
}

.bg-accent-white-a20-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-white-a20-invert)/var(--nt-clr-accent-white-a20-invert-opacity, var(--tw-bg-opacity)))
}

.bg-accent-white-a40 {
    background-color: #fff6
}

.bg-accent-white-a40-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-white-a40-invert)/var(--nt-clr-accent-white-a40-invert-opacity, var(--tw-bg-opacity)))
}

.bg-accent-white-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-accent-white-invert)/var(--nt-clr-accent-white-invert-opacity, var(--tw-bg-opacity)))
}

.bg-background {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--clr-background)/var(--clr-background-opacity, var(--tw-bg-opacity)))
}

.bg-blackwhite {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--clr-blackwhite)/var(--clr-blackwhite-opacity, var(--tw-bg-opacity)))
}

.bg-blue {
    background-color: hsl(216 51% 47%/var(--tw-bg-opacity))
}

.bg-blue,
.bg-blue-bg {
    --tw-bg-opacity: 1
}

.bg-blue-bg {
    background-color: hsl(var(--nt-clr-blue-bg)/var(--nt-clr-blue-bg-opacity, var(--tw-bg-opacity)))
}

.bg-border {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-bg-opacity)))
}

.bg-border-active {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-border-active)/var(--nt-clr-border-active-opacity, var(--tw-bg-opacity)))
}

.bg-border-dark-only {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-border-dark-only)/var(--nt-clr-border-dark-only-opacity, var(--tw-bg-opacity)))
}

.bg-border-hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-border-hover)/var(--nt-clr-border-hover-opacity, var(--tw-bg-opacity)))
}

.bg-brand-bg {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-brand-bg)/var(--nt-clr-brand-bg-opacity, var(--tw-bg-opacity)))
}

.bg-candles-buy {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74/var(--tw-bg-opacity))
}

.bg-candles-buy-acc {
    --tw-bg-opacity: 1;
    background-color: rgb(2 132 199/var(--tw-bg-opacity))
}

.bg-candles-sell {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-candles-sell-acc {
    --tw-bg-opacity: 1;
    background-color: rgb(202 138 4/var(--tw-bg-opacity))
}

.bg-cyan\/\[0\.15\] {
    background-color: #18183426
}

.bg-dark-blue {
    --tw-bg-opacity: 1;
    background-color: hsl(240 37% 15%/var(--tw-bg-opacity))
}

.bg-disabled {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--clr-disabled)/var(--clr-disabled-opacity, var(--tw-bg-opacity)))
}

.bg-error {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity))
}

.bg-error-active {
    --tw-bg-opacity: 1;
    background-color: rgb(153 27 27/var(--tw-bg-opacity))
}

.bg-error-bg {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-error-bg)/var(--nt-clr-error-bg-opacity, var(--tw-bg-opacity)))
}

.bg-error-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28/var(--tw-bg-opacity))
}

.bg-form-fill {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-form-fill)/var(--nt-clr-form-fill-opacity, var(--tw-bg-opacity)))
}

.bg-form-fill-disabled {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-form-fill-disabled)/var(--nt-clr-form-fill-disabled-opacity, var(--tw-bg-opacity)))
}

.bg-green {
    --tw-bg-opacity: 1;
    background-color: hsl(133 43% 49%/var(--tw-bg-opacity))
}

.bg-green\/\[0\.15\] {
    background-color: #47b35f26
}

.bg-grey-100 {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--clr-grey-100)/var(--clr-grey-100-opacity, var(--tw-bg-opacity)))
}

.bg-grey-200 {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--clr-grey-200)/var(--clr-grey-200-opacity, var(--tw-bg-opacity)))
}

.bg-grey-300 {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--clr-grey-300)/var(--clr-grey-300-opacity, var(--tw-bg-opacity)))
}

.bg-icon-300 {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--clr-icon-300)/var(--clr-icon-300-opacity, var(--tw-bg-opacity)))
}

.bg-icon-primary {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-icon-primary)/var(--nt-clr-icon-primary-opacity, var(--tw-bg-opacity)))
}

.bg-icon-primary-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-icon-primary-invert)/var(--nt-clr-icon-primary-invert-opacity, var(--tw-bg-opacity)))
}

.bg-icon-secondary {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-icon-secondary)/var(--nt-clr-icon-secondary-opacity, var(--tw-bg-opacity)))
}

.bg-icon-secondary-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-icon-secondary-invert)/var(--nt-clr-icon-secondary-invert-opacity, var(--tw-bg-opacity)))
}

.bg-layer-1-bg {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-layer-1-bg)/var(--nt-clr-layer-1-bg-opacity, var(--tw-bg-opacity)))
}

.bg-layer-2-bg {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-layer-2-bg)/var(--nt-clr-layer-2-bg-opacity, var(--tw-bg-opacity)))
}

.bg-layer-3-bg {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-layer-3-bg)/var(--nt-clr-layer-3-bg-opacity, var(--tw-bg-opacity)))
}

.bg-link {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-link)/var(--nt-clr-link-opacity, var(--tw-bg-opacity)))
}

.bg-link-active {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-link-active)/var(--nt-clr-link-active-opacity, var(--tw-bg-opacity)))
}

.bg-link-hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-link-hover)/var(--nt-clr-link-hover-opacity, var(--tw-bg-opacity)))
}

.bg-link-visited {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-link-visited)/var(--nt-clr-link-visited-opacity, var(--tw-bg-opacity)))
}

.bg-main-bg {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-main-bg)/var(--nt-clr-main-bg-opacity, var(--tw-bg-opacity)))
}

.bg-negative {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity))
}

.bg-negative\/\[0\.15\] {
    background-color: #dc262626
}

.bg-orange {
    --tw-bg-opacity: 1;
    background-color: hsl(14 79% 61%/var(--tw-bg-opacity))
}

.bg-orange\/15,
.bg-orange\/\[0\.15\] {
    background-color: #ea724d26
}

.bg-purplish {
    background-color: hsl(var(--clr-purplish)/var(--clr-purplish-opacity, var(--tw-bg-opacity)))
}

.bg-purplish,
.bg-red {
    --tw-bg-opacity: 1
}

.bg-red {
    background-color: hsl(0 91% 62%/var(--tw-bg-opacity))
}

.bg-silver {
    --tw-bg-opacity: 1;
    background-color: hsl(210 15% 95%/var(--tw-bg-opacity))
}

.bg-success {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74/var(--tw-bg-opacity))
}

.bg-success-active {
    --tw-bg-opacity: 1;
    background-color: rgb(22 101 52/var(--tw-bg-opacity))
}

.bg-success-bg {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-success-bg)/var(--nt-clr-success-bg-opacity, var(--tw-bg-opacity)))
}

.bg-success-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61/var(--tw-bg-opacity))
}

.bg-text-head {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-text-head)/var(--nt-clr-text-head-opacity, var(--tw-bg-opacity)))
}

.bg-text-head-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-text-head-invert)/var(--nt-clr-text-head-invert-opacity, var(--tw-bg-opacity)))
}

.bg-text-hint {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-text-hint)/var(--nt-clr-text-hint-opacity, var(--tw-bg-opacity)))
}

.bg-text-hint-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-text-hint-invert)/var(--nt-clr-text-hint-invert-opacity, var(--tw-bg-opacity)))
}

.bg-text-typeset {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-text-typeset)/var(--nt-clr-text-typeset-opacity, var(--tw-bg-opacity)))
}

.bg-text-typeset-invert {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-text-typeset-invert)/var(--nt-clr-text-typeset-invert-opacity, var(--tw-bg-opacity)))
}

.bg-text\/\[0\.15\] {
    background-color: hsl(var(--clr-text)/.15)
}

.bg-transparent {
    background-color: initial
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity))
}

.bg-\[url\(\/img\/uaf\/stadium\.webp\)\] {
    background-image: url(/img/uaf/stadium.webp)
}

.bg-\[url\(\/img\/uaf\/ticket-bg-sm\.svg\)\] {
    background-image: url(/img/uaf/ticket-bg-sm.svg)
}

.bg-\[length\:10px_10px\] {
    background-size: .625rem .625rem
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: 50%
}

.bg-left-bottom {
    background-position: 0 100%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-text-head {
    fill: hsl(var(--nt-clr-text-head)/var(--nt-clr-text-head-opacity, 1))
}

.fill-white {
    fill: #fff
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.\!p-0 {
    padding: 0 !important
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.\!px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

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

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

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

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.py-14 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.py-px {
    padding-bottom: 1px;
    padding-top: 1px
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-28 {
    padding-bottom: 7rem
}

.pb-4 {
    padding-bottom: 1rem
}

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

.pb-9 {
    padding-bottom: 2.25rem
}

.pl-1 {
    padding-left: .25rem
}

.pl-1\.5 {
    padding-left: .375rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-condensed {
    font-family: var(--font-roboto)
}

.font-mono {
    font-family: var(--font-iosevka)
}

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

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-2xl\/snug {
    font-size: 1.5rem;
    line-height: 1.375
}

.text-3xl {
    font-size: 2rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

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

.text-\[140px\] {
    font-size: 8.75rem
}

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

.text-\[40px\] {
    font-size: 2.5rem
}

.text-\[9px\] {
    font-size: .5625rem
}

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

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

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

.text-xs {
    line-height: 1rem
}

.text-xs,
.text-xs\/5 {
    font-size: .75rem
}

.text-xs\/5 {
    line-height: 1.25rem
}

.text-xs\/normal {
    font-size: .75rem;
    line-height: 1.5
}

.text-xxs {
    font-size: .625rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.leading-3 {
    line-height: .75rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[0\.6px\] {
    letter-spacing: .6px
}

.tracking-medium {
    letter-spacing: .06px
}

.tracking-wider {
    letter-spacing: .05em
}

.\!text-black {
    color: #000 !important
}

.\!text-green {
    color: #47b35f !important
}

.\!text-negative {
    color: #dc2626 !important
}

.\!text-text-head-invert {
    color: hsl(var(--nt-clr-text-head-invert)/var(--nt-clr-text-head-invert-opacity, 1)) !important
}

.\!text-white {
    color: #fff !important
}

.text-\[\#DC2626\] {
    color: #dc2626
}

.text-\[--color-icon-secondary\] {
    color: var(--color-icon-secondary)
}

.text-\[--color-text-hint\] {
    color: var(--color-text-hint)
}

.text-\[--color-text\] {
    color: var(--color-text)
}

.text-\[var\(--color-invert\)\] {
    color: var(--color-invert)
}

.text-accent-black {
    color: #000
}

.text-accent-green {
    color: #16a34a
}

.text-accent-red {
    color: #dc2626
}

.text-black {
    color: #000
}

.text-black\/50 {
    color: #00000080
}

.text-cyan {
    color: #181834
}

.text-foreground {
    color: hsl(var(--clr-foreground)/var(--clr-foreground-opacity, 1))
}

.text-green {
    color: #47b35f
}

.text-grey {
    color: hsl(var(--clr-grey)/var(--clr-grey-opacity, 1))
}

.text-head {
    color: hsl(var(--clr-head)/var(--clr-head-opacity, 1))
}

.text-hint {
    color: hsl(var(--clr-hint)/var(--clr-hint-opacity, 1))
}

.text-icon-200 {
    color: hsl(var(--clr-icon-200)/var(--clr-icon-200-opacity, 1))
}

.text-icon-300 {
    color: hsl(var(--clr-icon-300)/var(--clr-icon-300-opacity, 1))
}

.text-inherit {
    color: inherit
}

.text-link {
    color: hsl(var(--nt-clr-link)/var(--nt-clr-link-opacity, 1))
}

.text-negative {
    color: #dc2626
}

.text-orange {
    color: #ea724d
}

.text-purplish {
    color: hsl(var(--clr-purplish)/var(--clr-purplish-opacity, 1))
}

.text-red {
    color: #f64646
}

.text-text {
    color: hsl(var(--clr-text)/var(--clr-text-opacity, 1))
}

.text-text-head {
    color: hsl(var(--nt-clr-text-head)/var(--nt-clr-text-head-opacity, 1))
}

.text-text-head-invert {
    color: hsl(var(--nt-clr-text-head-invert)/var(--nt-clr-text-head-invert-opacity, 1))
}

.text-text-hint {
    color: hsl(var(--nt-clr-text-hint)/var(--nt-clr-text-hint-opacity, 1))
}

.text-text-hint-invert {
    color: hsl(var(--nt-clr-text-hint-invert)/var(--nt-clr-text-hint-invert-opacity, 1))
}

.text-text-typeset {
    color: hsl(var(--nt-clr-text-typeset)/var(--nt-clr-text-typeset-opacity, 1))
}

.text-text-typeset-invert {
    color: hsl(var(--nt-clr-text-typeset-invert)/var(--nt-clr-text-typeset-invert-opacity, 1))
}

.text-transparent {
    color: #0000
}

.text-white {
    color: #fff
}

.text-whiteblack {
    color: hsl(var(--clr-whiteblack)/var(--clr-whiteblack-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.opacity-\[0\.16\] {
    opacity: .16
}

.shadow {
    --tw-shadow: 0 1px 0.1875rem 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 0.1875rem 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 0.625rem 0.9375rem -0.1875rem #0000001a, 0 0.25rem 0.375rem -0.25rem #0000001a;
    --tw-shadow-colored: 0 0.625rem 0.9375rem -0.1875rem var(--tw-shadow-color), 0 0.25rem 0.375rem -0.25rem var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 0.25rem 0.375rem -1px #0000001a, 0 2px 0.25rem -2px #0000001a;
    --tw-shadow-colored: 0 0.25rem 0.375rem -1px var(--tw-shadow-color), 0 2px 0.25rem -2px var(--tw-shadow-color)
}

.shadow-md,
.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(0.5rem)
}

.blur,
.blur-\[10px\] {
    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)
}

.blur-\[10px\] {
    --tw-blur: blur(0.625rem)
}

.contrast-\[0\.9\] {
    --tw-contrast: contrast(0.9)
}

.contrast-\[0\.9\],
.drop-shadow {
    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)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.grayscale,
.invert {
    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 {
    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) !important
}

.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 {
    -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 {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.delay-300 {
    transition-delay: .3s
}

.duration-150 {
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.wb-light-mode,
[data-theme=light] {
    --clr-text: 215 23% 15%;
    --clr-text-opacity: 0.70;
    --clr-text-foreground: 0 0% 100%;
    --clr-text-foreground-opacity: 0.70;
    --clr-head: 0 0% 0%;
    --clr-head-foreground: 0 0% 100%;
    --clr-head-foreground-opacity: 0.70;
    --clr-border: 0 0% 0%;
    --clr-border-opacity: 0.20;
    --clr-disabled: 240 10% 90%;
    --clr-background: 240 24% 96%;
    --clr-foreground: 240 22% 4%;
    --clr-hint: 215 23% 15%;
    --clr-hint-opacity: 0.45;
    --clr-badge: 29 67% 42%;
    --clr-accent: 25 95% 53%;
    --clr-blackwhite: 0 0% 100%;
    --clr-whiteblack: 0 0% 0%;
    --clr-purplish: 240 37% 15%;
    --clr-grey-100: 0 0% 100%;
    --clr-grey-200: 240 24% 96%;
    --clr-grey-300: 240 6% 90%;
    --clr-grey: 240 15% 84%;
    --clr-icon-100: 0 0% 0%;
    --clr-icon-200: 240 30% 16%;
    --clr-icon-200-opacity: 0.60;
    --clr-icon-300: 240 30% 16%;
    --clr-icon-300-opacity: 0.25
}

.wb-dark-mode,
[data-theme=dark] {
    --clr-text: 0 0% 100%;
    --clr-text-opacity: 0.70;
    --clr-text-foreground: 215 23% 15%;
    --clr-text-foreground-opacity: 0.70;
    --clr-head: 0 0% 100%;
    --clr-head-foreground: 0 0% 0%;
    --clr-border: 0 0% 100%;
    --clr-border-opacity: 0.20;
    --clr-disabled: 240 10% 20%;
    --clr-background: 240 22% 4%;
    --clr-foreground: 240 24% 96%;
    --clr-hint: 0 0% 100%;
    --clr-hint-opacity: 0.45;
    --clr-badge: 43 79% 61%;
    --clr-accent: 82 85% 67%;
    --clr-blackwhite: 0 0% 0%;
    --clr-whiteblack: 0 0% 100%;
    --clr-purplish: 237 19% 49%;
    --clr-grey-100: 240 3% 11%;
    --clr-grey-200: 240 2% 18%;
    --clr-grey-300: 240 2% 23%;
    --clr-grey: 240 15% 84%;
    --clr-icon-100: 0 0% 100%;
    --clr-icon-200: 0 0% 100%;
    --clr-icon-200-opacity: 0.60;
    --clr-icon-300: 0 0% 100%;
    --clr-icon-300-opacity: 0.25
}

.wb-custom-mode,
[data-theme=custom] {
    --clr-text: 215 23% 15%;
    --clr-text-opacity: 0.70;
    --clr-text-foreground: 0 0% 100%;
    --clr-text-foreground-opacity: 0.70;
    --clr-head: 0 0% 0%;
    --clr-head-foreground: 0 0% 100%;
    --clr-head-foreground-opacity: 0.70;
    --clr-border: 0 0% 0%;
    --clr-border-opacity: 0.20;
    --clr-disabled: 240 10% 90%;
    --clr-background: 240 24% 96%;
    --clr-foreground: 240 22% 4%;
    --clr-hint: 215 23% 15%;
    --clr-hint-opacity: 0.45;
    --clr-badge: 29 67% 42%;
    --clr-accent: 25 95% 53%;
    --clr-blackwhite: 0 0% 100%;
    --clr-whiteblack: 0 0% 0%;
    --clr-purplish: 240 37% 15%;
    --clr-grey-100: 0 0% 100%;
    --clr-grey-200: 240 24% 96%;
    --clr-grey-300: 240 6% 90%;
    --clr-grey: 240 15% 84%;
    --clr-icon-100: 0 0% 0%;
    --clr-icon-200: 240 30% 16%;
    --clr-icon-200-opacity: 0.60;
    --clr-icon-300: 240 30% 16%;
    --clr-icon-300-opacity: 0.25
}

.use-new-theme .wb-light-mode,
.wb-light-mode .use-new-theme,
:root,
[data-theme=light] {
    --nt-clr-main-bg: 210 40% 96.1%;
    --nt-clr-layer-1-bg: 0 0% 100%;
    --nt-clr-layer-2-bg: 214.29999999999995 31.8% 91.4%;
    --nt-clr-layer-3-bg: 212.70000000000005 26.8% 83.9%;
    --nt-clr-brand-bg: 240 37% 15%;
    --nt-clr-blue-bg: 217 91% 60%;
    --nt-clr-blue-bg-opacity: 0.10;
    --nt-clr-text-head: 0 0% 0%;
    --nt-clr-text-head-invert: 0 0% 100%;
    --nt-clr-text-typeset: 0 0% 0%;
    --nt-clr-text-typeset-opacity: 0.70;
    --nt-clr-text-typeset-invert: 0 0% 100%;
    --nt-clr-text-typeset-invert-opacity: 0.70;
    --nt-clr-text-hint: 0 0% 0%;
    --nt-clr-text-hint-opacity: 0.50;
    --nt-clr-text-hint-invert: 0 0% 100%;
    --nt-clr-text-hint-invert-opacity: 0.50;
    --nt-clr-icon-primary: 0 0% 0%;
    --nt-clr-icon-primary-invert: 0 0% 100%;
    --nt-clr-icon-secondary: 215.39999999999998 16.3% 46.9%;
    --nt-clr-icon-secondary-invert: 240 5% 64.9%;
    --nt-clr-border: 0 0% 0%;
    --nt-clr-border-opacity: 0.20;
    --nt-clr-border-hover: 0 0% 0%;
    --nt-clr-border-hover-opacity: 0.40;
    --nt-clr-border-active: 0 0% 0%;
    --nt-clr-border-active-opacity: 0.60;
    --nt-clr-border-dark-only: 0 0% 0%;
    --nt-clr-border-dark-only-opacity: 0.00;
    --nt-clr-form-fill: 0 0% 100%;
    --nt-clr-form-fill-opacity: 0.40;
    --nt-clr-form-fill-disabled: 0 0% 0%;
    --nt-clr-form-fill-disabled-opacity: 0.10;
    --nt-clr-error-bg: 0 93.3% 94.1%;
    --nt-clr-success-bg: 140.60000000000002 84.2% 92.5%;
    --nt-clr-link: 221.20000000000005 83.2% 53.3%;
    --nt-clr-link-hover: 224.29999999999995 76.3% 48%;
    --nt-clr-link-active: 225.89999999999998 70.7% 40.2%;
    --nt-clr-link-visited: 262.1 83.3% 57.8%;
    --nt-clr-button-secondary: 0 0% 0%;
    --nt-clr-button-secondary-opacity: 0.05;
    --nt-clr-button-secondary-hover: 0 0% 0%;
    --nt-clr-button-secondary-hover-opacity: 0.10;
    --nt-clr-button-secondary-active: 0 0% 0%;
    --nt-clr-button-secondary-active-opacity: 0.20;
    --nt-clr-button-plain-hover: 0 0% 0%;
    --nt-clr-button-plain-hover-opacity: 0.05;
    --nt-clr-button-plain-active: 0 0% 0%;
    --nt-clr-button-plain-active-opacity: 0.10;
    --nt-clr-accent-white-invert: 0 0% 100%;
    --nt-clr-accent-black-invert: 0 0% 0%;
    --nt-clr-accent-grey-invert: 240 17% 93%;
    --nt-clr-accent-leverage-invert: 35.5 91.7% 32.9%;
    --nt-clr-accent-lime-invert: 20.5 90.2% 48.2%;
    --nt-clr-accent-orange: 20.5 90.2% 48.2%;
    --nt-clr-accent-grey: 215.29999999999995 19.3% 34.5%;
    --nt-clr-accent-rose: 346.79999999999995 77.2% 49.8%;
    --nt-clr-accent-brown: 31.80000000000001 81% 28.8%;
    --nt-clr-accent-violet: 262.1 83.3% 57.8%;
    --nt-clr-accent-blue: 221.20000000000005 83.2% 53.3%;
    --nt-clr-accent-white-a10-invert: 0 0% 100%;
    --nt-clr-accent-white-a10-invert-opacity: 0.10;
    --nt-clr-accent-white-a20-invert: 0 0% 100%;
    --nt-clr-accent-white-a20-invert-opacity: 0.20;
    --nt-clr-accent-white-a40-invert: 0 0% 100%;
    --nt-clr-accent-white-a40-invert-opacity: 0.40;
    --nt-clr-accent-black-a10-invert: 0 0% 0%;
    --nt-clr-accent-black-a10-invert-opacity: 0.10;
    --nt-clr-accent-black-a20-invert: 0 0% 0%;
    --nt-clr-accent-black-a20-invert-opacity: 0.20;
    --nt-clr-accent-black-a40-invert: 0 0% 0%;
    --nt-clr-accent-black-a40-invert-opacity: 0.40
}

.use-new-theme .wb-dark-mode,
.wb-dark-mode .use-new-theme,
[data-theme=dark] {
    --nt-clr-main-bg: 240 10% 3.9%;
    --nt-clr-layer-1-bg: 240 5.9% 10%;
    --nt-clr-layer-2-bg: 240 3.7% 15.9%;
    --nt-clr-layer-3-bg: 240 5.3% 26.1%;
    --nt-clr-brand-bg: 240 3.7% 15.9%;
    --nt-clr-blue-bg: 217 91% 60%;
    --nt-clr-blue-bg-opacity: 0.20;
    --nt-clr-text-head: 0 0% 100%;
    --nt-clr-text-head-invert: 0 0% 0%;
    --nt-clr-text-typeset: 0 0% 100%;
    --nt-clr-text-typeset-opacity: 0.70;
    --nt-clr-text-typeset-invert: 0 0% 0%;
    --nt-clr-text-typeset-invert-opacity: 0.70;
    --nt-clr-text-hint: 0 0% 100%;
    --nt-clr-text-hint-opacity: 0.50;
    --nt-clr-text-hint-invert: 0 0% 0%;
    --nt-clr-text-hint-invert-opacity: 0.50;
    --nt-clr-icon-primary: 0 0% 100%;
    --nt-clr-icon-primary-invert: 0 0% 0%;
    --nt-clr-icon-secondary: 240 5% 64.9%;
    --nt-clr-icon-secondary-invert: 215.39999999999998 16.3% 46.9%;
    --nt-clr-border: 0 0% 100%;
    --nt-clr-border-opacity: 0.20;
    --nt-clr-border-hover: 0 0% 100%;
    --nt-clr-border-hover-opacity: 0.40;
    --nt-clr-border-active: 0 0% 100%;
    --nt-clr-border-active-opacity: 0.60;
    --nt-clr-border-dark-only: 0 0% 100%;
    --nt-clr-border-dark-only-opacity: 0.20;
    --nt-clr-form-fill: 0 0% 0%;
    --nt-clr-form-fill-opacity: 0.40;
    --nt-clr-form-fill-disabled: 0 0% 100%;
    --nt-clr-form-fill-disabled-opacity: 0.10;
    --nt-clr-error-bg: 0 84% 60%;
    --nt-clr-error-bg-opacity: 0.10;
    --nt-clr-success-bg: 142 71% 45%;
    --nt-clr-success-bg-opacity: 0.10;
    --nt-clr-link: 217.20000000000005 91.2% 59.8%;
    --nt-clr-link-hover: 213.10000000000002 93.9% 67.8%;
    --nt-clr-link-active: 211.70000000000005 96.4% 78.4%;
    --nt-clr-link-visited: 258.29999999999995 89.5% 66.3%;
    --nt-clr-button-secondary: 0 0% 100%;
    --nt-clr-button-secondary-opacity: 0.05;
    --nt-clr-button-secondary-hover: 0 0% 100%;
    --nt-clr-button-secondary-hover-opacity: 0.10;
    --nt-clr-button-secondary-active: 0 0% 100%;
    --nt-clr-button-secondary-active-opacity: 0.20;
    --nt-clr-button-plain-hover: 0 0% 100%;
    --nt-clr-button-plain-hover-opacity: 0.05;
    --nt-clr-button-plain-active: 0 0% 100%;
    --nt-clr-button-plain-active-opacity: 0.10;
    --nt-clr-accent-white-invert: 0 0% 0%;
    --nt-clr-accent-black-invert: 0 0% 100%;
    --nt-clr-accent-grey-invert: 237 19% 22%;
    --nt-clr-accent-leverage-invert: 43 79% 61%;
    --nt-clr-accent-lime-invert: 66 69% 61%;
    --nt-clr-accent-orange: 24.600000000000023 95% 53.1%;
    --nt-clr-accent-grey: 215.39999999999998 16.3% 46.9%;
    --nt-clr-accent-rose: 349.70000000000005 89.2% 60.2%;
    --nt-clr-accent-brown: 35.5 91.7% 32.9%;
    --nt-clr-accent-violet: 258.29999999999995 89.5% 66.3%;
    --nt-clr-accent-blue: 217.20000000000005 91.2% 59.8%;
    --nt-clr-accent-white-a10-invert: 0 0% 0%;
    --nt-clr-accent-white-a10-invert-opacity: 0.10;
    --nt-clr-accent-white-a20-invert: 0 0% 0%;
    --nt-clr-accent-white-a20-invert-opacity: 0.20;
    --nt-clr-accent-white-a40-invert: 0 0% 0%;
    --nt-clr-accent-white-a40-invert-opacity: 0.40;
    --nt-clr-accent-black-a10-invert: 0 0% 100%;
    --nt-clr-accent-black-a10-invert-opacity: 0.10;
    --nt-clr-accent-black-a20-invert: 0 0% 100%;
    --nt-clr-accent-black-a20-invert-opacity: 0.20;
    --nt-clr-accent-black-a40-invert: 0 0% 100%;
    --nt-clr-accent-black-a40-invert-opacity: 0.40
}

.use-new-theme .wb-custom-mode,
.wb-custom-mode .use-new-theme,
[data-theme=custom] {
    --nt-clr-main-bg: 210 40% 96.1%;
    --nt-clr-layer-1-bg: 0 0% 100%;
    --nt-clr-layer-2-bg: 214.29999999999995 31.8% 91.4%;
    --nt-clr-layer-3-bg: 212.70000000000005 26.8% 83.9%;
    --nt-clr-brand-bg: 240 37% 15%;
    --nt-clr-blue-bg: 217 91% 60%;
    --nt-clr-blue-bg-opacity: 0.10;
    --nt-clr-text-head: 0 0% 0%;
    --nt-clr-text-head-invert: 0 0% 100%;
    --nt-clr-text-typeset: 0 0% 0%;
    --nt-clr-text-typeset-opacity: 0.70;
    --nt-clr-text-typeset-invert: 0 0% 100%;
    --nt-clr-text-typeset-invert-opacity: 0.70;
    --nt-clr-text-hint: 0 0% 0%;
    --nt-clr-text-hint-opacity: 0.50;
    --nt-clr-text-hint-invert: 0 0% 100%;
    --nt-clr-text-hint-invert-opacity: 0.50;
    --nt-clr-icon-primary: 0 0% 0%;
    --nt-clr-icon-primary-invert: 0 0% 100%;
    --nt-clr-icon-secondary: 215.39999999999998 16.3% 46.9%;
    --nt-clr-icon-secondary-invert: 240 5% 64.9%;
    --nt-clr-border: 0 0% 0%;
    --nt-clr-border-opacity: 0.20;
    --nt-clr-border-hover: 0 0% 0%;
    --nt-clr-border-hover-opacity: 0.40;
    --nt-clr-border-active: 0 0% 0%;
    --nt-clr-border-active-opacity: 0.60;
    --nt-clr-border-dark-only: 0 0% 0%;
    --nt-clr-border-dark-only-opacity: 0.00;
    --nt-clr-form-fill: 0 0% 100%;
    --nt-clr-form-fill-opacity: 0.40;
    --nt-clr-form-fill-disabled: 0 0% 0%;
    --nt-clr-form-fill-disabled-opacity: 0.10;
    --nt-clr-error-bg: 0 93.3% 94.1%;
    --nt-clr-success-bg: 140.60000000000002 84.2% 92.5%;
    --nt-clr-link: 221.20000000000005 83.2% 53.3%;
    --nt-clr-link-hover: 224.29999999999995 76.3% 48%;
    --nt-clr-link-active: 225.89999999999998 70.7% 40.2%;
    --nt-clr-link-visited: 262.1 83.3% 57.8%;
    --nt-clr-button-secondary: 0 0% 0%;
    --nt-clr-button-secondary-opacity: 0.05;
    --nt-clr-button-secondary-hover: 0 0% 0%;
    --nt-clr-button-secondary-hover-opacity: 0.10;
    --nt-clr-button-secondary-active: 0 0% 0%;
    --nt-clr-button-secondary-active-opacity: 0.20;
    --nt-clr-button-plain-hover: 0 0% 0%;
    --nt-clr-button-plain-hover-opacity: 0.05;
    --nt-clr-button-plain-active: 0 0% 0%;
    --nt-clr-button-plain-active-opacity: 0.10;
    --nt-clr-accent-white-invert: 0 0% 100%;
    --nt-clr-accent-black-invert: 0 0% 0%;
    --nt-clr-accent-grey-invert: 240 17% 93%;
    --nt-clr-accent-leverage-invert: 35.5 91.7% 32.9%;
    --nt-clr-accent-lime-invert: 20.5 90.2% 48.2%;
    --nt-clr-accent-orange: 20.5 90.2% 48.2%;
    --nt-clr-accent-grey: 215.29999999999995 19.3% 34.5%;
    --nt-clr-accent-rose: 346.79999999999995 77.2% 49.8%;
    --nt-clr-accent-brown: 31.80000000000001 81% 28.8%;
    --nt-clr-accent-violet: 262.1 83.3% 57.8%;
    --nt-clr-accent-blue: 221.20000000000005 83.2% 53.3%;
    --nt-clr-accent-white-a10-invert: 0 0% 100%;
    --nt-clr-accent-white-a10-invert-opacity: 0.10;
    --nt-clr-accent-white-a20-invert: 0 0% 100%;
    --nt-clr-accent-white-a20-invert-opacity: 0.20;
    --nt-clr-accent-white-a40-invert: 0 0% 100%;
    --nt-clr-accent-white-a40-invert-opacity: 0.40;
    --nt-clr-accent-black-a10-invert: 0 0% 0%;
    --nt-clr-accent-black-a10-invert-opacity: 0.10;
    --nt-clr-accent-black-a20-invert: 0 0% 0%;
    --nt-clr-accent-black-a20-invert-opacity: 0.20;
    --nt-clr-accent-black-a40-invert: 0 0% 0%;
    --nt-clr-accent-black-a40-invert-opacity: 0.40
}

*,
:after,
:before {
    box-sizing: border-box
}

#__layout,
#__whitebit,
body,
html {
    height: 100%;
    width: 100%
}

@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-width: thin
    }
}

html {
    font-size: 16px;
    overscroll-behavior-x: none;
    padding-right: var(--scrollbar-width, 0)
}

@media (max-width:340px) {
    html {
        font-size: 14px
    }
}

@media (min-width:3840px) {
    html {
        font-size: 18px
    }
}

body {
    color: var(--color-text);
    font-family: var(--font-primary);
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgb(0 0 0/0);
    scrollbar-gutter: stable
}

@media (prefers-reduced-motion:no-preference) {
    body {
        scroll-behavior: smooth
    }
}

img {
    max-width: 100%
}

article,
aside,
canvas,
dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
img,
input,
label,
li,
nav,
ol,
p,
section,
table,
td,
textarea,
tfoot,
th,
thead,
tr,
ul {
    margin: 0;
    padding: 0;
    vertical-align: initial
}

iframe {
    overflow: unset !important
}

tbody,
tfoot,
thead {
    margin: 0;
    padding: 0;
    vertical-align: middle
}

tr {
    width: 100%
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

input[type=number] {
    -webkit-appearance: textfield;
    appearance: textfield
}

canvas {
    width: 100%
}

aside,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

svg {
    outline: none;
    vertical-align: middle
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-feature-settings: none;
    font-variant-ligatures: none
}

button,
input,
textarea {
    border: none;
    font: inherit;
    font-feature-settings: none;
    font-variant-ligatures: none
}

button {
    background-color: initial;
    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 0
}

button[disabled] {
    cursor: no-drop
}

strong {
    font-weight: 500
}

a {
    color: inherit;
    cursor: pointer;
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.disable-scroll-Iphone {
    overflow: hidden;
    overscroll-behavior: none;
    position: fixed !important;
    touch-action: none;
    width: 100%
}

.disable-scroll-Iphone header {
    top: 0
}

.disable-select * {
    -webkit-user-select: none;
    user-select: none
}

.geetest_holder.geetest_wind {
    min-width: auto !important
}

.u-hidden {
    height: 1px;
    margin: calc(var(--spaces)*-.12);
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap
}

.zdbutton {
    align-items: center;
    animation: entranceWidget .2s ease-in .7s 1 normal forwards running;
    background-color: #eabe4d !important;
    border: 0;
    border-radius: 50%;
    bottom: 1rem;
    box-shadow: 0 1.25rem 1.875rem #17494d26;
    display: flex;
    height: 4rem;
    justify-content: center;
    margin-top: 0;
    opacity: 0;
    position: fixed;
    right: 1rem;
    width: 4rem;
    z-index: 999999
}

@keyframes entranceWidget {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes loaderSpin {
    to {
        rotate: 1turn
    }
}

.zdbutton .chatIcon {
    height: 60% !important;
    width: 60% !important
}

.zdbutton .chatIcon path {
    fill: #423a24
}

.zdbutton .Loader {
    animation: loaderSpin 1s linear infinite;
    border: .1875rem solid #423a2433;
    border-left-color: #423a24;
    border-radius: 50%;
    height: 50%;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    width: 50%
}

html .v-popper {
    display: flex
}

html .v-popper--has-tooltip {
    cursor: pointer
}

html .v-popper__hide-arrow.v-popper__popper {
    left: 0
}

html .v-popper__hide-arrow .v-popper__arrow-container {
    display: none
}

html .v-popper__popper {
    max-width: 328px
}

@media (max-width:420px) {
    html .v-popper__popper {
        max-width: 280px
    }
}

html .v-popper__popper.wide {
    max-width: 600px
}

html .v-popper__popper.fluid {
    max-width: none
}

html .v-popper__popper.fluid .v-popper__inner {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: var(--shadow-sm);
    padding: 0
}

html .v-popper__popper.fluid .v-popper__arrow-container {
    display: none
}

html .v-popper__popper:focus-visible {
    outline: none
}

html .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
html .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-color: #0000 !important;
    border-bottom-width: 0 !important;
    border-left-color: #0000 !important;
    border-right-color: #0000 !important
}

html .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    left: -2px;
    top: -2px
}

html .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-container {
    transform: translateX(0)
}

html .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0;
    transform: translateX(-4px)
}

html .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
html .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-left-color: #0000 !important;
    border-right-color: #0000 !important;
    border-top-color: #0000 !important;
    border-top-width: 0 !important
}

html .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

html .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    left: -2px;
    top: -4px
}

html .v-popper__popper[data-popper-placement^=left] {
    top: -5px
}

html .v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -8px
}

html .v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
html .v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-bottom-color: #0000 !important;
    border-right-color: #0000 !important;
    border-right-width: 0 !important;
    border-top-color: #0000 !important;
    top: 5px
}

html .v-popper__popper[data-popper-placement^=start] .v-popper__arrow-container {
    right: -10px
}

html .v-popper__popper[data-popper-placement^=start] .v-popper__arrow-inner,
html .v-popper__popper[data-popper-placement^=start] .v-popper__arrow-outer {
    border-bottom-color: #0000 !important;
    border-right-color: #0000 !important;
    border-right-width: 0 !important;
    border-top-color: #0000 !important
}

html .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -4px
}

html .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
html .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-bottom-color: #0000 !important;
    border-left-color: #0000 !important;
    border-left-width: 0 !important;
    border-top-color: #0000 !important
}

html .v-popper__popper .v-popper__inner {
    background-color: var(--color-white);
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-sm);
    color: var(--color-text);
    font-size: 12px;
    outline: none;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1.5)
}

html .v-popper__popper.v-popper__shrink .v-popper__inner {
    background-color: initial !important;
    border: none;
    box-shadow: var(--shadow-sm);
    overflow: inherit;
    padding: calc(var(--spaces)*.25)
}

html .v-popper__popper.v-popper__flat .v-popper__inner {
    background-color: initial !important;
    border: none;
    box-shadow: none;
    overflow: inherit
}

html .v-popper__popper .v-popper__arrow-container {
    height: 10px;
    position: absolute;
    width: 10px
}

html .v-popper__popper .v-popper__arrow-inner {
    border-color: var(--color-white);
    border-width: .4375rem;
    visibility: hidden
}

html .v-popper__popper .v-popper__arrow-outer {
    border-color: var(--color-white);
    border-width: .375rem;
    left: -1px
}

html .v-popper__popper .v-popper__arrow-inner,
html .v-popper__popper .v-popper__arrow-outer {
    border-style: solid;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

html .v-popper__popper[class*=v-popper--theme-trade-tooltip] {
    white-space: break-spaces
}

html .v-popper__popper[class*=v-popper--theme-trade] .v-popper__inner {
    background-color: var(--trade-color-invert);
    color: var(--trade-color-invert-dark)
}

html .v-popper__popper[class*=v-popper--theme-trade] .v-popper__arrow-inner,
html .v-popper__popper[class*=v-popper--theme-trade] .v-popper__arrow-outer {
    border-color: var(--trade-color-invert)
}

html .v-popper__popper.is-dark-home .v-popper__arrow-inner,
html .v-popper__popper.is-dark-home .v-popper__arrow-outer {
    left: var(--spaces) !important
}

html .v-popper__popper.is-dark .v-popper__inner {
    background-color: var(--color-charcoal);
    color: var(--color-text)
}

html .v-popper__popper.is-dark .v-popper__arrow-inner,
html .v-popper__popper.is-dark .v-popper__arrow-outer {
    border-color: var(--color-charcoal)
}

html .v-popper__popper[class*=v-popper--theme-dark] .v-popper__inner {
    background-color: var(--color-dimmed);
    color: var(--trade-color-text)
}

html .v-popper__popper[class*=v-popper--theme-dark] .v-popper__arrow-inner,
html .v-popper__popper[class*=v-popper--theme-dark] .v-popper__arrow-outer {
    border-color: var(--color-dimmed)
}

html .v-popper .v-popper__popper.v-popper__popper--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, visibility .15s;
    visibility: hidden
}

.normalization-tooltip {
    max-width: 18.75rem;
    z-index: 3
}

@media (min-width:768px) {
    .normalization-tooltip {
        max-width: 31.25rem
    }
}

.vue-grid-item:not(.vue-resizable) {
    transition: none !important
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 100 1000;
    src: url(Inter.woff2) format("woff2 supports variations"), url(Inter.woff2) format("woff2-variations")
}



@font-face {
    ascent-override: 90.199%;
    descent-override: 22.4836%;
    font-family: Fallback Inter;
    line-gap-override: 0%;
    size-adjust: 104%;
    src: local("Arial")
}

blockquote,
dt,
figcaption,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance
}

dd,
li,
p {
    text-wrap: pretty
}

.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-text-head);
    font-family: var(--font-primary);
    font-weight: 700
}

.heading-1,
h1 {
    font-size: 2.5rem
}

.heading-2,
h2 {
    font-size: 2rem;
    font-weight: 600
}

.heading-3,
h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

.heading-4,
h4 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem
}

.heading-5,
h5 {
    font-weight: 500
}

.heading-5,
.heading-6,
h5,
h6 {
    font-size: .875rem;
    line-height: 1.25rem
}

.heading-6,
h6 {
    font-weight: 400
}

.u-tied {
    font-size: .875rem;
    line-height: 1.375rem
}

.u-tied-item {
    --circle-size: 0.625rem;
    color: var(--color-text);
    padding-bottom: calc(var(--spaces)*2);
    padding-left: calc(var(--spaces)*3.25);
    position: relative
}

.u-tied-item:last-child {
    padding-bottom: 0
}

.u-tied-item:last-child:before {
    display: none
}

.u-tied-item:after,
.u-tied-item:before {
    content: "";
    position: absolute
}

.u-tied-item:before {
    background-color: var(--color-border);
    bottom: 0;
    left: calc(var(--circle-size)/2);
    top: calc(.75rem + var(--circle-size));
    translate: -50%;
    width: 1px
}

.u-tied-item:after {
    border: 2px solid var(--color-icon);
    border-radius: 50%;
    height: var(--circle-size);
    left: 0;
    top: .375rem;
    width: var(--circle-size)
}

.u-tied-item:lang(ar) {
    padding-left: 0;
    padding-right: calc(var(--spaces)*3.25)
}

.u-tied-item:lang(ar):after {
    left: auto;
    right: 0
}

.u-link {
    color: var(--color-link);
    cursor: pointer;
    position: relative;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-position: under;
    transition: color var(--transition-duration)
}

@media (hover:hover) {
    .u-link:hover {
        color: var(--color-link-hover)
    }
}

.u-link--dashed {
    background-color: initial;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-position: under
}

.u-trade-dashed {
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-position: under
}

.u-text-normal {
    font-weight: 400
}

.u-trade-link {
    color: var(--color-link);
    cursor: pointer;
    position: relative;
    text-underline-position: under;
    transition: color var(--transition-duration)
}

.u-trade-link path {
    stroke: var(--color-link);
    transition: stroke var(--transition-duration)
}

@media (hover:hover) {
    .u-trade-link:hover {
        color: var(--color-link-hover)
    }

    .u-trade-link:hover path {
        stroke: var(--color-link-hover)
    }
}

.u-trade-link--dashed {
    text-decoration-style: dashed
}

.is-markdown ul li {
    color: var(--color-text);
    font-size: .75rem;
    line-height: 1.5;
    padding-left: calc(var(--spaces)*2);
    position: relative
}

.is-markdown ul li:not(:last-child) {
    margin-bottom: var(--spaces)
}

.is-markdown ul li:before {
    background-color: var(--color-text);
    border-radius: .375rem;
    content: "";
    height: .375rem;
    left: -.375rem;
    position: absolute;
    top: .4375rem;
    width: .375rem
}

.is-html ul li {
    padding-left: calc(var(--spaces)*2);
    position: relative
}

.is-html ul li:not(:last-child) {
    margin-bottom: var(--spaces)
}

.is-html ul li:before {
    background-color: var(--color-text);
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -6px;
    position: absolute;
    top: 10px;
    width: 6px
}

.is-html a {
    color: var(--color-link);
    position: relative;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-position: under;
    transition: color var(--transition-duration)
}

@media (hover:hover) {
    .is-html a:hover {
        color: var(--color-link-hover)
    }
}

.u-red {
    color: var(--color-red) !important
}

.u-green {
    color: var(--color-green) !important
}

.u-orange {
    color: var(--color-orange) !important
}

.u-blue {
    color: var(--color-blue) !important
}

.mono-font {
    font-family: var(--font-iosevka);
    letter-spacing: -.8px
}

.condensed-font {
    font-family: var(--font-roboto);
    font-stretch: condensed
}

[class*=u-status-] {
    white-space: nowrap
}

[class*=u-status-]:before {
    background-color: currentcolor;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .25rem;
    margin-bottom: 1px;
    margin-right: calc(var(--spaces)*.25);
    width: .25rem
}

@media (min-width:768px) {
    [class*=u-status-]:before {
        height: .5rem;
        margin-right: calc(var(--spaces)*.5);
        width: .5rem
    }
}

.u-status-green {
    color: var(--color-green) !important
}

.u-status-orange {
    color: var(--color-orange) !important
}

.u-status-red {
    color: var(--color-red) !important
}

.u-status-grey {
    color: var(--color-text-hint) !important
}

.u-status-blue {
    color: var(--color-blue) !important
}

.visibility {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.visibility-move {
    transition: all .1s ease-in-out
}

.visibility-enter-active {
    transition: all .1s ease-out
}

.visibility-leave-active {
    position: absolute;
    z-index: 0
}

.visibility-enter,
.visibility-leave-to {
    opacity: 0
}

.fade-sm-enter-active,
.fade-sm-leave-active {
    transition: opacity var(--transition-duration-sm) ease-in-out
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity var(--transition-duration) ease-in-out
}

.fade-enter,
.fade-leave-to,
.fade-sm-enter,
.fade-sm-leave-to {
    opacity: 0
}

.validation-enter-active,
.validation-leave-active {
    transition: var(--transition-duration-sm) ease-in-out;
    transition-property: opacity, transform
}

.validation-enter,
.validation-leave-to {
    opacity: 0;
    transform: translateY(-.25rem)
}

.slide-collapse-enter-active,
.slide-collapse-leave-active {
    max-height: 156.25rem;
    overflow: hidden;
    transform-style: preserve-3d;
    transition-duration: .3s;
    transition-property: max-height, padding-top, padding-bottom, margin-bottom
}

.slide-collapse-enter,
.slide-collapse-leave-to {
    margin-bottom: 0 !important;
    max-height: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.slide-right-enter-active,
.slide-right-leave-active {
    transition: var(--transition-duration);
    transition-property: transform, opacity
}

.slide-right-leave-active {
    left: 0;
    position: absolute;
    top: 0
}

.slide-right-enter {
    opacity: 0;
    transform: translateX(-150%)
}

.slide-right-leave-to {
    opacity: 0;
    transform: translateX(150%)
}

.slide-left-enter-active,
.slide-left-leave-active {
    transition: transform var(--transition-duration)
}

.slide-left-enter,
.slide-left-leave-to {
    transform: translateX(-150%)
}

.slide-top-enter-active,
.slide-top-leave-active {
    transition: transform var(--transition-duration)
}

.slide-top-enter,
.slide-top-leave-to {
    transform: translateY(-150%)
}

.slide-bottom-enter-active,
.slide-bottom-leave-active {
    transition: transform var(--transition-duration)
}

.slide-bottom-enter,
.slide-bottom-leave-to {
    transform: translateY(150%)
}

.collapse-enter-active,
.collapse-leave-active {
    overflow: hidden;
    transition: height var(--transition-duration), opacity var(--transition-duration), padding var(--transition-duration-sm);
    will-change: height, opacity, padding
}

.collapse-enter,
.collapse-leave-to {
    height: 0 !important;
    opacity: 0
}

.loading-dots {
    animation-delay: .2s;
    transform: translate(-50%, -50%)
}

.loading-dots,
.loading-dots:after,
.loading-dots:before {
    animation-duration: 1.4s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: loading-dots-animation;
    background-color: var(--color-icon-secondary);
    border-radius: 50%;
    height: .375rem;
    left: 50%;
    position: absolute;
    top: 50%;
    width: .375rem
}

.loading-dots:after,
.loading-dots:before {
    content: ""
}

.loading-dots:before {
    transform: translate(calc(-150% - .25rem), -50%)
}

.loading-dots:after {
    animation-delay: .4s;
    transform: translate(calc(50% + .25rem), -50%)
}

@keyframes loading-dots-animation {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

@media (min-width:768px) {
    .md\:container {
        margin-inline: auto;
        padding-inline: 1rem;
        width: 100%
    }

    @media (min-width:768px) {
        .md\:container {
            padding-inline: 2rem
        }
    }

    @media (min-width:1323px) {
        .md\:container {
            max-width: 90rem;
            padding-inline: 3.5rem
        }
    }
}

@media (min-width:1323px) {
    .lg\:container {
        margin-inline: auto;
        padding-inline: 1rem;
        width: 100%
    }

    @media (min-width:768px) {
        .lg\:container {
            padding-inline: 2rem
        }
    }

    @media (min-width:1323px) {
        .lg\:container {
            max-width: 90rem;
            padding-inline: 3.5rem
        }
    }
}

.marker\:text-black ::marker {
    color: #000
}

.marker\:text-black::marker {
    color: #000
}

.before\:size-1:before {
    content: var(--tw-content);
    height: .25rem;
    width: .25rem
}

.before\:size-1\.5:before {
    content: var(--tw-content);
    height: .375rem;
    width: .375rem
}

.before\:shrink-0:before {
    content: var(--tw-content);
    flex-shrink: 0
}

.before\:rounded-full:before {
    border-radius: 624.9375rem;
    content: var(--tw-content)
}

.before\:bg-icon-300:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: hsl(var(--clr-icon-300)/var(--clr-icon-300-opacity, var(--tw-bg-opacity)))
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:pt-\[56\.25\%\]:after {
    content: var(--tw-content);
    padding-top: 56.25%
}

.first\:text-left:first-child {
    text-align: left
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:border-0:last-child {
    border-width: 0
}

.last\:text-right:last-child {
    text-align: right
}

.first-of-type\:pt-0:first-of-type {
    padding-top: 0
}

.first-of-type\:pt-0\.5:first-of-type {
    padding-top: .125rem
}

.last-of-type\:mb-4:last-of-type {
    margin-bottom: 1rem
}

.last-of-type\:border-b-0:last-of-type {
    border-bottom-width: 0
}

.last-of-type\:pb-0:last-of-type {
    padding-bottom: 0
}

@media (hover:hover) {
    .hover\:bg-accent-black-a20:hover {
        background-color: #0003
    }

    .hover\:bg-grey-200:hover {
        --tw-bg-opacity: 1;
        background-color: hsl(var(--clr-grey-200)/var(--clr-grey-200-opacity, var(--tw-bg-opacity)))
    }

    .hover\:bg-grey-300:hover {
        --tw-bg-opacity: 1;
        background-color: hsl(var(--clr-grey-300)/var(--clr-grey-300-opacity, var(--tw-bg-opacity)))
    }

    .hover\:bg-silver:hover {
        --tw-bg-opacity: 1;
        background-color: hsl(210 15% 95%/var(--tw-bg-opacity))
    }

    .hover\:text-foreground:hover {
        color: hsl(var(--clr-foreground)/var(--clr-foreground-opacity, 1))
    }

    .hover\:text-white:hover {
        color: #fff
    }
}

.active\:bg-\[--color-grey-primary\]:active {
    background-color: var(--color-grey-primary)
}

@media (hover:hover) {
    .group:hover .group-hover\:opacity-100 {
        opacity: 1
    }
}

.wb-custom-mode.wb-custom-mode\:border {
    border-width: 1px
}

.wb-custom-mode.wb-custom-mode\:border-border {
    --tw-border-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

:is(.wb-custom-mode>.wb-custom-mode\:border:not([data-theme])) {
    border-width: 1px
}

:is(.wb-custom-mode>.wb-custom-mode\:border-border:not([data-theme])) {
    --tw-border-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

:is(.wb-custom-mode .wb-custom-mode\:border:not(.wb-custom-mode [data-theme]:not(.wb-custom-mode) *)) {
    border-width: 1px
}

:is(.wb-custom-mode .wb-custom-mode\:border-border:not(.wb-custom-mode [data-theme]:not(.wb-custom-mode) *)) {
    --tw-border-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

:is(.wb-custom-mode:not(:has([data-theme])) .wb-custom-mode\:border:not([data-theme])) {
    border-width: 1px
}

:is(.wb-custom-mode:not(:has([data-theme])) .wb-custom-mode\:border-border:not([data-theme])) {
    --tw-border-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

[data-theme=custom].wb-custom-mode\:border {
    border-width: 1px
}

[data-theme=custom].wb-custom-mode\:border-border {
    --tw-border-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

:is([data-theme=custom]>.wb-custom-mode\:border:not([data-theme])) {
    border-width: 1px
}

:is([data-theme=custom]>.wb-custom-mode\:border-border:not([data-theme])) {
    --tw-border-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

:is([data-theme=custom] .wb-custom-mode\:border:not([data-theme=custom] [data-theme]:not([data-theme=custom]) *)) {
    border-width: 1px
}

:is([data-theme=custom] .wb-custom-mode\:border-border:not([data-theme=custom] [data-theme]:not([data-theme=custom]) *)) {
    --tw-border-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

:is([data-theme=custom]:not(:has([data-theme])) .wb-custom-mode\:border:not([data-theme])) {
    border-width: 1px
}

:is([data-theme=custom]:not(:has([data-theme])) .wb-custom-mode\:border-border:not([data-theme])) {
    --tw-border-opacity: 1;
    border-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
}

.dark\:invert:is(.wb-dark-mode *) {
    --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)
}

@media (min-width:768px) {
    .md\:-top-1 {
        top: -.25rem
    }

    .md\:left-auto {
        left: auto
    }

    .md\:right-10 {
        right: 2.5rem
    }

    .md\:top-0 {
        top: 0
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:-mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:-mb-14 {
        margin-bottom: -3.5rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-20 {
        margin-bottom: 5rem
    }

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:block {
        display: block
    }

    .md\:\!flex {
        display: flex !important
    }

    .md\:flex {
        display: flex
    }

    .md\:\!inline-flex {
        display: inline-flex !important
    }

    .md\:hidden {
        display: none
    }

    .md\:size-\[104px\] {
        height: 6.5rem;
        width: 6.5rem
    }

    .md\:h-\[480px\] {
        height: 30rem
    }

    .md\:h-\[74px\] {
        height: 4.625rem
    }

    .md\:max-h-\[163px\] {
        max-height: 10.1875rem
    }

    .md\:min-h-0 {
        min-height: 0
    }

    .md\:min-h-\[395px\] {
        min-height: 24.6875rem
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-\[220px\] {
        width: 13.75rem
    }

    .md\:w-\[292px\] {
        width: 18.25rem
    }

    .md\:w-\[372px\] {
        width: 23.25rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-max {
        width: max-content
    }

    .md\:min-w-0 {
        min-width: 0
    }

    .md\:min-w-\[163px\] {
        min-width: 10.1875rem
    }

    .md\:max-w-164 {
        max-width: 41rem
    }

    .md\:max-w-176 {
        max-width: 44rem
    }

    .md\:max-w-72 {
        max-width: 18rem
    }

    .md\:shrink-0 {
        flex-shrink: 0
    }

    .md\:grow {
        flex-grow: 1
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:grid-cols-\[auto_min\(31\.81\%\2c 320px\)\] {
        grid-template-columns: auto min(31.81%, 20rem)
    }

    .md\:grid-cols-\[repeat\(2\2c auto\)_1fr\] {
        grid-template-columns: repeat(2, auto) 1fr
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:flex-wrap {
        flex-wrap: wrap
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:justify-around {
        justify-content: space-around
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-14 {
        gap: 3.5rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-20 {
        gap: 5rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-x-4 {
        column-gap: 1rem
    }

    .md\:gap-y-3 {
        row-gap: .75rem
    }

    .md\:justify-self-start {
        justify-self: start
    }

    .md\:rounded-2xl {
        border-radius: 1rem
    }

    .md\:rounded-3xl {
        border-radius: 1.5rem
    }

    .md\:rounded-lg {
        border-radius: .5rem
    }

    .md\:rounded-xl {
        border-radius: .75rem
    }

    .md\:rounded-b-2xl {
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem
    }

    .md\:rounded-t-2xl {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem
    }

    .md\:border-b-0 {
        border-bottom-width: 0
    }

    .md\:border-r {
        border-right-width: 1px
    }

    .md\:bg-transparent {
        background-color: initial
    }

    .md\:\!p-14 {
        padding: 3.5rem !important
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

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

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .md\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .md\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .md\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .md\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .md\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .md\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .md\:\!pb-\[88px\] {
        padding-bottom: 5.5rem !important
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pb-14 {
        padding-bottom: 3.5rem
    }

    .md\:pb-16 {
        padding-bottom: 4rem
    }

    .md\:pb-20 {
        padding-bottom: 5rem
    }

    .md\:pb-24 {
        padding-bottom: 6rem
    }

    .md\:pb-28 {
        padding-bottom: 7rem
    }

    .md\:pb-8 {
        padding-bottom: 2rem
    }

    .md\:pl-4 {
        padding-left: 1rem
    }

    .md\:pr-4 {
        padding-right: 1rem
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-14 {
        padding-top: 3.5rem
    }

    .md\:pt-20 {
        padding-top: 5rem
    }

    .md\:pt-6 {
        padding-top: 1.5rem
    }

    .md\:pt-8 {
        padding-top: 2rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-3xl {
        font-size: 2rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-\[208px\] {
        font-size: 13rem
    }

    .md\:text-\[32px\] {
        font-size: 2rem
    }

    .md\:text-\[40px\] {
        font-size: 2.5rem
    }

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

    .md\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .md\:last-of-type\:border-b:last-of-type {
        border-bottom-width: 1px
    }

    .md\:last-of-type\:border-b-border:last-of-type {
        --tw-border-opacity: 1;
        border-bottom-color: hsl(var(--clr-border)/var(--clr-border-opacity, var(--tw-border-opacity)))
    }

    .md\:last-of-type\:pb-2:last-of-type {
        padding-bottom: .5rem
    }
}

@media (min-width:992px) {
    .mdl\:mb-0 {
        margin-bottom: 0
    }

    .mdl\:mb-16 {
        margin-bottom: 4rem
    }

    .mdl\:mb-20 {
        margin-bottom: 5rem
    }

    .mdl\:grid {
        display: grid
    }

    .mdl\:max-w-\[432px\] {
        max-width: 27rem
    }

    .mdl\:max-w-\[503px\] {
        max-width: 31.4375rem
    }

    .mdl\:max-w-\[544px\] {
        max-width: 34rem
    }

    .mdl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .mdl\:grid-cols-\[1fr_320px\] {
        grid-template-columns: 1fr 20rem
    }

    .mdl\:flex-row {
        flex-direction: row
    }

    .mdl\:items-center {
        align-items: center
    }

    .mdl\:justify-between {
        justify-content: space-between
    }

    .mdl\:rounded-3xl {
        border-radius: 1.5rem
    }

    .mdl\:rounded-md {
        border-radius: .375rem
    }

    .mdl\:p-14 {
        padding: 3.5rem
    }

    .mdl\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
}

@media (min-width:1323px) {
    .lg\:pointer-events-auto {
        pointer-events: auto
    }

    .lg\:relative {
        position: relative
    }

    .lg\:-bottom-8 {
        bottom: -2rem
    }

    .lg\:-left-10 {
        left: -2.5rem
    }

    .lg\:-right-20 {
        right: -5rem
    }

    .lg\:right-14 {
        right: 3.5rem
    }

    .lg\:top-10 {
        top: 2.5rem
    }

    .lg\:top-11 {
        top: 2.75rem
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:\!mb-0 {
        margin-bottom: 0 !important
    }

    .lg\:-mt-16 {
        margin-top: -4rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }

    .lg\:mb-8 {
        margin-bottom: 2rem
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:\!hidden {
        display: none !important
    }

    .lg\:size-\[164px\] {
        height: 10.25rem;
        width: 10.25rem
    }

    .lg\:h-\[82px\] {
        height: 5.125rem
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:min-h-\[147px\] {
        min-height: 9.1875rem
    }

    .lg\:min-h-\[448px\] {
        min-height: 28rem
    }

    .lg\:min-h-\[526px\] {
        min-height: 32.875rem
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-\[232px\] {
        width: 14.5rem
    }

    .lg\:w-\[406px\] {
        width: 25.375rem
    }

    .lg\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:min-w-0 {
        min-width: 0
    }

    .lg\:max-w-164 {
        max-width: 41rem
    }

    .lg\:max-w-220 {
        max-width: 55rem
    }

    .lg\:max-w-80 {
        max-width: 20rem
    }

    .lg\:max-w-\[224px\] {
        max-width: 14rem
    }

    .lg\:max-w-\[300px\] {
        max-width: 18.75rem
    }

    .lg\:max-w-\[432px\] {
        max-width: 27rem
    }

    .lg\:max-w-\[545px\] {
        max-width: 34.0625rem
    }

    .lg\:max-w-\[560px\] {
        max-width: 35rem
    }

    .lg\:max-w-\[min\(26\.4vw\2c 381px\)\] {
        max-width: min(26.4vw, 23.8125rem)
    }

    .lg\:max-w-xs {
        max-width: 20rem
    }

    .lg\:shrink-0 {
        flex-shrink: 0
    }

    .lg\:auto-cols-\[1fr\] {
        grid-auto-columns: 1fr
    }

    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-\[432px_auto\] {
        grid-template-columns: 27rem auto
    }

    .lg\:grid-cols-\[656px_minmax\(auto\2c 560px\)\] {
        grid-template-columns: 41rem minmax(auto, 35rem)
    }

    .lg\:grid-cols-\[auto\2c 296px\] {
        grid-template-columns: auto 18.5rem
    }

    .lg\:grid-cols-\[auto\2c 320px\],
    .lg\:grid-cols-\[auto_320px\] {
        grid-template-columns: auto 20rem
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:items-stretch {
        align-items: stretch
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-18 {
        gap: 4.5rem
    }

    .lg\:gap-20 {
        gap: 5rem
    }

    .lg\:gap-26 {
        gap: 6.5rem
    }

    .lg\:gap-32 {
        gap: 8rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-y-4 {
        row-gap: 1rem
    }

    .lg\:self-start {
        align-self: flex-start
    }

    .lg\:rounded-2xl {
        border-radius: 1rem
    }

    .lg\:bg-\[url\(\'\/img\/ha-ha-halving\/register-bg\.webp\'\)\] {
        background-image: url(/img/ha-ha-halving/register-bg.webp)
    }

    .lg\:\!p-0 {
        padding: 0 !important
    }

    .lg\:\!p-20 {
        padding: 5rem !important
    }

    .lg\:p-4 {
        padding: 1rem
    }

    .lg\:p-6 {
        padding: 1.5rem
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .lg\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .lg\:\!pb-10 {
        padding-bottom: 2.5rem !important
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-20 {
        padding-bottom: 5rem
    }

    .lg\:pb-24 {
        padding-bottom: 6rem
    }

    .lg\:pb-26 {
        padding-bottom: 6.5rem
    }

    .lg\:pb-28 {
        padding-bottom: 7rem
    }

    .lg\:pb-40 {
        padding-bottom: 10rem
    }

    .lg\:pb-8 {
        padding-bottom: 2rem
    }

    .lg\:pb-\[104px\] {
        padding-bottom: 6.5rem
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-4 {
        padding-top: 1rem
    }

    .lg\:pt-6 {
        padding-top: 1.5rem
    }

    .lg\:pt-8 {
        padding-top: 2rem
    }

    .lg\:text-3xl {
        font-size: 2rem
    }

    .lg\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .lg\:text-\[40px\] {
        font-size: 2.5rem
    }

    .lg\:leading-10 {
        line-height: 2.5rem
    }

    .lg\:shadow-lg {
        --tw-shadow: 0 0.625rem 0.9375rem -0.1875rem #0000001a, 0 0.25rem 0.375rem -0.25rem #0000001a;
        --tw-shadow-colored: 0 0.625rem 0.9375rem -0.1875rem var(--tw-shadow-color), 0 0.25rem 0.375rem -0.25rem var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}

.\[\&\:nth-child\(5\)\]\:border-b-0:nth-child(5) {
    border-bottom-width: 0
}

.\[\&\:nth-child\(5\)\]\:pb-0:nth-child(5) {
    padding-bottom: 0
}

.\[\&\>div\]\:hidden>div {
    display: none
}

@media (min-width:1323px) {
    .lg\:\[\&\>div\]\:flex>div {
        display: flex
    }

    .lg\:\[\&\>div\]\:max-w-220>div {
        max-width: 55rem
    }
}

.\[\&\>path\]\:stroke-\[\#16A34A\]>path {
    stroke: #16a34a
}

.\[\&_a\]\:inline a {
    display: inline
}

.hGS3 {
    height: 1px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 125
}

.hGS3:after {
    animation: hGS3 2s linear infinite;
    background: #eabe4dcc;
    border-radius: 1rem;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 25%
}

@keyframes hGS3 {
    0% {
        transform: translateX(-125%)
    }

    to {
        transform: translateX(425%)
    }
}

.q-zK .LkLi {
    --color-border: #18181b;
    --color-border-hover: #3d3d42;
    --color-border-active: #61616b
}

._87wy {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}

._87wy .HGOz {
    top: 0
}

._87wy.T2Oi:after {
    background: var(--color-dark);
    content: "";
    height: var(--header-height);
    position: absolute;
    top: 0;
    width: 100%
}

._87wy ._4cbu {
    height: 1rem;
    position: absolute;
    right: .25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem
}

@media (min-width:768px) {
    ._87wy ._4cbu {
        right: 1rem
    }
}

._87wy .Lmve {
    background: #fff;
    padding-top: var(--header-height);
    -webkit-overflow-scrolling: touch
}

._87wy .Lmve.ooWR {
    padding-top: calc(var(--header-height)*2);
    transition-duration: 0s
}

._87wy .Lmve._5w-q {
    padding-top: 0
}

._19Kz {
    background-color: var(--color-dark);
    display: none;
    height: var(--subheader-height)
}

.LO8w~.Lmve ._19Kz {
    display: block
}

.Hl1E {
    left: 0;
    padding-right: var(--scrollbar-width, 0);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 107
}

.Hl1E,
.Hl1E .cMn7 {
    background-color: var(--color-dark)
}

.Hl1E .cMn7 {
    align-items: center;
    display: flex;
    gap: calc(var(--spaces)*4);
    height: var(--header-height);
    padding: 0 calc(var(--spaces)*2);
    transition: transform var(--transition-duration)
}

@media (min-width:768px) {
    .Hl1E .cMn7 {
        padding: 0 calc(var(--spaces)*4)
    }
}

@media (min-width:1323px) {
    .Hl1E .cMn7 {
        padding: 0 calc(var(--spaces)*6)
    }
}

.Hl1E .\+j5C {
    display: flex;
    flex-shrink: 0;
    height: 1.5rem;
    width: 7.8125rem
}

.gZbY {
    align-items: center;
    color: var(--color-white);
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    gap: calc(var(--spaces)*.5)
}

.gZbY ._2Ifj {
    margin-top: .3125rem
}

img[data-v-54f376ca] {
    color: #0000;
    font-size: .625rem
}

.kpL\+ {
    display: none
}

@media (min-width:1080px) {
    .kpL\+ {
        align-items: center;
        display: flex;
        flex-grow: 1;
        height: 100%;
        justify-content: space-between
    }
}

.UMwO {
    display: flex;
    height: 100%;
    position: relative
}

.bCTS {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: min-content
}

.FlrA {
    display: flex;
    gap: calc(var(--spaces)*2);
    padding: calc(var(--spaces)*1.5) calc(var(--spaces)*3)
}

.BFyJ {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*1.5);
    max-width: 17.25rem;
    padding: var(--spaces)
}

.BFyJ .wRxA {
    border-top: 1px solid var(--color-border);
    color: var(--color-red);
    padding-top: calc(var(--spaces)*.5)
}

.BFyJ .Dj3X {
    display: grid;
    gap: calc(var(--spaces)*.5)
}

.-LuH {
    color: var(--color-text-hint);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .6px;
    margin-bottom: calc(var(--spaces)*.5);
    text-transform: uppercase
}

._7coE {
    display: grid;
    gap: calc(var(--spaces)*.5) calc(var(--spaces)*2);
    grid-template-columns: repeat(2, 16.25rem)
}

._7coE.TqZM {
    grid-auto-flow: row;
    grid-template-columns: 16.25rem
}

.THOq {
    gap: calc(var(--spaces)*2);
    height: 100%
}

.THOq,
.THOq ._6Tlh,
.THOq .YWFr,
.THOq .ZtDm {
    align-items: center;
    display: flex
}

.THOq ._6Tlh {
    gap: var(--spaces)
}

.THOq .ZtDm {
    gap: calc(var(--spaces)*.5)
}

.THOq .YWFr {
    height: 100%
}

.Os\+E {
    background-color: var(--color-overlay-lg);
    inset: 0;
    position: fixed;
    top: var(--header-height);
    z-index: -1
}

.iVMn {
    align-items: center;
    display: flex;
    height: 100%
}

.iVMn.wuXw {
    position: relative
}

.iVMn .Gpai {
    margin-left: var(--spaces)
}

.PgMb {
    align-items: center;
    display: flex;
    height: 100%
}

._7f8T {
    gap: var(--spaces)
}

._7f8T[aria-expanded=true] .qxhS {
    transform: rotate(180deg)
}

.baK7 {
    align-items: center;
    display: flex;
    gap: calc(var(--spaces)*.25)
}

.F8KQ {
    background-color: initial;
    inset: 0;
    position: fixed;
    top: var(--header-height);
    z-index: 0
}

.qxhS {
    color: var(--color-text);
    transition: transform var(--transition-duration-sm) ease
}

.cKJu {
    align-items: center;
    border-radius: var(--border-radius-xs);
    color: var(--color-invert);
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    min-height: 2rem;
    padding: 0 calc(var(--spaces)*1);
    position: relative;
    transition: background-color var(--transition-duration-sm) ease, color var(--transition-duration-sm) ease;
    white-space: nowrap
}

.cKJu:active,
.cKJu[aria-expanded=true] {
    background-color: var(--color-charcoal);
    color: var(--color-text)
}

@media (hover:hover) {
    .cKJu:hover {
        background-color: var(--color-charcoal);
        color: var(--color-text)
    }
}

.cKJu:focus-visible {
    outline: none
}

.cKJu:focus-visible:after {
    border: 1px solid var(--color-primary);
    border-radius: calc(var(--border-radius) + 1px);
    content: "";
    inset: 0;
    position: absolute
}

.tGxx {
    background-color: var(--color-grey-secondary);
    display: none;
    min-width: 5.5rem;
    position: absolute;
    top: 100%;
    width: max-content
}

.tGxx.DqvT {
    left: 0
}

.tGxx.L8xw {
    right: 0
}

.tGxx.mykV {
    display: flex
}

.yUrs {
    display: flex;
    max-height: calc(100vh - var(--header-height));
    overflow: auto;
    position: relative
}

.l\+zX {
    background-color: var(--color-grey-2);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*2);
    padding: calc(var(--spaces)*2)
}

@media (min-width:1080px) {
    .l\+zX {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding: calc(var(--spaces)*2) calc(var(--spaces)*4)
    }
}

.SLS2 {
    color: var(--color-icon-secondary);
    height: 2rem;
    min-width: 2rem
}

@media (min-width:1080px) {
    .SLS2 {
        height: 1.5rem;
        min-width: 1.5rem
    }
}

._5ocO {
    font-size: 1.25rem;
    font-weight: 500
}

@media (min-width:1080px) {
    ._5ocO {
        font-size: .875rem
    }
}

.Vgzf {
    font-size: .875rem
}

@media (min-width:1080px) {
    .Vgzf {
        font-size: .75rem
    }
}

.NO3R,
.QCMG {
    display: flex;
    gap: calc(var(--spaces)*1.5)
}

.NO3R .CgUC {
    width: 100%
}

@media (min-width:1080px) {
    .NO3R .CgUC {
        width: max-content
    }
}

a.fuOS,
button.fuOS {
    align-items: center;
    background-color: var(--color-primary);
    border: 1px solid #0000;
    border-radius: var(--border-radius-sm);
    color: var(--color-black);
    cursor: pointer;
    display: inline-flex;
    font: 500 .875rem/1.5 Inter, sans-serif;
    gap: calc(var(--spaces)*.5);
    height: 2.5rem;
    justify-content: center;
    max-width: 100%;
    outline: none;
    overflow: hidden;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1.5);
    position: relative;
    text-overflow: ellipsis;
    transition: background-color var(--transition-duration-sm), border-color var(--transition-duration-sm);
    white-space: nowrap
}

@media (hover:hover) {

    a.fuOS:hover:not(:disabled),
    button.fuOS:hover:not(:disabled) {
        background-color: var(--color-primary-hover)
    }

    a.fuOS:hover:not(:disabled).C4tx,
    button.fuOS:hover:not(:disabled).C4tx {
        background-color: initial;
        border-color: var(--color-border-hover)
    }
}

@media (hover:hover) {

    .use-new-theme a.fuOS:hover:not(:disabled).C4tx,
    .use-new-theme button.fuOS:hover:not(:disabled).C4tx {
        background-color: var(--color-button-secondary-hover);
        border-color: var(--color-border)
    }
}

@media (hover:hover) {

    a.fuOS:hover:not(:disabled).Y8ay,
    button.fuOS:hover:not(:disabled).Y8ay {
        background-color: initial
    }

    a.fuOS:hover:not(:disabled).rcKP,
    button.fuOS:hover:not(:disabled).rcKP {
        background-color: var(--color-red-hover);
        border-color: #0000
    }

    a.fuOS:hover:not(:disabled).kEk1,
    button.fuOS:hover:not(:disabled).kEk1 {
        background-color: var(--color-negative-hover);
        border-color: #0000
    }

    a.fuOS:hover:not(:disabled).eNkk,
    button.fuOS:hover:not(:disabled).eNkk {
        background-color: #0000000d;
        border-color: #0000;
        color: var(--color-link)
    }
}

a.fuOS:active:not(:disabled),
button.fuOS:active:not(:disabled) {
    background-color: var(--color-primary-active)
}

a.fuOS:active:not(:disabled).C4tx,
button.fuOS:active:not(:disabled).C4tx {
    background-color: initial;
    border-color: var(--color-border-active)
}

.use-new-theme a.fuOS:active:not(:disabled).C4tx,
.use-new-theme button.fuOS:active:not(:disabled).C4tx {
    background-color: var(--color-button-secondary-active);
    border-color: var(--color-border)
}

a.fuOS:active:not(:disabled).rcKP,
button.fuOS:active:not(:disabled).rcKP {
    background-color: var(--color-red-active);
    border-color: #0000
}

a.fuOS:active:not(:disabled).kEk1,
button.fuOS:active:not(:disabled).kEk1 {
    background-color: var(--color-negative-active);
    border-color: #0000
}

a.fuOS:active:not(:disabled).Y8ay,
button.fuOS:active:not(:disabled).Y8ay {
    background-color: initial
}

a.fuOS:active:not(:disabled).eNkk,
button.fuOS:active:not(:disabled).eNkk {
    background-color: #0000000d;
    border-color: #0000;
    color: var(--color-link)
}

a.fuOS:focus-visible:not([disabled]):not([plain]),
button.fuOS:focus-visible:not([disabled]):not([plain]) {
    overflow: visible
}

a.fuOS:focus-visible:not([disabled]):not([plain]):after,
button.fuOS:focus-visible:not([disabled]):not([plain]):after {
    border: 1px solid var(--color-primary);
    border-radius: calc(var(--border-radius) + 1px);
    content: "";
    inset: -.25rem;
    position: absolute
}

a.fuOS:focus-visible:not([disabled]):not([plain]).hkaL:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).hkaL:after {
    border-radius: calc(var(--border-radius-md) - 1px)
}

a.fuOS:focus-visible:not([disabled]):not([plain]).E0LW:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).E0LW:after {
    border-radius: calc(var(--border-radius) + 1px)
}

a.fuOS:focus-visible:not([disabled]):not([plain])._6mPB:after,
button.fuOS:focus-visible:not([disabled]):not([plain])._6mPB:after {
    border-radius: calc(var(--border-radius-sm) + 1px)
}

a.fuOS:focus-visible:not([disabled]):not([plain]).kEk1:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).kEk1:after {
    border-color: var(--color-negative)
}

a.fuOS:focus-visible:not([disabled]):not([plain]).rcKP:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).rcKP:after {
    border-color: var(--color-red)
}

a.fuOS:focus-visible:not([disabled]):not([plain]).C4tx:after,
a.fuOS:focus-visible:not([disabled]):not([plain]).eNkk:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).C4tx:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).eNkk:after {
    border-color: var(--color-purplish)
}

a.fuOS._2-UP,
button.fuOS._2-UP {
    padding: var(--spaces);
    width: 2.5rem
}

a.fuOS.C4tx,
button.fuOS.C4tx {
    background-color: initial;
    border: 1px solid var(--color-border);
    color: var(--color-invert)
}

.use-new-theme a.fuOS.C4tx,
.use-new-theme button.fuOS.C4tx {
    background-color: var(--color-button-secondary);
    color: var(--color-text-head)
}

a.fuOS.rcKP,
button.fuOS.rcKP {
    background-color: var(--color-red);
    border-color: #0000;
    color: var(--color-white)
}

a.fuOS.kEk1,
button.fuOS.kEk1 {
    background-color: var(--color-negative);
    border-color: #0000;
    color: var(--color-white)
}

a.fuOS.eNkk,
button.fuOS.eNkk {
    background-color: initial;
    color: var(--color-link)
}

a.fuOS[disabled]:not([class*=swiper-button-disabled]),
button.fuOS[disabled]:not([class*=swiper-button-disabled]) {
    background-color: var(--color-disabled);
    border-color: var(--color-disabled);
    color: var(--color-text);
    cursor: not-allowed;
    pointer-events: none
}

.wb-dark-mode a.fuOS[disabled]:not([class*=swiper-button-disabled]),
.wb-dark-mode button.fuOS[disabled]:not([class*=swiper-button-disabled]) {
    background-color: #ffffff1a;
    color: #ffffff73
}

@supports (color:color-mix(in srgb, #000, #000)) {

    .wb-dark-mode a.fuOS[disabled]:not([class*=swiper-button-disabled]),
    .wb-dark-mode button.fuOS[disabled]:not([class*=swiper-button-disabled]) {
        background-color: color-mix(in srgb-linear, var(--color-white) 10%, #0000);
        color: color-mix(in srgb-linear, var(--color-white) 45%, #0000)
    }
}

a.fuOS.P3Tv.C4tx,
button.fuOS.P3Tv.C4tx {
    border-color: var(--trade-color-border);
    color: var(--trade-color-invert-dark)
}

@media (hover:hover) {

    a.fuOS.P3Tv.C4tx:hover,
    button.fuOS.P3Tv.C4tx:hover {
        border-color: var(--trade-color-border-hover)
    }
}

a.fuOS.P3Tv[disabled],
button.fuOS.P3Tv[disabled] {
    background-color: var(--trade-color-disabled);
    border-color: var(--trade-color-disabled);
    color: var(--trade-color-text)
}

a.fuOS.hkaL,
button.fuOS.hkaL {
    border-radius: var(--border-radius);
    font-size: 1rem;
    height: 3rem;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*2)
}

a.fuOS.hkaL._2-UP,
button.fuOS.hkaL._2-UP {
    padding: calc(var(--spaces)*1.5);
    width: 3rem
}

a.fuOS.E0LW,
button.fuOS.E0LW {
    border-radius: var(--border-radius-sm);
    font-size: .875rem;
    height: 2rem;
    padding: calc(var(--spaces)*.5) calc(var(--spaces)*1.25)
}

a.fuOS.E0LW._2-UP,
button.fuOS.E0LW._2-UP {
    padding: calc(var(--spaces)*.5);
    width: 2rem
}

a.fuOS._6mPB,
button.fuOS._6mPB {
    border-radius: var(--border-radius-xs);
    font-size: .625rem;
    height: 1.5rem;
    min-height: unset;
    padding: calc(var(--spaces)*.5) calc(var(--spaces)*1)
}

a.fuOS._6mPB._2-UP,
button.fuOS._6mPB._2-UP {
    padding: calc(var(--spaces)*.5);
    width: 1.5rem
}

a.fuOS.Y8ay,
button.fuOS.Y8ay {
    background-color: initial;
    border: none;
    color: var(--color-link);
    font-size: .875rem;
    height: -moz-fit-content;
    height: fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    min-width: 0;
    padding: 0
}

a.fuOS.Y8ay.E0LW,
button.fuOS.Y8ay.E0LW {
    font-size: .875rem
}

a.fuOS.Y8ay._6mPB,
button.fuOS.Y8ay._6mPB {
    font-size: .75rem
}

a.fuOS.Y8ay[disabled],
button.fuOS.Y8ay[disabled] {
    background-color: initial;
    color: var(--color-text-hint)
}

@media (hover:hover) {

    a.fuOS.Y8ay:hover,
    button.fuOS.Y8ay:hover {
        background-color: initial;
        color: var(--color-link-hover)
    }
}

a.fuOS.HI5m,
button.fuOS.HI5m {
    border-color: var(--color-disabled);
    color: #0000 !important;
    pointer-events: none
}

a.fuOS.HI5m>:not(.MuOn),
button.fuOS.HI5m>:not(.MuOn) {
    opacity: 0
}

.p6Qk {
    color: var(--color-invert);
    position: relative;
    transition: color var(--transition-duration)
}

.p6Qk:active {
    color: var(--color-text)
}

@media (hover:hover) {
    .p6Qk:hover {
        color: var(--color-text)
    }
}

._8gFY {
    border-radius: var(--border-radius);
    padding: var(--spaces);
    transition: background-color var(--transition-duration)
}

._8gFY:active {
    background: var(--color-grey-primary)
}

@media (hover:hover) {
    ._8gFY:hover {
        background: var(--color-grey-primary)
    }
}

._8gFY.Y6rF {
    text-align: center
}

._8gFY.Y6rF:active {
    color: var(--color-invert)
}

@media (hover:hover) {
    ._8gFY.Y6rF:hover {
        color: var(--color-invert)
    }
}

._8gFY.Y6rF:active .Hpjz {
    background: var(--color-grey-3)
}

@media (hover:hover) {
    ._8gFY.Y6rF:hover .Hpjz {
        background: var(--color-grey-3)
    }
}

._8gFY.Y6rF .vLiE {
    flex-direction: column
}

._8gFY.Y6rF .Hpjz {
    background: var(--color-grey-primary);
    border-radius: 50%;
    height: 3.5rem;
    margin: 0 0 calc(var(--spaces)*.5);
    width: 3.5rem
}

._8gFY.Y6rF .j0ih,
._8gFY.Y6rF .-Xt\+ {
    display: none
}

.j0ih {
    margin-left: calc(var(--spaces)*.5)
}

.Hpjz {
    justify-content: center;
    margin-right: calc(var(--spaces)*1.5);
    min-height: 1.5rem;
    min-width: 1.5rem
}

.Hpjz,
.vLiE {
    align-items: center;
    display: flex
}

.vLiE {
    color: inherit;
    font-size: .875rem;
    font-weight: 500
}

@media (min-width:1080px) {
    .vLiE:after {
        content: "";
        height: 100%;
        inset: 0;
        position: absolute;
        width: 100%
    }
}

.vLiE:focus-visible {
    outline: none;
    overflow: visible
}

.vLiE:focus-visible:after {
    border: 1px solid var(--color-primary);
    border-radius: calc(var(--border-radius) + 1px);
    content: "";
    inset: 0;
    position: absolute
}

.-Xt\+ {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*.5);
    padding-left: calc(var(--spaces)*4.5)
}

.EUbz {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spaces)*1.5)
}

._7f7m {
    color: var(--color-invert);
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    position: relative;
    transition: color var(--transition-duration);
    z-index: 1
}

@media (hover:hover) {
    ._7f7m:hover {
        color: var(--color-text)
    }
}

.LkDA {
    color: var(--color-text);
    font-size: .75rem
}

.nCqL {
    background-color: var(--color-dimmed);
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 500;
    gap: var(--spaces);
    padding: calc(var(--spaces)*1.5) calc(var(--spaces)*2) calc(var(--spaces)*2)
}

@media (min-width:768px) {
    .nCqL {
        padding: calc(var(--spaces)*1.5) calc(var(--spaces)*3) calc(var(--spaces)*2)
    }
}

@media (min-width:1323px) {
    .nCqL {
        padding: calc(var(--spaces)*1.5) calc(var(--spaces)*3) calc(var(--spaces)*3)
    }
}

.nCqL .Khqz {
    background: #2a6056;
    color: var(--color-invert);
    font-weight: 500;
    gap: calc(var(--spaces)*.5);
    width: 100%
}

.nCqL .Khqz:active:not(:disabled) {
    background: #2a6056cc
}

@media (hover:hover) {
    .nCqL .Khqz:hover:not(:disabled) {
        background: #2a6056cc
    }
}

@supports (color:color-mix(in srgb, #000, #000)) {
    .nCqL .Khqz:active:not(:disabled) {
        background: color-mix(in srgb-linear, #2a6056 80%, #0000)
    }

    @media (hover:hover) {
        .nCqL .Khqz:hover:not(:disabled) {
            background: color-mix(in srgb-linear, #2a6056 80%, #0000)
        }
    }
}

.nCqL .Khqz .q8pJ {
    color: var(--color-icon-secondary)
}

.DLsE {
    display: flex;
    flex-direction: column;
    gap: var(--spaces)
}

.DLsE:not(:last-child) {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: calc(var(--spaces)*1.5)
}

.Jqh1 {
    color: var(--color-text-hint);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .6px;
    text-transform: uppercase
}

.iLAu {
    gap: calc(var(--spaces)*1.5) calc(var(--spaces)*3);
    grid-template-columns: 1fr 1fr
}

.uHVH,
.iLAu {
    display: grid
}

.uHVH {
    align-items: center;
    font-size: .625rem;
    gap: calc(var(--spaces)*.5) calc(var(--spaces)*1);
    grid-template-columns: auto 1fr
}

._76WZ {
    color: var(--color-invert);
    font-size: 1rem;
    font-weight: 500;
    grid-column: 1/3;
    transition: color var(--transition-duration)
}

@media (hover:hover) {
    ._76WZ:hover {
        color: var(--color-text)
    }
}

.sUXh {
    color: var(--color-text);
    grid-column: 1/3
}

.fIQ0 {
    background-color: var(--color-white);
    border-radius: 2px;
    color: var(--color-black);
    font-family: var(--font-primary);
    font-size: .5625rem;
    font-weight: 500;
    line-height: 1rem;
    padding: 0 calc(var(--spaces)*1);
    text-transform: uppercase
}

.RX3g {
    align-items: center;
    display: flex;
    flex-grow: 1;
    gap: var(--spaces);
    height: 100%;
    justify-content: flex-end
}

@media (min-width:1080px) {
    .RX3g {
        display: none
    }
}

.QMmF {
    display: flex;
    gap: calc(var(--spaces)*1.5)
}

.QMmF .QQGp {
    display: none
}

@media (min-width:768px) {
    .QMmF .QQGp {
        display: inline-flex
    }
}

.RblN {
    gap: calc(var(--spaces)*1.5)
}

.JCdL,
.RblN {
    display: flex;
    flex-direction: column
}

.JCdL {
    height: 100%
}

.C9zp {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*1.5);
    padding: calc(var(--spaces)*1.5) 0
}

.C9zp .lKAM {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: calc(var(--spaces)*1.5);
    position: relative
}

.C9zp .lKAM:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.C9zp .aSY9 {
    color: var(--color-red)
}

.Bj4W {
    display: grid;
    padding: 0 calc(var(--spaces)*1)
}

.Bj4W.bS9p {
    grid-template-columns: repeat(3, minmax(5.375rem, 1fr));
    justify-content: space-between
}

.Bj4W.eqWZ {
    gap: var(--spaces)
}

.yXdr {
    padding: 0
}

.QX53 {
    position: relative;
    width: 2.5rem
}

.QX53 .\+67y {
    transform: translate(-50%, -50%);
    transform-style: preserve-3d;
    transition: opacity var(--transition-duration-sm) ease, width var(--transition-duration-sm) ease
}

.QX53 .\+67y,
.QX53:after,
.QX53:before {
    background-color: var(--color-white);
    border-radius: 2px;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 1.25rem
}

.QX53:after,
.QX53:before {
    content: "";
    display: block;
    transform: translate(-50%, calc(-50% - .38rem)) rotate(0);
    transform-style: preserve-3d;
    transition: transform var(--transition-duration-sm) ease
}

.QX53:after {
    transform: translate(-50%, calc(-50% + .38rem)) rotate(0)
}

@media (hover:hover) {
    .QX53:hover {
        background-color: var(--color-charcoal)
    }
}

.QX53.UjlM .\+67y {
    opacity: 0;
    width: 0
}

.QX53.UjlM:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.QX53.UjlM:after {
    transform: translate(-50%, -50%) rotate(-135deg)
}

._7rIQ {
    color: var(--color-icon-secondary)
}

.fFCs {
    color: var(--color-text-hint);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .6px;
    margin: 0 calc(var(--spaces)*2) calc(var(--spaces)*1.5);
    text-transform: uppercase
}

@media (min-width:768px) {
    .fFCs {
        margin: 0 calc(var(--spaces)*3) calc(var(--spaces)*1.5)
    }
}

.rTDZ {
    align-items: center;
    background-color: var(--color-grey);
    display: flex;
    flex: 1;
    height: 100%;
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
    overflow: hidden;
    position: relative;
    width: 100%
}

.rTDZ .Zg6M {
    background-color: var(--color-orange);
    color: var(--color-white);
    display: flex;
    font-size: .875rem;
    justify-content: center;
    left: 0;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*2);
    position: fixed;
    right: 0;
    text-align: center;
    top: var(--header-height);
    z-index: 106
}

.rTDZ .Zg6M.AUv5 {
    background-color: var(--color-red-bg-dark)
}

.rTDZ .Zg6M.la8v {
    background-color: var(--color-orange)
}

.rTDZ .Zg6M.gSTt {
    background-color: var(--color-green)
}

.rTDZ .FND2 {
    box-sizing: initial;
    margin: calc(var(--spaces)*4) auto calc(var(--spaces)*7.5);
    padding: calc(var(--spaces)*2);
    width: 100%;
    z-index: 1
}

@media (min-width:768px) {
    .rTDZ .FND2 {
        margin: calc(var(--spaces)*4) auto calc(var(--spaces)*10)
    }
}

@media (min-width:1323px) {
    .rTDZ .FND2 {
        margin: calc(var(--spaces)*7) auto calc(var(--spaces)*13)
    }
}

.warning-enter-active,
.warning-leave-active {
    transition: var(--transition-duration) ease-in-out;
    transition-property: opacity, transform
}

.warning-enter,
.warning-leave-to {
    opacity: 0;
    transform: translateY(calc(var(--header-height)*-1))
}

.w6Cj {
    max-width: 55rem
}

.w6Cj._2eY9 {
    max-width: 27rem
}

.w6Cj._2eY9 .vzpH {
    max-width: 100%
}

.w6Cj .aqJD {
    display: flex;
    justify-content: center
}

@media (min-width:768px) {
    .w6Cj .aqJD {
        align-items: flex-end;
        justify-content: space-around
    }
}

@media (min-width:1323px) {
    .w6Cj .aqJD {
        align-items: center;
        gap: calc(var(--spaces)*16)
    }
}

.w6Cj .zYHl {
    font-size: 2rem
}

@media (min-width:768px) {
    .w6Cj .zYHl {
        font-size: 2.5rem
    }
}

.w6Cj ._7oe6 {
    margin-bottom: calc(var(--spaces)*4)
}

.w6Cj ._7oe6 .Agej {
    align-items: center;
    background: linear-gradient(90deg, #e3e3ea 44.27%, #e3e3ea00 89.22%);
    border-radius: var(--border-radius);
    color: var(--color-invert);
    display: flex;
    font-size: .75rem;
    padding: calc(var(--spaces)*.75) 0 calc(var(--spaces)*.75) calc(var(--spaces)*2);
    width: 16.3125rem
}

.w6Cj ._7oe6 svg {
    margin-right: calc(var(--spaces)*1.25)
}

.w6Cj ._7oe6 svg:lang(ar) {
    margin-left: calc(var(--spaces)*1.25);
    margin-right: 0
}

.w6Cj ._7oe6 p {
    color: var(--color-text);
    font-size: .75rem;
    margin-bottom: var(--spaces)
}

.w6Cj .vzpH {
    width: 100%
}

@media (min-width:768px) {
    .w6Cj .vzpH {
        max-width: clamp(50%, 20rem, 100%)
    }
}

@media (min-width:1323px) {
    .w6Cj .vzpH {
        max-width: 100%
    }
}

.w6Cj .EbZb {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:1323px) {
    .w6Cj .EbZb {
        min-width: 27rem
    }
}

.w6Cj .MKuw {
    font-size: 2rem;
    margin-bottom: calc(var(--spaces)*2)
}

@media (min-width:768px) {
    .w6Cj .MKuw {
        font-size: 2.5rem
    }
}

.w6Cj .Y0iT {
    margin-bottom: calc(var(--spaces)*3)
}

@media (min-width:1323px) {
    .w6Cj .Y0iT {
        white-space: nowrap
    }
}

.w6Cj .eUIS {
    margin-bottom: var(--spaces)
}

.w6Cj ._35kU {
    margin: 0 auto;
    margin-bottom: calc(var(--spaces)*6)
}

.w6Cj .t4bU {
    margin-bottom: calc(var(--spaces)*3);
    width: 100%
}

.g\+Tk {
    --input-border-radius: 0.5rem
}

.g\+Tk.smVZ {
    display: grid;
    grid-template-rows: 1fr minmax(1.125rem, auto)
}

.g\+Tk.t0W\+ {
    display: grid;
    grid-template-rows: 1fr auto minmax(1.125rem, auto)
}

.g\+Tk .b9kk {
    align-items: center;
    display: flex;
    height: 3rem;
    position: relative
}

.g\+Tk .x5PL {
    color: hsl(var(--clr-text)/var(--clr-text-opacity, 1));
    font-size: .875rem;
    left: 1.0625rem;
    max-width: calc(100% - 1.56rem);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 0 50% 0;
    transition-duration: var(--transition-duration);
    transition-property: transform;
    white-space: nowrap
}

@media (min-width:768px) {
    .g\+Tk .x5PL {
        font-size: 1rem
    }
}

.g\+Tk .x5PL:lang(ar) {
    left: auto;
    right: 1.0625rem
}

.g\+Tk .xwm- {
    left: 1.625rem;
    position: absolute;
    top: 2.125rem
}

.g\+Tk .b9kk>.KiXV {
    background-clip: padding-box;
    background-color: var(--color-invert-dark);
    border: 1px solid var(--color-border);
    border-radius: var(--input-border-radius);
    box-shadow: 0 0 0 62.5rem var(--color-invert-dark) inset;
    caret-color: var(--color-invert);
    color: var(--color-invert);
    filter: none;
    font-size: 1rem;
    height: 100%;
    outline: none;
    padding: calc(var(--spaces)*2.38) calc(var(--spaces)*2);
    width: 100%
}

.g\+Tk .b9kk>.KiXV::placeholder {
    font-size: inherit;
    transition: opacity var(--transition-duration-sm)
}

@media (hover:hover) {
    .g\+Tk .b9kk>.KiXV:hover {
        border-color: var(--color-border-hover)
    }
}

.g\+Tk .b9kk>.KiXV:focus,
.g\+Tk .b9kk>.KiXV[focused] {
    border-color: var(--color-primary)
}

.g\+Tk .b9kk>.KiXV[aria-invalid=true] {
    border-color: var(--color-error)
}

.g\+Tk .b9kk>.KiXV[disabled] {
    background-color: var(--color-disabled);
    border-color: var(--color-border);
    box-shadow: none;
    cursor: not-allowed
}

.g\+Tk .b9kk>.KiXV[type=password]:not(:-webkit-autofill) {
    letter-spacing: 3px
}

.g\+Tk .b9kk>.KiXV::-webkit-textfield-decoration-container {
    letter-spacing: 1px
}

.g\+Tk .b9kk>.KiXV:-webkit-autofill {
    -webkit-text-fill-color: var(--color-invert)
}

.g\+Tk .b9kk>.KiXV:-webkit-autofill:first-line {
    font-family: var(--font-primary);
    font-size: 1rem
}

.g\+Tk .b9kk>.KiXV[capitalize] {
    text-transform: capitalize
}

.g\+Tk .b9kk>.KiXV[monospace] {
    font-family: var(--font-iosevka)
}

.g\+Tk .b9kk>.KiXV.aN9e {
    padding-bottom: var(--spaces);
    padding-top: calc(var(--spaces)*2.75)
}

.g\+Tk .b9kk>.KiXV.aN9e::placeholder {
    opacity: 0
}

@media (hover:hover) {

    .g\+Tk .b9kk>.KiXV:hover~.HGDN,
    .g\+Tk .b9kk>.KiXV:hover~.cEug {
        border-color: var(--color-border-hover)
    }
}

.g\+Tk .b9kk>.KiXV:focus,
.g\+Tk .b9kk>.KiXV[focused] {
    border-width: 1px;
    padding-left: calc(var(--spaces)*2);
    padding-right: calc(var(--spaces)*2)
}

.g\+Tk .b9kk>.KiXV:focus::placeholder,
.g\+Tk .b9kk>.KiXV[focused]::placeholder {
    opacity: 1
}

.g\+Tk .b9kk>.KiXV:focus~.HGDN,
.g\+Tk .b9kk>.KiXV[focused]~.HGDN {
    border-color: var(--color-primary);
    border-width: 1px 1px 1px 0
}

.g\+Tk .b9kk>.KiXV:focus~.HGDN:lang(ar),
.g\+Tk .b9kk>.KiXV[focused]~.HGDN:lang(ar) {
    border-width: 1px 0 1px 1px
}

.g\+Tk .b9kk>.KiXV:focus~.cEug,
.g\+Tk .b9kk>.KiXV[focused]~.cEug {
    border-color: var(--color-primary);
    border-width: 1px 0 1px 1px;
    padding-left: calc(var(--spaces)*2)
}

.g\+Tk .b9kk>.KiXV:focus~.cEug:lang(ar),
.g\+Tk .b9kk>.KiXV[focused]~.cEug:lang(ar) {
    border-width: 1px 1px 1px 0
}

.g\+Tk .b9kk>.KiXV:read-only:placeholder-shown {
    cursor: default
}

.g\+Tk ._1sBj {
    color: var(--color-error);
    display: inline-flex;
    font-size: .75rem;
    vertical-align: text-top
}

.g\+Tk .rWIy {
    cursor: pointer
}

.g\+Tk>.b9kk>.KiXV:-webkit-autofill+label,
.g\+Tk>.b9kk>.KiXV:focus:not(:read-only)+label,
.g\+Tk>.b9kk>.KiXV:not(:placeholder-shown)+label,
.g\+Tk>.b9kk>.KiXV[focused]+label {
    overflow: hidden;
    text-overflow: ellipsis;
    transform: translateY(-100%) scale(.75);
    white-space: nowrap;
    width: 95%
}

.g\+Tk>.b9kk>.KiXV:-webkit-autofill+label:lang(ar),
.g\+Tk>.b9kk>.KiXV:focus:not(:read-only)+label:lang(ar),
.g\+Tk>.b9kk>.KiXV:not(:placeholder-shown)+label:lang(ar),
.g\+Tk>.b9kk>.KiXV[focused]+label:lang(ar) {
    width: auto
}

.g\+Tk .HGDN,
.g\+Tk .cEug {
    align-items: center;
    background-clip: padding-box;
    background-color: var(--color-invert-dark);
    border: 1px solid var(--color-border);
    display: flex;
    height: 100%
}

>.b9kk>.KiXV:focus:not(.g\+Tk.vby5):lang(ar),
>.b9kk>.KiXV:focus:not(.g\+Tk.bipk):lang(ar) {
    border-left: solid var(--color-primary)
}

.g\+Tk.vby5>.b9kk>.HGDN {
    border-left-width: 0;
    border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0
}

.g\+Tk.vby5>.b9kk>.HGDN:lang(ar) {
    border-left-width: 1px;
    border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
    border-right-width: 0
}

.g\+Tk.vby5>.b9kk>.KiXV {
    border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
    border-right: none
}

.g\+Tk.vby5>.b9kk>.KiXV:lang(ar) {
    border-left: none;
    border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
    border-right: solid var(--color-border)
}

.g\+Tk.vby5>.b9kk>.KiXV:focus,
.g\+Tk.vby5>.b9kk>.KiXV[focused] {
    border-right: 0
}

.g\+Tk.vby5>.b9kk>.KiXV:focus:lang(ar),
.g\+Tk.vby5>.b9kk>.KiXV[focused]:lang(ar) {
    border-left: 0;
    border-right: solid var(--color-primary)
}

.g\+Tk.Drpd>.b9kk>.cEug {
    border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
    border-right-width: 0;
    order: -1;
    padding-left: calc(var(--spaces)*2)
}

.g\+Tk.Drpd>.b9kk>.cEug:lang(ar) {
    border-right-width: 1px;
    padding-left: 0;
    padding-right: calc(var(--spaces)*2)
}

.g\+Tk.Drpd>.b9kk>.KiXV,
.g\+Tk.Drpd>.b9kk>.cEug:lang(ar) {
    border-left-width: 0;
    border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0
}

.g\+Tk.Drpd>.b9kk>.KiXV:lang(ar) {
    border-left-width: 1px;
    border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
    border-right-width: 0
}

.g\+Tk.Drpd>.b9kk>.KiXV:focus,
.g\+Tk.Drpd>.b9kk>.KiXV[focused] {
    border-left: 0
}

.g\+Tk.Drpd>.b9kk>.KiXV:focus:lang(ar),
.g\+Tk.Drpd>.b9kk>.KiXV[focused]:lang(ar) {
    border-left: solid var(--color-primary);
    border-right: 1px
}

.g\+Tk.vby5.Drpd>.b9kk>.KiXV {
    border-left-width: 0;
    border-radius: 0;
    border-right-width: 0
}

.g\+Tk._957K>.b9kk>.KiXV,
.g\+Tk._957K>.b9kk>.KiXV~.HGDN,
.g\+Tk._957K>.b9kk>.KiXV~.cEug {
    background-clip: padding-box;
    background-color: var(--color-disabled);
    border-color: var(--color-disabled);
    box-shadow: unset;
    cursor: not-allowed;
    opacity: 1
}

.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill {
    background-color: var(--color-invert-dark);
    box-shadow: 0 0 0 62.5rem var(--color-invert-dark) inset
}

.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill,
.g\+Tk._957K>.b9kk>.KiXV[disabled]:autofill {
    background-color: var(--color-invert-dark);
    box-shadow: 0 0 0 62.5rem var(--color-invert-dark) inset
}

.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill~.HB3d,
.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill~.cEug {
    background-color: var(--color-invert-dark)
}

.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill~.HB3d,
.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill~.cEug,
.g\+Tk._957K>.b9kk>.KiXV[disabled]:autofill~.HB3d,
.g\+Tk._957K>.b9kk>.KiXV[disabled]:autofill~.cEug {
    background-color: var(--color-invert-dark)
}

.g\+Tk._2KEQ>.b9kk>.KiXV~.cEug,
.g\+Tk._5vTP>.b9kk>.KiXV~.cEug {
    padding: 1px
}

.g\+Tk._2KEQ>.b9kk>.KiXV,
.g\+Tk._2KEQ>.b9kk>.KiXV~.HGDN,
.g\+Tk._2KEQ>.b9kk>.KiXV~.cEug,
.g\+Tk._5vTP>.b9kk>.KiXV,
.g\+Tk._5vTP>.b9kk>.KiXV~.HGDN,
.g\+Tk._5vTP>.b9kk>.KiXV~.cEug {
    background-color: var(--trade-color-block-background);
    border-color: var(--trade-color-border)
}

.g\+Tk._2KEQ>.b9kk>.KiXV,
.g\+Tk._5vTP>.b9kk>.KiXV {
    box-shadow: none;
    caret-color: var(--trade-color-invert-dark);
    color: var(--trade-color-invert-dark)
}

.g\+Tk._2KEQ>.b9kk>.KiXV::placeholder,
.g\+Tk._5vTP>.b9kk>.KiXV::placeholder {
    color: hsl(var(--clr-text)/var(--clr-text-opacity, 1));
    opacity: .7
}

.g\+Tk._2KEQ>.b9kk>.KiXV:focus,
.g\+Tk._2KEQ>.b9kk>.KiXV[focused],
.g\+Tk._5vTP>.b9kk>.KiXV:focus,
.g\+Tk._5vTP>.b9kk>.KiXV[focused] {
    border-color: var(--color-primary);
    border-width: 1px
}

.g\+Tk._2KEQ>.b9kk>.KiXV:focus~.HGDN,
.g\+Tk._2KEQ>.b9kk>.KiXV[focused]~.HGDN,
.g\+Tk._5vTP>.b9kk>.KiXV:focus~.HGDN,
.g\+Tk._5vTP>.b9kk>.KiXV[focused]~.HGDN {
    border-color: var(--color-primary);
    border-width: 1px 1px 1px 0;
    margin-right: 0
}

.g\+Tk._2KEQ>.b9kk>.KiXV:focus~.cEug,
.g\+Tk._2KEQ>.b9kk>.KiXV[focused]~.cEug,
.g\+Tk._5vTP>.b9kk>.KiXV:focus~.cEug,
.g\+Tk._5vTP>.b9kk>.KiXV[focused]~.cEug {
    border-color: var(--color-primary);
    border-width: 1px 0 1px 1px
}

.g\+Tk._2KEQ._5vTP>.b9kk>.KiXV,
.g\+Tk._5vTP._5vTP>.b9kk>.KiXV {
    text-align: right
}

.g\+Tk._2KEQ._5vTP .x5PL,
.g\+Tk._2KEQ._5vTP>.b9kk>.KiXV::placeholder,
.g\+Tk._5vTP._5vTP .x5PL,
.g\+Tk._5vTP._5vTP>.b9kk>.KiXV::placeholder {
    color: hsl(var(--clr-text)/var(--clr-text-opacity, 1))
}

.g\+Tk._2KEQ._957K>.b9kk>.KiXV,
.g\+Tk._2KEQ._957K>.b9kk>.KiXV~.HGDN,
.g\+Tk._2KEQ._957K>.b9kk>.KiXV~.cEug,
.g\+Tk._5vTP._957K>.b9kk>.KiXV,
.g\+Tk._5vTP._957K>.b9kk>.KiXV~.HGDN,
.g\+Tk._5vTP._957K>.b9kk>.KiXV~.cEug {
    background-color: var(--trade-color-disabled);
    cursor: no-drop
}

.g\+Tk._2KEQ.Drpd>.b9kk>.KiXV~.cEug,
.g\+Tk._5vTP.Drpd>.b9kk>.KiXV~.cEug {
    color: hsl(var(--clr-text)/var(--clr-text-opacity, 1));
    font-size: .75rem;
    font-weight: 500;
    padding-left: 1px;
    text-indent: calc(var(--spaces)*1.5);
    white-space: nowrap
}

.g\+Tk.bipk>.b9kk>.KiXV,
.g\+Tk.bipk>.b9kk>.KiXV~.HGDN,
.g\+Tk.bipk>.b9kk>.KiXV~.cEug {
    border-color: var(--color-error) !important
}

.g\+Tk.bipk>.b9kk>.KiXV:lang(ar),
.g\+Tk.bipk>.b9kk>.KiXV:lang(ar):focus,
.g\+Tk.bipk>.b9kk>.KiXV:lang(ar)[focused],
.g\+Tk.bipk>.b9kk>.KiXV[aria-invalid]:lang(ar),
.g\+Tk.bipk>.b9kk>.KiXV[aria-invalid]:lang(ar):focus,
.g\+Tk.bipk>.b9kk>.KiXV[aria-invalid]:lang(ar)[focused],
.g\+Tk.bipk>.b9kk>.KiXV~.HGDN[aria-invalid]:lang(ar),
.g\+Tk.bipk>.b9kk>.KiXV~.HGDN[aria-invalid]:lang(ar):focus,
.g\+Tk.bipk>.b9kk>.KiXV~.HGDN[aria-invalid]:lang(ar)[focused],
.g\+Tk.bipk>.b9kk>.KiXV~.cEug[aria-invalid]:lang(ar),
.g\+Tk.bipk>.b9kk>.KiXV~.cEug[aria-invalid]:lang(ar):focus,
.g\+Tk.bipk>.b9kk>.KiXV~.cEug[aria-invalid]:lang(ar)[focused] {
    border-right: solid var(--color-error)
}

.g\+Tk[large]>.b9kk {
    height: 3rem
}

.g\+Tk[large]>.b9kk input,
.g\+Tk[large]>.b9kk input::placeholder {
    font-size: .875rem
}

.g\+Tk[large] .xwm- {
    top: 1.75rem
}

.g\+Tk[large] .x5PL {
    font-size: 1rem
}

.g\+Tk[medium]>.b9kk {
    height: 3rem
}

.g\+Tk[medium]>.b9kk input,
.g\+Tk[medium]>.b9kk input::placeholder {
    font-size: .875rem
}

.g\+Tk[medium] .xwm- {
    top: 1.75rem
}

.g\+Tk[medium] ._1sBj {
    font-size: .625rem
}

.g\+Tk[small]>.b9kk {
    height: 2.5rem
}

.g\+Tk[small]>.b9kk input,
.g\+Tk[small]>.b9kk input::placeholder {
    font-size: .75rem
}

.g\+Tk[small] .x5PL {
    font-size: .75rem;
    left: .75rem;
    max-width: calc(100% - 1.13rem)
}

.g\+Tk[small] .xwm- {
    top: 1.25rem
}

.g\+Tk[small] ._1sBj {
    font-size: .625rem
}

.g\+Tk[small] .b9kk>.KiXV {
    font-size: .75rem;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1.5)
}

.g\+Tk[small] .b9kk>.KiXV:focus,
.g\+Tk[small] .b9kk>.KiXV[focused] {
    padding-left: calc(var(--spaces)*1.5)
}

.g\+Tk[small] .b9kk>.KiXV.aN9e {
    padding-top: calc(var(--spaces)*2.5)
}

.g\+Tk[small].Drpd>.b9kk>.cEug {
    padding-left: calc(var(--spaces)*1.5)
}

.g\+Tk[small].Drpd>.b9kk>.KiXV {
    padding: var(--spaces)
}

.g\+Tk[xsmall] {
    --input-border-radius: 0.375rem
}

.g\+Tk[xsmall]>.b9kk {
    height: 2rem
}

.g\+Tk[xsmall]>.b9kk input::placeholder {
    font-size: .625rem
}

.g\+Tk[xsmall]>.b9kk>.KiXV:focus~.cEug,
.g\+Tk[xsmall]>.b9kk>.KiXV[focused]~.cEug,
.g\+Tk[xsmall]>.b9kk>.KiXV~.cEug {
    padding-left: var(--spaces)
}

.g\+Tk[xsmall] .x5PL {
    font-size: .625rem;
    left: calc(var(--spaces)*1.5);
    max-width: calc(100% - 1.13rem)
}

.g\+Tk[xsmall] .xwm- {
    top: 1rem
}

.g\+Tk[xsmall] ._1sBj {
    font-size: .625rem
}

.g\+Tk[xsmall] .b9kk>.KiXV {
    font-size: .625rem;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*2) calc(var(--spaces)*.75)
}

.g\+Tk[xsmall] .b9kk>.KiXV:focus,
.g\+Tk[xsmall] .b9kk>.KiXV[focused] {
    padding-left: calc(var(--spaces)*2)
}

.g\+Tk[xsmall] .b9kk>.KiXV.aN9e {
    padding-left: calc(var(--spaces)*1.5);
    padding-top: calc(var(--spaces)*2.2)
}

.g\+Tk[xsmall].Drpd>.b9kk>.KiXV {
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1) calc(var(--spaces)*.75)
}

.rLV3[small] button.Gany {
    padding: 0 calc(var(--spaces)*1)
}

.rLV3[small] ._6SFK {
    height: 1rem;
    width: 1rem
}

.rLV3[medium] button.Gany {
    padding: 0 calc(var(--spaces)*1)
}

button.Gany {
    background: #0000;
    height: 100%;
    padding: 0 calc(var(--spaces)*2)
}

button.Gany ._6SFK {
    height: 1.5rem;
    width: 1.5rem;
    fill: var(--color-black);
    fill-opacity: .6;
    transition: var(--transition-duration);
    transition-property: fill-opacity
}

.wb-dark-mode button.Gany ._6SFK {
    fill: var(--color-white)
}

button.Gany ._6SFK.GaSp {
    fill-opacity: 1
}

.o\+RT {
    display: none
}

@media (min-width:768px) {
    .o\+RT {
        background-color: var(--color-white);
        border-radius: var(--border-radius-md);
        display: block;
        height: -moz-fit-content;
        height: fit-content;
        margin-bottom: calc(var(--spaces)*12.5);
        padding: calc(var(--spaces)*4);
        position: relative;
        text-align: center;
        width: 16.5rem
    }

    .o\+RT:after {
        background-color: var(--color-dark-purplish-blue);
        right: -1.0625rem;
        top: -1.0625rem
    }

    .o\+RT:after,
    .o\+RT:before {
        content: "";
        height: 3.5rem;
        position: absolute;
        width: 3.5rem;
        z-index: -1
    }

    .o\+RT:before {
        background-color: var(--color-grey-dark);
        bottom: -1.0625rem;
        left: -1.0625rem
    }
}

@media (min-width:1323px) {
    .o\+RT {
        margin-bottom: 0;
        min-width: 20rem
    }
}

._6lD9 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: calc(var(--spaces)*2)
}

._3DTD {
    position: relative
}

._3DTD:before {
    background-color: var(--color-white);
    content: "";
    inset: 0;
    margin: auto;
    opacity: .9;
    position: absolute
}

.GHGu {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*.5);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.YuCe {
    font-family: var(--font-primary);
    font-size: 1rem;
    margin-bottom: var(--spaces)
}

._2ez7 {
    height: 8.5rem;
    width: 8.5rem
}

@media (min-width:1323px) {
    ._2ez7 {
        height: 14rem;
        width: 14rem
    }
}

.D1rd {
    font-size: .875rem
}

.X1Rn {
    color: var(--color-invert);
    font-size: .75rem;
    font-weight: 500
}

.nyPl {
    background: var(--color-dark);
    margin-top: auto;
    z-index: 1
}

.J4XF {
    font-size: .75rem
}

@media (min-width:768px) {
    .R8-j {
        border-right: 1px solid var(--color-border);
        padding-right: calc(var(--spaces)*2)
    }
}

.J9Vk {
    margin: 0 auto;
    padding: calc(var(--spaces)*2);
    width: 100%
}

@media (min-width:768px) {
    .J9Vk {
        margin-left: auto;
        margin-right: auto;
        padding: calc(var(--spaces)*4) 0 calc(var(--spaces)*3);
        padding-left: .5rem;
        padding-right: .5rem;
        width: 100%
    }

    @media (min-width:768px) {
        .J9Vk {
            max-width: 90rem;
            padding-left: 3.5rem;
            padding-right: 3.5rem
        }
    }
}

.GmXg {
    border-top: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    gap: calc(var(--spaces)*2);
    justify-content: space-between;
    padding-top: calc(var(--spaces)*3)
}

@media (min-width:1323px) {
    .GmXg {
        align-items: center;
        flex-direction: row;
        padding-top: calc(var(--spaces)*3)
    }
}

.htfu {
    align-items: center;
    display: flex;
    gap: calc(var(--spaces)*2);
    min-width: -moz-fit-content;
    min-width: fit-content
}

.htfu img:not([src]) {
    visibility: hidden
}

.v98a {
    padding-bottom: calc(var(--spaces)*3)
}

.v98a .qiCv {
    margin-bottom: 0;
    padding-bottom: 0
}

.v98a .qiCv[aria-expanded=true] header svg {
    color: var(--color-white)
}

.v98a .qiCv header {
    padding-bottom: 0
}

.v98a .qiCv header svg {
    color: var(--color-icon-secondary)
}

.M\+mI {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*2)
}

@media (min-width:768px) {
    .M\+mI {
        display: none
    }
}

._8wsJ {
    color: var(--color-text);
    font-size: .75rem;
    letter-spacing: .6px;
    text-transform: uppercase
}

.K2-I {
    display: none
}

@media (min-width:768px) {
    .K2-I {
        display: grid;
        gap: calc(var(--spaces)*3) calc(var(--spaces)*2);
        grid-template-columns: repeat(2, 1fr)
    }

    .K2-I .Ez\+P:nth-child(2) {
        grid-row: 2/4
    }

    .K2-I .Ez\+P:nth-child(3) {
        grid-row: 1/3
    }
}

@media (min-width:992px) {
    .K2-I {
        gap: calc(var(--spaces)*2);
        grid-template-columns: repeat(4, 1fr)
    }

    .K2-I .Ez\+P:nth-child(2),
    .K2-I .Ez\+P:nth-child(3) {
        grid-row: auto
    }
}

.Ez\+P {
    gap: calc(var(--spaces)*3)
}

.eCr8,
.Ez\+P {
    display: flex;
    flex-direction: column
}

.eCr8 {
    gap: var(--spaces)
}

._9X\+E {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*.5)
}

.wSHe {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*.13)
}

.LJqs {
    align-items: center;
    border-radius: var(--border-radius-xs);
    color: var(--color-invert);
    display: flex;
    font-size: .875rem;
    gap: var(--spaces);
    min-height: 2rem;
    padding: calc(var(--spaces)*.5) calc(var(--spaces)*1);
    transition: background-color var(--transition-duration)
}

.LJqs.EGy0,
.LJqs:active {
    background-color: var(--color-grey-2)
}

@media (hover:hover) {
    .LJqs:hover {
        background-color: var(--color-grey-2)
    }
}

.LJqs.EGy0 {
    pointer-events: none
}

.PGst {
    background-color: var(--color-invert);
    border-radius: 2px;
    color: var(--color-invert-dark);
    font: 500 .5625rem/1rem var(--font-primary);
    padding: 0 calc(var(--spaces)*1);
    text-transform: uppercase
}

.ki\+V {
    align-items: center;
    color: var(--color-white);
    display: flex;
    flex-flow: row wrap;
    gap: var(--spaces);
    width: -moz-fit-content;
    width: fit-content
}

.o61S {
    font-size: .875rem;
    transition: color var(--transition-duration)
}

@media (hover:hover) {
    .o61S:hover {
        color: var(--color-text)
    }
}

.E2m4 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*1.5)
}

.aO0j {
    color: var(--color-white);
    font-size: .875rem
}

.WcCX {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spaces)
}

@media (min-width:1323px) {
    .WcCX {
        gap: calc(var(--spaces)*2)
    }
}

.LFZb {
    align-items: center;
    background: var(--color-white);
    border-radius: var(--border-radius-sm);
    display: flex;
    height: 1.5rem;
    padding: calc(var(--spaces)*.5);
    transition: background-color var(--transition-duration);
    width: 1.5rem
}

@media (min-width:768px) {
    .LFZb {
        border-radius: var(--border-radius-xs)
    }
}

.LFZb:active {
    background: var(--color-icon-secondary)
}

@media (hover:hover) {
    .LFZb:hover {
        background: var(--color-icon-secondary)
    }
}

.UXEQ {
    height: 1.5rem;
    width: 1.5rem
}

@media (min-width:768px) {
    .UXEQ {
        height: 1rem;
        width: 1rem
    }
}

._94pw {
    overflow: hidden
}

._94pw[hidden] {
    content-visibility: hidden;
    display: block
}


a.fuOS,
button.fuOS {
    align-items: center;
    background-color: var(--color-primary);
    border: 1px solid #0000;
    border-radius: var(--border-radius-sm);
    color: var(--color-black);
    cursor: pointer;
    display: inline-flex;
    font: 500 .875rem/1.5 Inter, sans-serif;
    gap: calc(var(--spaces)*.5);
    height: 2.5rem;
    justify-content: center;
    max-width: 100%;
    outline: none;
    overflow: hidden;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1.5);
    position: relative;
    text-overflow: ellipsis;
    transition: background-color var(--transition-duration-sm), border-color var(--transition-duration-sm);
    white-space: nowrap
}

@media (hover:hover) {

    a.fuOS:hover:not(:disabled),
    button.fuOS:hover:not(:disabled) {
        background-color: var(--color-primary-hover)
    }

    a.fuOS:hover:not(:disabled).C4tx,
    button.fuOS:hover:not(:disabled).C4tx {
        background-color: initial;
        border-color: var(--color-border-hover)
    }
}

@media (hover:hover) {

    .use-new-theme a.fuOS:hover:not(:disabled).C4tx,
    .use-new-theme button.fuOS:hover:not(:disabled).C4tx {
        background-color: var(--color-button-secondary-hover);
        border-color: var(--color-border)
    }
}

@media (hover:hover) {

    a.fuOS:hover:not(:disabled).Y8ay,
    button.fuOS:hover:not(:disabled).Y8ay {
        background-color: initial
    }

    a.fuOS:hover:not(:disabled).rcKP,
    button.fuOS:hover:not(:disabled).rcKP {
        background-color: var(--color-red-hover);
        border-color: #0000
    }

    a.fuOS:hover:not(:disabled).kEk1,
    button.fuOS:hover:not(:disabled).kEk1 {
        background-color: var(--color-negative-hover);
        border-color: #0000
    }

    a.fuOS:hover:not(:disabled).eNkk,
    button.fuOS:hover:not(:disabled).eNkk {
        background-color: #0000000d;
        border-color: #0000;
        color: var(--color-link)
    }
}

a.fuOS:active:not(:disabled),
button.fuOS:active:not(:disabled) {
    background-color: var(--color-primary-active)
}

a.fuOS:active:not(:disabled).C4tx,
button.fuOS:active:not(:disabled).C4tx {
    background-color: initial;
    border-color: var(--color-border-active)
}

.use-new-theme a.fuOS:active:not(:disabled).C4tx,
.use-new-theme button.fuOS:active:not(:disabled).C4tx {
    background-color: var(--color-button-secondary-active);
    border-color: var(--color-border)
}

a.fuOS:active:not(:disabled).rcKP,
button.fuOS:active:not(:disabled).rcKP {
    background-color: var(--color-red-active);
    border-color: #0000
}

a.fuOS:active:not(:disabled).kEk1,
button.fuOS:active:not(:disabled).kEk1 {
    background-color: var(--color-negative-active);
    border-color: #0000
}

a.fuOS:active:not(:disabled).Y8ay,
button.fuOS:active:not(:disabled).Y8ay {
    background-color: initial
}

a.fuOS:active:not(:disabled).eNkk,
button.fuOS:active:not(:disabled).eNkk {
    background-color: #0000000d;
    border-color: #0000;
    color: var(--color-link)
}

a.fuOS:focus-visible:not([disabled]):not([plain]),
button.fuOS:focus-visible:not([disabled]):not([plain]) {
    overflow: visible
}

a.fuOS:focus-visible:not([disabled]):not([plain]):after,
button.fuOS:focus-visible:not([disabled]):not([plain]):after {
    border: 1px solid var(--color-primary);
    border-radius: calc(var(--border-radius) + 1px);
    content: "";
    inset: -.25rem;
    position: absolute
}

a.fuOS:focus-visible:not([disabled]):not([plain]).hkaL:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).hkaL:after {
    border-radius: calc(var(--border-radius-md) - 1px)
}

a.fuOS:focus-visible:not([disabled]):not([plain]).E0LW:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).E0LW:after {
    border-radius: calc(var(--border-radius) + 1px)
}

a.fuOS:focus-visible:not([disabled]):not([plain])._6mPB:after,
button.fuOS:focus-visible:not([disabled]):not([plain])._6mPB:after {
    border-radius: calc(var(--border-radius-sm) + 1px)
}

a.fuOS:focus-visible:not([disabled]):not([plain]).kEk1:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).kEk1:after {
    border-color: var(--color-negative)
}

a.fuOS:focus-visible:not([disabled]):not([plain]).rcKP:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).rcKP:after {
    border-color: var(--color-red)
}

a.fuOS:focus-visible:not([disabled]):not([plain]).C4tx:after,
a.fuOS:focus-visible:not([disabled]):not([plain]).eNkk:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).C4tx:after,
button.fuOS:focus-visible:not([disabled]):not([plain]).eNkk:after {
    border-color: var(--color-purplish)
}

a.fuOS._2-UP,
button.fuOS._2-UP {
    padding: var(--spaces);
    width: 2.5rem
}

a.fuOS.C4tx,
button.fuOS.C4tx {
    background-color: initial;
    border: 1px solid var(--color-border);
    color: var(--color-invert)
}

.use-new-theme a.fuOS.C4tx,
.use-new-theme button.fuOS.C4tx {
    background-color: var(--color-button-secondary);
    color: var(--color-text-head)
}

a.fuOS.rcKP,
button.fuOS.rcKP {
    background-color: var(--color-red);
    border-color: #0000;
    color: var(--color-white)
}

a.fuOS.kEk1,
button.fuOS.kEk1 {
    background-color: var(--color-negative);
    border-color: #0000;
    color: var(--color-white)
}

a.fuOS.eNkk,
button.fuOS.eNkk {
    background-color: initial;
    color: var(--color-link)
}

a.fuOS[disabled]:not([class*=swiper-button-disabled]),
button.fuOS[disabled]:not([class*=swiper-button-disabled]) {
    background-color: var(--color-disabled);
    border-color: var(--color-disabled);
    color: var(--color-text);
    cursor: not-allowed;
    pointer-events: none
}

.wb-dark-mode a.fuOS[disabled]:not([class*=swiper-button-disabled]),
.wb-dark-mode button.fuOS[disabled]:not([class*=swiper-button-disabled]) {
    background-color: #ffffff1a;
    color: #ffffff73
}

@supports (color:color-mix(in srgb, #000, #000)) {

    .wb-dark-mode a.fuOS[disabled]:not([class*=swiper-button-disabled]),
    .wb-dark-mode button.fuOS[disabled]:not([class*=swiper-button-disabled]) {
        background-color: color-mix(in srgb-linear, var(--color-white) 10%, #0000);
        color: color-mix(in srgb-linear, var(--color-white) 45%, #0000)
    }
}

a.fuOS.P3Tv.C4tx,
button.fuOS.P3Tv.C4tx {
    border-color: var(--trade-color-border);
    color: var(--trade-color-invert-dark)
}

@media (hover:hover) {

    a.fuOS.P3Tv.C4tx:hover,
    button.fuOS.P3Tv.C4tx:hover {
        border-color: var(--trade-color-border-hover)
    }
}

a.fuOS.P3Tv[disabled],
button.fuOS.P3Tv[disabled] {
    background-color: var(--trade-color-disabled);
    border-color: var(--trade-color-disabled);
    color: var(--trade-color-text)
}

a.fuOS.hkaL,
button.fuOS.hkaL {
    border-radius: var(--border-radius);
    font-size: 1rem;
    height: 3rem;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*2)
}

a.fuOS.hkaL._2-UP,
button.fuOS.hkaL._2-UP {
    padding: calc(var(--spaces)*1.5);
    width: 3rem
}

a.fuOS.E0LW,
button.fuOS.E0LW {
    border-radius: var(--border-radius-sm);
    font-size: .875rem;
    height: 2rem;
    padding: calc(var(--spaces)*.5) calc(var(--spaces)*1.25)
}

a.fuOS.E0LW._2-UP,
button.fuOS.E0LW._2-UP {
    padding: calc(var(--spaces)*.5);
    width: 2rem
}

a.fuOS._6mPB,
button.fuOS._6mPB {
    border-radius: var(--border-radius-xs);
    font-size: .625rem;
    height: 1.5rem;
    min-height: unset;
    padding: calc(var(--spaces)*.5) calc(var(--spaces)*1)
}

a.fuOS._6mPB._2-UP,
button.fuOS._6mPB._2-UP {
    padding: calc(var(--spaces)*.5);
    width: 1.5rem
}

a.fuOS.Y8ay,
button.fuOS.Y8ay {
    background-color: initial;
    border: none;
    color: var(--color-link);
    font-size: .875rem;
    height: -moz-fit-content;
    height: fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    min-width: 0;
    padding: 0
}

a.fuOS.Y8ay.E0LW,
button.fuOS.Y8ay.E0LW {
    font-size: .875rem
}

a.fuOS.Y8ay._6mPB,
button.fuOS.Y8ay._6mPB {
    font-size: .75rem
}

a.fuOS.Y8ay[disabled],
button.fuOS.Y8ay[disabled] {
    background-color: initial;
    color: var(--color-text-hint)
}

@media (hover:hover) {

    a.fuOS.Y8ay:hover,
    button.fuOS.Y8ay:hover {
        background-color: initial;
        color: var(--color-link-hover)
    }
}

a.fuOS.HI5m,
button.fuOS.HI5m {
    border-color: var(--color-disabled);
    color: #0000 !important;
    pointer-events: none
}

a.fuOS.HI5m>:not(.MuOn),
button.fuOS.HI5m>:not(.MuOn) {
    opacity: 0
}


.jCBi {
    align-items: center;
    background: #f2f2f7;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    min-height: calc(100vh - var(--header-height));
    overflow: hidden;
    padding: calc(var(--spaces)*2) calc(var(--spaces)*2) calc(var(--spaces)*4);
    position: relative;
    text-align: center
}

@media (min-width:768px) {
    .jCBi {
        padding: 0 calc(var(--spaces)*2) calc(var(--spaces)*10)
    }
}

@media (max-width:1024px) and (orientation:landscape) {
    .jCBi {
        padding: calc(var(--spaces)*2) calc(var(--spaces)*2) calc(var(--spaces)*4)
    }
}

.jCBi .vKVP {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: calc(var(--spaces)*13.5);
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .jCBi .vKVP {
        padding-top: calc(var(--spaces)*27)
    }
}

.jCBi .vKVP.YhvG {
    padding-top: min(7vw, calc(var(--spaces)*7.5))
}

@media (min-width:768px) {
    .jCBi .vKVP.YhvG {
        padding-top: 6vw
    }
}

@media (min-width:1323px) {
    .jCBi .vKVP.YhvG {
        padding-top: min(4vw, calc(var(--spaces)*11.25))
    }
}

.jCBi ._65ER {
    color: #e0e0e5;
    font-size: 11.1875rem;
    left: 50%;
    line-height: 1.2;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    transform: translateX(-50%);
    -webkit-user-select: none;
    user-select: none;
    z-index: -1
}

@media (min-width:768px) {
    .jCBi ._65ER {
        font-size: 18.75rem
    }
}

.jCBi ._65ER.YhvG {
    font-size: min(9vw, 5.25rem)
}

@media (min-width:768px) {
    .jCBi ._65ER.YhvG {
        font-size: min(9.5vw, 10rem)
    }
}

.jCBi .XW4v {
    color: var(--color-dark-purplish-blue);
    margin: 0 auto calc(var(--spaces)*-1.75);
    width: 3.75rem
}

.jCBi ._0KaN {
    -webkit-backdrop-filter: blur(.4375rem);
    backdrop-filter: blur(.4375rem);
    background-color: #ffffff26;
    border: 2px solid var(--color-white);
    border-radius: var(--border-radius-label);
    color: var(--color-black);
    display: inline-block;
    margin-bottom: calc(var(--spaces)*2);
    padding: calc(var(--spaces)*.75) calc(var(--spaces)*2)
}

@media (min-width:768px) {
    .jCBi ._0KaN {
        font-size: 2rem;
        padding: calc(var(--spaces)*1.5) calc(var(--spaces)*3)
    }
}

.jCBi ._5Nil {
    font-size: .875rem;
    line-height: 1.56;
    margin-bottom: calc(var(--spaces)*2);
    z-index: 1
}

@media (min-width:768px) {
    .jCBi ._5Nil {
        margin-bottom: calc(var(--spaces)*3)
    }
}

.jCBi .XW4v+._5Nil {
    padding-top: calc(var(--spaces)*1.75)
}

.jCBi .ZRlQ span {
    font-size: 1rem
}

.jCBi .u-link {
    color: #246acc
}

@media (hover:hover) {
    .jCBi .u-link:hover {
        color: #0d274a
    }
}


.hGS3 {
    height: 1px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 125
}

.hGS3:after {
    animation: hGS3 2s linear infinite;
    background: #eabe4dcc;
    border-radius: 1rem;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 25%
}

@keyframes hGS3 {
    0% {
        transform: translateX(-125%)
    }

    to {
        transform: translateX(425%)
    }
}


.q-zK .LkLi {
    --color-border: #18181b;
    --color-border-hover: #3d3d42;
    --color-border-active: #61616b
}

._87wy {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}

._87wy .HGOz {
    top: 0
}

._87wy.T2Oi:after {
    background: var(--color-dark);
    content: "";
    height: var(--header-height);
    position: absolute;
    top: 0;
    width: 100%
}

._87wy ._4cbu {
    height: 1rem;
    position: absolute;
    right: .25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem
}

@media (min-width:768px) {
    ._87wy ._4cbu {
        right: 1rem
    }
}

._87wy .Lmve {
    background: #fff;
    padding-top: var(--header-height);
    -webkit-overflow-scrolling: touch
}

._87wy .Lmve.ooWR {
    padding-top: calc(var(--header-height)*2);
    transition-duration: 0s
}

._87wy .Lmve._5w-q {
    padding-top: 0
}

._19Kz {
    background-color: var(--color-dark);
    display: none;
    height: var(--subheader-height)
}

.LO8w~.Lmve ._19Kz {
    display: block
}


.ncpC {
    --header-height: 0px;
    --footer-height: 0px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}


img[data-v-54f376ca] {
    color: #0000;
    font-size: .625rem
}


.resize-observer[data-v-8859cc6c] {
    background-color: transparent;
    border: none;
    opacity: 0
}

.resize-observer[data-v-8859cc6c],
.resize-observer[data-v-8859cc6c] object {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-popper__popper {
    left: 0;
    outline: none;
    top: 0;
    z-index: 10000
}

.v-popper__popper.v-popper__popper--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, visibility .15s;
    visibility: hidden
}

.v-popper__popper.v-popper__popper--shown {
    opacity: 1;
    transition: opacity .15s;
    visibility: visible
}

.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
    transition: none !important
}

.v-popper__backdrop {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.v-popper__inner {
    box-sizing: border-box;
    overflow-y: auto;
    position: relative
}

.v-popper__inner>div {
    max-height: inherit;
    max-width: inherit;
    position: relative;
    z-index: 1
}

.v-popper__arrow-container {
    height: .625rem;
    position: absolute;
    width: .625rem
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner,
.v-popper__arrow-outer {
    border-style: solid;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.v-popper__arrow-inner {
    border-width: .4375rem;
    visibility: hidden
}

.v-popper__arrow-outer {
    border-width: .375rem
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-bottom-width: 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-top-width: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -.25rem
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -.375rem
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-left-width: 0;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -.25rem
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -.375rem
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -.625rem
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 0;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-dropdown .v-popper__inner {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: .375rem;
    box-shadow: 0 .375rem 1.875rem #0000001a;
    color: #000
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    border-color: #fff;
    visibility: visible
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: #ddd
}

.v-popper--theme-tooltip .v-popper__inner {
    background: rgba(0, 0, 0, .8);
    border-radius: .375rem;
    color: #fff;
    padding: .4375rem .75rem .375rem
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: #000c
}


#cc-main {
    background: #0000;
    color: var(--cc-primary-color);
    font-family: var(--cc-font-family);
    font-size: 1rem;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.15;
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    position: fixed;
    z-index: var(--cc-z-index)
}

#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
    all: unset;
    box-sizing: border-box
}

#cc-main .pm__badge,
#cc-main button {
    all: initial;
    box-sizing: border-box;
    color: unset;
    visibility: unset
}

#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    outline: revert;
    outline-offset: 2px;
    overflow: hidden
}

#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
    all: revert;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

:root {
    --cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --cc-modal-border-radius: .5rem;
    --cc-btn-border-radius: .4rem;
    --cc-modal-transition-duration: .25s;
    --cc-link-color: var(--cc-btn-primary-bg);
    --cc-modal-margin: 1rem;
    --cc-z-index: 2147483647;
    --cc-bg: #fff;
    --cc-primary-color: #2c2f31;
    --cc-secondary-color: #5e6266;
    --cc-btn-primary-bg: #30363c;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #000;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #d4dae0;
    --cc-btn-secondary-hover-color: #000;
    --cc-btn-secondary-hover-border-color: #d4dae0;
    --cc-separator-border-color: #f0f4f7;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #667481;
    --cc-toggle-on-knob-bg: #fff;
    --cc-toggle-enabled-icon-color: var(--cc-bg);
    --cc-toggle-disabled-icon-color: var(--cc-bg);
    --cc-toggle-readonly-bg: #d5dee2;
    --cc-toggle-readonly-knob-bg: #fff;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-border: #f0f4f7;
    --cc-cookie-category-block-hover-bg: #e9eff4;
    --cc-cookie-category-block-hover-border: #e9eff4;
    --cc-cookie-category-expanded-block-bg: #0000;
    --cc-cookie-category-expanded-block-hover-bg: #dee4e9;
    --cc-overlay-bg: #000000a6;
    --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
    --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
    --cc-footer-border-color: #e4eaed
}

#cc-main.cc--rtl {
    direction: rtl
}

#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
    font-weight: 600
}

#cc-main button>span {
    pointer-events: none
}

#cc-main .cc__link,
#cc-main a {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    font-weight: 600;
    position: relative;
    transition: background-size .25s, color .25s ease
}

@media (hover:hover) {

    #cc-main .cc__link:hover,
    #cc-main a:hover {
        background-size: 100% 1px;
        color: var(--cc-primary-color)
    }
}

#cc-main .cc__link {
    color: var(--cc-link-color)
}

#cc-main .cm__desc,
#cc-main .pm__body {
    overscroll-behavior: auto contain;
    scrollbar-width: thin
}

@media screen and (min-width:640px) {

    #cc-main ::-webkit-scrollbar,
    #cc-main ::-webkit-scrollbar-thumb,
    #cc-main ::-webkit-scrollbar-track {
        all: revert
    }

    #cc-main ::-webkit-scrollbar-thumb {
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background: var(--cc-toggle-readonly-bg);
        border: .25rem solid var(--cc-bg);
        border-radius: 1rem
    }

    @media (hover:hover) {
        #cc-main ::-webkit-scrollbar-thumb:hover {
            background: var(--cc-toggle-off-bg)
        }
    }

    #cc-main ::-webkit-scrollbar {
        background: #0000;
        width: .75rem
    }
}

html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
    height: auto !important;
    overflow: hidden !important
}

@media (prefers-reduced-motion) {
    #cc-main {
        --cc-modal-transition-duration: 0s
    }
}

.cc--darkmode {
    --cc-bg: #161a1c;
    --cc-primary-color: #ebf3f6;
    --cc-secondary-color: #aebbc5;
    --cc-btn-primary-bg: #c2d0e0;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #98a7b6;
    --cc-btn-primary-hover-color: #000;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #242c31;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #353d43;
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
    --cc-separator-border-color: #222a30;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #525f6b;
    --cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-readonly-bg: #343e45;
    --cc-toggle-readonly-knob-bg: #5f6b72;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: #1e2428;
    --cc-cookie-category-block-bg: #1e2428;
    --cc-cookie-category-block-border: var(--cc-section-category-border);
    --cc-cookie-category-block-hover-bg: #242c31;
    --cc-cookie-category-block-hover-border: #232a2f;
    --cc-cookie-category-expanded-block-bg: #0000;
    --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
    --cc-overlay-bg: #000000a6;
    --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
    --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
    --cc-footer-bg: #0c0e0f;
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #060809
}

.cc--darkmode #cc-main {
    --csstools-color-scheme--dark: initial;
    color-scheme: dark
}

#cc-main .cm {
    background: var(--cc-bg);
    border-radius: var(--cc-modal-border-radius);
    box-shadow: 0 .625em 1.875em #0000024d;
    display: flex;
    flex-direction: column;
    max-width: 24rem;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    transform: translateY(1.6em);
    visibility: hidden;
    z-index: 1
}

#cc-main .cm--top {
    top: var(--cc-modal-margin)
}

#cc-main .cm--middle {
    top: 50%;
    transform: translateY(calc(-50% + 1.6em))
}

#cc-main .cm--bottom {
    bottom: var(--cc-modal-margin)
}

#cc-main .cm--center {
    left: var(--cc-modal-margin);
    margin: 0 auto;
    right: var(--cc-modal-margin);
    width: unset
}

#cc-main .cm--left {
    left: var(--cc-modal-margin);
    margin-right: var(--cc-modal-margin)
}

#cc-main .cm--right {
    margin-left: var(--cc-modal-margin);
    right: var(--cc-modal-margin)
}

#cc-main .cm__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

#cc-main .cm__btns,
#cc-main .cm__links {
    padding: 1rem 1.3rem;
    width: unset
}

#cc-main .cm__texts {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 0 0
}

#cc-main .cm__desc,
#cc-main .cm__title {
    padding: 0 1.3rem
}

#cc-main .cm__title {
    font-size: 1.05em
}

#cc-main .cm__title+.cm__desc {
    margin-top: 1.1em
}

#cc-main .cm__desc {
    color: var(--cc-secondary-color);
    font-size: .9em;
    line-height: 1.5;
    max-height: 40vh;
    overflow-x: visible;
    overflow-y: auto;
    padding-bottom: 1em
}

#cc-main .cm__btns {
    border-top: 1px solid var(--cc-separator-border-color);
    display: flex;
    flex-direction: column;
    justify-content: center
}

#cc-main .cm__btn-group {
    display: grid;
    grid-auto-columns: minmax(0, 1fr)
}

#cc-main .cm__btn+.cm__btn,
#cc-main .cm__btn-group+.cm__btn-group {
    margin-top: .375rem
}

#cc-main .cm--flip .cm__btn+.cm__btn,
#cc-main .cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: .375rem;
    margin-top: 0
}

#cc-main .cm--inline .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: .375rem;
    margin-right: 0
}

#cc-main .cm--wide .cm__btn+.cm__btn,
#cc-main .cm--wide .cm__btn-group+.cm__btn-group {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: 0;
    margin-right: .375rem
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
    display: flex;
    flex: 1;
    justify-content: space-between
}

#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
    flex-direction: row-reverse
}

#cc-main .cm__btn {
    background: var(--cc-btn-primary-bg);
    border: 1px solid var(--cc-btn-primary-border-color);
    border-radius: var(--cc-btn-border-radius);
    color: var(--cc-btn-primary-color);
    font-size: .82em;
    font-weight: 600;
    min-height: 2.625rem;
    padding: .5em 1em;
    text-align: center
}

@media (hover:hover) {
    #cc-main .cm__btn:hover {
        background: var(--cc-btn-primary-hover-bg);
        border-color: var(--cc-btn-primary-hover-border-color);
        color: var(--cc-btn-primary-hover-color)
    }
}

#cc-main .cm__btn--secondary {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color)
}

@media (hover:hover) {
    #cc-main .cm__btn--secondary:hover {
        background: var(--cc-btn-secondary-hover-bg);
        border-color: var(--cc-btn-secondary-hover-border-color);
        color: var(--cc-btn-secondary-hover-color)
    }
}

#cc-main .cm__btn--close {
    border-radius: 0;
    border-bottom-left-radius: var(--cc-btn-border-radius);
    border-right: none;
    border-top: none;
    display: none;
    font-size: 1em;
    height: 2.625rem;
    min-width: auto !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.625rem
}

#cc-main .cm__btn--close svg {
    stroke: var(--cc-btn-primary-color);
    transform: scale(.5);
    transition: stroke .15s ease
}

@media (hover:hover) {
    #cc-main .cm__btn--close:hover svg {
        stroke: var(--cc-btn-primary-hover-color)
    }
}

#cc-main .cm__btn--close.cm__btn--secondary svg {
    stroke: var(--cc-btn-secondary-color)
}

@media (hover:hover) {
    #cc-main .cm__btn--close.cm__btn--secondary:hover svg {
        stroke: var(--cc-btn-secondary-hover-color)
    }
}

#cc-main .cm__btn--close+.cm__texts .cm__title {
    padding-right: 3rem
}

#cc-main .cm--inline .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm__footer {
    background: var(--cc-footer-bg);
    border-top: 1px solid var(--cc-footer-border-color);
    color: var(--cc-footer-color);
    padding: .4em 0 .5em
}

#cc-main .cm__links {
    display: flex;
    flex-direction: row;
    padding-bottom: 0;
    padding-top: 0
}

#cc-main .cm__link-group {
    display: flex;
    flex-direction: row;
    font-size: .8em;
    width: 100%
}

#cc-main .cm__link-group>*+* {
    margin-left: 1.3rem
}

#cc-main .cm--flip .cm__btn:last-child {
    grid-row: 1
}

#cc-main .cm--inline.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--box .cm__btn--close {
    display: block
}

#cc-main .cm--box.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cm--box.cm--wide {
    max-width: 36em
}

#cc-main .cm--box.cm--wide .cm__btns {
    flex-direction: row;
    justify-content: space-between
}

#cc-main .cm--box.cm--wide .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm--box.cm--wide .cm__btn {
    min-width: 7.5rem;
    padding-left: 1.8em;
    padding-right: 1.8em
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
    flex-direction: row-reverse
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--cloud {
    max-width: 54em;
    width: unset
}

#cc-main .cm--cloud .cm__body {
    flex-direction: row
}

#cc-main .cm--cloud .cm__texts {
    flex: 1
}

#cc-main .cm--cloud .cm__desc {
    max-height: 9.4em
}

#cc-main .cm--cloud .cm__btns {
    border-left: 1px solid var(--cc-separator-border-color);
    border-top: none;
    max-width: 23em
}

#cc-main .cm--cloud .cm__btn-group {
    flex-direction: column
}

#cc-main .cm--cloud .cm__btn {
    min-width: 19em
}

#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cm--cloud.cm--inline .cm__btn-group {
    flex-direction: row
}

#cc-main .cm--cloud.cm--inline .cm__btn {
    min-width: 10em
}

#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
    flex-direction: row-reverse
}

#cc-main .cm--bar {
    border-radius: 0;
    left: 0;
    margin: 0;
    max-width: unset;
    opacity: 1;
    right: 0;
    transform: translateY(0);
    width: 100vw;
    --cc-modal-transition-duration: .35s
}

#cc-main .cm--bar.cm--top {
    top: 0;
    transform: translateY(-100%)
}

#cc-main .cm--bar.cm--bottom {
    bottom: 0;
    transform: translateY(100%)
}

#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
    margin: 0 auto;
    max-width: 55em;
    width: 100%
}

#cc-main .cm--bar .cm__body {
    padding: .5em 0 .9em
}

#cc-main .cm--bar .cm__btns {
    border-top: none;
    flex-direction: row;
    justify-content: space-between
}

#cc-main .cm--bar .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--bar .cm__btn {
    min-width: 7.5rem;
    padding-left: 2em;
    padding-right: 2em
}

#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .cm--bar.cm--flip .cm__btns {
    flex-direction: row-reverse
}

#cc-main .cm--bar.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
    max-width: 74em
}

#cc-main .cm--bar.cm--inline .cm__body {
    flex-direction: row;
    padding: 0
}

#cc-main .cm--bar.cm--inline .cm__btns {
    flex-direction: column;
    justify-content: center;
    max-width: 23em
}

#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
    transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease
}

#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
    transition: background-color .15s ease, border-color .15s ease, color .15s ease
}

.disable--interaction #cc-main .cm-wrapper:before {
    background: var(--cc-overlay-bg);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 0
}

.show--consent #cc-main .cc--anim .cm {
    opacity: 1;
    transform: translateY(0);
    visibility: visible !important
}

.show--consent #cc-main .cc--anim .cm--middle {
    transform: translateY(-50%)
}

.show--consent #cc-main .cc--anim .cm--bar {
    transform: translateY(0)
}

.show--consent #cc-main .cc--anim.cm-wrapper:before {
    opacity: 1;
    visibility: visible
}

#cc-main.cc--rtl .cm__btn--close {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: var(--cc-btn-border-radius);
    left: 0;
    right: unset
}

#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title {
    padding-left: 3rem !important;
    padding-right: 1.3rem
}

#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .cm__link-group>*+* {
    margin-left: 0;
    margin-right: 1.3rem
}

@media screen and (max-width:640px) {
    #cc-main {
        --cc-modal-margin: .5em
    }

    #cc-main .cm {
        max-width: none !important;
        width: auto !important
    }

    #cc-main .cm__body {
        flex-direction: column !important;
        padding: 0 !important
    }

    #cc-main .cm__btns,
    #cc-main .cm__desc,
    #cc-main .cm__links,
    #cc-main .cm__title {
        padding-left: 1.1rem !important;
        padding-right: 1.1rem !important
    }

    #cc-main .cm__btns {
        border-left: none !important;
        border-top: 1px solid var(--cc-separator-border-color) !important;
        flex-direction: column !important;
        max-width: none !important;
        min-width: auto !important
    }

    #cc-main .cm__btn+.cm__btn,
    #cc-main .cm__btn-group+.cm__btn-group {
        margin: .375rem 0 0 !important
    }

    #cc-main .cm--flip .cm__btn+.cm__btn,
    #cc-main .cm--flip .cm__btn-group+.cm__btn-group {
        margin-bottom: .375rem !important;
        margin-top: 0 !important
    }

    #cc-main .cm__btn-group {
        display: flex !important;
        flex-direction: column !important;
        min-width: auto !important
    }

    #cc-main .cm__btn {
        flex: auto !important
    }

    #cc-main .cm__link-group {
        justify-content: center !important
    }

    #cc-main .cm--flip .cm__btn-group,
    #cc-main .cm--flip .cm__btns {
        flex-direction: column-reverse !important
    }
}

#cc-main .pm-wrapper {
    position: relative;
    z-index: 2
}

#cc-main .pm {
    background: var(--cc-bg);
    border-radius: var(--cc-modal-border-radius);
    box-shadow: 0 .625em 1.875em #0000024d;
    display: flex;
    flex-direction: column;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    visibility: hidden;
    width: 100%;
    width: unset;
    z-index: 1
}

#cc-main svg {
    fill: none;
    width: 100%
}

#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
    padding: 1em 1.4em
}

#cc-main .pm__header {
    align-items: center;
    border-bottom: 1px solid var(--cc-separator-border-color);
    display: flex;
    justify-content: space-between
}

#cc-main .pm__title {
    align-items: center;
    display: flex;
    flex: 1;
    font-weight: 600;
    margin-right: 2em
}

#cc-main .pm__close-btn {
    background: var(--cc-btn-secondary-bg);
    border: 1px solid var(--cc-btn-secondary-border-color);
    border-radius: var(--cc-btn-border-radius);
    height: 2.5rem;
    position: relative;
    transition: all .15s ease;
    width: 2.5rem
}

#cc-main .pm__close-btn span {
    display: flex;
    height: 100%;
    width: 100%
}

#cc-main .pm__close-btn svg {
    stroke: var(--cc-btn-secondary-color);
    transform: scale(.5);
    transition: stroke .15s ease
}

@media (hover:hover) {
    #cc-main .pm__close-btn:hover {
        background: var(--cc-btn-secondary-hover-bg);
        border-color: var(--cc-btn-secondary-hover-border-color)
    }

    #cc-main .pm__close-btn:hover svg {
        stroke: var(--cc-btn-secondary-hover-color)
    }
}

#cc-main .pm__body {
    flex: 1;
    overflow-y: auto;
    overflow-y: overlay
}

#cc-main .pm__section,
#cc-main .pm__section--toggle {
    border-radius: var(--cc-btn-border-radius);
    display: flex;
    flex-direction: column;
    margin-bottom: .5em
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper {
    border: 1px solid var(--cc-cookie-category-block-border);
    border-radius: var(--cc-btn-border-radius);
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none;
    margin-top: 0 !important;
    overflow: hidden
}

#cc-main .pm__section {
    border: 1px solid var(--cc-separator-border-color);
    padding: 1em;
    transition: background-color .25s ease, border-color .25s ease
}

#cc-main .pm__section:first-child {
    border: none;
    margin-bottom: 2em;
    margin-top: 0;
    padding: 0;
    transition: none
}

@media (hover:hover) {
    #cc-main .pm__section:not(:first-child):hover {
        background: var(--cc-cookie-category-block-bg);
        border-color: var(--cc-cookie-category-block-border)
    }
}

#cc-main .pm__section-toggles+.pm__section {
    margin-top: 2em
}

#cc-main .pm__section--toggle {
    background: var(--cc-cookie-category-block-bg);
    border-top: none;
    margin-bottom: .375rem
}

#cc-main .pm__section--toggle .pm__section-title {
    align-items: center;
    background: var(--cc-cookie-category-block-bg);
    border: 1px solid var(--cc-cookie-category-block-border);
    display: flex;
    justify-content: space-between;
    min-height: 3.625rem;
    padding: 1.1em 5.4em 1.1em 1.2em;
    position: relative;
    transition: background-color .25s ease, border-color .25s ease;
    width: 100%
}

@media (hover:hover) {
    #cc-main .pm__section--toggle .pm__section-title:hover {
        background: var(--cc-cookie-category-block-hover-bg);
        border-color: var(--cc-cookie-category-block-hover-border)
    }
}

#cc-main .pm__section--toggle .pm__section-desc {
    margin-top: 0;
    padding: 1em
}

#cc-main .pm__section--toggle.is-expanded {
    --cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
    --cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
    transform: scale(.5) rotate(180deg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
    display: flex
}

#cc-main .pm__section--expandable .pm__section-title {
    cursor: pointer;
    padding-left: 3.4em
}

#cc-main .pm__section--expandable .pm__section-arrow {
    background: var(--cc-toggle-readonly-bg);
    border-radius: 100%;
    display: flex;
    height: 1.25rem;
    justify-content: center;
    left: 1.125rem;
    pointer-events: none;
    position: absolute;
    width: 1.25rem
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
    stroke: var(--cc-btn-secondary-color);
    transform: scale(.5)
}

#cc-main .pm__section-title-wrapper {
    align-items: center;
    display: flex;
    position: relative
}

#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper {
    margin-top: .85em
}

#cc-main .pm__section-title {
    border-radius: var(--cc-btn-border-radius);
    font-size: .95em;
    font-weight: 600
}

#cc-main .pm__badge {
    align-items: center;
    background: var(--cc-btn-secondary-bg);
    border-radius: 5em;
    color: var(--cc-secondary-color);
    display: flex;
    flex: none;
    font-size: .8em;
    font-weight: 600;
    height: 1.4375rem;
    justify-content: center;
    margin-left: 1em;
    min-width: 1.4375rem;
    overflow: hidden;
    padding: 0 .6em 1px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: auto
}

#cc-main .pm__service-counter {
    background: var(--cc-btn-primary-bg);
    color: var(--cc-btn-primary-color);
    padding: 0;
    width: 1.4375rem
}

#cc-main .pm__service-counter[data-counterlabel] {
    padding: 0 .6em 1px;
    width: auto
}

#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
    border-radius: var(--cc-pm-toggle-border-radius);
    height: 1.4375rem;
    transform: translateZ(0);
    width: 3.125rem
}

#cc-main .section__toggle-wrapper {
    cursor: pointer;
    position: absolute;
    right: 1.125rem;
    z-index: 1
}

#cc-main .toggle-service {
    position: relative;
    right: 0
}

#cc-main .toggle-service,
#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
    height: 1.1875rem;
    width: 2.625rem
}

#cc-main .toggle-service .toggle__icon {
    position: relative
}

#cc-main .toggle-service .toggle__icon-circle {
    height: 1.1875rem;
    width: 1.1875rem
}

#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translateX(1.4375rem)
}

#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
    display: none !important
}

#cc-main .section__toggle {
    border: 0;
    cursor: pointer;
    display: block;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0
}

#cc-main .section__toggle:disabled {
    cursor: not-allowed
}

#cc-main .toggle__icon {
    background: var(--cc-toggle-off-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
    display: flex;
    flex-direction: row;
    pointer-events: none;
    position: absolute;
    transition: all .25s ease
}

#cc-main .toggle__icon-circle {
    background: var(--cc-toggle-off-knob-bg);
    border: none;
    border-radius: var(--cc-pm-toggle-border-radius);
    box-shadow: 0 1px 2px #1820035c;
    display: block;
    height: 1.4375rem;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .25s ease, background-color .25s ease;
    width: 1.4375rem
}

#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
    height: 100%;
    position: absolute;
    transition: opacity .15s ease;
    width: 100%
}

#cc-main .toggle__icon-on {
    opacity: 0;
    transform: rotate(45deg)
}

#cc-main .toggle__icon-on svg {
    stroke: var(--cc-toggle-on-bg);
    transform: scale(.55) rotate(-45deg)
}

#cc-main .toggle__icon-off {
    opacity: 1
}

#cc-main .toggle__icon-off svg {
    stroke: var(--cc-toggle-off-bg);
    transform: scale(.55)
}

#cc-main .section__toggle:checked~.toggle__icon {
    background: var(--cc-toggle-on-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-on-bg)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    background-color: var(--cc-toggle-on-knob-bg);
    transform: translateX(1.6875rem)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on {
    opacity: 1
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off {
    opacity: 0
}

#cc-main .section__toggle:checked:disabled~.toggle__icon {
    background: var(--cc-toggle-readonly-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg)
}

#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle {
    background: var(--cc-toggle-readonly-knob-bg);
    box-shadow: none
}

#cc-main .section__toggle:checked:disabled~.toggle__icon svg {
    stroke: var(--cc-toggle-readonly-knob-icon-color)
}

#cc-main .toggle__label {
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

#cc-main .pm__section-desc-wrapper {
    color: var(--cc-secondary-color);
    display: flex;
    flex-direction: column;
    font-size: .9em
}

#cc-main .pm__section-desc-wrapper>:not(:last-child) {
    border-bottom: 1px solid var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-services {
    display: flex;
    flex-direction: column
}

#cc-main .pm__service {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .4em 1.2em;
    position: relative;
    transition: background-color .15s ease
}

@media (hover:hover) {
    #cc-main .pm__service:hover {
        background-color: var(--cc-cookie-category-block-hover-bg)
    }
}

#cc-main .pm__service-header {
    align-items: center;
    display: flex;
    margin-right: 1em;
    width: 100%
}

#cc-main .pm__service-icon {
    border: 2px solid;
    border-radius: 100%;
    height: .5rem;
    margin-left: .375rem;
    margin-right: 1.25rem;
    margin-top: 1px;
    min-width: .5rem
}

#cc-main .pm__service-title {
    font-size: .95em;
    width: 100%;
    word-break: break-word
}

#cc-main .pm__section-desc {
    line-height: 1.5em
}

#cc-main .pm__section-table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%
}

#cc-main .pm__table-caption {
    text-align: left
}

#cc-main .pm__table-caption,
#cc-main .pm__table-head>tr {
    border-bottom: 1px dashed var(--cc-separator-border-color);
    color: var(--cc-primary-color);
    font-weight: 600
}

#cc-main .pm__table-tr {
    transition: background-color .15s ease
}

@media (hover:hover) {
    #cc-main .pm__table-tr:hover {
        background: var(--cc-cookie-category-block-hover-bg)
    }
}

#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
    padding: .625em .625em .625em 1.2em;
    vertical-align: top
}

#cc-main .pm__footer {
    border-top: 1px solid var(--cc-separator-border-color);
    display: flex;
    justify-content: space-between
}

#cc-main .pm__btn-group {
    display: flex
}

#cc-main .pm__btn+.pm__btn,
#cc-main .pm__btn-group+.pm__btn-group {
    margin-left: .375rem
}

#cc-main .pm--flip .pm__btn+.pm__btn,
#cc-main .pm--flip .pm__btn-group+.pm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .pm__btn {
    background: var(--cc-btn-primary-bg);
    border: 1px solid var(--cc-btn-primary-border-color);
    border-radius: var(--cc-btn-border-radius);
    color: var(--cc-btn-primary-color);
    flex: auto;
    font-size: .82em;
    font-weight: 600;
    min-height: 2.625rem;
    min-width: 6.875rem;
    padding: .5em 1.5em;
    text-align: center;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease
}

@media (hover:hover) {
    #cc-main .pm__btn:hover {
        background: var(--cc-btn-primary-hover-bg);
        border-color: var(--cc-btn-primary-hover-border-color);
        color: var(--cc-btn-primary-hover-color)
    }
}

#cc-main .pm__btn--secondary {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color)
}

@media (hover:hover) {
    #cc-main .pm__btn--secondary:hover {
        background: var(--cc-btn-secondary-hover-bg);
        border-color: var(--cc-btn-secondary-hover-border-color);
        color: var(--cc-btn-secondary-hover-color)
    }
}

#cc-main .pm--box {
    height: calc(100% - 2em);
    left: var(--cc-modal-margin);
    margin: 0 auto;
    max-height: 37.5em;
    max-width: 43em;
    right: var(--cc-modal-margin);
    top: 50%;
    transform: translateY(calc(-50% + 1.6em))
}

#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
    flex-direction: row-reverse
}

#cc-main .pm--bar {
    border-radius: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    max-width: 29em;
    opacity: 1;
    top: 0;
    width: 100%;
    --cc-modal-transition-duration: .35s
}

#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
    display: block
}

#cc-main .pm--bar .pm__table-head {
    display: none
}

#cc-main .pm--bar .pm__table-caption {
    display: block
}

#cc-main .pm--bar .pm__table-tr:not(:last-child) {
    border-bottom: 1px solid var(--cc-separator-border-color)
}

#cc-main .pm--bar .pm__table-td {
    display: flex;
    justify-content: space-between
}

#cc-main .pm--bar .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    flex: 1;
    font-weight: 600;
    min-width: 6.25rem;
    overflow: hidden;
    padding-right: 2em;
    text-overflow: ellipsis
}

#cc-main .pm--bar .pm__table-td>div {
    flex: 3
}

#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
    padding: 1em 1.3em
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
    flex-direction: column
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
    margin: .375rem 0 0
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
    flex-direction: column-reverse
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group {
    margin-bottom: .375rem;
    margin-top: 0
}

#cc-main .pm--bar:not(.pm--wide) .pm__badge {
    display: none
}

#cc-main .pm--bar.pm--left {
    left: 0;
    transform: translateX(-100%)
}

#cc-main .pm--bar.pm--right {
    right: 0;
    transform: translateX(100%)
}

#cc-main .pm--bar.pm--wide {
    max-width: 35em
}

#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
    padding: 1em 1.4em
}

#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
    flex-direction: row-reverse
}

#cc-main .pm-overlay {
    background: var(--cc-overlay-bg);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1
}

#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
    transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease
}

.show--preferences #cc-main .cc--anim .pm {
    opacity: 1;
    visibility: visible !important
}

.show--preferences #cc-main .cc--anim .pm--box {
    transform: translateY(-50%)
}

.show--preferences #cc-main .cc--anim .pm--bar {
    transform: translateX(0)
}

.show--preferences #cc-main .cc--anim .pm-overlay {
    opacity: 1;
    visibility: visible
}

#cc-main.cc--rtl .pm__service-header {
    margin-left: 1em;
    margin-right: 0
}

#cc-main.cc--rtl .pm__section-arrow {
    left: unset;
    right: 1.125rem
}

#cc-main.cc--rtl .section__toggle-wrapper {
    left: 1.125rem;
    right: unset;
    transform-origin: left
}

#cc-main.cc--rtl .toggle-service {
    left: 0
}

#cc-main.cc--rtl .pm__service-icon {
    margin-left: 1.25rem;
    margin-right: .3125rem
}

#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
    padding-left: 5.4em;
    padding-right: 1.2em
}

#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
    padding-right: 3.4em
}

#cc-main.cc--rtl .pm__badge {
    margin-left: unset;
    margin-right: 1em
}

#cc-main.cc--rtl .toggle__icon-circle {
    transform: translateX(1.6875rem)
}

#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
    transform: translateX(1.4375rem)
}

#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translateX(0)
}

#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
    padding-left: unset;
    padding-right: 1.2em;
    text-align: right
}

#cc-main.cc--rtl .pm__table-td {
    padding-left: unset;
    padding-right: 1.2em
}

#cc-main.cc--rtl .pm__table-td:before {
    padding-left: 2em;
    padding-right: unset
}

#cc-main.cc--rtl .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm__btn-group+.pm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
    margin-left: 0
}

@media screen and (max-width:640px) {
    #cc-main .pm {
        border-radius: 0;
        bottom: 0;
        height: auto;
        left: 0;
        max-height: 100%;
        max-width: none !important;
        right: 0;
        top: 0;
        transform: translateY(1.6em)
    }

    #cc-main .pm__body,
    #cc-main .pm__footer,
    #cc-main .pm__header {
        padding: .9em !important
    }

    #cc-main .pm__badge {
        display: none
    }

    #cc-main .pm__section-table,
    #cc-main .pm__table-body,
    #cc-main .pm__table-caption,
    #cc-main .pm__table-td,
    #cc-main .pm__table-th,
    #cc-main .pm__table-tr {
        display: block
    }

    #cc-main .pm__table-head {
        display: none
    }

    #cc-main .pm__table-tr:not(:last-child) {
        border-bottom: 1px solid var(--cc-separator-border-color)
    }

    #cc-main .pm__table-td {
        display: flex;
        justify-content: space-between
    }

    #cc-main .pm__table-td:before {
        color: var(--cc-primary-color);
        content: attr(data-column);
        flex: 1;
        font-weight: 600;
        min-width: 6.25rem;
        overflow: hidden;
        padding-right: 2em;
        text-overflow: ellipsis
    }

    #cc-main .pm__table-td>div {
        flex: 3
    }

    #cc-main .pm__btn-group,
    #cc-main .pm__footer {
        flex-direction: column !important
    }

    #cc-main .pm__btn-group {
        display: flex !important
    }

    #cc-main .pm__btn+.pm__btn,
    #cc-main .pm__btn-group+.pm__btn-group {
        margin: .375rem 0 0 !important
    }

    #cc-main .pm--flip .pm__btn+.pm__btn,
    #cc-main .pm--flip .pm__btn-group+.pm__btn-group {
        margin-bottom: .375rem !important;
        margin-top: 0 !important
    }

    #cc-main .pm--flip .pm__btn-group,
    #cc-main .pm--flip .pm__footer {
        flex-direction: column-reverse !important
    }

    .show--preferences #cc-main .cc--anim .pm {
        transform: translateY(0) !important
    }
}

:root {
    --cc-border-color: #b5c2de33;
    --cc-btn-close-bg: #2d2d2f;
    --cc-icon-color: #fff9;
    --cc-font-family: var(--font-primary);
    --cc-modal-border-radius: 1rem;
    --cc-btn-border-radius: var(--border-radius-sm);
    --cc-modal-transition-duration: 0.3s;
    --cc-link-color: #5a91f6;
    --cc-link-color-hover: #81bff8;
    --cc-bg: var(--color-charcoal);
    --cc-primary-color: var(--color-white);
    --cc-secondary-color: #ffffffb3;
    --cc-btn-primary-bg: var(--color-primary);
    --cc-btn-primary-color: var(--color-black);
    --cc-btn-primary-border-color: var(--color-primary);
    --cc-btn-primary-hover-bg: var(--color-primary-hover);
    --cc-btn-primary-hover-color: var(--color-black);
    --cc-btn-primary-hover-border-color: var(--color-primary-hover);
    --cc-btn-secondary-bg: #0000;
    --cc-btn-secondary-color: var(--color-white);
    --cc-btn-secondary-border-color: var(--cc-border-color);
    --cc-btn-secondary-hover-bg: #0000;
    --cc-btn-secondary-hover-color: var(--color-white);
    --cc-btn-secondary-hover-border-color: #b5c2de59;
    --cc-separator-border-color: var(--cc-border-color);
    --cc-toggle-on-bg: #488e58;
    --cc-toggle-off-bg: #ffffff4d;
    --cc-toggle-on-knob-bg: var(--color-white);
    --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
    --cc-toggle-readonly-bg: color-mix(in srgb-linear, var(--color-white) 5%, #0000);
    --cc-toggle-readonly-knob-bg: color-mix(in srgb-linear, var(--cc-icon-color) 50%, #0000);
    --cc-section-category-border: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-block-bg: #2d2d2f;
    --cc-cookie-category-block-border: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-block-hover-bg: #39393c;
    --cc-cookie-category-block-hover-border: var(--cc-cookie-category-block-hover-bg);
    --cc-cookie-category-expanded-block-bg: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-expanded-block-hover-bg: var(--cc-cookie-category-block-bg);
    --cc-overlay-bg: var(--color-overlay-lg);
    --cc-webkit-scrollbar-bg: var(--color-dimmed);
    --cc-webkit-scrollbar-hover-bg: var(--color-dimmed);
    --cc-footer-bg: var(--cc-btn-secondary-bg);
    --cc-footer-color: var(--cc-secondary-color);
    --cc-pm-toggle-border-radius: 4em;
    --cc-z-index: 5000
}

#cc-main .cc__link {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media (hover:hover) {
    #cc-main .cc__link:hover {
        background-size: 0;
        color: var(--cc-link-color-hover)
    }
}

#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
    border-radius: var(--border-radius-md);
    height: 1.5rem;
    width: 2.5rem
}

#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
    display: none
}

#cc-main .toggle__icon-circle {
    box-shadow: 0 2px .1875rem #0003;
    height: 1rem;
    left: .25rem;
    top: .25rem;
    width: 1rem
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translateX(1rem)
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    font-size: .875rem;
    font-weight: 500;
    min-height: 2.5rem;
    outline: none;
    position: relative;
    transition: background-color var(--transition-duration-sm), border-color var(--transition-duration-sm)
}

#cc-main .cm__btn:focus-visible,
#cc-main .pm__btn:focus-visible {
    overflow: visible
}

#cc-main .cm__btn:focus-visible:after,
#cc-main .pm__btn:focus-visible:after {
    border: 1px solid var(--color-primary);
    border-radius: calc(var(--border-radius) + 1px);
    content: "";
    inset: -.25rem;
    position: absolute
}

#cc-main .cm__btn--secondary:focus-visible:after,
#cc-main .pm__btn--secondary:focus-visible:after {
    border-color: var(--color-purplish)
}

#cc-main .cm__texts {
    padding: calc(var(--spaces)*3) 0 0
}

@media screen and (max-width:640px) {
    #cc-main .cm__texts {
        padding: calc(var(--spaces)*2) 0 0 !important
    }
}

#cc-main .cm__desc,
#cc-main .cm__title {
    padding: 0 calc(var(--spaces)*3)
}

@media screen and (max-width:640px) {

    #cc-main .cm__desc,
    #cc-main .cm__title {
        padding: 0 calc(var(--spaces)*2) !important
    }
}

#cc-main .cm__title {
    font-size: 1.5rem;
    margin-bottom: calc(var(--spaces)*.5)
}

#cc-main .cm__title+.cm__desc {
    margin-top: 0
}

#cc-main .cm__desc {
    font-size: .875rem
}

#cc-main .cm__btns,
#cc-main .cm__footer {
    border-top: none !important
}

#cc-main .cm__btns {
    padding: calc(var(--spaces)*2) calc(var(--spaces)*3) 0
}

@media screen and (max-width:640px) {
    #cc-main .cm__btns {
        padding: calc(var(--spaces)*2) calc(var(--spaces)*2) 0 !important
    }
}

#cc-main .cm__footer {
    padding: calc(var(--spaces)*1) calc(var(--spaces)*3) calc(var(--spaces)*3)
}

#cc-main .cm__links {
    padding: 0 !important
}

#cc-main .cm .cm__btn+.cm__btn,
#cc-main .cm .cm__btn-group+.cm__btn-group {
    margin: calc(var(--spaces)*1) 0 0 !important
}

#cc-main .cm__link-group>*+* {
    margin-left: calc(var(--spaces)*2)
}

#cc-main .pm__header {
    border-bottom: none;
    padding: calc(var(--spaces)*3) calc(var(--spaces)*3) calc(var(--spaces)*2);
    position: relative
}

@media screen and (max-width:640px) {
    #cc-main .pm__header {
        padding: calc(var(--spaces)*3) calc(var(--spaces)*2) calc(var(--spaces)*2) !important
    }
}

#cc-main .pm__close-btn {
    background-color: var(--cc-btn-close-bg);
    border: none;
    border-radius: 50%;
    height: 1.5rem;
    margin: calc(var(--spaces)*.5);
    position: absolute;
    right: .75rem;
    top: .75rem;
    width: 1.5rem
}

@media (hover:hover) {
    #cc-main .pm__close-btn:hover {
        background-color: var(--cc-btn-close-bg)
    }
}

#cc-main .pm__title {
    font-size: 1.5rem
}

#cc-main .pm__body {
    padding: 0 calc(var(--spaces)*3) 0;
    scrollbar-gutter: stable
}

@media screen and (max-width:640px) {
    #cc-main .pm__body {
        padding: 0 calc(var(--spaces)*2) !important
    }
}

#cc-main .pm__section:first-child {
    margin-bottom: calc(var(--spaces)*3)
}

#cc-main .pm__section--toggle {
    border-radius: var(--border-radius);
    margin-bottom: var(--spaces)
}

#cc-main .pm__section--toggle .pm__section-title {
    min-height: 3rem
}

#cc-main .pm__section--toggle .pm__section-desc {
    padding: 0
}

#cc-main .pm__section--expandable .pm__section-arrow {
    background-color: initial;
    height: 1.5rem;
    left: .75rem;
    width: 1.5rem
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
    stroke: var(--cc-icon-color)
}

#cc-main .pm__section--expandable .pm__section-desc-wrapper {
    gap: 1rem;
    padding: calc(var(--spaces)*.5) calc(var(--spaces)*1.5) calc(var(--spaces)*1.5)
}

#cc-main .pm__section--expandable .pm__section-desc-wrapper>:not(:last-child) {
    border-bottom: none
}

#cc-main .pm__section--expandable .pm__section-title {
    font-size: 1rem;
    font-weight: 500;
    padding: calc(var(--spaces)*1.5) calc(var(--spaces)*1.5) calc(var(--spaces)*1.5) calc(var(--spaces)*6)
}

#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper {
    margin-top: calc(var(--spaces)*.5)
}

#cc-main .pm__section-table {
    color: var(--cc-primary-color);
    font-size: .875rem;
    line-height: 1.5
}

#cc-main .pm__table-head>tr,
#cc-main .pm__table-tr {
    border-bottom: 1px solid var(--cc-separator-border-color)
}

#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
    padding: .5rem
}

#cc-main .pm__footer {
    border-top: none;
    padding: calc(var(--spaces)*3) calc(var(--spaces)*3) calc(var(--spaces)*3)
}

@media screen and (max-width:640px) {
    #cc-main .pm__footer {
        padding: calc(var(--spaces)*3) calc(var(--spaces)*2) !important
    }
}

#cc-main .pm .pm__btn+.pm__btn,
#cc-main .pm .pm__btn-group+.pm__btn-group {
    margin-left: var(--spaces)
}

@media screen and (max-width:640px) {

    #cc-main .pm .pm__btn+.pm__btn,
    #cc-main .pm .pm__btn-group+.pm__btn-group {
        margin: calc(var(--spaces)*1) 0 0 !important
    }
}



.rTDZ {
    align-items: center;
    background-color: var(--color-grey);
    display: flex;
    flex: 1;
    height: 100%;
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
    overflow: hidden;
    position: relative;
    width: 100%
}

.rTDZ .Zg6M {
    background-color: var(--color-orange);
    color: var(--color-white);
    display: flex;
    font-size: .875rem;
    justify-content: center;
    left: 0;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*2);
    position: fixed;
    right: 0;
    text-align: center;
    top: var(--header-height);
    z-index: 106
}

.rTDZ .Zg6M.AUv5 {
    background-color: var(--color-red-bg-dark)
}

.rTDZ .Zg6M.la8v {
    background-color: var(--color-orange)
}

.rTDZ .Zg6M.gSTt {
    background-color: var(--color-green)
}

.rTDZ .FND2 {
    box-sizing: initial;
    margin: calc(var(--spaces)*4) auto calc(var(--spaces)*7.5);
    padding: calc(var(--spaces)*2);
    width: 100%;
    z-index: 1
}

@media (min-width:768px) {
    .rTDZ .FND2 {
        margin: calc(var(--spaces)*4) auto calc(var(--spaces)*10)
    }
}

@media (min-width:1323px) {
    .rTDZ .FND2 {
        margin: calc(var(--spaces)*7) auto calc(var(--spaces)*13)
    }
}


.warning-enter-active,
.warning-leave-active {
    transition: var(--transition-duration) ease-in-out;
    transition-property: opacity, transform
}

.warning-enter,
.warning-leave-to {
    opacity: 0;
    transform: translateY(calc(var(--header-height)*-1))
}


.o\+RT {
    display: none
}

@media (min-width:768px) {
    .o\+RT {
        background-color: var(--color-white);
        border-radius: var(--border-radius-md);
        display: block;
        height: -moz-fit-content;
        height: fit-content;
        margin-bottom: calc(var(--spaces)*12.5);
        padding: calc(var(--spaces)*4);
        position: relative;
        text-align: center;
        width: 16.5rem
    }

    .o\+RT:after {
        background-color: var(--color-dark-purplish-blue);
        right: -1.0625rem;
        top: -1.0625rem
    }

    .o\+RT:after,
    .o\+RT:before {
        content: "";
        height: 3.5rem;
        position: absolute;
        width: 3.5rem;
        z-index: -1
    }

    .o\+RT:before {
        background-color: var(--color-grey-dark);
        bottom: -1.0625rem;
        left: -1.0625rem
    }
}

@media (min-width:1323px) {
    .o\+RT {
        margin-bottom: 0;
        min-width: 20rem
    }
}

._6lD9 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: calc(var(--spaces)*2)
}

._3DTD {
    position: relative
}

._3DTD:before {
    background-color: var(--color-white);
    content: "";
    inset: 0;
    margin: auto;
    opacity: .9;
    position: absolute
}

.GHGu {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*.5);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.YuCe {
    font-family: var(--font-primary);
    font-size: 1rem;
    margin-bottom: var(--spaces)
}

._2ez7 {
    height: 8.5rem;
    width: 8.5rem
}

@media (min-width:1323px) {
    ._2ez7 {
        height: 14rem;
        width: 14rem
    }
}

.D1rd {
    font-size: .875rem
}

.X1Rn {
    color: var(--color-invert);
    font-size: .75rem;
    font-weight: 500
}


.g\+Tk {
    --input-border-radius: 0.5rem
}

.g\+Tk.smVZ {
    display: grid;
    grid-template-rows: 1fr minmax(1.125rem, auto)
}

.g\+Tk.t0W\+ {
    display: grid;
    grid-template-rows: 1fr auto minmax(1.125rem, auto)
}

.g\+Tk .b9kk {
    align-items: center;
    display: flex;
    height: 3rem;
    position: relative
}

.g\+Tk .x5PL {
    color: hsl(var(--clr-text)/var(--clr-text-opacity, 1));
    font-size: .875rem;
    left: 1.0625rem;
    max-width: calc(100% - 1.56rem);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 0 50% 0;
    transition-duration: var(--transition-duration);
    transition-property: transform;
    white-space: nowrap
}

@media (min-width:768px) {
    .g\+Tk .x5PL {
        font-size: 1rem
    }
}

.g\+Tk .x5PL:lang(ar) {
    left: auto;
    right: 1.0625rem
}

.g\+Tk .xwm- {
    left: 1.625rem;
    position: absolute;
    top: 2.125rem
}

.g\+Tk .b9kk>.KiXV {
    background-clip: padding-box;
    background-color: var(--color-invert-dark);
    border: 1px solid var(--color-border);
    border-radius: var(--input-border-radius);
    box-shadow: 0 0 0 62.5rem var(--color-invert-dark) inset;
    caret-color: var(--color-invert);
    color: var(--color-invert);
    filter: none;
    font-size: 1rem;
    height: 100%;
    outline: none;
    padding: calc(var(--spaces)*2.38) calc(var(--spaces)*2);
    width: 100%
}

.g\+Tk .b9kk>.KiXV::placeholder {
    font-size: inherit;
    transition: opacity var(--transition-duration-sm)
}

@media (hover:hover) {
    .g\+Tk .b9kk>.KiXV:hover {
        border-color: var(--color-border-hover)
    }
}

.g\+Tk .b9kk>.KiXV:focus,
.g\+Tk .b9kk>.KiXV[focused] {
    border-color: var(--color-primary)
}

.g\+Tk .b9kk>.KiXV[aria-invalid=true] {
    border-color: var(--color-error)
}

.g\+Tk .b9kk>.KiXV[disabled] {
    background-color: var(--color-disabled);
    border-color: var(--color-border);
    box-shadow: none;
    cursor: not-allowed
}

.g\+Tk .b9kk>.KiXV[type=password]:not(:-webkit-autofill) {
    letter-spacing: 3px
}

.g\+Tk .b9kk>.KiXV::-webkit-textfield-decoration-container {
    letter-spacing: 1px
}

.g\+Tk .b9kk>.KiXV:-webkit-autofill {
    -webkit-text-fill-color: var(--color-invert)
}

.g\+Tk .b9kk>.KiXV:-webkit-autofill:first-line {
    font-family: var(--font-primary);
    font-size: 1rem
}

.g\+Tk .b9kk>.KiXV[capitalize] {
    text-transform: capitalize
}

.g\+Tk .b9kk>.KiXV[monospace] {
    font-family: var(--font-iosevka)
}

.g\+Tk .b9kk>.KiXV.aN9e {
    padding-bottom: var(--spaces);
    padding-top: calc(var(--spaces)*2.75)
}

.g\+Tk .b9kk>.KiXV.aN9e::placeholder {
    opacity: 0
}

@media (hover:hover) {

    .g\+Tk .b9kk>.KiXV:hover~.HGDN,
    .g\+Tk .b9kk>.KiXV:hover~.cEug {
        border-color: var(--color-border-hover)
    }
}

.g\+Tk .b9kk>.KiXV:focus,
.g\+Tk .b9kk>.KiXV[focused] {
    border-width: 1px;
    padding-left: calc(var(--spaces)*2);
    padding-right: calc(var(--spaces)*2)
}

.g\+Tk .b9kk>.KiXV:focus::placeholder,
.g\+Tk .b9kk>.KiXV[focused]::placeholder {
    opacity: 1
}

.g\+Tk .b9kk>.KiXV:focus~.HGDN,
.g\+Tk .b9kk>.KiXV[focused]~.HGDN {
    border-color: var(--color-primary);
    border-width: 1px 1px 1px 0
}

.g\+Tk .b9kk>.KiXV:focus~.HGDN:lang(ar),
.g\+Tk .b9kk>.KiXV[focused]~.HGDN:lang(ar) {
    border-width: 1px 0 1px 1px
}

.g\+Tk .b9kk>.KiXV:focus~.cEug,
.g\+Tk .b9kk>.KiXV[focused]~.cEug {
    border-color: var(--color-primary);
    border-width: 1px 0 1px 1px;
    padding-left: calc(var(--spaces)*2)
}

.g\+Tk .b9kk>.KiXV:focus~.cEug:lang(ar),
.g\+Tk .b9kk>.KiXV[focused]~.cEug:lang(ar) {
    border-width: 1px 1px 1px 0
}

.g\+Tk .b9kk>.KiXV:read-only:placeholder-shown {
    cursor: default
}

.g\+Tk ._1sBj {
    color: var(--color-error);
    display: inline-flex;
    font-size: .75rem;
    vertical-align: text-top
}

.g\+Tk .rWIy {
    cursor: pointer
}

.g\+Tk>.b9kk>.KiXV:-webkit-autofill+label,
.g\+Tk>.b9kk>.KiXV:focus:not(:read-only)+label,
.g\+Tk>.b9kk>.KiXV:not(:placeholder-shown)+label,
.g\+Tk>.b9kk>.KiXV[focused]+label {
    overflow: hidden;
    text-overflow: ellipsis;
    transform: translateY(-100%) scale(.75);
    white-space: nowrap;
    width: 95%
}

.g\+Tk>.b9kk>.KiXV:-webkit-autofill+label:lang(ar),
.g\+Tk>.b9kk>.KiXV:focus:not(:read-only)+label:lang(ar),
.g\+Tk>.b9kk>.KiXV:not(:placeholder-shown)+label:lang(ar),
.g\+Tk>.b9kk>.KiXV[focused]+label:lang(ar) {
    width: auto
}

.g\+Tk .HGDN,
.g\+Tk .cEug {
    align-items: center;
    background-clip: padding-box;
    background-color: var(--color-invert-dark);
    border: 1px solid var(--color-border);
    display: flex;
    height: 100%
}

>.b9kk>.KiXV:focus:not(.g\+Tk.vby5):lang(ar),
>.b9kk>.KiXV:focus:not(.g\+Tk.bipk):lang(ar) {
    border-left: solid var(--color-primary)
}

.g\+Tk.vby5>.b9kk>.HGDN {
    border-left-width: 0;
    border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0
}

.g\+Tk.vby5>.b9kk>.HGDN:lang(ar) {
    border-left-width: 1px;
    border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
    border-right-width: 0
}

.g\+Tk.vby5>.b9kk>.KiXV {
    border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
    border-right: none
}

.g\+Tk.vby5>.b9kk>.KiXV:lang(ar) {
    border-left: none;
    border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
    border-right: solid var(--color-border)
}

.g\+Tk.vby5>.b9kk>.KiXV:focus,
.g\+Tk.vby5>.b9kk>.KiXV[focused] {
    border-right: 0
}

.g\+Tk.vby5>.b9kk>.KiXV:focus:lang(ar),
.g\+Tk.vby5>.b9kk>.KiXV[focused]:lang(ar) {
    border-left: 0;
    border-right: solid var(--color-primary)
}

.g\+Tk.Drpd>.b9kk>.cEug {
    border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
    border-right-width: 0;
    order: -1;
    padding-left: calc(var(--spaces)*2)
}

.g\+Tk.Drpd>.b9kk>.cEug:lang(ar) {
    border-right-width: 1px;
    padding-left: 0;
    padding-right: calc(var(--spaces)*2)
}

.g\+Tk.Drpd>.b9kk>.KiXV,
.g\+Tk.Drpd>.b9kk>.cEug:lang(ar) {
    border-left-width: 0;
    border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0
}

.g\+Tk.Drpd>.b9kk>.KiXV:lang(ar) {
    border-left-width: 1px;
    border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
    border-right-width: 0
}

.g\+Tk.Drpd>.b9kk>.KiXV:focus,
.g\+Tk.Drpd>.b9kk>.KiXV[focused] {
    border-left: 0
}

.g\+Tk.Drpd>.b9kk>.KiXV:focus:lang(ar),
.g\+Tk.Drpd>.b9kk>.KiXV[focused]:lang(ar) {
    border-left: solid var(--color-primary);
    border-right: 1px
}

.g\+Tk.vby5.Drpd>.b9kk>.KiXV {
    border-left-width: 0;
    border-radius: 0;
    border-right-width: 0
}

.g\+Tk._957K>.b9kk>.KiXV,
.g\+Tk._957K>.b9kk>.KiXV~.HGDN,
.g\+Tk._957K>.b9kk>.KiXV~.cEug {
    background-clip: padding-box;
    background-color: var(--color-disabled);
    border-color: var(--color-disabled);
    box-shadow: unset;
    cursor: not-allowed;
    opacity: 1
}

.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill {
    background-color: var(--color-invert-dark);
    box-shadow: 0 0 0 62.5rem var(--color-invert-dark) inset
}

.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill,
.g\+Tk._957K>.b9kk>.KiXV[disabled]:autofill {
    background-color: var(--color-invert-dark);
    box-shadow: 0 0 0 62.5rem var(--color-invert-dark) inset
}

.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill~.HB3d,
.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill~.cEug {
    background-color: var(--color-invert-dark)
}

.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill~.HB3d,
.g\+Tk._957K>.b9kk>.KiXV[disabled]:-webkit-autofill~.cEug,
.g\+Tk._957K>.b9kk>.KiXV[disabled]:autofill~.HB3d,
.g\+Tk._957K>.b9kk>.KiXV[disabled]:autofill~.cEug {
    background-color: var(--color-invert-dark)
}

.g\+Tk._2KEQ>.b9kk>.KiXV~.cEug,
.g\+Tk._5vTP>.b9kk>.KiXV~.cEug {
    padding: 1px
}

.g\+Tk._2KEQ>.b9kk>.KiXV,
.g\+Tk._2KEQ>.b9kk>.KiXV~.HGDN,
.g\+Tk._2KEQ>.b9kk>.KiXV~.cEug,
.g\+Tk._5vTP>.b9kk>.KiXV,
.g\+Tk._5vTP>.b9kk>.KiXV~.HGDN,
.g\+Tk._5vTP>.b9kk>.KiXV~.cEug {
    background-color: var(--trade-color-block-background);
    border-color: var(--trade-color-border)
}

.g\+Tk._2KEQ>.b9kk>.KiXV,
.g\+Tk._5vTP>.b9kk>.KiXV {
    box-shadow: none;
    caret-color: var(--trade-color-invert-dark);
    color: var(--trade-color-invert-dark)
}

.g\+Tk._2KEQ>.b9kk>.KiXV::placeholder,
.g\+Tk._5vTP>.b9kk>.KiXV::placeholder {
    color: hsl(var(--clr-text)/var(--clr-text-opacity, 1));
    opacity: .7
}

.g\+Tk._2KEQ>.b9kk>.KiXV:focus,
.g\+Tk._2KEQ>.b9kk>.KiXV[focused],
.g\+Tk._5vTP>.b9kk>.KiXV:focus,
.g\+Tk._5vTP>.b9kk>.KiXV[focused] {
    border-color: var(--color-primary);
    border-width: 1px
}

.g\+Tk._2KEQ>.b9kk>.KiXV:focus~.HGDN,
.g\+Tk._2KEQ>.b9kk>.KiXV[focused]~.HGDN,
.g\+Tk._5vTP>.b9kk>.KiXV:focus~.HGDN,
.g\+Tk._5vTP>.b9kk>.KiXV[focused]~.HGDN {
    border-color: var(--color-primary);
    border-width: 1px 1px 1px 0;
    margin-right: 0
}

.g\+Tk._2KEQ>.b9kk>.KiXV:focus~.cEug,
.g\+Tk._2KEQ>.b9kk>.KiXV[focused]~.cEug,
.g\+Tk._5vTP>.b9kk>.KiXV:focus~.cEug,
.g\+Tk._5vTP>.b9kk>.KiXV[focused]~.cEug {
    border-color: var(--color-primary);
    border-width: 1px 0 1px 1px
}

.g\+Tk._2KEQ._5vTP>.b9kk>.KiXV,
.g\+Tk._5vTP._5vTP>.b9kk>.KiXV {
    text-align: right
}

.g\+Tk._2KEQ._5vTP .x5PL,
.g\+Tk._2KEQ._5vTP>.b9kk>.KiXV::placeholder,
.g\+Tk._5vTP._5vTP .x5PL,
.g\+Tk._5vTP._5vTP>.b9kk>.KiXV::placeholder {
    color: hsl(var(--clr-text)/var(--clr-text-opacity, 1))
}

.g\+Tk._2KEQ._957K>.b9kk>.KiXV,
.g\+Tk._2KEQ._957K>.b9kk>.KiXV~.HGDN,
.g\+Tk._2KEQ._957K>.b9kk>.KiXV~.cEug,
.g\+Tk._5vTP._957K>.b9kk>.KiXV,
.g\+Tk._5vTP._957K>.b9kk>.KiXV~.HGDN,
.g\+Tk._5vTP._957K>.b9kk>.KiXV~.cEug {
    background-color: var(--trade-color-disabled);
    cursor: no-drop
}

.g\+Tk._2KEQ.Drpd>.b9kk>.KiXV~.cEug,
.g\+Tk._5vTP.Drpd>.b9kk>.KiXV~.cEug {
    color: hsl(var(--clr-text)/var(--clr-text-opacity, 1));
    font-size: .75rem;
    font-weight: 500;
    padding-left: 1px;
    text-indent: calc(var(--spaces)*1.5);
    white-space: nowrap
}

.g\+Tk.bipk>.b9kk>.KiXV,
.g\+Tk.bipk>.b9kk>.KiXV~.HGDN,
.g\+Tk.bipk>.b9kk>.KiXV~.cEug {
    border-color: var(--color-error) !important
}

.g\+Tk.bipk>.b9kk>.KiXV:lang(ar),
.g\+Tk.bipk>.b9kk>.KiXV:lang(ar):focus,
.g\+Tk.bipk>.b9kk>.KiXV:lang(ar)[focused],
.g\+Tk.bipk>.b9kk>.KiXV[aria-invalid]:lang(ar),
.g\+Tk.bipk>.b9kk>.KiXV[aria-invalid]:lang(ar):focus,
.g\+Tk.bipk>.b9kk>.KiXV[aria-invalid]:lang(ar)[focused],
.g\+Tk.bipk>.b9kk>.KiXV~.HGDN[aria-invalid]:lang(ar),
.g\+Tk.bipk>.b9kk>.KiXV~.HGDN[aria-invalid]:lang(ar):focus,
.g\+Tk.bipk>.b9kk>.KiXV~.HGDN[aria-invalid]:lang(ar)[focused],
.g\+Tk.bipk>.b9kk>.KiXV~.cEug[aria-invalid]:lang(ar),
.g\+Tk.bipk>.b9kk>.KiXV~.cEug[aria-invalid]:lang(ar):focus,
.g\+Tk.bipk>.b9kk>.KiXV~.cEug[aria-invalid]:lang(ar)[focused] {
    border-right: solid var(--color-error)
}

.g\+Tk[large]>.b9kk {
    height: 3rem
}

.g\+Tk[large]>.b9kk input,
.g\+Tk[large]>.b9kk input::placeholder {
    font-size: .875rem
}

.g\+Tk[large] .xwm- {
    top: 1.75rem
}

.g\+Tk[large] .x5PL {
    font-size: 1rem
}

.g\+Tk[medium]>.b9kk {
    height: 3rem
}

.g\+Tk[medium]>.b9kk input,
.g\+Tk[medium]>.b9kk input::placeholder {
    font-size: .875rem
}

.g\+Tk[medium] .xwm- {
    top: 1.75rem
}

.g\+Tk[medium] ._1sBj {
    font-size: .625rem
}

.g\+Tk[small]>.b9kk {
    height: 2.5rem
}

.g\+Tk[small]>.b9kk input,
.g\+Tk[small]>.b9kk input::placeholder {
    font-size: .75rem
}

.g\+Tk[small] .x5PL {
    font-size: .75rem;
    left: .75rem;
    max-width: calc(100% - 1.13rem)
}

.g\+Tk[small] .xwm- {
    top: 1.25rem
}

.g\+Tk[small] ._1sBj {
    font-size: .625rem
}

.g\+Tk[small] .b9kk>.KiXV {
    font-size: .75rem;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1.5)
}

.g\+Tk[small] .b9kk>.KiXV:focus,
.g\+Tk[small] .b9kk>.KiXV[focused] {
    padding-left: calc(var(--spaces)*1.5)
}

.g\+Tk[small] .b9kk>.KiXV.aN9e {
    padding-top: calc(var(--spaces)*2.5)
}

.g\+Tk[small].Drpd>.b9kk>.cEug {
    padding-left: calc(var(--spaces)*1.5)
}

.g\+Tk[small].Drpd>.b9kk>.KiXV {
    padding: var(--spaces)
}

.g\+Tk[xsmall] {
    --input-border-radius: 0.375rem
}

.g\+Tk[xsmall]>.b9kk {
    height: 2rem
}

.g\+Tk[xsmall]>.b9kk input::placeholder {
    font-size: .625rem
}

.g\+Tk[xsmall]>.b9kk>.KiXV:focus~.cEug,
.g\+Tk[xsmall]>.b9kk>.KiXV[focused]~.cEug,
.g\+Tk[xsmall]>.b9kk>.KiXV~.cEug {
    padding-left: var(--spaces)
}

.g\+Tk[xsmall] .x5PL {
    font-size: .625rem;
    left: calc(var(--spaces)*1.5);
    max-width: calc(100% - 1.13rem)
}

.g\+Tk[xsmall] .xwm- {
    top: 1rem
}

.g\+Tk[xsmall] ._1sBj {
    font-size: .625rem
}

.g\+Tk[xsmall] .b9kk>.KiXV {
    font-size: .625rem;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*2) calc(var(--spaces)*.75)
}

.g\+Tk[xsmall] .b9kk>.KiXV:focus,
.g\+Tk[xsmall] .b9kk>.KiXV[focused] {
    padding-left: calc(var(--spaces)*2)
}

.g\+Tk[xsmall] .b9kk>.KiXV.aN9e {
    padding-left: calc(var(--spaces)*1.5);
    padding-top: calc(var(--spaces)*2.2)
}

.g\+Tk[xsmall].Drpd>.b9kk>.KiXV {
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1) calc(var(--spaces)*.75)
}


.rLV3[small] button.Gany {
    padding: 0 calc(var(--spaces)*1)
}

.rLV3[small] ._6SFK {
    height: 1rem;
    width: 1rem
}

.rLV3[medium] button.Gany {
    padding: 0 calc(var(--spaces)*1)
}

button.Gany {
    background: #0000;
    height: 100%;
    padding: 0 calc(var(--spaces)*2)
}

button.Gany ._6SFK {
    height: 1.5rem;
    width: 1.5rem;
    fill: var(--color-black);
    fill-opacity: .6;
    transition: var(--transition-duration);
    transition-property: fill-opacity
}

.wb-dark-mode button.Gany ._6SFK {
    fill: var(--color-white)
}

button.Gany ._6SFK.GaSp {
    fill-opacity: 1
}


.w6Cj {
    max-width: 55rem
}

.w6Cj._2eY9 {
    max-width: 27rem
}

.w6Cj._2eY9 .vzpH {
    max-width: 100%
}

.w6Cj .aqJD {
    display: flex;
    justify-content: center
}

@media (min-width:768px) {
    .w6Cj .aqJD {
        align-items: flex-end;
        justify-content: space-around
    }
}

@media (min-width:1323px) {
    .w6Cj .aqJD {
        align-items: center;
        gap: calc(var(--spaces)*16)
    }
}

.w6Cj .zYHl {
    font-size: 2rem
}

@media (min-width:768px) {
    .w6Cj .zYHl {
        font-size: 2.5rem
    }
}

.w6Cj ._7oe6 {
    margin-bottom: calc(var(--spaces)*4)
}

.w6Cj ._7oe6 .Agej {
    align-items: center;
    background: linear-gradient(90deg, #e3e3ea 44.27%, #e3e3ea00 89.22%);
    border-radius: var(--border-radius);
    color: var(--color-invert);
    display: flex;
    font-size: .75rem;
    padding: calc(var(--spaces)*.75) 0 calc(var(--spaces)*.75) calc(var(--spaces)*2);
    width: 16.3125rem
}

.w6Cj ._7oe6 svg {
    margin-right: calc(var(--spaces)*1.25)
}

.w6Cj ._7oe6 svg:lang(ar) {
    margin-left: calc(var(--spaces)*1.25);
    margin-right: 0
}

.w6Cj ._7oe6 p {
    color: var(--color-text);
    font-size: .75rem;
    margin-bottom: var(--spaces)
}

.w6Cj .vzpH {
    width: 100%
}

@media (min-width:768px) {
    .w6Cj .vzpH {
        max-width: clamp(50%, 20rem, 100%)
    }
}

@media (min-width:1323px) {
    .w6Cj .vzpH {
        max-width: 100%
    }
}

.w6Cj .EbZb {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:1323px) {
    .w6Cj .EbZb {
        min-width: 27rem
    }
}

.w6Cj .MKuw {
    font-size: 2rem;
    margin-bottom: calc(var(--spaces)*2)
}

@media (min-width:768px) {
    .w6Cj .MKuw {
        font-size: 2.5rem
    }
}

.w6Cj .Y0iT {
    margin-bottom: calc(var(--spaces)*3)
}

@media (min-width:1323px) {
    .w6Cj .Y0iT {
        white-space: nowrap
    }
}

.w6Cj .eUIS {
    margin-bottom: var(--spaces)
}

.w6Cj ._35kU {
    margin: 0 auto;
    margin-bottom: calc(var(--spaces)*6)
}

.w6Cj .t4bU {
    margin-bottom: calc(var(--spaces)*3);
    width: 100%
}



.OGpB {
    align-items: flex-start;
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    box-shadow: 0 0 0 1px var(--color-border);
    contain: layout;
    display: flex;
    flex-shrink: 0;
    padding: calc(var(--spaces)*2) calc(var(--spaces)*4) calc(var(--spaces)*2) calc(var(--spaces)*2);
    position: absolute;
    top: 0;
    touch-action: none;
    transition-duration: var(--transition-duration-sm);
    transition-property: background-color, opacity, transform, min-height;
    width: 100%;
    will-change: background-color, opacity, transform;
    z-index: 104
}

.is-dark .OGpB {
    background-color: var(--color-dimmed)
}

.is-dark .OGpB .LAXp {
    background-color: var(--color-charcoal)
}

@media (hover:hover) {
    .is-dark .OGpB .LAXp:hover {
        background-color: var(--color-onyx)
    }
}

.is-dark .OGpB ._9YLq {
    color: var(--color-white)
}

.is-dark .OGpB ._9YLq .K-sz {
    color: var(--color-text)
}

.is-dark .OGpB ._02Sp.x6Wm {
    background-color: #f0524799
}

.is-dark .OGpB ._02Sp.x6Wm .fI2o circle {
    stroke: #f0524733
}

.is-dark .OGpB ._02Sp.EzEu,
.is-dark .OGpB ._02Sp._9A5R {
    background-color: #22b44299
}

.is-dark .OGpB ._02Sp.EzEu .fI2o circle,
.is-dark .OGpB ._02Sp._9A5R .fI2o circle {
    stroke: #22b44233
}

.is-dark .OGpB ._02Sp.Jz-3 {
    background-color: #f6990e99
}

.is-dark .OGpB ._02Sp.Jz-3 .fI2o circle {
    stroke: #f6990e33
}

.OGpB:last-child {
    border-radius: 0
}

@media (min-width:768px) {
    .OGpB:last-child {
        border-radius: var(--border-radius)
    }

    .OGpB:last-child:before {
        display: none
    }
}

.OGpB:last-child:not(.G3bC):before {
    background-color: var(--color-border);
    border-radius: var(--border-radius);
    bottom: .25rem;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    width: 1.5rem
}

.OGpB .LAXp {
    display: none
}

@media (min-width:768px) {
    .OGpB .LAXp {
        background-color: var(--color-silver);
        border-radius: 50%;
        cursor: pointer;
        display: block;
        height: 1rem;
        padding: calc(var(--spaces)*.25);
        position: absolute;
        right: .5rem;
        top: .5rem;
        transition: background-color var(--transition-duration);
        -webkit-user-select: none;
        user-select: none;
        width: 1rem
    }

    @media (hover:hover) {
        .OGpB .LAXp:hover {
            background-color: var(--color-grey)
        }
    }
}

.OGpB ._9YLq {
    width: 100%
}

.OGpB ._9YLq ._4Jcv {
    color: var(--color-invert);
    font-size: .875rem;
    max-width: calc(100% - 2.5rem)
}

@media (min-width:414px) {
    .OGpB ._9YLq ._4Jcv {
        max-width: 100%
    }
}

@media (min-width:768px) {
    .OGpB ._9YLq ._4Jcv {
        overflow: auto;
        text-overflow: unset;
        white-space: unset
    }
}

.OGpB ._9YLq .K-sz {
    color: var(--color-text-hint);
    display: block;
    font-size: .625rem;
    padding-top: calc(var(--spaces)*.5);
    text-transform: uppercase
}

.OGpB ._9YLq._7G97 {
    align-items: center;
    display: flex;
    min-height: 2.375rem
}

.OGpB ._02Sp {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 2rem;
    justify-content: center;
    margin: .25rem calc(var(--spaces)*2 + .25rem) auto .25rem;
    position: relative;
    width: 2rem
}

.OGpB ._02Sp:lang(ar) {
    margin: .375rem .25rem auto calc(var(--spaces)*3)
}

.OGpB ._02Sp .fI2o {
    height: 2.5rem;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%) rotateY(-180deg) rotate(-90deg);
    width: 2.5rem
}

.OGpB ._02Sp .fI2o circle {
    fill: none;
    stroke-dasharray: 7.0625rem;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: .25rem
}

@keyframes CYdl {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 7.0625rem
    }
}

.OGpB ._02Sp .fI2o circle._6Pyz {
    animation: CYdl 0s linear 1 forwards
}

.OGpB ._02Sp ._1NAX {
    border: 2px solid var(--color-white);
    border-radius: var(--border-radius-xl);
    color: var(--color-white);
    font-size: .625rem;
    font-weight: 500;
    padding: calc(var(--spaces)*.13) calc(var(--spaces)*.75);
    position: absolute;
    right: .25rem;
    text-align: center;
    top: 0;
    transform: translate(50%, -50%)
}

.OGpB ._02Sp ._1NAX,
.OGpB ._02Sp.x6Wm {
    background-color: var(--color-red)
}

.OGpB ._02Sp.x6Wm .fI2o circle {
    stroke: #f052474d
}

.OGpB ._02Sp.EzEu,
.OGpB ._02Sp._9A5R {
    background-color: var(--color-green)
}

.OGpB ._02Sp.EzEu .fI2o circle,
.OGpB ._02Sp._9A5R .fI2o circle {
    stroke: #22b4424d
}

.OGpB ._02Sp.Jz-3 {
    background-color: var(--color-orange)
}

.OGpB ._02Sp.Jz-3 .fI2o circle {
    stroke: #f6990e4d
}

.OGpB._3eXK {
    border-color: var(--color-border);
    border-radius: 0;
    position: relative;
    touch-action: pan-y
}

@media (min-width:768px) {
    .OGpB._3eXK {
        border-radius: var(--border-radius)
    }
}

.OGpB._3eXK:before {
    display: none
}

.OGpB.iNKZ {
    opacity: 0;
    pointer-events: none
}

.OGpB.lIMi {
    cursor: pointer
}

.OGpB.Yfg9:after {
    background: linear-gradient(180deg, #e1e1e1 -100%, #fff);
    border-radius: 0 0 var(--border-radius-xl) var(--border-radius-xl);
    box-shadow: 0 0 0 1px var(--color-border);
    content: "";
    height: .5rem;
    left: 50%;
    position: absolute;
    top: calc(100% + 1px);
    transform: translateX(-50%);
    width: calc(100% - var(--spaces)*4);
    z-index: 1
}

.is-dark .OGpB.Yfg9:after {
    background: linear-gradient(180deg, #101014 -100%, #2e2e33)
}


.notifier-enter,
.notifier-leave-to {
    opacity: 0
}

.notifier-enter {
    transform: translateX(-15%) !important
}

.notifier-leave-to {
    transform: translateX(-30%) !important
}

.notifier-leave-active,
.notifierShown-leave-active {
    position: absolute
}


.cypq {
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: calc(60vh - var(--header-height));
    padding: 1px;
    pointer-events: none;
    position: fixed;
    top: calc(var(--header-height));
    transition: top var(--transition-duration-sm);
    width: 100%;
    will-change: top;
    z-index: 106
}

@media (min-width:768px) {
    .cypq {
        left: calc(var(--spaces)*2);
        max-height: calc(100vh - var(--header-height) - var(--spaces));
        max-width: 25rem;
        top: calc(var(--header-height))
    }
}

.cypq.-xLs {
    pointer-events: all
}

.cypq._6j9N {
    overflow: hidden auto;
    top: calc(var(--header-height))
}

.cypq._6j9N ::-webkit-scrollbar,
.cypq._6j9N::-webkit-scrollbar {
    height: .375rem;
    width: .375rem
}

.cypq._6j9N ::-webkit-scrollbar-thumb,
.cypq._6j9N::-webkit-scrollbar-thumb {
    background-color: var(--color-white);
    border: 2px solid var(--color-border);
    border-radius: .75rem
}

.cypq._6j9N ::-webkit-scrollbar-track,
.cypq._6j9N::-webkit-scrollbar-track {
    background: var(--color-border);
    border-radius: .75rem
}

.cypq .b62O {
    align-items: center;
    display: none;
    gap: var(--spaces);
    justify-content: flex-end;
    margin: calc(var(--spaces)*1) 0;
    opacity: 0;
    padding-right: calc(var(--spaces)*2);
    pointer-events: none;
    transition: opacity var(--transition-duration-sm) ease-in-out
}

@media (min-width:768px) {
    .cypq .b62O {
        display: flex;
        padding: 0
    }
}

.cypq .b62O.kH4i {
    display: flex;
    opacity: 1;
    pointer-events: all
}

.cypq .nNFI {
    align-items: center;
    background-color: var(--color-silver);
    border-radius: var(--border-radius-lg);
    color: var(--color-text);
    display: flex;
    font-size: .625rem;
    gap: calc(var(--spaces)*.5);
    padding: calc(var(--spaces)*.5) calc(var(--spaces)*1);
    transition: all var(--transition-duration)
}

.cypq .nNFI .tam7 {
    transform: rotate(180deg);
    transition: transform var(--transition-duration-sm)
}

.cypq .nNFI .tam7 path {
    stroke: var(--color-icon-secondary)
}

.cypq .nNFI .tam7._6j9N {
    transform: rotate(0)
}

@media (hover:hover) {
    .cypq .nNFI:hover {
        background-color: var(--color-white)
    }
}

.cypq ._7bMq {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    position: relative
}

@media (min-width:768px) {
    .cypq ._7bMq {
        gap: var(--spaces)
    }
}

.cypq.is-dark.cypq .nNFI {
    background-color: var(--color-charcoal);
    color: var(--color-white)
}

@media (hover:hover) {
    .cypq.is-dark.cypq .nNFI:hover {
        background-color: var(--color-onyx)
    }
}


.iDtK {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    min-height: calc(var(--min-size)*1px);
    min-width: calc(var(--min-size)*1px)
}

._92Yj {
    animation: dOK6 var(--uib-speed) linear infinite;
    height: var(--uib-size);
    transform-origin: center;
    vertical-align: middle;
    width: var(--uib-size);
    will-change: transform
}

.wb-dark-mode ._92Yj circle {
    stroke: var(--color-primary)
}

._92Yj circle {
    fill: none;
    stroke: var(--stroke-color);
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: cVM0 calc(var(--uib-speed)*.75) ease-in-out infinite;
    will-change: stroke-dasharray, stroke-dashoffset
}

@keyframes dOK6 {
    to {
        transform: rotate(1turn)
    }
}

@keyframes cVM0 {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -2.1875rem
    }

    to {
        stroke-dashoffset: -7.75rem
    }
}


.smiB {
    background-color: var(--color-white);
    border-top-left-radius: var(--border-radius-lg);
    border-top-right-radius: var(--border-radius-lg);
    box-shadow: 0 2px .5rem 0 #46464633;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 6.25rem;
    overflow: hidden;
    padding: var(--spaces) 0 calc(var(--spaces)*3 + env(safe-area-inset-bottom));
    position: relative;
    transition: transform .1s linear;
    z-index: 1
}

.smiB ::-webkit-scrollbar,
.smiB::-webkit-scrollbar {
    height: .5rem;
    width: .5rem
}

.smiB ::-webkit-scrollbar-thumb,
.smiB::-webkit-scrollbar-thumb {
    background-color: var(--trade-color-dimmed);
    border: 2px solid var(--transparent);
    border-radius: 1rem
}

.smiB ::-webkit-scrollbar-track,
.smiB::-webkit-scrollbar-track {
    background: var(--transparent);
    border-radius: 1rem
}

@media (min-width:768px) {
    .smiB {
        border-radius: var(--border-radius-lg);
        padding: calc(var(--spaces)*3) 0;
        width: -moz-fit-content;
        width: fit-content
    }

    .smiB.\+\+ly,
    .smiB:not(.\+\+ly):not(.GWhq):not(.RCAG):not(.UxBt) {
        max-width: 27rem
    }

    .smiB.GWhq {
        max-width: 41rem
    }

    .smiB.RCAG {
        max-width: 48rem
    }

    .smiB.UxBt {
        max-width: 76.25rem
    }
}

.smiB .fW3D {
    display: block;
    height: 1.25rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    .smiB .fW3D {
        display: none
    }
}

.smiB .fW3D:after {
    background-color: var(--color-border);
    border-radius: 1rem;
    content: "";
    height: .25rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2.5rem
}

.smiB.jw1n {
    background: none;
    border-radius: 0;
    min-height: 0 !important;
    padding: 0
}

._27pw {
    align-items: flex-end;
    display: flex;
    inset: 0;
    justify-content: center;
    padding-top: calc(var(--spaces) + var(--header-height));
    position: fixed;
    z-index: var(--z-index, 105)
}

@media (min-width:768px) {
    ._27pw {
        align-items: center
    }
}

._27pw .jkdS {
    background-color: var(--color-overlay-lg);
    inset: -.3125rem;
    position: fixed;
    -webkit-user-select: none;
    user-select: none
}

._27pw.f6ys .smiB {
    background-color: var(--color-charcoal)
}

._27pw.f6ys .axjo {
    background-color: var(--color-grey-2)
}

._27pw .syVb {
    position: absolute;
    right: .75rem;
    top: .75rem
}

._27pw .syVb,
._27pw .axjo {
    align-items: center;
    display: flex;
    justify-content: center
}

._27pw .axjo {
    background-color: var(--color-silver);
    border-radius: 50%;
    color: var(--color-invert);
    height: 1.5rem;
    width: 1.5rem
}

._27pw .BfY\+ {
    animation: amK- .4s ease
}

@keyframes amK- {

    0%,
    to {
        transform: translate(0)
    }

    20%,
    60% {
        transform: translate(-2px) scale(1.1)
    }

    40%,
    80% {
        transform: translate(2px) scale(1.1)
    }
}


.Dej7 {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 105
}

.Dej7 span {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    width: 100%
}

.klpJ {
    background-color: var(--color-error);
    color: var(--color-white)
}

._3eoT {
    background-color: var(--color-orange);
    color: var(--color-dark)
}


._94pw {
    overflow: hidden
}

._94pw[hidden] {
    content-visibility: hidden;
    display: block
}


.E2m4 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*1.5)
}

.aO0j {
    color: var(--color-white);
    font-size: .875rem
}


.ki\+V {
    align-items: center;
    color: var(--color-white);
    display: flex;
    flex-flow: row wrap;
    gap: var(--spaces);
    width: -moz-fit-content;
    width: fit-content
}

.o61S {
    font-size: .875rem;
    transition: color var(--transition-duration)
}

@media (hover:hover) {
    .o61S:hover {
        color: var(--color-text)
    }
}


.WcCX {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spaces)
}

@media (min-width:1323px) {
    .WcCX {
        gap: calc(var(--spaces)*2)
    }
}

.LFZb {
    align-items: center;
    background: var(--color-white);
    border-radius: var(--border-radius-sm);
    display: flex;
    height: 1.5rem;
    padding: calc(var(--spaces)*.5);
    transition: background-color var(--transition-duration);
    width: 1.5rem
}

@media (min-width:768px) {
    .LFZb {
        border-radius: var(--border-radius-xs)
    }
}

.LFZb:active {
    background: var(--color-icon-secondary)
}

@media (hover:hover) {
    .LFZb:hover {
        background: var(--color-icon-secondary)
    }
}

.UXEQ {
    height: 1.5rem;
    width: 1.5rem
}

@media (min-width:768px) {
    .UXEQ {
        height: 1rem;
        width: 1rem
    }
}


.wSHe {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*.13)
}

.LJqs {
    align-items: center;
    border-radius: var(--border-radius-xs);
    color: var(--color-invert);
    display: flex;
    font-size: .875rem;
    gap: var(--spaces);
    min-height: 2rem;
    padding: calc(var(--spaces)*.5) calc(var(--spaces)*1);
    transition: background-color var(--transition-duration)
}

.LJqs.EGy0,
.LJqs:active {
    background-color: var(--color-grey-2)
}

@media (hover:hover) {
    .LJqs:hover {
        background-color: var(--color-grey-2)
    }
}

.LJqs.EGy0 {
    pointer-events: none
}

.PGst {
    background-color: var(--color-invert);
    border-radius: 2px;
    color: var(--color-invert-dark);
    font: 500 .5625rem/1rem var(--font-primary);
    padding: 0 calc(var(--spaces)*1);
    text-transform: uppercase
}


.T8tX {
    background-color: var(--color-grey-secondary);
    border-radius: var(--border-radius);
    margin-bottom: calc(var(--spaces)*2);
    text-align: left;
    transition: var(--transition-duration)
}

@media (hover:hover) {
    .T8tX:hover ._4Nuo {
        color: var(--trade-color-icon)
    }
}

.T8tX.dJok {
    margin-bottom: var(--spaces)
}

.T8tX[no-padding] {
    padding: 0
}

.T8tX[no-padding] .C\+aa {
    padding: 0 0 calc(var(--spaces)*2)
}

.T8tX[no-padding] .Gy5d {
    padding: 0 0 calc(var(--spaces)*3)
}

.T8tX[transparent] {
    background-color: initial
}

.T8tX[white] {
    background-color: var(--color-grey)
}

@media (hover:hover) {
    .T8tX[white]:hover ._4Nuo {
        color: var(--color-icon-secondary)
    }
}

.T8tX[white] ._4Nuo {
    color: var(--color-icon-secondary)
}

.T8tX[real-white] {
    background-color: var(--color-white)
}

@media (hover:hover) {
    .T8tX[real-white]:hover ._4Nuo {
        color: var(--color-icon-secondary)
    }
}

.T8tX[real-white] ._4Nuo {
    color: var(--color-icon-secondary)
}

.T8tX[real-dark] {
    background-color: var(--color-grey-2)
}

.T8tX:lang(ar) {
    text-align: right
}

.T8tX .C\+aa {
    align-items: center;
    border-bottom: 1px solid #0000;
    color: var(--color-invert);
    display: grid;
    gap: var(--spaces);
    grid-template-columns: 1fr 1.125rem;
    grid-template-rows: 1fr;
    padding: calc(var(--spaces)*2);
    transition: border-color var(--transition-duration)
}

@media (min-width:768px) {
    .T8tX .C\+aa {
        padding: calc(var(--spaces)*2) calc(var(--spaces)*3) calc(var(--spaces)*2)
    }
}

.T8tX .C\+aa .fg6e {
    display: grid;
    place-content: center
}

.T8tX .Gy5d {
    padding: 0 calc(var(--spaces)*2) calc(var(--spaces)*3)
}

@media (min-width:768px) {
    .T8tX .Gy5d {
        padding: 0 calc(var(--spaces)*3) calc(var(--spaces)*3)
    }
}

.T8tX.IJhy .C\+aa {
    font-size: .75rem;
    gap: calc(var(--spaces)*.5);
    grid-template-columns: auto 1.125rem;
    justify-content: flex-start
}

.T8tX.IJhy ._4Nuo {
    height: 1rem;
    width: 1rem
}

@media (min-width:768px) {
    .T8tX.MN\+D .C\+aa {
        padding: calc(var(--spaces)*3) calc(var(--spaces)*6)
    }

    .T8tX.MN\+D .Gy5d {
        padding: 0 calc(var(--spaces)*6) calc(var(--spaces)*6)
    }
}

.T8tX ._4Nuo {
    color: var(--trade-color-icon-secondary);
    height: 1.5rem;
    transition: transform var(--transition-duration), color var(--transition-duration);
    width: 1.5rem
}

.T8tX ._4Nuo.\+yxI {
    transform: rotate(180deg)
}


.v98a {
    padding-bottom: calc(var(--spaces)*3)
}

.v98a .qiCv {
    margin-bottom: 0;
    padding-bottom: 0
}

.v98a .qiCv[aria-expanded=true] header svg {
    color: var(--color-white)
}

.v98a .qiCv header {
    padding-bottom: 0
}

.v98a .qiCv header svg {
    color: var(--color-icon-secondary)
}

.M\+mI {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*2)
}

@media (min-width:768px) {
    .M\+mI {
        display: none
    }
}

._8wsJ {
    color: var(--color-text);
    font-size: .75rem;
    letter-spacing: .6px;
    text-transform: uppercase
}

.K2-I {
    display: none
}

@media (min-width:768px) {
    .K2-I {
        display: grid;
        gap: calc(var(--spaces)*3) calc(var(--spaces)*2);
        grid-template-columns: repeat(2, 1fr)
    }

    .K2-I .Ez\+P:nth-child(2) {
        grid-row: 2/4
    }

    .K2-I .Ez\+P:nth-child(3) {
        grid-row: 1/3
    }
}

@media (min-width:992px) {
    .K2-I {
        gap: calc(var(--spaces)*2);
        grid-template-columns: repeat(4, 1fr)
    }

    .K2-I .Ez\+P:nth-child(2),
    .K2-I .Ez\+P:nth-child(3) {
        grid-row: auto
    }
}

.Ez\+P {
    gap: calc(var(--spaces)*3)
}

.eCr8,
.Ez\+P {
    display: flex;
    flex-direction: column
}

.eCr8 {
    gap: var(--spaces)
}

._9X\+E {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*.5)
}


.nyPl {
    background: var(--color-dark);
    margin-top: auto;
    z-index: 1
}

.J4XF {
    font-size: .75rem
}

@media (min-width:768px) {
    .R8-j {
        border-right: 1px solid var(--color-border);
        padding-right: calc(var(--spaces)*2)
    }
}

.J9Vk {
    margin: 0 auto;
    padding: calc(var(--spaces)*2);
    width: 100%
}

@media (min-width:768px) {
    .J9Vk {
        margin-left: auto;
        margin-right: auto;
        padding: calc(var(--spaces)*4) 0 calc(var(--spaces)*3);
        padding-left: .5rem;
        padding-right: .5rem;
        width: 100%
    }

    @media (min-width:768px) {
        .J9Vk {
            max-width: 90rem;
            padding-left: 3.5rem;
            padding-right: 3.5rem
        }
    }
}

.GmXg {
    border-top: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    gap: calc(var(--spaces)*2);
    justify-content: space-between;
    padding-top: calc(var(--spaces)*3)
}

@media (min-width:1323px) {
    .GmXg {
        align-items: center;
        flex-direction: row;
        padding-top: calc(var(--spaces)*3)
    }
}

.htfu {
    align-items: center;
    display: flex;
    gap: calc(var(--spaces)*2);
    min-width: -moz-fit-content;
    min-width: fit-content
}

.htfu img:not([src]) {
    visibility: hidden
}


.nCqL {
    background-color: var(--color-dimmed);
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 500;
    gap: var(--spaces);
    padding: calc(var(--spaces)*1.5) calc(var(--spaces)*2) calc(var(--spaces)*2)
}

@media (min-width:768px) {
    .nCqL {
        padding: calc(var(--spaces)*1.5) calc(var(--spaces)*3) calc(var(--spaces)*2)
    }
}

@media (min-width:1323px) {
    .nCqL {
        padding: calc(var(--spaces)*1.5) calc(var(--spaces)*3) calc(var(--spaces)*3)
    }
}

.nCqL .Khqz {
    background: #2a6056;
    color: var(--color-invert);
    font-weight: 500;
    gap: calc(var(--spaces)*.5);
    width: 100%
}

.nCqL .Khqz:active:not(:disabled) {
    background: #2a6056cc
}

@media (hover:hover) {
    .nCqL .Khqz:hover:not(:disabled) {
        background: #2a6056cc
    }
}

@supports (color:color-mix(in srgb, #000, #000)) {
    .nCqL .Khqz:active:not(:disabled) {
        background: color-mix(in srgb-linear, #2a6056 80%, #0000)
    }

    @media (hover:hover) {
        .nCqL .Khqz:hover:not(:disabled) {
            background: color-mix(in srgb-linear, #2a6056 80%, #0000)
        }
    }
}

.nCqL .Khqz .q8pJ {
    color: var(--color-icon-secondary)
}

.DLsE {
    display: flex;
    flex-direction: column;
    gap: var(--spaces)
}

.DLsE:not(:last-child) {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: calc(var(--spaces)*1.5)
}

.Jqh1 {
    color: var(--color-text-hint);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .6px;
    text-transform: uppercase
}

.iLAu {
    gap: calc(var(--spaces)*1.5) calc(var(--spaces)*3);
    grid-template-columns: 1fr 1fr
}

.uHVH,
.iLAu {
    display: grid
}

.uHVH {
    align-items: center;
    font-size: .625rem;
    gap: calc(var(--spaces)*.5) calc(var(--spaces)*1);
    grid-template-columns: auto 1fr
}

._76WZ {
    color: var(--color-invert);
    font-size: 1rem;
    font-weight: 500;
    grid-column: 1/3;
    transition: color var(--transition-duration)
}

@media (hover:hover) {
    ._76WZ:hover {
        color: var(--color-text)
    }
}

.sUXh {
    color: var(--color-text);
    grid-column: 1/3
}

.fIQ0 {
    background-color: var(--color-white);
    border-radius: 2px;
    color: var(--color-black);
    font-family: var(--font-primary);
    font-size: .5625rem;
    font-weight: 500;
    line-height: 1rem;
    padding: 0 calc(var(--spaces)*1);
    text-transform: uppercase
}


.cKJu {
    align-items: center;
    border-radius: var(--border-radius-xs);
    color: var(--color-invert);
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    min-height: 2rem;
    padding: 0 calc(var(--spaces)*1);
    position: relative;
    transition: background-color var(--transition-duration-sm) ease, color var(--transition-duration-sm) ease;
    white-space: nowrap
}

.cKJu:active,
.cKJu[aria-expanded=true] {
    background-color: var(--color-charcoal);
    color: var(--color-text)
}

@media (hover:hover) {
    .cKJu:hover {
        background-color: var(--color-charcoal);
        color: var(--color-text)
    }
}

.cKJu:focus-visible {
    outline: none
}

.cKJu:focus-visible:after {
    border: 1px solid var(--color-primary);
    border-radius: calc(var(--border-radius) + 1px);
    content: "";
    inset: 0;
    position: absolute
}


.tGxx {
    background-color: var(--color-grey-secondary);
    display: none;
    min-width: 5.5rem;
    position: absolute;
    top: 100%;
    width: max-content
}

.tGxx.DqvT {
    left: 0
}

.tGxx.L8xw {
    right: 0
}

.tGxx.mykV {
    display: flex
}

.yUrs {
    display: flex;
    max-height: calc(100vh - var(--header-height));
    overflow: auto;
    position: relative
}


.iVMn {
    align-items: center;
    display: flex;
    height: 100%
}

.iVMn.wuXw {
    position: relative
}

.iVMn .Gpai {
    margin-left: var(--spaces)
}

.PgMb {
    align-items: center;
    display: flex;
    height: 100%
}

._7f8T {
    gap: var(--spaces)
}

._7f8T[aria-expanded=true] .qxhS {
    transform: rotate(180deg)
}

.baK7 {
    align-items: center;
    display: flex;
    gap: calc(var(--spaces)*.25)
}

.F8KQ {
    background-color: initial;
    inset: 0;
    position: fixed;
    top: var(--header-height);
    z-index: 0
}

.qxhS {
    color: var(--color-text);
    transition: transform var(--transition-duration-sm) ease
}


.p6Qk {
    color: var(--color-invert);
    position: relative;
    transition: color var(--transition-duration)
}

.p6Qk:active {
    color: var(--color-text)
}

@media (hover:hover) {
    .p6Qk:hover {
        color: var(--color-text)
    }
}

._8gFY {
    border-radius: var(--border-radius);
    padding: var(--spaces);
    transition: background-color var(--transition-duration)
}

._8gFY:active {
    background: var(--color-grey-primary)
}

@media (hover:hover) {
    ._8gFY:hover {
        background: var(--color-grey-primary)
    }
}

._8gFY.Y6rF {
    text-align: center
}

._8gFY.Y6rF:active {
    color: var(--color-invert)
}

@media (hover:hover) {
    ._8gFY.Y6rF:hover {
        color: var(--color-invert)
    }
}

._8gFY.Y6rF:active .Hpjz {
    background: var(--color-grey-3)
}

@media (hover:hover) {
    ._8gFY.Y6rF:hover .Hpjz {
        background: var(--color-grey-3)
    }
}

._8gFY.Y6rF .vLiE {
    flex-direction: column
}

._8gFY.Y6rF .Hpjz {
    background: var(--color-grey-primary);
    border-radius: 50%;
    height: 3.5rem;
    margin: 0 0 calc(var(--spaces)*.5);
    width: 3.5rem
}

._8gFY.Y6rF .j0ih,
._8gFY.Y6rF .-Xt\+ {
    display: none
}

.j0ih {
    margin-left: calc(var(--spaces)*.5)
}

.Hpjz {
    justify-content: center;
    margin-right: calc(var(--spaces)*1.5);
    min-height: 1.5rem;
    min-width: 1.5rem
}

.Hpjz,
.vLiE {
    align-items: center;
    display: flex
}

.vLiE {
    color: inherit;
    font-size: .875rem;
    font-weight: 500
}

@media (min-width:1080px) {
    .vLiE:after {
        content: "";
        height: 100%;
        inset: 0;
        position: absolute;
        width: 100%
    }
}

.vLiE:focus-visible {
    outline: none;
    overflow: visible
}

.vLiE:focus-visible:after {
    border: 1px solid var(--color-primary);
    border-radius: calc(var(--border-radius) + 1px);
    content: "";
    inset: 0;
    position: absolute
}

.-Xt\+ {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*.5);
    padding-left: calc(var(--spaces)*4.5)
}

.EUbz {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spaces)*1.5)
}

._7f7m {
    color: var(--color-invert);
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    position: relative;
    transition: color var(--transition-duration);
    z-index: 1
}

@media (hover:hover) {
    ._7f7m:hover {
        color: var(--color-text)
    }
}

.LkDA {
    color: var(--color-text);
    font-size: .75rem
}


.kpL\+ {
    display: none
}

@media (min-width:1080px) {
    .kpL\+ {
        align-items: center;
        display: flex;
        flex-grow: 1;
        height: 100%;
        justify-content: space-between
    }
}

.UMwO {
    display: flex;
    height: 100%;
    position: relative
}

.bCTS {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: min-content
}

.FlrA {
    display: flex;
    gap: calc(var(--spaces)*2);
    padding: calc(var(--spaces)*1.5) calc(var(--spaces)*3)
}

.BFyJ {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*1.5);
    max-width: 17.25rem;
    padding: var(--spaces)
}

.BFyJ .wRxA {
    border-top: 1px solid var(--color-border);
    color: var(--color-red);
    padding-top: calc(var(--spaces)*.5)
}

.BFyJ .Dj3X {
    display: grid;
    gap: calc(var(--spaces)*.5)
}

.-LuH {
    color: var(--color-text-hint);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .6px;
    margin-bottom: calc(var(--spaces)*.5);
    text-transform: uppercase
}

._7coE {
    display: grid;
    gap: calc(var(--spaces)*.5) calc(var(--spaces)*2);
    grid-template-columns: repeat(2, 16.25rem)
}

._7coE.TqZM {
    grid-auto-flow: row;
    grid-template-columns: 16.25rem
}

.THOq {
    gap: calc(var(--spaces)*2);
    height: 100%
}

.THOq,
.THOq ._6Tlh,
.THOq .YWFr,
.THOq .ZtDm {
    align-items: center;
    display: flex
}

.THOq ._6Tlh {
    gap: var(--spaces)
}

.THOq .ZtDm {
    gap: calc(var(--spaces)*.5)
}

.THOq .YWFr {
    height: 100%
}

.Os\+E {
    background-color: var(--color-overlay-lg);
    inset: 0;
    position: fixed;
    top: var(--header-height);
    z-index: -1
}


.o2G1 {
    align-items: center;
    color: var(--color-invert);
    display: flex;
    font-size: 1.25rem;
    font-weight: 500;
    gap: calc(var(--spaces)*1.5);
    padding: calc(var(--spaces)*1) calc(var(--spaces)*2);
    transition: background-color, ease var(--transition-duration-sm);
    width: 100%
}

@media (min-width:768px) {
    .o2G1 {
        padding: calc(var(--spaces)*1) calc(var(--spaces)*3)
    }
}

.o2G1:active {
    background-color: var(--color-grey-primary)
}


.WOz3 {
    position: relative;
    z-index: 106
}

.WOz3 ._4gk1 {
    background-color: var(--color-overlay-lg);
    inset: 0;
    z-index: 99
}

.WOz3 ._4gk1,
.WOz3 .ftHv {
    position: fixed;
    top: var(--header-height)
}

.WOz3 .ftHv {
    background-color: var(--color-grey-secondary);
    bottom: 0;
    height: calc(100vh - var(--header-height));
    overflow-y: auto;
    right: 0;
    width: 100%;
    z-index: 100
}

@supports (height:100dvh) {
    .WOz3 .ftHv {
        height: calc(100dvh - var(--header-height))
    }
}

@media (min-width:768px) {
    .WOz3 .ftHv {
        width: 23.5rem
    }
}


.RX3g {
    align-items: center;
    display: flex;
    flex-grow: 1;
    gap: var(--spaces);
    height: 100%;
    justify-content: flex-end
}

@media (min-width:1080px) {
    .RX3g {
        display: none
    }
}

.QMmF {
    display: flex;
    gap: calc(var(--spaces)*1.5)
}

.QMmF .QQGp {
    display: none
}

@media (min-width:768px) {
    .QMmF .QQGp {
        display: inline-flex
    }
}

.RblN {
    gap: calc(var(--spaces)*1.5)
}

.JCdL,
.RblN {
    display: flex;
    flex-direction: column
}

.JCdL {
    height: 100%
}

.C9zp {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*1.5);
    padding: calc(var(--spaces)*1.5) 0
}

.C9zp .lKAM {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: calc(var(--spaces)*1.5);
    position: relative
}

.C9zp .lKAM:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.C9zp .aSY9 {
    color: var(--color-red)
}

.Bj4W {
    display: grid;
    padding: 0 calc(var(--spaces)*1)
}

.Bj4W.bS9p {
    grid-template-columns: repeat(3, minmax(5.375rem, 1fr));
    justify-content: space-between
}

.Bj4W.eqWZ {
    gap: var(--spaces)
}

.yXdr {
    padding: 0
}

.QX53 {
    position: relative;
    width: 2.5rem
}

.QX53 .\+67y {
    transform: translate(-50%, -50%);
    transform-style: preserve-3d;
    transition: opacity var(--transition-duration-sm) ease, width var(--transition-duration-sm) ease
}

.QX53 .\+67y,
.QX53:after,
.QX53:before {
    background-color: var(--color-white);
    border-radius: 2px;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 1.25rem
}

.QX53:after,
.QX53:before {
    content: "";
    display: block;
    transform: translate(-50%, calc(-50% - .38rem)) rotate(0);
    transform-style: preserve-3d;
    transition: transform var(--transition-duration-sm) ease
}

.QX53:after {
    transform: translate(-50%, calc(-50% + .38rem)) rotate(0)
}

@media (hover:hover) {
    .QX53:hover {
        background-color: var(--color-charcoal)
    }
}

.QX53.UjlM .\+67y {
    opacity: 0;
    width: 0
}

.QX53.UjlM:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.QX53.UjlM:after {
    transform: translate(-50%, -50%) rotate(-135deg)
}

._7rIQ {
    color: var(--color-icon-secondary)
}

.fFCs {
    color: var(--color-text-hint);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .6px;
    margin: 0 calc(var(--spaces)*2) calc(var(--spaces)*1.5);
    text-transform: uppercase
}

@media (min-width:768px) {
    .fFCs {
        margin: 0 calc(var(--spaces)*3) calc(var(--spaces)*1.5)
    }
}


.Hl1E {
    left: 0;
    padding-right: var(--scrollbar-width, 0);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 107
}

.Hl1E,
.Hl1E .cMn7 {
    background-color: var(--color-dark)
}

.Hl1E .cMn7 {
    align-items: center;
    display: flex;
    gap: calc(var(--spaces)*4);
    height: var(--header-height);
    padding: 0 calc(var(--spaces)*2);
    transition: transform var(--transition-duration)
}

@media (min-width:768px) {
    .Hl1E .cMn7 {
        padding: 0 calc(var(--spaces)*4)
    }
}

@media (min-width:1323px) {
    .Hl1E .cMn7 {
        padding: 0 calc(var(--spaces)*6)
    }
}

.Hl1E .\+j5C {
    display: flex;
    flex-shrink: 0;
    height: 1.5rem;
    width: 7.8125rem
}

.gZbY {
    align-items: center;
    color: var(--color-white);
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    gap: calc(var(--spaces)*.5)
}

.gZbY ._2Ifj {
    margin-top: .3125rem
}



.TssJ {
    align-items: center;
    border-radius: var(--border-radius-xs);
    color: var(--color-white);
    display: inline-flex;
    font-weight: 500;
    gap: calc(var(--spaces)*.5);
    white-space: nowrap
}

.TssJ.PoLG {
    font-size: .625rem;
    min-height: 1rem;
    padding: 0 calc(var(--spaces)*.5)
}

.TssJ.LpMF {
    font-size: .75rem;
    min-height: 1.25rem;
    padding: 0 calc(var(--spaces)*.75)
}

.TssJ.RE24 {
    border-radius: var(--border-radius-xl);
    font-size: .875rem;
    height: max-content;
    min-height: 1.625rem;
    padding: 0 calc(var(--spaces)*1);
    width: max-content
}

.TssJ.G9fq {
    background-color: var(--color-yellow);
    color: var(--color-black)
}

.TssJ.l631 {
    background-color: var(--color-grey-3);
    color: var(--color-text)
}

.TssJ.WXC3 {
    background-color: #65758b1a;
    color: var(--color-text)
}

.wb-dark-mode .TssJ.WXC3 {
    background-color: #2d2f43
}

.TssJ.TAgt {
    background-color: var(--color-red)
}

.TssJ.P0Rq {
    background-color: var(--color-orange)
}

.TssJ.q6a3 {
    background-color: var(--color-green)
}

.TssJ.Hukq {
    background-color: var(--color-blue)
}

.TssJ.Wq3j {
    background-color: var(--color-primary)
}


.l\+zX {
    background-color: var(--color-grey-2);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spaces)*2);
    padding: calc(var(--spaces)*2)
}

@media (min-width:1080px) {
    .l\+zX {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding: calc(var(--spaces)*2) calc(var(--spaces)*4)
    }
}

.SLS2 {
    color: var(--color-icon-secondary);
    height: 2rem;
    min-width: 2rem
}

@media (min-width:1080px) {
    .SLS2 {
        height: 1.5rem;
        min-width: 1.5rem
    }
}

._5ocO {
    font-size: 1.25rem;
    font-weight: 500
}

@media (min-width:1080px) {
    ._5ocO {
        font-size: .875rem
    }
}

.Vgzf {
    font-size: .875rem
}

@media (min-width:1080px) {
    .Vgzf {
        font-size: .75rem
    }
}

.NO3R,
.QCMG {
    display: flex;
    gap: calc(var(--spaces)*1.5)
}

.NO3R .CgUC {
    width: 100%
}

@media (min-width:1080px) {
    .NO3R .CgUC {
        width: max-content
    }
}


.grecaptcha-badge {
    visibility: hidden !important;
}


.loading-state {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid #ddd;
    border-top-color: orange;
    animation: loading 1s linear infinite;
}

@keyframes loading {
    to {
        transform: rotate(360deg);
    }
}




.waviy {
    position: relative;
    -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0, 0, 0, .2));
    font-size: 30px;
    margin-top: 200px;
    text-align: center;
}

.waviy span {
    position: relative;
    display: inline-block;
    color: #000;
    text-transform: uppercase;
    animation: waviy 1s infinite;
    animation-delay: calc(.1s * var(--i));

}

@keyframes waviy {

    0%,
    40%,
    100% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-20px)
    }
}



.hide {
    display: none !important;
}


#overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999999;
}

#overlay-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
}

.lds-spinner,
.lds-spinner div,
.lds-spinner div:after {
    box-sizing: border-box;
}

.lds-spinner {
    color: white;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3.2px;
    left: 36.8px;
    width: 6.4px;
    height: 17.6px;
    border-radius: 20%;
    background: currentColor;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}



.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 10px;

    text-align: center;
}


.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}




/*! CSS Used from: Embedded */
*,
: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;
}

*,
:after,
:before {
    border: 0 solid;
    box-sizing: border-box;
}

:after,
:before {
    --tw-content: "";
}

h1,
h3,
h5 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

button,
input {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none;
}

h1,
h3,
h5,
p {
    margin: 0;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

input::placeholder {
    color: #9ca3af;
    opacity: 1;
}

button {
    cursor: pointer;
}

:disabled {
    cursor: default;
}

svg,
video {
    display: block;
    vertical-align: middle;
}

video {
    height: auto;
    max-width: 100%;
}

svg {
    display: initial;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.left-0 {
    left: 0;
}

.top-header-height {
    top: var(--header-height);
}

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

.ml-auto {
    margin-left: auto;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.size-full {
    height: 100%;
    width: 100%;
}

.h-auto {
    height: auto;
}

.h-fit {
    height: fit-content;
}

.h-screen-height {
    height: var(--screen-height);
}

.min-h-\[14px\] {
    min-height: .875rem;
}

.min-h-screen-height {
    min-height: var(--screen-height);
}

.w-full {
    width: 100%;
}

.max-w-\[432px\] {
    max-width: 27rem;
}

.flex-1 {
    flex: 1 1 0%;
}

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

.grow {
    flex-grow: 1;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-text {
    cursor: text;
}

.grid-cols-\[1fr_24px\] {
    grid-template-columns: 1fr 1.5rem;
}

.grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
}

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

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

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

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

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

.gap-1 {
    gap: .25rem;
}

.gap-1\.5 {
    gap: .375rem;
}

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

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

.gap-4 {
    gap: 1rem;
}

.gap-6 {
    gap: 1.5rem;
}

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

.gap-y-1 {
    row-gap: .25rem;
}

.self-start {
    align-self: flex-start;
}

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

.overflow-hidden {
    overflow: hidden;
}

.truncate {
    overflow: hidden;
    white-space: nowrap;
}

.truncate {
    text-overflow: ellipsis;
}

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

.bg-layer-1-bg {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-layer-1-bg)/var(--nt-clr-layer-1-bg-opacity, var(--tw-bg-opacity)));
}

.bg-main-bg {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nt-clr-main-bg)/var(--nt-clr-main-bg-opacity, var(--tw-bg-opacity)));
}

.bg-transparent {
    background-color: initial;
}

.object-cover {
    object-fit: cover;
}

.object-center {
    object-position: center;
}

.p-4 {
    padding: 1rem;
}

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

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}

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

.font-semibold {
    font-weight: 600;
}

.leading-normal {
    line-height: 1.5;
}

.leading-relaxed {
    line-height: 1.625;
}

.text-error {
    color: #dc2626;
}

.text-text {
    color: hsl(var(--clr-text)/var(--clr-text-opacity, 1));
}

.text-text-head {
    color: hsl(var(--nt-clr-text-head)/var(--nt-clr-text-head-opacity, 1));
}

.text-text-typeset {
    color: hsl(var(--nt-clr-text-typeset)/var(--nt-clr-text-typeset-opacity, 1));
}

.caret-text-head {
    caret-color: hsl(var(--nt-clr-text-head)/var(--nt-clr-text-head-opacity, 1));
}

.filter-none {
    filter: none;
}

.transition-\[grid-template-rows\] {
    transition-duration: .15s;
    transition-property: grid-template-rows;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-150,
.transition-transform {
    transition-duration: .15s;
}

.ease-linear {
    transition-timing-function: linear;
}

[data-theme=light] {
    --clr-text: 215 23% 15%;
    --clr-text-opacity: 0.70;
    --clr-text-foreground: 0 0% 100%;
    --clr-text-foreground-opacity: 0.70;
    --clr-head: 0 0% 0%;
    --clr-head-foreground: 0 0% 100%;
    --clr-head-foreground-opacity: 0.70;
    --clr-border: 0 0% 0%;
    --clr-border-opacity: 0.20;
    --clr-disabled: 240 10% 90%;
    --clr-background: 240 24% 96%;
    --clr-foreground: 240 22% 4%;
    --clr-hint: 215 23% 15%;
    --clr-hint-opacity: 0.45;
    --clr-badge: 29 67% 42%;
    --clr-accent: 25 95% 53%;
    --clr-blackwhite: 0 0% 100%;
    --clr-whiteblack: 0 0% 0%;
    --clr-purplish: 240 37% 15%;
    --clr-grey-100: 0 0% 100%;
    --clr-grey-200: 240 24% 96%;
    --clr-grey-300: 240 6% 90%;
    --clr-grey: 240 15% 84%;
    --clr-icon-100: 0 0% 0%;
    --clr-icon-200: 240 30% 16%;
    --clr-icon-200-opacity: 0.60;
    --clr-icon-300: 240 30% 16%;
    --clr-icon-300-opacity: 0.25;
}

.wb-light-mode .use-new-theme,
[data-theme=light] {
    --nt-clr-main-bg: 210 40% 96.1%;
    --nt-clr-layer-1-bg: 0 0% 100%;
    --nt-clr-layer-2-bg: 214.29999999999995 31.8% 91.4%;
    --nt-clr-layer-3-bg: 212.70000000000005 26.8% 83.9%;
    --nt-clr-brand-bg: 240 37% 15%;
    --nt-clr-blue-bg: 217 91% 60%;
    --nt-clr-blue-bg-opacity: 0.10;
    --nt-clr-text-head: 0 0% 0%;
    --nt-clr-text-head-invert: 0 0% 100%;
    --nt-clr-text-typeset: 0 0% 0%;
    --nt-clr-text-typeset-opacity: 0.70;
    --nt-clr-text-typeset-invert: 0 0% 100%;
    --nt-clr-text-typeset-invert-opacity: 0.70;
    --nt-clr-text-hint: 0 0% 0%;
    --nt-clr-text-hint-opacity: 0.50;
    --nt-clr-text-hint-invert: 0 0% 100%;
    --nt-clr-text-hint-invert-opacity: 0.50;
    --nt-clr-icon-primary: 0 0% 0%;
    --nt-clr-icon-primary-invert: 0 0% 100%;
    --nt-clr-icon-secondary: 215.39999999999998 16.3% 46.9%;
    --nt-clr-icon-secondary-invert: 240 5% 64.9%;
    --nt-clr-border: 0 0% 0%;
    --nt-clr-border-opacity: 0.20;
    --nt-clr-border-hover: 0 0% 0%;
    --nt-clr-border-hover-opacity: 0.40;
    --nt-clr-border-active: 0 0% 0%;
    --nt-clr-border-active-opacity: 0.60;
    --nt-clr-border-dark-only: 0 0% 0%;
    --nt-clr-border-dark-only-opacity: 0.00;
    --nt-clr-form-fill: 0 0% 100%;
    --nt-clr-form-fill-opacity: 0.40;
    --nt-clr-form-fill-disabled: 0 0% 0%;
    --nt-clr-form-fill-disabled-opacity: 0.10;
    --nt-clr-error-bg: 0 93.3% 94.1%;
    --nt-clr-success-bg: 140.60000000000002 84.2% 92.5%;
    --nt-clr-link: 221.20000000000005 83.2% 53.3%;
    --nt-clr-link-hover: 224.29999999999995 76.3% 48%;
    --nt-clr-link-active: 225.89999999999998 70.7% 40.2%;
    --nt-clr-link-visited: 262.1 83.3% 57.8%;
    --nt-clr-button-secondary: 0 0% 0%;
    --nt-clr-button-secondary-opacity: 0.05;
    --nt-clr-button-secondary-hover: 0 0% 0%;
    --nt-clr-button-secondary-hover-opacity: 0.10;
    --nt-clr-button-secondary-active: 0 0% 0%;
    --nt-clr-button-secondary-active-opacity: 0.20;
    --nt-clr-button-plain-hover: 0 0% 0%;
    --nt-clr-button-plain-hover-opacity: 0.05;
    --nt-clr-button-plain-active: 0 0% 0%;
    --nt-clr-button-plain-active-opacity: 0.10;
    --nt-clr-accent-white-invert: 0 0% 100%;
    --nt-clr-accent-black-invert: 0 0% 0%;
    --nt-clr-accent-grey-invert: 240 17% 93%;
    --nt-clr-accent-leverage-invert: 35.5 91.7% 32.9%;
    --nt-clr-accent-lime-invert: 20.5 90.2% 48.2%;
    --nt-clr-accent-orange: 20.5 90.2% 48.2%;
    --nt-clr-accent-grey: 215.29999999999995 19.3% 34.5%;
    --nt-clr-accent-rose: 346.79999999999995 77.2% 49.8%;
    --nt-clr-accent-brown: 31.80000000000001 81% 28.8%;
    --nt-clr-accent-violet: 262.1 83.3% 57.8%;
    --nt-clr-accent-blue: 221.20000000000005 83.2% 53.3%;
    --nt-clr-accent-white-a10-invert: 0 0% 100%;
    --nt-clr-accent-white-a10-invert-opacity: 0.10;
    --nt-clr-accent-white-a20-invert: 0 0% 100%;
    --nt-clr-accent-white-a20-invert-opacity: 0.20;
    --nt-clr-accent-white-a40-invert: 0 0% 100%;
    --nt-clr-accent-white-a40-invert-opacity: 0.40;
    --nt-clr-accent-black-a10-invert: 0 0% 0%;
    --nt-clr-accent-black-a10-invert-opacity: 0.10;
    --nt-clr-accent-black-a20-invert: 0 0% 0%;
    --nt-clr-accent-black-a20-invert-opacity: 0.20;
    --nt-clr-accent-black-a40-invert: 0 0% 0%;
    --nt-clr-accent-black-a40-invert-opacity: 0.40;
}

.placeholder\:text-text-hint::placeholder {
    color: hsl(var(--nt-clr-text-hint)/var(--nt-clr-text-hint-opacity, 1));
}

.focus\:outline-none:focus {
    outline: 2px solid #0000;
    outline-offset: 2px;
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}

@media (min-width:768px) {
    .md\:p-8 {
        padding: 2rem;
    }
}

@media (min-width:1323px) {
    .lg\:block {
        display: block;
    }

    .lg\:h-auto {
        height: auto;
    }

    .lg\:w-\[38\%\] {
        width: 38%;
    }

    .lg\:w-\[62\%\] {
        width: 62%;
    }

    .lg\:max-w-\[432px\] {
        max-width: 27rem;
    }

    .lg\:flex-row {
        flex-direction: row;
    }

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

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

    .lg\:gap-0 {
        gap: 0;
    }

    .lg\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .lg\:pl-18 {
        padding-left: 4.5rem;
    }

    .lg\:pr-14 {
        padding-right: 3.5rem;
    }
}

/*! CSS Used from: Embedded */
.use-new-theme {
    --color-error: var(--palette-red-600);
    --color-error-hover: var(--palette-red-700);
    --color-error-active: var(--palette-red-800);
    --color-success: var(--palette-green-600);
    --color-success-hover: var(--palette-green-700);
    --color-success-active: var(--palette-green-800);
    --color-button-primary: var(--palette-yellow-400);
    --color-button-primary-hover: var(--palette-yellow-500);
    --color-button-primary-active: var(--palette-yellow-600);
    --color-button-buy: var(--palette-green-600);
    --color-button-buy-hover: var(--palette-green-700);
    --color-button-buy-active: var(--palette-green-800);
    --color-button-sell: var(--palette-red-500);
    --color-button-sell-hover: var(--palette-red-600);
    --color-button-sell-active: var(--palette-red-700);
    --color-candles-buy: var(--palette-green-600);
    --color-candles-sell: var(--palette-red-500);
    --color-candles-buy-acc: var(--palette-sky-600);
    --color-candles-sell-acc: var(--palette-yellow-600);
    --color-accent-white: var(--palette-white);
    --color-accent-black: var(--palette-black);
    --color-accent-indigo: var(--palette-indigo-950);
    --color-accent-space: var(--palette-space-500);
    --color-accent-green: var(--palette-green-600);
    --color-accent-red: var(--palette-red-600);
    --color-accent-lime: var(--palette-lime-500);
    --color-accent-green-a10: var(--palette-green-500-a10);
    --color-accent-green-a20: var(--palette-green-500-a20);
    --color-accent-green-a40: var(--palette-green-500-a40);
    --color-accent-red-a10: var(--palette-red-500-a10);
    --color-accent-red-a20: var(--palette-red-500-a20);
    --color-accent-red-a40: var(--palette-red-500-a40);
    --color-accent-orange-a10: var(--palette-orange-500-a10);
    --color-accent-orange-a20: var(--palette-orange-500-a20);
    --color-accent-orange-a40: var(--palette-orange-500-a40);
    --color-accent-lime-a10: var(--palette-lime-500-a10);
    --color-accent-lime-a20: var(--palette-lime-500-a20);
    --color-accent-lime-a40: var(--palette-lime-500-a40);
    --color-accent-grey-a10: var(--palette-slate-500-a10);
    --color-accent-grey-a20: var(--palette-slate-500-a20);
    --color-accent-grey-a40: var(--palette-slate-500-a40);
    --color-accent-rose-a10: var(--palette-rose-500-a10);
    --color-accent-rose-a20: var(--palette-rose-500-a20);
    --color-accent-rose-a40: var(--palette-rose-500-a40);
    --color-accent-brown-a10: var(--palette-yellow-500-a10);
    --color-accent-brown-a20: var(--palette-yellow-500-a20);
    --color-accent-brown-a40: var(--palette-yellow-500-a40);
    --color-accent-violet-a10: var(--palette-violet-500-a10);
    --color-accent-violet-a20: var(--palette-violet-500-a20);
    --color-accent-violet-a40: var(--palette-violet-500-a40);
    --color-accent-blue-a10: var(--palette-blue-500-a10);
    --color-accent-blue-a20: var(--palette-blue-500-a20);
    --color-accent-blue-a40: var(--palette-blue-500-a40);
    --color-accent-white-a10: var(--palette-white-a10);
    --color-accent-white-a20: var(--palette-white-a20);
    --color-accent-white-a40: var(--palette-white-a40);
    --color-accent-black-a10: var(--palette-black-a10);
    --color-accent-black-a20: var(--palette-black-a20);
    --color-accent-black-a40: var(--palette-black-a40);
    --color-backdrop: var(--palette-black-a60);
    color: var(--color-text-typeset);
}

.wb-light-mode .use-new-theme {
    --color-main-bg: var(--palette-slate-100);
    --color-layer-1-bg: var(--palette-white);
    --color-layer-2-bg: var(--palette-slate-200);
    --color-layer-3-bg: var(--palette-slate-300);
    --color-brand-bg: var(--palette-indigo-950);
    --color-blue-bg: var(--palette-blue-500-a10);
    --color-text-head: var(--palette-black);
    --color-text-head-invert: var(--palette-white);
    --color-text-typeset: var(--palette-black-a70);
    --color-text-typeset-invert: var(--palette-white-a70);
    --color-text-hint: var(--palette-black-a50);
    --color-text-hint-invert: var(--palette-white-a50);
    --color-icon-primary: var(--palette-black);
    --color-icon-primary-invert: var(--palette-white);
    --color-icon-secondary: var(--palette-slate-500);
    --color-icon-secondary-invert: var(--palette-zinc-400);
    --color-border: var(--palette-black-a20);
    --color-border-hover: var(--palette-black-a40);
    --color-border-active: var(--palette-black-a60);
    --color-border-dark-only: #0000;
    --color-form-fill: var(--palette-white-a40);
    --color-form-fill-disabled: var(--palette-black-a10);
    --color-error-bg: var(--palette-red-100);
    --color-success-bg: var(--palette-green-100);
    --color-link: var(--palette-blue-600);
    --color-link-hover: var(--palette-blue-700);
    --color-link-active: var(--palette-blue-800);
    --color-link-visited: var(--palette-violet-600);
    --color-button-secondary: var(--palette-black-a5);
    --color-button-secondary-hover: var(--palette-black-a10);
    --color-button-secondary-active: var(--palette-black-a20);
    --color-button-plain-hover: var(--palette-black-a5);
    --color-button-plain-active: var(--palette-black-a10);
    --color-accent-white-invert: var(--palette-white);
    --color-accent-black-invert: var(--palette-black);
    --color-accent-grey-invert: var(--palette-space-100);
    --color-accent-leverage-invert: var(--palette-yellow-700);
    --color-accent-lime-invert: var(--palette-orange-600);
    --color-accent-orange: var(--palette-orange-600);
    --color-accent-grey: var(--palette-slate-600);
    --color-accent-rose: var(--palette-rose-600);
    --color-accent-brown: var(--palette-yellow-800);
    --color-accent-violet: var(--palette-violet-600);
    --color-accent-blue: var(--palette-blue-600);
    --color-accent-white-a10-invert: var(--palette-white-a10);
    --color-accent-white-a20-invert: var(--palette-white-a20);
    --color-accent-white-a40-invert: var(--palette-white-a40);
    --color-accent-black-a10-invert: var(--palette-black-a10);
    --color-accent-black-a20-invert: var(--palette-black-a20);
    --color-accent-black-a40-invert: var(--palette-black-a40);
    --launchpad-skeleton-gradient: linear-gradient(90deg, #f1f2f4, #ededed);
}

/*! CSS Used from: Embedded */
*,
:after,
:before {
    box-sizing: border-box;
}

form,
h1,
h3,
h5,
input,
label,
li,
ol,
p,
section,
ul {
    margin: 0;
    padding: 0;
    vertical-align: initial;
}

section {
    display: block;
}

ol,
ul {
    list-style: none;
}

svg {
    outline: none;
    vertical-align: middle;
}

button,
input {
    border: none;
    font: inherit;
    font-variant-ligatures: none;
}

button {
    background-color: initial;
    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 0;
}

a {
    color: inherit;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.u-hidden {
    height: 1px;
    margin: calc(var(--spaces)*-.12);
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    border: 0;
    clip-path: inset(50%);
    white-space: nowrap;
}

.tabler-icon {
    stroke-width: 1.5;
}

h1,
h3,
h5 {
    text-wrap: balance;
}

li,
p {
    text-wrap: pretty;
}

h1,
h3,
h5 {
    color: var(--color-text-head);
    font-family: var(--font-primary), serif;
    font-weight: 700;
}

h1 {
    font-size: 3rem;
    letter-spacing: .03125em;
}

h3 {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .018em;
    line-height: 2rem;
}

h5 {
    font-weight: 500;
}

h5 {
    font-size: .875rem;
    line-height: 1.25rem;
}

/*! CSS Used from: Embedded */
html [data-sonner-toaster][dir=ltr] {
    --toast-close-button-start: auto;
    --toast-close-button-end: 0;
    --toast-close-button-transform: none;
    --normal-bg: var(--color-accent-space);
}

/*! CSS Used from: Embedded */
a._AppButton_ktib4_2,
button._AppButton_ktib4_2 {
    align-items: center;
    border: 1px solid #0000;
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    gap: calc(var(--spaces)*.5);
    justify-content: center;
    line-height: 1.5;
    max-width: 100%;
    min-width: max(1rem, fit-content);
    outline: none;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    transition: background-color var(--transition-duration-sm), box-shadow var(--transition-duration-sm), border-color var(--transition-duration-sm);
    white-space: nowrap;
}

a._AppButton_ktib4_2._large_ktib4_49,
button._AppButton_ktib4_2._large_ktib4_49 {
    border-radius: var(--border-radius-sm);
    height: 2.5rem;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1.5);
}

button._AppButton_ktib4_2._large_ktib4_49 svg {
    max-height: 1.5rem;
    max-width: 1.5rem;
}

button._AppButton_ktib4_2._large_ktib4_49._square_ktib4_29 {
    padding: var(--spaces);
    width: 2.5rem;
}

button._AppButton_ktib4_2._large_ktib4_49:not(._plain_ktib4_44) {
    font-size: .875rem;
}

button._AppButton_ktib4_2._medium_ktib4_69 {
    border-radius: var(--border-radius-sm);
    height: 2rem;
    padding: calc(var(--spaces)*.5) calc(var(--spaces)*1);
}

button._AppButton_ktib4_2._medium_ktib4_69 svg {
    max-height: 1.125rem;
    max-width: 1.125rem;
}

button._AppButton_ktib4_2._primary_ktib4_110._yellow_ktib4_111 {
    background-color: var(--color-button-primary);
    color: var(--color-accent-black);
}

@media (hover:hover) {
    button._AppButton_ktib4_2._primary_ktib4_110._yellow_ktib4_111:hover:not(:disabled) {
        background-color: var(--color-button-primary-hover);
    }
}

button._AppButton_ktib4_2._primary_ktib4_110._yellow_ktib4_111:active:not(:disabled) {
    background-color: var(--color-button-primary-active);
}

a._AppButton_ktib4_2._plain_ktib4_44,
button._AppButton_ktib4_2._plain_ktib4_44 {
    height: fit-content;
    min-height: fit-content;
    min-width: 1rem;
    padding: 0;
}

a._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220,
button._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220 {
    background-color: initial;
    color: var(--color-link);
}

@media (hover:hover) {

    a._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220:hover:not(:disabled),
    button._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220:hover:not(:disabled) {
        background-color: initial;
        color: var(--color-link-hover);
    }
}

a._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220:active:not(:disabled),
button._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220:active:not(:disabled) {
    background-color: initial;
    color: var(--color-link-active);
}

button._AppButton_ktib4_2._plain_ktib4_44._custom_ktib4_408 {
    background-color: initial;
    color: inherit;
}

@media (hover:hover) {
    button._AppButton_ktib4_2._plain_ktib4_44._custom_ktib4_408:hover:not(:disabled) {
        background-color: initial;
        color: inherit;
    }
}

button._AppButton_ktib4_2._plain_ktib4_44._custom_ktib4_408:active:not(:disabled) {
    background-color: initial;
    color: inherit;
}

button._AppButton_ktib4_2._plain_ktib4_44._square_ktib4_29 {
    padding: 0;
    width: auto;
}

/*! CSS Used from: Embedded */
._main_141pe_31 {
    background: #fff;
    padding-top: calc(var(--header-height) + var(--subheader-height, 0px));
    -webkit-overflow-scrolling: touch;
}

/*! CSS Used from: Embedded */
._warning_ygs00_34 ._correctUrl_ygs00_35 {
    align-items: center;
    background: linear-gradient(90deg, #e3e3ea 44.27%, #e3e3ea00 89.22%);
    border-radius: var(--border-radius);
    color: var(--color-invert);
    display: flex;
    font-size: .75rem;
    padding: calc(var(--spaces)*.75) 0 calc(var(--spaces)*.75) calc(var(--spaces)*2);
    width: 16.3125rem;
}

._warning_ygs00_34 svg {
    margin-right: calc(var(--spaces)*1.25);
}

._warning_ygs00_34 p {
    color: var(--color-text);
    font-size: .75rem;
}

/*! CSS Used from: Embedded */
._medium_181ym_10 {
    min-height: 2rem;
}

._withScroll_181ym_22 {
    --mask-height: 110%;
    --gradient-end-gap: 0.5rem;
    --start-pos-x: calc(var(--gradient-size, 48px)*-1);
    --invisible-width: calc(100% + var(--gradient-size, 48px)*2);
    --one-side-width: calc(100% + var(--gradient-size, 48px));
    --both-sides-width: 100%;
    -webkit-mask: linear-gradient(to right, #0000 var(--gradient-end-gap), var(--color-accent-black) var(--gradient-size, 48px), var(--color-accent-black) calc(100% - var(--gradient-size, 48px)), #0000 calc(100% - var(--gradient-end-gap)), #0000) no-repeat var(--start-pos-x) center /var(--invisible-width) var(--mask-height);
    mask: linear-gradient(to right, #0000 var(--gradient-end-gap), var(--color-accent-black) var(--gradient-size, 48px), var(--color-accent-black) calc(100% - var(--gradient-size, 48px)), #0000 calc(100% - var(--gradient-end-gap)), #0000) no-repeat var(--start-pos-x) center /var(--invisible-width) var(--mask-height);
    max-width: 100%;
    overflow-x: auto;
    position: relative;
    transition-duration: var(--transition-duration);
    transition-property: -webkit-mask-size, -webkit-mask-position;
    transition-property: mask-size, mask-position;
    transition-property: mask-size, mask-position, -webkit-mask-size, -webkit-mask-position;
    will-change: mask-position, mask-width;
}

._withScroll_181ym_22._withScroll_181ym_22 ::-webkit-scrollbar,
._withScroll_181ym_22._withScroll_181ym_22::-webkit-scrollbar {
    height: 0;
    width: 0;
}

._withScroll_181ym_22._withScroll_181ym_22 ::-webkit-scrollbar-thumb,
._withScroll_181ym_22._withScroll_181ym_22::-webkit-scrollbar-thumb {
    background-color: initial;
    border: 0 solid #0000;
    border-radius: 0;
}

._withScroll_181ym_22._withScroll_181ym_22 ::-webkit-scrollbar-track,
._withScroll_181ym_22._withScroll_181ym_22::-webkit-scrollbar-track {
    background: #0000;
    border-radius: 0;
}

._hasHighlight_181ym_65 {
    position: relative;
}

._hasHighlight_181ym_65:before {
    border-radius: var(--item-border-radius);
    content: "";
    left: 0;
    opacity: var(--highlight-opacity, 1);
    pointer-events: none;
    position: absolute;
    top: 0;
    transition-property: width, height, transform;
    will-change: width, height, transform;
    z-index: 0;
}

._isFilter_181ym_5 ._hasHighlight_181ym_65:before {
    background-color: var(--color-accent-white-invert);
    box-shadow: var(--shadow-s);
}

._tabs_181ym_100 {
    --item-border-radius: var(--border-radius-sm);
    display: flex;
    flex-grow: 1;
    height: 100%;
    min-width: max-content;
    position: relative;
    width: max-content;
}

._tabs_181ym_100:before {
    height: var(--active-item-height, 0);
    opacity: var(--highlight-opacity);
    transform: translate3d(var(--active-item-x, 0), var(--active-item-y, 0), 0);
    width: var(--active-item-width, 0);
}

._isFilter_181ym_5 ._tabs_181ym_100 {
    background-color: var(--color-layer-2-bg);
    border-radius: var(--border-radius);
    padding: calc(var(--spaces)*.5);
}

._isFilter_181ym_5._medium_181ym_10 ._tabs_181ym_100 {
    padding: calc(var(--spaces)*.25);
}

._tabItem_181ym_177 {
    align-items: center;
    border-radius: var(--item-border-radius);
    display: flex;
    gap: var(--spaces);
    height: 100%;
    padding-left: calc(var(--spaces)*1.5);
    padding-right: calc(var(--spaces)*1.5);
    position: relative;
    text-align: left;
    transition-duration: var(--transition-duration);
    transition-property: border-color, background-color, color, box-shadow;
}

._medium_181ym_10 ._tabItem_181ym_177 {
    padding-bottom: calc(var(--spaces)*.25);
    padding-top: calc(var(--spaces)*.25);
}

@media (hover:hover) {
    ._tabItem_181ym_177._isActive_181ym_223:hover {
        transition-delay: calc(var(--transition-duration)/2);
    }
}

@media (hover:hover) {
    ._isFilter_181ym_5 ._tabItem_181ym_177:not(._isActive_181ym_223):hover {
        background-color: var(--color-blue-bg);
    }
}

/*! CSS Used from: Embedded */
._formElement_ldg1b_1 {
    align-items: center;
    background-color: var(--color-form-fill);
    border: 1px solid var(--color-border);
    color: var(--color-text-head);
    display: flex;
    gap: var(--spaces);
    outline: none;
    transition-duration: var(--transition-duration-sm);
    transition-property: border-color, background-color, box-shadow;
    transition-timing-function: ease-in-out;
    width: 100%;
}

@media (hover:hover) {
    ._formElement_ldg1b_1:hover {
        border-color: var(--color-border-hover);
    }
}

._formElement_ldg1b_1:disabled {
    background-clip: initial;
    background-color: var(--color-form-fill-disabled);
    border-color: #0000;
    cursor: not-allowed;
    opacity: .5;
}

._formElement_ldg1b_1 svg {
    flex-shrink: 0;
    height: auto;
}

._formElement_ldg1b_1 svg {
    color: var(--color-icon-primary);
}

._formElement_ldg1b_1._l_ldg1b_1 {
    border-radius: var(--border-radius-sm);
    font-size: .875rem;
    gap: var(--spaces);
    height: 2.5rem;
    padding: var(--spaces);
}

._formElement_ldg1b_1._l_ldg1b_1 svg {
    max-width: 1.5rem;
    width: 1.5rem;
}

/*! CSS Used from: Embedded */
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    -webkit-transition: background-color 5000000s ease-in-out 0s;
    transition: background-color 5000000s ease-in-out 0s;
}

@media (hover:hover) {
    input:-webkit-autofill:hover {
        -webkit-transition: background-color 5000000s ease-in-out 0s;
        transition: background-color 5000000s ease-in-out 0s;
    }
}

._input_1opkf_20:-webkit-autofill {
    -webkit-text-fill-color: var(--color-accent-black-invert);
}

._input_1opkf_20:-webkit-autofill:first-line {
    font: 1rem var(--font-primary);
}

._input_1opkf_20:-webkit-autofill,
._input_1opkf_20:-webkit-autofill:active,
._input_1opkf_20:-webkit-autofill:focus {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: var(--color-accent-black-invert);
    box-shadow: none;
}

@media (hover:hover) {
    ._input_1opkf_20:-webkit-autofill:hover {
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: var(--color-accent-black-invert);
        box-shadow: none;
    }
}

/*! CSS Used from: Embedded */
._wrapper_6irr2_2._medium_6irr2_3 ._header_6irr2_4 {
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1.5);
}

._wrapper_6irr2_2._medium_6irr2_3 ._title_6irr2_8 {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.375rem;
}

._wrapper_6irr2_2._medium_6irr2_3 ._text_6irr2_14 {
    color: var(--color-text-typeset);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.125rem;
    padding: 0 calc(var(--spaces)*1.5) calc(var(--spaces)*1);
}

/*! CSS Used from: Embedded */
._holder_10a59_2 {
    overflow: hidden;
}

._holder_10a59_2[hidden] {
    content-visibility: hidden;
    display: block;
}

/*! CSS Used from: https://whitebit.com/_nuxt/Ck9g4D9T.css */
html [data-sonner-toaster][dir=ltr] {
    --toast-close-button-start: auto;
    --toast-close-button-end: 0;
    --toast-close-button-transform: none;
    --normal-bg: var(--color-accent-space);
}

a._AppButton_ktib4_2,
button._AppButton_ktib4_2 {
    align-items: center;
    border: 1px solid #0000;
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    gap: calc(var(--spaces)*.5);
    justify-content: center;
    line-height: 1.5;
    max-width: 100%;
    min-width: max(1rem, fit-content);
    outline: none;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    transition: background-color var(--transition-duration-sm), box-shadow var(--transition-duration-sm), border-color var(--transition-duration-sm);
    white-space: nowrap;
}

a._AppButton_ktib4_2._large_ktib4_49,
button._AppButton_ktib4_2._large_ktib4_49 {
    border-radius: var(--border-radius-sm);
    height: 2.5rem;
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1.5);
}

button._AppButton_ktib4_2._large_ktib4_49 svg {
    max-height: 1.5rem;
    max-width: 1.5rem;
}

button._AppButton_ktib4_2._large_ktib4_49._square_ktib4_29 {
    padding: var(--spaces);
    width: 2.5rem;
}

button._AppButton_ktib4_2._large_ktib4_49:not(._plain_ktib4_44) {
    font-size: .875rem;
}

button._AppButton_ktib4_2._medium_ktib4_69 {
    border-radius: var(--border-radius-sm);
    height: 2rem;
    padding: calc(var(--spaces)*.5) calc(var(--spaces)*1);
}

button._AppButton_ktib4_2._medium_ktib4_69 svg {
    max-height: 1.125rem;
    max-width: 1.125rem;
}

button._AppButton_ktib4_2._primary_ktib4_110._yellow_ktib4_111 {
    background-color: var(--color-button-primary);
    color: var(--color-accent-black);
}

@media (hover:hover) {
    button._AppButton_ktib4_2._primary_ktib4_110._yellow_ktib4_111:hover:not(:disabled) {
        background-color: var(--color-button-primary-hover);
    }
}

button._AppButton_ktib4_2._primary_ktib4_110._yellow_ktib4_111:active:not(:disabled) {
    background-color: var(--color-button-primary-active);
}

a._AppButton_ktib4_2._plain_ktib4_44,
button._AppButton_ktib4_2._plain_ktib4_44 {
    height: fit-content;
    min-height: fit-content;
    min-width: 1rem;
    padding: 0;
}

a._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220,
button._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220 {
    background-color: initial;
    color: var(--color-link);
}

@media (hover:hover) {

    a._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220:hover:not(:disabled),
    button._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220:hover:not(:disabled) {
        background-color: initial;
        color: var(--color-link-hover);
    }
}

a._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220:active:not(:disabled),
button._AppButton_ktib4_2._plain_ktib4_44._link_ktib4_220:active:not(:disabled) {
    background-color: initial;
    color: var(--color-link-active);
}

button._AppButton_ktib4_2._plain_ktib4_44._custom_ktib4_408 {
    background-color: initial;
    color: inherit;
}

@media (hover:hover) {
    button._AppButton_ktib4_2._plain_ktib4_44._custom_ktib4_408:hover:not(:disabled) {
        background-color: initial;
        color: inherit;
    }
}

button._AppButton_ktib4_2._plain_ktib4_44._custom_ktib4_408:active:not(:disabled) {
    background-color: initial;
    color: inherit;
}

button._AppButton_ktib4_2._plain_ktib4_44._square_ktib4_29 {
    padding: 0;
    width: auto;
}

/*! CSS Used from: https://whitebit.com/_nuxt/BUAzAF1a.css */
._formElement_ldg1b_1 {
    align-items: center;
    background-color: var(--color-form-fill);
    border: 1px solid var(--color-border);
    color: var(--color-text-head);
    display: flex;
    gap: var(--spaces);
    outline: none;
    transition-duration: var(--transition-duration-sm);
    transition-property: border-color, background-color, box-shadow;
    transition-timing-function: ease-in-out;
    width: 100%;
}

@media (hover:hover) {
    ._formElement_ldg1b_1:hover {
        border-color: var(--color-border-hover);
    }
}

._formElement_ldg1b_1:disabled {
    background-clip: initial;
    background-color: var(--color-form-fill-disabled);
    border-color: #0000;
    cursor: not-allowed;
    opacity: .5;
}

._formElement_ldg1b_1 svg {
    flex-shrink: 0;
    height: auto;
}

._formElement_ldg1b_1 svg {
    color: var(--color-icon-primary);
}

._formElement_ldg1b_1._l_ldg1b_1 {
    border-radius: var(--border-radius-sm);
    font-size: .875rem;
    gap: var(--spaces);
    height: 2.5rem;
    padding: var(--spaces);
}

._formElement_ldg1b_1._l_ldg1b_1 svg {
    max-width: 1.5rem;
    width: 1.5rem;
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    -webkit-transition: background-color 5000000s ease-in-out 0s;
    transition: background-color 5000000s ease-in-out 0s;
}

@media (hover:hover) {
    input:-webkit-autofill:hover {
        -webkit-transition: background-color 5000000s ease-in-out 0s;
        transition: background-color 5000000s ease-in-out 0s;
    }
}

._input_1opkf_20:-webkit-autofill {
    -webkit-text-fill-color: var(--color-accent-black-invert);
}

._input_1opkf_20:-webkit-autofill:first-line {
    font: 1rem var(--font-primary);
}

._input_1opkf_20:-webkit-autofill,
._input_1opkf_20:-webkit-autofill:active,
._input_1opkf_20:-webkit-autofill:focus {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: var(--color-accent-black-invert);
    box-shadow: none;
}

@media (hover:hover) {
    ._input_1opkf_20:-webkit-autofill:hover {
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: var(--color-accent-black-invert);
        box-shadow: none;
    }
}

/*! CSS Used from: https://whitebit.com/_nuxt/qxKrT6bw.css */
._wrapper_6irr2_2._medium_6irr2_3 ._header_6irr2_4 {
    padding: calc(var(--spaces)*1) calc(var(--spaces)*1.5);
}

._wrapper_6irr2_2._medium_6irr2_3 ._title_6irr2_8 {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.375rem;
}

._wrapper_6irr2_2._medium_6irr2_3 ._text_6irr2_14 {
    color: var(--color-text-typeset);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.125rem;
    padding: 0 calc(var(--spaces)*1.5) calc(var(--spaces)*1);
}

/*! CSS Used from: https://whitebit.com/_nuxt/zkODlhLI.css */
._holder_10a59_2 {
    overflow: hidden;
}

._holder_10a59_2[hidden] {
    content-visibility: hidden;
    display: block;
}

/*! CSS Used from: https://whitebit.com/_nuxt/CCxDBLt_.css */
._medium_181ym_10 {
    min-height: 2rem;
}

._withScroll_181ym_22 {
    --mask-height: 110%;
    --gradient-end-gap: .5rem;
    --start-pos-x: calc(var(--gradient-size, 48px)*-1);
    --invisible-width: calc(100% + var(--gradient-size, 48px)*2);
    --one-side-width: calc(100% + var(--gradient-size, 48px));
    --both-sides-width: 100%;
    -webkit-mask: linear-gradient(to right, #0000 var(--gradient-end-gap), var(--color-accent-black) var(--gradient-size, 48px), var(--color-accent-black) calc(100% - var(--gradient-size, 48px)), #0000 calc(100% - var(--gradient-end-gap)), #0000) no-repeat var(--start-pos-x) center /var(--invisible-width) var(--mask-height);
    mask: linear-gradient(to right, #0000 var(--gradient-end-gap), var(--color-accent-black) var(--gradient-size, 48px), var(--color-accent-black) calc(100% - var(--gradient-size, 48px)), #0000 calc(100% - var(--gradient-end-gap)), #0000) no-repeat var(--start-pos-x) center /var(--invisible-width) var(--mask-height);
    max-width: 100%;
    overflow-x: auto;
    position: relative;
    transition-duration: var(--transition-duration);
    transition-property: -webkit-mask-size, -webkit-mask-position;
    transition-property: mask-size, mask-position;
    transition-property: mask-size, mask-position, -webkit-mask-size, -webkit-mask-position;
    will-change: mask-position, mask-width;
}

._withScroll_181ym_22._withScroll_181ym_22 ::-webkit-scrollbar,
._withScroll_181ym_22._withScroll_181ym_22::-webkit-scrollbar {
    height: 0;
    width: 0;
}

._withScroll_181ym_22._withScroll_181ym_22 ::-webkit-scrollbar-thumb,
._withScroll_181ym_22._withScroll_181ym_22::-webkit-scrollbar-thumb {
    background-color: initial;
    border: 0 solid #0000;
    border-radius: 0;
}

._withScroll_181ym_22._withScroll_181ym_22 ::-webkit-scrollbar-track,
._withScroll_181ym_22._withScroll_181ym_22::-webkit-scrollbar-track {
    background: #0000;
    border-radius: 0;
}

._hasHighlight_181ym_65 {
    position: relative;
}

._hasHighlight_181ym_65:before {
    border-radius: var(--item-border-radius);
    content: "";
    left: 0;
    opacity: var(--highlight-opacity, 1);
    pointer-events: none;
    position: absolute;
    top: 0;
    transition-property: width, height, transform;
    will-change: width, height, transform;
    z-index: 0;
}

._isFilter_181ym_5 ._hasHighlight_181ym_65:before {
    background-color: var(--color-accent-white-invert);
    box-shadow: var(--shadow-s);
}

._tabs_181ym_100 {
    --item-border-radius: var(--border-radius-sm);
    display: flex;
    flex-grow: 1;
    height: 100%;
    min-width: max-content;
    position: relative;
    width: max-content;
}

._tabs_181ym_100:before {
    height: var(--active-item-height, 0);
    opacity: var(--highlight-opacity);
    transform: translate3d(var(--active-item-x, 0), var(--active-item-y, 0), 0);
    width: var(--active-item-width, 0);
}

._isFilter_181ym_5 ._tabs_181ym_100 {
    background-color: var(--color-layer-2-bg);
    border-radius: var(--border-radius);
    padding: calc(var(--spaces)*.5);
}

._isFilter_181ym_5._medium_181ym_10 ._tabs_181ym_100 {
    padding: calc(var(--spaces)*.25);
}

._tabItem_181ym_177 {
    align-items: center;
    border-radius: var(--item-border-radius);
    display: flex;
    gap: var(--spaces);
    height: 100%;
    padding-left: calc(var(--spaces)*1.5);
    padding-right: calc(var(--spaces)*1.5);
    position: relative;
    text-align: left;
    transition-duration: var(--transition-duration);
    transition-property: border-color, background-color, color, box-shadow;
}

._medium_181ym_10 ._tabItem_181ym_177 {
    padding-bottom: calc(var(--spaces)*.25);
    padding-top: calc(var(--spaces)*.25);
}

@media (hover:hover) {
    ._tabItem_181ym_177._isActive_181ym_223:hover {
        transition-delay: calc(var(--transition-duration)/2);
    }
}


._isActive_181ym_223 {
    background-color: #fff !important;
}

@media (hover:hover) {
    ._isFilter_181ym_5 ._tabItem_181ym_177:not(._isActive_181ym_223):hover {
        background-color: var(--color-blue-bg);
    }
}

/*! CSS Used from: Embedded */
: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([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: 0;
    margin: 0;
    list-style: none;
    outline: 0;
    z-index: 999999999;
    transition: transform .4s ease;
}

:where([data-sonner-toaster][data-x-position=left]) {
    left: max(var(--offset), env(safe-area-inset-left));
}

:where([data-sonner-toaster][data-y-position=bottom]) {
    bottom: max(var(--offset), env(safe-area-inset-bottom));
}

@media (max-width:600px) {
    [data-sonner-toaster] {
        position: fixed;
        --mobile-offset: 16px;
        right: var(--mobile-offset);
        left: var(--mobile-offset);
        width: 100%;
    }

    [data-sonner-toaster][data-x-position=left] {
        left: var(--mobile-offset);
    }

    [data-sonner-toaster][data-y-position=bottom] {
        bottom: 20px;
    }
}

[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%);
}

/*! CSS Used from: https://whitebit.com/_nuxt/CgBW0KUZ.css */
._warning_ygs00_34 ._correctUrl_ygs00_35 {
    align-items: center;
    background: linear-gradient(90deg, #e3e3ea 44.27%, #e3e3ea00 89.22%);
    border-radius: var(--border-radius);
    color: var(--color-invert);
    display: flex;
    font-size: .75rem;
    padding: calc(var(--spaces)*.75) 0 calc(var(--spaces)*.75) calc(var(--spaces)*2);
    width: 16.3125rem;
}

._warning_ygs00_34 svg {
    margin-right: calc(var(--spaces)*1.25);
}

._warning_ygs00_34 p {
    color: var(--color-text);
    font-size: .75rem;
}

/*! CSS Used from: https://whitebit.com/_nuxt/C5606mA4.css */
.use-new-theme {
    --cc-border-color: var(--color-border);
    --cc-btn-close-bg: var(--color-accent-black-a10-invert);
    --cc-icon-color: var(--color-accent-black-invert);
    --cc-font-family: var(--font-primary);
    --cc-modal-border-radius: var(--border-radius-lg);
    --cc-btn-border-radius: var(--border-radius-sm);
    --cc-modal-transition-duration: var(--transition-duration);
    --cc-link-color: var(--color-link);
    --cc-link-color-hover: var(--color-link-hover);
    --cc-bg: var(--color-layer-1-bg);
    --cc-primary-color: var(--color-text-head);
    --cc-secondary-color: var(--color-text-typeset);
    --cc-btn-primary-bg: var(--color-button-primary);
    --cc-btn-primary-color: var(--color-accent-black);
    --cc-btn-primary-border-color: var(--color-button-primary);
    --cc-btn-primary-hover-bg: var(--color-button-primary-hover);
    --cc-btn-primary-hover-color: var(--color-accent-black);
    --cc-btn-primary-hover-border-color: var(--color-button-primary-hover);
    --cc-btn-secondary-bg: #0000;
    --cc-btn-secondary-color: var(--color-link);
    --cc-btn-secondary-border-color: var(--color-link);
    --cc-btn-secondary-hover-bg: #0000;
    --cc-btn-secondary-hover-color: var(--color-link-hover);
    --cc-btn-secondary-hover-border-color: var(--color-link-hover);
    --cc-separator-border-color: var(--cc-border-color);
    --cc-toggle-on-bg: var(--color-success);
    --cc-toggle-off-bg: var(--color-button-secondary);
    --cc-toggle-on-knob-bg: var(--color-white);
    --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
    --cc-toggle-readonly-bg: var(--color-form-fill-disabled);
    --cc-toggle-readonly-knob-bg: var(--color-form-fill-disabled);
    --cc-section-category-border: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-block-bg: var(--color-layer-2-bg);
    --cc-cookie-category-block-border: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-block-hover-bg: var(--color-layer-3-bg);
    --cc-cookie-category-block-hover-border: var(--cc-cookie-category-block-hover-bg);
    --cc-cookie-category-expanded-block-bg: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-expanded-block-hover-bg: var(--cc-cookie-category-block-bg);
    --cc-overlay-bg: var(--color-overlay-lg);
    --cc-webkit-scrollbar-bg: var(--color-dimmed);
    --cc-webkit-scrollbar-hover-bg: var(--color-dimmed);
    --cc-footer-bg: var(--cc-btn-secondary-bg);
    --cc-footer-color: var(--cc-secondary-color);
    --cc-pm-toggle-border-radius: 62.5rem;
    --cc-z-index: 5000;
}

/*! CSS Used from: https://whitebit.com/_nuxt/BlL5Lyln.css */
._main_141pe_31 {
    background: #fff;
    padding-top: calc(var(--header-height) + var(--subheader-height, 0px));
    -webkit-overflow-scrolling: touch;
}