@layer base {
  
  body, :host {
    /* Color */
    --brand-50: #EDF7FC;
--brand-100: #D7E9F9;
--brand-200: #B7D7F5;
--brand-300: #8ABEF0;
--brand-400: #4F94E8;
--brand-500: #1B5BDA;
--brand-600: #2648B5;
--brand-700: #282F7B;
--brand-800: #252A5F;
--brand-900: #1B1C3B;
--white-0: #ffffff00;
--white-50: #ffffff0d;
--white-100: #ffffff1a;
--white-200: #ffffff33;
--white-300: #ffffff66;
--white-400: #ffffffb3;
--white-500: #ffffffcc;
--white-600: #ffffffd9;
--white-700: #ffffffe6;
--white-800: #fffffff2;
--white-900: #ffffff;
--grey-50: #F5F5F5;
--grey-100: #E6E6E6;
--grey-200: #D9D9D9;
--grey-300: #B3B3B3;
--grey-400: #757575;
--grey-500: #444444;
--grey-600: #383838;
--grey-700: #2C2C2C;
--grey-800: #1E1E1E;
--grey-900: #111111;
--red-50: #FEE9E7;
--red-100: #FDD3D0;
--red-200: #FCB3AD;
--red-300: #F4776A;
--red-400: #EC221F;
--red-500: #C00F0C;
--red-600: #900B09;
--red-700: #690807;
--red-800: #4D0B0A;
--red-900: #300603;
--blue-50: #EFF6FF;
--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;
--lime-50: #F7FEE7;
--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-50: #FDF2F8;
--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-50: #F0FDFA;
--teal-100: #CCFBF1;
--teal-200: #99F6E4;
--teal-300: #5EEAD4;
--teal-400: #2DD4BF;
--teal-500: #14B8A6;
--teal-600: #0D9488;
--teal-700: #0F766E;
--teal-800: #115E59;
--teal-900: #134E4A;
--green-50: #ECFDF5;
--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;
--purple-50: #F5F3FF;
--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;
--yellow-50: #FFFBEB;
--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;
--primary: var(--brand-700);
--hover-primary: var(--brand-800);
--on-primary: var(--brand-50);
--secondary: var(--brand-50);
--hover-secondary: var(--brand-100);
--on-secondary: var(--brand-800);
--tertiary: var(--white-0);
--hover-tertiary: var(--brand-50);
--on-tertiary: var(--brand-800);
--surface: var(--white-900);
--surface-variant: var(--grey-50);
--surface-dim: var(--grey-200);
--on-surface: var(--grey-800);
--on-surface-secondary: var(--grey-400);
--on-surface-tertiary: var(--grey-300);
--container-lowest: var(--white-900);
--error: var(--red-400);
--hover-error: var(--red-500);
--on-error: var(--red-50);
--error-secondary: var(--red-100);
--hover-error-secondary: var(--red-200);
--on-error-secondary: var(--red-600);
--disabled: var(--grey-200);
--on-disabled: var(--grey-300);
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-inter: 'Inter',sans-serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 2rem;
--font-size-4xl: 2.5rem;
--font-size-5xl: 4rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 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-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px 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);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --container-medium: 32rem;
--container-small: 23rem;
--spacing-xtiny: .125rem;
--spacing-tiny: .25rem;
--spacing-xxxsmall: 0.375rem;
--spacing-xxsmall: .5rem;
--spacing-xsmall: 0.75rem;
--spacing-small: 1rem;
--spacing-regular: 1.5rem;
--spacing-medium: 2rem;
--spacing-large: 3rem;
--spacing-xlarge: 4rem;
--spacing-xxlarge: 5rem;
--spacing-huge: 6rem;
--spacing-xhuge: 8rem;
--spacing-xxhuge: 12rem;
--padding-global: 1rem;
--border-radius-tiny: .25rem;
--border-radius-small: .5rem;
--border-radius-regular: 1rem;
--border-radius-medium: 1.5rem;
--border-radius-large: 2rem;
--border-radius-full: 100rem;
--app-height: 100dvh;
----keyboard-height: 0px;
    /* Z-index */
    --nav-elements: 10;
--modals: 20;
  }
  @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;
    }
  }
}


    .eKhatX {
      right:1.5rem;
      bottom:6.5rem;
      z-index:var(--nav-elements);
      position:fixed;
    }

    .bMLJEy {
      width:100vw;
      height:var(--app-height);
    }

    .bRPMXH {
      top:auto;
      width:100vw;
      bottom:0px;
      display:flex;
      z-index:var(--nav-elements);
      position:fixed;
      background:var(--surface-variant);
      align-items:center;
      flex-direction:row;
      padding-bottom:var(--spacing-small);
      justify-content:space-between;
    }

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

    .nav-item\:root {
      flex:1;
    }

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

    .FDjKY.16 {
      width:16px;
      height:16px;
    }

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

    .FDjKY.24 {
      width:24px;
      height:24px;
    }

    .FDjKY.32 {
      width:32px;
      height:32px;
    }

    .FDjKY.40 {
      width:40px;
      height:40px;
    }

    .FDjKY.48 {
      width:48px;
      height:48px;
    }

    .cBneTn {
      width:0rem;
      height:2rem;
      display:flex;
      transition:all 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .cBneTn.active-tab {
      width:3.5rem;
      background:var(--hover-secondary);
    }

    .pPyZS {
      color:var(--on-surface-secondary);
      width:100%;
      height:4rem;
      display:flex;
      transition:all 300ms ease;
      align-items:center;
      padding-top:var(--spacing-tiny);
      padding-left:var(--spacing-xxsmall);
      padding-right:var(--spacing-xxsmall);
      padding-bottom:var(--spacing-xxsmall);
      justify-content:space-between;
    }

    .pPyZS.active-tab {
      color:var(--primary);
    }

    .dqTHlC {
      font-size:var(--font-size-sm);
      font-weight:var(--font-weight-normal);
      line-height:140%;
    }

    .dqTHlC.text-regular {
      font-size:var(--font-size-base);
      font-family:Inter;
      line-height:140%;
    }

    .dqTHlC.text-small {
      font-size:var(--font-size-sm);
      font-family:Inter;
      line-height:140%;
    }

    .dqTHlC.text-tiny {
      font-size:var(--font-size-xs);
      font-family:Inter;
      line-height:140%;
    }

    .dqTHlC.weight-regular {
      font-weight:var(--font-weight-regular);
    }

    .dqTHlC.weight-medium {
      font-weight:var(--font-weight-normal);
    }

    .dqTHlC.weight-strong {
      font-weight:var(--font-weight-bold);
    }

    .dqTHlC.align-left {
      text-align:left;
    }

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

    .dqTHlC.align-right {
      text-align:right;
    }

    .dqTHlC.uppercase {
      letter-spacing:.05rem;
      text-transform:uppercase;
    }

    .dqTHlC.text-large {
      font-size:var(--font-size-xl);
      font-family:Inter;
    }

    .bWbgyK {
      width:100vw;
      height:fit-content;
      display:flex;
      position:relative;
      background:var(--surface);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      padding-top:3.375rem;
      padding-left:var(--spacing-small);
      padding-right:var(--spacing-small);
      padding-bottom:var(--spacing-regular);
      justify-content:flex-start;
      border-top-left-radius:var(--border-radius-large);
      border-top-right-radius:var(--border-radius-large);
    }

    .bWbgyK.no-padding {
      padding-top:0rem;
      padding-left:0rem;
      padding-right:0rem;
      padding-bottom:0rem;
    }

    .cYjUgj {
      top:0px;
      left:0px;
      right:0px;
      width:100vw;
      bottom:auto;
      height:3.375rem;
      display:flex;
      position:absolute;
      align-items:center;
      padding-top:var(--spacing-small);
      justify-content:flex-start;
    }

    .exvkJI {
      width:2rem;
      height:0.375rem;
      background:var(--surface-dim);
      border-top-left-radius:var(--border-radius-full);
      border-top-right-radius:var(--border-radius-full);
      border-bottom-left-radius:var(--border-radius-full);
      border-bottom-right-radius:var(--border-radius-full);
    }

    .modal-container\:hhdx0NoHqw0dQmbxhr69c {
      z-index:var(--nav-elements);
    }

    .dygjJw {
      flex:1;
      height:100%;
      display:flex;
      row-gap:auto;
      column-gap:auto;
      align-items:flex-start;
      flex-direction:column;
      justify-content:space-between;
    }

    .cVmYkE {
      width:100%;
      row-gap:var(--spacing-xxsmall);
      column-gap:var(--spacing-xxsmall);
    }

    .cwihpN {
      color:var(--on-primary);
      height:1.75rem;
      display:flex;
      background:var(--primary);
      align-items:center;
      aspect-ratio:1/1;
      justify-content:center;
      border-top-left-radius:var(--border-radius-full);
      border-top-right-radius:var(--border-radius-full);
      border-bottom-left-radius:var(--border-radius-full);
      border-bottom-right-radius:var(--border-radius-full);
    }

    .gGQtU {
      width:100%;
      display:flex;
      align-items:center;
      padding-top:3.375rem;
      padding-bottom:4.5rem;
      justify-content:center;
    }

    .cQDUre {
      width:7rem;
      height:0.5rem;
      background:var(--surface-variant);
    }

    .byVVRy {
      color:var(--on-surface);
      display:flex;
      row-gap:var(--spacing-xsmall);
      background:var(--surface-variant);
      column-gap:var(--spacing-xsmall);
      align-items:center;
      padding-top:var(--spacing-small);
      padding-left:var(--spacing-small);
      padding-right:var(--spacing-small);
      flex-direction:row;
      padding-bottom:var(--spacing-small);
      justify-content:space-between;
      border-top-left-radius:var(--border-radius-small);
      border-top-right-radius:var(--border-radius-small);
      border-bottom-left-radius:var(--border-radius-small);
      border-bottom-right-radius:var(--border-radius-small);
    }

    .list-toggle\:9NoOIxCnI0r0-qwpeOk2y {
      color:var(--on-surface-secondary);
    }

    .EMUkM {
      flex:2;
      row-gap:var(--spacing-xxsmall);
      column-gap:var(--spacing-xxsmall);
      flex-direction:column;
    }

    .cVMNhr {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:absolute;
      pointer-events:none;
    }

    .switch\:root {
      width:fit-content;
      height:fit-content;
    }

    .cSDEUo {
      display:flex;
      flex-direction:column;
    }

    .switch\:NiBN2MIksRx5MBB9RXxdt {
      left:0.25rem;
      color:var(--on-surface);
      right:auto;
      width:1.5rem;
      height:1.5rem;
      display:flex;
      position:absolute;
      background:var(--surface);
      transition:all 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--border-radius-full);
      border-top-right-radius:var(--border-radius-full);
      border-bottom-left-radius:var(--border-radius-full);
      border-bottom-right-radius:var(--border-radius-full);
    }

    .switch\:NiBN2MIksRx5MBB9RXxdt.checked {
      color:var(--primary);
      translate:20px 0 0;
    }

    .switch\:NiBN2MIksRx5MBB9RXxdt.disabled {
      color:var(--on-disabled);
    }

    .switch\:WCpTF2EZ5GTlxLlWFPEBg {
      width:3.25rem;
      height:2rem;
      display:flex;
      background:var(--surface-dim);
      transition:all 300ms ease;
      align-items:flex-start;
      justify-content:center;
      border-top-left-radius:var(--border-radius-medium);
      border-top-right-radius:var(--border-radius-medium);
      border-bottom-left-radius:var(--border-radius-medium);
      border-bottom-right-radius:var(--border-radius-medium);
    }

    .switch\:WCpTF2EZ5GTlxLlWFPEBg.checked {
      display:flex;
      background:var(--primary);
      align-items:flex-start;
      justify-content:center;
    }

    .switch\:WCpTF2EZ5GTlxLlWFPEBg.disabled {
      background:var(--disabled);
    }

    .cmkWhC {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      position:absolute;
      object-fit:cover;
    }

    .dKGshv {
      width:17rem;
      height:4.5rem;
      display:flex;
      row-gap:var(--spacing-xsmall);
      background:var(--surface);
      column-gap:var(--spacing-xsmall);
      align-items:center;
      padding-top:var(--spacing-xsmall);
      padding-left:var(--spacing-xsmall);
      padding-right:var(--spacing-xsmall);
      flex-direction:row;
      padding-bottom:var(--spacing-xsmall);
      justify-content:flex-start;
      border-top-left-radius:var(--border-radius-medium);
      border-top-right-radius:var(--border-radius-medium);
      border-bottom-left-radius:var(--border-radius-medium);
      border-bottom-right-radius:var(--border-radius-medium);
    }

    .fmioMU {
      width:100%;
      display:flex;
      row-gap:var(--spacing-small);
      background:var(--surface);
      column-gap:var(--spacing-small);
      margin-top:-2rem;
      align-items:center;
      padding-top:var(--spacing-small);
      padding-left:var(--spacing-small);
      padding-right:var(--spacing-small);
      padding-bottom:var(--spacing-small);
      justify-content:flex-start;
      border-top-left-radius:var(--border-radius-large);
      border-top-right-radius:var(--border-radius-large);
    }

    .dUyRqt {
      width:5rem;
      height:0.5rem;
      background:var(--surface-dim);
    }

    .IoQeP {
      width:fit-content;
      height:3rem;
      display:flex;
      row-gap:var(--spacing-xsmall);
      font-size:var(--font-size-base);
      column-gap:var(--spacing-xsmall);
      transition:all 300ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight-normal);
      line-height:100%;
      padding-left:var(--spacing-small);
      padding-right:var(--spacing-small);
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .IoQeP.primary {
      color:var(--on-primary);
      background:var(--primary);
    }

    .IoQeP.primary:active {
      color:var(--on-primary);
      background:var(--hover-primary);
    }

    .IoQeP.secondary {
      color:var(--on-secondary);
      background:var(--secondary);
    }

    .IoQeP.secondary:active {
      color:var(--on-secondary);
      background:var(--hover-secondary);
    }

    .IoQeP.tertiary {
      color:var(--on-tertiary);
      background:var(--tertiary);
    }

    .IoQeP.tertiary:active {
      color:var(--on-tertiary);
      background:var(--hover-tertiary);
    }

    .IoQeP.normal {
      height:3rem;
      padding-left:var(--spacing-small);
      padding-right:var(--spacing-small);
    }

    .IoQeP.small {
      height:2.5rem;
      padding-left:var(--spacing-xsmall);
      padding-right:var(--spacing-xsmall);
    }

    .IoQeP.disabled {
      color:var(--on-disabled);
      background:var(--disabled);
    }

    .IoQeP.error {
      color:var(--on-error);
      background:var(--error);
    }

    .IoQeP.error:active {
      color:var(--on-error);
      background:var(--hover-error);
    }

    .IoQeP.secondary-variant {
      color:var(--on-secondary);
      background:var(--surface);
    }

    .IoQeP.secondary-variant:active {
      color:var(--on-secondary);
      background:var(--hover-secondary);
    }

    .IoQeP.tertiary-variant {
      color:var(--on-tertiary);
      background:var(--tertiary);
    }

    .IoQeP.tertiary-variant:active {
      color:var(--on-tertiary);
      background:var(--hover-secondary);
    }

    .IoQeP.stretch-content {
      width:100%;
    }

    .IoQeP.error-secondary {
      color:var(--on-error-secondary);
      background:var(--error-secondary);
    }

    .IoQeP.error-secondary:active {
      color:var(--on-error-secondary);
      background:var(--hover-error-secondary);
    }

    .eyFkoj {
      width:11rem;
      height:0.5rem;
      background:var(--surface-variant);
    }

    .dprvsL {
      row-gap:var(--spacing-tiny);
      column-gap:var(--spacing-tiny);
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .dtgpkO {
      width:3rem;
      height:3rem;
      display:flex;
      font-size:var(--font-size-base);
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight-normal);
      line-height:100%;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .dtgpkO.primary {
      color:var(--on-primary);
      background:var(--primary);
    }

    .dtgpkO.primary:active {
      color:var(--on-primary);
      background:var(--hover-primary);
    }

    .dtgpkO.secondary {
      color:var(--on-secondary);
      background:var(--secondary);
    }

    .dtgpkO.secondary:active {
      color:var(--on-secondary);
      background:var(--hover-secondary);
    }

    .dtgpkO.tertiary {
      color:var(--on-tertiary);
      background:var(--tertiary);
    }

    .dtgpkO.tertiary:active {
      color:var(--on-tertiary);
      background:var(--hover-tertiary);
    }

    .dtgpkO.normal {
      width:3rem;
      height:3rem;
      padding-left:var(--spacing-small);
      padding-right:var(--spacing-small);
    }

    .dtgpkO.small {
      width:2.5rem;
      height:2.5rem;
      padding-left:var(--spacing-xsmall);
      padding-right:var(--spacing-xsmall);
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .dtgpkO.large {
      width:4rem;
      height:4rem;
      border-top-left-radius:var(--border-radius-medium);
      border-top-right-radius:var(--border-radius-medium);
      border-bottom-left-radius:var(--border-radius-medium);
      border-bottom-right-radius:var(--border-radius-medium);
    }

    .dtgpkO.disabled {
      color:var(--on-disabled);
      background:var(--disabled);
    }

    .dtgpkO.secondary-variant {
      color:var(--on-secondary);
      background:var(--surface);
    }

    .dtgpkO.secondary-variant:active {
      color:var(--on-secondary);
      background:var(--hover-secondary);
    }

    .dtgpkO.tertiary-variant {
      color:var(--on-tertiary);
      background:var(--tertiary);
    }

    .dtgpkO.tertiary-variant:active {
      color:var(--on-tertiary);
      background:var(--hover-secondary);
    }

    .bmqLpk {
      width:100vw;
      display:flex;
      row-gap:var(--spacing-large);
      background:var(--surface);
      column-gap:var(--spacing-large);
      min-height:calc(100svh - 16.5rem);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:stretch;
      padding-top:var(--spacing-small);
      padding-left:var(--padding-global);
      padding-right:var(--padding-global);
      padding-bottom:var(--spacing-medium);
      justify-content:flex-start;
      border-top-left-radius:var(--border-radius-large);
      border-top-right-radius:var(--border-radius-large);
    }

    .bmqLpk.align-left {
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .bmqLpk.align-right {
      display:flex;
      align-items:flex-end;
      justify-content:flex-start;
    }

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

    .bmqLpk.nav-bottom {
      padding-bottom:var(--spacing-huge);
    }

    .Home\:5TxobcCjxy_543b8sV_5j {
      display:flex;
      row-gap:0px;
      max-width:100dvw;
      column-gap:0px;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .flyaoD {
      width:100%;
      display:grid;
      flex-wrap:wrap;
      align-items:flex-start;
      grid-row-gap:var(--spacing-small);
      grid-column-gap:var(--spacing-xsmall);
      justify-content:flex-start;
      grid-template-rows:repeat(1, 1fr);
      grid-template-columns:repeat(2, 1fr);
    }

    .SWxlP {
      position:relative;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
    }

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

    .modal-trigger\:G6m65S7eg1WbgkWTQNFpd {
      translate:0 100% 0;
    }

    .modal-trigger\:G6m65S7eg1WbgkWTQNFpd.open-transition {
      transition:translate 500ms ease linear(0, 0%, 0.0245, 1.6393%, 0.1012, 3.6885%, 0.6097, 12.7049%, 0.8346, 18.0328%, 0.9146, 20.9016%, 0.9725, 23.9754%, 1.0106, 27.459%, 1.0219, 29.3033%, 1.029, 31.3525%, 1.0321, 33.6066%, 1.0315, 36.0656%, 1.0271, 39.3443%, 1.012, 47.541%, 1.0058, 52.0492%, 1.001, 58.1967%, 0.9991, 65.9836%, 1, 100%) normal;
    }

    .modal-trigger\:G6m65S7eg1WbgkWTQNFpd.close-transition {
      transition:translate 250ms ease;
    }

    .modal-trigger\:G6m65S7eg1WbgkWTQNFpd.open {
      translate:0 0% 0;
      transition:translate 300ms ease;
    }

    @keyframes animation-Yncfj {
        0% {
          translate: undefined;
        }

        20% {
          translate: 0 100% 0;
        }
    }

    .byjkOA {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      z-index:-1;
      position:absolute;
    }

    .modal-trigger\:f27AwVPY_MQ6pRtcbOiJ5 {
      animation:;
    }

    .modal-trigger\:f27AwVPY_MQ6pRtcbOiJ5.open {
      animation:;
      background:#5a5a5a66;
      backdrop-filter:blur(10px);
    }

    .modal-trigger\:f27AwVPY_MQ6pRtcbOiJ5.open-transition {
      transition:all 200ms linear;
    }

    .modal-trigger\:f27AwVPY_MQ6pRtcbOiJ5.close-transition {
      transition:all 200ms linear;
    }

    @keyframes animation-cmbDmu {
        0% {
          backdrop-filter: blur(0px);
        }

        100% {
          backdrop-filter: ;
        }
    }

    .KsFov {
      width:var(--width);
      height:var(--height);
      position:fixed;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      pointer-events:none;
      justify-content:center;
    }

    .KsFov.modal {
      touch-action:none;
      pointer-events:all;
    }

    .sparkcore\/sc-bottom-sheet-portal\:root {
      align-items:center;
      justify-content:end;
    }

    .modal-trigger\:sQy8xN1YBk1sS28rB0BXT {
      transition:height 200ms ease;
    }

    .pYLtE {
      color:var(--on-surface);
      width:100%;
      display:flex;
      row-gap:var(--spacing-xxxsmall);
      max-width:20rem;
      column-gap:var(--spacing-xxxsmall);
      align-items:flex-start;
      justify-content:flex-start;
    }

    .bLfKVQ {
      display:flex;
      row-gap:var(--spacing-xxsmall);
      column-gap:var(--spacing-xxsmall);
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dbhqWA {
      color:var(--on-surface);
      font-weight:var(--font-weight-bold);
    }

    .dbhqWA.huge {
      font-size:var(--font-size-4xl);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .dbhqWA.large {
      font-size:var(--font-size-3xl);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .dbhqWA.regular {
      font-size:var(--font-size-2xl);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .dbhqWA.small {
      font-size:var(--font-size-lg);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .dbhqWA.subheading {
      font-size:var(--font-size-base);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .bsUbdX {
      width:100%;
      display:flex;
      row-gap:var(--spacing-medium);
      column-gap:var(--spacing-medium);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .KOPON {
      width:calc(100% - 5rem);
      display:flex;
      row-gap:var(--spacing-xsmall);
      column-gap:var(--spacing-xsmall);
      overflow-x:hidden;
      align-items:center;
      text-overflow:ellipsis;
      flex-direction:row;
      justify-content:flex-start;
    }

    .modal-save-item\:EC-2MTYYXiutpUtefoUjD {
      color:var(--on-surface);
      overflow-x:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .fvMXGo {
      width:calc(100% - 3.75rem);
      row-gap:var(--spacing-xtiny);
      column-gap:var(--spacing-xtiny);
    }

    .eyCDeZ {
      width:100%;
      display:flex;
      align-items:flex-end;
      justify-content:center;
    }

    .cCJBfj {
      width:100%;
      display:flex;
      align-items:center;
      padding-top:var(--spacing-xsmall);
      border-color:var(--surface-dim);
      border-style:solid;
      border-width:1px;
      padding-left:var(--spacing-xsmall);
      padding-right:var(--spacing-xsmall);
      flex-direction:row;
      padding-bottom:var(--spacing-xsmall);
      justify-content:flex-start;
      border-top-left-radius:var(--border-radius-medium);
      border-top-right-radius:var(--border-radius-medium);
      border-bottom-left-radius:var(--border-radius-medium);
      border-bottom-right-radius:var(--border-radius-medium);
    }

    .XYZGk {
      width:100%;
      row-gap:var(--spacing-small);
      column-gap:var(--spacing-small);
    }

    .iToWL {
      color:var(--green-700);
      width:3rem;
      height:3rem;
      display:flex;
      background:var(--green-100);
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .egkcwx {
      width:fit-content;
    }

    .iqsvV {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:absolute;
      pointer-events:none;
    }

    .checkbox-sammlung\:root {
      width:100%;
    }

    .checkbox-sammlung\:0broVSyCP5yb2jQ95tL7E {
      color:var(--on-surface);
      overflow-x:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .dPsZdn {
      display:flex;
      flex-direction:column;
    }

    .checkbox-sammlung\:G1BGj1TMkmPGwjKfY6Yfv {
      width:1.25rem;
      height:1.25rem;
      display:flex;
      align-items:center;
      border-color:var(--on-surface-secondary);
      border-style:solid;
      border-width:2px;
      justify-content:center;
      border-top-left-radius:var(--border-radius-tiny);
      border-top-right-radius:var(--border-radius-tiny);
      border-bottom-left-radius:var(--border-radius-tiny);
      border-bottom-right-radius:var(--border-radius-tiny);
    }

    .checkbox-sammlung\:G1BGj1TMkmPGwjKfY6Yfv.checked {
      color:var(--on-primary);
      background:var(--primary);
      border-color:var(--primary);
      border-style:solid;
      border-width:2px;
    }

    .checkbox-sammlung\:G1BGj1TMkmPGwjKfY6Yfv.indeterminate {
      border-color:var(--on-surface-secondary);
      border-style:solid;
      border-width:2px;
    }

    .cyQoqT {
      width:calc(100% - 4.5rem);
      display:flex;
      row-gap:var(--spacing-xsmall);
      column-gap:var(--spacing-xsmall);
      overflow-x:hidden;
      align-items:center;
      text-overflow:ellipsis;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dGXZsi {
      width:1rem;
      height:1rem;
      display:flex;
      align-items:center;
      margin-right:var(--spacing-xsmall);
      outline-color:var(--on-surface-secondary);
      outline-style:solid;
      outline-width:2px;
      justify-content:center;
      border-top-left-radius:.125rem;
      border-top-right-radius:.125rem;
      border-bottom-left-radius:.125rem;
      border-bottom-right-radius:.125rem;
    }

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

    .checkbox-sammlung\:MWthQj9ApqtiPziDleCvK {
      color:var(--on-surface-tertiary);
      width:100%;
      display:flex;
      row-gap:auto;
      background:var(--secondary);
      column-gap:auto;
      align-items:center;
      padding-top:var(--spacing-xxsmall);
      padding-left:var(--spacing-xxsmall);
      padding-right:var(--spacing-xxsmall);
      flex-direction:row;
      padding-bottom:var(--spacing-xxsmall);
      justify-content:space-between;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .checkbox-sammlung\:MWthQj9ApqtiPziDleCvK.checked {
      color:var(--on-surface-secondary);
      background:var(--hover-secondary);
    }

    .checkbox-sammlung\:MWthQj9ApqtiPziDleCvK.indeterminate {
      background:var(--secondary);
    }

    .dzReyq {
      color:var(--on-surface);
      width:2.5rem;
      display:flex;
      background:var(--surface);
      align-items:center;
      aspect-ratio:1/1;
      justify-content:center;
      border-top-left-radius:var(--border-radius-small);
      border-top-right-radius:var(--border-radius-small);
      border-bottom-left-radius:var(--border-radius-small);
      border-bottom-right-radius:var(--border-radius-small);
    }

    .dqANSb {
      width:calc(100% - 3.25rem);
      display:flex;
      row-gap:var(--spacing-xtiny);
      column-gap:var(--spacing-xtiny);
      align-items:flex-start;
      justify-content:center;
    }

    .bAoGMb {
      display:flex;
      row-gap:var(--spacing-xxsmall);
      column-gap:var(--spacing-xxsmall);
      align-items:flex-end;
      flex-direction:row;
      justify-content:flex-start;
    }

    .modal-save-item\:X-H9Dx00zC03amOpIzp5B {
      color:var(--on-surface-tertiary);
      text-decoration-line:line-through;
    }

    .modal-save-item\:cRUTklBSZNlqG_bh4sA7c {
      color:var(--green-600);
      margin-bottom:-0.1rem;
    }

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

    .CBGJK {
      width:100%;
      display:flex;
      row-gap:var(--spacing-medium);
      column-gap:var(--spacing-medium);
      align-items:center;
      justify-content:flex-start;
    }

    .cpiCjo {
      row-gap:var(--spacing-xxxsmall);
      column-gap:var(--spacing-xxxsmall);
    }

    .cQQoLB {
      row-gap:var(--spacing-xsmall);
      column-gap:var(--spacing-xsmall);
    }

    .fiFuRV {
      color:var(--on-surface);
      background:var(--surface-variant);
      padding-top:var(--spacing-small);
      padding-left:2.5rem;
      outline-color:var(--surface-dim);
      outline-style:solid;
      outline-width:1px;
      padding-right:var(--spacing-small);
      padding-bottom:var(--spacing-small);
      border-top-left-radius:var(--spacing-small);
      border-top-right-radius:var(--spacing-small);
      border-bottom-left-radius:var(--spacing-small);
      border-bottom-right-radius:var(--spacing-small);
    }

    .fiFuRV:focus-visible {
      outline-color:var(--primary);
      outline-style:solid;
      outline-width:2px;
    }

    .fiFuRV.hide-icon {
      padding-left:var(--spacing-small);
      padding-right:var(--spacing-small);
    }

    .input-master\:Npxje8CETvPpWUsUder07 {
      top:var(--spacing-small);
      left:var(--spacing-xsmall);
      color:var(--on-surface-secondary);
      bottom:var(--spacing-small);
      height:fit-content;
      position:absolute;
    }

    .bCKyTh {
      color:var(--on-surface-secondary);
    }

    .bCKyTh.light {
      color:var(--on-surface);
    }

    .bCKyTh.dark {
      color:var(--on-surface-tertiary);
    }

    .modal-sammlung-create\:nSILZxMV6xG4wCbfrJhQ5 {
      width:100%;
    }

    .dgDFsQ {
      width:100vw;
      align-items:stretch;
      flex-direction:column;
      justify-content:start;
    }

    .lKTRI {
      width:fit-content;
      height:fit-content;
      user-select:none;
    }

    .carousel-icons\:1mlSTOBCLAcYDB6-l1qmd {
      margin-right:1rem;
    }

    .dxpNld {
      gap:var(--gap);
      flex-direction:row;
    }

    .GlkfE {
      color:var(--on-surface-tertiary);
      scale:.8 .8 1;
      width:5rem;
      height:5rem;
      display:flex;
      background:var(--surface-variant);
      transition:all 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--border-radius-full);
      border-top-right-radius:var(--border-radius-full);
      border-bottom-left-radius:var(--border-radius-full);
      border-bottom-right-radius:var(--border-radius-full);
    }

    .GlkfE.current {
      color:var(--on-secondary);
      scale:1 1 1;
      background:var(--secondary);
    }

    .cCZhZy {
      width:5rem;
      position:absolute;
      aspect-ratio:1/1;
      outline-color:var(--primary);
      outline-style:solid;
      outline-width:2px;
      border-top-left-radius:var(--border-radius-full);
      border-top-right-radius:var(--border-radius-full);
      border-bottom-left-radius:var(--border-radius-full);
      border-bottom-right-radius:var(--border-radius-full);
    }

    .cfjwuZ {
      width:100%;
      height:100%;
      display:flex;
      position:absolute;
      align-items:center;
      pointer-events:none;
      justify-content:center;
    }

    .cZgoMw {
      font-weight:var(--font-weight-bold);
    }

    .cZgoMw.huge {
      font-size:var(--font-size-4xl);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .cZgoMw.large {
      font-size:var(--font-size-3xl);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .cZgoMw.regular {
      font-size:var(--font-size-2xl);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .cZgoMw.small {
      font-size:var(--font-size-lg);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .cZgoMw.subheading {
      font-size:var(--font-size-base);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .cZgoMw.xsmall {
      font-size:var(--font-size-xl);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:120%;
    }

    .cBDYIB {
      width:3rem;
      overflow-x:hidden;
      overflow-y:hidden;
      aspect-ratio:1/1;
      border-top-left-radius:var(--border-radius-small);
      border-top-right-radius:var(--border-radius-small);
      border-bottom-left-radius:var(--border-radius-small);
      border-bottom-right-radius:var(--border-radius-small);
    }

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

    .card-coupon\:5Jar7JMdNIgWRHPtfq4rT {
      position:absolute;
    }

    .eSowVB {
      right:0px;
      width:14rem;
      bottom:0px;
      height:1.75rem;
      rotate:0 0 1 -45deg;
      display:flex;
      position:absolute;
      translate:4.25rem -1.75rem 0;
      background:var(--yellow-400);
      align-items:center;
      justify-content:center;
    }

    .ekbmbT {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      position:absolute;
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .eFWnqt {
      color:var(--on-surface);
      width:fit-content;
      display:flex;
      align-items:center;
      padding-top:var(--spacing-tiny);
      padding-left:var(--spacing-xxsmall);
      padding-right:var(--spacing-xxsmall);
      padding-bottom:var(--spacing-tiny);
      justify-content:center;
      border-top-left-radius:var(--border-radius-small);
      border-top-right-radius:var(--border-radius-small);
      border-bottom-left-radius:var(--border-radius-small);
      border-bottom-right-radius:var(--border-radius-small);
    }

    .eFWnqt.green {
      background:var(--green-500);
    }

    .eFWnqt.white {
      background:var(--surface);
    }

    .eFWnqt.yellow {
      background:var(--yellow-400);
    }

    .card-coupon\:A6_ZMn0UkFy3tvmZ_A6ZU {
      left:var(--spacing-xxsmall);
      bottom:var(--spacing-xxsmall);
      position:absolute;
    }

    .dhQEcq {
      width:70%;
      height:70%;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

    .bibdwd {
      width:100%;
      height:100%;
      z-index:5;
      position:absolute;
    }

    .cdARXO {
      color:var(--container-lowest);
      rotate:0 0 1 -5deg;
      display:flex;
      z-index:1;
      position:absolute;
      translate:0 0 0;
      align-items:center;
      justify-content:center;
    }

    .edrVXi {
      color:var(--yellow-400);
      width:100%;
      height:100%;
      rotate:0 0 1 -5deg;
      translate:0 0 0;
      overflow-x:visible;
      overflow-y:visible;
    }

    .BIkD {
      color:var(--blue-200);
      width:120%;
      height:120%;
      rotate:0 0 1 -15deg;
      display:grid;
      flex-wrap:wrap;
      align-items:flex-start;
      grid-row-gap:1rem;
      grid-column-gap:1rem;
      justify-content:flex-start;
      grid-template-rows:repeat(, 1fr);
      grid-template-columns:repeat(7, 1fr);
    }

    .cYtiqD {
      width:100%;
      display:flex;
      position:relative;
      align-items:flex-end;
      padding-top:var(--spacing-xxsmall);
      aspect-ratio:1/1;
      padding-left:var(--spacing-xxsmall);
      padding-right:var(--spacing-xxsmall);
      padding-bottom:var(--spacing-xxsmall);
      justify-content:flex-start;
    }

    .eTKaKX {
      color:var(--yellow-200);
      width:120%;
      height:120%;
      rotate:0 0 1 -15deg;
      display:grid;
      flex-wrap:wrap;
      align-items:flex-start;
      grid-row-gap:1rem;
      grid-column-gap:1rem;
      justify-content:flex-start;
      grid-template-rows:repeat(, 1fr);
      grid-template-columns:repeat(7, 1fr);
    }

    .bbGDyU {
      width:100%;
      height:100%;
      object-fit:contain;
    }

    .card-coupon\:P-BNM8HoIlQIuYv03lKXZ {
      width:100%;
      height:100%;
      object-fit:cover;
      transform-origin:center center;
    }

    .card-coupon\:Pa0Vb1W5O30k6-V95Ogmj {
      z-index:5;
    }

    .fttVeN {
      font-size:var(--font-size-2xl);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
    }

    .cnmpaK {
      font-size:var(--font-size-base);
      font-family:Inter;
      font-weight:var(--font-weight-bold);
    }

    .dnzCzY {
      width:100%;
      height:100%;
      overflow-x:visible;
      overflow-y:visible;
    }

    .dhMhQT {
      color:var(--blue-100);
      width:60%;
      height:60%;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

    .dCfKyQ {
      color:var(--green-500);
      width:100%;
      height:100%;
      rotate:0 0 1 -5deg;
      overflow-x:visible;
      overflow-y:visible;
    }

    .card-coupon\:bmu6KiIjowmxJuZG_Yj9u {
      color:var(--on-surface-secondary);
      text-decoration-line:line-through;
    }

    .card-coupon\:cILfoEHPgaB4x_NQ3BbXA {
      color:var(--green-500);
    }

    .card-coupon\:cJmdDmYmt78lnpEd_FZT7 {
      width:100%;
      height:100%;
      object-fit:cover;
      transform-origin:center center;
    }

    .eiTFQj {
      translate:1px 1px 0;
      overflow-x:visible;
      overflow-y:visible;
    }

    .fdEwoj {
      color:var(--on-surface-secondary);
    }

    .fdEwoj.warning {
      color:var(--error);
    }

    .bjeATj {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      display:flex;
      position:absolute;
      background:var(--green-100);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .dRZlQh {
      overflow-x:visible;
      overflow-y:visible;
    }

    .oqCHk {
      translate:1px 1px 0;
    }

    .bpbqJg {
      color:var(--green-200);
      width:120%;
      height:120%;
      rotate:0 0 1 -15deg;
      display:grid;
      flex-wrap:wrap;
      align-items:flex-start;
      grid-row-gap:1rem;
      grid-column-gap:1rem;
      justify-content:flex-start;
      grid-template-rows:repeat(, 1fr);
      grid-template-columns:repeat(7, 1fr);
    }

    .cEwXix {
      color:var(--on-surface);
      rotate:0 0 1 -5deg;
      display:flex;
      position:absolute;
      translate:0 0 0;
      align-items:center;
      justify-content:center;
    }

    .exQkDK {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      display:flex;
      position:absolute;
      background:var(--blue-100);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .ccOXRI {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      display:flex;
      position:absolute;
      background:var(--yellow-100);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .bHZmUS {
      width:100%;
      height:4.5rem;
      display:flex;
      position:relative;
      background:var(--surface-variant);
      margin-top:-2rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .byjhaw {
      row-gap:var(--spacing-regular);
      column-gap:var(--spacing-regular);
      padding-top:var(--spacing-regular);
      padding-bottom:var(--spacing-regular);
    }

    .dNWish {
      color:var(--on-surface);
      display:flex;
      row-gap:var(--spacing-xxsmall);
      column-gap:var(--spacing-xxsmall);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .MxKmy {
      color:var(--on-secondary);
      width:fit-content;
      height:2.5rem;
      display:flex;
      row-gap:var(--spacing-xxsmall);
      background:var(--secondary);
      column-gap:var(--spacing-xxsmall);
      align-items:center;
      padding-left:var(--spacing-small);
      padding-right:var(--spacing-small);
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--border-radius-full);
      border-top-right-radius:var(--border-radius-full);
      border-bottom-left-radius:var(--border-radius-full);
      border-bottom-right-radius:var(--border-radius-full);
    }

    .MxKmy:active {
      color:var(--on-primary);
      background:var(--primary);
    }

    .cAEzqU {
      width:fit-content;
      height:2.5rem;
      display:flex;
      max-width:11rem;
      align-items:flex-start;
      justify-content:center;
    }

    .Home\:YWrWdizRk-ZkjQ0BpKz5Y {
      padding-left:var(--padding-global);
      padding-right:var(--padding-global);
    }

    .feXfKg {
      padding-top:var(--spacing-regular);
      padding-bottom:var(--spacing-regular);
    }

    .EDODX {
      width:calc(100% - 2rem);
      z-index:1;
      position:absolute;
      flex-grow:0;
      background:var(--surface);
      flex-basis:0%;
      margin-top:3rem;
      flex-shrink:1;
      margin-left:var(--spacing-small);
      padding-top:var(--spacing-xsmall);
      margin-right:var(--spacing-small);
      padding-left:var(--spacing-xsmall);
      padding-right:var(--spacing-xsmall);
      padding-bottom:var(--spacing-xsmall);
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .section-angebote-highlight\:3V5yxVE3SaL-Avf5uGYJy {
      color:var(--green-500);
    }

    .btdyOi {
      left:auto;
      color:var(--brand-300);
      right:var(--spacing-small);
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

    .cvLcdP {
      height:100%;
      object-fit:cover;
    }

    .ddJsfI {
      row-gap:var(--spacing-regular);
      background:radial-gradient(at 96.58% 10.84%, var(--brand-50) 31%, var(--brand-200) 100%);
      column-gap:var(--spacing-regular);
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:var(--spacing-regular);
      padding-left:var(--spacing-small);
      padding-right:var(--spacing-small);
      padding-bottom:var(--spacing-small);
      border-top-left-radius:var(--border-radius-large);
      border-top-right-radius:var(--border-radius-large);
      border-bottom-left-radius:var(--border-radius-large);
      border-bottom-right-radius:var(--border-radius-large);
    }

    .bxxtpq {
      width:9rem;
      position:absolute;
      aspect-ratio:1/1;
      border-color:var(--brand-200);
      border-style:Solid;
      border-width:2px;
      border-top-left-radius:var(--border-radius-full);
      border-top-right-radius:var(--border-radius-full);
      border-bottom-left-radius:var(--border-radius-full);
      border-bottom-right-radius:var(--border-radius-full);
    }

    .ddopyg {
      width:100%;
      display:flex;
      row-gap:var(--spacing-small);
      z-index:2;
      background:var(--surface);
      box-shadow:0 158px 44px 0 rgba(30, 30, 30, 0.00), 0 101px 40px 0 rgba(30, 30, 30, 0.01), 0 57px 34px 0 rgba(30, 30, 30, 0.02), 0 25px 25px 0 rgba(30, 30, 30, 0.04), 0 6px 14px 0 rgba(30, 30, 30, 0.05);
      column-gap:var(--spacing-small);
      align-items:center;
      padding-top:var(--spacing-xsmall);
      padding-left:var(--spacing-xsmall);
      padding-right:var(--spacing-xsmall);
      flex-direction:row;
      padding-bottom:var(--spacing-xsmall);
      justify-content:flex-start;
      border-top-left-radius:var(--border-radius-medium);
      border-top-right-radius:var(--border-radius-medium);
      border-bottom-left-radius:var(--border-radius-medium);
      border-bottom-right-radius:var(--border-radius-medium);
    }

    .bttAcG {
      width:8rem;
      overflow-x:hidden;
      overflow-y:hidden;
      aspect-ratio:1/1;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .eqjUAa {
      display:flex;
      align-items:center;
      padding-right:3rem;
      flex-direction:row;
      justify-content:flex-start;
    }

    .Edcwm {
      display:flex;
      row-gap:var(--spacing-small);
      column-gap:var(--spacing-small);
      align-items:center;
      justify-content:flex-start;
    }

    .bRIDmg {
      width:100%;
      display:flex;
      z-index:1;
      align-items:stretch;
      margin-bottom:1rem;
      justify-content:center;
    }

    .cIzBHc {
      width:7rem;
      aspect-ratio:1/1;
    }

    .section-angebote-highlight\:r1lfGuEZeHtw0D6Hx_JkU {
      z-index:1;
      max-width:13.5rem;
      flex-shrink:1;
    }

    .section-angebote-highlight\:wKXbKU3him21eBgPtyWS4 {
      color:var(--on-surface-secondary);
      text-decoration-line:line-through;
    }

    .cKYlzw {
      row-gap:var(--spacing-xxxsmall);
      column-gap:var(--spacing-xxxsmall);
      flex-shrink:1;
    }

    .bPxrpC {
      width:17.5rem;
      position:absolute;
      aspect-ratio:1/1;
      border-color:var(--brand-200);
      border-style:Solid;
      border-width:2px;
      border-top-left-radius:var(--border-radius-full);
      border-top-right-radius:var(--border-radius-full);
      border-bottom-left-radius:var(--border-radius-full);
      border-bottom-right-radius:var(--border-radius-full);
    }

    .ewBjrV {
      width:100vw;
      max-width:100dvw;
      overflow-x:hidden;
      align-items:stretch;
      margin-left:-1rem;
      justify-content:start;
    }

    .zGuDe {
      display:flex;
      row-gap:var(--spacing-xxsmall);
      column-gap:var(--spacing-xxsmall);
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .emroje {
      color:var(--on-surface);
    }

    .fdZFtv {
      width:100%;
      aspect-ratio:1/1;
    }

    .eDGEPf {
      width:100%;
      height:100%;
      object-fit:contain;
      aspect-ratio:1/1;
    }

    .cXmRof {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-medium);
      z-index:var(--nav-elements);
      background:var(--surface);
      box-shadow:0 158px 44px 0 rgba(30, 30, 30, 0.00), 0 101px 40px 0 rgba(30, 30, 30, 0.01), 0 57px 34px 0 rgba(30, 30, 30, 0.02), 0 25px 25px 0 rgba(30, 30, 30, 0.04), 0 6px 14px 0 rgba(30, 30, 30, 0.05);
      column-gap:var(--spacing-medium);
      align-items:center;
      padding-top:var(--spacing-medium);
      border-color:var(--surface-dim);
      border-style:solid;
      border-width:1px;
      padding-left:var(--spacing-large);
      padding-right:var(--spacing-large);
      padding-bottom:var(--spacing-medium);
      justify-content:flex-start;
      border-top-left-radius:var(--border-radius-large);
      border-top-right-radius:var(--border-radius-large);
      border-bottom-left-radius:var(--border-radius-large);
      border-bottom-right-radius:var(--border-radius-large);
    }

    .Ibisp {
      width:100%;
      display:flex;
      row-gap:var(--spacing-regular);
      position:relative;
      column-gap:var(--spacing-regular);
      align-items:center;
      padding-left:var(--spacing-regular);
      padding-right:var(--spacing-regular);
      padding-bottom:var(--spacing-regular);
      justify-content:flex-start;
    }

    .modal-kundenkarte\:ipDCW_Z-qWzXO_NRf0m7W {
      color:var(--on-surface-secondary);
    }

    .dnMoyX {
      width:50rem;
      bottom:-30rem;
      position:absolute;
      background:var(--primary);
      aspect-ratio:1/1;
      border-top-left-radius:var(--border-radius-full);
      border-top-right-radius:var(--border-radius-full);
      border-bottom-left-radius:var(--border-radius-full);
      border-bottom-right-radius:var(--border-radius-full);
    }

    .card-aktion\:root {
      width:calc(100vw - 3.25rem);
    }

    .fcwJHn {
      color:var(--surface);
      display:flex;
      row-gap:var(--spacing-xtiny);
      column-gap:var(--spacing-xtiny);
      align-items:flex-start;
      justify-content:flex-start;
    }

    .card-aktion\:4Ve6DdrZ80Ikjys-MbpmP {
      color:color-mix(in srgb, var(--surface) 50%, white 0%);
    }

    .cIoQSM {
      color:var(--on-surface);
      width:100%;
      position:relative;
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:var(--border-radius-regular);
      border-top-right-radius:var(--border-radius-regular);
      border-bottom-left-radius:var(--border-radius-regular);
      border-bottom-right-radius:var(--border-radius-regular);
    }

    .dnxcbo {
      color:var(--surface);
      width:2rem;
      height:2rem;
      display:flex;
      background:color-mix(in srgb, var(--surface) 10%, white 0%);
      align-items:center;
      aspect-ratio:1/1;
      justify-content:center;
      border-top-left-radius:var(--border-radius-small);
      border-top-right-radius:var(--border-radius-small);
      border-bottom-left-radius:var(--border-radius-small);
      border-bottom-right-radius:var(--border-radius-small);
    }

    .evsUZL {
      width:100%;
      height:100%;
      position:absolute;
    }

    .dfqJLb {
      row-gap:var(--spacing-xxsmall);
      column-gap:var(--spacing-xxsmall);
      padding-left:var(--spacing-small);
      padding-right:var(--spacing-small);
      padding-bottom:var(--spacing-small);
    }

    .card-aktion\:F91opWdC2aRsU9Ze4HVrv {
      width:100%;
      height:100%;
      object-fit:cover;
      -webkit-mask-image:linear-gradient(black 80%, transparent 100%);
    }

    .esfQqP {
      width:0.5rem;
      height:2rem;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .clSjHX {
      display:flex;
      row-gap:var(--spacing-tiny);
      column-gap:var(--spacing-tiny);
      align-items:center;
      justify-content:center;
    }

    .dlcKdg {
      width:100%;
      height:100%;
      position:absolute;
      background:#00000045;
      backdrop-filter:blur(800px);
      background-blend-mode:plus-darker;
    }

    .card-aktion\:Qi0yfle4oRowNFzJS0_DT {
      color:color-mix(in srgb, var(--surface) 50%, white 0%);
    }

    .card-aktion\:R6W951HBDh9k8TDSHHDR_ {
      color:color-mix(in srgb, var(--surface) 50%, white 0%);
    }

    .card-aktion\:ZxffwFDl71a5e7j6Cltrz {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .cFGnDT {
      color:var(--surface);
      width:fit-content;
      display:flex;
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .card-aktion\:uMp2hunO9OvWa7eH6xLVJ {
      color:color-mix(in srgb, var(--surface) 50%, white 0%);
    }

    .cTYAmk {
      align-items:center;
      justify-content:flex-start;
    }

    .cTYAmk.scroll-x {
      width:100vw;
      display:flex;
      row-gap:var(--spacing-xsmall);
      column-gap:var(--spacing-xsmall);
      overflow-x:scroll;
      align-items:center;
      margin-left:-1rem;
      padding-left:var(--padding-global);
      padding-right:var(--padding-global);
      flex-direction:row;
      justify-content:flex-start;
    }

    .cTYAmk.scroll-y {
      width:100vw;
      display:flex;
      row-gap:var(--spacing-xsmall);
      column-gap:var(--spacing-xsmall);
      overflow-y:scroll;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .cTYAmk.spacing-x-8 {
      row-gap:var(--spacing-xxsmall);
      column-gap:var(--spacing-xxsmall);
    }

    .cTYAmk.spacing-x-12 {
      row-gap:var(--spacing-xsmall);
      column-gap:var(--spacing-xsmall);
    }

    .cTYAmk.spacing-x-16 {
      row-gap:var(--spacing-small);
      column-gap:var(--spacing-small);
    }

    .lxVNg {
      width:100vw;
      display:flex;
      row-gap:var(--spacing-regularisl);
      column-gap:var(--spacing-regularisl);
      align-items:flex-start;
      padding-top:var(--spacing-medium);
      padding-left:var(--padding-global);
      padding-right:var(--padding-global);
      padding-bottom:var(--spacing-regular);
      justify-content:flex-start;
    }

    .lxVNg.align-left {
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .lxVNg.align-right {
      display:flex;
      align-items:flex-end;
      justify-content:flex-start;
    }

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

    .lxVNg.nav-top {
      align-items:flex-start;
      padding-top:4.5rem;
      justify-content:flex-start;
    }

    .Home\:xKCRm9FOs1ojuPaejZnWE {
      max-width:100dvw;
    }

    .button-avatar\:root {
      width:2.5rem;
      height:2.5rem;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .button-avatar\:3l-JozJuIoj2dGz3CAYIa {
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .button-avatar\:icw_YzrWPc9apztWVZjLY {
      color:var(--on-secondary);
      width:100%;
      display:flex;
      background:var(--hover-secondary);
      align-items:center;
      aspect-ratio:1/1;
      justify-content:center;
    }

    .gbXJd {
      width:100%;
      height:100%;
      display:flex;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--border-radius-full);
      border-top-right-radius:var(--border-radius-full);
      border-bottom-left-radius:var(--border-radius-full);
      border-bottom-right-radius:var(--border-radius-full);
    }

    .fdPeqB {
      aspect-ratio:1;
    }

    .button-avatar\:rLnLreQbu4X7t0r1NUsuE {
      width:100%;
      aspect-ratio:1/1;
    }