
  

  
  @property --Xline {
  syntax: "<color>";
  inherits: true;
  initial-value: #2f3336;
}
@property --black {
  syntax: "<color>";
  inherits: true;
  initial-value: black;
}
@property --large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4rem;
}
@property --popup {
  syntax: "<color>";
  inherits: true;
  initial-value: #101113;
}
@property --small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --Xwhite {
  syntax: "<color>";
  inherits: true;
  initial-value: #e7e9ea;
}
@property --medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --red-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF2F2;
}
@property --xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8rem;
}
@property --xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.5rem;
}
@property --blue-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EFF6FF;
}
@property --grey-00 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffff;
}
@property --grey-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAFAFA;
}
@property --lime-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F7FEE7;
}
@property --pink-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDF2F8;
}
@property --red-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEE2E2;
}
@property --red-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FECACA;
}
@property --red-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCA5A5;
}
@property --red-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F87171;
}
@property --red-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EF4444;
}
@property --red-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DC2626;
}
@property --red-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B91C1C;
}
@property --red-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #991B1B;
}
@property --red-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7F1D1D;
}
@property --teal-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F0FDFA;
}
@property --xxsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.25rem;
}
@property --blue-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DBEAFE;
}
@property --blue-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #BFDBFE;
}
@property --blue-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #93C5FD;
}
@property --blue-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #60A5FA;
}
@property --blue-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B82F6;
}
@property --blue-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2563EB;
}
@property --blue-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D4ED8;
}
@property --blue-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E40AF;
}
@property --blue-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E3A8A;
}
@property --green-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ECFDF5;
}
@property --grey-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F5F5;
}
@property --grey-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E5E5E5;
}
@property --grey-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D4D4D4;
}
@property --grey-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A3A3A3;
}
@property --grey-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #737373;
}
@property --grey-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #525252;
}
@property --grey-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #404040;
}
@property --grey-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #262626;
}
@property --grey-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #171717;
}
@property --lime-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ECFCCB;
}
@property --lime-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D9F99D;
}
@property --lime-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #BEF264;
}
@property --lime-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A3E635;
}
@property --lime-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #84CC16;
}
@property --lime-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #65A30D;
}
@property --lime-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D7C0F;
}
@property --lime-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F6212;
}
@property --lime-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #365314;
}
@property --pink-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCE7F3;
}
@property --pink-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FBCFE8;
}
@property --pink-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F9A8D4;
}
@property --pink-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F472B6;
}
@property --pink-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC4899;
}
@property --pink-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DB2777;
}
@property --pink-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #BE185D;
}
@property --pink-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9D174D;
}
@property --pink-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #831843;
}
@property --teal-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CCFBF1;
}
@property --teal-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #99F6E4;
}
@property --teal-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5EEAD4;
}
@property --teal-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2DD4BF;
}
@property --teal-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #14B8A6;
}
@property --teal-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D9488;
}
@property --teal-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0F766E;
}
@property --teal-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #115E59;
}
@property --teal-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #134E4A;
}
@property --green-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D1FAE5;
}
@property --green-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A7F3D0;
}
@property --green-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6EE7B7;
}
@property --green-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #34D399;
}
@property --green-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #10B981;
}
@property --green-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #059669;
}
@property --green-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #047857;
}
@property --green-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #065F46;
}
@property --green-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #064E3B;
}
@property --grey-1600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #171717;
}
@property --grey-1700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #171717;
}
@property --purple-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F3FF;
}
@property --shadow-lg {
  syntax: "*";
  inherits: true;
  initial-value:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}
@property --shadow-md {
  syntax: "*";
  inherits: true;
  initial-value:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
@property --shadow-sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --shadow-xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
@property --yellow-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFBEB;
}
@property --background {
  syntax: "<color>";
  inherits: true;
  initial-value: #454545;
}
@property --purple-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EDE9FE;
}
@property --purple-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DDD6FE;
}
@property --purple-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C4B5FD;
}
@property --purple-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A78BFA;
}
@property --purple-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8B5CF6;
}
@property --purple-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7C3AED;
}
@property --purple-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6D28D9;
}
@property --purple-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5B21B6;
}
@property --purple-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4C1D95;
}
@property --shadow-2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --yellow-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF3C7;
}
@property --yellow-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDE68A;
}
@property --yellow-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCD34D;
}
@property --yellow-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FBBF24;
}
@property --yellow-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F59E0B;
}
@property --yellow-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D97706;
}
@property --yellow-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B45309;
}
@property --yellow-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #92400E;
}
@property --yellow-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #78350F;
}
@property --shadow-base {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --font-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --font-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --font-size-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --font-size-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --font-size-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --font-size-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --font-size-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --font-size-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --font-size-xxs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.625rem;
}
@property --font-size-base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --font-weight-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 100;
}
@property --ColorPrimaryHover {
  syntax: "<color>";
  inherits: true;
  initial-value: #1d7df2;
}
@property --breakpoint-tablet {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 991px;
}
@property --font-weight-black {
  syntax: "<number>";
  inherits: true;
  initial-value: 900;
}
@property --font-weight-light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --color-text-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #171717;
}
@property --font-weight-bolder {
  syntax: "<number>";
  inherits: true;
  initial-value: 800;
}
@property --font-weight-normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --font-weight-lighter {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}
@property --font-weight-regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --font-weight-semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --breakpoint-mobile-portrait {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 479px;
}
@property --breakpoint-mobile-landscape {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 767px;
}

  :host, :root {
  --Xline: #2f3336;
  --black: black;
  --large: 4rem;
  --popup: #101113;
  --small: 1rem;
  --Xwhite: #e7e9ea;
  --medium: 2rem;
  --red-50: #FEF2F2;
  --xlarge: 8rem;
  --xsmall: 0.5rem;
  --blue-50: #EFF6FF;
  --grey-00: #ffffffff;
  --grey-50: #FAFAFA;
  --lime-50: #F7FEE7;
  --pink-50: #FDF2F8;
  --red-100: #FEE2E2;
  --red-200: #FECACA;
  --red-300: #FCA5A5;
  --red-400: #F87171;
  --red-500: #EF4444;
  --red-600: #DC2626;
  --red-700: #B91C1C;
  --red-800: #991B1B;
  --red-900: #7F1D1D;
  --teal-50: #F0FDFA;
  --xxsmall: 0.25rem;
  --blue-100: #DBEAFE;
  --blue-200: #BFDBFE;
  --blue-300: #93C5FD;
  --blue-400: #60A5FA;
  --blue-500: #3B82F6;
  --blue-600: #2563EB;
  --blue-700: #1D4ED8;
  --blue-800: #1E40AF;
  --blue-900: #1E3A8A;
  --green-50: #ECFDF5;
  --grey-100: #F5F5F5;
  --grey-200: #E5E5E5;
  --grey-300: #D4D4D4;
  --grey-400: #A3A3A3;
  --grey-500: #737373;
  --grey-600: #525252;
  --grey-700: #404040;
  --grey-800: #262626;
  --grey-900: #171717;
  --lime-100: #ECFCCB;
  --lime-200: #D9F99D;
  --lime-300: #BEF264;
  --lime-400: #A3E635;
  --lime-500: #84CC16;
  --lime-600: #65A30D;
  --lime-700: #4D7C0F;
  --lime-800: #3F6212;
  --lime-900: #365314;
  --pink-100: #FCE7F3;
  --pink-200: #FBCFE8;
  --pink-300: #F9A8D4;
  --pink-400: #F472B6;
  --pink-500: #EC4899;
  --pink-600: #DB2777;
  --pink-700: #BE185D;
  --pink-800: #9D174D;
  --pink-900: #831843;
  --teal-100: #CCFBF1;
  --teal-200: #99F6E4;
  --teal-300: #5EEAD4;
  --teal-400: #2DD4BF;
  --teal-500: #14B8A6;
  --teal-600: #0D9488;
  --teal-700: #0F766E;
  --teal-800: #115E59;
  --teal-900: #134E4A;
  --green-100: #D1FAE5;
  --green-200: #A7F3D0;
  --green-300: #6EE7B7;
  --green-400: #34D399;
  --green-500: #10B981;
  --green-600: #059669;
  --green-700: #047857;
  --green-800: #065F46;
  --green-900: #064E3B;
  --grey-1600: #171717;
  --grey-1700: #171717;
  --purple-50: #F5F3FF;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --yellow-50: #FFFBEB;
  --background: #454545;
  --purple-100: #EDE9FE;
  --purple-200: #DDD6FE;
  --purple-300: #C4B5FD;
  --purple-400: #A78BFA;
  --purple-500: #8B5CF6;
  --purple-600: #7C3AED;
  --purple-700: #6D28D9;
  --purple-800: #5B21B6;
  --purple-900: #4C1D95;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --yellow-100: #FEF3C7;
  --yellow-200: #FDE68A;
  --yellow-300: #FCD34D;
  --yellow-400: #FBBF24;
  --yellow-500: #F59E0B;
  --yellow-600: #D97706;
  --yellow-700: #B45309;
  --yellow-800: #92400E;
  --yellow-900: #78350F;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --font-size-base: 1rem;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --ColorPrimaryHover: #1d7df2;
  --breakpoint-tablet: 991px;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --color-text-primary: #171717;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --breakpoint-mobile-portrait: 479px;
  --breakpoint-mobile-landscape: 767px;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --Xline: #2f3336;
  --black: black;
  --large: 4rem;
  --popup: #101113;
  --small: 1rem;
  --Xwhite: #e7e9ea;
  --medium: 2rem;
  --red-50: #FEF2F2;
  --xlarge: 8rem;
  --xsmall: 0.5rem;
  --blue-50: #EFF6FF;
  --grey-00: #ffffffff;
  --grey-50: #FAFAFA;
  --lime-50: #F7FEE7;
  --pink-50: #FDF2F8;
  --red-100: #FEE2E2;
  --red-200: #FECACA;
  --red-300: #FCA5A5;
  --red-400: #F87171;
  --red-500: #EF4444;
  --red-600: #DC2626;
  --red-700: #B91C1C;
  --red-800: #991B1B;
  --red-900: #7F1D1D;
  --teal-50: #F0FDFA;
  --xxsmall: 0.25rem;
  --blue-100: #DBEAFE;
  --blue-200: #BFDBFE;
  --blue-300: #93C5FD;
  --blue-400: #60A5FA;
  --blue-500: #3B82F6;
  --blue-600: #2563EB;
  --blue-700: #1D4ED8;
  --blue-800: #1E40AF;
  --blue-900: #1E3A8A;
  --green-50: #ECFDF5;
  --grey-100: #F5F5F5;
  --grey-200: #E5E5E5;
  --grey-300: #D4D4D4;
  --grey-400: #A3A3A3;
  --grey-500: #737373;
  --grey-600: #525252;
  --grey-700: #404040;
  --grey-800: #262626;
  --grey-900: #171717;
  --lime-100: #ECFCCB;
  --lime-200: #D9F99D;
  --lime-300: #BEF264;
  --lime-400: #A3E635;
  --lime-500: #84CC16;
  --lime-600: #65A30D;
  --lime-700: #4D7C0F;
  --lime-800: #3F6212;
  --lime-900: #365314;
  --pink-100: #FCE7F3;
  --pink-200: #FBCFE8;
  --pink-300: #F9A8D4;
  --pink-400: #F472B6;
  --pink-500: #EC4899;
  --pink-600: #DB2777;
  --pink-700: #BE185D;
  --pink-800: #9D174D;
  --pink-900: #831843;
  --teal-100: #CCFBF1;
  --teal-200: #99F6E4;
  --teal-300: #5EEAD4;
  --teal-400: #2DD4BF;
  --teal-500: #14B8A6;
  --teal-600: #0D9488;
  --teal-700: #0F766E;
  --teal-800: #115E59;
  --teal-900: #134E4A;
  --green-100: #D1FAE5;
  --green-200: #A7F3D0;
  --green-300: #6EE7B7;
  --green-400: #34D399;
  --green-500: #10B981;
  --green-600: #059669;
  --green-700: #047857;
  --green-800: #065F46;
  --green-900: #064E3B;
  --grey-1600: #171717;
  --grey-1700: #171717;
  --purple-50: #F5F3FF;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --yellow-50: #FFFBEB;
  --background: #454545;
  --purple-100: #EDE9FE;
  --purple-200: #DDD6FE;
  --purple-300: #C4B5FD;
  --purple-400: #A78BFA;
  --purple-500: #8B5CF6;
  --purple-600: #7C3AED;
  --purple-700: #6D28D9;
  --purple-800: #5B21B6;
  --purple-900: #4C1D95;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --yellow-100: #FEF3C7;
  --yellow-200: #FDE68A;
  --yellow-300: #FCD34D;
  --yellow-400: #FBBF24;
  --yellow-500: #F59E0B;
  --yellow-600: #D97706;
  --yellow-700: #B45309;
  --yellow-800: #92400E;
  --yellow-900: #78350F;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --font-size-base: 1rem;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --ColorPrimaryHover: #1d7df2;
  --breakpoint-tablet: 991px;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --color-text-primary: #171717;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --breakpoint-mobile-portrait: 479px;
  --breakpoint-mobile-landscape: 767px;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --Xline: #2f3336;
  --black: black;
  --large: 4rem;
  --popup: #101113;
  --small: 1rem;
  --Xwhite: #e7e9ea;
  --medium: 2rem;
  --red-50: #FEF2F2;
  --xlarge: 8rem;
  --xsmall: 0.5rem;
  --blue-50: #EFF6FF;
  --grey-00: #ffffffff;
  --grey-50: #FAFAFA;
  --lime-50: #F7FEE7;
  --pink-50: #FDF2F8;
  --red-100: #FEE2E2;
  --red-200: #FECACA;
  --red-300: #FCA5A5;
  --red-400: #F87171;
  --red-500: #EF4444;
  --red-600: #DC2626;
  --red-700: #B91C1C;
  --red-800: #991B1B;
  --red-900: #7F1D1D;
  --teal-50: #F0FDFA;
  --xxsmall: 0.25rem;
  --blue-100: #DBEAFE;
  --blue-200: #BFDBFE;
  --blue-300: #93C5FD;
  --blue-400: #60A5FA;
  --blue-500: #3B82F6;
  --blue-600: #2563EB;
  --blue-700: #1D4ED8;
  --blue-800: #1E40AF;
  --blue-900: #1E3A8A;
  --green-50: #ECFDF5;
  --grey-100: #F5F5F5;
  --grey-200: #E5E5E5;
  --grey-300: #D4D4D4;
  --grey-400: #A3A3A3;
  --grey-500: #737373;
  --grey-600: #525252;
  --grey-700: #404040;
  --grey-800: #262626;
  --grey-900: #171717;
  --lime-100: #ECFCCB;
  --lime-200: #D9F99D;
  --lime-300: #BEF264;
  --lime-400: #A3E635;
  --lime-500: #84CC16;
  --lime-600: #65A30D;
  --lime-700: #4D7C0F;
  --lime-800: #3F6212;
  --lime-900: #365314;
  --pink-100: #FCE7F3;
  --pink-200: #FBCFE8;
  --pink-300: #F9A8D4;
  --pink-400: #F472B6;
  --pink-500: #EC4899;
  --pink-600: #DB2777;
  --pink-700: #BE185D;
  --pink-800: #9D174D;
  --pink-900: #831843;
  --teal-100: #CCFBF1;
  --teal-200: #99F6E4;
  --teal-300: #5EEAD4;
  --teal-400: #2DD4BF;
  --teal-500: #14B8A6;
  --teal-600: #0D9488;
  --teal-700: #0F766E;
  --teal-800: #115E59;
  --teal-900: #134E4A;
  --green-100: #D1FAE5;
  --green-200: #A7F3D0;
  --green-300: #6EE7B7;
  --green-400: #34D399;
  --green-500: #10B981;
  --green-600: #059669;
  --green-700: #047857;
  --green-800: #065F46;
  --green-900: #064E3B;
  --grey-1600: #171717;
  --grey-1700: #171717;
  --purple-50: #F5F3FF;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --yellow-50: #FFFBEB;
  --background: #454545;
  --purple-100: #EDE9FE;
  --purple-200: #DDD6FE;
  --purple-300: #C4B5FD;
  --purple-400: #A78BFA;
  --purple-500: #8B5CF6;
  --purple-600: #7C3AED;
  --purple-700: #6D28D9;
  --purple-800: #5B21B6;
  --purple-900: #4C1D95;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --yellow-100: #FEF3C7;
  --yellow-200: #FDE68A;
  --yellow-300: #FCD34D;
  --yellow-400: #FBBF24;
  --yellow-500: #F59E0B;
  --yellow-600: #D97706;
  --yellow-700: #B45309;
  --yellow-800: #92400E;
  --yellow-900: #78350F;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --font-size-base: 1rem;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --ColorPrimaryHover: #1d7df2;
  --breakpoint-tablet: 991px;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --color-text-primary: #171717;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --breakpoint-mobile-portrait: 479px;
  --breakpoint-mobile-landscape: 767px;
}
    }
  [data-nc-theme~="Default"] {
  --Xline: #2f3336;
  --black: black;
  --large: 4rem;
  --popup: #101113;
  --small: 1rem;
  --Xwhite: #e7e9ea;
  --medium: 2rem;
  --red-50: #FEF2F2;
  --xlarge: 8rem;
  --xsmall: 0.5rem;
  --blue-50: #EFF6FF;
  --grey-00: #ffffffff;
  --grey-50: #FAFAFA;
  --lime-50: #F7FEE7;
  --pink-50: #FDF2F8;
  --red-100: #FEE2E2;
  --red-200: #FECACA;
  --red-300: #FCA5A5;
  --red-400: #F87171;
  --red-500: #EF4444;
  --red-600: #DC2626;
  --red-700: #B91C1C;
  --red-800: #991B1B;
  --red-900: #7F1D1D;
  --teal-50: #F0FDFA;
  --xxsmall: 0.25rem;
  --blue-100: #DBEAFE;
  --blue-200: #BFDBFE;
  --blue-300: #93C5FD;
  --blue-400: #60A5FA;
  --blue-500: #3B82F6;
  --blue-600: #2563EB;
  --blue-700: #1D4ED8;
  --blue-800: #1E40AF;
  --blue-900: #1E3A8A;
  --green-50: #ECFDF5;
  --grey-100: #F5F5F5;
  --grey-200: #E5E5E5;
  --grey-300: #D4D4D4;
  --grey-400: #A3A3A3;
  --grey-500: #737373;
  --grey-600: #525252;
  --grey-700: #404040;
  --grey-800: #262626;
  --grey-900: #171717;
  --lime-100: #ECFCCB;
  --lime-200: #D9F99D;
  --lime-300: #BEF264;
  --lime-400: #A3E635;
  --lime-500: #84CC16;
  --lime-600: #65A30D;
  --lime-700: #4D7C0F;
  --lime-800: #3F6212;
  --lime-900: #365314;
  --pink-100: #FCE7F3;
  --pink-200: #FBCFE8;
  --pink-300: #F9A8D4;
  --pink-400: #F472B6;
  --pink-500: #EC4899;
  --pink-600: #DB2777;
  --pink-700: #BE185D;
  --pink-800: #9D174D;
  --pink-900: #831843;
  --teal-100: #CCFBF1;
  --teal-200: #99F6E4;
  --teal-300: #5EEAD4;
  --teal-400: #2DD4BF;
  --teal-500: #14B8A6;
  --teal-600: #0D9488;
  --teal-700: #0F766E;
  --teal-800: #115E59;
  --teal-900: #134E4A;
  --green-100: #D1FAE5;
  --green-200: #A7F3D0;
  --green-300: #6EE7B7;
  --green-400: #34D399;
  --green-500: #10B981;
  --green-600: #059669;
  --green-700: #047857;
  --green-800: #065F46;
  --green-900: #064E3B;
  --grey-1600: #171717;
  --grey-1700: #171717;
  --purple-50: #F5F3FF;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --yellow-50: #FFFBEB;
  --background: #454545;
  --purple-100: #EDE9FE;
  --purple-200: #DDD6FE;
  --purple-300: #C4B5FD;
  --purple-400: #A78BFA;
  --purple-500: #8B5CF6;
  --purple-600: #7C3AED;
  --purple-700: #6D28D9;
  --purple-800: #5B21B6;
  --purple-900: #4C1D95;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --yellow-100: #FEF3C7;
  --yellow-200: #FDE68A;
  --yellow-300: #FCD34D;
  --yellow-400: #FBBF24;
  --yellow-500: #F59E0B;
  --yellow-600: #D97706;
  --yellow-700: #B45309;
  --yellow-800: #92400E;
  --yellow-900: #78350F;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --font-size-base: 1rem;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --ColorPrimaryHover: #1d7df2;
  --breakpoint-tablet: 991px;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --color-text-primary: #171717;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --breakpoint-mobile-portrait: 479px;
  --breakpoint-mobile-landscape: 767px;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-montserrat: 'Montserrat',sans-serif;
--font-spacemono: 'Space Mono',monospace;
--font-cactusclassicalserif: 'Cactus Classical Serif',serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .dCoVWG {
      width:100%;
      display:flex;
      z-index:0;
      flex-wrap:nowrap;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .eQRRsC {
      color:inherit;
      display:inline-block;
      font-size:14px;
      font-weight:500;
    }

    .dgtBZn {
      display:flex;
      row-gap:12px;
      column-gap:12px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .qCBRw {
      display:flex;
      position:relative;
      flex-wrap:wrap;
      flex-direction:column;
    }

    .qCBRw {
      
    @starting-style {
      opacity:0;
      translate:0 46px 0;
    }
    }

    @media (max-width: 1025px) {

    .qCBRw {
      gap:1px;
    }
    }

    .qhnYW {
      width:45px;
      height:20px;
      border-radius:12px;
      background-color:#333;
    }

    .dBNctK {
      width:70%;
      height:10px;
      border-radius:3px;
      background-color:#333;
    }

    .flJyXJ {
      display:flex;
      align-items:flex-end;
      justify-content:center;
    }

    .cuLWpq {
      gap:30px;
      width:100%;
      flex-wrap:nowrap;
      align-items:center;
      flex-direction:column;
      justify-content:start;
    }

    .dvaovE {
      color:#e2e8f0;
      margin:24px 0;
      font-size:0.95rem;
      font-style:italic;
      text-align:center;
      font-weight:600;
    }

    .cGKAmC {
      width:100%;
      display:flex;
      padding:0 12px;
      justify-content:flex-end;
    }

    .cvnKAc {
      color:#ffffff;
    }

    .eRlRe {
      width:30px;
      height:30px;
      display:flex;
      padding:8px;
      font-size:12px;
      background:#334155;
      align-items:center;
      border-radius:50%;
      justify-content:center;
    }

    .eYJEob {
      gap:10px;
      width:100%;
      height:48px;
      background:#0066FF;
      box-shadow:0 4px 6px rgba(0, 102, 255, 0.25);
      align-items:center;
      padding-left:20px;
      border-radius:8px;
      padding-right:20px;
      flex-direction:row;
      justify-content:center;
    }

    .cWNyuW {
      height:100vh;
      display:block;
    }

    .bbXhgC {
      color:#d1d1d1;
      display:inline-block;
      font-weight:600;
    }

    .bElxYU {
      width:20px;
      height:20px;
    }

    .eYNMkS {
      width:90%;
      height:10px;
      border-radius:3px;
      margin-bottom:8px;
      background-color:#333;
    }

    .cgNbOs {
      width:60%;
      height:24px;
      border-radius:6px;
      margin-bottom:12px;
      background-color:#333;
    }

    .krgOF {
      gap:10px;
      color:#d1d1d1;
      width:fit-content;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .eNEBeE {
      width:100%;
      display:flex;
      padding:0 12px;
      align-items:flex-end;
      justify-content:flex-start;
    }

    .fHapCE {
      opacity:[object Object];
      z-index:2;
      pointer-events:none;
    }

    .eYGhzS {
      gap:8px;
      flex:1;
      color:#ffffff;
      border:1px solid #3d3d3d;
      cursor:pointer;
      height:40px;
      align-items:center;
      padding-left:15px;
      border-radius:8px;
      padding-right:15px;
      flex-direction:row;
      justify-content:center;
      background-color:#2a2a2a;
    }

    .eYGhzS:hover {
      background:#4a4a4a;
      border-color:#0066ff;
    }

    .dwPIGC {
      gap:10px;
      width:fit-content;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .eykYUH {
      gap:12px;
      color:#fff;
      display:flex;
      align-items:center;
      font-weight:600;
      flex-direction:row;
      justify-content:space-between;
    }

    .brJYax {
      height:50%;
    }

    .dBXAvY {
      width:100%;
      border:1px solid #333;
      height:fit-content;
      display:flex;
      flex-wrap:nowrap;
      align-items:flex-start;
      padding-top:20px;
      padding-left:20px;
      padding-right:20px;
      flex-direction:column;
      padding-bottom:20px;
      justify-content:flex-start;
      background-color:#141414;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }

    .biUNCQ {
      color:#93c5fd;
      border:1px solid #3b82f6;
      padding:4px 10px;
      font-size:0.7rem;
      background:rgba(59, 130, 246, 0.2);
      font-weight:bold;
      white-space:nowrap;
      border-radius:20px;
      text-transform:uppercase;
    }

    .cCYXsI {
      width:100%;
    }

    .dZnQXL {
      width:100%;
      height:100%;
      display:block;
      overflow:hidden;
      position:relative;
    }

    .cOGofM {
      gap:12px;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .sBIgc {
      display:flex;
      overflow:hidden;
      align-items:center;
      border-radius:12px;
      justify-content:center;
      background-color:#000000;
    }

    .drLpgb {
      translate:0 0 0;
      transition:all 500ms ease  , scale 500ms ease;
    }

    .drLpgb:hover {
      scale:1.1 1.1 1.1;
      transition:all 500ms ease;
    }

    .sVVDJ {
      color:#ffffff;
      display:inline-block;
      font-weight:600;
    }

    .cnHMXv {
      width:100%;
      height:100vh;
      opacity:1;
      z-index:8;
      position:fixed;
      flex-wrap:nowrap;
      transition:width 600ms ease 0ms ;
      flex-direction:row;
      backdrop-filter:blur(10px);;
      background-color:#0a0a0ae8;
    }

    .cnHMXv {
      
    @starting-style {
      opacity:0;
    }
    }

    .dfcLqX {
      width:100%;
      height:100%;
      z-index:8;
      flex-wrap:wrap;
      align-items:center;
      padding-top:40px;
      padding-left:40px;
      padding-right:40px;
      padding-bottom:40px;
      justify-content:center;
    }

    .bpEXbt {
      width:40px;
      display:flex;
      position:absolute;
      flex-wrap:nowrap;
      padding-top:10px;
      flex-direction:column;
      padding-bottom:10px;
    }

    .bidXql {
      color:var(--grey-00, #ffffffff);
      z-index:9;
      background: #383838;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
    }

    .bidXql:hover {
      color:#fcfcfc;
    }

    .fdQNnV {
      flex-grow:1;
      max-width:100%;
      max-height:100%;
      object-fit:contain;
      align-items:center;
      flex-shrink:1;
      border-radius:20px;
      justify-content:center;
    }

    .fmCLhL {
      scale:1;
      width:fit-content;
      height:fit-content;
      display:flex;
      opacity:1;
      z-index:9;
      flex-wrap:nowrap;
      max-height:100%;
      transition:opacity 300ms ease 220ms , translate 300ms ease 220ms , scale 300ms ease 220ms ;
      align-items:flex-start;
      border-radius:20px;
      justify-content:flex-start;
    }

    .fmCLhL {
      
    @starting-style {
      scale:0.6;
      opacity:0;
      translate:0 10px;
      transition:translate 300ms ease 0ms ;
    }
    }

    .cgcNcw {
      align-items:center;
      justify-content:center;
    }

    .bhZMCo {
      z-index:2;
      position:relative;
      flex-direction:column;
      background-color:#303030;
    }

    .fouOHs {
      gap:12px;
      color:#fff;
      display:flex;
      align-items:center;
      font-weight:600;
      flex-direction:row;
    }

    .bZzyLE {
      row-gap:5px;
      column-gap:5px;
    }

    .frGdRg {
      width:100%;
      bottom:0px;
      height:20%;
      position:absolute;
      min-height:50px;
      align-items:center;
      padding-left:20px;
      padding-right:20px;
      flex-direction:row;
      justify-content:space-between;
    }

    .ddFXhQ {
      display:flex;
      flex-direction:row;
    }

    .bgGWTL {
      width:100%;
      border:1px solid #333;
      height:100%;
      display:flex;
      background:#cccccc;
      flex-direction:column;
      justify-content:space-between;
    }

    .cUOGnx {
      gap:12px;
      width:100%;
      align-items:start;
      border-bottom:1px solid #333;
      padding-bottom:16px;
      justify-content:start;
    }

    .zQIEM {
      flex:1;
      align-items:center;
      justify-content:center;
    }

    .AGXFx {
      perspective:1000px;
    }

    .cWByuB {
      filter:blur(calc(20px * (1 - var(--progress)))) brightness(calc(2 - var(--progress))) saturate(calc(2 - var(--progress)));
      opacity:var(--progress);
      transform:translateY(calc(100px * (1 - var(--progress)))) scale(calc(0.8 + 0.2 * var(--progress))) perspective(600px) rotateX(calc(20deg * (1 - var(--progress))));
    }

    .fDAfQg {
      width:100%;
      row-gap:15px;
      column-gap:15px;
      padding-top:20px;
      padding-bottom:20px;
    }

    .dXUeqF {
      width:25px;
      height:25px;
      background-color:#333;
      border-top-left-radius:7px;
      border-top-right-radius:7px;
      border-bottom-left-radius:7px;
      border-bottom-right-radius:7px;
    }

    .Fqowj {
      flex:1;
      width:100%;
      display:flex;
      padding:0 16px;
      flex-direction:column;
      justify-content:flex-end;
    }

    .xaVMy {
      argin:0 auto;
      width:100%;
    }

    .diuoeB {
      height:fit-content;
      overflow:hidden;
      box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .fwPNZq {
      display:grid;
      grid-gap:15px;
      grid-template-rows:masonry;
      grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
    }

    .dvMcdg {
      width:100%;
      display:block;
      background-size:100%;
      background-color:#292929b3;
      background-image:url("");
    }

    .bKGayI {
      width:100%;
      margin:0 auto;
      max-width:1600px;
      padding-bottom:40px;
    }

    .fjKZa-d {
      color:#ffffff;
      width:40px;
      height:40px;
      display:flex;
      background:#2b2b2b;
      align-items:center;
      justify-content:center;
      border-top-left-radius:50%;
      border-top-right-radius:50%;
      border-bottom-left-radius:50%;
      border-bottom-right-radius:50%;
    }

    @media (max-width: 1024px) {

    .fjKZa-d {
      left:10px;
      display:flex;
      z-index:5;
      position:fixed;
    }
    }

    .fjKZa-d:hover {
      background:#6b6b6b;
    }

    .eatWCJ {
      width:100%;
      height:100%;
      display:flex;
      flex-wrap:wrap;
      max-width:1500px;
      align-items:center;
      flex-direction:column;
      justify-content:start;
    }

    .cfOAAj {
      width:100%;
      display:none;
      opacity:0;
    }

    .cfOAAj.hidden {
      display:flex;
      opacity:1;
    }

    .dhXLlB {
      width:600px;
      opacity:1;
      row-gap:2px;
      z-index:1;
      max-width:90vw;
      background:#0808088c;
      box-shadow:0px 10px 30px rgba(0,0,0,0.5);
      column-gap:2px;
      transition:opacity 1000ms ease 0ms,translate 1000ms ease 0ms,all 300ms ease;
      align-items:flex-start;
      padding-top:13px;
      border-color:#3b3b3b;
      border-style:solid;
      border-width:2px;
      padding-left:24px;
      border-radius:24px;
      padding-right:24px;
      flex-direction:column;
      padding-bottom:13px;
      pointer-events:auto;
      backdrop-filter:blur(10px);
      justify-content:center;
    }

    .dhXLlB {
      
    @starting-style {
      opacity:0;
      translate:0 100px 0;
    }
    }

    .dhXLlB.gen-bar-invisible {
      opacity:0;
      translate:0 100px 0;
    }

    .dhXLlB:hover {
      scale:1.01 1 1;
      transition:all 300ms ease;
    }

    @media (max-height: 300px) {

    .HYGDn {
      display:none;
    }
    }

    .dfnykz {
      width:100%;
      position:relative;
    }

    .dKNkQD {
      width:100%;
      display:flex;
      margin-top:24px;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .dfHoGL {
      color:#e0e0e0;
      cursor:pointer;
      height:fit-content;
      display:flex;
      row-gap:3px;
      font-size:14px;
      column-gap:3px;
      transition:all 200ms ease;
      align-items:center;
      font-weight:500;
      padding-top:5px;
      padding-left:16px;
      border-radius:50px;
      padding-right:16px;
      flex-direction:row;
      padding-bottom:5px;
      background-color:#333333;
    }

    .dfHoGL:hover {
      background-color:#444;
    }

    .bXbRBw {
      flex:1;
      color:#ffffff;
      width:100%;
      border:none;
      height:auto;
      resize:none;
      outline:none;
      padding:0px;
      font-size:18px;
      background:transparent;
      max-height:135px;
      min-height:27px;
      overflow-y:auto;
      transition:height 200ms ease;
      font-family:sans-serif;
      font-weight:400;
      line-height:1.5;
      field-sizing:content;
      scrollbar-width:none;
    }

    .bXbRBw::-webkit-scrollbar {
    width: 0;
    }

    .bXbRBw:focus-visible {
      transition:all 300ms ease;
    }

    .fmdtea {
      top:0px;
      left:0px;
      color:#888888;
      width:auto;
      height:90px;
      display:flex;
      padding:0px;
      position:absolute;
      font-size:18px;
      max-width:100%;
      max-height:20px;
      font-family:sans-serif;
      font-weight:400;
      line-height:1.5;
      white-space:pre-wrap;
      flex-direction:row;
      pointer-events:none;
    }

    .fmdtea.hide-typing {
      display:none;
    }

    @media (max-width: 400px) {

    .cXCVf {
      display:none;
    }
    }

    .cneRBh {
      gap:8px;
      color:#000000;
      cursor:pointer;
      height:fit-content;
      display:flex;
      background:#ededed;
      transition:all 200ms ease;
      align-items:center;
      font-weight:600;
      padding-top:8px;
      border-width:0px;
      padding-left:24px;
      border-radius:50px;
      padding-right:24px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
    }

    .cneRBh.hide {
      cursor:not-allowed;
      opacity:0.11;
      pointer-events:none;
    }

    .cneRBh:hover {
      opacity:0.9;
    }

    .ebsKCr {
      color:#f60404;
      width:20px;
      height:20px;
    }

    .eglLkW {
      color:#d4d4d4cc;
      font-size:0.8rem;
      font-weight:400;
      flex-direction:row;
    }

    .DEgeN {
      width:100%;
      border:1px solid #333;
      height:100%;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      background-color:#1a1a1a;
    }

    .bCCWdV {
      color:#ffffff;
      width:100%;
      display:flex;
      padding:32px 20px;
      background:linear-gradient(180deg, #60a5fa 0%, #2563eb 100%);
      font-style:italic;
      align-items:center;
      text-shadow:0 2px 4px rgba(0,0,0,0.2);
      flex-direction:column;
      justify-content:center;
    }

    .dVVCxm {
      flex:1;
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:20px;
      flex-wrap:nowrap;
      max-width:100%;
      column-gap:20px;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .XrtDE {
      color:inherit;
      display:none;
      font-size:1.5rem;
      font-weight:var(--font-weight-semi-bold);
    }

    .SHhjT {
      width:100%;
      margin:0 auto;
      align-items:center;
      justify-content:center;
    }

    .bMhxGN:hover {
      width:auto;
    }

    .dwOEhF {
      gap:12px;
    }

    .ebwSON {
      width:100%;
      display:flex;
      flex-wrap:nowrap;
      align-items:center;
      padding-top:20px;
      flex-direction:column;
      padding-bottom:20px;
      justify-content:start;
    }

    @media (max-width: 1024px) {

    .ebwSON {
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }
    }

    .bFnmUO {
      width:100%;
      background:#000000;
      min-height:100vh;
    }

    .txkMR {
      color:#878787;
      width:100%;
    }

    .eHuAFg {
      width:100%;
      display:grid;
      grid-template-rows:1fr;
      grid-template-columns:1fr;
    }

    .ulhlx {
      gap:30px;
      width:100%;
      display:flex;
      max-width:1470px;
      background: #000000;
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bGbvvk {
      gap:20px;
      flex:2 1 0%;
      width:100%;
      height:auto;
      flex-direction:row;
    }

    .dtrvDG {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:9999;
      position:fixed;
      background:rgba(0, 0, 0, 0.7);
      align-items:center;
      backdrop-filter:blur(12px);
      justify-content:center;
      -webkit-backdrop-filter:blur(12px);
    }

    .dcBIKi {
      height:fit-content;
      display:none;
      column-gap:5px;
      align-items:center;
      padding-top:0px;
      padding-left:10px;
      padding-right:10px;
      flex-direction:row;
      padding-bottom:10px;
      justify-content:flex-start;
    }

    .bSQrZK {
      z-index:11111111111;
    }

    .cfjiUY {
      color:#ffffff;
      display:inline-block;
      font-size:16px;
      font-weight:700;
    }

    .dCscgX {
      color:inherit;
      font-size:1.325rem;
      font-weight:var(--font-weight-semi-bold);
    }

    .eeSdut {
      gap:30px;
      flex:1;
      color:#ffffff;
      width:100%;
      opacity:1;
      z-index:2;
      flex-wrap:wrap;
      max-width:1400px;
      transition:opacity 200ms ease 0ms , translate 200ms ease 0ms ;
      align-items:start;
      flex-direction:row;
      justify-content:center;
      background-color:#000000;
    }

    .eeSdut {
      
    @starting-style {
      opacity:0;
      translate:0 12px;
      transition:opacity 300ms ease 0ms , gap 300ms ease;
    }
    }

    @media (max-width: 850px) {

    .eeSdut {
      gap:20px;
      width:100%;
      height:100%;
      flex-direction:column;
    }
    }

    .fkcNXD {
      width:400px;
      flex-wrap:nowrap;
    }

    @media (max-width: 1024px) {

    .fkcNXD {
      width:13rem;
    }
    }

    .dJrDbC {
      gap:20px;
      flex:2;
      width:100%;
      flex-direction:row;
    }

    .cysoHC {
      gap:20px;
      flex:2;
      width:100%;
      display:flex;
      flex-wrap:wrap;
      background:#0d0d0d;
      align-items:center;
      justify-content:center;
    }

    @media (max-width: 430px) {

    .cysoHC {
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }
    }

    .bsPamD {
      top:0px;
      left:0px;
      width:100vw;
      height:100vh;
      display:flex;
      z-index:20;
      position:fixed;
      overflow-x:hidden;
      overflow-y:auto;
      align-items:center;
      justify-content:flex-start;
    }

    .csnUgG {
      display:none;
      flex-direction:row;
    }

    .csnUgG {
      
    @starting-style {
      opacity:0;
      translate:0 20px 0;
      transition:translate 500ms ease 0ms normal, opacity 500ms ease 0ms normal;
    }
    }

    .csnUgG.visible {
      display:flex;
    }

    .dGyRfj {
      width:33%;
      height:5px;
      display:none;
      align-items:center;
      justify-content:center;
      border-bottom-color:#5c5c5c;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .cExplj {
      flex-wrap:wrap;
      max-width:90px;
      max-height:90px;
    }

    .bQFAVY {
      gap:12px;
      width:100%;
      transition:all 300ms ease;
      align-items:center;
      padding-left:16px;
      padding-right:16px;
      flex-direction:column;
      justify-content:center;
    }

    .dMfGlF {
      display:flex;
    }

    .fbhSzL {
      object-fit:cover;
      transition:all 1500ms ease 500ms;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .fbhSzL {
      
    @starting-style {
      opacity:0;
      translate:0 20px 0;
      transition:translate 500ms ease 0ms normal, opacity 500ms ease 0ms normal;
    }
    }

    .dusEmT {
      gap:8px;
      flex:1;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .beoDam {
      height:30px;
    }

    .MzYjW {
      color:#e3e3e3;
      width:fit-content;
      display:flex;
      max-width:50px;
      align-items:center;
      justify-content:center;
    }

    .dBlWhP {
      color:var(--grey-500, #737373);
    }

    .fHzsSb {
      color:#c7c7c7;
      font-size:0.875rem;
    }

    .ejdPLp {
      width:100%;
      height:fit-content;
      transition:all 300ms ease;
      padding-top:12px;
      padding-bottom:12px;
    }

    @media (max-width: 1024px) {

    .ejdPLp {
      width:100%;
    }
    }

    .kXzya {
      border-bottom-color:#2b2b2b;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .fByCAi {
      gap:10px;
      color:#000000;
      width:100%;
      cursor:pointer;
      height:45px;
      display:flex;
      background:#ffffff;
      transition:all 300ms ease;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .fByCAi:hover {
      color:#ffffff;
      scale:1.03 1.03 1.03;
      background:#696969;
      transition:all 300ms ease;
    }

    .fByCAi.loading {
      cursor:no-drop;
      opacity:0.4;
    }

    .egdrls {
      gap:16px;
      width:100%;
      display:flex;
      transition:all 300ms ease 0s;
      align-items:flex-start;
      border-radius:8px;
      flex-direction:column;
      justify-content:flex-start;
    }

    .egdrls {
      
    @starting-style {
      opacity:0;
      translate:0 20px 0;
      transition:translate 500ms ease 0s normal, opacity 500ms ease 0s normal;
    }
    }

    .blPebh {
      color:#ffffff;
      cursor:pointer;
      display:inline-block;
      flex-wrap:wrap;
      font-size:var(--font-size-sm);
      font-style:normal;
      text-align:center;
      font-weight:var(--font-weight-lighter);
      text-overflow:ellipsis;
      border-bottom-color:#949494;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .kLNYJ {
      color:#b8b8b8;
      width:fit-content;
      flex-wrap:wrap;
      font-size:inherit;
      text-align:left;
      align-items:flex-start;
      font-family:inherit;
      font-weight:300;
      justify-content:flex-start;
    }

    .brVPKO {
      gap:10px;
      color:#000000;
      width:100%;
      cursor:pointer;
      height:45px;
      display:flex;
      background:#ffffff;
      transition:all 300ms ease;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .brVPKO:hover {
      color:#ffffff;
      scale:1.03 1.03 1.03;
      background:#696969;
      transition:all 300ms ease;
    }

    .QtmQW {
      color:var(--grey-600, #525252);
      align-items:end;
      justify-content:start;
    }

    .eRaLmZ {
      color:#908e8e;
      font-size:clamp(0.7rem, 3.3vw, 1rem);
      text-align:center;
      font-family:Inter;
    }

    .cdtGeC {
      color:#ffffff;
      display:inline-block;
      flex-wrap:wrap;
      font-size:var(--font-size-sm);
      text-align:center;
      font-weight:var(--font-weight-lighter);
    }

    .cCdsKE {
      gap:16px;
      width:100%;
      display:flex;
      flex-wrap:wrap;
      transition:all 300ms ease 0s;
      align-items:flex-start;
      border-radius:8px;
      flex-direction:column;
      justify-content:flex-start;
    }

    .cCdsKE {
      
    @starting-style {
      opacity:0;
      translate:0 20px 0;
      transition:translate 500ms ease 0s normal, opacity 500ms ease 0s normal;
    }
    }

    .byobal {
      gap:16px;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .cROwwb {
      flex:1;
      width:100%;
      height:45px;
      font-size:16px;
      background:;
      padding-left:8px;
      border-radius:6px;
      padding-right:8px;
    }

    .djLRND {
      height:45px;
      display:flex;
      flex-wrap:wrap;
      background:#262626;
      transition:all 300ms ease;
      align-items:center;
      border-color:#8282827d;
      border-style:solid;
      border-width:1px;
      padding-left:5px;
      padding-right:5px;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .djLRND:focus-visible {
      border-color:#0444b4;
      border-style:solid;
      border-width:1px;
    }

    .djLRND {
      
    @starting-style {
      opacity:0;
      translate:0 20px 0;
      transition:translate 500ms ease 0ms normal, opacity 500ms ease 0ms normal;
    }
    }

    .wjFvk {
      gap:5px;
      color:#ffffff;
      width:100%;
      height:45px;
      transition:all 300ms ease;
      align-items:center;
      border-color:#8787878a;
      border-style:solid;
      border-width:1px;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .wjFvk:hover {
      color:#ffffff;
      scale:1.03 1.03 1.03;
      background:#696969;
      transition:all 300ms ease;
    }

    .ekBQVl {
      color:#ffffff;
      height:100%;
      row-gap:30px;
      column-gap:30px;
    }

    .iBEpW {
      color:#e70d0d;
      text-align:center;
    }

    .bqBWxy {
      gap:4px;
      width:100%;
      height:4px;
      display:grid;
      grid-template-columns:1fr 1fr 1fr 1fr;
    }

    .bArSMb {
      height:30px;
      display:none;
      align-items:end;
      justify-content:start;
    }

    .fsLBPZ {
      color:#ffffff;
      height:100%;
      row-gap:20px;
      column-gap:20px;
    }

    .cuicJ {
      height:100%;
      background:var(--bar-color);
      border-radius:2px;
    }

    .dzVYCU {
      gap:12px;
      width:100%;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .sHXbe {
      gap:10px;
      color:#000000;
      width:100%;
      cursor:pointer;
      height:45px;
      display:flex;
      background:#ffffff;
      transition:all 300ms ease;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .sHXbe.laoding {
      color:#000000;
      cursor:no-drop;
      opacity:0.4;
    }

    .sHXbe:hover {
      color:#ffffff;
      scale:1.03 1.03 1.03;
      background:#696969;
      transition:all 300ms ease;
    }

    .cJLIKE {
      color:#616161;
      display:flex;
      font-size:var(--font-size-xs);
      align-items:center;
      justify-content:center;
    }

    .emaaNh {
      gap:8px;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .epzrRb {
      top:0px;
      color:#ffffff;
    }

    .bvkiGT {
      gap:8px;
      color:#fe010191;
      width:100%;
      display:flex;
      flex-direction:column;
    }

    .ehxJqo {
      width:100%;
      display:none;
      z-index:15;
      position:relative;
      background:#000000;
      min-height:100%;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .bZZktz {
      color:#adadade8;
      width:33%;
      display:inline-block;
      font-size:0.8rem;
      text-align:center;
    }

    .esOazM {
      width:100%;
      row-gap:15px;
      column-gap:15px;
    }

    .bMbjGq {
      gap:8px;
      color:#fe010191;
      width:100%;
      display:flex;
      flex-wrap:nowrap;
      flex-direction:column;
    }

    .caTSnz {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      display:flex;
      padding:20px;
      z-index:50;
      position:fixed;
      background:#00000087;
      min-height:100%;
      align-items:center;
      padding-left:4vw;
      padding-right:4vw;
      flex-direction:column;
      backdrop-filter:blur(12px);
      justify-content:center;
    }

    .bJGkDd {
      flex:1;
      width:100%;
      display:flex;
      align-items:center;
      padding-top:30px;
      padding-bottom:30px;
      justify-content:center;
    }

    .eknsAo {
      width:100%;
      flex-wrap:wrap;
    }

    .eOisRQ {
      flex:1;
      width:100%;
      font-size:0.875rem;
    }

    .eOisRQ.valid {
      color:#4A7729;
    }

    .dILGLO {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      display:flex;
      padding:20px;
      z-index:50;
      position:fixed;
      align-items:center;
      backdrop-filter:blur(12px);
      justify-content:center;
      background-color:rgba(0,0,0,0.8);
    }

    .eEcHTE {
      height:45px;
      display:flex;
      flex-wrap:wrap;
      background:#262626;
      transition:all 300ms ease;
      align-items:center;
      border-color:#8282827d;
      border-style:solid;
      border-width:1px;
      padding-left:5px;
      padding-right:5px;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .eEcHTE:focus-visible {
      border-color:#0444b4;
      border-style:solid;
      border-width:1px;
    }

    .eEcHTE {
      
    @starting-style {
      opacity:0;
      translate:0 20px 0;
      transition:translate 500ms ease 0ms normal, opacity 500ms ease 0ms normal;
    }
    }

    .eEcHTE.invalidPassword {
      color:#f10e0eab;
      border-color:#f10e0eab;
      border-style:solid;
      border-width:2px;
    }

    .bSQeQF {
      color:#969696bd;
      cursor:pointer;
      font-size:0.9rem;
      border-bottom-color:#969696;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .eGqMYx {
      font-size:0.9rem;
      text-align:center;
      font-family:"Cactus Classical Serif";
    }

    .qXcxx {
      height:20px;
    }

    .bEIDlN {
      color:#ffffff;
      width:100%;
      height:100%;
      row-gap:20px;
      column-gap:20px;
    }

    .cDkxkh {
      height:30px;
      align-items:end;
      justify-content:start;
    }

    .bUasnj {
      flex:1;
      color:#ff0000;
      font-size:0.755rem;
      margin-top:8px;
      text-align:left;
      transition:all 300ms ease;
      border-radius:6px;
    }

    .bUasnj {
      
    @starting-style {
      opacity:0;
      translate:0 10px 0;
    }
    }

    .eNFlUq {
      color:#4A7729;
    }

    .eYSJuA {
      flex:1;
      display:flex;
      align-items:flex-end;
      justify-content:center;
    }

    .cffe {
      gap:12px;
      width:100%;
      height:fit-content;
      display:flex;
      flex-direction:column;
      padding-bottom:24px;
    }

    .cJJrKc {
      text-align:center;
    }

    .csUhRL {
      width:fit-content;
      height:100%;
      row-gap:20px;
      flex-wrap:wrap;
      column-gap:20px;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .dRBBTD {
      color:#ffffff;
      display:none;
      flex-wrap:wrap;
      font-size:1.8rem;
      align-items:center;
      font-weight:var(--font-weight-semi-bold);
      flex-direction:column;
      justify-content:start;
    }

    .fBQiXj {
      color:#bababad4;
      width:100%;
      height:45px;
      font-size:30px;
      background:#333333f5;
      text-align:center;
      font-family:Space Mono;
      border-color:#7a7a7a45;
      border-style:solid;
      border-width:1px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .byJulN {
      color:#a1a1aa;
      margin:0 auto;
      font-size:0.9rem;
      max-width:280px;
      text-align:center;
      font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      line-height:1.5;
    }

    .ckldxg {
      color:#f5f5f5;
      padding-left:5px;
      padding-right:5px;
    }

    .fiJxeL {
      width:100%;
      height:100%;
      background:#18181b;
    }

    @media (max-width: 850px) {

    .fiJxeL {
      display:none;
    }
    }

    .fjwAvS {
      width:100%;
      height:100%;
      display:flex;
      text-align:center;
      align-items:center;
      justify-content:center;
    }

    .dpzZAZ {
      color:#030303;
      width:45%;
      display:none;
      border-radius:6px;
      background-color:#fffffff0;
    }

    .dRVgZq {
      width:100%;
      display:flex;
      row-gap:50px;
      position:relative;
      background:#000000;
      column-gap:50px;
      align-items:center;
      padding-left:9%;
      padding-right:9%;
      flex-direction:row;
      justify-content:center;
    }

    .fcITIc {
      color:var(--grey-500, #737373);
      flex-wrap:wrap;
      text-decoration-line: underline;
    }

    .uDvIz {
      text-align:center;
      font-family:Cactus Classical Serif;
    }

    .dsyDRd {
      width:100%;
      height:40px;
      display:none;
      background:#1c1c1c;
      text-align:center;
      padding-top:4px;
      padding-left:10px;
      padding-right:10px;
      padding-bottom:4px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bnbiIj {
      font-size:clamp(0.7rem, 6vw, 1.5rem);
      text-align:center;
      font-family:Inter;
    }

    .eroqzl {
      flex:2;
      height:100%;
      display:none;
      flex-wrap:nowrap;
      max-width:650px;
      transition:all 300ms ease 300ms;
      align-items:center;
      padding-top:20px;
      padding-bottom:20px;
      justify-content:center;
    }

    @media (min-width: 1280px) {

    .eroqzl {
      flex:1.5;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      padding-top:80px;
      padding-left:32px;
      padding-right:32px;
      flex-direction:column;
      padding-bottom:80px;
      justify-content:center;
    }
    }

    .bXMDaN {
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .ePmlRu {
      width:100%;
      display:flex;
      z-index:7;
      background:#000000;
      transition:all 300ms ease;
      align-items:center;
      padding-top:12px;
      padding-left:10px;
      padding-right:10px;
      flex-direction:row;
      padding-bottom:12px;
      pointer-events:auto;
      justify-content:space-between;
    }

    .dsWRIq {
      gap:5px;
      width:100%;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .cWUsaN {
      gap:4px;
      width:100%;
      height:4px;
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
    }

    .cHlQAS {
      color:#ffffff;
      cursor:pointer;
      z-index:20;
      position:absolute;
      border-top-left-radius:50%;
      border-top-right-radius:50%;
      border-bottom-left-radius:50%;
      border-bottom-right-radius:50%;
    }

    .GZzXJ {
      width:100%;
      border:1px solid #27272a;
      display:grid;
      overflow:hidden;
      flex-wrap:wrap;
      max-width:900px;
      background:#000000;
      box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.7);
      align-items:center;
      border-radius:20px;
      flex-direction:row;
      justify-content:center;
      grid-template-columns:1.2fr 1fr;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    @media (max-width: 850px) {

    .GZzXJ {
      width:92%;
      max-width:420px;
      grid-template-columns:1fr;
    }
    }

    .calMyU {
      width:100%;
      height:fit-content;
      display:flex;
      transition:all 300ms ease;
      align-items:center;
      padding-top:12px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:12px;
      justify-content:flex-start;
    }

    .XuyKs {
      display:flex;
      flex-wrap:wrap;
      background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/pleasurai:6870c61fc8ff31c493d114fc.webp/4k") 0% 0% / cover #5c0a0a;
      max-height:750px;
      object-fit:none;
      align-items:flex-start;
      justify-content:center;
      border-top-right-radius:12px;
      border-bottom-right-radius:12px;
    }

    @media (max-width: 830px) {

    .XuyKs {
      display:none;
    }
    }

    .dpPbyN {
      font-size:var(--font-size-3xl);
      font-family:"Cactus Classical Serif";
    }

    .ujUwk {
      flex:1;
      font-size:0.875rem;
    }

    .ujUwk.valid {
      color:#4A7729;
    }

    .eEpldW {
      width:100%;
      height:80px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .eLjbiV {
      row-gap:5px;
      column-gap:5px;
      flex-direction:row;
    }

    .bhfUkw {
      width:100vw;
      height:100vh;
      z-index:11;
      position:fixed;
    }

    .bHpMTi {
      color:#ffffff;
      font-size:clamp(1.25rem, 3vw, 1.75rem);
      text-align:center;
      font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      font-weight:700;
      line-height:1.2;
      letter-spacing:-0.02em;
    }

    .ISth {
      width:100%;
      height:45px;
      font-size:16px;
      border-color:#8282827d;
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      background-color:#262626;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .ISth:focus {
      outline-color:#2463ebff;
      outline-style:solid;
      outline-width:1px;
    }

    .ISth:hover {
      scale:1.01 1.01 1.01;
      border-color:#757070f5;
      border-style:solid;
      border-width:1px;
    }

    .ISth.invalidEmail {
      color:#f10e0eab;
      border-color:#f10e0eab;
      border-style:solid;
      border-width:2px;
    }

    .caWAvi {
      color:#208ec5;
      font-size:clamp(1.25rem, 3vw, 1.75rem);
      text-align:center;
      font-family:inherit;
    }

    .cqjewg {
      width:100%;
      display:flex;
      z-index:100;
      align-items:center;
      justify-content:center;
    }

    .tNWYu {
      width:90px;
      height:17px;
      align-items:center;
      justify-content:center;
    }

    .MWeuw {
      width:100%;
      border:1px solid #27272a;
      display:grid;
      overflow:hidden;
      max-width:900px;
      background:#000000;
      box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.7);
      border-radius:20px;
      grid-template-columns:1.2fr 1fr;
    }

    @media (max-width: 850px) {

    .MWeuw {
      width:92%;
      max-width:420px;
      grid-template-columns:1fr;
    }
    }

    .ddCSSP {
      display:flex;
      flex-wrap:wrap;
      background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/pleasurai:6870c61fc8ff31c493d114fc.webp/4k") 0% 0% / cover #5c0a0a;
      max-height:750px;
      object-fit:cover;
      align-items:flex-start;
      justify-content:center;
      border-top-right-radius:12px;
      border-bottom-right-radius:12px;
    }

    @media (max-width: 830px) {

    .ddCSSP {
      display:none;
    }
    }

    .ezStIn {
      display:flex;
      align-items:center;
      margin-bottom:8px;
      flex-direction:column;
    }

    .fgqXrA {
      width:100%;
      display:flex;
      position:relative;
      max-width:450px;
      translate:0;
      transition:opacity 500ms ease-in-out 0ms normal, translate 500ms ease 0ms normal, all 300ms ease;
      padding-top:10px;
      border-color:#59595991;
      border-style:solid;
      border-width:1px;
      padding-left:5px;
      padding-right:5px;
      flex-direction:row;
      padding-bottom:10px;
      background-color:#000000;
      border-top-left-radius:30px;
      border-top-right-radius:30px;
      border-bottom-left-radius:30px;
      border-bottom-right-radius:30px;
    }

    @media (min-width: 1280px) {
    }

    .bzJjvV {
      width:100%;
      height:100%;
      display:block;
      min-height:500px;
      object-fit:cover;
    }

    @media (max-width: 850px) {

    .bzJjvV {
      display:none;
    }
    }

    .cRKmuY {
      color:#f5f5f5;
      width:100%;
      height:fit-content;
      row-gap:15px;
      font-size:var(--font-size-5xl);
      column-gap:15px;
      padding-top:20px;
      flex-direction:column;
      padding-bottom:20px;
    }

    @media (min-width: 1280px) {

    .cRKmuY {
      font-size:var(--font-size-base);
    }
    }

    .efDsCi {
      width:100%;
      height:100%;
      min-height:500px;
      object-fit:cover;
    }

    @media (max-width: 850px) {

    .efDsCi {
      display:none;
    }
    }

    .eMQWhE {
      top:20px;
      color:#71717a;
      right:40px;
      width:fit-content;
      cursor:pointer;
      height:fit-content;
      z-index:20;
      position:absolute;
    }

    .tgyiF {
      padding-top:20px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:20px;
    }

    .fGxZIC {
      color:#00000096;
      width:fit-content;
      cursor:pointer;
      height:30px;
      display:flex;
      z-index:9;
      background: #ffffff;
      align-items:center;
      padding-top:8px;
      padding-left:20px;
      border-radius:6px;
      padding-right:20px;
      padding-bottom:8px;
      pointer-events:auto;
      justify-content:center;
    }

    .fGxZIC:hover {
      color:#ffffff;
      scale:1.03 1.03 1.03;
      background:#696969;
      transition:all 300ms ease;
    }

    .qXAVU {
      width:100%;
      display:flex;
      z-index:100;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .bVuSaq {
      width:100%;
      display:flex;
      padding-top:32px;
      padding-left:32px;
      padding-right:32px;
      flex-direction:column;
      padding-bottom:32px;
      justify-content:center;
      background-color:#000000;
    }

    @media (max-width: 850px) {

    .bVuSaq {
      padding-top:40px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:40px;
    }
    }

    .dyGBDh {
      width:fit-content;
      height:30px;
      display:flex;
      z-index:9;
      background:;
      align-items:flex-start;
      pointer-events:auto;
      justify-content:center;
      border-top-left-radius:9px;
      border-top-right-radius:9px;
      border-bottom-left-radius:9px;
      border-bottom-right-radius:9px;
    }

    .brqCIw {
      display:flex;
      overflow:hidden;
      align-items:center;
      justify-content:center;
      background-color:#000000;
    }

    .cRJdbA {
      width:100%;
      height:50px;
    }

    .dUoXwB {
      gap:8px;
      color:white;
      width:fit-content;
      border:1px solid #3d3d3d;
      height:40px;
      display:flex;
      align-items:center;
      padding-left:15px;
      border-radius:8px;
      padding-right:15px;
      flex-direction:row;
      background-color:#2a2a2a;
    }

    .wrMzK {
      gap:12px;
      width:100%;
      height:fit-content;
      flex-wrap:wrap;
      align-items:center;
      padding-top:16px;
      flex-direction:row;
      padding-bottom:16px;
      justify-content:space-between;
    }

    .dXTIiR {
      top:0px;
      width:100%;
      bottom:0px;
      flex-wrap:nowrap;
      background: #000000;
      flex-direction:row;
    }

    .cYckxW {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:10px;
      column-gap:10px;
      align-items:center;
      padding-top:5px;
      border-color:#363636e0;
      border-style:solid;
      border-width:1px;
      padding-left:10px;
      padding-right:10px;
      flex-direction:row;
      padding-bottom:5px;
      justify-content:flex-start;
      border-top-left-radius:15px;
      border-top-right-radius:15px;
      border-bottom-left-radius:15px;
      border-bottom-right-radius:15px;
    }

    .cYckxW:hover {
      background:#121212;
    }

    .biHXv {
      width:30px;
      height:30px;
    }

    .dJdnob {
      right:0px;
      z-index:1;
      position:absolute;
      transform:translateX(calc(100% + 0.25rem));
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .dbiZha {
      gap:var(--xsmall);
      color:#f2f2f2;
      width:100%;
      cursor:pointer;
      display:flex;
      font-size:0.9rem;
      transition:box-shadow 200ms ease 0ms,color 200ms ease 0ms,border-color 200ms ease 0ms,background-color 200ms ease 0ms;
      align-items:center;
      font-weight:500;
      padding-top:var(--xsmall);
      padding-left:var(--xsmall);
      border-radius:var(--xsmall);
      padding-right:var(--xsmall);
      flex-direction:row;
      padding-bottom:var(--xsmall);
      justify-content:flex-start;
    }

    .dbiZha:hover {
      color:var(--grey-00, #ffffffff);
      background-color:var(--Xline, #2f3336);
    }

    .dbiZha.current_page {
      background: #333333;
    }

    .dbiZha.is-closed {
      width:100%;
      display:flex;
      position:relative;
      align-items:center;
      justify-content:center;
    }

    .eZrTQs {
      color:var(--grey-900, #171717);
      z-index:1;
      position:relative;
      box-shadow:0px 0px 12px 4px var(--grey-00,#ffffffff) inset, 0px 2px 4px -1px var(--grey-200, #E5E5E5);
      align-items:center;
      padding-top:var(--xxsmall);
      border-color:var(--grey-200, #E5E5E5);
      border-style:solid;
      border-width:1px;
      padding-left:var(--xsmall);
      border-radius:var(--xxsmall);
      padding-right:var(--xsmall);
      flex-direction:row;
      padding-bottom:var(--xxsmall);
      justify-content:start;
      background-color:var(--grey-50, #FAFAFA);
    }

    .web-window-manager\:0WWTc6zF27-jdZFw1OxD0 {
      width:100%;
    }

    .dSTzPQ {
      gap:var(--medium);
      flex:1;
      width:100%;
      min-height:0px;
      overflow-y:auto;
      padding-top:var(--small);
      padding-bottom:var(--small);
      scrollbar-color:#333 black;
      scrollbar-width:thin;
    }

    .dSTzPQ::-webkit-scrollbar {
    width: 4px;
    }

    .dfDqVR {
      cursor:default;
    }

    .so-dropdown-item\:root {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:var(--interactive-height-sm);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:Inter;
      font-weight:var(--normal);
      padding-top:0.45rem;
      padding-left:0.75rem;
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.45rem;
      justify-content:space-between;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-dropdown-item\:root:active {
      background:#616161a3;
    }

    .so-dropdown-item\:root:focus {
      background:#616161a3;
    }

    .so-dropdown-item\:root.open {
      background:#616161a3;
    }

    .so-dropdown-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .egQdhQ {
      color:#000000;
      width:fit-content;
      cursor:pointer;
      height:30px;
      display:flex;
      z-index:9;
      background: #ffffff;
      align-items:center;
      flex-shrink:0;
      padding-top:8px;
      white-space:nowrap;
      padding-left:12px;
      border-radius:6px;
      padding-right:12px;
      padding-bottom:8px;
      pointer-events:auto;
      justify-content:center;
    }

    .egQdhQ:hover {
      color:#ffffff;
      background:#969696;
    }

    .einmAo {
      width:100%;
      height:fit-content;
      display:flex;
      flex-shrink:0;
      padding-left:10px;
      padding-right:10px;
      flex-direction:column;
    }

    .HCbGY {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:fixed;
      align-items:center;
      padding-left:20px;
      padding-right:20px;
      flex-direction:column;
      justify-content:center;
      background-color:#1212128f;
    }

    .erJiTR {
      color:var(--grey-500, #737373);
      width:2rem;
      cursor:pointer;
      height:2rem;
      transition:box-shadow 200ms ease 0ms,color 200ms ease 0ms,border-color 200ms ease 0ms,background-color 200ms ease 0ms;
      align-items:center;
      flex-shrink:0;
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      border-radius:var(--xxsmall);
      justify-content:center;
    }

    .erJiTR:focus-visible {
      outline-color:var(--blue-300, #93C5FD);
      outline-style:solid;
      outline-width:3px;
    }

    @media (min-width: 1024px) {

    .erJiTR {
      display:none;
    }
    }

    .PVKFC {
      width:100%;
      display:flex;
      position:relative;
      max-width:450px;
      background:#000000;
      box-shadow:0px 6px 12px 0 #0000002b;
      padding-top:50px;
      border-radius:12px;
      flex-direction:column;
      padding-bottom:50px;
    }

    .fwbjPS {
      display:flex;
      align-items:center;
      flex-shrink:0;
      justify-content:center;
    }

    .rLgNQ {
      color:#ffffff;
      height:40px;
      display:flex;
      background:#262626;
      align-items:center;
      padding-top:3px;
      padding-left:10px;
      padding-right:10px;
      flex-direction:row;
      padding-bottom:3px;
      justify-content:flex-start;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bXKCFL {
      color:inherit;
      display:inline-block;
    }

    .dBDqis {
      width:25px;
      height:25px;
      display:flex;
      background: #c30950;
      align-items:center;
      flex-shrink:0;
      justify-content:center;
      border-top-left-radius:50%;
      border-top-right-radius:50%;
      border-bottom-left-radius:50%;
      border-bottom-right-radius:50%;
    }

    .tYoYT {
      color:#6e6e6e;
      width:20px;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .btqrnr {
      width:30px;
    }

    .jGifB {
      width:100%;
      height:100%;
      display:flex;
      padding-top:10px;
      padding-left:10px;
      padding-right:10px;
      flex-direction:column;
      padding-bottom:10px;
    }

    .bYakhc {
      flex:1;
      width:100%;
      display:flex;
      flex-direction:column;
    }

    .IcYmP {
      color:#ffffff;
      font-size:0.8rem;
    }

    .dYElHa {
      width:var(--width);
      height:var(--height);
      position:fixed;
      pointer-events:none;
    }

    .dYElHa.modal {
      pointer-events:all;
    }

    .dMUvhL {
      z-index:;
    }

    .dEAcYD {
      padding-left:2px;
      padding-right:2px;
    }

    .bCTAa-d {
      width:100%;
      align-items:center;
      justify-content:start;
    }

    .dBMORP {
      color:#ffffff;
      display:flex;
      row-gap:5px;
      font-size:var(--font-size-sm);
      column-gap:5px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dBMORP.success {
      color:#60ff52;
    }

    .dBMORP.error {
      color:#ff0505;
    }

    .fJmxj {
      color:#c7c7c7;
      display:inline-block;
      font-size:var(--font-size-sm);
      max-width:300px;
      text-align:center;
      font-weight:300;
    }

    .fdkGqx {
      color:#000000;
      width:fit-content;
      cursor:pointer;
      height:30px;
      display:flex;
      background:#ffffff;
      align-items:center;
      flex-shrink:0;
      padding-top:8px;
      white-space:nowrap;
      padding-left:15px;
      border-radius:6px;
      padding-right:15px;
      padding-bottom:8px;
      justify-content:center;
    }

    .fdkGqx:hover {
      background:#9e9e9e;
    }

    .eFQaJC {
      top:var(--top);
      left:var(--left);
      position:absolute;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
      transform-origin:var(--transform-origin-x) var(--transform-origin-y);
    }

    .eFQaJC:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .eFQaJC.hidden {
      visibility:hidden;
      pointer-events:none;
    }

    .eFQaJC.match-anchor-width {
      width:var(--sc-anchor-width);
    }

    .so-dropdown-sub-content\:root {
      gap:0.25rem;
      display:flex;
      opacity:0;
      min-width:200px;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      flex-direction:column;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-dropdown-sub-content\:root.open {
      opacity:1;
    }

    .so-dropdown-sub-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .so-dropdown-sub-content\:root.bottom {
      margin-left:0.5rem;
    }

    .so-dropdown-sub-content\:root.top {
      margin-left:0.5rem;
    }

    .clpjTb {
      gap:20px;
      width:100%;
      display:flex;
      max-width:300px;
      align-items:center;
      justify-content:flex-end;
    }

    .web-window-manager\:Ifx1C7FFlDzcHQPit4T2w {
      max-width:2rem;
    }

    .cQWYVU {
      gap:var(--xsmall);
      align-items:center;
      justify-content:start;
    }

    .bCoVbl {
      width:100%;
      height:100vh;
      display:flex;
      z-index:9;
      position:fixed;
      align-items:center;
      border-radius:12px;
      flex-direction:column;
      backdrop-filter:blur(10px);;
      justify-content:center;
    }

    .euyKTz {
      gap:10px;
      flex-wrap:wrap;
      padding-top:15px;
      padding-bottom:15px;
      border-top-color:#6765658a;
      border-top-style:solid;
      border-top-width:1px;
    }

    .eiXvvp {
      flex:1;
      height:100%;
      text-align:left;
    }

    .AZxGB {
      color:#db0000;
      display:flex;
      row-gap:5px;
      font-size:var(--font-size-sm);
      column-gap:5px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .sparkcore\/sc-dropdown-content\:root:focus {
      outline:none;
    }

    .so-dropdown-content\:root {
      gap:0.25rem;
      opacity:0;
      min-width:200px;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
    }

    .so-dropdown-content\:root.open {
      opacity:1;
    }

    .so-dropdown-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .web-window-manager\:RYsIUChvGdS2R4UneS4in {
      opacity:0;
      row-gap:0.5rem;
      min-width:200px;
      background:#171717;
      column-gap:0.5rem;
      font-family:Inter;
      padding-top:0.5rem;
      border-color:#2b2b2be3;
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .web-window-manager\:RnJ3BPPm27-VVJW4knRSq {
      color:#c30404;
    }

    .bZFtOT {
      color:#666666;
      width:100%;
      font-size:0.8rem;
    }

    .web-window-manager\:SOPSO1tA9ndLb8_fxlzli {
      max-width:2rem;
    }

    .jyjnG {
      row-gap:5px;
      flex-wrap:wrap;
      font-size:clamp(0.7rem, 2vw, 1rem);
      min-width:0px;
      column-gap:5px;
      align-items:center;
      flex-shrink:1;
      flex-direction:row;
      justify-content:flex-end;
    }

    .cLYHeL {
      width:fit-content;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .fllqoZ {
      gap:10px;
      align-items:center;
      flex-shrink:0;
      flex-direction:row;
    }

    .cWjbgF {
      flex-shrink:0;
    }

    .ciCSlp {
      top:0px;
      width:16rem;
      height:100vh;
      display:flex;
      position:sticky;
      box-shadow:-8px 0px 16px 0px #000000 inset;
      transition:all 300ms ease;
      flex-shrink:0;
      flex-direction:column;
      background-color:#000000;
    }

    .ciCSlp.is-closed {
      width:auto;
    }

    .ciCSlp.is-slideover {
      transform:translate(0px,0px);
    }

    @media (max-width: 1024px) {

    .ciCSlp {
      top:0px;
      left:0px;
      height:100%;
      z-index:10;
      position:fixed;
      transform:translateX(-110%);
      box-shadow:0px 0px 16px 0px #1717172b;
    }
    }

    .SkslE {
      width:100%;
      row-gap:5px;
      column-gap:5px;
    }

    .eRmMom {
      gap:20px;
      display:flex;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .ccAaTT {
      width:100%;
      height:99999900px;
      flex-grow:1;
      max-width:100%;
      background: #d80e0e;
    }

    .dvElvU {
      color:#ffffff;
      width:fit-content;
      cursor:pointer;
      height:30px;
      display:flex;
      z-index:9;
      background:#303030;
      transition:all 300ms ease;
      align-items:center;
      flex-shrink:0;
      padding-top:8px;
      white-space:nowrap;
      padding-left:12px;
      border-radius:6px;
      padding-right:12px;
      padding-bottom:8px;
      pointer-events:auto;
      justify-content:center;
    }

    .dvElvU:hover {
      color:#ffffff;
      background:#6b6b6b;
      transition:all 300ms ease;
    }

    .gicQQ {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .eyOVGb {
      color:#a1a1aa;
      display:flex;
      font-size:0.8rem;
      max-width:320px;
      margin-top:0px;
      text-align:center;
      align-items:center;
      font-weight:400;
      line-height:1.4;
      margin-bottom:24px;
      justify-content:center;
    }

    .TrEJQ {
      width:fit-content;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .HQTPv {
      display:block;
      font-size:clamp(1.5rem, 4vw, 2rem);
      margin-top:0px;
      text-align:center;
      font-weight:800;
      line-height:1.2;
      margin-bottom:16px;
      letter-spacing:-0.5px;
    }

    .frTDTM {
      color:var(--ColorPrimaryHover);
    }

    .dHFHtk {
      color:#ffffff;
      font-size:clamp(1.1rem, 3.5vw, 1.5rem);
      max-width:100%;
      margin-top:0px;
      text-align:center;
      font-weight:700;
      line-height:1.3;
      margin-bottom:20px;
    }

    .eeqklO {
      color:#ffffff;
      width:100%;
      border:1px solid #3f3f46;
      cursor:pointer;
      display:flex;
      padding:12px;
      font-size:0.9rem;
      text-align:center;
      transition:background 0.2s;
      align-items:center;
      font-weight:500;
      border-radius:10px;
      justify-content:center;
      background-color:transparent;
    }

    .QJzdZ {
      color:#ffffff;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      text-overflow:clip;
      border-bottom-color:#ffffff;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .cBGNrR {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      padding:16px;
      z-index:9999;
      position:fixed;
      background:#000000d1;
      align-items:center;
      flex-direction:column;
      backdrop-filter:blur(10px);
      justify-content:center;
      -webkit-backdrop-filter:blur(10px);
    }

    .npYCq {
      color:#000000;
      width:100%;
      border:2px solid #ffffff;
      cursor:pointer;
      display:flex;
      padding:14px 12px;
      overflow:hidden;
      font-size:clamp(0.9rem, 3vw, 1rem);
      background:#ffffff;
      box-shadow:0 4px 6px rgba(0,0,0,0.1);
      text-align:center;
      transition:transform 0.1s ease;
      align-items:center;
      font-weight:700;
      white-space:nowrap;
      border-radius:10px;
      margin-bottom:10px;
      text-overflow:ellipsis;
      justify-content:center;
    }

    .bVlmHU {
      width:90%;
      border:1px solid #27272a;
      display:flex;
      padding:clamp(24px, 4vh, 48px) clamp(20px, 5vw, 32px);
      position:relative;
      max-width:420px;
      background:#09090b;
      box-shadow:0px 20px 40px -10px rgba(0,0,0,0.6);
      font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      border-radius:20px;
      flex-direction:column;
    }

    .web-window-manager\:YZNT2knrQZb-XWm5pc3eZ {
      width:100%;
    }

    .dOjBmH {
      gap:30px;
      top:0px;
      flex:1;
      color:#ffffff;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      display:flex;
      z-index:6;
      overflow:hidden;
      position:fixed;
      flex-wrap:wrap;
      max-width:100vw;
      background:;
      box-sizing:border-box;
      align-items:center;
      padding-top:-90px;
      flex-direction:column;
      pointer-events:none;
      justify-content:space-between;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }

    .aIIqP {
      width:30px;
      height:30px;
      display:flex;
      background: #c30950;
      align-items:center;
      justify-content:center;
      border-top-left-radius:50%;
      border-top-right-radius:50%;
      border-bottom-left-radius:50%;
      border-bottom-right-radius:50%;
    }

    .eJTuvY {
      top:0px;
      width:100%;
      bottom:0px;
      flex-wrap:nowrap;
      background:#000000;
      min-height:100vh;
      flex-direction:row;
    }

    .bsSYwh {
      width:100%;
      height:100vh;
      display:flex;
      opacity:1;
      z-index:11;
      position:fixed;
      flex-wrap:wrap;
      background:#1212128f;
      transition:opacity 500ms ease 0ms normal, translate 500ms ease 0ms normal;
      align-items:center;
      border-radius:12px;
      flex-direction:column;
      backdrop-filter:blur(10px);;
      justify-content:center;
    }

    @media (max-width: 700px) {

    .bsSYwh {
      display:flex;
      align-items:center;
      padding-left:0px;
      padding-right:0px;
      justify-content:flex-end;
    }
    }

    .dhjJuC {
      gap:15px;
      width:100%;
      height:80px;
      flex-wrap:wrap;
      align-items:end;
      flex-direction:column;
      justify-content:center;
    }

    .eokQjO {
      width:500px;
      bottom:20%;
      display:flex;
      opacity:1;
      position:relative;
      max-width:90vw;
      translate:0 0;
      background:#131416;
      box-shadow:0px 6px 12px 0 #0000002b;
      transition:opacity 500ms ease 0ms , translate 300ms ease 0ms ;
      padding-top:10px;
      padding-left:15px;
      padding-right:15px;
      flex-direction:column;
      padding-bottom:10px;
      border-top-left-radius:13px;
      border-top-right-radius:13px;
      border-bottom-left-radius:13px;
      border-bottom-right-radius:13px;
    }

    .eokQjO {
      
    @starting-style {
      opacity:0;
      translate:0 056px;
    }
    }

    .eOCka-D {
      height:50px;
      align-items:center;
      justify-content:start;
    }

    .cislNU {
      color:#ff1414;
    }

    .dIIdbf {
      width:100%;
      height:100vh;
      display:flex;
      z-index:13;
      position:fixed;
      align-items:center;
      border-radius:12px;
      flex-direction:column;
      justify-content:center;
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .bMmhAT {
      width:100%;
      max-width:100%;
      margin-bottom:clamp(18px, 4vw, 24px);
    }

    .eDLnwp {
      gap:8px;
      color:#ffffffcc;
      width:100%;
      display:flex;
      flex-wrap:wrap;
      font-size:1rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:column;
    }

    .dJBoie {
      color:#8c8c8cf0;
      width:1.7rem;
      height:100%;
    }

    .eSYixl {
      gap:5px;
      width:100%;
      height:70px;
      align-items:start;
      padding-left:15px;
      padding-right:15px;
      justify-content:center;
      border-bottom-color:#242424d6;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .dKYARl {
      color:#bababa;
      height:40px;
      display:flex;
      row-gap:5px;
      column-gap:5px;
      align-items:center;
      padding-left:10px;
      padding-right:10px;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .dKYARl.selected {
      background-color:#77797829;
    }

    .bJMDPG {
      color:#e7e9eaab;
      margin:0px;
      font-size:1rem;
      font-weight:500;
    }

    .etkrmY {
      flex:1;
      width:100%;
      padding-left:10px;
      padding-right:10px;
    }

    @media (max-width: 700px) {

    .etkrmY {
      flex:1;
      width:100%;
      height:200px;
    }
    }

    .biGelP {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:column;
    }

    .fGCMQd {
      color:var(--grey-200, #E5E5E5);
      width:100%;
      cursor:pointer;
      display:flex;
      font-size:.8rem;
      align-items:center;
      padding-top:8px;
      border-color:#57575787;
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      border-radius:6px;
      padding-right:8px;
      flex-direction:column;
      padding-bottom:8px;
      justify-content:start;
      background-color:#e4076296;
    }

    .fGCMQd:hover {
      background-color:#6b0505;
    }

    .lCXgR {
      top:clamp(12px, 3vw, 16px);
      right:clamp(12px, 3vw, 16px);
      width:clamp(18px, 5vw, 20px);
      cursor:pointer;
      height:clamp(18px, 5vw, 20px);
      position:absolute;
    }

    .eWoXWD {
      width:50%;
      align-items:end;
      justify-content:start;
    }

    .dMRQDM {
      width:50%;
      height:50px;
    }

    .dySeNG {
      gap:20px;
      align-items:center;
      flex-direction:row;
      justify-content:end;
    }

    @media (max-width: 1024px) {

    .dySeNG {
      width:100%;
      flex-direction:column;
    }
    }

    .ebdidT {
      color:#171717;
      padding:0 clamp(8px, 2vw, 16px);
      font-size:clamp(1rem, 4vw, 1rem);
      text-align:center;
      font-weight:600;
      line-height:1.4;
      margin-bottom:clamp(6px, 2vw, 8px);
    }

    .fBsCcr {
      display:flex;
      row-gap:5px;
      column-gap:5px;
    }

    .bXDWXd {
      gap:30px;
      width:100%;
      height:100%;
      position:relative;
    }

    .ezHNws {
      color:var(--grey-300, #D4D4D4);
      margin:0px;
      font-size:1.125rem;
      font-weight:var(--font-weight-semi-bold);
    }

    .bdLcqq {
      color:var(--Xwhite, #e7e9ea);
      font-size:1.125rem;
      font-weight:var(--font-weight-semi-bold);
    }

    .NtndZ {
      color:#616161;
      margin:0px;
      font-size:0.875rem;
      font-weight:var(--font-weight-semi-bold);
    }

    .cQwhEk {
      color:#d8eaf3e3;
      margin:0px;
      font-size:1rem;
      font-weight:500;
    }

    .bhELdI {
      color:var(--grey-00, #ffffffff);
      width:90px;
      height:40px;
      font-size:0.9rem;
      align-items:center;
      border-radius:20px;
      justify-content:center;
      background-color:#00598f;
    }

    .eENJsG {
      color:#ffffff;
      margin:0px;
      font-size:0.875rem;
      font-weight:var(--font-weight-semi-bold);
    }

    .JnYag {
      color:#e7e9ea63;
      margin:0px;
      font-size:1rem;
      font-weight:500;
    }

    .catwnk {
      color:#dece1be6;
      width:4rem;
      height:100%;
    }

    .fAUQaP {
      color:#ffffff;
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      font-size:clamp(0.875rem, 3.5vw, 0.9375rem);
      background:#3470f4;
      min-height:clamp(44px, 11vw, 48px);
      align-items:center;
      font-weight:500;
      padding-top:clamp(12px, 3vw, 14px);
      border-radius:clamp(5px, 1.5vw, 6px);
      margin-bottom:clamp(10px, 2.5vw, 12px);
      padding-bottom:clamp(12px, 3vw, 14px);
      justify-content:center;
    }

    .fAUQaP:hover {
      background-color:#1d4ed8;
    }

    .fAUQaP.unchecked {
      background:#cfcfcf;
    }

    .cYMWFP {
      width:100%;
      height:80px;
      display:none;
    }

    .dOSTQP {
      color:#6e6e6e;
      font-size:1rem;
      font-weight:400;
    }

    .bRwhss {
      color:#8c8c8ce3;
      margin:0px;
      font-size:var(--font-size-xs);
      font-weight:500;
    }

    .fsdLsf {
      width:100%;
      height:50px;
      flex-direction:row;
    }

    .setting\:NZaEp03BUu5uZePt54530 {
      color:#940000;
    }

    .ckCLOd {
      width:100%;
      height:100vh;
      display:flex;
      z-index:9;
      position:absolute;
      align-items:center;
      border-radius:12px;
      flex-direction:column;
      justify-content:center;
    }

    .djrAKh {
      color:#3d3d3d;
      width:100%;
      cursor:pointer;
      display:flex;
      flex-wrap:nowrap;
      font-size:clamp(0.875rem, 3.5vw, 0.9375rem);
      align-items:flex-start;
      padding-left:0px;
      padding-right:0px;
      flex-direction:column;
      justify-content:center;
    }

    .enVaLV {
      color:#737373;
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      padding:clamp(8px, 2vw, 10px);
      font-size:clamp(0.875rem, 3.5vw, 0.9375rem);
      background:none;
      min-height:clamp(40px, 10vw, 44px);
      align-items:center;
      justify-content:center;
    }

    .enVaLV:hover {
      color:#171717;
    }

    .bLnNrD {
      color:#3d3d3d;
font-size: clamp(0.875rem, 3.5vw, 0.9375rem);
cursor: pointer;
display: flex;
align-items: center;
margin-bottom: clamp(12px, 3vw, 14px);
flex-direction: row;
padding-left: 0px;
padding-right: 0px;
flex-wrap: nowrap;
width: 100%;
    }

    .expQLR {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:fixed;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .bPQgxQ {
      flex:1;
      width:100%;
    }

    .epbcTJ {
      color:var(--grey-00, #ffffffff);
      font-size:1rem;
      font-weight:var(--font-weight-semi-bold);
    }

    .dvtxsQ {
      color:var(--Xwhite, #e7e9ea);
      width:90px;
      height:90px;
      font-size:1.6rem;
      align-items:center;
      font-weight:600;
      border-radius:50px;
      justify-content:center;
      background-color:#21679c3b;
    }

    .fBeWRy {
      color:#757575;
    }

    .deEiKS {
      color:var(--grey-50, #FAFAFA);
      width:100%;
      cursor:pointer;
      font-size:0.8rem;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      border-radius:20px;
      outline-color:#ffffff30;
      outline-style:solid;
      outline-width:1px;
      padding-right:8px;
      padding-bottom:8px;
      justify-content:start;
      background-color:#2563eb00;
    }

    .deEiKS:hover {
      background-color:var(--grey-700, #404040);
    }

    .TQMxq {
      height:100px;
      display:none;
      align-items:center;
      justify-content:center;
    }

    .erGXZr {
      gap:5px;
      width:100%;
      height:70px;
      display:none;
      background:#601515f5;
      align-items:center;
      border-color:#42424245;
      border-style:solid;
      border-width:1px;
      padding-left:15px;
      border-radius:12px;
      padding-right:15px;
      justify-content:center;
    }

    .erGXZr:hover {
      background:#9d0202;
    }

    .bvJCsy {
      color:#737373;
      padding:0 clamp(8px, 2vw, 16px);
      font-size:clamp(0.8125rem, 3vw, 0.875rem);
      text-align:center;
      margin-bottom:clamp(18px, 4vw, 24px);
    }

    .cGxEqX {
      gap:5px;
      width:100%;
      height:70px;
      display:none;
      align-items:start;
      padding-left:15px;
      padding-right:15px;
      justify-content:center;
      border-bottom-color:#242424d6;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .dcpfGW {
      gap:15px;
      width:500px;
      height:fit-content;
      position:relative;
      max-width:90vw;
      box-shadow:0px 6px 12px 0 #0000002b;
      transition:translate 300ms ease 0ms normal;
      padding-top:10px;
      padding-left:30px;
      border-radius:12px;
      padding-right:30px;
      flex-direction:column;
      padding-bottom:10px;
      background-color:#171717;
    }

    @media (max-width: 809px) {

    .dcpfGW {
      width:400px;
      align-items:center;
      justify-content:start;
    }
    }

    .dcpfGW {
      
    @starting-style {
      translate:0 60px;
    }
    }

    .ejCuGn {
      gap:15px;
      width:100%;
      padding-left:10px;
      padding-right:10px;
    }

    .bJsXPr {
      gap:15px;
      width:200px;
      height:100%;
      flex-wrap:wrap;
      padding-left:15px;
      padding-right:15px;
    }

    @media (max-width: 700px) {

    .bJsXPr {
      width:100%;
      height:fit-content;
      display:flex;
      align-items:flex-start;
      padding-top:30px;
      border-color:#00000000;
      border-style:solid;
      border-width:1px;
      flex-direction:row;
      padding-bottom:20px;
      justify-content:flex-start;
    }
    }

    .eVWwAk {
      gap:4px;
      flex:1;
    }

    .craRIb {
      color:#999999;
      width:90px;
      cursor:not-allowed;
      background:#42424257;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      border-radius:20px;
      padding-right:8px;
      padding-bottom:8px;
      justify-content:center;
    }

    .craRIb:hover {
      background:#ababab45;
    }

    @media (max-width: 1024px) {

    .craRIb {
      width:100%;
    }
    }

    .craRIb.activated {
      color:#c4c4c4;
      cursor:pointer;
      background:#700000;
    }

    .ddbpQc {
      color:#6e6e6e;
      display:inline-block;
      flex-wrap:wrap;
      font-size:inherit;
      font-style:italic;
      font-weight:700;
    }

    .cFRckq {
      width:100vw;
      height:100vh;
      display:none;
      z-index:9;
    }

    .ediIQo {
      color:var(--grey-200, #E5E5E5);
      width:100%;
      cursor:pointer;
      font-size:0.8rem;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      border-radius:6px;
      outline-color:#ffffff;
      outline-style:solid;
      outline-width:1px;
      padding-right:8px;
      padding-bottom:8px;
      justify-content:start;
      background-color:#2563eb03;
    }

    .ediIQo:hover {
      background-color:var(--blue-500, #3B82F6);
    }

    .djTGQS {
      width:100%;
      height:70px;
      display:flex;
      row-gap:15px;
      column-gap:15px;
      align-items:center;
      padding-left:15px;
      padding-right:15px;
      flex-direction:row;
      justify-content:flex-start;
      border-bottom-color:#242424d6;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .cJCXBS {
      gap:10px;
      width:100%;
      height:fit-content;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
      border-bottom-color:#242424d6;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .blbBEA {
      width:clamp(280px, 92vw, 420px);
      display:flex;
      opacity:1;
      position:relative;
      max-width:95vw;
      translate:0 0;
      box-shadow:0px 8px 24px 0 rgba(0,0,0,0.15);
      max-height:90vh;
      overflow-y:auto;
      transition:opacity 300ms ease 0ms, translate 300ms ease 0ms;
      padding-top:30px;
      padding-left:clamp(20px, 5vw, 32px);
      border-radius:clamp(10px, 2.5vw, 12px);
      padding-right:clamp(20px, 5vw, 32px);
      flex-direction:column;
      padding-bottom:30px;
      background-color:#ffffff;
    }

    .blbBEA {
      
    @starting-style {
      opacity:0;
      translate:0 32px;
    }
    }

    .WqBuf {
      padding-left:10px;
      padding-right:10px;
    }

    .dcLJic {
      color:#f0f0f0a1;
      display:inline-block;
      flex-wrap:wrap;
      font-size:inherit;
      text-align:center;
      font-family:inherit;
      font-weight:400;
    }

    .dQvHca {
      gap:10px;
      width:100%;
      height:70px;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
      border-bottom-color:#242424d6;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .fjwMml {
      color:var(--Xwhite, #e7e9ea);
      width:50px;
      height:50px;
      font-size:1.3rem;
      align-items:center;
      font-weight:600;
      border-radius:50px;
      justify-content:center;
      background-color:#21679c3b;
    }

    .bsiwTZ {
      width:50%;
      height:50px;
      align-items:end;
      justify-content:start;
    }

    .bxCuKr {
      gap:10px;
      width:100%;
      height:fit-content;
      padding-top:20px;
      padding-bottom:20px;
    }

    .bmOufm {
      flex:1;
      width:100%;
      height:fit-content;
      align-items:end;
      padding-top:10px;
      padding-bottom:10px;
      justify-content:center;
    }

    .fiBYZt {
      gap:30px;
      flex:1;
      width:100%;
      height:100%;
      flex-wrap:nowrap;
    }

    .bfHsjl {
      width:500px;
      bottom:20%;
      display:flex;
      position:relative;
      max-width:90vw;
      background:#141619;
      box-shadow:0px 6px 12px 0 #0000002b;
      padding-top:20px;
      padding-left:15px;
      border-radius:12px;
      padding-right:15px;
      flex-direction:column;
      padding-bottom:20px;
    }

    .fykcsf {
      color:#ffffff;
      font-size:1.3rem;
      font-weight:600;
    }

    .ehZjug {
      gap:8px;
      color:#ffffffcc;
      width:100%;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:700;
      flex-direction:column;
    }

    .fxlERM {
      color:var(--grey-50, #FAFAFA);
      width:100%;
      cursor:pointer;
      display:flex;
      font-size:.8rem;
      align-items:center;
      padding-top:8px;
      border-color:#57575787;
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      border-radius:6px;
      padding-right:8px;
      flex-direction:column;
      padding-bottom:8px;
      justify-content:start;
      background-color:var(--ColorPrimaryHover, #1da1f2);
    }

    .edVrOu {
      color:var(--grey-00, #ffffffff);
      width:fit-content;
      height:35px;
      font-size:0.8rem;
      background:#7f0505;
      align-items:center;
      border-color:#414244;
      border-style:solid;
      border-width:1px;
      padding-left:20px;
      border-radius:20px;
      padding-right:20px;
      justify-content:center;
    }

    .bSFBHo {
      color:var(--grey-00, #ffffffff);
      width:fit-content;
      height:35px;
      font-size:0.9rem;
      align-items:center;
      border-color:#414244;
      border-style:solid;
      border-width:1px;
      padding-left:10px;
      border-radius:20px;
      padding-right:10px;
      justify-content:center;
      background-color:#3e3c3c;
    }

    .ffoIKC {
      color:var(--grey-200, #E5E5E5);
      width:90px;
      cursor:pointer;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      border-radius:20px;
      outline-color:#ffffff30;
      outline-style:solid;
      outline-width:0.4px;
      padding-right:8px;
      padding-bottom:8px;
      justify-content:center;
      background-color:#2563eb00;
    }

    .ffoIKC:hover {
      background-color:#3333338f;
    }

    @media (max-width: 1024px) {

    .ffoIKC {
      width:100%;
    }
    }

    .FghXh {
      width:670px;
      height:600px;
      display:flex;
      opacity:1;
      row-gap:30px;
      z-index:13;
      position:relative;
      flex-wrap:wrap;
      max-width:100%;
      translate:0;
      background:#161718;
      box-shadow:0px 6px 12px 0 #1c1c1c2b;
      column-gap:30px;
      transition:opacity 500ms ease-in-out 0ms normal, translate 500ms ease 0ms normal;
      padding-top:10px;
      border-color:#242424;
      border-style:solid;
      border-width:1px;
      padding-left:6px;
      border-radius:12px;
      padding-right:6px;
      flex-direction:column;
      padding-bottom:10px;
    }

    .FghXh {
      
    @starting-style {
      opacity:0;
      translate:0 60px;
      transition:width 500ms ease 0ms normal;
      transform-style:preserve-3d;
      transform-origin:0px;
    }
    }

    @media (max-width: 700px) {

    .FghXh {
      
    @starting-style {
      opacity:0;
      translate:0 100% 0;
      transition:width 500ms ease 0ms normal;
      transform-style:preserve-3d;
      transform-origin:0px;
    }
    }
    }

    .UxjgR {
      width:clamp(18px, 4.5vw, 20px);
      cursor:pointer;
      height:clamp(18px, 4.5vw, 20px);
      flex-shrink:0;
      border-color:black;
      border-style:solid;
      border-width:1px;
      margin-right:clamp(10px, 2.5vw, 12px);
      border-top-left-radius:50px;
      border-top-right-radius:50px;
      border-bottom-left-radius:50px;
      border-bottom-right-radius:50px;
    }

    .UxjgR.checked {
      background:var(--ColorPrimaryHover);
    }

    .fcJijR {
      color:#8f8f8f;
      z-index:6;
    }

    .fBEMUv {
      color:#ffffff;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .bYYVYq {
      gap:15px;
      width:100%;
      height:80px;
      flex-wrap:nowrap;
      align-items:end;
      flex-direction:column;
      justify-content:center;
    }

    .eaSzpC {
      width:100%;
      height:70px;
      display:flex;
      flex-direction:column;
    }

    .cXKSYK {
      gap:35px;
      flex:1;
      width:100%;
      height:100%;
      flex-wrap:nowrap;
    }

    .eYmCA-D {
      color:#ffffff;
      display:flex;
      font-size:1.125rem;
      align-items:start;
      font-weight:var(--font-weight-semi-bold);
      flex-direction:column;
      justify-content:start;
    }

    .fkHKuj {
      top:0px;
      left:0px;
      color:#dece1be6;
      right:0px;
      width:var(--large);
      bottom:0px;
      height:100%;
      display:none;
      position:relative;
    }

    .cmaWzd {
      color:#ffffff;
      width:100%;
      height:30px;
      padding-top:10px;
      border-color:#404040;
      border-style:solid;
      border-width:1px;
      padding-left:10px;
      padding-right:10px;
      padding-bottom:10px;
      border-top-left-radius:9px;
      border-top-right-radius:9px;
      border-bottom-left-radius:9px;
      border-bottom-right-radius:9px;
    }

    .eqOLbk {
      width:100%;
      height:fit-content;
      align-items:start;
      padding-top:15px;
      padding-bottom:15px;
      justify-content:center;
      border-bottom-color:#474747;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .cJdirq {
      top:0px;
      left:0px;
      color:#dece1be6;
      right:0px;
      width:2rem;
      bottom:0px;
      height:100%;
      position:relative;
      align-items:start;
      justify-content:start;
    }

    .ffovSN {
      flex:2;
      width:100%;
      height:fit-content;
      display:flex;
      flex-direction:row;
    }

    @media (max-width: 700px) {

    .ffovSN {
      flex:1;
      width:100%;
      height:fit-content;
      display:flex;
      flex-direction:column;
    }
    }

    .dpJUuL {
      top:10px;
      width:100%;
      height:20px;
      align-items:end;
      padding-left:15px;
      padding-right:15px;
      flex-direction:row;
      justify-content:space-between;
    }

    .fesJiQ {
      display:flex;
      row-gap:10px;
      column-gap:10px;
      flex-direction:column;
    }

    .blVyrv {
      width:clamp(36px, 10vw, 48px);
      height:clamp(36px, 10vw, 48px);
      margin-bottom:clamp(12px, 3vw, 16px);
    }

    .xSbLx {
      color:#ffffff;
      display:inline-block;
      font-size:1.5rem;
      text-align:center;
      font-weight:var(--font-weight-semi-bold);
      padding-top:10px;
      padding-bottom:10px;
    }

    .web-window-manager\:baWogp1mUBsDLaOkm__9n {
      width:100%;
    }

    .dYiMkG {
      color:#756c6c;
      width:100%;
      cursor:not-allowed;
      background:#3e597a85;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      border-radius:6px;
      padding-right:8px;
      padding-bottom:8px;
      justify-content:start;
    }

    .dYiMkG:hover {
      background-color:var(--blue-500, #3B82F6);
    }

    .dYiMkG.good {
      color:#ffffff;
      cursor:pointer;
      background:#0461a4;
    }

    .web-window-manager\:cVewTLYCtb0IMKDUtfab0 {
      max-width:2rem;
    }

    .bWpTnd {
      width:fit-content;
      height:auto;
    }

    .so-button-secondary\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:fit-content;
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-secondary\:root:hover {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-button-secondary\:root:active {
      transition:none;
      background-color:var(--neutral-4, #2B292D);
    }

    .so-button-secondary\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-button-secondary\:root.trigger-open {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-button-secondary\:root.disabled {
      opacity:0.5;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .ckeMDa {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .chgvTy {
      width:25px;
      height:25px;
      animation:spinner 1s linear infinite;
      border-radius:50%;
    }

    .ffcKG {
      width:100%;
      height:100%;
      position:absolute;
      border-color:transparent;
      border-style:solid;
      border-width:4px;
      border-radius:50%;
      border-top-color:var(--color, #EEEEF0);
      border-top-style:solid;
      border-top-width:4px;
    }

    .bDGgpC {
      width:100%;
      height:100%;
      opacity:0.3;
      position:absolute;
      border-color:var(--color, #EEEEF0);
      border-style:solid;
      border-width:4px;
      border-radius:50%;
    }

    .web-window-manager\:eEH-huvRNbu48csmjssPB {
      width:100%;
      background:#000000;
      font-family:Inter;
      border-color:black;
      border-style:solid;
      border-width:1px;
      border-top-left-radius:15px;
      border-top-right-radius:15px;
      border-bottom-left-radius:15px;
      border-bottom-right-radius:15px;
    }

    .web-window-manager\:eEH-huvRNbu48csmjssPB:hover {
      background:#000000;
    }

    .eNiPME {
      top:-10px;
      left:14px;
      display:flex;
      z-index:2;
      position:absolute;
      background:#036a96;
      align-items:center;
      padding-top:2px;
      padding-left:6px;
      padding-right:6px;
      padding-bottom:2px;
      justify-content:center;
      border-top-left-radius:3px;
      border-top-right-radius:3px;
      border-bottom-left-radius:3px;
      border-bottom-right-radius:3px;
    }

    .cFfGoN {
      width:100%;
      height:25px;
    }

    .eUoYCr {
      color:inherit;
      display:inline-block;
      font-size:0.9rem;
    }

    .bppon {
      width:100%;
      height:100vh;
      display:flex;
      z-index:9;
      position:fixed;
      align-items:center;
      padding-top:40px;
      border-radius:12px;
      flex-direction:column;
      padding-bottom:40px;
      backdrop-filter:blur(10px);;
      justify-content:center;
    }

    .doujeK {
      gap:10px;
      width:100%;
      position:relative;
      align-items:center;
      justify-content:center;
    }

    .ouEfH {
      width:670px;
      height:450px;
      display:none;
      opacity:1;
      position:relative;
      max-width:90vw;
      translate:0;
      box-shadow:0px 6px 12px 0 #0000002b;
      transition:opacity 500ms ease-in-out 0ms normal, translate 500ms ease 0ms normal;
      border-radius:12px;
      background-color:#000000;
    }

    @media (max-width: 809px) {

    .ouEfH {
      width:400px;
      align-items:center;
      justify-content:start;
    }
    }

    .ouEfH {
      
    @starting-style {
      opacity:0;
      translate:0 60px;
      transition:width 500ms ease 0ms normal;
      transform-style:preserve-3d;
      transform-origin:0px;
    }
    }

    .enEoMs {
      width:50%;
      height:100%;
      padding-top:12px;
      padding-left:12px;
      padding-right:12px;
      padding-bottom:12px;
    }

    @media (max-width: 809px) {

    .enEoMs {
      width:100%;
    }
    }

    .hjret {
      gap:10px;
      padding-top:15px;
      padding-bottom:15px;
    }

    .cPuQIf {
      width:100%;
    }

    @media (max-height: 786px) {

    .cPuQIf {
      display:none;
    }
    }

    .eYsyjs {
      color:#fffffff2;
      display:flex;
      flex-direction:column;
    }

    .dXiflL {
      color:var(--Xwhite, #e7e9ea);
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:700;
      flex-direction:column;
      justify-content:center;
    }

    .dLZJGg {
      gap:15px;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .fGdygN {
      color:var(--ColorPrimaryHover, #1da1f2);
      font-size:1.5rem;
      font-weight:var(--font-weight-bold);
    }

    .bUmbBK {
      gap:12px;
      flex:1;
      height:100%;
      align-items:start;
      padding-left:16px;
      padding-right:16px;
      flex-direction:column;
      justify-content:start;
    }

    .JvZIa {
      display:none;
    }

    .caegaV {
      color:#ffffffb5;
      font-size:0.9rem;
      font-family:inherit;
      font-weight:300;
    }

    .cEaLfs {
      width:100%;
      height:100%;
      display:flex;
      padding-top:12px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:column;
      padding-bottom:12px;
    }

    @media (max-width: 809px) {

    .cEaLfs {
      width:100%;
    }
    }

    .fsFggJ {
      color:#32d2afe8;
    }

    .dFViLT {
      color:var(--grey-500, #737373);
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:700;
      flex-direction:column;
      justify-content:center;
    }

    .bdbczR {
      width:100%;
      height:100%;
      object-fit:cover;
      border-top-left-radius:12px;
      border-top-right-radius:0px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:0px;
    }

    .dLGpBi {
      gap:20px;
      width:100%;
      padding-top:15px;
      padding-bottom:15px;
    }

    .dyUauv {
      color:#FFD700;
    }

    .cbRHmP {
      gap:10px;
    }

    .zRBas {
      gap:10px;
      color:var(--grey-200, #E5E5E5);
      width:100%;
      cursor:pointer;
      align-items:center;
      padding-top:8px;
      border-color:#4a4a4acc;
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      border-radius:20px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
    }

    .zRBas:hover {
      background-color:#101213ed;
    }

    .dcNQiU {
      gap:10px;
      color:var(--black, black);
      width:100%;
      cursor:pointer;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      border-radius:20px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
      background-color:var(--Xwhite, #e7e9ea);
    }

    .dcNQiU:hover {
      color:var(--black, black);
      background-color:#f3f4f757;
    }

    .OeVmj {
      width:500px;
      display:flex;
      opacity:1;
      position:relative;
      max-width:90vw;
      translate:0;
      box-shadow:0px 6px 12px 0 #0000002b;
      transition:opacity 500ms ease-in-out 0ms normal, translate 500ms ease 0ms normal;
      padding-top:20px;
      border-radius:12px;
      flex-direction:column;
      padding-bottom:20px;
      background-color:#000000;
    }

    @media (max-width: 809px) {

    .OeVmj {
      width:400px;
      align-items:center;
      justify-content:start;
    }
    }

    .OeVmj {
      
    @starting-style {
      opacity:0;
      translate:0 60px;
      transition:width 500ms ease 0ms normal;
      transform-style:preserve-3d;
      transform-origin:0px;
    }
    }

    .boOIxX {
      color:#ffffff;
      font-size:1.5rem;
      font-weight:var(--font-weight-lighter);
    }

    .cDpEjZ {
      color:var(--ColorPrimaryHover, #1da1f2);
      display:none;
      font-size:1.5rem;
      font-weight:var(--font-weight-bold);
    }

    .deqKKB {
      width:50%;
      height:100%;
    }

    @media (max-width: 809px) {

    .deqKKB {
      display:none;
    }
    }

    .cnIRFY {
      width:100%;
      display:none;
      max-height:200px;
    }

    @media (max-width: 809px) {

    .cnIRFY {
      display:none;
    }
    }

    .iDuQL {
      color:#ffffff;
      font-size:1.5rem;
      font-family:'Inter';
      font-weight:400;
    }

    .fGaPJO {
      gap:12px;
      flex:1;
      width:100%;
      height:100%;
      align-items:start;
      padding-left:16px;
      padding-right:16px;
      flex-direction:column;
      justify-content:start;
    }

    .dapLkJ {
      font-size:var(--font-size-sm);
      font-family:inherit;
      font-weight:var(--font-weight-light);
    }

    .LJUjz {
      width:100%;
      position:relative;
      align-items:center;
      justify-content:center;
    }

    .dpYzAb {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:fixed;
      align-items:center;
      flex-direction:column;
      justify-content:center;
      background-color:#1212128f;
    }

    .AwMxs {
      gap:10px;
      color:var(--grey-200, #E5E5E5);
      width:100%;
      cursor:pointer;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      border-radius:6px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
      background-color:var(--ColorPrimaryHover, #1da1f2);
    }

    .AwMxs:hover {
      background-color:var(--blue-500, #3B82F6);
    }

    .A-dfnC {
      gap:20px;
      padding-top:15px;
      padding-bottom:15px;
    }

    .dtGMOU {
      gap:100%;
      width:100%;
    }

    .dsUJwi {
      height:55px;
      flex-wrap:nowrap;
      align-items:center;
      padding-left:10px;
      border-radius:20px;
      padding-right:10px;
      flex-direction:row;
      justify-content:space-between;
      background-color:#258cd41f;
    }

    .dsUJwi.selected {
      border-color:var(--ColorPrimaryHover, #1da1f2);
      border-style:solid;
      border-width:2px;
      background-color:#0a9ff047;
    }

    .cjJbwC {
      width:30%;
      align-items:center;
      justify-content:center;
    }

    .bLVzBn {
      color:var(--grey-500, #737373);
      display:flex;
      font-size:0.875rem;
      font-weight:var(--font-weight-semi-bold);
      flex-direction:column;
    }

    .cKLQYG {
      color:#ffffffe0;
      font-size:1.125rem;
      font-weight:var(--font-weight-semi-bold);
    }

    .eBIscc {
      color:var(--Xwhite, #e7e9ea);
    }

    .bMnIxE {
      gap:4px;
      flex:1;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .cxHaPL {
      gap:5px;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .eKqwMU {
      color:var(--grey-300, #D4D4D4);
      font-size:1rem;
      font-weight:var(--font-weight-semi-bold);
    }

    .bfzmzg {
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .eNhKBC {
      color:#a1a1a1;
      width:100%;
      cursor:pointer;
      height:50px;
      display:none;
      padding-top:8px;
      border-color:#40404096;
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      border-radius:30px;
      padding-right:8px;
      padding-bottom:8px;
      background-color:#0260e336;
    }

    .eNhKBC:hover {
      background-color:#1c1e2291;
    }

    .dWpjQt {
      gap:10px;
      color:#e3e3e3;
      width:100%;
      cursor:pointer;
      height:40px;
      display:flex;
      font-size:1rem;
      align-items:center;
      padding-top:8px;
      border-color:#40404096;
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      border-radius:12px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
    }

    .dWpjQt:hover {
      background:#222020;
    }

    .web-window-manager\:i5QIyLutVK1t8BMTc4can {
      width:100%;
    }

    .GMxiw {
      top:-26px;
      left:4px;
      display:flex;
      z-index:2;
      position:sticky;
      background:#036a96;
      align-items:center;
      padding-top:2px;
      padding-left:6px;
      padding-right:6px;
      padding-bottom:2px;
      justify-content:center;
      border-top-left-radius:3px;
      border-top-right-radius:3px;
      border-bottom-left-radius:3px;
      border-bottom-right-radius:3px;
    }

    .fBvfJD {
      color:#ffffff;
      width:fit-content;
      cursor:pointer;
      height:30px;
      display:flex;
      row-gap:7px;
      z-index:9;
      background: #141414;
      column-gap:7px;
      align-items:center;
      flex-shrink:0;
      padding-top:8px;
      white-space:nowrap;
      padding-left:12px;
      border-radius:6px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:8px;
      pointer-events:auto;
      justify-content:center;
    }

    .fBvfJD:hover {
      color:#ffffff;
      background:#171717;
    }

    .flCkpk {
      color:inherit;
      width:1rem;
      height:1rem;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      margin-right:-0.5rem;
      flex-direction:column;
    }

    .eGtlZH {
      display:none;
      animation:2s ease 0ms 1 normal none running animation-empty;
      font-size:0.6rem;
      translate:0 0 0;
      transition:all 300ms ease;
    }

    @media (max-width: 1024px) {

    .eGtlZH {
      color:#dedede;
      width:100%;
      cursor:pointer;
      display:flex;
      z-index:12;
      overflow:hidden;
      position:relative;
      animation:;
      max-width:100vw;
      background:#000000;
      box-sizing:border-box;
      transition:all 300ms ease;
      align-items:center;
      padding-top:9px;
      padding-left:10vw;
      padding-right:10vw;
      flex-direction:row;
      padding-bottom:9px;
      pointer-events:auto;
      justify-content:space-between;
    }
    }

    .eGtlZH.scroll-down {
      animation:;
      translate:0 125% 0;
      background:#000000;
      transition:all 300ms ease;
    }

    .eGtlZH {
      
    @starting-style {
      translate:0 100% 0;
      transition:all 300ms ease;
    }
    }

    .yBknt {
      color:#f01414e8;
      font-size:1.8rem;
      text-align:center;
      font-weight:var(--font-weight-bold);
    }

    .fswmAQ {
      text-align:left;
    }

    .eNkAaG {
      left:0px;
      width:100%;
      display:flex;
      overflow:hidden;
      max-width:100vw;
      background:#000000;
      box-sizing:border-box;
      align-items:center;
      padding-top:12px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:12px;
      pointer-events:auto;
      justify-content:space-between;
    }

    @media (max-width: 1024px) {

    .eNkAaG.scroll-down {
      display:flex;
      z-index:7;
      animation:;
      background:#000000;
      transition:display 300ms ease, all 300ms ease;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }
    }

    .djTOTD {
      gap:30px;
      color:#ffffff;
      width:100%;
      height:100%;
      overflow:hidden;
      max-width:100vw;
      box-sizing:border-box;
      align-items:center;
      padding-top:-90px;
      flex-direction:column;
      pointer-events:auto;
      justify-content:space-between;
    }

    .fiifnl {
      color:#ffffffe8;
      font-size:1.8rem;
      text-align:center;
      font-weight:var(--font-weight-bold);
    }

    .eDjSzf {
      width:90px;
      height:17px;
      align-items:center;
      justify-content:center;
    }

    .duwWpL {
      color:#000000;
      width:100%;
      cursor:pointer;
      display:flex;
      row-gap:10px;
      background:white;
      column-gap:10px;
      align-items:center;
      padding-top:12px;
      padding-left:8px;
      border-radius:6px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:12px;
      justify-content:center;
    }

    .duwWpL:hover {
      color:#000000;
      background:#e3e3e39e;
      border-color:#4a4a4ab5;
      border-style:solid;
      border-width:1px;
    }

    .duwWpL.is-closed {
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .bmpaOc {
      flex:1;
      width:20px;
      height:100%;
      display:flex;
      font-size:0.9rem;
    }

    .fhSHLR {
      height:100%;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      flex-shrink:0;
      justify-content:center;
    }

    .dmdZRu {
      color:#c50202;
    }

    .ZkHHC {
      height:100%;
      flex-grow:2;
      text-align:left;
    }

    .ATvqV {
      overflow:hidden;
      flex-grow:1;
      flex-wrap:wrap;
      max-width:100vw;
      align-items:center;
      flex-shrink:1;
      flex-direction:column;
      justify-content:flex-start;
    }

    .dFUFxA {
      color:#5e5e5e;
      text-align:left;
    }

    .bJTTjT {
      color:#ffffff;
      width:100%;
      height:fit-content;
      display:flex;
      opacity:1;
      font-size:var(--font-size-sm);
      align-items:flex-start;
      flex-shrink:0;
      font-weight:600;
      padding-top:var(--small);
      padding-left:var(--small);
      padding-right:var(--small);
      flex-direction:row;
      padding-bottom:var(--small);
      justify-content:flex-start;
      border-bottom-color:transparent;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .cgLIgf {
      width:100%;
      height:100%;
      z-index:6;
      position:fixed;
      backdrop-filter:blur(5px);;
      background-color:#4a4a4a38;
    }

    @media (min-width: 1024px) {

    .cgLIgf {
      display:none;
      z-index:99999999999;
    }
    }

    .web-window-manager\:xzKtUp0eLptDHHa6Qvy0F {
      width:100%;
    }

    .WPTfu {
      width:100%;
      display:flex;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .dUOdNf {
      display:block;
      border-radius:12px;
    }

    .AFPa-D {
      width:100%;
      margin:0 auto;
    }

    .fgSdD {
      color:#ffffff;
      width:40px;
      height:40px;
      display:flex;
      background:#2b2b2b;
      align-items:center;
      justify-content:center;
      border-top-left-radius:50%;
      border-top-right-radius:50%;
      border-bottom-left-radius:50%;
      border-bottom-right-radius:50%;
    }

    @media (max-width: 1024px) {

    .fgSdD {
      top:10px;
      left:10px;
      display:flex;
      z-index:5;
      position:fixed;
    }
    }

    .fgSdD:hover {
      background:#6b6b6b;
    }

    .fFPHNt {
      flex:1;
      width:100%;
      border:1px solid #333;
      height:fit-content;
      display:flex;
      padding:24px;
      flex-wrap:nowrap;
      min-width:320px;
      align-items:flex-start;
      border-radius:16px;
      flex-direction:column;
      justify-content:flex-start;
      background-color:#1e1e1e;
    }

    .nqoie {
      gap:30px;
      flex:1;
      color:#ffffff;
      width:100%;
      opacity:1;
      z-index:2;
      flex-wrap:wrap;
      max-width:1400px;
      min-height:100vh;
      transition:opacity 200ms ease 0ms , translate 200ms ease 0ms ;
      align-items:start;
      padding-top:40px;
      padding-left:40px;
      padding-right:40px;
      flex-direction:row;
      justify-content:center;
      background-color:#121212;
    }

    .nqoie {
      
    @starting-style {
      opacity:0;
      translate:0 12px;
      transition:opacity 300ms ease 0ms , gap 300ms ease;
    }
    }

    @media (max-width: 850px) {

    .nqoie {
      gap:20px;
      width:100%;
      height:100%;
      padding-left:10px;
      padding-right:10px;
      flex-direction:column;
    }
    }

    .fBuNkx {
      width:90%;
      display:flex;
      overflow:hidden;
      max-width:450px;
      background:#0f172a;
      box-shadow:0px 25px 50px -12px rgba(0,0,0,0.8);
      max-height:600px;
      font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      border-radius:20px;
      flex-direction:column;
    }

    .eYnvDL {
      top:0px;
      width:100%;
      bottom:7vh;
      height:auto;
      display:flex;
      z-index:5;
      position:fixed;
      max-width:min-content;
      align-items:center;
      pointer-events:none;
      justify-content:flex-end;
    }

    @media (max-width: 850px) {

    .eYnvDL.hide-mobile {
      display:none;
    }
    }

    .cZzEZm {
      display:contents;
    }

    .biYRGC {
      width:100%;
      display:flex;
      padding:24px;
      background:#0f172a;
      align-items:center;
      flex-direction:column;
    }

    .eCDDgG {
      width:100%;
      background:#000000;
      padding-top:24px;
      padding-bottom:24px;
    }

    .ceswUF {
      width:100%;
      border:1px solid #333;
      height:fit-content;
      display:flex;
      flex-wrap:wrap;
      align-items:flex-start;
      padding-top:10px;
      padding-left:15px;
      padding-right:15px;
      flex-direction:column;
      padding-bottom:10px;
      justify-content:flex-start;
      background-color:#141414;
    }

    .cwBXsQ {
      width:100%;
      align-items:center;
      flex-direction:column;
      justify-content:start;
    }

    .bRSQYd {
      margin:0px;
      display:flex;
      font-size:clamp(1.8rem, 5vw, 2.2rem);
      text-align:center;
      font-weight:900;
      line-height:1.1;
      flex-direction:column;
    }

    .cUOEKH {
      gap:20px;
      flex:2;
      width:100%;
      flex-wrap:wrap;
      align-items:start;
      justify-content:center;
    }

    @media (max-width: 430px) {

    .cUOEKH {
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }
    }

    .cpkIUJ {
      top:12px;
      color:white;
      right:12px;
      filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
      z-index:10;
      position:absolute;
      pointer-events:none;
    }

    .IHEof {
      display:flex;
      opacity:1;
      row-gap:15px;
      flex-grow:1;
      translate:0;
      background: #000000;
      column-gap:15px;
      transition:translate 300ms ease 0ms , opacity 300ms ease 0ms ;
      align-items:center;
      flex-shrink:1;
      justify-content:flex-start;
    }

    .IHEof {
      
    @starting-style {
      opacity:0;
      translate:0 20px;
    }
    }

    .vbvAR {
      width:20%;
      height:100%;
      max-width:50px;
      max-height:50px;
      transition:translate 300ms ease 0ms , scale 300ms ease 0ms ;
      align-items:center;
      border-color:#0000003b;
      border-style:solid;
      border-width:1px;
      border-radius:15px;
      justify-content:center;
      background-color:#aea7a7eb;
    }

    .vbvAR:hover {
      scale:1.1;
      transition:translate 300ms ease 0ms , scale 300ms ease 0ms ;
    }

    .bUSGCt {
      color:var(--black, black);
    }

    .dwWggY {
      gap:30px;
      width:100%;
      display:flex;
      max-width:14000px;
      background:#000000;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .dbdhhI {
      gap:8px;
      color:white;
      width:fit-content;
      border:1px solid #3d3d3d;
      height:40px;
      display:flex;
      align-items:center;
      padding-left:15px;
      border-radius:8px;
      padding-right:15px;
      background-color:#2a2a2a;
    }

    .fvyaaj {
      color:#93c5fd;
      width:100%;
      display:flex;
      font-size:0.9rem;
      align-items:center;
      font-weight:700;
      margin-bottom:24px;
      letter-spacing:0.5px;
      justify-content:center;
    }

    .bbGxfV {
      width:100%;
      opacity:1;
      flex-wrap:wrap;
      overflow-y:scroll;
      transition:opacity 700ms ease 0ms , translate 700ms ease 0ms ;
      align-items:center;
      justify-content:start;
    }

    .bbGxfV {
      
    @starting-style {
      opacity:0;
      translate:0 30px;
      transition:opacity 700ms ease 0ms , translate 700ms ease 0ms ;
    }
    }

    .exQYFE {
      color:#ffffff;
      font-size:1.5rem;
      font-weight:700;
      margin-bottom:20px;
      letter-spacing:-0.01em;
    }

    .cOUxuV {
      color:inherit;
      display:inline-block;
      font-size:14px;
      font-weight:600;
    }

    .dvZLOa {
      width:100%;
      height:20%;
      position:absolute;
      align-items:center;
      padding-left:20px;
      padding-right:20px;
      flex-direction:row;
      justify-content:space-between;
    }

    .dpZHhy {
      width:100%;
      height:auto;
      display:block;
      max-height:60vh;
      object-fit:contain;
    }

    .btXNjp {
      width:100%;
      bottom:50px;
      height:fit-content;
      display:flex;
      position:sticky;
      flex-wrap:wrap;
      max-width:100%;
      align-items:center;
      justify-content:center;
    }

    .ca-DouP {
      gap:12px;
      width:100%;
      height:fit-content;
      display:flex;
      align-items:flex-start;
      border-bottom:1px solid #333;
      padding-bottom:16px;
      justify-content:center;
    }

    .bEMAZw {
      color:#ffffff;
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      padding:16px;
      font-size:1rem;
      background:linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
      box-shadow:0 4px 12px rgba(37, 99, 235, 0.4);
      transition:transform 0.1s ease;
      align-items:center;
      font-weight:800;
      border-radius:12px;
      text-transform:uppercase;
      justify-content:center;
    }

    .fmTcBw {
      gap:16px;
      width:100%;
      display:flex;
      padding:0 10px;
      margin-bottom:30px;
      flex-direction:column;
    }

    .cFvpDm {
      width:100%;
      height:auto;
      display:block;
      max-height:85vh;
      object-fit:contain;
      border-radius:8px;
    }

    .bxLhpQ {
      row-gap:7px;
      background:;
      column-gap:7px;
    }

    .fzhOlH {
      width:100%;
      opacity:1;
      flex-wrap:wrap;
      overflow-y:scroll;
      transition:opacity 700ms ease 0ms , translate 700ms ease 0ms , width 300ms ease;
      align-items:center;
      justify-content:start;
      scrollbar-width:none;
    }

    .fzhOlH::-webkit-scrollbar {
    width: 0;
    }

    .fzhOlH {
      
    @starting-style {
      opacity:0;
      translate:0 30px;
      transition:opacity 700ms ease 0ms , translate 700ms ease 0ms ;
    }
    }

    .EWmnD {
      color:#000000;
      flex-wrap:nowrap;
      max-width:100%;
      align-items:center;
      justify-content:start;
    }