
  

  
  @property --error {
  syntax: "<color>";
  inherits: true;
  initial-value: #EF4444;
}
@property --scrim {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(0, 0, 0, 0.4);
}
@property --accent {
  syntax: "<color>";
  inherits: true;
  initial-value: #D5FB07;
}
@property --action {
  syntax: "<color>";
  inherits: true;
  initial-value: #2563EB;
}
@property --red-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF2F2;
}
@property --blue-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EFF6FF;
}
@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 --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 --chart-bar {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D7C0F;
}
@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 --logo-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF;
}
@property --on-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@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 --cta-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@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 --text-faint {
  syntax: "<color>";
  inherits: true;
  initial-value: #9CA3AF;
}
@property --text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #737373;
}
@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 --accent-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D7C0F;
}
@property --border-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --chart-bar-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #737373;
}
@property --cta-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --ease-screen {
  syntax: "*";
  inherits: true;
  initial-value: cubic-bezier(0.4, 0, 0.2, 1);
}
@property --fill-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@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 --shadow-hard {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --text-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --accent-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #BFE206;
}
@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 --logo-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --scrim-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(23, 23, 23, 0.95);
}
@property --surface-page {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF;
}
@property --border-medium {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --border-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --border-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #E5E5E5;
}
@property --error-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFAFA;
}
@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 --surface-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEEEEE;
}
@property --surface-modal {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF;
}
@property --font-size-base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --invert-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --on-cta-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF;
}
@property --surface-raised {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF;
}
@property --surface-sunken {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F5F5;
}
@property --duration-screen {
  syntax: "<time>";
  inherits: true;
  initial-value: 150ms;
}
@property --font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --font-weight-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 100;
}
@property --font-weight-black {
  syntax: "<number>";
  inherits: true;
  initial-value: 900;
}
@property --font-weight-light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --logo-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --logo-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 1px;
}
@property --on-invert-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF;
}
@property --duration-screen-lg {
  syntax: "<time>";
  inherits: true;
  initial-value: 220ms;
}
@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 --invert-surface-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --invert-surface-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #262626;
}
@property --on-cta-surface-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #A3A3A3;
}
@property --font-weight-semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --on-invert-surface-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #A3A3A3;
}

  :host, :root {
  --error: #EF4444;
  --scrim: rgba(0, 0, 0, 0.4);
  --accent: #D5FB07;
  --action: #2563EB;
  --red-50: #FEF2F2;
  --blue-50: #EFF6FF;
  --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;
  --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;
  --chart-bar: #4D7C0F;
  --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;
  --logo-text: #FFFFFF;
  --on-accent: #000000;
  --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;
  --cta-border: #000000;
  --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);
  --text-faint: #9CA3AF;
  --text-muted: #737373;
  --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;
  --accent-text: #4D7C0F;
  --border-soft: #000000;
  --chart-bar-2: #737373;
  --cta-surface: #000000;
  --ease-screen: cubic-bezier(0.4, 0, 0.2, 1);
  --fill-strong: #000000;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-hard: #000000;
  --text-strong: #000000;
  --accent-hover: #BFE206;
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --logo-surface: #000000;
  --scrim-strong: rgba(23, 23, 23, 0.95);
  --surface-page: #FFFFFF;
  --border-medium: #000000;
  --border-strong: #000000;
  --border-subtle: #E5E5E5;
  --error-surface: #FFFAFA;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --surface-hover: #EEEEEE;
  --surface-modal: #FFFFFF;
  --font-size-base: 1rem;
  --invert-surface: #000000;
  --on-cta-surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F5F5F5;
  --duration-screen: 150ms;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --logo-border-color: #000000;
  --logo-border-width: 1px;
  --on-invert-surface: #FFFFFF;
  --duration-screen-lg: 220ms;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --invert-surface-soft: #000000;
  --invert-surface-hover: #262626;
  --on-cta-surface-muted: #A3A3A3;
  --font-weight-semi-bold: 600;
  --on-invert-surface-muted: #A3A3A3;
}
  
  
  [data-nc-theme~="Dark"] {
  --error: #F87171;
  --scrim: rgba(0, 0, 0, 0.7);
  --accent: #D5FB07;
  --action: #3B82F6;
  --grey-50: #171717;
  --grey-100: #262626;
  --grey-200: #404040;
  --grey-300: #525252;
  --grey-400: #737373;
  --grey-500: #A3A3A3;
  --grey-600: #D4D4D4;
  --grey-700: #E5E5E5;
  --grey-800: #F5F5F5;
  --grey-900: #FAFAFA;
  --chart-bar: #65A30D;
  --logo-text: #FFFFFF;
  --on-accent: #000000;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.7), 0 4px 6px -2px rgba(0, 0, 0, 0.7);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.7), 0 2px 4px -1px rgba(0, 0, 0, 0.7);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.7), 0 10px 10px -5px rgba(0, 0, 0, 0.7);
  --cta-border: #3D3D3D;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.7);
  --text-faint: #737373;
  --text-muted: #A3A3A3;
  --accent-text: #D5FB07;
  --border-soft: #363636;
  --chart-bar-2: #A3A3A3;
  --cta-surface: #2E2E2E;
  --ease-screen: cubic-bezier(0.4, 0, 0.2, 1);
  --fill-strong: #D4D4D4;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0.7);
  --shadow-hard: #3D3D3D;
  --text-strong: #FAFAFA;
  --accent-hover: #BFE206;
  --logo-surface: #000000;
  --scrim-strong: rgba(8, 8, 8, 0.96);
  --surface-page: #0F0F0F;
  --border-medium: #5C5C5C;
  --border-strong: #FAFAFA;
  --border-subtle: #2E2E2E;
  --error-surface: #2A1616;
  --surface-hover: #2A2A2A;
  --surface-modal: #232323;
  --invert-surface: #FAFAFA;
  --on-cta-surface: #FAFAFA;
  --surface-raised: #1C1C1C;
  --surface-sunken: #1F1F1F;
  --duration-screen: 150ms;
  --logo-border-color: #000000;
  --logo-border-width: 1px;
  --on-invert-surface: #0F0F0F;
  --duration-screen-lg: 220ms;
  --invert-surface-soft: #D4D4D4;
  --invert-surface-hover: #E5E5E5;
  --on-cta-surface-muted: #A3A3A3;
  --on-invert-surface-muted: #525252;
}

[data-nc-theme~="Default"] {
  --error: #EF4444;
  --scrim: rgba(0, 0, 0, 0.4);
  --accent: #D5FB07;
  --action: #2563EB;
  --red-50: #FEF2F2;
  --blue-50: #EFF6FF;
  --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;
  --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;
  --chart-bar: #4D7C0F;
  --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;
  --logo-text: #FFFFFF;
  --on-accent: #000000;
  --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;
  --cta-border: #000000;
  --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);
  --text-faint: #9CA3AF;
  --text-muted: #737373;
  --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;
  --accent-text: #4D7C0F;
  --border-soft: #000000;
  --chart-bar-2: #737373;
  --cta-surface: #000000;
  --ease-screen: cubic-bezier(0.4, 0, 0.2, 1);
  --fill-strong: #000000;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-hard: #000000;
  --text-strong: #000000;
  --accent-hover: #BFE206;
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --logo-surface: #000000;
  --scrim-strong: rgba(23, 23, 23, 0.95);
  --surface-page: #FFFFFF;
  --border-medium: #000000;
  --border-strong: #000000;
  --border-subtle: #E5E5E5;
  --error-surface: #FFFAFA;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --surface-hover: #EEEEEE;
  --surface-modal: #FFFFFF;
  --font-size-base: 1rem;
  --invert-surface: #000000;
  --on-cta-surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F5F5F5;
  --duration-screen: 150ms;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --logo-border-color: #000000;
  --logo-border-width: 1px;
  --on-invert-surface: #FFFFFF;
  --duration-screen-lg: 220ms;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --invert-surface-soft: #000000;
  --invert-surface-hover: #262626;
  --on-cta-surface-muted: #A3A3A3;
  --font-weight-semi-bold: 600;
  --on-invert-surface-muted: #A3A3A3;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-oswald: 'Oswald',sans-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;
    }
  }
}


    .csRZcq {
      color:var(--text-strong);
      display:flex;
      font-size:inherit;
      background:var(--surface-page);
      min-height:100vh;
      font-family:Inter;
      font-weight:inherit;
      flex-direction:column;
    }

    .bysQqM {
      left:0px;
      color:inherit;
      right:0px;
      width:100%;
      bottom:0px;
      height:80px;
      display:flex;
      z-index:10000;
      position:fixed;
      font-size:inherit;
      max-width:100%;
      background:var(--surface-raised);
      box-sizing:border-box;
      align-items:center;
      flex-shrink:1;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
      border-top-color:var(--border-strong);
      border-top-style:solid;
      border-top-width:3px;
    }

    @media (min-width: 1100px) {

    .bysQqM.in-demo {
      right:404px;
      width:auto;
    }
    }

    .dXGhGA {
      top:auto;
      left:0px;
      color:var(--on-cta-surface);
      right:0px;
      width:fit-content;
      border:none;
      bottom:calc(100px + env(safe-area-inset-bottom));
      margin:0 auto;
      display:block;
      padding:12px 18px;
      position:fixed;
      font-size:0.9rem;
      max-width:calc(100vw - 32px);
      background:var(--cta-surface);
      box-shadow:var(--shadow-lg);
      box-sizing:border-box;
      text-align:center;
      font-family:Inter;
      font-weight:600;
      line-height:1.4;
      border-radius:999px;
      flex-direction:row;
    }

    .dXGhGA.demo {
      top:calc(14px + env(safe-area-inset-top));
      color:var(--on-accent);
      border:2px solid var(--on-accent);
      bottom:auto;
      padding:12px 18px;
      animation:gsToastDrop 0.42s cubic-bezier(0.34, 1.4, 0.64, 1);
      font-size:0.95rem;
      max-width:min(560px, calc(100vw - 32px));
      background:var(--accent);
      box-shadow:4px 4px 0px 0px var(--on-accent);
      border-radius:14px;
    }

    @media (min-width: 1100px) {

    .dXGhGA.demo {
      right:404px;
    }
    }

    @media (prefers-reduced-motion: reduce) {

    .dXGhGA.demo {
      animation:none;
    }
    }

    @keyframes gsToastDrop {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(-120%);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }

    .dfdwBi {
      color:inherit;
      display:none;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eXInvh {
      color:inherit;
      display:block;
      font-size:inherit;
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dhGDJt {
      gap:4px;
      flex:1;
      color:var(--text-muted);
      cursor:pointer;
      display:flex;
      padding:8px 4px;
      font-size:inherit;
      min-width:0px;
      background:transparent;
      box-sizing:border-box;
      transition:color 200ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      user-select:none;
      flex-direction:column;
      text-transform:uppercase;
      text-decoration:none;
      -webkit-user-select:none;
    }

    .dhGDJt.current {
      color:var(--text-strong);
    }

    .dhGDJt:hover {
      color:var(--text-strong);
    }

    .eYnngS {
      color:inherit;
      display:contents;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bCOrlZ {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eboaJP {
      gap:4px;
      flex:1;
      color:var(--text-muted);
      border:none;
      cursor:pointer;
      display:flex;
      padding:8px 4px;
      font-size:inherit;
      min-width:0px;
      background:transparent;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      user-select:none;
      flex-direction:column;
      text-transform:uppercase;
      -webkit-user-select:none;
    }

    .eboaJP:focus-visible {
      outline:2px solid var(--border-strong);
      border-radius:12px;
      outline-offset:2px;
    }

    .eboaJP:hover {
      color:var(--text-strong);
    }

    .bgRJSQ {
      color:var(--text-strong);
      inset:0;
      display:flex;
      z-index:20000;
      position:fixed;
      font-size:inherit;
      font-family:Inter;
      font-weight:inherit;
      flex-direction:column;
      justify-content:flex-end;
    }

    .bgRJSQ.as-page {
      inset:auto;
      z-index:auto;
      position:relative;
      min-height:100dvh;
    }

    @media (min-width: 768px) {

    .bgRJSQ {
      padding:24px;
      align-items:center;
      justify-content:center;
    }
    }

    .kelVA {
      color:inherit;
      display:flex;
      position:relative;
      animation:composerSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      font-size:inherit;
      background:var(--surface-modal);
      max-height:92dvh;
      transition:transform 240ms cubic-bezier(0.16, 1, 0.3, 1), opacity 220ms ease;
      font-family:inherit;
      font-weight:inherit;
      border-color:var(--border-soft);
      border-style:solid solid none solid;
      border-width:2px;
      border-radius:24px 24px 0 0;
      flex-direction:column;
    }

    .kelVA.closing {
      transform:translateY(100%);
    }

    .kelVA.as-page {
      flex:1 1 auto;
      height:100dvh;
      animation:none;
      max-height:none;
      border-style:none;
      border-radius:0px;
    }

    @media (min-width: 768px) {

    .kelVA {
      width:100%;
      border:2px solid var(--border-soft);
      animation:composerFadeUp 0.2s ease-out;
      max-width:560px;
      box-shadow:6px 6px 0px 0px var(--shadow-hard);
      border-radius:24px;
    }
    }

    @media (min-width: 768px) {

    .kelVA.closing {
      opacity:0;
      transform:translateY(16px);
    }
    }

    @media (min-width: 768px) {

    .kelVA.as-page {
      flex:0 1 auto;
      height:auto;
      max-height:calc(100dvh - 48px);
      border-color:var(--border-soft);
      border-style:solid;
      border-width:2px;
      border-radius:24px;
    }
    }

    @media (prefers-reduced-motion: reduce) {

    .kelVA {
      animation:none;
      transition:none;
    }
    }

    @keyframes composerFadeUp {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(24px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }


    @keyframes composerSlideUp {
        0% {
          transform: translateY(100%);
        }

        100% {
          transform: translateY(0);
        }
    }

    .ZXUku {
      color:var(--text-strong);
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      padding:10px 14px;
      font-size:inherit;
      background:transparent;
      column-gap:12px;
      min-height:64px;
      text-align:left;
      align-items:center;
      font-family:Inter;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
    }

    .ZXUku:hover {
      background:var(--surface-hover);
    }

    .ZXUku:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:-2px;
    }

    .ckSVbz {
      gap:8px;
      color:var(--text-strong);
      margin:0px;
      display:flex;
      padding:10px 12px;
      font-size:0.88rem;
      background:var(--surface-sunken);
      align-items:flex-start;
      font-family:inherit;
      font-weight:600;
      line-height:1.4;
      border-radius:10px;
      flex-direction:row;
    }

    .fqORED {
      color:inherit;
      inset:0;
      display:block;
      position:absolute;
      animation:composerFadeIn 0.2s ease-out;
      font-size:inherit;
      background:var(--scrim);
      transition:opacity 200ms ease;
      font-family:inherit;
      font-weight:inherit;
      touch-action:none;
      flex-direction:row;
      backdrop-filter:blur(4px);
    }

    .fqORED.closing {
      opacity:0;
    }

    @media (prefers-reduced-motion: reduce) {

    .fqORED {
      animation:none;
      transition:none;
    }
    }

    @keyframes composerFadeIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .epnUvz {
      color:var(--text-strong);
      border:1px solid var(--border-subtle);
      cursor:pointer;
      display:inline-block;
      padding:8px 14px;
      font-size:0.75rem;
      background:var(--surface-sunken);
      transition:background 100ms ease-in-out, border-color 100ms ease-in-out;
      flex-shrink:0;
      font-family:inherit;
      font-weight:900;
      white-space:nowrap;
      border-radius:100px;
      flex-direction:row;
      letter-spacing:0.03em;
      text-transform:uppercase;
    }

    .epnUvz.is-selected {
      color:var(--on-invert-surface);
      background:var(--invert-surface);
      border-color:var(--invert-surface);
    }

    .epnUvz.is-selected:hover {
      background:var(--invert-surface-hover);
      border-color:var(--invert-surface-hover);
    }

    .epnUvz:hover {
      background:var(--surface-hover);
    }

    .bnSQmc {
      color:inherit;
      display:flex;
      padding:20px 16px calc(20px + env(safe-area-inset-bottom));
      row-gap:14px;
      font-size:inherit;
      min-height:0px;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      overscroll-behavior:contain;
    }

    .eMwJDp {
      color:var(--text-strong);
      border:2px solid var(--error);
      margin:0px;
      display:block;
      padding:10px 14px;
      font-size:0.9rem;
      background:var(--error-surface);
      font-family:inherit;
      font-weight:bold;
      line-height:1.4;
      border-radius:8px;
      flex-direction:row;
    }

    .evWmtC {
      flex:1 1 auto;
      color:inherit;
      display:flex;
      padding:16px;
      row-gap:16px;
      font-size:inherit;
      min-height:0px;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      overscroll-behavior:contain;
    }

    .bdeYmb {
      flex:0 0 auto;
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dvAUdo {
      flex:1 1 auto;
      color:inherit;
      display:inline;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ewmAjD {
      color:inherit;
      display:flex;
      row-gap:8px;
      flex-wrap:wrap;
      font-size:inherit;
      column-gap:8px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .SUZgQ {
      color:inherit;
      display:grid;
      font-size:inherit;
      transition:grid-template-rows 0.22s ease-out, visibility 0s linear 0.22s;
      visibility:hidden;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-rows:0fr;
    }

    .SUZgQ.open {
      transition:grid-template-rows 0.22s ease-out, visibility 0s linear 0s;
      visibility:visible;
      grid-template-rows:1fr;
    }

    @media (prefers-reduced-motion: reduce) {

    .SUZgQ {
      transition:none;
    }
    }

    @media (prefers-reduced-motion: reduce) {

    .SUZgQ.open {
      transition:none;
    }
    }

    .dILORY {
      color:inherit;
      border:2px solid transparent;
      display:flex;
      font-size:inherit;
      background:var(--surface-sunken);
      transition:background 0.15s ease-out, border-color 0.15s ease-out, box-shadow 0.15s ease-out;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
    }

    .dILORY.dragging {
      background:color-mix(in srgb, var(--accent) 18%, var(--surface-raised));
      border-color:var(--border-medium);
    }

    .dILORY:focus-within {
      background:var(--surface-raised);
      box-shadow:4px 4px 0px 0px var(--accent);
      border-color:var(--border-medium);
    }

    .cJGDJf {
      color:var(--text-strong);
      width:100%;
      border:2px solid var(--border-medium);
      cursor:pointer;
      display:flex;
      padding:14px 20px;
      font-size:1rem;
      background:var(--surface-raised);
      min-height:48px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .cJGDJf:hover {
      background:var(--surface-hover);
    }

    .cJGDJf:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .bcLLLC {
      color:var(--on-accent);
      width:100%;
      border:2px solid var(--border-medium);
      cursor:pointer;
      display:flex;
      padding:15px 20px;
      font-size:1.4rem;
      background:var(--accent);
      box-shadow:4px 4px 0px 0px var(--shadow-hard);
      align-items:center;
      font-family:Oswald;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:1px;
      text-transform:uppercase;
      justify-content:center;
    }

    .bcLLLC:hover {
      background:var(--accent-hover);
    }

    .bcLLLC:active {
      transform:translate(2px, 2px);
      box-shadow:2px 2px 0px 0px var(--shadow-hard);
    }

    .bcLLLC:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .bmdOlP {
      color:var(--text-strong);
      width:100%;
      border:2px solid transparent;
      display:block;
      padding:10px 12px;
      font-size:1rem;
      background:var(--surface-sunken);
      box-sizing:border-box;
      font-family:Inter;
      font-weight:inherit;
      border-radius:0.5rem;
      flex-direction:row;
    }

    .bmdOlP:focus {
      outline:none;
      background:var(--surface-raised);
      border-color:var(--border-medium);
    }

    .dFkTzH {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:0.85rem;
      text-align:center;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
    }

    .evZEPs {
      color:var(--text-muted);
      margin:0px;
      display:block;
      overflow:hidden;
      font-size:0.85rem;
      font-family:inherit;
      font-weight:600;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .qypvX {
      color:inherit;
      width:1px;
      height:1px;
      display:inline-block;
      opacity:0;
      overflow:hidden;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .efozEe {
      color:inherit;
      width:104px;
      border:1px solid var(--border-subtle);
      height:104px;
      display:block;
      font-size:inherit;
      background:var(--surface-sunken);
      box-sizing:border-box;
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
    }

    .cwlfKh {
      color:inherit;
      display:inline;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      white-space:pre;
      flex-direction:row;
    }

    .fjvjiQ {
      color:inherit;
      display:block;
      overflow:hidden;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .cYMiyE {
      color:inherit;
      display:inline-flex;
      padding:0 3px;
      position:relative;
      font-size:inherit;
      max-width:100%;
      min-width:0px;
      align-items:baseline;
      font-family:inherit;
      font-weight:inherit;
      border-radius:4px;
      flex-direction:row;
    }

    .cYMiyE:focus-within {
      outline:none;
      background:var(--surface-sunken);
    }

    .emyLRo {
      color:inherit;
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ffcBMk {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1.5rem;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      flex-direction:row;
      text-transform:uppercase;
    }

    .fka-dxN {
      color:var(--text-strong);
      width:44px;
      border:none;
      cursor:pointer;
      height:44px;
      display:flex;
      font-size:inherit;
      background:var(--surface-sunken);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .fka-dxN:hover {
      background:var(--surface-hover);
    }

    .fka-dxN:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .dUBKIm {
      top:-10px;
      color:var(--on-invert-surface);
      right:-10px;
      width:34px;
      border:2px solid var(--surface-raised);
      cursor:pointer;
      height:34px;
      display:flex;
      padding:0px;
      position:absolute;
      font-size:inherit;
      background:var(--invert-surface);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .dUBKIm::before {
      inset:-6px;
      content:"";
      position:absolute;
    }

    .dUBKIm:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .egxUEY {
      color:var(--text-strong);
      display:inline-flex;
      font-size:inherit;
      max-width:100%;
      min-width:0px;
      column-gap:3px;
      align-items:baseline;
      font-family:inherit;
      font-weight:700;
      border-bottom:1px dashed var(--text-muted);
      flex-direction:row;
      padding-bottom:1px;
      pointer-events:none;
    }

    .dIoeAh {
      color:var(--text-muted);
      margin:0px;
      display:block;
      font-size:0.8rem;
      text-align:center;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .djKXld {
      color:var(--text-muted);
      display:block;
      font-size:0.75rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.06em;
      text-transform:uppercase;
    }

    .FjNKx {
      flex:1 1 auto;
      color:inherit;
      display:flex;
      row-gap:2px;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .wXfeT {
      color:var(--text-strong);
      display:block;
      font-size:1rem;
      font-family:inherit;
      font-weight:600;
      line-height:1.35;
      flex-direction:row;
    }

    .bBxYHE {
      color:inherit;
      display:flex;
      padding:12px 16px calc(14px + env(safe-area-inset-bottom));
      row-gap:10px;
      font-size:inherit;
      background:var(--surface-sunken);
      border-top:1px solid var(--border-subtle);
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      touch-action:none;
      flex-direction:column;
    }

    @media (min-width: 768px) {

    .bBxYHE {
      padding-bottom:16px;
      border-bottom-left-radius:22px;
      border-bottom-right-radius:22px;
    }
    }

    .mZlPg {
      color:inherit;
      display:flex;
      padding:16px 16px 12px;
      font-size:inherit;
      column-gap:12px;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      touch-action:none;
      border-bottom:1px solid var(--border-subtle);
      flex-direction:row;
      justify-content:space-between;
    }

    .dAMkqB {
      color:inherit;
      border:1px solid var(--border-subtle);
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
    }

    .xQeKK {
      color:var(--text-strong);
      border:2px solid var(--border-medium);
      margin:0px;
      display:block;
      padding:14px 16px;
      font-size:1.2rem;
      background:var(--surface-raised);
      box-shadow:3px 3px 0px 0px var(--shadow-hard);
      font-family:inherit;
      font-weight:700;
      line-height:1.35;
      white-space:pre-line;
      border-radius:14px;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .fqrOTo {
      color:var(--text-muted);
      margin:0px;
      display:block;
      font-size:1rem;
      font-family:inherit;
      font-weight:600;
      line-height:1.45;
      flex-direction:row;
    }

    .eoNQob {
      color:inherit;
      display:flex;
      row-gap:2px;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bNEVtx {
      color:var(--text-muted);
      margin:0px;
      display:block;
      padding:14px;
      font-size:0.9rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:row;
    }

    .iWGYz {
      color:inherit;
      display:flex;
      padding:12px 14px 14px;
      row-gap:10px;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .VbaeX {
      color:inherit;
      display:block;
      overflow:hidden;
      font-size:inherit;
      min-height:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cvyaob {
      color:var(--on-accent);
      width:100%;
      border:2px solid var(--border-medium);
      cursor:pointer;
      display:flex;
      padding:15px 20px;
      font-size:1.4rem;
      background:var(--accent);
      box-shadow:4px 4px 0px 0px var(--shadow-hard);
      transition:all 0.15s ease-out;
      align-items:center;
      font-family:Oswald;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:1px;
      text-transform:uppercase;
      justify-content:center;
    }

    .cvyaob:hover {
      transform:translateY(-1px);
      background:var(--accent-hover);
    }

    .cvyaob:active {
      transform:translate(2px, 2px);
      box-shadow:2px 2px 0px 0px var(--shadow-hard);
    }

    .cvyaob:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .cvyaob:disabled {
      color:var(--grey-500);
      cursor:not-allowed;
      transform:none;
      background:var(--grey-200);
      box-shadow:none;
      border-color:var(--grey-400);
    }

    .cLgqoM {
      color:inherit;
      display:flex;
      padding:8px 10px 10px;
      font-size:inherit;
      column-gap:12px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .YwDro {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:0.9rem;
      text-align:center;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .cOBHMC {
      color:var(--text-strong);
      width:100%;
      border:none;
      resize:none;
      display:block;
      outline:none;
      padding:14px 14px 6px;
      font-size:1.0625rem;
      background:transparent;
      box-sizing:border-box;
      min-height:168px;
      font-family:Inter;
      font-weight:500;
      line-height:1.5;
      flex-direction:row;
    }

    .cOBHMC::placeholder {
      color:var(--text-faint);
    }

    .bAEekl {
      clip:rect(0 0 0 0);
      color:inherit;
      width:1px;
      border:0;
      height:1px;
      margin:-1px;
      display:inline;
      padding:0px;
      overflow:hidden;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      flex-direction:row;
    }

    .bQDIdt {
      color:inherit;
      display:block;
      font-size:inherit;
      margin-top:1px;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bjNCCV {
      color:var(--text-strong);
      margin:0px;
      display:flex;
      padding:10px 12px;
      font-size:0.85rem;
      background:var(--surface-sunken);
      column-gap:10px;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      border-radius:10px;
      flex-direction:row;
    }

    .dSwlXz {
      color:inherit;
      width:104px;
      height:104px;
      display:block;
      position:relative;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fnSWOq {
      color:var(--text-strong);
      display:block;
      font-size:inherit;
      align-self:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .laQko {
      color:inherit;
      display:block;
      font-size:inherit;
      transition:transform 0.15s ease-out;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .laQko.open {
      transform:rotate(180deg);
    }

    .fuJsmU {
      color:inherit;
      height:1px;
      margin:0 14px;
      display:block;
      font-size:inherit;
      background:var(--border-subtle);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .duEQoQ {
      color:var(--text-strong);
      inset:0;
      width:100%;
      border:none;
      cursor:pointer;
      height:100%;
      margin:0px;
      opacity:0;
      padding:0px;
      position:absolute;
      font-size:16px;
      appearance:none;
      background:transparent;
      font-family:inherit;
      font-weight:700;
      border-radius:0px;
      flex-direction:row;
      -webkit-appearance:none;
    }

    .cTSMXS {
      color:var(--text-strong);
      border:2px solid var(--border-medium);
      cursor:pointer;
      display:inline-flex;
      padding:0 16px 0 12px;
      font-size:0.875rem;
      background:var(--surface-raised);
      box-sizing:border-box;
      column-gap:8px;
      min-height:44px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .cTSMXS:hover {
      background:var(--surface-hover);
    }

    .cRUaQX {
      color:inherit;
      display:block;
      padding:4px 14px 0;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bgUayH {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ffxEbZ {
      color:var(--text-muted);
      display:block;
      font-size:0.8rem;
      font-family:inherit;
      font-weight:700;
      margin-left:auto;
      flex-direction:row;
    }

    .dDlZlh {
      color:inherit;
      display:inline-flex;
      font-size:inherit;
      max-width:100%;
      align-items:baseline;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bNLhWr {
      color:var(--text-muted);
      cursor:pointer;
      display:inline-flex;
      padding:0 4px;
      font-size:0.875rem;
      min-height:44px;
      align-items:center;
      font-family:Inter;
      font-weight:600;
      flex-direction:row;
      text-decoration-line:underline;
    }

    .bNLhWr:hover {
      color:var(--text-strong);
    }

    .fuhgjk {
      flex:1 1 auto;
      color:inherit;
      display:block;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .bGzikV {
      top:-2px;
      color:inherit;
      right:-2px;
      width:14px;
      height:14px;
      display:block;
      position:absolute;
      font-size:inherit;
      background:#ff4d4d;
      font-family:inherit;
      font-weight:inherit;
      border-color:var(--surface-raised);
      border-style:solid;
      border-width:2px;
      border-radius:50%;
      flex-direction:row;
    }

    .bDDUsp {
      color:inherit;
      display:inline-block;
      font-size:0.8rem;
      font-family:Oswald;
      font-weight:bold;
      white-space:nowrap;
      flex-direction:column;
    }

    @media (max-width: 380px) {

    .bDDUsp {
      font-size:0.7rem;
    }
    }

    .blvkcN {
      color:var(--on-accent);
      width:54px;
      height:54px;
      display:flex;
      position:relative;
      font-size:inherit;
      background:var(--accent);
      box-shadow:3px 3px 0px 0px var(--shadow-hard);
      margin-top:-32px;
      transition:transform 0.15s ease;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-color:var(--invert-surface);
      border-style:solid;
      border-width:2px;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .blvkcN:active {
      transform:scale(0.94);
    }

    .dxoCkR {
      color:var(--text-strong);
      width:100%;
      border:none;
      margin:auto auto 0 auto;
      display:block;
      padding:0px;
      font-size:inherit;
      max-width:520px;
      background:var(--surface-raised);
      box-shadow:var(--shadow-xl);
      box-sizing:border-box;
      max-height:92dvh;
      overflow-y:auto;
      font-family:Inter;
      font-weight:inherit;
      flex-direction:row;
      border-top-left-radius:20px;
      border-top-right-radius:20px;
    }

    @media (min-width: 768px) {

    .dxoCkR {
      margin:auto;
      border-radius:20px;
    }
    }

    .cUPFKP {
      color:inherit;
      display:flex;
      padding:16px 20px calc(24px + env(safe-area-inset-bottom)) 20px;
      row-gap:1rem;
      font-size:inherit;
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dkhaCi {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-end;
    }

    .fzqatL {
      color:var(--text-strong);
      width:100%;
      display:flex;
      row-gap:0.75rem;
      font-size:inherit;
      box-sizing:border-box;
      font-family:Inter;
      font-weight:inherit;
      flex-direction:column;
    }

    .cXmwLW {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      max-width:800px;
      background:var(--surface-raised);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .UCJVz {
      color:var(--text-strong);
      display:block;
      padding:12px 8px 4px;
      font-size:14px;
      text-align:center;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      text-decoration-line:underline;
      text-decoration-color:var(--accent);
      text-underline-offset:4px;
      text-decoration-thickness:3px;
    }

    .UCJVz:hover {
      color:var(--on-accent);
      background:var(--accent);
    }

    .UCJVz:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .dZofJT {
      color:var(--text-strong);
      width:fit-content;
      border:none;
      cursor:pointer;
      display:block;
      padding:8px 4px;
      font-size:13px;
      background:transparent;
      text-align:left;
      font-family:Inter;
      font-weight:bold;
      flex-direction:row;
      text-decoration-line:underline;
    }

    .dZofJT:hover {
      color:var(--text-muted);
    }

    .dZofJT:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .eTFqlq {
      color:inherit;
      display:flex;
      row-gap:8px;
      font-size:inherit;
      column-gap:8px;
      max-height:300px;
      overflow-y:auto;
      transition:max-height 300ms cubic-bezier(1, -0.01, 0.41, 1.02);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eTFqlq.one-item {
      max-height:75px;
    }

    .eTFqlq.two-items {
      max-height:150px;
    }

    .eTFqlq.first-load {
      min-height:300px;
    }

    .eeRTXp {
      flex:1;
      display:flex;
      row-gap:0.75rem;
      column-gap:0.75rem;
      align-items:center;
      padding-top:16px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:16px;
      justify-content:center;
    }

    .ftOFaR {
      color:var(--grey-500);
      animation:1.5s linear 0ms infinite normal none running animation-fdlyLB;
      box-sizing:border-box;
    }

    @keyframes animation-fdlyLB {
        100% {
          rotate: 1turn;
        }
    }

    .bZWCAL {
      box-sizing:border-box;
    }

    .cUfzVe {
      color:inherit;
      display:flex;
      row-gap:8px;
      font-size:inherit;
      background:var(--surface-sunken);
      box-shadow:6px 6px 0px 0px var(--shadow-hard);
      column-gap:8px;
      font-family:inherit;
      font-weight:inherit;
      padding-top:8px;
      border-color:var(--border-strong);
      border-style:solid;
      border-width:2px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:column;
      padding-bottom:8px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .fCygfj {
      display:flex;
      row-gap:0px;
      column-gap:0px;
      align-items:flex-start;
      justify-content:center;
    }

    .eCLfUD {
      animation:1.5s linear 0ms infinite normal none running animation-fdlyLB;
      box-sizing:border-box;
    }

    .dDZpLe {
      color:inherit;
      width:8px;
      height:8px;
      display:flex;
      font-size:inherit;
      background:var(--accent);
      font-family:inherit;
      font-weight:inherit;
      border-color:var(--border-strong);
      border-style:solid;
      border-width:1px;
      flex-direction:column;
      border-top-left-radius:50%;
      border-top-right-radius:50%;
      border-bottom-left-radius:50%;
      border-bottom-right-radius:50%;
    }

    .dDZpLe.not-active {
      background:var(--grey-300);
      border-color:var(--grey-300);
      border-style:solid;
      border-width:1px;
    }

    .coUswy {
      top:20px;
      left:15px;
      color:var(--text-faint);
      display:flex;
      position:absolute;
      font-size:inherit;
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eHlfCI {
      color:var(--text-faint);
      display:inline;
      font-size:12px;
      font-family:Inter;
      font-weight:bold;
      flex-direction:column;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .bDzLsO {
      color:var(--grey-500);
      font-family:Inter;
      font-weight:bold;
    }

    .dksrzy {
      width:100%;
      cursor:default;
      display:flex;
      padding:16px;
      transition:all 0.2s ease;
      align-items:center;
      border-radius:8px;
      flex-direction:row;
      justify-content:space-between;
    }

    .fhOnhx {
      display:flex;
      row-gap:8px;
      column-gap:8px;
      flex-direction:row;
    }

    .coAgJx {
      display:inline;
      font-size:18px;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      letter-spacing:0.025em;
      text-transform:uppercase;
    }

    .nyYnT {
      color:var(--grey-500);
      width:60px;
      border:2px solid var(--border-subtle);
      cursor:pointer;
      height:64px;
      display:flex;
      font-size:inherit;
      background:var(--surface-raised);
      transition:all 300ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .nyYnT:hover {
      color:var(--on-accent);
      background:var(--accent);
      border-color:var(--on-accent);
      border-style:solid;
      border-width:2px;
    }

    .nyYnT:disabled {
      color:var(--grey-500);
      cursor:not-allowed;
      background:var(--grey-200);
    }

    .nyYnT:disabled:hover {
      cursor:not-allowed;
      background:var(--grey-200);
    }

    .dAbBST {
      flex:1;
      color:inherit;
      width:100%;
      border:2px solid var(--border-subtle);
      display:flex;
      padding:16px 16px 16px 48px;
      font-size:18px;
      transition:border-color 0.2s ease;
      font-family:Inter;
      font-weight:700;
      outline-color:var(--border-strong);
      outline-style:none;
      outline-width:2px;
      flex-direction:column;
      background-color:var(--surface-raised);
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .dAbBST:focus {
      border-color:var(--border-strong);
    }

    .eKlEkI {
      display:flex;
      row-gap:6px;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
    }

    .bxtYpK {
      color:var(--text-strong);
      border:2px solid var(--border-strong);
      margin:0px;
      display:block;
      padding:12px 16px;
      font-size:13px;
      background:var(--surface-raised);
      font-family:Inter;
      font-weight:bold;
      border-radius:8px;
      flex-direction:row;
    }

    .cJvJsn {
      color:inherit;
      display:inline-block;
      font-size:13px;
      text-align:center;
      align-items:flex-start;
      font-family:Inter;
      font-weight:bold;
      padding-top:2px;
      flex-direction:column;
      padding-bottom:2px;
      justify-content:flex-start;
      border-bottom-color:var(--accent);
      border-bottom-style:solid;
      border-bottom-width:2px;
    }

    .dCEbDW {
      color:inherit;
      width:100%;
      border:2px solid transparent;
      cursor:pointer;
      height:0px;
      display:flex;
      opacity:0.01;
      padding:16px;
      font-size:inherit;
      transition:opacity 0.4s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
      justify-content:space-between;
      background-color:var(--surface-raised);
    }

    .dCEbDW.show {
      height:auto;
      opacity:1;
    }

    .dCEbDW:hover {
      border-color:var(--border-strong);
    }

    .eLAqBx {
      color:var(--text-muted);
      display:flex;
      font-size:12px;
      background:var(--surface-sunken);
      font-family:Inter;
      font-weight:700;
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:column;
      padding-bottom:4px;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .eLAqBx.coming-soon {
      color:var(--grey-500);
      font-size:10px;
      background:var(--grey-50);
      border-color:var(--grey-100);
      border-style:solid;
      border-width:1px;
      letter-spacing:1.03px;
    }

    .cCqhwA {
      color:var(--grey-600);
      display:inline;
      font-size:14px;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      letter-spacing:0.025em;
      text-transform:uppercase;
    }

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

    .cIbxMF {
      color:inherit;
      display:inline-block;
      font-size:13px;
      font-family:Inter;
      font-weight:bold;
      padding-top:2px;
      flex-direction:column;
      padding-bottom:2px;
      border-bottom-color:var(--accent);
      border-bottom-style:solid;
      border-bottom-width:2px;
    }

    .cIbxMF:hover {
      color:var(--on-accent);
      cursor:pointer;
      background:var(--accent);
      padding-left:5px;
      padding-right:5px;
    }

    .bjszPb {
      color:var(--text-faint);
      display:flex;
      row-gap:10px;
      font-size:inherit;
      column-gap:10px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dTUwVa {
      color:var(--text-strong);
      border:2px solid var(--error);
      margin:0px;
      display:block;
      padding:12px 16px;
      font-size:14px;
      background:var(--error-surface);
      font-family:inherit;
      font-weight:bold;
      border-radius:8px;
      flex-direction:row;
    }

    .cZLpyu {
      color:var(--text-muted);
      margin:0px;
      display:block;
      font-size:1rem;
      font-family:inherit;
      font-weight:500;
      line-height:1.4;
      flex-direction:row;
    }

    .dAuQvl {
      color:var(--text-muted);
      margin:0px;
      display:block;
      font-size:0.9rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .fojEIV {
      color:inherit;
      margin:0px;
      display:block;
      font-size:2rem;
      font-family:Oswald;
      font-weight:bold;
      line-height:0.95;
      flex-direction:row;
      text-transform:uppercase;
    }

    .gs-sign-in-sheet\:closeIcon {
      width:20px;
      height:20px;
    }

    .cuKdUh {
      color:var(--text-strong);
      width:100%;
      display:flex;
      row-gap:1rem;
      font-size:inherit;
      max-width:480px;
      box-sizing:border-box;
      font-family:Inter;
      font-weight:inherit;
      flex-direction:column;
    }

    .cuTWLl {
      color:var(--text-muted);
      margin:0px;
      display:block;
      font-size:1.05rem;
      font-family:inherit;
      font-weight:500;
      line-height:1.4;
      flex-direction:row;
    }

    .crlWVe {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:2.5rem;
      font-family:Oswald;
      font-weight:bold;
      line-height:0.95;
      flex-direction:row;
      text-transform:uppercase;
    }

    .bkavTq {
      color:inherit;
      display:flex;
      row-gap:0.75rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bnTfXp {
      color:var(--text-strong);
      border:2px solid var(--error);
      margin:0px;
      display:block;
      padding:12px 16px;
      font-size:14px;
      background:var(--error-surface);
      font-family:inherit;
      font-weight:bold;
      line-height:1.4;
      border-radius:8px;
      flex-direction:row;
    }

    .mYbBX {
      color:var(--text-strong);
      width:100%;
      border:2px solid transparent;
      display:block;
      outline:none;
      padding:1rem;
      font-size:18px;
      background:var(--surface-sunken);
      box-sizing:border-box;
      transition:border-color 0.15s ease-in-out;
      font-family:Inter;
      font-weight:bold;
      border-radius:0.5rem;
      flex-direction:row;
      letter-spacing:4px;
    }

    .mYbBX:focus {
      background:var(--surface-raised);
      box-shadow:4px 4px 0px 0px var(--accent);
      border-color:var(--border-medium);
    }

    .mYbBX::placeholder {
      color:var(--text-faint);
      font-weight:bold;
    }

    .fdwIJN {
      color:var(--text-strong);
      display:block;
      font-size:0.85rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .fynkqc {
      color:inherit;
      display:flex;
      row-gap:0.5rem;
      flex-wrap:wrap;
      font-size:inherit;
      column-gap:1.25rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eZMlVg {
      color:var(--on-accent);
      width:100%;
      border:2px solid var(--border-medium);
      cursor:pointer;
      display:flex;
      padding:15px 27px;
      font-size:1.5rem;
      background:var(--accent);
      transition:all 0.15s ease-out;
      align-items:center;
      font-family:Oswald;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:1px;
      text-transform:uppercase;
      justify-content:center;
    }

    .eZMlVg:hover {
      transform:translateY(-2px);
      box-shadow:4px 4px 0px 0px var(--shadow-hard);
    }

    .eZMlVg:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .eZMlVg:disabled {
      color:var(--grey-500);
      cursor:not-allowed;
      background:var(--grey-200);
      border-color:var(--grey-400);
    }

    .eZMlVg:disabled:hover {
      transform:none;
      box-shadow:none;
    }

    .fDLmrN {
      color:var(--text-strong);
      width:100%;
      border:2px solid transparent;
      display:block;
      outline:none;
      padding:1rem;
      font-size:18px;
      background:var(--surface-sunken);
      box-sizing:border-box;
      transition:border-color 0.15s ease-in-out;
      font-family:Inter;
      font-weight:bold;
      border-radius:0.5rem;
      flex-direction:row;
    }

    .fDLmrN:focus {
      background:var(--surface-raised);
      box-shadow:4px 4px 0px 0px var(--accent);
      border-color:var(--border-medium);
    }

    .fDLmrN::placeholder {
      color:var(--text-faint);
      font-weight:bold;
    }

    .cpGfxs {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:0.9rem;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .ebmpzY {
      color:var(--text-strong);
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:8px 0;
      font-size:0.9rem;
      background:transparent;
      font-family:Inter;
      font-weight:600;
      flex-direction:row;
      text-decoration-line:underline;
    }

    .ebmpzY:hover {
      color:var(--text-muted);
    }

    .ebmpzY:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .cmGmWm {
      color:var(--text-strong);
      width:36px;
      border:none;
      cursor:pointer;
      height:36px;
      display:flex;
      font-size:inherit;
      background:var(--surface-sunken);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .cmGmWm:hover {
      background:var(--grey-200);
    }

    .cmGmWm:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .dFpIXq {
      color:var(--text-muted);
      margin:1rem 0;
      display:block;
      font-size:inherit;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .cWabIH {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      max-width:800px;
      min-width:0px;
      box-sizing:border-box;
      overflow-x:clip;
      overflow-y:visible;
      font-family:inherit;
      font-weight:inherit;
      margin-left:auto;
      padding-top:4px;
      margin-right:auto;
      flex-direction:row;
      padding-bottom:4px;
    }

    .PldHL {
      color:inherit;
      width:100%;
      height:60px;
      display:flex;
      background:var(--surface-raised);
      align-items:center;
      padding-top:0.5rem;
      padding-left:0.5rem;
      margin-bottom:1rem;
      padding-right:0.5rem;
      flex-direction:column;
      padding-bottom:0.5rem;
      justify-content:center;
      border-bottom-color:var(--border-subtle);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    @media (min-width: 768px) {

    .PldHL {
      height:80px;
    }
    }

    .epsnts {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:inherit;
    }

    @media (max-width: 349px) {

    .epsnts {
      display:none;
    }
    }

    .GusWY {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (max-width: 399px) {

    .GusWY {
      display:none;
    }
    }

    .IBZzE {
      color:inherit;
      display:none;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:inherit;
    }

    @media (max-width: 349px) {

    .IBZzE {
      display:inline;
    }
    }

    .ckRSaE {
      color:var(--text-strong);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      font-size:inherit;
      background:transparent;
      transition:background 200ms ease, color 200ms ease;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      user-select:none;
      border-color:transparent;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
      justify-content:center;
      -webkit-user-select:none;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .ckRSaE:hover {
      background:var(--grey-100);
    }

    .ckRSaE:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .ckRSaE:active {
      scale:92%;
    }

    .crCiDa {
      color:inherit;
      display:flex;
      font-size:inherit;
      column-gap:0.3em;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .VAcPw {
      color:var(--text-strong);
      cursor:pointer;
      display:flex;
      row-gap:5px;
      font-size:0.9rem;
      background:;
      column-gap:5px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:row;
      letter-spacing:0.05em;
      padding-bottom:0px;
      text-transform:uppercase;
    }

    @media (min-width: 768px) {

    .VAcPw {
      font-size:1.1rem;
    }
    }

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

    .fnqGDe {
      width:100%;
      display:flex;
      max-width:800px;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .brkJIF {
      width:auto;
      cursor:pointer;
      display:flex;
      opacity:1;
      row-gap:0.25rem;
      column-gap:0.25rem;
      transition:all 200ms ease;
      align-items:center;
      padding-top:3px;
      user-select:none;
      padding-left:8px;
      padding-right:0px;
      flex-direction:row;
      padding-bottom:3px;
      justify-content:flex-start;
      -webkit-user-select:none;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .brkJIF:hover {
      width:auto;
      display:flex;
    }

    .brkJIF:active {
      scale:100%;
      width:auto;
      display:flex;
    }

    .cDMOCB {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      border-bottom-color:var(--border-strong);
      border-bottom-style:solid;
      border-bottom-width:2px;
    }

    .ejahHC {
      color:inherit;
      width:100%;
      display:flex;
      position:relative;
      align-items:center;
      padding-top:0.25rem;
      flex-direction:row;
      padding-bottom:0.25rem;
      justify-content:space-between;
    }

    .cDOsyZ {
      color:var(--text-strong);
      cursor:pointer;
      display:flex;
      row-gap:5px;
      font-size:0.9rem;
      background:;
      column-gap:5px;
      transition:all 200ms ease;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:row;
      letter-spacing:0.05em;
      padding-bottom:0px;
      text-transform:uppercase;
      border-bottom-color:#00000000;
      border-bottom-style:solid;
      border-bottom-width:2px;
    }

    @media (min-width: 768px) {

    .cDOsyZ {
      font-size:1.1rem;
    }
    }

    .aYUaR {
      width:auto;
      cursor:pointer;
      display:none;
      opacity:0;
      row-gap:0.25rem;
      z-index:-1;
      column-gap:0.25rem;
      transition:all 200ms ease;
      align-items:center;
      padding-top:3px;
      user-select:none;
      padding-left:8px;
      padding-right:0px;
      flex-direction:row;
      padding-bottom:3px;
      justify-content:flex-start;
      -webkit-user-select:none;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .aYUaR:hover {
      scale:102%;
      width:auto;
      display:flex;
    }

    .aYUaR:active {
      scale:100%;
      width:auto;
      display:flex;
    }

    .aYUaR.show {
      width:auto;
      display:flex;
      opacity:1;
      z-index:auto;
      transition:opacity 200ms ease;
    }

    .bzNkre {
      width:10px;
      height:10px;
      animation:2s cubic-bezier(0.42, 0, 1, 1) 0ms infinite normal none running animation-dOfsRN;
      background: #ff7a7a;
      border-top-left-radius:50px;
      border-top-right-radius:50px;
      border-bottom-left-radius:50px;
      border-bottom-right-radius:50px;
    }

    @keyframes animation-dOfsRN {
        50% {
          background:  #ffd6d6;
        }
    }

    .esvsMg {
      top:calc(100% + 10px);
      color:inherit;
      right:0px;
      width:100%;
      display:none;
      z-index:20000;
      position:absolute;
      font-size:inherit;
      max-width:450px;
      background:var(--surface-raised);
      box-shadow:var(--shadow-lg);
      max-height:calc(100dvh - 90px);
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.85rem;
      flex-direction:column;
      padding-bottom:0.85rem;
      overscroll-behavior:contain;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .esvsMg.open {
      display:flex;
    }

    .dHWrSW {
      color:var(--logo-text);
      width:fit-content;
      display:inline-block;
      padding:0.15em 0.48em 0.43em;
      position:relative;
      font-size:1.3rem;
      background:var(--logo-surface);
      box-shadow:0 0 0 1px var(--shadow-hard);
      transition:all 300ms ease;
      font-family:Oswald;
      font-weight:700;
      line-height:1.2;
      user-select:none;
      border-radius:4px;
      flex-direction:column;
      letter-spacing:0.08em;
      text-transform:uppercase;
      -webkit-user-select:none;
    }

    .dHWrSW:hover {
      scale:102%;
      cursor:pointer;
    }

    .dHWrSW::after {
      left:0.48em;
      right:0.48em;
      bottom:0.19em;
      height:0.19em;
      content:"";
      position:absolute;
      background:var(--accent);
    }

    @media (min-width: 768px) {

    .dHWrSW {
      font-size:1.8rem;
    }
    }

    .dJjWdz {
      color:inherit;
      display:flex;
      opacity:0;
      font-size:inherit;
      transform:translateY(-2px);
      column-gap:6px;
      transition:opacity 250ms ease, transform 250ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .dJjWdz.ready {
      opacity:1;
      transform:translateY(0px);
      pointer-events:auto;
    }

    .zpasT {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:block;
      z-index:10002;
      position:fixed;
      font-size:inherit;
      background:transparent;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .brPguq {
      gap:16px;
      color:var(--text-strong);
      display:flex;
      font-size:inherit;
      background:var(--surface-page);
      box-sizing:border-box;
      font-family:Inter;
      font-weight:inherit;
      padding-top:12px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:2rem;
    }

    .OBazt {
      color:inherit;
      display:flex;
      padding:4px;
      font-size:inherit;
      background:var(--surface-sunken);
      column-gap:6px;
      overflow-x:auto;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
    }

    .eMOTNr {
      gap:10px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cHWJuV {
      color:inherit;
      margin:0px;
      display:block;
      font-size:2.4rem;
      font-family:Oswald;
      font-weight:bold;
      line-height:95%;
      flex-direction:row;
      text-transform:uppercase;
    }

    @media (min-width: 768px) {

    .cHWJuV {
      font-size:3.2rem;
    }
    }

    .bCZLfn {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .beVDfo {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1.2rem;
      font-family:Oswald;
      font-weight:bold;
      line-height:1.1;
      overflow-wrap:anywhere;
      flex-direction:row;
      text-transform:uppercase;
    }

    .dddOK {
      gap:12px;
      color:inherit;
      border:1px solid var(--border-subtle);
      display:flex;
      padding:20px 16px;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:column;
    }

    .fnulgq {
      gap:4px;
      color:inherit;
      display:flex;
      padding:14px 0;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--border-subtle);
      flex-direction:column;
      text-decoration-line:none;
    }

    .fnulgq:hover {
      opacity:0.75;
    }

    .cCahpI {
      gap:10px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bPJQxO {
      color:var(--text-strong);
      inset:0;
      display:flex;
      z-index:20000;
      position:fixed;
      font-size:1rem;
      font-family:Inter;
      font-weight:inherit;
      flex-direction:column;
      justify-content:flex-end;
    }

    @media (min-width: 768px) {

    .bPJQxO {
      padding:24px;
      align-items:center;
      justify-content:center;
    }
    }

    .eREcZQ {
      --panel-exit-y:100%;
      --panel-exit-opacity:1;
      color:inherit;
      width:100%;
      height:100dvh;
      display:flex;
      overflow:hidden;
      position:relative;
      animation:jobSheetUp 280ms cubic-bezier(0.16, 1, 0.3, 1);
      font-size:inherit;
      transform:translateY(0);
      background:var(--surface-raised);
      transition:transform 240ms cubic-bezier(0.16, 1, 0.3, 1), opacity 220ms ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eREcZQ.closing {
      opacity:var(--panel-exit-opacity);
      transform:translateY(var(--panel-exit-y));
    }

    @media (min-width: 768px) {

    .eREcZQ {
      --panel-exit-y:16px;
      --panel-exit-opacity:0;
      height:auto;
      animation:jobPanelIn 200ms ease-out;
      max-width:560px;
      box-shadow:var(--shadow-xl);
      max-height:86vh;
      border-radius:28px;
    }
    }

    @keyframes jobPanelIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(16px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }


    @keyframes jobSheetUp {
        0% {
          transform: translateY(100%);
        }

        100% {
          transform: translateY(0);
        }
    }

    .dZagoI {
      left:50%;
      color:var(--on-cta-surface);
      bottom:calc(110px + env(safe-area-inset-bottom));
      display:flex;
      padding:12px 18px;
      z-index:3;
      position:absolute;
      font-size:0.85rem;
      max-width:calc(100% - 32px);
      transform:translateX(-50%);
      background:var(--cta-surface);
      box-shadow:var(--shadow-lg);
      text-align:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      pointer-events:none;
    }

    .ehyQwD {
      color:var(--text-muted);
      width:52px;
      border:1px solid var(--border-subtle);
      height:52px;
      display:flex;
      overflow:hidden;
      font-size:24px;
      background:var(--surface-sunken);
      align-items:center;
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      border-radius:14px;
      flex-direction:row;
      justify-content:center;
    }

    .ehyQwD.has-logo {
      background:var(--surface-raised);
    }

    .tCZYK {
      color:inherit;
      inset:0;
      display:block;
      opacity:1;
      position:absolute;
      animation:jobScrimIn 180ms ease-out;
      font-size:inherit;
      background:var(--scrim);
      transition:opacity 200ms ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(3px);
    }

    .tCZYK.closing {
      opacity:0;
    }

    @keyframes jobScrimIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .bDAvVs {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1.05rem;
      font-family:inherit;
      font-weight:600;
      line-height:1.4;
      flex-direction:row;
    }

    .bdQqm {
      gap:10px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cOLXms {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1.6rem;
      font-family:inherit;
      font-weight:800;
      line-height:1.2;
      overflow-wrap:anywhere;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .cOLXms.expired {
      color:var(--text-muted);
    }

    .ezxGkT {
      color:var(--grey-500);
      display:inline-block;
      font-size:0.8rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
    }

    .cDLExu {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:0.95rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .cGKgWM {
      gap:10px;
      color:inherit;
      display:flex;
      padding:12px 14px;
      font-size:inherit;
      background:var(--surface-sunken);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
    }

    .job-detail\:closeIcon {
      width:18px;
      height:18px;
    }

    .rxHjB {
      flex:1;
      color:var(--text-strong);
      display:block;
      font-size:0.95rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      flex-direction:row;
    }

    .eXjMiQ {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .cbJKWn {
      gap:20px;
      flex:1;
      color:inherit;
      display:flex;
      padding:calc(20px + env(safe-area-inset-top)) 16px 24px 16px;
      font-size:inherit;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @media (min-width: 768px) {

    .cbJKWn {
      padding:24px 24px 24px 24px;
    }
    }

    .dnzfNc {
      gap:10px;
      color:inherit;
      border:1px solid var(--border-subtle);
      display:flex;
      padding:14px;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:column;
    }

    .bPSdqs {
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      font-size:inherit;
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dQLxJy {
      color:var(--on-invert-surface);
      display:flex;
      padding:14px 16px;
      font-size:0.9rem;
      background:var(--invert-surface);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
      text-decoration-line:none;
    }

    .dQLxJy:hover {
      opacity:0.9;
    }

    .dQLxJy:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .ediank {
      color:var(--on-accent);
      display:inline-block;
      padding:4px 10px;
      font-size:0.75rem;
      align-self:flex-start;
      background:var(--accent);
      font-family:Oswald;
      font-weight:bold;
      border-radius:3px;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .dDdRrE {
      color:inherit;
      display:inline-flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bxgKiv {
      gap:6px;
      color:var(--text-strong);
      border:1px solid var(--grey-300);
      cursor:pointer;
      display:flex;
      padding:8px 14px;
      font-size:0.8rem;
      background:var(--surface-raised);
      transition:background 160ms ease, color 160ms ease, transform 120ms ease;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .bxgKiv.saved {
      color:var(--on-accent);
      border:1px solid var(--border-strong);
      background:var(--accent);
    }

    .bxgKiv.compact {
      padding:7px 12px;
      font-size:0.75rem;
    }

    .bxgKiv:hover {
      background:var(--surface-sunken);
    }

    .bxgKiv:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .bxgKiv:active {
      transform:scale(0.94);
    }

    .job-detail\:saveButton {
      align-self:center;
      flex-shrink:0;
    }

    .bbrmqd {
      color:var(--text-strong);
      width:36px;
      border:none;
      cursor:pointer;
      height:36px;
      display:flex;
      font-size:inherit;
      align-self:flex-start;
      background:var(--surface-sunken);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      margin-left:auto;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .bbrmqd:hover {
      background:var(--grey-200);
    }

    .eQZmid {
      color:var(--text-muted);
      margin:0px;
      display:block;
      font-size:0.9rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fqAAHy {
      flex:2;
      color:var(--on-invert-surface);
      border:none;
      cursor:pointer;
      display:flex;
      padding:15px 16px;
      font-size:0.9rem;
      background:var(--invert-surface);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .fqAAHy:hover {
      opacity:0.9;
    }

    .fqAAHy:active {
      transform:scale(0.98);
    }

    .dKbwDP {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .TppQP {
      color:var(--grey-600);
      margin:0px;
      display:block;
      font-size:0.8rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .flTubX {
      color:inherit;
      display:inline-flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fFKSAq {
      color:var(--text-strong);
      width:100%;
      border:none;
      margin:auto auto 0 auto;
      display:block;
      padding:0px;
      font-size:inherit;
      max-width:min(520px, 100vw);
      background:var(--surface-raised);
      box-shadow:var(--shadow-xl);
      box-sizing:border-box;
      max-height:92dvh;
      overflow-x:hidden;
      overflow-y:auto;
      font-family:Inter;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:normal;
      text-transform:none;
      border-top-left-radius:20px;
      border-top-right-radius:20px;
    }

    @media (min-width: 768px) {

    .fFKSAq {
      margin:auto;
      border-radius:20px;
    }
    }

    .bHwMQ {
      gap:6px;
      color:var(--text-muted);
      border:none;
      cursor:pointer;
      display:inline-flex;
      padding:8px 4px;
      font-size:0.75rem;
      background:transparent;
      min-height:44px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .bHwMQ:hover {
      color:var(--text-strong);
      text-decoration-line:underline;
    }

    .bHwMQ:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .report-button\:closeIcon {
      width:20px;
      height:20px;
    }

    .dUGAtc {
      color:var(--text-muted);
      margin:0px;
      display:block;
      font-size:0.95rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:row;
    }

    .GGuPZ {
      color:var(--text-faint);
      margin:-6px 0 0 0;
      display:block;
      font-size:0.75rem;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ehWkYG {
      color:var(--text-strong);
      width:100%;
      border:2px solid transparent;
      resize:vertical;
      display:inline-block;
      outline:none;
      padding:12px;
      font-size:16px;
      background:var(--surface-sunken);
      box-sizing:border-box;
      font-family:Inter;
      font-weight:inherit;
      line-height:1.4;
      border-radius:8px;
      flex-direction:row;
    }

    .ehWkYG:focus {
      background:var(--surface-raised);
      box-shadow:4px 4px 0px 0px var(--accent);
      border-color:var(--border-medium);
    }

    .bXpmop {
      color:inherit;
      width:16px;
      border:2px solid var(--border-strong);
      height:16px;
      display:inline;
      font-size:inherit;
      box-sizing:border-box;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .bXpmop.picked {
      background:var(--border-strong);
      box-shadow:inset 0 0 0 3px var(--surface-raised);
    }

    .fyOJXo {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .efcqpL {
      color:inherit;
      display:flex;
      row-gap:1rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .czIXPg {
      color:inherit;
      display:flex;
      row-gap:8px;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .uIzUP {
      color:var(--on-accent);
      width:100%;
      border:2px solid var(--border-medium);
      cursor:pointer;
      display:flex;
      padding:14px 24px;
      font-size:1.3rem;
      background:var(--accent);
      align-items:center;
      font-family:Oswald;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:1px;
      text-transform:uppercase;
      justify-content:center;
    }

    .uIzUP:hover {
      transform:translateY(-2px);
      box-shadow:4px 4px 0px 0px var(--shadow-hard);
    }

    .uIzUP:disabled {
      color:var(--grey-500);
      cursor:not-allowed;
      background:var(--grey-200);
      border-color:var(--grey-400);
    }

    .uIzUP:disabled:hover {
      transform:none;
      box-shadow:none;
    }

    .cGRfWa {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1.8rem;
      min-width:0px;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      overflow-wrap:anywhere;
      flex-direction:row;
      text-transform:uppercase;
    }

    .bcYORU {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1.05rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:row;
    }

    .cDGusT {
      color:var(--text-strong);
      width:36px;
      border:none;
      cursor:pointer;
      height:36px;
      display:flex;
      font-size:inherit;
      background:var(--surface-sunken);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .cDGusT:hover {
      background:var(--grey-200);
    }

    .cDGusT:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .mrMwq {
      color:var(--on-invert-surface);
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      padding:14px 24px;
      font-size:1rem;
      background:var(--invert-surface);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .mrMwq:hover {
      opacity:0.9;
    }

    .cAApNO {
      gap:12px;
      color:var(--text-strong);
      width:100%;
      border:2px solid var(--border-subtle);
      cursor:pointer;
      display:flex;
      padding:12px 14px;
      font-size:0.95rem;
      min-width:0px;
      background:var(--surface-raised);
      box-sizing:border-box;
      text-align:left;
      align-items:center;
      font-family:Inter;
      font-weight:600;
      line-height:1.35;
      white-space:normal;
      border-radius:12px;
      flex-direction:row;
    }

    .cAApNO.picked {
      background:var(--surface-sunken);
      box-shadow:3px 3px 0px 0px var(--accent);
      border-color:var(--border-strong);
    }

    .cAApNO:hover {
      border-color:var(--border-medium);
    }

    .cAApNO:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .cXzASB {
      flex:1;
      color:inherit;
      display:block;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      white-space:normal;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .fwDoIu {
      gap:10px;
      color:inherit;
      bottom:0px;
      display:flex;
      padding:12px 16px calc(12px + env(safe-area-inset-bottom)) 16px;
      z-index:2;
      position:sticky;
      font-size:inherit;
      background:var(--grey-50);
      border-top:1px solid var(--border-subtle);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fwDoIu.expired {
      gap:8px;
      align-items:stretch;
      flex-direction:column;
    }

    @media (min-width: 768px) {

    .fwDoIu {
      padding-bottom:12px;
      border-bottom-left-radius:28px;
      border-bottom-right-radius:28px;
    }
    }

    .buoPQz {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .SkwG {
      gap:6px;
      color:inherit;
      border:1px solid var(--error);
      display:flex;
      padding:12px 14px;
      font-size:inherit;
      background:var(--error-surface);
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
    }

    .fniGXH {
      color:var(--text-strong);
      display:inline-block;
      font-size:0.75rem;
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      border-bottom:2px solid var(--accent);
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      text-decoration-line:none;
    }

    .fniGXH:hover {
      color:var(--on-accent);
      background:var(--accent);
    }

    .dQgwoL {
      color:var(--grey-600);
      margin:4px 0 0 0;
      display:block;
      font-size:1.02rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.6;
      white-space:pre-line;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .fEqHrA {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration-line:none;
    }

    .fEqHrA:hover {
      text-decoration-line:underline;
    }

    .cRArsE {
      gap:4px;
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cZSIcY {
      flex:1;
      color:var(--text-strong);
      border:1px solid var(--grey-300);
      cursor:pointer;
      display:flex;
      padding:15px 12px;
      font-size:0.9rem;
      background:var(--surface-raised);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .cZSIcY:hover {
      background:var(--surface-hover);
    }

    .bPYtE {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .eXbZNh {
      color:var(--text-strong);
      width:100%;
      border:1px solid var(--grey-300);
      cursor:pointer;
      display:flex;
      padding:14px 16px;
      font-size:0.85rem;
      background:var(--surface-raised);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .eXbZNh:hover {
      background:var(--surface-hover);
    }

    .bpHVUp {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1.3rem;
      font-family:Oswald;
      font-weight:bold;
      line-height:1.1;
      flex-direction:row;
      text-transform:uppercase;
    }

    .diSJOP {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:0.85rem;
      font-family:inherit;
      font-weight:500;
      line-height:1.5;
      flex-direction:row;
    }

    .eMaeEQ {
      color:var(--on-invert-surface);
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      padding:15px 16px;
      font-size:0.9rem;
      background:var(--invert-surface);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .eMaeEQ:hover {
      opacity:0.9;
    }

    .eZYNWG {
      gap:8px;
      color:inherit;
      cursor:pointer;
      display:flex;
      padding:14px 0;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--border-subtle);
      flex-direction:column;
    }

    .wDbkp {
      color:inherit;
      display:flex;
      font-size:inherit;
      border-top:1px solid var(--border-subtle);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dOxcXL {
      color:inherit;
      display:inline-flex;
      font-size:inherit;
      min-width:0px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cHtchM {
      gap:7px;
      color:var(--text-muted);
      border:none;
      cursor:pointer;
      display:inline-flex;
      padding:7px 12px;
      font-size:inherit;
      background:transparent;
      transition:background 160ms cubic-bezier(0.4, 0, 0.2, 1), color 160ms cubic-bezier(0.4, 0, 0.2, 1), transform 120ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:1;
      border-radius:999px;
      flex-direction:row;
    }

    .cHtchM.is-loved {
      color:var(--error);
    }

    .cHtchM.is-loved:hover {
      background:var(--error-surface);
    }

    .cHtchM.is-static {
      color:var(--error);
      cursor:default;
    }

    .cHtchM.is-static:hover {
      color:var(--error);
      background:transparent;
    }

    .cHtchM.is-static:active {
      transform:none;
    }

    .cHtchM:hover {
      color:var(--error);
      background:var(--error-surface);
    }

    .cHtchM:focus-visible {
      outline:2px solid var(--error);
      outline-offset:2px;
    }

    .cHtchM:active {
      transform:scale(0.92);
    }

    .cHtchM.look-lime {
      color:var(--text-strong);
    }

    .cHtchM.look-lime:hover {
      color:var(--text-strong);
      background:var(--surface-sunken);
    }

    .cHtchM.look-lime:focus-visible {
      outline:2px solid var(--accent-text);
      outline-offset:2px;
    }

    .cHtchM.look-big {
      gap:8px;
      color:var(--on-cta-surface);
      width:100%;
      border:2px solid var(--cta-border);
      padding:14px 16px;
      font-size:0.95rem;
      background:var(--cta-surface);
      box-shadow:3px 3px 0px 0px var(--accent);
      font-family:Oswald;
      font-weight:bold;
      white-space:nowrap;
      border-radius:12px;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .cHtchM.look-big:hover {
      color:var(--on-cta-surface);
      opacity:0.92;
      background:var(--cta-surface);
    }

    .cHtchM.look-big:active {
      transform:scale(0.98);
    }

    .cHtchM.look-big:focus-visible {
      outline:2px solid var(--accent-text);
      outline-offset:3px;
    }

    .cHtchM.lime-loved {
      color:var(--on-accent);
      background:var(--accent);
    }

    .cHtchM.lime-loved:hover {
      color:var(--on-accent);
      background:var(--accent-hover);
    }

    .cHtchM.big-loved {
      color:var(--on-accent);
      background:var(--accent);
      box-shadow:3px 3px 0px 0px var(--shadow-hard);
      border-color:var(--border-strong);
    }

    .cHtchM.big-loved:hover {
      color:var(--on-accent);
      opacity:1;
      background:var(--accent-hover);
    }

    .bHmYIP {
      top:50%;
      left:50%;
      color:inherit;
      width:var(--dot-size);
      height:var(--dot-size);
      display:inline;
      opacity:0;
      position:absolute;
      animation:dotFly 620ms cubic-bezier(0.22, 1, 0.36, 1) var(--dot-delay) forwards;
      font-size:inherit;
      background:currentColor;
      margin-top:calc(var(--dot-size) / -2);
      font-family:inherit;
      font-weight:inherit;
      margin-left:calc(var(--dot-size) / -2);
      border-radius:50%;
      flex-direction:row;
      pointer-events:none;
    }

    @media () {

    .bHmYIP {
      display:none;
    }
    }

    @keyframes dotFly {
        0% {
          opacity: 0;
        }

        0% {
          transform: rotate(var(--angle)) translateY(0px) scale(0.2);
        }

        18% {
          opacity: 1;
        }

        70% {
          opacity: 0.9;
        }

        70% {
          transform: rotate(var(--angle)) translateY(var(--dist)) scale(1);
        }

        100% {
          opacity: 0;
        }

        100% {
          transform: rotate(var(--angle)) translateY(var(--dist)) scale(0);
        }
    }

    .bEMeNd {
      color:inherit;
      display:inline-block;
      opacity:0.55;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:1;
      flex-direction:row;
    }

    .MWqSI {
      color:inherit;
      display:inline-block;
      font-size:var(--count-size);
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .MWqSI.is-love {
      animation:countRoll 420ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    .MWqSI.is-unlove {
      animation:countDrop 260ms ease-out;
    }

    .MWqSI.in-big {
      font-size:inherit;
    }

    @keyframes countDrop {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(-6px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0px);
        }
    }


    @keyframes countRoll {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(7px);
        }

        55.00000000000001% {
          opacity: 1;
        }

        55.00000000000001% {
          transform: translateY(-2px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0px);
        }
    }

    .ejNupf {
      fill:transparent;
      color:inherit;
      stroke:currentColor;
      display:block;
      font-size:inherit;
      transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
      font-family:inherit;
      font-weight:inherit;
      stroke-width:1.8px;
      flex-direction:row;
      stroke-linejoin:round;
    }

    .ejNupf.is-filled {
      fill:currentColor;
    }

    .dqBPWM {
      top:var(--ring-inset);
      left:var(--ring-inset);
      color:inherit;
      right:var(--ring-inset);
      border:2px solid currentColor;
      bottom:var(--ring-inset);
      display:inline;
      opacity:0;
      position:absolute;
      animation:ringPop 560ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      pointer-events:none;
    }

    @media () {

    .dqBPWM {
      display:none;
    }
    }

    @keyframes ringPop {
        0% {
          opacity: 0.85;
        }

        0% {
          transform: scale(0.2);
        }

        70% {
          opacity: 0.25;
        }

        70% {
          transform: scale(1.5);
        }

        100% {
          opacity: 0;
        }

        100% {
          transform: scale(1.95);
        }
    }

    .JDeyR {
      color:inherit;
      display:block;
      overflow:visible;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      transform-origin:50% 50%;
    }

    .JDeyR.is-love {
      animation:heartPop 620ms cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .JDeyR.is-unlove {
      animation:heartSink 300ms ease-out;
    }

    .JDeyR.lime-outline {
      color:var(--accent);
    }

    @keyframes heartPop {
        0% {
          transform: scale(1) rotate(0deg);
        }

        18% {
          transform: scale(0.72) rotate(-10deg);
        }

        42% {
          transform: scale(1.42) rotate(8deg);
        }

        60% {
          transform: scale(1.06) rotate(-4deg);
        }

        78% {
          transform: scale(1.22) rotate(2deg);
        }

        100% {
          transform: scale(1) rotate(0deg);
        }
    }


    @keyframes heartSink {
        0% {
          transform: scale(1) rotate(0deg);
        }

        40% {
          transform: scale(0.68) rotate(6deg);
        }

        100% {
          transform: scale(1) rotate(0deg);
        }
    }

    .fCUPBj {
      color:inherit;
      display:inline-flex;
      position:relative;
      font-size:inherit;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .dHqlHC {
      color:inherit;
      display:inline-block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:1;
      flex-direction:row;
    }

    .love-heart\:heart {
      flex:1;
      min-width:0px;
    }

    .DmMGW {
      gap:2px;
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bErbQP {
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      background:var(--surface-sunken);
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bErbQP.is-loaded {
      background:transparent;
    }

    .bErbQP.natural {
      width:auto;
      height:auto;
      display:inline-block;
      max-width:100%;
      vertical-align:top;
    }

    .bErbQP.natural-waiting {
      width:220px;
      height:140px;
    }

    .eEiJhG {
      color:inherit;
      inset:0;
      display:block;
      position:absolute;
      animation:gsImageShine 1.3s ease-in-out infinite;
      font-size:inherit;
      transform:translateX(-100%);
      background:linear-gradient(90deg, transparent 0%, var(--surface-hover) 50%, transparent 100%);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    @media (prefers-reduced-motion: reduce) {

    .eEiJhG {
      display:none;
    }
    }

    @keyframes gsImageShine {
        0% {
          transform: translateX(-100%);
        }

        100% {
          transform: translateX(100%);
        }
    }

    .cvojMX {
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      opacity:0;
      position:relative;
      font-size:inherit;
      object-fit:cover;
      transition:opacity 250ms ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cvojMX.is-loaded {
      opacity:1;
    }

    .cvojMX.natural {
      width:auto;
      height:auto;
      max-width:100%;
      max-height:var(--max-h);
      object-fit:contain;
    }

    @media (prefers-reduced-motion: reduce) {

    .cvojMX {
      transition:none;
    }
    }

    .loved-list\:cardPhoto {
      width:72px;
      border:1px solid var(--border-subtle);
      height:72px;
      display:inline-block;
      flex-shrink:0;
      border-radius:8px;
    }

    .fdwHZW {
      color:var(--text-strong);
      width:fit-content;
      display:inline;
      font-size:inherit;
      font-family:Oswald;
      font-weight:bold;
      border-bottom:2px solid var(--accent);
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      text-decoration-line:none;
    }

    .fdwHZW:hover {
      color:var(--on-accent);
      background:var(--accent);
    }

    .bNDyDb {
      color:var(--text-muted);
      margin:0px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .eJJJrM {
      color:inherit;
      display:flex;
      padding:0 4px;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bRmLAq {
      color:var(--text-strong);
      display:inline;
      font-size:1rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      text-transform:uppercase;
    }

    .ddirXi {
      color:var(--text-faint);
      display:inline;
      font-size:0.75rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .bIwYzh {
      color:var(--text-muted);
      margin:0px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .crcpRM {
      gap:16px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .ceHuTK {
      flex:1 0 auto;
      color:var(--text-muted);
      border:2px solid transparent;
      cursor:pointer;
      display:flex;
      padding:10px 14px;
      font-size:0.85rem;
      background:transparent;
      column-gap:6px;
      min-height:44px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      white-space:nowrap;
      border-radius:9px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .ceHuTK.selected {
      color:var(--text-strong);
      background:var(--surface-raised);
      box-shadow:2px 2px 0px 0px var(--shadow-hard);
      border-color:var(--border-soft);
    }

    .ceHuTK.selected:hover {
      color:var(--text-strong);
      background:var(--surface-raised);
    }

    .ceHuTK:hover {
      color:var(--text-strong);
    }

    .ceHuTK:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .cSZEVX {
      color:var(--text-muted);
      width:36px;
      border:1px solid var(--border-subtle);
      height:36px;
      display:flex;
      overflow:hidden;
      font-size:18px;
      background:var(--surface-sunken);
      align-items:center;
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      border-radius:8px;
      flex-direction:row;
      justify-content:center;
    }

    .bdxCgI {
      --panel-exit-y:100%;
      --panel-exit-opacity:1;
      color:inherit;
      width:100%;
      height:100dvh;
      display:flex;
      overflow:hidden;
      position:relative;
      animation:eventSheetUp 280ms cubic-bezier(0.16, 1, 0.3, 1);
      font-size:inherit;
      transform:translateY(0);
      background:var(--surface-raised);
      transition:transform 240ms cubic-bezier(0.16, 1, 0.3, 1), opacity 220ms ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bdxCgI.closing {
      opacity:var(--panel-exit-opacity);
      transform:translateY(var(--panel-exit-y));
    }

    @media (min-width: 768px) {

    .bdxCgI {
      --panel-exit-y:16px;
      --panel-exit-opacity:0;
      height:auto;
      animation:eventPanelIn 200ms ease-out;
      max-width:560px;
      box-shadow:var(--shadow-xl);
      max-height:86vh;
      border-radius:28px;
    }
    }

    @keyframes eventPanelIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(16px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }


    @keyframes eventSheetUp {
        0% {
          transform: translateY(100%);
        }

        100% {
          transform: translateY(0);
        }
    }

    .droeDL {
      color:inherit;
      inset:0;
      display:block;
      opacity:1;
      position:absolute;
      animation:eventScrimIn 180ms ease-out;
      font-size:inherit;
      background:var(--scrim);
      transition:opacity 200ms ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(3px);
    }

    .droeDL.closing {
      opacity:0;
    }

    @keyframes eventScrimIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .bxXcfn {
      gap:8px;
      color:var(--text-strong);
      display:flex;
      flex-wrap:wrap;
      font-size:0.95rem;
      align-items:baseline;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .bxXcfn.skipped {
      color:var(--text-muted);
    }

    .dQLNLT {
      color:inherit;
      display:flex;
      padding:0 14px 12px 14px;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .crKlub {
      color:var(--grey-500);
      display:inline-block;
      font-size:0.8rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .eQAJIK {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1.05rem;
      font-family:inherit;
      font-weight:700;
      line-height:1.4;
      flex-direction:row;
    }

    .eQAJIK.over {
      color:var(--text-muted);
      text-decoration-line:line-through;
    }

    .event-detail\:closeIcon {
      width:18px;
      height:18px;
    }

    .fBSOty {
      gap:4px;
      color:inherit;
      margin:0px;
      display:flex;
      padding:0 14px 12px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dpiICq {
      color:inherit;
      display:inline;
      font-size:0.95rem;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
    }

    .cMgwhv {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .Mvkkv {
      color:inherit;
      border:1px solid var(--border-subtle);
      display:flex;
      overflow:hidden;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:column;
    }

    .cuaJUd {
      color:inherit;
      display:block;
      font-size:inherit;
      max-width:100%;
      align-self:flex-start;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
    }

    .cuaJUd:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .jGYYQ {
      gap:8px;
      color:var(--text-strong);
      margin:0px;
      display:flex;
      font-size:1rem;
      align-items:baseline;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bRsUVE {
      color:var(--grey-500);
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .daKbKu {
      color:inherit;
      display:block;
      padding:8px 0 4px 0;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fgQQaL {
      color:inherit;
      border:1px solid var(--border-subtle);
      display:flex;
      overflow:hidden;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
    }

    .btTgEE {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cZMUkV {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1.6rem;
      font-family:inherit;
      font-weight:800;
      line-height:1.2;
      overflow-wrap:anywhere;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .cZMUkV.over {
      color:var(--text-muted);
    }

    .dNxlaf {
      gap:10px;
      color:var(--grey-600);
      border:none;
      cursor:pointer;
      display:flex;
      padding:13px 14px;
      font-size:0.8rem;
      background:transparent;
      min-height:44px;
      text-align:left;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:space-between;
    }

    .dNxlaf:hover {
      background:var(--surface-sunken);
    }

    .dNxlaf:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:-2px;
    }

    .dIwtBO {
      color:var(--text-strong);
      border:1px solid var(--border-strong);
      display:flex;
      padding:13px 16px;
      font-size:0.9rem;
      background:var(--surface-raised);
      box-sizing:border-box;
      min-height:44px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
      text-decoration-line:none;
    }

    .dIwtBO:hover {
      background:var(--surface-sunken);
    }

    .dIwtBO:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .event-detail\:photoImage {
      border:1px solid var(--border-subtle);
      border-radius:12px;
    }

    .cquXEF {
      color:var(--grey-600);
      display:inline;
      font-size:0.8rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .dmceml {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:700;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .fepKyL {
      gap:6px;
      color:var(--text-strong);
      border:1px solid var(--grey-300);
      cursor:pointer;
      display:flex;
      padding:8px 16px;
      font-size:0.8rem;
      background:var(--surface-raised);
      min-height:44px;
      transition:background 160ms ease, color 160ms ease, transform 120ms ease;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .fepKyL.saved {
      color:var(--on-accent);
      border:1px solid var(--border-strong);
      background:var(--accent);
    }

    .fepKyL.compact {
      padding:6px 14px;
      font-size:0.75rem;
    }

    .fepKyL.saved:hover {
      background:var(--accent);
    }

    .fepKyL:hover {
      background:var(--surface-sunken);
    }

    .fepKyL:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .fepKyL:active {
      transform:scale(0.94);
    }

    .event-detail\:saveButton {
      align-self:center;
      flex-shrink:0;
    }

    .bOizXn {
      color:var(--text-strong);
      display:flex;
      font-size:0.9rem;
      min-height:44px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      overflow-wrap:anywhere;
      flex-direction:row;
      text-decoration-line:none;
    }

    .bOizXn:hover {
      text-decoration-line:underline;
    }

    .bZXpJn {
      color:var(--text-strong);
      display:flex;
      font-size:0.9rem;
      min-height:44px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration-line:none;
    }

    .bZXpJn:hover {
      text-decoration-line:underline;
    }

    .Edaay {
      color:var(--text-strong);
      width:44px;
      border:none;
      cursor:pointer;
      height:44px;
      display:flex;
      font-size:inherit;
      align-self:flex-start;
      background:var(--surface-sunken);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      margin-left:auto;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
    }

    .Edaay:hover {
      background:var(--grey-200);
    }

    .Edaay:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .JaauJ {
      gap:10px;
      color:var(--text-strong);
      border:none;
      cursor:pointer;
      display:flex;
      padding:12px 14px;
      font-size:inherit;
      background:transparent;
      min-height:52px;
      text-align:left;
      align-items:center;
      font-family:Inter;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .JaauJ:hover {
      background:var(--surface-sunken);
    }

    .JaauJ:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:-2px;
    }

    .dAycKe {
      color:var(--grey-500);
      display:block;
      font-size:inherit;
      transform:rotate(0deg);
      transition:transform 200ms ease;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dAycKe.open {
      transform:rotate(180deg);
    }

    .druILL {
      flex:2;
      color:var(--on-invert-surface);
      border:none;
      cursor:pointer;
      display:flex;
      padding:15px 16px;
      font-size:0.9rem;
      background:var(--invert-surface);
      min-height:44px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .druILL:hover {
      opacity:0.9;
    }

    .druILL:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .druILL:active {
      transform:scale(0.98);
    }

    .wwkJa {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .wwkJa.skipped {
      text-decoration-line:line-through;
    }

    .byzqrZ {
      gap:6px;
      color:var(--on-accent);
      border:2px solid var(--border-strong);
      cursor:pointer;
      display:inline-flex;
      padding:7px 14px;
      font-size:0.8rem;
      background:var(--accent);
      transition:transform 120ms ease, box-shadow 120ms ease, background 150ms ease;
      align-items:center;
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .byzqrZ.following {
      color:var(--text-strong);
      background:var(--surface-sunken);
      border-color:var(--border-subtle);
    }

    .byzqrZ:hover {
      transform:translateY(-1px);
      box-shadow:2px 2px 0px 0px var(--shadow-hard);
    }

    .byzqrZ:active {
      transform:scale(0.96);
      box-shadow:none;
    }

    .byzqrZ:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .bvhRJB {
      gap:10px;
      color:inherit;
      bottom:0px;
      display:flex;
      padding:12px 16px calc(12px + env(safe-area-inset-bottom)) 16px;
      z-index:2;
      position:sticky;
      font-size:inherit;
      background:var(--grey-50);
      border-top:1px solid var(--border-subtle);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bvhRJB.finished {
      gap:8px;
      align-items:stretch;
      flex-direction:column;
    }

    @media (min-width: 768px) {

    .bvhRJB {
      padding-bottom:12px;
      border-bottom-left-radius:28px;
      border-bottom-right-radius:28px;
    }
    }

    .dUHyPA {
      gap:10px;
      color:var(--text-strong);
      display:flex;
      font-size:0.9rem;
      min-height:44px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      text-decoration-line:none;
    }

    .dUHyPA:hover {
      text-decoration-line:underline;
    }

    .dqaQBr {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:0.95rem;
      font-family:inherit;
      font-weight:700;
      line-height:1.4;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .duxgss {
      color:inherit;
      display:inline-block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      flex-direction:row;
    }

    .xreLh {
      color:var(--text-strong);
      width:44px;
      border:1px solid var(--border-subtle);
      height:44px;
      display:flex;
      font-size:inherit;
      background:var(--surface-sunken);
      transition:background 150ms ease, color 150ms ease, border-color 150ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      justify-content:center;
      text-decoration-line:none;
    }

    .xreLh:hover {
      color:var(--on-invert-surface);
      background:var(--invert-surface);
      border-color:var(--invert-surface);
    }

    .xreLh:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .kSTkS {
      gap:10px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eSXsWy {
      gap:8px;
      color:var(--on-invert-surface);
      display:flex;
      padding:14px 16px;
      font-size:0.9rem;
      background:var(--invert-surface);
      box-sizing:border-box;
      min-height:44px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
      text-decoration-line:none;
    }

    .eSXsWy:hover {
      opacity:0.9;
    }

    .eSXsWy:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .czYDDc {
      color:var(--surface-page);
      display:inline-block;
      padding:5px 10px;
      font-size:0.75rem;
      background:var(--error);
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
    }

    .epjDNM {
      color:var(--text-strong);
      display:flex;
      padding:0 4px;
      font-size:0.75rem;
      min-height:44px;
      align-items:center;
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      text-decoration-line:underline;
      text-decoration-color:var(--accent);
      text-underline-offset:4px;
      text-decoration-thickness:2px;
    }

    .epjDNM:hover {
      color:var(--on-accent);
      background:var(--accent);
    }

    .epjDNM:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .bQUGiI {
      gap:8px;
      color:var(--text-strong);
      border:1px solid var(--error);
      display:flex;
      padding:12px 14px;
      font-size:inherit;
      background:var(--error-surface);
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
    }

    .fjytpr {
      color:var(--text-muted);
      display:inline;
      font-size:0.75rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .fflvbC {
      color:inherit;
      display:flex;
      row-gap:2px;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fAXsPM {
      color:inherit;
      display:inline-block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:inherit;
    }

    .YhKSZ {
      color:var(--grey-600);
      display:inline;
      font-size:0.75rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .enXRyX {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1.3rem;
      font-family:Oswald;
      font-weight:bold;
      line-height:1.1;
      overflow-wrap:anywhere;
      flex-direction:row;
      text-transform:uppercase;
    }

    .eGYHKL {
      color:var(--grey-600);
      margin:0px;
      display:block;
      font-size:0.9rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .bcswlQ {
      color:var(--text-strong);
      display:flex;
      padding:13px 16px;
      font-size:0.8rem;
      background:var(--surface-sunken);
      box-sizing:border-box;
      margin-top:12px;
      min-height:44px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      border-radius:10px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
      text-decoration-line:none;
    }

    .bcswlQ:hover {
      background:var(--grey-200);
    }

    .eXGILd {
      color:var(--grey-500);
      display:inline-block;
      font-size:0.7rem;
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      margin-left:auto;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .MVYWB {
      flex:1;
      color:var(--text-strong);
      border:1px solid var(--grey-300);
      cursor:pointer;
      display:flex;
      padding:15px 12px;
      font-size:0.9rem;
      background:var(--surface-raised);
      min-height:44px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .MVYWB:hover {
      background:var(--surface-hover);
    }

    .MVYWB:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .cSAxMy {
      color:var(--text-strong);
      width:100%;
      border:1px solid var(--grey-300);
      cursor:pointer;
      display:flex;
      padding:14px 16px;
      font-size:0.85rem;
      background:var(--surface-raised);
      min-height:44px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .cSAxMy:hover {
      background:var(--surface-hover);
    }

    .cSAxMy:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .etQeBx {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:0.9rem;
      font-family:inherit;
      font-weight:500;
      line-height:1.5;
      flex-direction:row;
    }

    .brvSid {
      color:var(--on-invert-surface);
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      padding:15px 16px;
      font-size:0.9rem;
      background:var(--invert-surface);
      min-height:44px;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .brvSid:hover {
      opacity:0.9;
    }

    .brvSid:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .XhAmR {
      color:var(--text-muted);
      border:1px solid var(--border-subtle);
      cursor:pointer;
      display:inline-block;
      padding:12px 16px;
      font-size:0.75rem;
      align-self:center;
      background:transparent;
      margin-top:10px;
      font-family:Oswald;
      font-weight:bold;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .XhAmR:hover {
      color:var(--text-strong);
      background:var(--surface-sunken);
    }

    .jbXsS {
      --panel-exit-y:100%;
      --panel-exit-opacity:1;
      color:inherit;
      width:100%;
      height:100dvh;
      display:flex;
      opacity:1;
      overflow:hidden;
      position:relative;
      animation:shoutSheetUp 280ms cubic-bezier(0.16, 1, 0.3, 1);
      font-size:inherit;
      transform:translateY(0);
      background:var(--surface-raised);
      transition:transform 240ms cubic-bezier(0.16, 1, 0.3, 1), opacity 220ms ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .jbXsS.closing {
      opacity:var(--panel-exit-opacity);
      transform:translateY(var(--panel-exit-y));
    }

    @media (min-width: 768px) {

    .jbXsS {
      --panel-exit-y:16px;
      --panel-exit-opacity:0;
      height:auto;
      animation:shoutPanelIn 200ms ease-out;
      max-width:560px;
      box-shadow:var(--shadow-xl);
      max-height:86vh;
      border-radius:28px;
    }
    }

    @keyframes shoutPanelIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(16px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }


    @keyframes shoutSheetUp {
        0% {
          transform: translateY(100%);
        }

        100% {
          transform: translateY(0);
        }
    }

    .dmUjeP {
      color:var(--text-muted);
      width:52px;
      border:1px solid var(--border-subtle);
      height:52px;
      display:flex;
      overflow:hidden;
      font-size:24px;
      background:var(--surface-sunken);
      align-items:center;
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      border-radius:14px;
      flex-direction:row;
      justify-content:center;
    }

    .dmUjeP.has-logo {
      border:1px solid var(--border-subtle);
      background:var(--surface-raised);
    }

    .YXQrs {
      gap:8px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dTkGjA {
      color:inherit;
      inset:0;
      display:block;
      opacity:1;
      position:absolute;
      animation:shoutScrimIn 180ms ease-out;
      font-size:inherit;
      background:var(--scrim);
      transition:opacity 200ms ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(3px);
    }

    .dTkGjA.closing {
      opacity:0;
    }

    @keyframes shoutScrimIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .dTwMIC {
      gap:10px;
      color:var(--text-strong);
      display:flex;
      font-size:0.9rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:10px;
      overflow-wrap:anywhere;
      flex-direction:row;
      padding-bottom:10px;
      text-decoration-line:none;
    }

    .dTwMIC:hover {
      text-decoration-line:underline;
    }

    .YvrpM {
      color:inherit;
      display:flex;
      animation:shoutInfoIn 180ms ease-out;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-left:14px;
      padding-right:14px;
      flex-direction:column;
      padding-bottom:12px;
    }

    @keyframes shoutInfoIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(-4px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }

    .eiTmlB {
      color:var(--grey-500);
      display:inline-block;
      overflow:hidden;
      font-size:0.8rem;
      font-family:Oswald;
      font-weight:bold;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .bDKsJW {
      gap:10px;
      color:var(--text-strong);
      display:flex;
      font-size:0.9rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:10px;
      flex-direction:row;
      padding-bottom:10px;
      text-decoration-line:none;
    }

    .bDKsJW:hover {
      text-decoration-line:underline;
    }

    .eewDEg {
      color:var(--on-accent);
      display:inline-block;
      padding:4px 10px;
      font-size:0.7rem;
      background:var(--accent);
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      border-radius:3px;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .bdDiTC {
      color:inherit;
      display:flex;
      overflow:hidden;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:14px;
      flex-direction:column;
      border-top-color:var(--border-subtle);
      border-top-style:solid;
      border-top-width:1px;
      border-left-color:var(--border-subtle);
      border-left-style:solid;
      border-left-width:1px;
      border-right-color:var(--border-subtle);
      border-right-style:solid;
      border-right-width:1px;
      border-bottom-color:var(--border-subtle);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .enLbNj {
      color:inherit;
      display:inline-block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .upXWi {
      gap:20px;
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      padding-top:calc(20px + env(safe-area-inset-top));
      padding-left:16px;
      padding-right:16px;
      flex-direction:column;
      padding-bottom:24px;
    }

    @media (min-width: 768px) {

    .upXWi {
      padding-top:24px;
      padding-left:24px;
      padding-right:24px;
    }
    }

    .pOmtN {
      gap:10px;
      color:var(--text-strong);
      display:flex;
      font-size:0.9rem;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      padding-top:10px;
      flex-direction:row;
      padding-bottom:10px;
      text-decoration-line:none;
    }

    .pOmtN:hover {
      text-decoration-line:underline;
    }

    .shout-detail\:avatarLogo {
      width:100%;
      height:100%;
    }

    .drjsYZ {
      color:var(--grey-500);
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      margin-right:-3px;
      flex-direction:row;
    }

    .cYOlJN {
      gap:10px;
      color:var(--grey-600);
      border:none;
      cursor:pointer;
      display:flex;
      padding:13px 14px;
      font-size:0.8rem;
      background:transparent;
      text-align:left;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:space-between;
    }

    .cYOlJN:hover {
      background:var(--surface-sunken);
    }

    .cYOlJN:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:-2px;
    }

    .shout-detail\:photoImage {
      border:1px solid var(--border-subtle);
      border-radius:12px;
    }

    .bcbgzJ {
      left:50%;
      color:var(--on-cta-surface);
      bottom:calc(170px + env(safe-area-inset-bottom));
      display:flex;
      padding:12px 18px;
      z-index:3;
      position:absolute;
      animation:shoutToastIn 180ms ease-out;
      font-size:0.85rem;
      max-width:calc(100% - 32px);
      transform:translateX(-50%);
      background:var(--cta-surface);
      box-shadow:var(--shadow-lg);
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
      pointer-events:none;
      justify-content:center;
    }

    @keyframes shoutToastIn {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateX(-50%) translateY(8px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateX(-50%) translateY(0);
        }
    }

    .shout-detail\:sheetHeart {
      flex:1.4;
      display:flex;
      min-width:0px;
      align-self:stretch;
    }

    .bBkhvb {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:4px;
      flex-direction:column;
    }

    .dKbqha {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1.35rem;
      font-family:inherit;
      font-weight:700;
      line-height:1.3;
      overflow-wrap:anywhere;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .dKbqha.expired {
      color:var(--text-muted);
    }

    @media (min-width: 768px) {

    .dKbqha {
      font-size:1.5rem;
    }
    }

    .vlmjk {
      color:var(--grey-500);
      display:block;
      font-size:inherit;
      margin-top:2px;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ezWtxd {
      color:var(--grey-600);
      margin:0px;
      display:block;
      font-size:1.02rem;
      font-family:inherit;
      font-weight:400;
      line-height:1.6;
      white-space:pre-line;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .ezWtxd.expired {
      color:var(--text-muted);
    }

    .fyZtZc {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:10px;
      flex-direction:row;
      padding-bottom:4px;
    }

    .cvAudR {
      color:inherit;
      border:none;
      cursor:zoom-in;
      margin:0px;
      display:block;
      padding:0px;
      font-size:inherit;
      max-width:100%;
      align-self:flex-start;
      background:transparent;
      margin-top:4px;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
    }

    .cvAudR:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .etbxIq {
      gap:8px;
      flex:1;
      color:var(--text-strong);
      border:2px solid var(--border-strong);
      cursor:pointer;
      display:flex;
      padding:14px 16px;
      font-size:0.9rem;
      background:var(--surface-raised);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
    }

    .etbxIq:hover {
      background:var(--surface-hover);
    }

    .etbxIq:active {
      transform:scale(0.98);
    }

    .ccMOFp {
      color:var(--text-muted);
      display:inline-block;
      padding:4px 12px;
      font-size:0.7rem;
      background:var(--surface-sunken);
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      border-radius:3px;
      flex-direction:row;
      text-transform:uppercase;
    }

    .fFCFtf {
      gap:6px;
      color:var(--surface-page);
      display:inline-flex;
      padding:5px 10px;
      font-size:0.72rem;
      background:var(--error);
      align-items:center;
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
    }

    .NcMkA {
      gap:10px;
      color:inherit;
      bottom:0px;
      display:flex;
      z-index:2;
      position:sticky;
      font-size:inherit;
      background:var(--grey-50);
      font-family:inherit;
      font-weight:inherit;
      padding-top:12px;
      padding-left:16px;
      padding-right:16px;
      flex-direction:row;
      padding-bottom:calc(12px + env(safe-area-inset-bottom));
      border-top-color:var(--border-subtle);
      border-top-style:solid;
      border-top-width:1px;
    }

    @media (min-width: 768px) {

    .NcMkA {
      padding-bottom:12px;
      border-bottom-left-radius:28px;
      border-bottom-right-radius:28px;
    }
    }

    .NcMkA.expired {
      gap:8px;
      align-items:stretch;
      flex-direction:column;
    }

    .dshAzB {
      color:var(--grey-500);
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fAyiEL {
      gap:8px;
      color:var(--text-strong);
      display:flex;
      padding:12px 14px;
      font-size:0.8rem;
      background:repeating-linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0px, rgba(239, 68, 68, 0.08) 6px, rgba(239, 68, 68, 0) 6px, rgba(239, 68, 68, 0) 16px), var(--error-surface);
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
      border-top-color:var(--error);
      border-top-style:solid;
      border-top-width:1px;
      border-left-color:var(--error);
      border-left-style:solid;
      border-left-width:1px;
      border-right-color:var(--error);
      border-right-style:solid;
      border-right-width:1px;
      border-bottom-color:var(--error);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .dBBEik {
      color:inherit;
      inset:0;
      cursor:zoom-out;
      display:flex;
      padding:16px;
      z-index:5;
      position:fixed;
      animation:photoLightboxIn 160ms ease-out;
      font-size:inherit;
      background:var(--scrim);
      box-sizing:border-box;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      backdrop-filter:blur(6px);
      justify-content:center;
    }

    @keyframes photoLightboxIn {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .fnlXzz {
      color:var(--text-muted);
      border:none;
      cursor:pointer;
      display:flex;
      padding:8px 12px;
      font-size:0.75rem;
      align-self:center;
      background:transparent;
      transition:color 160ms var(--ease-screen);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
      justify-content:center;
    }

    .fnlXzz:hover {
      color:var(--text-strong);
      text-decoration-line:underline;
    }

    .fnlXzz:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .dOBGxo {
      gap:8px;
      color:var(--text-strong);
      display:flex;
      padding:13px 16px;
      font-size:0.8rem;
      background:var(--surface-sunken);
      margin-top:12px;
      transition:background 200ms var(--ease-screen);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      line-height:1;
      border-radius:10px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
      text-decoration-line:none;
    }

    .dOBGxo:hover {
      background:var(--grey-200);
    }

    .dOBGxo:active {
      transform:scale(0.99);
    }

    .hQaWS {
      gap:6px;
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bNrjBg {
      gap:10px;
      color:var(--text-strong);
      display:flex;
      row-gap:8px;
      flex-wrap:wrap;
      font-size:0.95rem;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      line-height:1.1;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .fEFshJ {
      color:inherit;
      display:block;
      font-size:inherit;
      max-width:100%;
      box-shadow:var(--shadow-xl);
      max-height:100%;
      object-fit:contain;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
    }

    .dnyswx {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1.5rem;
      font-family:Oswald;
      font-weight:bold;
      line-height:1.1;
      flex-direction:row;
      text-transform:uppercase;
    }

    .cFlzsW {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:0.85rem;
      font-family:Inter;
      font-weight:500;
      line-height:1.5;
      flex-direction:row;
    }

    .evYcoO {
      gap:8px;
      color:var(--on-invert-surface);
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      padding:17px 16px;
      font-size:0.95rem;
      background:var(--invert-surface);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      line-height:1.2;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.06em;
      text-transform:uppercase;
      justify-content:center;
    }

    .evYcoO:hover {
      opacity:0.9;
    }

    .evYcoO:active {
      transform:scale(0.98);
    }

    .iOMlN {
      gap:8px;
      color:var(--text-strong);
      width:100%;
      cursor:pointer;
      display:flex;
      padding:14px 16px;
      font-size:0.85rem;
      background:var(--surface-raised);
      transition:background 200ms var(--ease-screen), border-color 200ms var(--ease-screen);
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      line-height:1.2;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:center;
      border-top-color:var(--grey-300);
      border-top-style:solid;
      border-top-width:1px;
      border-left-color:var(--grey-300);
      border-left-style:solid;
      border-left-width:1px;
      border-right-color:var(--grey-300);
      border-right-style:solid;
      border-right-width:1px;
      border-bottom-color:var(--grey-300);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .iOMlN:hover {
      background:var(--surface-hover);
      border-top-color:var(--border-medium);
      border-left-color:var(--border-medium);
      border-right-color:var(--border-medium);
      border-bottom-color:var(--border-medium);
    }

    .iOMlN:active {
      transform:scale(0.98);
    }

    .eqUanq {
      color:var(--text-strong);
      border:1px solid var(--border-subtle);
      cursor:pointer;
      display:flex;
      padding:14px 16px;
      font-size:0.8rem;
      background:transparent;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:12px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
      justify-content:space-between;
    }

    .eqUanq:hover {
      background:var(--surface-sunken);
    }

    .eqUanq:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .eSwXkj {
      color:var(--text-strong);
      border:1px solid var(--border-strong);
      cursor:pointer;
      display:inline-block;
      padding:8px 16px;
      font-size:0.8rem;
      background:transparent;
      font-family:Oswald;
      font-weight:bold;
      border-radius:8px;
      flex-direction:row;
      text-transform:uppercase;
    }

    .eSwXkj:hover {
      color:var(--on-invert-surface);
      background:var(--invert-surface);
    }

    .bbkIUH {
      color:var(--text-strong);
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
      white-space:pre-line;
      overflow-wrap:anywhere;
      flex-direction:row;
      text-decoration-line:none;
    }

    .bbkIUH:hover {
      text-decoration-line:underline;
    }

    .ZgLed {
      top:4.5em;
      left:0px;
      color:var(--text-muted);
      right:0px;
      height:1.5em;
      display:flex;
      position:absolute;
      font-size:inherit;
      background:var(--surface-page);
      column-gap:2px;
      align-items:center;
      font-family:inherit;
      font-weight:500;
      line-height:inherit;
      flex-direction:row;
    }

    .cjEpCd {
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:8px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .erhjYN {
      color:inherit;
      cursor:pointer;
      display:flex;
      padding:1rem;
      row-gap:0.4rem;
      font-size:inherit;
      background:var(--surface-page);
      transition:background 120ms ease;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--border-subtle);
      flex-direction:column;
    }

    .erhjYN.ended {
      opacity:0.75;
    }

    .erhjYN:hover {
      background:var(--grey-50);
    }

    .JyBGv {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1.2rem;
      font-family:Inter;
      font-weight:800;
      line-height:1.3;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .cwwDQH {
      color:var(--text-muted);
      width:36px;
      border:1px solid var(--border-subtle);
      height:36px;
      display:flex;
      overflow:hidden;
      font-size:18px;
      background:var(--surface-sunken);
      align-items:center;
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      border-radius:8px;
      flex-direction:row;
      justify-content:center;
    }

    .cwwDQH.has-logo {
      background:var(--surface-raised);
    }

    .fyifKF {
      color:var(--grey-500);
      display:inline-block;
      font-size:0.8rem;
      flex-shrink:0;
      font-family:Oswald;
      font-weight:bold;
      white-space:nowrap;
      flex-direction:row;
    }

    .btwrmR {
      gap:8px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      margin-top:0.25rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cjqfes {
      color:inherit;
      display:flex;
      font-size:inherit;
      column-gap:8px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .cTwBzm {
      color:var(--grey-600);
      margin:0px;
      display:block;
      font-size:0.95rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .enfEyr {
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      column-gap:10px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eSPvJG {
      color:var(--text-muted);
      display:inline-block;
      padding:4px 10px;
      font-size:0.7rem;
      background:var(--surface-sunken);
      font-family:Oswald;
      font-weight:bold;
      border-radius:3px;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .eSPvJG.ended {
      color:var(--surface-page);
      background:var(--error);
    }

    .bMxQYU {
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      min-width:0px;
      column-gap:0.4rem;
      align-items:baseline;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dROHCr {
      color:var(--text-muted);
      display:inline-block;
      font-size:0.7rem;
      font-family:Oswald;
      font-weight:bold;
      white-space:nowrap;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .job-card\:avatarLogo {
      width:100%;
      height:100%;
    }

    .job-card\:saveButton {
      margin-left:auto;
    }

    .cNINJB {
      color:var(--text-strong);
      display:inline-block;
      font-size:1.05rem;
      font-family:Oswald;
      font-weight:bold;
      flex-direction:row;
      text-transform:uppercase;
    }

    .eifzgf {
      gap:14px;
      color:inherit;
      border:2px solid var(--border-strong);
      display:flex;
      padding:18px;
      font-size:inherit;
      background:var(--surface-raised);
      box-shadow:4px 4px 0px 0px var(--shadow-hard);
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:column;
    }

    .bdbJKe {
      color:inherit;
      display:block;
      font-size:0.85em;
      font-family:inherit;
      font-weight:500;
      line-height:1;
      flex-direction:row;
      text-underline-offset:2px;
    }

    .bdbJKe:hover {
      text-decoration-line:underline;
    }

    .bdJulX {
      flex:1;
      color:inherit;
      display:block;
      overflow:hidden;
      position:relative;
      font-size:1rem;
      min-width:0px;
      max-height:6em;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .cBnMBg {
      color:var(--text-muted);
      display:-webkit-box;
      overflow:hidden;
      font-size:0.95rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      overflow-wrap:anywhere;
      flex-direction:row;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
    }

    .eydyTy {
      color:inherit;
      cursor:pointer;
      display:flex;
      padding:1rem;
      row-gap:0.6rem;
      font-size:inherit;
      background:var(--surface-page);
      transition:background 120ms ease;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--border-subtle);
      flex-direction:column;
    }

    .eydyTy:hover {
      background:var(--grey-50);
    }

    .eydyTy:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:-2px;
    }

    .event-card\:photo {
      width:76px;
      border:1px solid var(--border-subtle);
      height:76px;
      display:block;
      flex-shrink:0;
      border-radius:10px;
    }

    .dGEjYv {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:1.2rem;
      font-family:Inter;
      font-weight:800;
      line-height:1.3;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .dGEjYv.ended {
      color:var(--text-muted);
    }

    .cdCVZS {
      color:var(--text-strong);
      margin:0px;
      display:block;
      font-size:0.95rem;
      font-family:inherit;
      font-weight:600;
      line-height:1.4;
      flex-direction:row;
    }

    .cdCVZS.on-now {
      color:var(--text-strong);
      text-decoration-line:underline;
      text-decoration-color:var(--accent);
      text-underline-offset:3px;
      text-decoration-thickness:3px;
    }

    .dULiUs {
      color:var(--text-muted);
      display:inline-block;
      padding:4px 10px;
      font-size:0.7rem;
      background:var(--surface-sunken);
      font-family:Oswald;
      font-weight:bold;
      border-radius:3px;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .dhfauY {
      color:var(--text-muted);
      display:inline-block;
      padding:4px 10px;
      font-size:0.7rem;
      background:var(--surface-sunken);
      font-family:Oswald;
      font-weight:bold;
      border-radius:3px;
      overflow-wrap:anywhere;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .event-card\:saveButton {
      margin-left:auto;
    }

    .bHTePK {
      color:var(--surface-page);
      display:inline-block;
      padding:4px 10px;
      font-size:0.7rem;
      background:var(--error);
      font-family:Oswald;
      font-weight:bold;
      border-radius:3px;
      flex-direction:row;
      letter-spacing:0.04em;
      text-transform:uppercase;
    }

    .bNzDjJ {
      color:var(--text-strong);
      display:inline-block;
      font-size:0.95rem;
      font-family:Oswald;
      font-weight:bold;
      overflow-wrap:anywhere;
      flex-direction:row;
      text-transform:uppercase;
    }

    .cVPCHB {
      color:inherit;
      margin:2px 0 0 0;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      column-gap:0.4rem;
      align-items:baseline;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bYQvtl {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1rem;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      flex-direction:row;
    }

    .diuwDk {
      color:var(--on-accent);
      height:20px;
      display:inline-flex;
      padding:0 6px;
      font-size:0.7rem;
      min-width:20px;
      background:var(--accent);
      box-sizing:border-box;
      align-items:center;
      font-family:Oswald;
      font-weight:bold;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0;
      justify-content:center;
    }

    .loved-list\:cardAvatarLogo {
      width:100%;
      height:100%;
    }

    .dAfpkn {
      color:var(--on-accent);
      border:2px solid var(--border-medium);
      cursor:pointer;
      display:flex;
      padding:12px 24px;
      font-size:1.2rem;
      align-self:flex-start;
      background:var(--accent);
      font-family:Oswald;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:1px;
      text-transform:uppercase;
    }

    .dAfpkn:hover {
      transform:translateY(-2px);
      box-shadow:4px 4px 0px 0px var(--shadow-hard);
    }

    .dAfpkn:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:2px;
    }

    .eYNmwY {
      gap:10px;
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:8px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .loved\:lovedList {
      width:100%;
      max-width:800px;
    }

    .cxefKB {
      color:inherit;
      width:100%;
      display:flex;
      flex-grow:1;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      padding-bottom:6rem;
    }

    .cYiUbJ {
      color:var(--text-strong);
      inset:0;
      width:100%;
      border:none;
      height:100%;
      margin:0px;
      display:flex;
      padding:calc(env(safe-area-inset-top) + clamp(40px, 10vh, 104px)) 16px calc(28px + env(safe-area-inset-bottom));
      z-index:2147483000;
      position:fixed;
      font-size:1rem;
      max-width:none;
      background:var(--surface-page);
      box-sizing:border-box;
      max-height:none;
      overflow-y:auto;
      text-align:center;
      align-items:center;
      font-family:Inter, sans-serif;
      font-weight:400;
      flex-direction:column;
      overscroll-behavior:contain;
    }

    .cDRZIm {
      color:var(--logo-text);
      display:inline-block;
      padding:0.15em 0.48em 0.43em;
      position:relative;
      font-size:1.5rem;
      background:var(--logo-surface);
      box-shadow:0 0 0 1px var(--shadow-hard);
      font-family:Oswald, sans-serif;
      font-weight:700;
      line-height:1.2;
      user-select:none;
      border-radius:4px;
      margin-bottom:36px;
      flex-direction:column;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .cDRZIm::after {
      left:0.48em;
      right:0.48em;
      bottom:0.19em;
      height:0.19em;
      content:"";
      position:absolute;
      background:var(--accent);
    }

    @media (min-width: 768px) {

    .cDRZIm {
      font-size:1.8rem;
      margin-bottom:44px;
    }
    }

    .cRjxUF {
      color:var(--on-accent);
      width:84px;
      border:2px solid var(--on-accent);
      height:84px;
      display:flex;
      font-size:inherit;
      background:var(--accent);
      box-shadow:4px 4px 0px 0px var(--shadow-hard);
      box-sizing:border-box;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:column;
      justify-content:center;
    }

    @media (min-width: 768px) {

    .cRjxUF {
      width:96px;
      height:96px;
    }
    }

    .eQktVb {
      color:inherit;
      margin:30px 0 10px;
      display:block;
      font-size:2.1rem;
      max-width:100%;
      text-wrap:balance;
      font-family:Oswald, sans-serif;
      font-weight:700;
      line-height:1.08;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    @media (min-width: 768px) {

    .eQktVb {
      font-size:3rem;
      margin-top:36px;
    }
    }

    .cIExZG {
      color:var(--text-muted);
      margin:0 0 24px;
      display:block;
      font-size:1.2rem;
      font-family:inherit;
      font-weight:600;
      line-height:1.4;
      flex-direction:row;
    }

    @media (min-width: 768px) {

    .cIExZG {
      font-size:1.35rem;
    }
    }

    .bjQizi {
      color:inherit;
      display:block;
      animation:gsTuneUp 2.6s ease-in-out 0.4s infinite;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      transform-origin:50% 50%;
    }

    @media (prefers-reduced-motion: reduce) {

    .bjQizi {
      animation:none;
    }
    }

    @keyframes gsTuneUp {
        0% {
          transform: rotate(0deg);
        }

        12% {
          transform: rotate(-24deg);
        }

        24% {
          transform: rotate(8deg);
        }

        34% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(0deg);
        }
    }

    .fnfXgS {
      color:inherit;
      width:100%;
      margin:0px;
      display:flex;
      font-size:inherit;
      max-width:520px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .djCyUs {
      color:var(--on-accent);
      width:200px;
      border:2px solid var(--on-accent);
      cursor:pointer;
      display:inline-flex;
      padding:12px 30px;
      font-size:1.05rem;
      max-width:100%;
      background:var(--accent);
      box-shadow:4px 4px 0px 0px var(--shadow-hard);
      box-sizing:border-box;
      min-height:50px;
      transition:transform 120ms ease, box-shadow 120ms ease;
      align-items:center;
      font-family:Oswald, sans-serif;
      font-weight:700;
      white-space:nowrap;
      border-radius:10px;
      flex-direction:row;
      letter-spacing:0.06em;
      text-transform:uppercase;
      justify-content:center;
    }

    .djCyUs:active {
      transform:translate(2px, 2px);
      box-shadow:2px 2px 0px 0px var(--shadow-hard);
    }

    .djCyUs:focus-visible {
      outline:2px solid var(--border-strong);
      outline-offset:3px;
    }

    .djCyUs:disabled {
      cursor:progress;
      opacity:0.7;
    }

    .djCyUs:hover {
      background:var(--accent-hover);
    }

    .cKqvQa {
      gap:10px;
      color:var(--on-cta-surface);
      width:100%;
      display:flex;
      padding:9px 16px;
      font-size:0.85rem;
      background:var(--cta-surface);
      box-sizing:border-box;
      align-items:center;
      font-family:Inter, sans-serif;
      font-weight:600;
      line-height:1.35;
      border-bottom:2px solid var(--accent);
      flex-direction:row;
    }

    .ciDgKM {
      gap:4px;
      color:var(--text-strong);
      width:fit-content;
      border:2px solid var(--border-strong);
      display:flex;
      padding:12px 18px 14px;
      font-size:inherit;
      max-width:100%;
      background:var(--surface-sunken);
      box-shadow:4px 4px 0px 0px var(--shadow-hard);
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      margin-bottom:26px;
      flex-direction:column;
    }

    .dfejYj {
      color:var(--text-muted);
      margin:16px 0 0;
      display:block;
      font-size:0.85rem;
      max-width:360px;
      text-wrap:balance;
      min-height:2.9em;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      flex-direction:row;
    }

    .cEnffF {
      color:inherit;
      margin:0px;
      display:block;
      font-size:1.1rem;
      font-family:inherit;
      font-weight:700;
      line-height:1.4;
      overflow-wrap:anywhere;
      flex-direction:row;
    }

    .eVyifi {
      color:inherit;
      width:8px;
      height:8px;
      display:block;
      font-size:inherit;
      background:var(--error);
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
    }

    .bZfWRh {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fkvIRu {
      color:var(--text-muted);
      display:block;
      font-size:0.72rem;
      font-family:Oswald, sans-serif;
      font-weight:600;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .foPJdA {
      color:var(--accent);
      display:inline-block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:700;
      white-space:nowrap;
      flex-direction:row;
      text-decoration-line:none;
    }

    .foPJdA:hover {
      text-decoration-line:underline;
    }

    .foPJdA:focus-visible {
      outline:2px solid var(--accent);
      outline-offset:2px;
    }

    .djOoKM {
      flex:1 1 auto;
      color:inherit;
      display:block;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }