:root {
--black: #070808;
--white: #fafafa;
--primary-01: #dcebd6;
--primary-02: #bddfaf;
--primary-03: #9dd586;
--primary-04: #7bce5a;
--primary-05: #5bc431;
--primary-06: #4aa725;
--primary-07: #3a891a;
--primary-08: #2a6911;
--primary-09: #1c480a;
--primary-10: #143706;
--secondary-01: var(--gray-01);
--secondary-02: var(--gray-02);
--secondary-03: var(--gray-03);
--secondary-04: var(--gray-04);
--secondary-05: var(--gray-05);
--secondary-06: var(--gray-06);
--secondary-07: var(--gray-07);
--secondary-08: var(--gray-08);
--secondary-09: var(--gray-09);
--secondary-10: var(--gray-10);
--gray-01: #141118;
--gray-02: #26202c;
--gray-03: #3a2e47;
--gray-04: #504063;
--gray-05: #674c85;
--gray-06: #7d5da2;
--gray-07: #9778ba;
--gray-08: #b19acb;
--gray-09: #cbb9df;
--gray-10: #e0d5ec;
--error-01: #610505;
--error-02: #890606;
--error-03: #b20606;
--error-04: #d70909;
--error-05: #f61e1e;
--error-06: #f54747;
--error-07: #f57a7a;
--error-08: #f6acac;
--warning-01: #6c4204;
--warning-02: #945b05;
--warning-03: #be7404;
--warning-04: #e68c05;
--warning-05: #faa21e;
--warning-06: #f9b44d;
--warning-07: #f8c981;
--warning-08: #f8ddb5;
--success-01: #075531;
--success-02: #087d46;
--success-03: #0aa35c;
--success-04: #0dc971;
--success-05: #19f08c;
--success-06: #4bf1a4;
--success-07: #7df2bc;
--success-08: #aff3d3;
--info-01: #062756;
--info-02: #07387e;
--info-03: #0749a6;
--info-04: #0b5bcb;
--info-05: #1672f3;
--info-06: #4990f3;
--info-07: #7caef4;
--info-08: #aecbf4;
--bg-quinary: #0d0a10;
--bg-quinary_alt: #1c1622;
--bg-senary: #2b2235;
--bg-senary_alt: #3a2f46;
--bg-septenary: #4c3e5b;
--bg-active: #5f447e;
--txt-01: var(--white);
--txt-02: var(--gray-09);
--txt-03: var(--primary-05);
--txt-04: var(--secondary-01);
--icon-01: var(--white);
--icon-02: var(--gray-10);
--icon-03: var(--primary-05);
--icon-04: var(--secondary-01);
--border-primary: var(--transparent-04);
--border-secondary: var(--bg-senary);
--border-tertiary: var(--bg-senary_alt);
--border-active: var(--primary-06);
--card-bg-01: var(--bg-quinary_alt);
--card-bg-02: var(--gray-01);
--card-bg-03: var(--gray-03);
--card-bg-04: var(--bg-senary);
--inp-bg-default: var(--bg-quinary_alt);
--inp-bg-hover: var(--bg-senary);
--inp-bg-pressed: var(--bg-quinary);
--inp-bg-disabled: var(--transparent-02);
--inp-text-default: var(--transparent-04);
--inp-text-hover: var(--transparent-10);
--inp-text-pressed: var(--txt-01);
--inp-text-disabled: var(--transparent-03);
--inp-icon-default: var(--txt-01);
--inp-icon-hover: var(--primary-05);
--inp-icon-pressed: var(--primary-07);
--inp-icon-disabled: var(--transparent-03);
--btn-primary-bg-default: var(--primary-05);
--btn-primary-bg-hover: var(--primary-04);
--btn-primary-bg-pressed: var(--primary-06);
--btn-primary-bg-disabled: var(--primary-05);
--btn-primary-text-default: var(--black);
--btn-primary-text-hover: var(--black);
--btn-primary-text-pressed: var(--black);
--btn-primary-text-disabled: var(--black);
--btn-primary-icon-default: var(--btn-primary-text-default);
--btn-primary-icon-hover: var(--btn-primary-text-hover);
--btn-primary-icon-pressed: var(--btn-primary-text-pressed);
--btn-primary-icon-disabled: var(--btn-primary-text-disabled);
--btn-primary-border-default: var(--btn-primary-bg-default);
--btn-primary-border-hover: var(--btn-primary-bg-hover);
--btn-primary-border-pressed: var(--btn-primary-bg-pressed);
--btn-primary-border-disabled: var(--btn-primary-bg-default);
--btn-secondary-bg-default: var(--gray-03);
--btn-secondary-bg-hover: var(--gray-04);
--btn-secondary-bg-pressed: var(--gray-02);
--btn-secondary-bg-disabled: var(--gray-03);
--btn-secondary-text-default: var(--white);
--btn-secondary-text-hover: var(--white);
--btn-secondary-text-pressed: var(--white);
--btn-secondary-text-disabled: var(--white);
--btn-secondary-icon-default: var(--btn-secondary-text-default);
--btn-secondary-icon-hover: var(--btn-secondary-text-hover);
--btn-secondary-icon-pressed: var(--btn-secondary-text-pressed);
--btn-secondary-icon-disabled: var(--btn-secondary-text-disabled);
--btn-secondary-border-default: var(--btn-secondary-bg-default);
--btn-secondary-border-hover: var(--btn-secondary-bg-hover);
--btn-secondary-border-pressed: var(--btn-secondary-bg-pressed);
--btn-secondary-border-disabled: var(--btn-secondary-bg-default);
--btn-tertiary-bg-default: var(--white);
--btn-tertiary-bg-hover: var(--gray-10);
--btn-tertiary-bg-pressed: var(--gray-09);
--btn-tertiary-bg-disabled: var(--white);
--btn-tertiary-text-default: var(--black);
--btn-tertiary-text-hover: var(--black);
--btn-tertiary-text-pressed: var(--black);
--btn-tertiary-text-disabled: var(--black);
--btn-tertiary-icon-default: var(--btn-tertiary-text-default);
--btn-tertiary-icon-hover: var(--btn-tertiary-text-hover);
--btn-tertiary-icon-pressed: var(--btn-tertiary-text-pressed);
--btn-tertiary-icon-disabled: var(--btn-tertiary-text-disabled);
--btn-tertiary-border-default: var(--btn-tertiary-bg-default);
--btn-tertiary-border-hover: var(--btn-tertiary-bg-hover);
--btn-tertiary-border-pressed: var(--btn-tertiary-bg-pressed);
--btn-tertiary-border-disabled: var(--btn-tertiary-bg-default);
--btn-quaternary-bg-default: var(--gray-02);
--btn-quaternary-bg-hover: var(--gray-03);
--btn-quaternary-bg-pressed: var(--gray-01);
--btn-quaternary-bg-disabled: var(--gray-02);
--btn-quaternary-text-default: var(--white);
--btn-quaternary-text-hover: var(--white);
--btn-quaternary-text-pressed: var(--white);
--btn-quaternary-text-disabled: var(--white);
--btn-quaternary-icon-default: var(--btn-quaternary-text-default);
--btn-quaternary-icon-hover: var(--btn-quaternary-text-hover);
--btn-quaternary-icon-pressed: var(--btn-quaternary-text-pressed);
--btn-quaternary-icon-disabled: var(--btn-quaternary-text-disabled);
--btn-quaternary-border-default: var(--btn-quaternary-bg-default);
--btn-quaternary-border-hover: var(--btn-quaternary-bg-hover);
--btn-quaternary-border-pressed: var(--btn-quaternary-bg-pressed);
--btn-quaternary-border-disabled: var(--btn-quaternary-bg-default);
--btn-quinary-bg-default: var(--error-06);
--btn-quinary-bg-hover: var(--error-05);
--btn-quinary-bg-pressed: var(--error-04);
--btn-quinary-bg-disabled: var(--error-06);
--btn-quinary-text-default: var(--black);
--btn-quinary-text-hover: var(--black);
--btn-quinary-text-pressed: var(--white);
--btn-quinary-text-disabled: var(--black);
--btn-quinary-icon-default: var(--btn-quinary-text-default);
--btn-quinary-icon-hover: var(--btn-quinary-text-hover);
--btn-quinary-icon-pressed: var(--btn-quinary-text-pressed);
--btn-quinary-icon-disabled: var(--btn-quinary-text-disabled);
--btn-quinary-border-default: var(--error-06);
--btn-quinary-border-hover: var(--error-05);
--btn-quinary-border-pressed: var(--error-04);
--btn-quinary-border-disabled: var(--error-06);
--btn-senary-bg-default: var(--info-06);
--btn-senary-bg-hover: var(--info-07);
--btn-senary-bg-pressed: var(--info-05);
--btn-senary-bg-disabled: var(--info-06);
--btn-senary-text-default: var(--black);
--btn-senary-text-hover: var(--black);
--btn-senary-text-pressed: var(--black);
--btn-senary-text-disabled: var(--black);
--btn-senary-icon-default: var(--btn-senary-text-default);
--btn-senary-icon-hover: var(--btn-senary-text-hover);
--btn-senary-icon-pressed: var(--btn-senary-text-pressed);
--btn-senary-icon-disabled: var(--btn-senary-text-disabled);
--btn-senary-border-default: var(--info-06);
--btn-senary-border-hover: var(--info-07);
--btn-senary-border-pressed: var(--info-05);
--btn-senary-border-disabled: var(--info-06);
--btn-septenary-bg-default: var(--success-06);
--btn-septenary-bg-hover: var(--success-07);
--btn-septenary-bg-pressed: var(--success-05);
--btn-septenary-bg-disabled: var(--success-06);
--btn-septenary-text-default: var(--black);
--btn-septenary-text-hover: var(--black);
--btn-septenary-text-pressed: var(--black);
--btn-septenary-text-disabled: var(--black);
--btn-septenary-icon-default: var(--btn-septenary-text-default);
--btn-septenary-icon-hover: var(--btn-septenary-text-hover);
--btn-septenary-icon-pressed: var(--btn-septenary-text-pressed);
--btn-septenary-icon-disabled: var(--btn-septenary-text-disabled);
--btn-septenary-border-default: var(--success-06);
--btn-septenary-border-hover: var(--success-07);
--btn-septenary-border-pressed: var(--success-05);
--btn-septenary-border-disabled: var(--success-06);
--nav-main-bg: var(--bg-quinary_alt);
--nav-main-sticky-bg: var(--transparent-07);
--nav-main-txt: var(--white);
--nav-main-sticky-txt: var(--white);
--nav-main-border: var(--transparent-01);
--nav-main-sticky-border: var(--transparent-02);
--nav-bottom-bg: var(--bg-senary);
--nav-bottom-sticky-bg: var(--white);
--nav-bottom-txt: var(--white);
--nav-bottom-sticky-txt: var(--white);
--nav-bottom-border: var(--transparent-01);
--nav-bottom-sticky-border: var(--white);
--nav-promotion-bg: var(--secondary-06);
--nav-promotion-txt: var(--white);
--odd-bg-column-1: var(--gray-03);
--odd-bg-column-2: var(--gray-02);
--odd-title: var(--bg-quinary_alt);
--odd-bg-red: var(--error-02);
--odd-bg-green: var(--success-02);
--odd-bg-disabled: var(--bg-senary);
--odd-bg-hover: var(--gray-04);
--sidebar-item-icon-default: var(--icon-02);
--sidebar-item-icon-hover: var(--icon-01);
--sidebar-item-icon-active: var(--sidebar-item-text-active);
--sidebar-item-icon-bg-default: var(--transparent-01);
--sidebar-item-icon-bg-hover: var(--transparent-02);
--sidebar-item-icon-bg-active: var(--primary-10);
--sidebar-item-text-default: var(--gray-08);
--sidebar-item-text-hover: var(--txt-01);
--sidebar-item-text-active: var(--txt-03);
--sidebar-item-bg-default: var(--transparent-0-bg);
--sidebar-item-bg-hover: var(--transparent-02);
--sidebar-item-bg-active: var(--bg-quinary_alt);
--sidebar-button-icon-default: var(--gray-08);
--sidebar-button-icon-hover: var(--gray-09);
--sidebar-button-icon-active: var(--btn-primary-icon-default);
--sidebar-background-icon: var(--transparent-white-30);
--sidebar-primary-btn-bg-default: radial-gradient(766.51% 173.97% at -18% 125%, var(--gray-02) 0%, var(--gray-04) 100%);
--sidebar-primary-btn-bg-hover: radial-gradient(766.51% 173.97% at -18% 125%, var(--success-03) 0%, var(--success-05) 100%);
--sidebar-primary-btn-bg-active: radial-gradient(766.51% 173.97% at -18% 125%, var(--success-01) 0%, var(--success-05) 100%);
--sidebar-primary-btn-text-default: var(--white);
--sidebar-primary-btn-text-hover: var(--white);
--sidebar-primary-btn-text-active: var(--white);
--sidebar-secondary-btn-bg-default: radial-gradient(766.51% 173.97% at -18% 125%, var(--gray-02) 0%, var(--gray-04) 100%);
--sidebar-secondary-btn-bg-hover: radial-gradient(766.51% 173.97% at -18% 125%, var(--warning-03) 0%, var(--warning-05) 100%);
--sidebar-secondary-btn-bg-active: radial-gradient(766.51% 173.97% at -18% 125%, var(--warning-02) 0%, var(--warning-04) 100%);
--sidebar-secondary-btn-text-default: var(--white);
--sidebar-secondary-btn-text-hover: var(--white);
--sidebar-secondary-btn-text-active: var(--white);
--sidebar-tertiary-btn-bg-default: var(--gray-07);
--sidebar-tertiary-btn-bg-hover: var(--btn-primary-bg-hover);
--sidebar-tertiary-btn-bg-active: var(--btn-primary-bg-default);
--sidebar-tertiary-btn-text-default: var(--transparent-09);
--sidebar-tertiary-btn-text-hover: var(--btn-primary-text-hover);
--sidebar-tertiary-btn-text-active: var(--btn-primary-text-default);
--sidebar-switcher-main-bg: var(--gray-02);
--sidebar-switcher-bg-default: var(--transparent-0-bg);
--sidebar-switcher-bg-active: var(--gray-03);
--sidebar-switcher-text-default: var(--txt-02);
--sidebar-switcher-text-active: var(--txt-01);
--sidebar-switcher-icon-default: var(--sidebar-switcher-text-default);
--sidebar-switcher-icon-active: var(--sidebar-switcher-text-active);
--transparent-01: rgba(255, 255, 255, 0.03);
--transparent-02: rgba(255, 255, 255, 0.07);
--transparent-03: rgba(255, 255, 255, 0.1);
--transparent-04: rgba(255, 255, 255, 0.15);
--transparent-05: rgba(255, 255, 255, 0.2);
--transparent-06: rgba(255, 255, 255, 0.25);
--transparent-07: rgba(255, 255, 255, 0.3);
--transparent-08: rgba(255, 255, 255, 0.35);
--transparent-09: rgba(255, 255, 255, 0.4);
--transparent-10: rgba(255, 255, 255, 0.45);
--transparent-primary-10: rgba(91, 196, 49, 0.1);
--transparent-primary-50: rgba(91, 196, 49, 0.5);
--transparent-warning-10: rgba(246, 158, 35, 0.1);
--transparent-error-10: rgba(238, 49, 43, 0.1);
--transparent-0-bg: rgba(15, 19, 21, 0);
--transparent-50-bg: rgba(15, 19, 21, 0.5);
--transparent-black-10: rgba(7, 8, 8, 0.1);
--transparent-black-20: rgba(7, 8, 8, 0.2);
--transparent-black-30: rgba(7, 8, 8, 0.3);
--transparent-black-40: rgba(7, 8, 8, 0.4);
--transparent-black-50: rgba(7, 8, 8, 0.5);
--transparent-black-60: rgba(7, 8, 8, 0.6);
--transparent-black-70: rgba(7, 8, 8, 0.7);
--transparent-black-80: rgba(7, 8, 8, 0.8);
--transparent-black-90: rgba(7, 8, 8, 0.9);
--transparent-white-10: rgba(250, 250, 250, 0.1);
--transparent-white-20: rgba(250, 250, 250, 0.2);
--transparent-white-30: rgba(250, 250, 250, 0.3);
--transparent-white-40: rgba(250, 250, 250, 0.4);
--transparent-white-50: rgba(250, 250, 250, 0.5);
--transparent-white-60: rgba(250, 250, 250, 0.6);
--transparent-white-70: rgba(250, 250, 250, 0.7);
--transparent-white-80: rgba(250, 250, 250, 0.8);
--transparent-white-90: rgba(250, 250, 250, 0.9);
--shadow-01: rgba(0, 0, 0, 0.4);
--shadow-02: rgba(0, 0, 0, 0.4);
--overlay-light: rgba(255, 255, 255, 0.8);
--overlay-dark: rgba(0, 0, 0, 0.6);
--gl-btn-spacing-xs-h: var(--spacing-8);
--gl-btn-spacing-xs-v: var(--spacing-8);
--gl-btn-spacing-s-h: var(--spacing-8);
--gl-btn-spacing-s-v: var(--spacing-10);
--gl-btn-spacing-m-h: var(--spacing-12);
--gl-btn-spacing-m-v: var(--spacing-10);
--gl-btn-spacing-l-h: var(--spacing-8);
--gl-btn-spacing-l-v: var(--spacing-12);
--gl-btn-spacing-xl-h: var(--spacing-10);
--gl-btn-spacing-xl-v: var(--spacing-14);
--gl-btn-shadow-x: 0px;
--gl-btn-shadow-y: 0px;
--gl-btn-shadow-blur: 0px;
--gl-btn-shadow-spread: 0px;
--gl-btn-shadow-color: rgba(0, 0, 0, 0.25);
--gl-btn-spacing-xs-mh: var(--spacing-32);
--gl-btn-spacing-s-mh: var(--spacing-36);
--gl-btn-spacing-m-mh: var(--spacing-40);
--gl-btn-spacing-l-mh: var(--spacing-44);
--gl-btn-spacing-xl-mh: var(--spacing-48);
--gl-btn-font-size-xs: var(--text-sm-size);
--gl-btn-font-size-s: var(--text-md-size);
--gl-btn-font-size-m: var(--text-lg-size);
--gl-btn-font-size-l: var(--text-xl-size);
--gl-btn-font-size-xl: var(--text-xl-size);
--gl-btn-line-height-xs: var(--text-xs-line);
--gl-btn-line-height-s: var(--text-sm-line);
--gl-btn-line-height-m: var(--text-md-line);
--gl-btn-line-height-l: var(--text-md-line);
--gl-btn-line-height-xl: var(--text-md-line);
--gl-btn-font-weight: 500;
--gl-badge-spacing-xs-h: var(--spacing-6);
--gl-badge-spacing-xs-v: var(--spacing-2);
--gl-badge-spacing-s-h: var(--spacing-8);
--gl-badge-spacing-s-v: var(--spacing-4);
--gl-badge-spacing-m-h: var(--spacing-10);
--gl-badge-spacing-m-v: var(--spacing-6);
--gl-badge-spacing-l-h: var(--spacing-12);
--gl-badge-spacing-l-v: var(--spacing-8);
--gl-badge-spacing-xl-h: var(--spacing-14);
--gl-badge-spacing-xl-v: var(--spacing-10);
--gl-badge-spacing-xs-mh: var(--spacing-16);
--gl-badge-spacing-s-mh: var(--spacing-20);
--gl-badge-spacing-m-mh: var(--spacing-24);
--gl-badge-spacing-l-mh: var(--spacing-28);
--gl-badge-spacing-xl-mh: var(--spacing-32);
--gl-badge-font-size-xs: var(--text-xs-size);
--gl-badge-font-size-s: var(--text-sm-size);
--gl-badge-font-size-m: var(--text-md-size);
--gl-badge-font-size-l: var(--text-lg-size);
--gl-badge-font-size-xl: var(--text-xl-size);
--gl-badge-line-height-xs: var(--text-xs-line);
--gl-badge-line-height-s: var(--text-sm-line);
--gl-badge-line-height-m: var(--text-md-line);
--gl-badge-line-height-l: var(--text-lg-line);
--gl-badge-line-height-xl: var(--text-xl-line);
--gl-badge-font-weight: 500;
--gl-badge-radius: var(--radius-full);
--gl-badge-radius-rounded: var(--radius-md);
--gl-badge-radius-square: var(--radius-sm);
--z-index-header: var(--z-header);
--z-index-header-transparent: 1000;
--z-index-header-sticky: 1001;
--z-index-header-mobile-nav: 1001;
--z-index-header-mobile-toggle: 1002;
--header-bg: var(--bg-primary);
--header-top-bg: var(--gray-03);
--header-bottom-bg: var(--gray-02);
--header-border: var(--gray-05);
--header-top-border: var(--gray-05);
--header-bottom-border: var(--gray-05);
--header-text: var(--gray-10);
--header-text-hover: var(--text-primary);
--header-text-muted: var(--gray-08);
--header-top-text: var(--gray-08);
--header-text-transparent: var(--base-white);
--header-text-transparent-hover: var(--gray-02);
--header-nav-hover-bg: var(--gray-03);
--header-mobile-bg: var(--bg-primary);
--header-mobile-border: var(--gray-05);
--header-mobile-nav-hover-bg: var(--gray-03);
--header-search-bg: var(--gray-02);
--header-search-bg-focus: var(--bg-primary);
--header-search-border: var(--gray-06);
--header-search-btn-hover-bg: var(--gray-05);
--header-focus-ring: var(--primary-05);
--header-height-normal: 80px;
--header-height-sticky: 64px;
--header-height-minimal: 56px;
--header-height-normal-tablet: 72px;
--header-height-sticky-tablet: 60px;
--header-height-minimal-tablet: 52px;
--header-height-normal-mobile: 64px;
--header-height-sticky-mobile: 56px;
--header-height-minimal-mobile: 48px;
--header-top-height: 40px;
--header-top-height-tablet: 36px;
--header-top-height-mobile: 32px;
--header-middle-height: var(--header-height-normal);
--header-middle-height-sticky: var(--header-height-sticky);
--header-middle-height-tablet: var(--header-height-normal-tablet);
--header-middle-height-sticky-tablet: var(--header-height-sticky-tablet);
--header-middle-height-mobile: var(--header-height-normal-mobile);
--header-middle-height-sticky-mobile: var(--header-height-sticky-mobile);
--header-bottom-height: 56px;
--header-bottom-height-sticky: 40px;
--header-bottom-height-tablet: 52px;
--header-bottom-height-sticky-tablet: 36px;
--header-bottom-height-mobile: 48px;
--header-bottom-height-sticky-mobile: 32px;
--header-logo-height-normal: 40px;
--header-logo-height-sticky: 32px;
--header-logo-height-tablet: 36px;
--header-logo-height-sticky-tablet: 28px;
--header-logo-height-mobile: 32px;
--header-logo-height-sticky-mobile: 24px;
--header-height: var(--header-height-normal);
--header-logo-height: var(--header-logo-height-normal);
--header-search-min-width: 200px;
--header-search-min-width-tablet: 150px;
--header-search-min-width-mobile: 120px;
--header-bar-padding: var(--spacing-16) var(--spacing-24);
--header-bar-padding-top: var(--spacing-8) var(--spacing-24);
--header-bar-padding-middle: var(--spacing-20) var(--spacing-24);
--header-bar-padding-bottom: var(--spacing-12) var(--spacing-24);
--header-bar-padding-sticky: var(--spacing-16) var(--spacing-24);
--header-bar-padding-bottom-sticky: var(--spacing-8) var(--spacing-24);
--header-nav-gap: var(--spacing-32);
--header-nav-gap-tablet: var(--spacing-16);
--header-nav-gap-mobile: var(--spacing-8);
--header-layout-gap: var(--spacing-16);
--header-layout-gap-tablet: var(--spacing-12);
--header-layout-gap-mobile: var(--spacing-8);
--header-transition: all 0.3s ease-in-out;
--header-logo-transition: all 0.2s ease-in-out;
--header-nav-transition: all 0.2s ease-in-out;
--header-search-transition: all 0.2s ease-in-out;
--header-shadow-sticky: 0 2px 8px rgba(0, 0, 0, 0.1);
--header-shadow-search-focus: 0 0 0 3px rgba(59, 130, 246, 0.1);
--header-shadow-mobile: -4px 0 16px rgba(0, 0, 0, 0.1);
--header-breakpoint-tablet: 768px;
--header-breakpoint-mobile: 640px;
--header-current-height: var(--header-height-normal);
--header-spacing-top: var(--header-current-height);
--header-is-transparent: 0;
--icon-size-xxs: var(--text-xxs-size);
--icon-size-xs: var(--text-xs-size);
--icon-size-sm: var(--text-sm-size);
--icon-size-md: var(--text-md-size);
--icon-size-lg: var(--text-lg-size);
--icon-size-xl: var(--text-xl-size);
--icon-size-h6: var(--heading-06-size);
--icon-size-h5: var(--heading-05-size);
--icon-size-h4: var(--heading-04-size);
--icon-size-h3: var(--heading-03-size);
--icon-size-h2: var(--heading-02-size);
--icon-size-h1: var(--heading-01-size);
--icon-color-primary: var(--icon-primary);
--icon-color-secondary: var(--icon-secondary);
--icon-color-tertiary: var(--icon-tertiary);
--icon-color-disabled: var(--icon-disabled);
--icon-color-accent: var(--icon-accent);
--icon-color-success: var(--icon-success);
--icon-color-warning: var(--icon-warning);
--icon-color-error: var(--icon-error);
--icon-color-info: var(--icon-info);
--icon-color-inherit: currentColor;
--gl-inpts-spacing-xs-h: var(--gl-btn-spacing-xs-h);
--gl-inpts-spacing-xs-v: var(--gl-btn-spacing-xs-v);
--gl-inpts-spacing-s-h: var(--gl-btn-spacing-s-h);
--gl-inpts-spacing-s-v: var(--gl-btn-spacing-s-v);
--gl-inpts-spacing-m-h: var(--gl-btn-spacing-m-h);
--gl-inpts-spacing-m-v: var(--gl-btn-spacing-m-v);
--gl-inpts-spacing-l-h: var(--gl-btn-spacing-l-h);
--gl-inpts-spacing-l-v: var(--gl-btn-spacing-l-v);
--gl-inpts-spacing-xl-h: var(--gl-btn-spacing-xl-h);
--gl-inpts-spacing-xl-v: var(--gl-btn-spacing-xl-v);
--gl-inpts-shadow-x: var(--gl-btn-shadow-x);
--gl-inpts-shadow-y: var(--gl-btn-shadow-y);
--gl-inpts-shadow-blur: var(--gl-btn-shadow-blur);
--gl-inpts-shadow-spread: var(--gl-btn-shadow-spread);
--gl-inpts-max-height-xs: var(--gl-btn-spacing-xs-mh);
--gl-inpts-max-height-s: var(--gl-btn-spacing-s-mh);
--gl-inpts-max-height-m: var(--gl-btn-spacing-m-mh);
--gl-inpts-max-height-l: var(--gl-btn-spacing-l-mh);
--gl-inpts-max-height-xl: var(--gl-btn-spacing-xl-mh);
--inpt-font-size-xs: var(--btn-font-size-xs);
--inpt-font-size-s: var(--btn-font-size-s);
--inpt-font-size-m: var(--btn-font-size-m);
--inpt-font-size-l: var(--btn-font-size-l);
--inpt-font-size-xl: var(--btn-font-size-xl);
--inpt-line-height-xs: var(--gl-btn-line-height-xs);
--inpt-line-height-s: var(--gl-btn-line-height-s);
--inpt-line-height-m: var(--gl-btn-line-height-m);
--inpt-line-height-l: var(--gl-btn-line-height-l);
--inpt-line-height-xl: var(--gl-btn-line-height-xl);
--gl-inpt-placeholder-weight: var(--gl-btn-font-weight);
--gl-inpt-text-weight: var(--gl-btn-font-weight);
--inpt-line-height-xl: var(--gl-btn-line-height-xl);
--gl-inpt-placeholder-weight: var(--gl-btn-font-weight);
--gl-inpt-text-weight: var(--gl-btn-font-weight);
--content-width-sm: 540px;
--content-width-md: 720px;
--content-width-lg: 960px;
--content-width-xl: 1140px;
--content-width-xxl: 1320px;
--content-width-main: var(--content-width-xxl);
--page-frame: 0px;
--gutter-inline-min: var(--spacing-16);
--gutter-inline-max: var(--spacing-32);
--gutter-inline-pref: 4vw;
--gutter-inline: max(var(--gutter-inline-min), min(var(--gutter-inline-pref), var(--gutter-inline-max)));
--section-gap-min: var(--spacing-24);
--section-gap-max: var(--spacing-56);
--section-gap-pref: 5vw;
--section-gap: max(var(--section-gap-min), min(var(--section-gap-pref), var(--section-gap-max)));
--hf-pad-min: var(--spacing-16);
--hf-pad-max: var(--spacing-32);
--hf-pad-pref: 3vw;
--header-footer-pad: max(var(--hf-pad-min), min(var(--hf-pad-pref), var(--hf-pad-max)));
--container-max: var(--content-width-main);
--layout-gap: var(--spacing-20);
--page-max-inline: min(var(--container-max), calc(100vw - (var(--page-frame) * 2)));
--has-sidebar: 0;
--sidebar-width: 280px;
--content-effective: calc(var(--page-max-inline) - (var(--has-sidebar) * (var(--sidebar-width) + var(--layout-gap))));
--grid-breakpoint-sm: 576px;
--grid-breakpoint-md: 768px;
--grid-breakpoint-lg: 992px;
--grid-breakpoint-xl: 1200px;
--grid-breakpoint-xxl: 1400px;
--grid-container-sm: var(--content-width-sm);
--grid-container-md: var(--content-width-md);
--grid-container-lg: var(--content-width-lg);
--grid-container-xl: var(--content-width-xl);
--grid-container-xxl: var(--content-width-xxl);
--grid-gutter-base: var(--spacing-24);
--grid-gutter-sm: var(--spacing-16);
--grid-gutter-lg: var(--spacing-32);
--grid-container-padding: var(--spacing-12);
--nav-link-color: var(--text-primary);
--nav-link-hover-color: var(--primary-05);
--nav-link-current-color: var(--primary-05);
--nav-link-active-color: var(--primary-05);
--nav-level-0-color: var(--text-primary);
--nav-level-1-color: var(--text-secondary);
--nav-level-2-color: var(--text-tertiary);
--nav-level-3-color: var(--gray-07);
--nav-level-0-bg: transparent;
--nav-level-1-bg: var(--bg-secondary);
--nav-level-2-bg: var(--bg-tertiary);
--nav-level-3-bg: var(--bg-quaternary);
--nav-link-hover-bg: transparent;
--nav-link-current-bg: transparent;
--nav-link-active-bg: transparent;
--nav-link-focus-ring: var(--primary-05);
--nav-footer-link-color: var(--color-text-secondary);
--nav-footer-link-hover-color: var(--color-text);
--nav-footer-link-font-size: var(--text-sm);
--nav-breadcrumb-link-color: var(--color-text-secondary);
--nav-breadcrumb-link-hover-color: var(--color-text);
--nav-breadcrumb-link-font-size: var(--text-sm);
--nav-separator-color: var(--color-text-muted);
--nav-pagination-border: var(--color-border);
--nav-pagination-hover-bg: var(--color-surface-hover);
--nav-pagination-hover-border: var(--color-primary);
--nav-pagination-radius: var(--gl-radius-btn);
--nav-toc-link-color: var(--color-text-secondary);
--nav-toc-link-hover-color: var(--color-text);
--nav-toc-link-hover-bg: var(--color-surface-hover);
--nav-toc-link-font-size: var(--text-sm);
--nav-counter-color: var(--color-text-muted);
--nav-expand-color: var(--color-text-muted);
--nav-expand-hover-color: var(--color-text);
--nav-expand-hover-bg: var(--color-surface-hover);
--nav-expand-focus-ring: var(--color-primary);
--nav-toggle-line-color: var(--color-text);
--nav-toggle-hover-bg: var(--color-surface-hover);
--nav-toggle-focus-ring: var(--color-primary);
--nav-submenu-bg: var(--bg-primary);
--nav-submenu-border: var(--border-primary);
--nav-submenu-radius: var(--gl-radius-wrapper);
--nav-submenu-shadow: 0 8px 32px var(--transparent-black-10);
--nav-submenu-link-hover-bg: transparent;
--nav-submenu-backdrop: blur(20px);
--nav-submenu-nested-bg: var(--bg-secondary);
--nav-submenu-nested-border: var(--border-secondary);
--nav-submenu-nested-shadow: 0 4px 16px var(--transparent-black-20);
--nav-mega-bg: var(--color-surface);
--nav-mega-border: var(--color-border);
--nav-mega-radius: var(--gl-radius-wrapper);
--nav-mega-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
--nav-mega-heading-color: var(--color-text);
--nav-mobile-bg: var(--color-surface);
--nav-mobile-border: var(--color-border);
--nav-mobile-radius: var(--gl-radius-wrapper);
--nav-mobile-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
--nav-gap: var(--spacing-16);
--nav-gap-tablet: var(--spacing-12);
--nav-gap-mobile: var(--spacing-8);
--nav-link-padding: var(--spacing-8) var(--spacing-12);
--nav-link-padding-tablet: var(--spacing-6) var(--spacing-8);
--nav-link-padding-mobile: var(--spacing-8) var(--spacing-12);
--nav-text-padding: var(--spacing-8) var(--spacing-12);
--nav-link-font-size: var(--text-base);
--nav-link-font-size-tablet: var(--text-sm);
--nav-link-font-size-mobile: var(--text-base);
--nav-text-font-size: var(--text-base);
--nav-link-radius: var(--gl-radius-btn);
--nav-link-min-height: 44px;
--nav-toggle-size: 40px;
--nav-link-transition: all 0.2s ease-in-out;
--nav-expand-transition: all 0.2s ease-in-out;
--nav-toggle-transition: all 0.3s ease-in-out;
--nav-breakpoint-tablet: 1024px;
--nav-breakpoint-mobile: 768px;
--radius-none: 0px;
--radius-2: 2px;
--radius-4: 4px;
--radius-6: 6px;
--radius-8: 8px;
--radius-10: 10px;
--radius-12: 12px;
--radius-14: 14px;
--radius-16: 16px;
--radius-18: 18px;
--radius-20: 20px;
--radius-22: 22px;
--radius-24: 24px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-full: 9999px;
--gl-radius-wrapper: var(--radius-16);
--gl-radius-inner-wrapper: var(--radius-12);
--gl-radius-in-inner-wrapper: var(--radius-8);
--gl-radius-cards: var(--gl-radius-wrapper);
--gl-radius-modal: var(--gl-radius-cards);
--gl-radius-tooltip: var(--gl-radius-cards);
--gl-radius-btn: var(--radius-16);
--gl-radius-btn-sm: var(--gl-radius-btn);
--gl-radius-btn-lg: var(--gl-radius-btn);
--gl-radius-input: var(--gl-radius-btn);
--gl-radius-textarea: var(--gl-radius-cards);
--gl-radius-select: var(--gl-radius-input);
--gl-radius-checkbox: var(--radius-8);
--gl-radius-radio: var(--radius-full);
--gl-radius-inpts: var(--gl-radius-input);
--gl-radius-inpt-text-area: var(--gl-radius-textarea);
--gl-radius-dropdown: var(--gl-radius-btn);
--gl-radius-nav-item: var(--gl-radius-btn);
--gl-radius-tab: var(--gl-radius-btn);
--gl-radius-avatar: var(--radius-full);
--gl-radius-image: var(--gl-radius-cards);
--gl-radius-video: var(--gl-radius-cards);
--gl-radius-badge: var(--gl-radius-btn);
--gl-radius-pill: var(--gl-radius-btn);
--gl-radius-chip: var(--gl-radius-btn);
--gl-radius-alert: var(--gl-radius-btn);
--gl-radius-toast: var(--gl-radius-btn);
--gl-radius-notification: var(--gl-radius-btn);
--gl-radius-progress: var(--radius-full);
--gl-radius-skeleton: var(--gl-radius-inner-wrapper);
--gl-radius-loading: var(--radius-full);
--spacing-none: 0px;
--spacing-2: 0.125rem;
--spacing-4: 0.25rem;
--spacing-6: 0.375rem;
--spacing-8: 0.5rem;
--spacing-10: 0.625rem;
--spacing-12: 0.75rem;
--spacing-14: 0.875rem;
--spacing-16: 1rem;
--spacing-18: 1.125rem;
--spacing-20: 1.25rem;
--spacing-24: 1.5rem;
--spacing-28: 1.75rem;
--spacing-32: 2rem;
--spacing-36: 2.25rem;
--spacing-40: 2.5rem;
--spacing-44: 2.75rem;
--spacing-48: 3rem;
--spacing-56: 3.5rem;
--spacing-64: 4rem;
--spacing-80: 5rem;
--spacing-96: 6rem;
--spacing-112: 7rem;
--spacing-128: 8rem;
--spacing-144: 9rem;
--spacing-160: 10rem;
--spacing-176: 11rem;
--spacing-192: 12rem;
--spacing-208: 13rem;
--spacing-224: 14rem;
--spacing-240: 15rem;
--spacing-256: 16rem;
--spacing-288: 18rem;
--spacing-320: 20rem;
--spacing-384: 24rem;
--transition-fast: 0.15s;
--transition-medium: 0.25s;
--transition-normal: 0.3s;
--transition-slow: 0.4s;
--transition-slower: 0.6s;
--transition-ease: cubic-bezier(0.4, 0, 0.2, 1);
--transition-ease-in: cubic-bezier(0.4, 0, 1, 1);
--transition-ease-out: cubic-bezier(0, 0, 0.2, 1);
--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--transition-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
--transition-elastic: cubic-bezier(0.175, 0.885, 0.32, 1.275);
--transition-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
--transition-spring-gentle: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--transition-spring-bouncy: cubic-bezier(0.68, -0.55, 0.265, 1.55);
--transition-spring-wobbly: cubic-bezier(0.18, 0.89, 0.32, 1.28);
--ease-linear: linear;
--ease-in: var(--transition-ease-in);
--ease-out: var(--transition-ease-out);
--ease-in-out: var(--transition-ease-in-out);
--ease-bounce: var(--transition-bounce);
--ease-elastic: var(--transition-elastic);
--transition-colors: color var(--transition-fast) var(--ease-in-out), background-color var(--transition-fast) var(--ease-in-out), border-color var(--transition-fast) var(--ease-in-out);
--transition-transform: transform var(--transition-fast) var(--ease-in-out);
--transition-opacity: opacity var(--transition-fast) var(--ease-in-out);
--transition-all: all var(--transition-normal) var(--ease-in-out);
--transition-shadow: box-shadow var(--transition-fast) var(--ease-in-out);
--animation-fast: 0.3s;
--animation-normal: 0.5s;
--animation-slow: 1s;
--animation-slower: 2s;
--heading-01-size: 3rem;
--heading-02-size: 2.25rem;
--heading-03-size: 1.75rem;
--heading-04-size: 1.5rem;
--heading-05-size: 1.25rem;
--heading-06-size: 1.125rem;
--text-xl-size: 1.125rem;
--text-lg-size: 1rem;
--text-md-size: 0.875rem;
--text-sm-size: 0.75rem;
--text-xs-size: 0.625rem;
--text-xxs-size: 0.5rem;
--font-size-base: 1rem;
--heading-01-line: var(--spacing-56);
--heading-02-line: var(--spacing-44);
--heading-03-line: var(--spacing-36);
--heading-04-line: var(--spacing-32);
--heading-05-line: var(--spacing-28);
--heading-06-line: var(--spacing-24);
--text-xl-line: var(--spacing-28);
--text-lg-line: var(--spacing-24);
--text-md-line: var(--spacing-20);
--text-sm-line: var(--spacing-16);
--text-xs-line: var(--spacing-14);
--text-xxs-line: var(--spacing-12);
--line-height-normal: 1.5;
--line-height-snug: 1.375;
--font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-family-mono: 'JetBrains Mono', 'Fira Code', 'Monaco', 'Cascadia Code', monospace;
--font-family-serif: Georgia, 'Times New Roman', serif;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--letter-spacing-tight: -0.025em;
--letter-spacing-normal: 0;
--letter-spacing-wide: 0.025em;
--letter-spacing-wider: 0.05em;
--letter-spacing-widest: 0.1em;
--text-xs: var(--text-xs-size);
--text-sm: var(--text-sm-size);
--text-base: var(--text-lg-size);
--text-lg: var(--text-xl-size);
--type-card-title-line-height: var(--heading-06-line);
--type-header-size: var(--text-md-size);
--type-header-weight: var(--font-weight-semibold);
--type-header-line-height: var(--text-md-line);
--type-compact-size: var(--text-sm-size);
--type-compact-weight: var(--font-weight-medium);
--type-compact-line-height: var(--text-sm-line);
--type-odds-size: var(--text-sm-size);
--type-odds-weight: var(--font-weight-semibold);
--type-odds-line-height: var(--text-sm-line);
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--letter-spacing-tight: -0.025em;
--letter-spacing-normal: 0;
--letter-spacing-wide: 0.025em;
--letter-spacing-wider: 0.05em;
--letter-spacing-widest: 0.1em;
--text-xs: var(--text-xs-size);
--text-sm: var(--text-sm-size);
--text-base: var(--text-lg-size);
--text-lg: var(--text-xl-size);
--z-auto: auto;
--z-0: 0;
--z-10: 10;
--z-20: 20;
--z-30: 30;
--z-40: 40;
--z-50: 50;
--z-dropdown: 1000;
--z-sticky: 1020;
--z-fixed: 1030;
--z-modal-backdrop: 1040;
--z-modal: 1050;
--z-popover: 1060;
--z-tooltip: 1070;
--z-toast: 1080;
--z-header: var(--z-fixed);
--z-sidebar: var(--z-fixed);
--z-navigation: var(--z-sticky);
--z-breadcrumbs: var(--z-10);
--z-pagination: var(--z-10);
--z-overlay: var(--z-modal-backdrop);
--z-drawer: var(--z-modal);
--z-notification: var(--z-toast);
}
html[data-mode="dark"] {
--black: #070808;
--white: #fafafa;
--primary-01: #dcebd6;
--primary-02: #bddfaf;
--primary-03: #9dd586;
--primary-04: #7bce5a;
--primary-05: #5bc431;
--primary-06: #4aa725;
--primary-07: #3a891a;
--primary-08: #2a6911;
--primary-09: #1c480a;
--primary-10: #143706;
--secondary-01: var(--gray-01);
--secondary-02: var(--gray-02);
--secondary-03: var(--gray-03);
--secondary-04: var(--gray-04);
--secondary-05: var(--gray-05);
--secondary-06: var(--gray-06);
--secondary-07: var(--gray-07);
--secondary-08: var(--gray-08);
--secondary-09: var(--gray-09);
--secondary-10: var(--gray-10);
--gray-01: #141118;
--gray-02: #26202c;
--gray-03: #3a2e47;
--gray-04: #504063;
--gray-05: #674c85;
--gray-06: #7d5da2;
--gray-07: #9778ba;
--gray-08: #b19acb;
--gray-09: #cbb9df;
--gray-10: #e0d5ec;
--error-01: #610505;
--error-02: #890606;
--error-03: #b20606;
--error-04: #d70909;
--error-05: #f61e1e;
--error-06: #f54747;
--error-07: #f57a7a;
--error-08: #f6acac;
--warning-01: #6c4204;
--warning-02: #945b05;
--warning-03: #be7404;
--warning-04: #e68c05;
--warning-05: #faa21e;
--warning-06: #f9b44d;
--warning-07: #f8c981;
--warning-08: #f8ddb5;
--success-01: #075531;
--success-02: #087d46;
--success-03: #0aa35c;
--success-04: #0dc971;
--success-05: #19f08c;
--success-06: #4bf1a4;
--success-07: #7df2bc;
--success-08: #aff3d3;
--info-01: #062756;
--info-02: #07387e;
--info-03: #0749a6;
--info-04: #0b5bcb;
--info-05: #1672f3;
--info-06: #4990f3;
--info-07: #7caef4;
--info-08: #aecbf4;
--bg-quinary: #0d0a10;
--bg-quinary_alt: #1c1622;
--bg-senary: #2b2235;
--bg-senary_alt: #3a2f46;
--bg-septenary: #4c3e5b;
--bg-active: #5f447e;
--txt-01: var(--white);
--txt-02: var(--gray-09);
--txt-03: var(--primary-05);
--txt-04: var(--secondary-01);
--icon-01: var(--white);
--icon-02: var(--gray-10);
--icon-03: var(--primary-05);
--icon-04: var(--secondary-01);
--border-primary: var(--transparent-04);
--border-secondary: var(--bg-senary);
--border-tertiary: var(--bg-senary_alt);
--border-active: var(--primary-06);
--card-bg-01: var(--bg-quinary_alt);
--card-bg-02: var(--gray-01);
--card-bg-03: var(--gray-03);
--card-bg-04: var(--bg-senary);
--inp-bg-default: var(--bg-quinary_alt);
--inp-bg-hover: var(--bg-senary);
--inp-bg-pressed: var(--bg-quinary);
--inp-bg-disabled: var(--transparent-02);
--inp-text-default: var(--transparent-04);
--inp-text-hover: var(--transparent-10);
--inp-text-pressed: var(--txt-01);
--inp-text-disabled: var(--transparent-03);
--inp-icon-default: var(--txt-01);
--inp-icon-hover: var(--primary-05);
--inp-icon-pressed: var(--primary-07);
--inp-icon-disabled: var(--transparent-03);
--btn-primary-bg-default: var(--primary-05);
--btn-primary-bg-hover: var(--primary-04);
--btn-primary-bg-pressed: var(--primary-06);
--btn-primary-bg-disabled: var(--primary-05);
--btn-primary-text-default: var(--black);
--btn-primary-text-hover: var(--black);
--btn-primary-text-pressed: var(--black);
--btn-primary-text-disabled: var(--black);
--btn-primary-icon-default: var(--btn-primary-text-default);
--btn-primary-icon-hover: var(--btn-primary-text-hover);
--btn-primary-icon-pressed: var(--btn-primary-text-pressed);
--btn-primary-icon-disabled: var(--btn-primary-text-disabled);
--btn-primary-border-default: var(--btn-primary-bg-default);
--btn-primary-border-hover: var(--btn-primary-bg-hover);
--btn-primary-border-pressed: var(--btn-primary-bg-pressed);
--btn-primary-border-disabled: var(--btn-primary-bg-default);
--btn-secondary-bg-default: var(--gray-03);
--btn-secondary-bg-hover: var(--gray-04);
--btn-secondary-bg-pressed: var(--gray-02);
--btn-secondary-bg-disabled: var(--gray-03);
--btn-secondary-text-default: var(--white);
--btn-secondary-text-hover: var(--white);
--btn-secondary-text-pressed: var(--white);
--btn-secondary-text-disabled: var(--white);
--btn-secondary-icon-default: var(--btn-secondary-text-default);
--btn-secondary-icon-hover: var(--btn-secondary-text-hover);
--btn-secondary-icon-pressed: var(--btn-secondary-text-pressed);
--btn-secondary-icon-disabled: var(--btn-secondary-text-disabled);
--btn-secondary-border-default: var(--btn-secondary-bg-default);
--btn-secondary-border-hover: var(--btn-secondary-bg-hover);
--btn-secondary-border-pressed: var(--btn-secondary-bg-pressed);
--btn-secondary-border-disabled: var(--btn-secondary-bg-default);
--btn-tertiary-bg-default: var(--white);
--btn-tertiary-bg-hover: var(--gray-10);
--btn-tertiary-bg-pressed: var(--gray-09);
--btn-tertiary-bg-disabled: var(--white);
--btn-tertiary-text-default: var(--black);
--btn-tertiary-text-hover: var(--black);
--btn-tertiary-text-pressed: var(--black);
--btn-tertiary-text-disabled: var(--black);
--btn-tertiary-icon-default: var(--btn-tertiary-text-default);
--btn-tertiary-icon-hover: var(--btn-tertiary-text-hover);
--btn-tertiary-icon-pressed: var(--btn-tertiary-text-pressed);
--btn-tertiary-icon-disabled: var(--btn-tertiary-text-disabled);
--btn-tertiary-border-default: var(--btn-tertiary-bg-default);
--btn-tertiary-border-hover: var(--btn-tertiary-bg-hover);
--btn-tertiary-border-pressed: var(--btn-tertiary-bg-pressed);
--btn-tertiary-border-disabled: var(--btn-tertiary-bg-default);
--btn-quaternary-bg-default: var(--gray-02);
--btn-quaternary-bg-hover: var(--gray-03);
--btn-quaternary-bg-pressed: var(--gray-01);
--btn-quaternary-bg-disabled: var(--gray-02);
--btn-quaternary-text-default: var(--white);
--btn-quaternary-text-hover: var(--white);
--btn-quaternary-text-pressed: var(--white);
--btn-quaternary-text-disabled: var(--white);
--btn-quaternary-icon-default: var(--btn-quaternary-text-default);
--btn-quaternary-icon-hover: var(--btn-quaternary-text-hover);
--btn-quaternary-icon-pressed: var(--btn-quaternary-text-pressed);
--btn-quaternary-icon-disabled: var(--btn-quaternary-text-disabled);
--btn-quaternary-border-default: var(--btn-quaternary-bg-default);
--btn-quaternary-border-hover: var(--btn-quaternary-bg-hover);
--btn-quaternary-border-pressed: var(--btn-quaternary-bg-pressed);
--btn-quaternary-border-disabled: var(--btn-quaternary-bg-default);
--btn-quinary-bg-default: var(--error-06);
--btn-quinary-bg-hover: var(--error-05);
--btn-quinary-bg-pressed: var(--error-04);
--btn-quinary-bg-disabled: var(--error-06);
--btn-quinary-text-default: var(--black);
--btn-quinary-text-hover: var(--black);
--btn-quinary-text-pressed: var(--white);
--btn-quinary-text-disabled: var(--black);
--btn-quinary-icon-default: var(--btn-quinary-text-default);
--btn-quinary-icon-hover: var(--btn-quinary-text-hover);
--btn-quinary-icon-pressed: var(--btn-quinary-text-pressed);
--btn-quinary-icon-disabled: var(--btn-quinary-text-disabled);
--btn-quinary-border-default: var(--error-06);
--btn-quinary-border-hover: var(--error-05);
--btn-quinary-border-pressed: var(--error-04);
--btn-quinary-border-disabled: var(--error-06);
--btn-senary-bg-default: var(--info-06);
--btn-senary-bg-hover: var(--info-07);
--btn-senary-bg-pressed: var(--info-05);
--btn-senary-bg-disabled: var(--info-06);
--btn-senary-text-default: var(--black);
--btn-senary-text-hover: var(--black);
--btn-senary-text-pressed: var(--black);
--btn-senary-text-disabled: var(--black);
--btn-senary-icon-default: var(--btn-senary-text-default);
--btn-senary-icon-hover: var(--btn-senary-text-hover);
--btn-senary-icon-pressed: var(--btn-senary-text-pressed);
--btn-senary-icon-disabled: var(--btn-senary-text-disabled);
--btn-senary-border-default: var(--info-06);
--btn-senary-border-hover: var(--info-07);
--btn-senary-border-pressed: var(--info-05);
--btn-senary-border-disabled: var(--info-06);
--btn-septenary-bg-default: var(--success-06);
--btn-septenary-bg-hover: var(--success-07);
--btn-septenary-bg-pressed: var(--success-05);
--btn-septenary-bg-disabled: var(--success-06);
--btn-septenary-text-default: var(--black);
--btn-septenary-text-hover: var(--black);
--btn-septenary-text-pressed: var(--black);
--btn-septenary-text-disabled: var(--black);
--btn-septenary-icon-default: var(--btn-septenary-text-default);
--btn-septenary-icon-hover: var(--btn-septenary-text-hover);
--btn-septenary-icon-pressed: var(--btn-septenary-text-pressed);
--btn-septenary-icon-disabled: var(--btn-septenary-text-disabled);
--btn-septenary-border-default: var(--success-06);
--btn-septenary-border-hover: var(--success-07);
--btn-septenary-border-pressed: var(--success-05);
--btn-septenary-border-disabled: var(--success-06);
--nav-main-bg: var(--bg-quinary_alt);
--nav-main-sticky-bg: var(--transparent-07);
--nav-main-txt: var(--white);
--nav-main-sticky-txt: var(--white);
--nav-main-border: var(--transparent-01);
--nav-main-sticky-border: var(--transparent-02);
--nav-bottom-bg: var(--bg-senary);
--nav-bottom-sticky-bg: var(--white);
--nav-bottom-txt: var(--white);
--nav-bottom-sticky-txt: var(--white);
--nav-bottom-border: var(--transparent-01);
--nav-bottom-sticky-border: var(--white);
--nav-promotion-bg: var(--secondary-06);
--nav-promotion-txt: var(--white);
--odd-bg-column-1: var(--gray-03);
--odd-bg-column-2: var(--gray-02);
--odd-title: var(--bg-quinary_alt);
--odd-bg-red: var(--error-02);
--odd-bg-green: var(--success-02);
--odd-bg-disabled: var(--bg-senary);
--odd-bg-hover: var(--gray-04);
--sidebar-item-icon-default: var(--icon-02);
--sidebar-item-icon-hover: var(--icon-01);
--sidebar-item-icon-active: var(--sidebar-item-text-active);
--sidebar-item-icon-bg-default: var(--transparent-01);
--sidebar-item-icon-bg-hover: var(--transparent-02);
--sidebar-item-icon-bg-active: var(--primary-10);
--sidebar-item-text-default: var(--gray-08);
--sidebar-item-text-hover: var(--txt-01);
--sidebar-item-text-active: var(--txt-03);
--sidebar-item-bg-default: var(--transparent-0-bg);
--sidebar-item-bg-hover: var(--transparent-02);
--sidebar-item-bg-active: var(--bg-quinary_alt);
--sidebar-button-icon-default: var(--gray-08);
--sidebar-button-icon-hover: var(--gray-09);
--sidebar-button-icon-active: var(--btn-primary-icon-default);
--sidebar-background-icon: var(--transparent-white-30);
--sidebar-primary-btn-bg-default: radial-gradient(766.51% 173.97% at -18% 125%, var(--gray-02) 0%, var(--gray-04) 100%);
--sidebar-primary-btn-bg-hover: radial-gradient(766.51% 173.97% at -18% 125%, var(--success-03) 0%, var(--success-05) 100%);
--sidebar-primary-btn-bg-active: radial-gradient(766.51% 173.97% at -18% 125%, var(--success-01) 0%, var(--success-05) 100%);
--sidebar-primary-btn-text-default: var(--white);
--sidebar-primary-btn-text-hover: var(--white);
--sidebar-primary-btn-text-active: var(--white);
--sidebar-secondary-btn-bg-default: radial-gradient(766.51% 173.97% at -18% 125%, var(--gray-02) 0%, var(--gray-04) 100%);
--sidebar-secondary-btn-bg-hover: radial-gradient(766.51% 173.97% at -18% 125%, var(--warning-03) 0%, var(--warning-05) 100%);
--sidebar-secondary-btn-bg-active: radial-gradient(766.51% 173.97% at -18% 125%, var(--warning-02) 0%, var(--warning-04) 100%);
--sidebar-secondary-btn-text-default: var(--white);
--sidebar-secondary-btn-text-hover: var(--white);
--sidebar-secondary-btn-text-active: var(--white);
--sidebar-tertiary-btn-bg-default: var(--gray-07);
--sidebar-tertiary-btn-bg-hover: var(--btn-primary-bg-hover);
--sidebar-tertiary-btn-bg-active: var(--btn-primary-bg-default);
--sidebar-tertiary-btn-text-default: var(--transparent-09);
--sidebar-tertiary-btn-text-hover: var(--btn-primary-text-hover);
--sidebar-tertiary-btn-text-active: var(--btn-primary-text-default);
--sidebar-switcher-main-bg: var(--gray-02);
--sidebar-switcher-bg-default: var(--transparent-0-bg);
--sidebar-switcher-bg-active: var(--gray-03);
--sidebar-switcher-text-default: var(--txt-02);
--sidebar-switcher-text-active: var(--txt-01);
--sidebar-switcher-icon-default: var(--sidebar-switcher-text-default);
--sidebar-switcher-icon-active: var(--sidebar-switcher-text-active);
--transparent-01: rgba(255, 255, 255, 0.03);
--transparent-02: rgba(255, 255, 255, 0.07);
--transparent-03: rgba(255, 255, 255, 0.1);
--transparent-04: rgba(255, 255, 255, 0.15);
--transparent-05: rgba(255, 255, 255, 0.2);
--transparent-06: rgba(255, 255, 255, 0.25);
--transparent-07: rgba(255, 255, 255, 0.3);
--transparent-08: rgba(255, 255, 255, 0.35);
--transparent-09: rgba(255, 255, 255, 0.4);
--transparent-10: rgba(255, 255, 255, 0.45);
--transparent-primary-10: rgba(91, 196, 49, 0.1);
--transparent-primary-50: rgba(91, 196, 49, 0.5);
--transparent-warning-10: rgba(246, 158, 35, 0.1);
--transparent-error-10: rgba(238, 49, 43, 0.1);
--transparent-0-bg: rgba(15, 19, 21, 0);
--transparent-50-bg: rgba(15, 19, 21, 0.5);
--transparent-black-10: rgba(7, 8, 8, 0.1);
--transparent-black-20: rgba(7, 8, 8, 0.2);
--transparent-black-30: rgba(7, 8, 8, 0.3);
--transparent-black-40: rgba(7, 8, 8, 0.4);
--transparent-black-50: rgba(7, 8, 8, 0.5);
--transparent-black-60: rgba(7, 8, 8, 0.6);
--transparent-black-70: rgba(7, 8, 8, 0.7);
--transparent-black-80: rgba(7, 8, 8, 0.8);
--transparent-black-90: rgba(7, 8, 8, 0.9);
--transparent-white-10: rgba(250, 250, 250, 0.1);
--transparent-white-20: rgba(250, 250, 250, 0.2);
--transparent-white-30: rgba(250, 250, 250, 0.3);
--transparent-white-40: rgba(250, 250, 250, 0.4);
--transparent-white-50: rgba(250, 250, 250, 0.5);
--transparent-white-60: rgba(250, 250, 250, 0.6);
--transparent-white-70: rgba(250, 250, 250, 0.7);
--transparent-white-80: rgba(250, 250, 250, 0.8);
--transparent-white-90: rgba(250, 250, 250, 0.9);
--shadow-01: rgba(0, 0, 0, 0.4);
--shadow-02: rgba(0, 0, 0, 0.4);
--overlay-light: rgba(255, 255, 255, 0.8);
--overlay-dark: rgba(0, 0, 0, 0.6);
}
html[data-mode="light"] {
--black: #0c0d0d;
--white: #FFFFFF;
--primary-01: #f1f6ef;
--primary-02: #d0e5c8;
--primary-03: #aad798;
--primary-04: #82ce64;
--primary-05: #5bc431;
--primary-06: #46a022;
--primary-07: #327a15;
--primary-08: #1f510c;
--primary-09: #0d2504;
--primary-10: #0d2603;
--secondary-01: var(--gray-01);
--secondary-02: var(--gray-02);
--secondary-03: var(--gray-03);
--secondary-04: var(--gray-04);
--secondary-05: var(--gray-05);
--secondary-06: var(--gray-06);
--secondary-07: var(--gray-07);
--secondary-08: var(--gray-08);
--secondary-09: var(--gray-09);
--secondary-10: var(--gray-10);
--gray-01: #fafafa;
--gray-02: #e3e2e4;
--gray-03: #cccace;
--gray-04: #b5b2b9;
--gray-05: #9e98a4;
--gray-06: #857d8c;
--gray-07: #6b6373;
--gray-08: #4f4955;
--gray-09: #332f37;
--gray-10: #1a171c;
--error-01: #ffe5e5;
--error-02: #fec3c3;
--error-03: #fb9393;
--error-04: #f65a5a;
--error-05: #f62828;
--error-06: #e90707;
--error-07: #b80a0a;
--error-08: #8e0b0b;
--warning-01: #fff3e0;
--warning-02: #fee4bd;
--warning-03: #fccf8d;
--warning-04: #fab957;
--warning-05: #fba423;
--warning-06: #f29202;
--warning-07: #c67906;
--warning-08: #9b6008;
--success-01: #e3fdf1;
--success-02: #bef9dd;
--success-03: #90f4c5;
--success-04: #56f0a8;
--success-05: #1bee8c;
--success-06: #0dc971;
--success-07: #0da05c;
--success-08: #0d7746;
--info-01: #e5f0ff;
--info-02: #c3dcfd;
--info-03: #94bef9;
--info-04: #5c9cf5;
--info-05: #2a7ef4;
--info-06: #0963e1;
--info-07: #0b4ead;
--info-08: #0b3d83;
--bg-quinary: #edecee;
--bg-quinary_alt: #FFFFFF;
--bg-senary: #f7f7f8;
--bg-senary_alt: #f5f5f5;
--bg-septenary: #f2f2f3;
--bg-active: #e6e4e7;
--txt-01: var(--black);
--txt-02: var(--gray-08);
--txt-03: var(--primary-07);
--txt-04: var(--secondary-07);
--icon-01: var(--black);
--icon-02: var(--gray-09);
--icon-03: var(--primary-06);
--icon-04: var(--secondary-06);
--border-primary: var(--transparent-04);
--border-secondary: var(--bg-senary);
--border-tertiary: var(--bg-senary_alt);
--border-active: var(--primary-05);
--card-bg-01: var(--bg-quinary_alt);
--card-bg-02: var(--bg-quinary_alt);
--card-bg-03: var(--gray-03);
--card-bg-04: var(--bg-senary);
--inp-bg-default: var(--gray-01);
--inp-bg-hover: var(--bg-senary);
--inp-bg-pressed: var(--bg-quinary);
--inp-bg-disabled: var(--transparent-02);
--inp-text-default: var(--transparent-04);
--inp-text-hover: var(--transparent-10);
--inp-text-pressed: var(--txt-01);
--inp-text-disabled: var(--transparent-03);
--inp-icon-default: var(--txt-01);
--inp-icon-hover: var(--primary-05);
--inp-icon-pressed: var(--primary-07);
--inp-icon-disabled: var(--transparent-03);
--btn-primary-bg-default: var(--primary-05);
--btn-primary-bg-hover: var(--primary-04);
--btn-primary-bg-pressed: var(--primary-06);
--btn-primary-bg-disabled: var(--primary-05);
--btn-primary-text-default: var(--black);
--btn-primary-text-hover: var(--black);
--btn-primary-text-pressed: var(--black);
--btn-primary-text-disabled: var(--black);
--btn-primary-icon-default: var(--btn-primary-text-default);
--btn-primary-icon-hover: var(--btn-primary-text-hover);
--btn-primary-icon-pressed: var(--btn-primary-text-pressed);
--btn-primary-icon-disabled: var(--btn-primary-text-disabled);
--btn-primary-border-default: var(--btn-primary-bg-default);
--btn-primary-border-hover: var(--btn-primary-bg-hover);
--btn-primary-border-pressed: var(--btn-primary-bg-pressed);
--btn-primary-border-disabled: var(--btn-primary-bg-default);
--btn-secondary-bg-default: var(--gray-02);
--btn-secondary-bg-hover: var(--gray-03);
--btn-secondary-bg-pressed: var(--gray-04);
--btn-secondary-bg-disabled: var(--gray-02);
--btn-secondary-text-default: var(--black);
--btn-secondary-text-hover: var(--black);
--btn-secondary-text-pressed: var(--black);
--btn-secondary-text-disabled: var(--black);
--btn-secondary-icon-default: var(--btn-secondary-text-default);
--btn-secondary-icon-hover: var(--btn-secondary-text-hover);
--btn-secondary-icon-pressed: var(--btn-secondary-text-pressed);
--btn-secondary-icon-disabled: var(--btn-secondary-text-disabled);
--btn-secondary-border-default: var(--btn-secondary-bg-default);
--btn-secondary-border-hover: var(--btn-secondary-bg-hover);
--btn-secondary-border-pressed: var(--btn-secondary-bg-pressed);
--btn-secondary-border-disabled: var(--btn-secondary-bg-default);
--btn-tertiary-bg-default: var(--black);
--btn-tertiary-bg-hover: var(--gray-10);
--btn-tertiary-bg-pressed: var(--gray-09);
--btn-tertiary-bg-disabled: var(--black);
--btn-tertiary-text-default: var(--white);
--btn-tertiary-text-hover: var(--white);
--btn-tertiary-text-pressed: var(--white);
--btn-tertiary-text-disabled: var(--white);
--btn-tertiary-icon-default: var(--btn-tertiary-text-default);
--btn-tertiary-icon-hover: var(--btn-tertiary-text-hover);
--btn-tertiary-icon-pressed: var(--btn-tertiary-text-pressed);
--btn-tertiary-icon-disabled: var(--btn-tertiary-text-disabled);
--btn-tertiary-border-default: var(--btn-tertiary-bg-default);
--btn-tertiary-border-hover: var(--btn-tertiary-bg-hover);
--btn-tertiary-border-pressed: var(--btn-tertiary-bg-pressed);
--btn-tertiary-border-disabled: var(--btn-tertiary-bg-default);
--btn-quaternary-bg-default: var(--white);
--btn-quaternary-bg-hover: var(--gray-01);
--btn-quaternary-bg-pressed: var(--gray-02);
--btn-quaternary-bg-disabled: var(--white);
--btn-quaternary-text-default: var(--black);
--btn-quaternary-text-hover: var(--black);
--btn-quaternary-text-pressed: var(--black);
--btn-quaternary-text-disabled: var(--black);
--btn-quaternary-icon-default: var(--btn-quaternary-text-default);
--btn-quaternary-icon-hover: var(--btn-quaternary-text-hover);
--btn-quaternary-icon-pressed: var(--btn-quaternary-text-pressed);
--btn-quaternary-icon-disabled: var(--btn-quaternary-text-disabled);
--btn-quaternary-border-default: var(--border-primary);
--btn-quaternary-border-hover: var(--border-primary);
--btn-quaternary-border-pressed: var(--border-primary);
--btn-quaternary-border-disabled: var(--border-primary);
--btn-quinary-bg-default: var(--error-06);
--btn-quinary-bg-hover: var(--error-07);
--btn-quinary-bg-pressed: var(--error-08);
--btn-quinary-bg-disabled: var(--error-06);
--btn-quinary-text-default: var(--white);
--btn-quinary-text-hover: var(--white);
--btn-quinary-text-pressed: var(--white);
--btn-quinary-text-disabled: var(--white);
--btn-quinary-icon-default: var(--btn-quinary-text-default);
--btn-quinary-icon-hover: var(--btn-quinary-text-hover);
--btn-quinary-icon-pressed: var(--btn-quinary-text-pressed);
--btn-quinary-icon-disabled: var(--btn-quinary-text-disabled);
--btn-quinary-border-default: var(--error-06);
--btn-quinary-border-hover: var(--error-07);
--btn-quinary-border-pressed: var(--error-08);
--btn-quinary-border-disabled: var(--error-06);
--btn-senary-bg-default: var(--info-06);
--btn-senary-bg-hover: var(--info-05);
--btn-senary-bg-pressed: var(--info-07);
--btn-senary-bg-disabled: var(--info-06);
--btn-senary-text-default: var(--white);
--btn-senary-text-hover: var(--black);
--btn-senary-text-pressed: var(--white);
--btn-senary-text-disabled: var(--white);
--btn-senary-icon-default: var(--btn-senary-text-default);
--btn-senary-icon-hover: var(--btn-senary-text-hover);
--btn-senary-icon-pressed: var(--btn-senary-text-pressed);
--btn-senary-icon-disabled: var(--btn-senary-text-disabled);
--btn-senary-border-default: var(--info-06);
--btn-senary-border-hover: var(--info-05);
--btn-senary-border-pressed: var(--info-07);
--btn-senary-border-disabled: var(--info-06);
--btn-septenary-bg-default: var(--success-06);
--btn-septenary-bg-hover: var(--success-05);
--btn-septenary-bg-pressed: var(--success-07);
--btn-septenary-bg-disabled: var(--success-06);
--btn-septenary-text-default: var(--black);
--btn-septenary-text-hover: var(--black);
--btn-septenary-text-pressed: var(--black);
--btn-septenary-text-disabled: var(--black);
--btn-septenary-icon-default: var(--btn-septenary-text-default);
--btn-septenary-icon-hover: var(--btn-septenary-text-hover);
--btn-septenary-icon-pressed: var(--btn-septenary-text-pressed);
--btn-septenary-icon-disabled: var(--btn-septenary-text-disabled);
--btn-septenary-border-default: var(--success-06);
--btn-septenary-border-hover: var(--success-05);
--btn-septenary-border-pressed: var(--success-07);
--btn-septenary-border-disabled: var(--success-06);
--nav-main-bg: var(--white);
--nav-main-sticky-bg: var(--white);
--nav-main-txt: var(--black);
--nav-main-sticky-txt: var(--white);
--nav-main-border: var(--transparent-01);
--nav-main-sticky-border: var(--transparent-02);
--nav-bottom-bg: var(--bg-senary_alt);
--nav-bottom-sticky-bg: var(--white);
--nav-bottom-txt: var(--black);
--nav-bottom-sticky-txt: var(--white);
--nav-bottom-border: var(--transparent-01);
--nav-bottom-sticky-border: var(--white);
--nav-promotion-bg: var(--secondary-06);
--nav-promotion-txt: var(--white);
--odd-bg-column-1: var(--gray-03);
--odd-bg-column-2: var(--gray-02);
--odd-title: var(--bg-quinary_alt);
--odd-bg-red: var(--error-04);
--odd-bg-green: var(--success-04);
--odd-bg-disabled: var(--bg-senary);
--odd-bg-hover: var(--gray-04);
--sidebar-item-icon-default: var(--icon-02);
--sidebar-item-icon-hover: var(--icon-01);
--sidebar-item-icon-active: var(--sidebar-item-text-active);
--sidebar-item-icon-bg-default: var(--transparent-01);
--sidebar-item-icon-bg-hover: var(--transparent-02);
--sidebar-item-icon-bg-active: var(--primary-10);
--sidebar-item-text-default: var(--gray-08);
--sidebar-item-text-hover: var(--txt-01);
--sidebar-item-text-active: var(--txt-03);
--sidebar-item-bg-default: var(--transparent-0-bg);
--sidebar-item-bg-hover: var(--transparent-02);
--sidebar-item-bg-active: var(--bg-quinary_alt);
--sidebar-button-icon-default: var(--gray-07);
--sidebar-button-icon-hover: var(--gray-06);
--sidebar-button-icon-active: var(--btn-primary-icon-default);
--sidebar-background-icon: var(--transparent-black-20);
--sidebar-primary-btn-bg-default: radial-gradient(766.51% 173.97% at -18% 125%, var(--gray-08) 0%, var(--gray-10) 100%);
--sidebar-primary-btn-bg-hover: radial-gradient(766.51% 173.97% at -18% 125%, var(--success-05) 0%, var(--success-08) 100%);
--sidebar-primary-btn-bg-active: radial-gradient(550.55% 122.51% at 5% 100%, var(--success-08) 0%, var(--success-06) 100%);
--sidebar-primary-btn-text-default: var(--white);
--sidebar-primary-btn-text-hover: var(--white);
--sidebar-primary-btn-text-active: var(--white);
--sidebar-secondary-btn-bg-default: radial-gradient(766.51% 173.97% at -18% 125%, var(--gray-08) 0%, var(--gray-10) 100%);
--sidebar-secondary-btn-bg-hover: radial-gradient(766.51% 173.97% at -18% 125%, var(--warning-05) 0%, var(--warning-08) 100%);
--sidebar-secondary-btn-bg-active: radial-gradient(555.97% 119.77% at 3% 100%, var(--warning-08) 0%, var(--warning-07) 100%);
--sidebar-secondary-btn-text-default: var(--white);
--sidebar-secondary-btn-text-hover: var(--white);
--sidebar-secondary-btn-text-active: var(--white);
--sidebar-tertiary-btn-bg-default: var(--gray-02);
--sidebar-tertiary-btn-bg-hover: var(--btn-primary-bg-hover);
--sidebar-tertiary-btn-bg-active: var(--btn-primary-bg-default);
--sidebar-tertiary-btn-text-default: var(--transparent-09);
--sidebar-tertiary-btn-text-hover: var(--btn-primary-text-hover);
--sidebar-tertiary-btn-text-active: var(--btn-primary-text-default);
--sidebar-switcher-main-bg: var(--gray-02);
--sidebar-switcher-bg-default: var(--transparent-0-bg);
--sidebar-switcher-bg-active: var(--gray-01);
--sidebar-switcher-text-default: var(--txt-02);
--sidebar-switcher-text-active: var(--txt-01);
--sidebar-switcher-icon-default: var(--sidebar-switcher-text-default);
--sidebar-switcher-icon-active: var(--sidebar-switcher-text-active);
--transparent-01: rgba(0, 0, 0, 0.03);
--transparent-02: rgba(0, 0, 0, 0.07);
--transparent-03: rgba(0, 0, 0, 0.1);
--transparent-04: rgba(0, 0, 0, 0.15);
--transparent-05: rgba(0, 0, 0, 0.2);
--transparent-06: rgba(0, 0, 0, 0.25);
--transparent-07: rgba(0, 0, 0, 0.3);
--transparent-08: rgba(0, 0, 0, 0.35);
--transparent-09: rgba(0, 0, 0, 0.4);
--transparent-10: rgba(0, 0, 0, 0.45);
--transparent-primary-10: rgba(91, 196, 49, 0.1);
--transparent-primary-50: rgba(91, 196, 49, 0.5);
--transparent-warning-10: rgba(246, 158, 35, 0.1);
--transparent-error-10: rgba(238, 49, 43, 0.1);
--transparent-0-bg: rgba(249, 250, 251, 0);
--transparent-50-bg: rgba(249, 250, 251, 0.5);
--transparent-black-10: rgba(12, 13, 13, 0.1);
--transparent-black-20: rgba(12, 13, 13, 0.2);
--transparent-black-30: rgba(12, 13, 13, 0.3);
--transparent-black-40: rgba(12, 13, 13, 0.4);
--transparent-black-50: rgba(12, 13, 13, 0.5);
--transparent-black-60: rgba(12, 13, 13, 0.6);
--transparent-black-70: rgba(12, 13, 13, 0.7);
--transparent-black-80: rgba(12, 13, 13, 0.8);
--transparent-black-90: rgba(12, 13, 13, 0.9);
--transparent-white-10: rgba(255, 255, 255, 0.1);
--transparent-white-20: rgba(255, 255, 255, 0.2);
--transparent-white-30: rgba(255, 255, 255, 0.3);
--transparent-white-40: rgba(255, 255, 255, 0.4);
--transparent-white-50: rgba(255, 255, 255, 0.5);
--transparent-white-60: rgba(255, 255, 255, 0.6);
--transparent-white-70: rgba(255, 255, 255, 0.7);
--transparent-white-80: rgba(255, 255, 255, 0.8);
--transparent-white-90: rgba(255, 255, 255, 0.9);
--shadow-01: rgba(0, 0, 0, 0.1);
--shadow-02: rgba(0, 0, 0, 0.4);
--overlay-light: rgba(255, 255, 255, 0.8);
--overlay-dark: rgba(0, 0, 0, 0.6);
}