@layer base {
  
  body, :host {
    /* Color */
    --mp-182-white: #ebeae5;
--mp-182-yellow: #ffdb4f;
--mp-182-pink: #ed7a9e;
--mp-182-blue: #0083c8;
--mp-182-green: #008b3c;
--mp-182-black: #1f1916;
--gray-25: #FCFCFD;
--gray-50: #F8F9FC;
--gray-100: #EAECF5;
--gray-200: #D5D9EB;
--gray-300: #B3B8DB;
--gray-400: #717BBC;
--gray-500: #4E5BA6;
--gray-600: #3E4784;
--gray-700: #363F72;
--gray-800: #293056;
--gray-900: #101323;
--gray-950: #0D0F1C;
--yellow-25: #FEFDF0;
--yellow-50: #FEFBE8;
--yellow-100: #FEF7C3;
--yellow-200: #FEEE95;
--yellow-300: #FDE272;
--yellow-400: #FAC515;
--yellow-500: #EAAA08;
--yellow-600: #CA8504;
--yellow-700: #A15C07;
--yellow-800: #854A0E;
--yellow-900: #713B12;
--yellow-950: #542C0D;
--orange-25: #FEFAF5;
--orange-50: #FEF6EE;
--orange-100: #FDEAD7;
--orange-200: #F9DBAF;
--orange-300: #F7B27A;
--orange-400: #F38744;
--orange-500: #EF6820;
--orange-600: #E04F16;
--orange-700: #B93815;
--orange-800: #932F19;
--orange-900: #772917;
--orange-950: #511C10;
--orange_dark-25: #FFF9F5;
--orange_dark-50: #FFF4ED;
--orange_dark-100: #FFE6D5;
--orange_dark-200: #FFD6AE;
--orange_dark-300: #FF9C66;
--orange_dark-400: #FF692E;
--orange_dark-500: #FF4405;
--orange_dark-600: #E62E05;
--orange_dark-700: #BC1B06;
--orange_dark-800: #97180C;
--orange_dark-900: #771A0D;
--orange_dark-950: #57130A;
--rose-25: #FFF5F6;
--rose-50: #FFF1F3;
--rose-100: #FFE4E8;
--rose-200: #FECDD6;
--rose-300: #FEA3B4;
--rose-400: #FD6F8E;
--rose-500: #F63D68;
--rose-600: #E31B54;
--rose-700: #C01048;
--rose-800: #A11043;
--rose-900: #89123E;
--rose-950: #510B24;
--pink-25: #FEF6FB;
--pink-50: #FDF2FA;
--pink-100: #FCE7F6;
--pink-200: #FCCEEE;
--pink-300: #FAA7E0;
--pink-400: #F670C7;
--pink-500: #EE46BC;
--pink-600: #DD2590;
--pink-700: #C11574;
--pink-800: #9E165F;
--pink-900: #851651;
--pink-950: #4E0D30;
--fuchsia-25: #FEFAFF;
--fuchsia-50: #FDF4FF;
--fuchsia-100: #FBE8FF;
--fuchsia-200: #F6D0FE;
--fuchsia-300: #EEAAFD;
--fuchsia-400: #E478FA;
--fuchsia-500: #D444F1;
--fuchsia-600: #BA24D5;
--fuchsia-700: #9F1AB1;
--fuchsia-800: #821890;
--fuchsia-900: #6F1877;
--fuchsia-950: #47104C;
--purple-25: #FAFAFF;
--purple-50: #F4F3FF;
--purple-100: #EBE9FE;
--purple-200: #D9D6FE;
--purple-300: #BDB4FE;
--purple-400: #9B8AFB;
--purple-500: #7A5AF8;
--purple-600: #6938EF;
--purple-700: #5925DC;
--purple-800: #4A1FB8;
--purple-900: #3E1C96;
--purple-950: #27115F;
--violet-25: #FBFAFF;
--violet-50: #F5F3FF;
--violet-100: #ECE9FE;
--violet-200: #DDD6FE;
--violet-300: #C3B5FD;
--violet-400: #A48AFB;
--violet-500: #875BF7;
--violet-600: #7839EE;
--violet-700: #6927DA;
--violet-800: #5720B7;
--violet-900: #491C96;
--violet-950: #2E125E;
--indigo-25: #F5F8FF;
--indigo-50: #EEF4FF;
--indigo-100: #E0EAFF;
--indigo-200: #C7D7FE;
--indigo-300: #A4BCFD;
--indigo-400: #8098F9;
--indigo-500: #6172F3;
--indigo-600: #444CE7;
--indigo-700: #3538CD;
--indigo-800: #2D31A6;
--indigo-900: #2D3282;
--indigo-950: #1F235B;
--blue_dark-25: #F5F8FF;
--blue_dark-50: #EFF4FF;
--blue_dark-100: #D1E0FF;
--blue_dark-200: #B2CCFF;
--blue_dark-300: #84ADFF;
--blue_dark-400: #528BFF;
--blue_dark-500: #2970FF;
--blue_dark-600: #155EEF;
--blue_dark-700: #004EEB;
--blue_dark-800: #0040C1;
--blue_dark-900: #00359E;
--blue_dark-950: #002266;
--blue-25: #F5FAFF;
--blue-50: #EFF8FF;
--blue-100: #D1E9FF;
--blue-200: #B2DDFF;
--blue-300: #84CAFF;
--blue-400: #53B1FD;
--blue-500: #2E90FA;
--blue-600: #1570EF;
--blue-700: #175CD3;
--blue-800: #1849A9;
--blue-900: #194185;
--blue-950: #102A56;
--blue_light-25: #F5FBFF;
--blue_light-50: #F0F9FF;
--blue_light-100: #E0F2FE;
--blue_light-200: #B9E6FE;
--blue_light-300: #7CD4FD;
--blue_light-400: #36BFFA;
--blue_light-500: #0BA5EC;
--blue_light-600: #0086C9;
--blue_light-700: #026AA2;
--blue_light-800: #065986;
--blue_light-900: #0B4A6F;
--blue_light-950: #062C41;
--cyan-25: #F5FEFF;
--cyan-50: #ECFDFF;
--cyan-100: #CFF9FE;
--cyan-200: #A5F0FC;
--cyan-300: #67E3F9;
--cyan-400: #22CCEE;
--cyan-500: #06AED4;
--cyan-600: #088AB2;
--cyan-700: #0E7090;
--cyan-800: #155B75;
--cyan-900: #164C63;
--cyan-950: #0D2D3A;
--teal-25: #F6FEFC;
--teal-50: #F0FDF9;
--teal-100: #CCFBEF;
--teal-200: #99F6E0;
--teal-300: #5FE9D0;
--teal-400: #2ED3B7;
--teal-500: #15B79E;
--teal-600: #0E9384;
--teal-700: #107569;
--teal-800: #125D56;
--teal-900: #134E48;
--teal-950: #0A2926;
--green-25: #F6FEF9;
--green-50: #EDFCF2;
--green-100: #D3F8DF;
--green-200: #AAF0C4;
--green-300: #73E2A3;
--green-400: #3CCB7F;
--green-500: #16B364;
--green-600: #099250;
--green-700: #087443;
--green-800: #095C37;
--green-900: #084C2E;
--green-950: #052E1C;
--green_light-25: #FAFEF5;
--green_light-50: #F3FEE7;
--green_light-100: #E4FBCC;
--green_light-200: #D0F8AB;
--green_light-300: #A6EF67;
--green_light-400: #85E13A;
--green_light-500: #66C61C;
--green_light-600: #4CA30D;
--green_light-700: #3B7C0F;
--green_light-800: #326212;
--green_light-900: #2B5314;
--green_light-950: #15290A;
--moss-25: #FAFDF7;
--moss-50: #F5FBEE;
--moss-100: #E6F4D7;
--moss-200: #CEEAB0;
--moss-300: #ACDC79;
--moss-400: #86CB3C;
--moss-500: #669F2A;
--moss-600: #4F7A21;
--moss-700: #3F621A;
--moss-800: #335015;
--moss-900: #2B4212;
--moss-950: #1A280B;
--base-white: #ffffff;
--base-black: #000000;
--text-primary: var(--gray-900);
--text-secondary: var(--gray-700);
--text-tertiary: var(--gray-600);
--text-quaternary: var(--gray-500);
--text-white: var(--base-white);
--text-disabled: var(--gray-500);
--text-placeholder: var(--gray-500);
--text-error-primary: var(--error-600);
--text-secondary_hover: var(--gray-800);
--text-tertiary_hover: var(--gray-700);
--text-secondary_on-brand: var(--brand-200);
--text-tertiary_on-brand: var(--brand-200);
--text-quaternary_on-brand: var(--brand-300);
--text-brand-secondary: var(--brand-700);
--text-brand-secondary_hover: var(--brand-800);
--text-brand-tertiary: var(--brand-600);
--error-25: #FFFBFA;
--error-50: #FEF3F2;
--error-100: #FEE4E2;
--error-200: #FECDCA;
--error-300: #FDA29B;
--error-400: #F97066;
--error-500: #F04438;
--error-600: #D92D20;
--error-700: #B42318;
--error-800: #912018;
--error-900: #7A271A;
--error-950: #55160C;
--border-primary: var(--gray-300);
--border-secondary: var(--gray-200);
--border-secondary_alt: #252b3714;
--border-tertiary: var(--gray-100);
--border-error: var(--error-500);
--border-disabled: var(--gray-300);
--border-disabled_subtle: var(--gray-200);
--border-brand: var(--brand-500);
--border-brand_alt: var(--brand-600);
--bg-primary: var(--base-white);
--bg-primary_hover: var(--gray-50);
--bg-primary-solid: var(--gray-950);
--bg-secondary: var(--gray-50);
--bg-secondary_hover: var(--gray-100);
--bg-secondary_subtle: var(--gray-25);
--bg-secondary-solid: var(--gray-600);
--bg-tertiary: var(--gray-100);
--bg-quaternary: var(--gray-200);
--bg-error-primary: var(--error-50);
--bg-error-secondary: var(--error-100);
--bg-error-solid: var(--error-600);
--bg-active: var(--gray-50);
--bg-disabled: var(--gray-100);
--bg-brand-primary: var(--brand-50);
--bg-brand-secondary: var(--brand-100);
--bg-brand-solid: var(--brand-600);
--bg-brand-solid_hover: var(--brand-700);
--bg-brand-section: var(--brand-800);
--bg-brand-section_subtle: var(--brand-700);
--shadow-xs: #0a0d120d;
--shadow-xs-skeu-in-1: #0a0d122e;
--shadow-xs-skeu-in-2: #0a0d120d;
--shadow-xs-skeu-out: #0a0d120d;
--shadow-sm-out-1: #0a0d121a;
--shadow-sm-out-2: #0a0d121a;
--shadow-md-out-1: #0a0d121a;
--shadow-md-out-2: #0a0d120f;
--shadow-lg-out-1: #0a0d1214;
--shadow-lg-out-2: #0a0d1208;
--shadow-lg-out-3: #0a0d120a;
--shadow-xl-out-1: #0a0d1214;
--shadow-xl-out-2: #0a0d1208;
--shadow-xl-out-3: #0a0d120a;
--shadow-2xl-out-1: #0a0d122e;
--shadow-2xl-out-2: #0a0d120a;
--shadow-3xl-out-1: #0a0d1224;
--shadow-3xl-out-2: #0a0d120a;
--fg-quaternary: var(--gray-400);
--fg-quaternary_hover: var(--gray-500);
--fg-secondary: var(--gray-700);
--fg-primary: var(--gray-900);
--fg-secondary_hover: var(--gray-800);
--fg-tertiary: var(--gray-600);
--fg-tertiary_hover: var(--gray-700);
--fg-disabled: var(--gray-400);
--fg-disabled_subtle: var(--gray-300);
--fg-brand-primary: var(--brand-600);
--fg-brand-secondary: var(--brand-500);
--brand-25: var(--blue_light-25);
--brand-50: var(--blue_light-50);
--brand-100: var(--blue_light-100);
--brand-200: var(--blue_light-200);
--brand-300: var(--blue_light-300);
--brand-400: var(--blue_light-400);
--brand-500: var(--blue_light-500);
--brand-600: var(--blue_light-600);
--brand-700: var(--blue_light-700);
--brand-800: var(--blue_light-800);
--brand-900: var(--blue_light-900);
--brand-950: var(--blue_light-950);
    /* Fonts */
    --font-Inter: 'Inter',sans-serif;

    /* Font size */
    --text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--display-xs: 1.5rem;
--display-sm: 1.875rem;
--display-md: 2.25rem;
--display-lg: 3rem;
--display-xl: 3.75rem;
--display-2xl: 4.5rem;
--text-md: 1rem;
--softie-display-xs: 1.625rem;
--softie-display-sm: 2.063rem;
--softie-display-md: 2.5rem;
--softie-display-lg: 3.375rem;
--softie-display-xl: 4.125rem;
--softie-display-2xl: 4.938rem;
    /* Font weight */
    --font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
    /* 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 */
    --spacing-none: 0rem;
--spacing-xxs: 0.125rem;
--spacing-xs: 0.25rem;
--spacing-sm: 0.375rem;
--spacing-md: 0.5rem;
--spacing-lg: 0.75rem;
--spacing-xl: 1rem;
--spacing-2xl: 1.25rem;
--spacing-3xl: 1.5rem;
--spacing-4xl: 2rem;
--spacing-5xl: 2.5rem;
--spacing-6xl: 3rem;
--spacing-7xl: 4rem;
--spacing-8xl: 5rem;
--spacing-9xl: 6rem;
--spacing-10xl: 8rem;
--spacing-11xl: 10rem;
--width-xxs: 20rem;
--width-xs: 24rem;
--width-sm: 30rem;
--width-md: 35rem;
--width-lg: 40rem;
--width-xl: 48rem;
--width-2xl: 64rem;
--width-3xl: 80rem;
--width-4xl: 90rem;
--width-5xl: 100rem;
--width-6xl: 120rem;
--container-padding-mobile: 1rem;
--container-padding-desktop: 2rem;
--container-max-width-desktop: 80rem;
--paragraph-max-width: 45rem;
--line_height-text_xs: 1.125rem;
--line_height-text_sm: 1.25rem;
--line_height-text_md: 1.5rem;
--line_height-text_lg: 1.75rem;
--line_height-text_xl: 1.875rem;
--line_height-display_xs: 2rem;
--line_height-display_sm: 2.375rem;
--line_height-display_md: 2.75rem;
--line_height-display_lg: 3.75rem;
--line_height-display_xl: 4.5rem;
--line_height-display_2xl: 5.625rem;
--radius-none: 0rem;
--radius-xxs: 0.125rem;
--radius-xs: 0.25rem;
--radius-sm: 0.375rem;
--radius-md: 0.5rem;
--radius-lg: 0.625rem;
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.25rem;
--radius-4xl: 1.5rem;
--radius-full: 100rem;
--shadow-xs-x: 0px;
--shadow-xs-y: 1px;
--shadow-xs-blur: 2px;
--shadow-xs-spread: 0px;
--shadow-xs-skeu-in-1-x: 0px;
--shadow-xs-skeu-in-1-y: 0px;
--shadow-xs-skeu-in-1-blur: 0px;
--shadow-xs-skeu-in-1-spread: 1px;
--shadow-xs-skeu-in-2-x: 0px;
--shadow-xs-skeu-in-2-y: -2px;
--shadow-xs-skeu-in-2-blur: 0px;
--shadow-xs-skeu-in-2-spread: 0px;
--shadow-xs-skeu-out-x: 0px;
--shadow-xs-skeu-out-y: 1px;
--shadow-xs-skeu-out-blur: 2px;
--shadow-xs-skeu-out-spread: 0px;
--shadow-sm-out-1-x: 0px;
--shadow-sm-out-1-y: 1px;
--shadow-sm-out-1-blur: 3px;
--shadow-sm-out-1-spread: 0px;
--shadow-sm-out-2-x: 0px;
--shadow-sm-out-2-y: 1px;
--shadow-sm-out-2-blur: 2px;
--shadow-sm-out-2-spread: -1px;
--shadow-md-out-1-x: 0px;
--shadow-md-out-1-y: 4px;
--shadow-md-out-1-blur: 6px;
--shadow-md-out-1-spread: -1px;
--shadow-md-out-2-x: 0px;
--shadow-md-out-2-y: 2px;
--shadow-md-out-2-blur: 4px;
--shadow-md-out-2-spread: -2px;
--shadow-lg-out-1-x: 0px;
--shadow-lg-out-1-y: 12px;
--shadow-lg-out-1-blur: 16px;
--shadow-lg-out-1-spread: -4px;
--shadow-lg-out-2-x: 0px;
--shadow-lg-out-2-y: 4px;
--shadow-lg-out-2-blur: 6px;
--shadow-lg-out-2-spread: -2px;
--shadow-lg-out-3-x: 0px;
--shadow-lg-out-3-y: 2px;
--shadow-lg-out-3-blur: 2px;
--shadow-lg-out-3-spread: -1px;
--shadow-xl-out-1-x: 0px;
--shadow-xl-out-1-y: 20px;
--shadow-xl-out-1-blur: 24px;
--shadow-xl-out-1-spread: -4px;
--shadow-xl-out-2-x: 0px;
--shadow-xl-out-2-y: 8px;
--shadow-xl-out-2-blur: 8px;
--shadow-xl-out-2-spread: -4px;
--shadow-xl-out-3-x: 0px;
--shadow-xl-out-3-y: 3px;
--shadow-xl-out-3-blur: 3px;
--shadow-xl-out-3-spread: -1.5px;
--shadow-2xl-out-1-x: 0px;
--shadow-2xl-out-1-y: 24px;
--shadow-2xl-out-1-blur: 48px;
--shadow-2xl-out-1-spread: -12px;
--shadow-2xl-out-2-x: 0px;
--shadow-2xl-out-2-y: 4px;
--shadow-2xl-out-2-blur: 4px;
--shadow-2xl-out-2-spread: -2px;
--shadow-3xl-out-1-x: 0px;
--shadow-3xl-out-1-y: 32px;
--shadow-3xl-out-1-blur: 64px;
--shadow-3xl-out-1-spread: -12px;
--shadow-3xl-out-2-x: 0px;
--shadow-3xl-out-2-y: 5px;
--shadow-3xl-out-2-blur: 5px;
--shadow-3xl-out-2-spread: -2.5px;
--letter_spacing-display_lg: -2%;
--letter_spacing-display_xl: -2%;
--letter_spacing-display_2xl: -2%;
--softie-line_height-display_xs: 2.063rem;
--softie-line_height-display_sm: 2.375rem;
--softie-line_height-display_md: 2.813rem;
--softie-line_height-display_lg: 3.75rem;
--softie-line_height-display_xl: 4.563rem;
--softie-line_height-display_2xl: 5.688rem;
    /* 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;
    }
  }
}


    .dHoMxF {
      width:100%;
      height:fit-content;
      display:flex;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      justify-content:flex-start;
    }

    .fDZzDG {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:12px;
      column-gap:12px;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .dbBDdr {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-4xl);
      max-width:var(--container-max-width-desktop);
      column-gap:var(--spacing-7xl);
      align-items:center;
      padding-left:var(--container-padding-desktop);
      padding-right:var(--container-padding-desktop);
      justify-content:flex-start;
    }

    @media (max-width: 769px) {

    .dbBDdr {
      display:flex;
      row-gap:var(--spacing-4xl);
      max-width:unset;
      column-gap:var(--spacing-6xl);
      align-items:flex-start;
      padding-left:var(--container-padding-mobile);
      padding-right:var(--container-padding-mobile);
      justify-content:flex-start;
    }
    }

    @media (max-width: 376px) {

    .dbBDdr {
      display:flex;
      row-gap:var(--spacing-4xl);
      max-width:unset;
      align-items:flex-start;
      padding-left:var(--container-padding-mobile);
      padding-right:var(--container-padding-mobile);
      justify-content:flex-start;
    }
    }

    .cCYXsI {
      width:100%;
    }

    .v2-product-personalizer\:0CMoUaDBQBLCBsKn3sZXE {
      width:100%;
    }

    .buCfXK {
      width:100%;
      height:auto;
      overflow:hidden;
      position:relative;
      aspect-ratio:var(--ratio);
    }

    .PORFU {
      width:100%;
      height:100%;
      opacity:0;
      object-fit:cover;
      transition:opacity 0.3s ease-in-out;
      border-top-left-radius:var(--radius-xl);
      border-top-right-radius:var(--radius-xl);
      border-bottom-left-radius:var(--radius-xl);
      border-bottom-right-radius:var(--radius-xl);
    }

    .PORFU.visible {
      opacity:1;
    }

    .ePknSl {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      z-index:1;
      position:absolute;
      animation:pulse 1.5s infinite;
      background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
      background-size:200% 100%;
      border-top-left-radius:var(--radius-xl);
      border-top-right-radius:var(--radius-xl);
      border-bottom-left-radius:var(--radius-xl);
      border-bottom-right-radius:var(--radius-xl);
    }

    @keyframes pulse {
        0% {
          background-position: 200% 0;
        }

        100% {
          background-position: -200% 0;
        }
    }

    .coVtdW {
      color:var(--text-primary);
      display:flex;
      row-gap:var(--spacing-md);
      font-size:var(--text-md);
      column-gap:var(--spacing-md);
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
      flex-direction:column;
    }

    .bnCLgW {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-sm);
      column-gap:var(--spacing-sm);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .bXAIUe {
      flex:1;
      width:100%;
      height:90svh;
      display:flex;
      row-gap:var(--spacing-4xl);
      column-gap:var(--spacing-4xl);
      max-height:90vh;
      min-height:90svh;
      overflow-x:visible;
      overflow-y:visible;
      align-items:center;
      flex-direction:column;
      justify-content:flex-end;
    }

    .dNJvVO {
      flex:1;
      width:fit-content;
      cursor:pointer;
      height:fit-content;
      display:flex;
      max-width:300px;
      min-width:150px;
      background:var(--gray-100);
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--radius-xl);
      border-top-right-radius:var(--radius-xl);
      border-bottom-left-radius:var(--radius-xl);
      border-bottom-right-radius:var(--radius-xl);
    }

    .dNJvVO.selected {
      box-shadow:0px 0px 0px 5px var(--border-brand_alt);
      outline-color:var(--bg-primary);
      outline-style:solid;
      outline-width:2px;
    }

    .Bvffw {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-7xl);
      column-gap:var(--spacing-7xl);
      align-items:center;
      padding-top:var(--spacing-9xl);
      flex-direction:column;
      padding-bottom:var(--spacing-9xl);
      justify-content:flex-start;
    }

    @media (max-width: 769px) {

    .Bvffw {
      display:flex;
      row-gap:var(--spacing-6xl);
      column-gap:var(--spacing-6xl);
      align-items:center;
      padding-top:var(--spacing-8xl);
      padding-bottom:var(--spacing-8xl);
      justify-content:flex-start;
    }
    }

    @media (max-width: 376px) {

    .Bvffw {
      display:flex;
      row-gap:var(--spacing-6xl);
      column-gap:var(--spacing-6xl);
      align-items:center;
      padding-top:var(--spacing-7xl);
      padding-bottom:var(--spacing-7xl);
      justify-content:flex-start;
    }
    }

    .v2-product-personalizer\:3MEebx-R9MGWpsXDJnzB1 {
      background:var(--bg-secondary);
    }

    .dBwKlT {
      width:auto;
      height:fit-content;
      display:inline;
      font-size:var(--display-sm);
      font-family:var(--ohnosoftie);
      font-weight:bold;
      line-height:var(--line_height-display_sm);
    }

    .dqsoTv {
      width:fit-content;
      height:fit-content;
    }

    .dAWQSC {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
      flex-direction:column;
    }

    .dZZzhl {
      width:0px;
      height:0px;
    }

    .v2-product-personalizer\:5VlEcuMa5yJlLm4mTbbGu {
      position:absolute;
    }

    .dvhmMj {
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
    }

    .bBECOy {
      width:100%;
      height:100%;
      display:flex;
      background:var(--bg-tertiary);
      object-fit:cover;
      align-items:center;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .fbvsma {
      color:var(--text-primary);
      width:fit-content;
      height:fit-content;
      font-size:var(--softie-display-md);
      font-family:var(--ohnosoftie);
      font-weight:bold;
      line-height:var(--softie-line_height-display_md);
    }

    @media (max-width: 376px) {

    .fbvsma {
      width:fit-content;
      height:fit-content;
      font-size:var(--softie-display-sm);
      font-family:var(--ohnosoftie);
      font-weight:bold;
      line-height:var(--softie-line_height-display_sm);
    }
    }

    .QvIny {
      color:var(--text-primary);
      width:100%;
      height:fit-content;
      display:flex;
      font-size:var(--text-md);
      background:white;
      align-items:center;
      font-family:"Inter";
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
      padding-bottom:var(--spacing-2xl);
      justify-content:flex-start;
    }

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

    .cNgCpu {
      top:3px;
      width:auto;
      height:fit-content;
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
    }

    .dEvQmK {
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      line-height:inherit;
    }

    .ciVYDI {
      top:-230px;
      right:-1070px;
      position:absolute;
    }

    .efBgvR {
      width:100%;
      cursor:help;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .bCsAUr {
      top:3px;
      width:auto;
      height:fit-content;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .bNnuoj {
      width:100%;
      height:100%;
      object-fit:cover;
      border-top-left-radius:var(--radius-lg);
      border-top-right-radius:var(--radius-lg);
      border-bottom-left-radius:var(--radius-lg);
      border-bottom-right-radius:var(--radius-lg);
    }

    .cGhagN {
      width:100%;
      cursor:pointer;
      height:fit-content;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cGhagN.focus {
      animation:500ms ease 0ms 1 normal forwards running animation-cEwOkt;
    }

    @keyframes animation-cEwOkt {
        15% {
          rotate: -5deg;
        }

        30% {
          rotate: 5deg;
        }

        45% {
          rotate: -3deg;
        }

        60% {
          rotate: 3deg;
        }

        100% {
          rotate: 0deg;
        }
    }

    .fusbwK {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xs);
      column-gap:var(--spacing-xs);
      flex-direction:column;
    }

    .bwbqim {
      width:100%;
      height:fit-content;
    }

    .ui-page\:1bGvBo2ccgjcCNb_XwPAH {
      display:flex;
    }

    .ui-page\:9qAu23i612b7oDryrwl-0 {
      flex:1;
      transition:height 300ms ease;
    }

    .bHcFhq {
      width:0vw;
      height:0vh;
      display:none;
      opacity:0;
      z-index:0;
      position:absolute;
      background:white;
      transition:opacity 300ms ease  allow-discrete;
      padding-top:var(--spacing-8xl);
      padding-bottom:var(--spacing-8xl);
    }

    .bHcFhq.ready {
      width:100%;
      height:100vh;
      display:flex;
      opacity:1;
      animation:300ms ease 0ms 1 normal none running animation-diMMIZ;
      align-items:center;
      justify-content:flex-start;
    }

    @keyframes animation-diMMIZ {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .elQXEU {
      width:100%;
      height:100vh;
      display:flex;
      opacity:0;
      background:white;
      transition:opacity 300ms ease;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .elQXEU.loaded {
      height:fit-content;
      opacity:1;
    }

    .bdyKZP {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .cjhyn {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-sm);
      flex-wrap:wrap;
      column-gap:var(--spacing-sm);
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .KhuVt {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
      flex-direction:column;
    }

    .elThbd {
      width:50px;
      height:50px;
    }

    .fkCYUD {
      color:var(--text-tertiary_on-brand);
      cursor:pointer;
      display:inline;
      font-size:var(--text-md);
      font-family:"Inter";
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_md);
    }

    .LkyyM {
      color:var(--text-white);
      display:inline;
      font-size:var(--softie-display-xs);
      font-family:var(--ohnosoftie);
      font-weight:bold;
      line-height:var(--softie-line_height-display_xs);
    }

    .footer\:9OG8Qcp4l8dQbtM4FrGN_ {
      background:var(--bg-brand-section);
      padding-top:var(--spacing-7xl);
      padding-bottom:var(--spacing-6xl);
    }

    .fAxNLt {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-4xl);
      flex-wrap:wrap;
      column-gap:var(--spacing-7xl);
      flex-direction:row;
    }

    .TDori {
      flex:1;
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xl);
      column-gap:var(--spacing-xl);
      flex-direction:column;
    }

    .blFrta {
      width:fit-content;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .DAuKS {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-4xl);
      column-gap:var(--spacing-7xl);
      align-items:center;
      justify-content:flex-start;
    }

    @media (max-width: 769px) {

    .DAuKS {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-4xl);
      column-gap:var(--spacing-6xl);
    }
    }

    @media (max-width: 376px) {

    .DAuKS {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-5xl);
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }
    }

    .pRclC {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xl);
      flex-wrap:wrap;
      column-gap:var(--spacing-4xl);
      padding-top:var(--spacing-4xl);
      flex-direction:row;
      border-top-color:var(--border-brand_alt);
      border-top-style:solid;
      border-top-width:1px;
    }

    .lwKQN {
      color:var(--text-secondary_on-brand);
      font-size:var(--text-md);
      max-width:var(--width-xxs);
      font-family:"Inter";
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
    }

    .eZnWjI {
      flex:1;
      color:var(--text-quaternary_on-brand);
      width:100%;
      display:inline;
      font-size:var(--text-md);
      min-width:280px;
      font-family:"Inter";
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
    }

    .ui-page\:wpk09BI_2sYmQZOQt-jhL {
      width:100%;
      height:fit-content;
    }

    .eDYEVT {
      flex:1;
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xs);
      column-gap:var(--spacing-xs);
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .iiOiP {
      flex:1;
      width:fit-content;
      height:fit-content;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      line-height:var(--line_height-text_sm);
    }

    .cxEcRJ {
      color:var(--text-primary);
      display:inline;
      font-size:var(--text-md);
      font-family:"Inter";
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
    }

    .v2-product-personalizer\:HykRR4b12s1dfgtiS933o {
      top:4px;
      width:fit-content;
      z-index:5;
      position:absolute;
      box-shadow:var(--shadow-3xl-out-1-x) var(--shadow-3xl-out-1-y) var(--shadow-3xl-out-1-blur) var(--shadow-3xl-out-1-spread) var(--shadow-3xl-out-1), var(--shadow-3xl-out-2-x) var(--shadow-3xl-out-2-y) var(--shadow-3xl-out-2-blur) var(--shadow-3xl-out-2-spread) var(--shadow-3xl-out-2);
    }

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

    .ejfYQC {
      width:100%;
      height:100%;
      opacity:1;
      object-fit:cover;
      border-top-left-radius:var(--radius-md);
      border-top-right-radius:var(--radius-md);
      border-bottom-left-radius:var(--radius-md);
      border-bottom-right-radius:var(--radius-md);
    }

    .eeCMpw {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      max-width:250px;
      column-gap:var(--spacing-2xl);
      align-items:center;
      padding-top:var(--spacing-xl);
      flex-direction:column;
      justify-content:flex-start;
    }

    .eYwBKL {
      display:inline;
      font-size:var(--text-sm);
      font-family:inherit;
      font-weight:inherit;
      line-height:var(--line_height-text_sm);
    }

    .dUdlpt {
      width:auto;
      height:auto;
      display:flex;
      flex-grow:1;
      max-width:100%;
      flex-basis:0%;
      max-height:100%;
      object-fit:cover;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:all 300ms ease;
      align-items:center;
      flex-shrink:1;
      aspect-ratio:3/4;
      flex-direction:column;
      justify-content:flex-start;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .dUdlpt.image_new {
      animation:300ms ease 0ms 1 normal forwards running animation-tgAIt;
    }

    .dUdlpt.image_previous {
      animation:300ms ease 0ms 1 normal forwards running animation-deekZe;
    }

    .dUdlpt.image_next {
      animation:300ms ease 0ms 1 normal forwards running animation-btEfLS;
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .dUdlpt.image_loading {
      animation:300ms ease 0ms 1 normal none running animation-bXdvEn;
    }

    .dUdlpt.image_delete_selected {
      animation:300ms ease 0ms 1 normal forwards running animation-eTOspX;
    }

    @keyframes animation-tgAIt {
        0% {
          opacity: 1;
        }

        0% {
          scale: 1 1 1;
        }

        50% {
          opacity: 0;
        }

        50% {
          scale: 0;
        }

        51% {
          opacity: 0;
        }

        51% {
          scale: 0;
        }

        100% {
          opacity: 1;
        }

        100% {
          scale: 1;
        }
    }


    @keyframes animation-bXdvEn {
        0% {
          opacity: 1;
        }

        50% {
          opacity: 0;
        }

        51% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }


    @keyframes animation-btEfLS {
        0% {
          opacity: 1;
        }

        0% {
          translate: 0 0 0;
        }

        50% {
          opacity: 0;
        }

        50% {
          translate: -50px 0 0;
        }

        51% {
          translate: 50px 0 0;
        }

        51% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }

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


    @keyframes animation-deekZe {
        0% {
          opacity: 1;
        }

        0% {
          translate: 0 0 0;
        }

        50% {
          opacity: 0;
        }

        50% {
          translate: 50px 0 0;
        }

        51% {
          opacity: 0;
        }

        51% {
          translate: -50px 0 0;
        }

        100% {
          opacity: 1;
        }

        100% {
          translate: 0px;
        }
    }


    @keyframes animation-eTOspX {
        0% {
          opacity: 1;
        }

        0% {
          scale: 1;
        }

        50% {
          opacity: 0;
        }

        50% {
          scale: 0.7;
        }

        51% {
          scale: 1;
        }

        51% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }

        100% {
          scale: 1;
        }
    }

    .dFUFLF {
      color:var(--text-primary);
      display:inline;
      font-size:var(--softie-display-xs);
      font-family:var(--ohnosoftie);
      font-weight:bold;
      line-height:var(--softie-line_height-display_xs);
    }

    .eRYlXg {
      width:100%;
      max-width:540px;
    }

    .ddukOl {
      width:100%;
      height:fit-content;
      background:var(--bg-primary);
      padding-top:var(--spacing-4xl);
      padding-left:var(--spacing-3xl);
      padding-right:var(--spacing-3xl);
      padding-bottom:var(--spacing-4xl);
    }

    .fuaLZq {
      width:100%;
      height:auto;
    }

    .cvAteI {
      color:var(--text-secondary);
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xs);
      flex-wrap:wrap;
      font-size:var(--text-sm);
      background:var(--bg_color);
      column-gap:var(--spacing-xs);
      align-items:center;
      font-family:Inter;
      font-weight:var(--font-weight-medium);
      line-height:var(--line_height-text_xs);
      padding-top:var(--spacing-xs);
      border-color:var(--border_color);
      border-style:solid;
      border-width:1px;
      padding-left:var(--left_padding);
      padding-right:var(--spacing-lg);
      flex-direction:row;
      padding-bottom:var(--spacing-xs);
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .cqlMnS {
      width:12px;
      height:12px;
      display:flex;
      align-items:center;
      --icon-color:var(--icon_color);
      justify-content:center;
    }

    .CRQqQ {
      flex:1;
      color:var(--text_color);
      width:auto;
      display:block;
      font-size:inherit;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      justify-content:center;
    }

    .generated-images-module-v2\:3Intw_L7FnVrK7_ET42k7 {
      bottom:-13px;
      position:absolute;
    }

    .wMFff {
      transition:all 300ms ease;
    }

    .esPzTe {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--gap);
      flex-wrap:wrap;
      column-gap:var(--gap);
      align-items:center;
      user-select:none;
      flex-direction:row;
      justify-content:center;
      -webkit-user-select:none;
    }

    .dUQMFh {
      width:fit-content;
      height:fit-content;
      display:none;
      position:relative;
    }

    .dUQMFh.loading {
      display:flex;
      position:relative;
      align-items:center;
      justify-content:center;
    }

    .ceDoZ {
      width:20px;
      height:20px;
      display:none;
      align-items:center;
      --icon-color:var(--icon_color);
      justify-content:center;
    }

    .ceDoZ.visible {
      display:flex;
    }

    .divMso {
      width:fit-content;
      height:fit-content;
      display:flex;
      align-items:center;
      padding-left:var(--spacing-xxs);
      padding-right:var(--spacing-xxs);
      justify-content:center;
    }

    .cJXrOc {
      width:calc(100% - 4px);
      height:calc(100% - 4px);
      position:absolute;
      background:var(--bg_color);
      transition:background 300ms ease;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .epJsRz {
      width:100%;
      height:100%;
      display:none;
      opacity:1;
      position:absolute;
      animation:2s ease 0ms infinite normal none running animation-HjXXj;
      outline-color:#1a1a1acc;
      outline-style:solid;
      outline-width:0px;
      border-top-left-radius:var(--radius-md);
      border-top-right-radius:var(--radius-md);
      border-bottom-left-radius:var(--radius-md);
      border-bottom-right-radius:var(--radius-md);
    }

    .epJsRz.enabled {
      display:flex;
    }

    @keyframes animation-HjXXj {
        0% {
          outline-width: 0px;
        }

        0% {
          outline-color: #5c5c5ccc;
        }

        30% {
          outline-color: #5c5c5c00;
        }

        50% {
          outline-width: 30px;
        }

        100% {
          outline-color: #1a1a1a00;
        }

        100% {
          outline-width: 30px;
        }
    }

    .dQqYvM {
      width:100%;
      cursor:pointer;
      height:fit-content;
      display:flex;
      background:linear-gradient(#ffffff1f 0%, #ffffff00 100%) scroll border-box padding-box repeat repeat 0% 0% / auto var(--bg_color);
      box-shadow:var(--shadow-xs-skeu-in-1-x) var(--shadow-xs-skeu-in-1-y) var(--shadow-xs-skeu-in-1-blur) var(--shadow-xs-skeu-in-1-spread) var(--skeu_1_color) inset, var(--shadow-xs-skeu-in-2-x) var(--shadow-xs-skeu-in-2-y) var(--shadow-xs-skeu-in-2-blur) var(--shadow-xs-skeu-in-2-spread) var(--shadow-xs-skeu-in-2) inset, var(--shadow-xs-skeu-out-x) var(--shadow-xs-skeu-out-y) var(--shadow-xs-skeu-out-blur) var(--shadow-xs-skeu-out-spread) #00000020;
      transition:all 300ms ease;
      align-items:center;
      padding-top:var(--vertical_padding);
      padding-left:var(--horizontal_padding);
      touch-action:manipulation;
      padding-right:var(--horizontal_padding);
      flex-direction:row;
      padding-bottom:var(--vertical_padding);
      justify-content:center;
      border-top-left-radius:var(--radius-md);
      border-top-right-radius:var(--radius-md);
      border-bottom-left-radius:var(--radius-md);
      border-bottom-right-radius:var(--radius-md);
      -webkit-tap-highlight-color:transparent;
    }

    .dQqYvM.disabled {
      width:100%;
      cursor:not-allowed;
      height:fit-content;
      display:flex;
      box-shadow:var(--shadow-xs-skeu-in-1-x) var(--shadow-xs-skeu-in-1-y) var(--shadow-xs-skeu-in-2-blur) var(--shadow-xs-skeu-in-1-spread) var(--skeu_1_color) inset, var(--shadow-xs-x) var(--shadow-xs-y) var(--shadow-xs-blur) var(--shadow-xs-spread) #0a0d120d;
      align-items:center;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--radius-md);
      border-top-right-radius:var(--radius-md);
      border-bottom-left-radius:var(--radius-md);
      border-bottom-right-radius:var(--radius-md);
    }

    .dQqYvM.loading {
      width:100%;
      cursor:progress;
      height:fit-content;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--radius-md);
      border-top-right-radius:var(--radius-md);
      border-bottom-left-radius:var(--radius-md);
      border-bottom-right-radius:var(--radius-md);
    }

    .dNJhRQ {
      width:100%;
      height:fit-content;
      display:flex;
    }

    .exqllw {
      color:var(--text_color);
      display:inline;
      font-size:var(--size);
      transition:color 300ms ease;
      font-family:Inter;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height);
    }

    .EqBqp {
      width:100px;
      height:fit-content;
    }

    .dTupFo {
      width:100px;
      height:fit-content;
      overflow-x:visible;
      overflow-y:visible;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .dTupFo.selected_image {
      box-shadow:0px 0px 0px 4px var(--brand-600);
      outline-color:var(--bg-primary);
      outline-style:solid;
      outline-width:2px;
    }

    .cJUmIy {
      width:fit-content;
      cursor:pointer;
      height:fit-content;
    }

    .eFzgqb {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      background:var(--bg-primary);
      box-shadow:var(--shadow-lg-out-1-x) var(--shadow-lg-out-1-y) var(--shadow-lg-out-1-blur) var(--shadow-lg-out-1-spread) var(--shadow-lg-out-1), var(--shadow-lg-out-2-x) var(--shadow-lg-out-2-y) var(--shadow-lg-out-2-blur) var(--shadow-lg-out-2-spread) var(--shadow-lg-out-2), var(--shadow-lg-out-3-x) var(--shadow-lg-out-3-y) var(--shadow-lg-out-3-blur) var(--shadow-lg-out-3-spread) var(--shadow-lg-out-3);
      column-gap:var(--spacing-2xl);
      padding-top:var(--spacing-2xl);
      padding-left:var(--spacing-2xl);
      outline-color:var(--border-secondary);
      outline-style:solid;
      outline-width:1px;
      padding-right:var(--spacing-2xl);
      flex-direction:column;
      padding-bottom:var(--spacing-2xl);
      border-top-left-radius:var(--radius-md);
      border-top-right-radius:var(--radius-md);
      border-bottom-left-radius:var(--radius-md);
      border-bottom-right-radius:var(--radius-md);
    }

    .ui-dropdown-button\:uMa2FDBfgOgUceL7wjwyS {
      width:fit-content;
      height:fit-content;
    }

    .dVfXKK {
      width:8px;
      height:8px;
      background:var(--base-white);
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .crlbMh {
      width:24px;
      height:24px;
      display:flex;
      background:var(--bg-brand-solid);
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .dfyECm {
      color:var(--text-secondary);
      display:inline;
      font-size:var(--text-sm);
      text-align:center;
      font-family:"Inter";
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_sm);
    }

    .dfyECm.text_current {
      color:var(--text-brand-secondary);
    }

    .dfyECm.not_visible {
      display:none;
    }

    .dgKDac {
      width:100%;
      display:flex;
      row-gap:var(--spacing-xl);
      flex-wrap:nowrap;
      column-gap:var(--spacing-xl);
      align-items:flex-start;
      align-content:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .fesgUH {
      color:var(--text-secondary);
      display:inline;
      font-size:var(--text-sm);
      text-align:center;
      font-family:"Inter";
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_sm);
      white-space:pre-wrap;
    }

    .fesgUH.text_current {
      color:var(--text-brand-secondary);
    }

    .fesgUH.not_visible {
      display:none;
    }

    .frJjmv {
      right:-58px;
      width:calc(50% - 58px);
      height:2px;
      background:var(--bg_color);
    }

    .frJjmv.mobile {
      right:-28px;
      width:calc(50% - 28px);
    }

    .mKscx {
      width:24px;
      height:24px;
      display:flex;
      background:var(--bg-primary);
      align-items:center;
      border-color:var(--border-disabled_subtle);
      border-style:solid;
      border-width:1.5px;
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .dpwZyf {
      left:58px;
      width:calc(50% - 58px);
      height:2px;
      background:var(--bg_color);
    }

    .dpwZyf.mobile {
      left:28px;
      width:calc(50% - 28px);
    }

    .dppSOb {
      width:8px;
      height:8px;
      background:var(--fg-disabled_subtle);
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .fGcmiI {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .RgdEF {
      width:12px;
      height:12px;
    }

    .cCTWsV {
      width:24px;
      height:24px;
      display:flex;
      background:var(--bg-brand-solid);
      box-shadow:0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--brand-500);
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .csBWOI {
      top:11px;
      width:100%;
      height:0px;
      display:flex;
      position:absolute;
      flex-direction:row;
    }

    .DUkuG {
      width:fit-content;
      height:150px;
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .bdErAe {
      width:100%;
      height:fit-content;
      background:var(--bg-secondary);
      padding-top:var(--spacing-2xl);
      padding-left:var(--spacing-3xl);
      padding-right:var(--spacing-3xl);
      padding-bottom:var(--spacing-lg);
      border-bottom-color:var(--border-tertiary);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .bIWDEP {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xl);
      background:var(--bg-primary);
      column-gap:var(--spacing-xl);
      padding-top:var(--spacing-3xl);
      padding-left:var(--spacing-3xl);
      padding-right:var(--spacing-3xl);
      flex-direction:row;
      padding-bottom:var(--spacing-3xl);
    }

    .generated-images-module-v2\:LgUMEyKLJwyeaFZRwVflO {
      bottom:-13px;
      position:absolute;
    }

    .ekKcCC {
      width:fit-content;
      height:fit-content;
      overflow-x:visible;
      overflow-y:visible;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .ekKcCC.selected_image {
      box-shadow:0px 0px 0px 4px var(--brand-600);
      outline-color:var(--bg-primary);
      outline-style:solid;
      outline-width:2px;
    }

    .bctUdE {
      cursor:pointer;
    }

    .bctUdE.unavailable_to_click {
      cursor:wait;
    }

    .bdXUaZ {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .ejHhFB {
      top:5px;
      width:2px;
      height:150px;
      background:var(--bg-quaternary);
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .generated-images-module-v2\:U4cfMxK8NQlUKWnq1Y4bN {
      width:fit-content;
      height:fit-content;
    }

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

    .exqZTu {
      width:20px;
      height:20px;
      display:flex;
      align-items:center;
      --icon-color:var(--text-primary);
      justify-content:center;
    }

    .exqZTu.clicked {
      width:18px;
      height:18px;
    }

    .exqZTu.disabled {
      --icon-color:var(--gray-300);
    }

    .bCLWqK {
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      background:var(--bg-primary);
      transition:all 300ms ease 0ms normal;
      align-items:center;
      padding-top:var(--spacing-sm);
      --icon-color:gold;
      padding-left:var(--spacing-sm);
      outline-color:var(--border-primary);
      outline-style:solid;
      outline-width:1px;
      padding-right:var(--spacing-sm);
      padding-bottom:var(--spacing-sm);
      justify-content:center;
      border-top-left-radius:var(--radius-md);
      border-top-right-radius:var(--radius-md);
      border-bottom-left-radius:var(--radius-md);
      border-bottom-right-radius:var(--radius-md);
    }

    .bCLWqK.hover {
      outline-color:var(--gray-950);
      outline-style:solid;
      outline-width:1px;
    }

    .bCLWqK.clicked {
      box-shadow:0px 0px 3px 0px var(--gray-950) inset;
    }

    .bCLWqK.disabled {
      cursor:not-allowed;
      --icon-color:var(--gray-300);
    }

    .dfboDc {
      width:100px;
      cursor:pointer;
      height:auto;
      display:flex;
      background:var(--bg-secondary);
      transition:background 300ms ease;
      align-items:center;
      padding-top:var(--spacing-xs);
      aspect-ratio:3/4;
      border-color:var(--border-tertiary);
      border-style:solid;
      border-width:1px;
      padding-left:var(--spacing-xs);
      padding-right:var(--spacing-xs);
      padding-bottom:var(--spacing-xs);
      justify-content:center;
      border-top-left-radius:var(--radius-lg);
      border-top-right-radius:var(--radius-lg);
      border-bottom-left-radius:var(--radius-lg);
      border-bottom-right-radius:var(--radius-lg);
    }

    .dfboDc.hover {
      background:var(--bg-secondary_hover);
    }

    .docdYP {
      flex:1 1 0%;
      width:fit-content;
      height:fit-content;
      display:grid;
      row-gap:var(--spacing-lg);
      max-width:100%;
      column-gap:var(--spacing-lg);
      overflow-x:auto;
      overflow-y:visible;
      align-items:flex-start;
      padding-top:5px;
      padding-left:5px;
      padding-right:5px;
      flex-direction:row;
      padding-bottom:5px;
      justify-content:flex-start;
      grid-template-columns:repeat(3, 1fr);
    }

    .cIpmMV {
      flex:1;
      width:100%;
      height:fit-content;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

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

    .enhITB {
      width:100%;
      height:100%;
      object-fit:cover;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .uploader-v2\:24LNqJZLyRvDgGyBstvhg {
      position:absolute;
    }

    .uploader-v2\:32D75JZa5CMGkU-B1AnbH {
      width:100%;
      height:100%;
    }

    .bVdskL {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-md);
      column-gap:var(--spacing-md);
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .uploader-v2\:9DdAOwLFpixpyMHNB9f3Y {
      width:fit-content;
      height:fit-content;
    }

    .dCBbkQ {
      flex:1;
      color:var(--text-secondary);
      width:fit-content;
      height:fit-content;
      display:inline;
      font-size:var(--text-md);
      font-family:"Inter";
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
    }

    .eRhABz {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:bold;
    }

    .eyQJSM {
      position:absolute;
    }

    .dxDQEy {
      width:100%;
      height:100%;
      object-fit:cover;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .dxDQEy.thumbnail_loading {
      width:0px;
      height:0px;
    }

    .bJjMHK {
      color:var(--text-brand-secondary);
      width:fit-content;
      height:fit-content;
      display:inline;
      font-size:var(--text-sm);
      font-family:"Inter";
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_sm);
    }

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

    .cwwkUw {
      width:100%;
      cursor:pointer;
      height:fit-content;
      background:var(--bg-brand-primary);
      transition:background 300ms ease;
      padding-top:var(--spacing-xl);
      border-color:var(--border-brand);
      border-style:solid;
      border-width:2px;
      padding-left:var(--spacing-3xl);
      padding-right:var(--spacing-3xl);
      padding-bottom:var(--spacing-xl);
      border-top-left-radius:var(--radius-xl);
      border-top-right-radius:var(--radius-xl);
      border-bottom-left-radius:var(--radius-xl);
      border-bottom-right-radius:var(--radius-xl);
    }

    .cwwkUw:hover {
      background:var(--bg-brand-secondary);
    }

    .uploader-v2\:aW9EmoaUTICo5AR-QJAfz {
      position:absolute;
    }

    .eofpDt {
      width:80px;
      height:80px;
    }

    .dTiFct {
      top:0px;
      right:-40px;
      width:fit-content;
      height:fit-content;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:flex-start;
    }

    .dsAEfs {
      color:var(--text-tertiary);
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      font-size:var(--text-md);
      column-gap:var(--spacing-2xl);
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
      flex-direction:column;
    }

    .fhsYHa {
      width:100%;
      height:100%;
      object-fit:cover;
      aspect-ratio:3/4;
    }

    .fhsYHa.favorite_selected {
      border-color:var(--yellow-400);
      border-style:solid;
      border-width:1px;
      outline-color:var(--yellow-400);
      outline-style:solid;
      outline-width:5px;
    }

    @keyframes animation-AoMpQ {
        0% {
          opacity: 1;
        }

        0% {
          translate: 0 0 0;
        }

        49.879594996782494% {
          translate: -50px 0 0;
        }

        50% {
          opacity: 0;
        }

        51% {
          translate: 50px;
        }

        51% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }


    @keyframes animation-dQndNK {
        0% {
          opacity: 1;
        }

        0% {
          translate: 0 0 0;
        }

        50% {
          opacity: 0;
        }

        50% {
          translate: 50px 0 0;
        }

        51% {
          opacity: 0;
        }

        51% {
          translate: -50px 0 0;
        }

        100% {
          opacity: 1;
        }

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


    @keyframes animation-eFxita {
        0% {
          opacity: 1;
        }

        0% {
          translate: 0 0 0;
        }

        50% {
          opacity: 0;
        }

        50% {
          translate: 0px 150px 0;
        }

        51% {
          opacity: 0;
        }

        51% {
          translate: 50px 0px 0;
        }

        100% {
          opacity: 1;
        }

        100% {
          translate: 0px;
        }
    }

    .generated-images-module-v2\:XF2h_1NGKTkZgFzgjjQHY {
      width:fit-content;
      height:fit-content;
    }

    .bcgwDK {
      width:100%;
      cursor:pointer;
      height:fit-content;
    }

    .bcgwDK.unavailable_to_click {
      cursor:wait;
    }

    .ddIoOw {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      flex-grow:1;
      column-gap:var(--spacing-2xl);
      flex-basis:0%;
      overflow-x:visible;
      overflow-y:visible;
      align-items:center;
      flex-shrink:1;
      flex-direction:column;
      justify-content:flex-start;
    }

    .ddIoOw.fade_begin {
      animation:150ms ease var(--delay) 1 normal forwards running animation-diizqv;
    }

    .ddIoOw.fade_end {
      animation:150ms ease var(--delay) 1 normal backwards running animation-diMMIZ;
    }


    @keyframes animation-diizqv {
        0% {
          opacity: 1;
        }

        100% {
          opacity: 0;
        }
    }

    .deDqIm {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
      overflow-x:visible;
      overflow-y:visible;
      align-items:flex-start;
      flex-direction:row;
      justify-content:center;
    }

    .eLFFCe {
      color:var(--sl-color-neutral-600);
      display:inline-block;
    }

    .generated-images-module-v2\:gs0kRkrCqMSdGZapskt5x {
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .itJDF {
      top:-2px;
      width:fit-content;
      height:fit-content;
    }

    .bnfvAV {
      width:fit-content;
      height:fit-content;
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:12px;
      padding-left:12px;
      padding-right:12px;
      padding-bottom:12px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .cxoOGx {
      flex:1;
      width:100%;
      height:100%;
      max-width:100%;
      max-height:58vh;
      object-fit:cover;
      overflow-x:hidden;
      overflow-y:hidden;
      aspect-ratio:3/4;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .cxoOGx.animation_previous {
      animation:300ms ease 0ms 1 normal forwards running animation-dQndNK;
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .cxoOGx.animation_next {
      animation:300ms ease 0ms 1 normal forwards running animation-btEfLS;
    }

    .cxoOGx.animation_delete {
      animation:300ms ease 0ms 1 normal forwards running animation-ZeDxU;
    }

    @keyframes animation-ZeDxU {
        0% {
          opacity: 1;
        }

        0% {
          scale: 1 1 1;
        }

        50% {
          scale: 50% 50% 1;
        }

        50.05576800509879% {
          opacity: 0;
        }

        51% {
          scale: 1 1 1;
        }

        51% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }

        100% {
          scale: 1 1 1;
        }
    }



    .bjpTlK {
      width:100%;
      height:fit-content;
      box-shadow:var(--shadow-lg-out-1-x) var(--shadow-lg-out-1-y) var(--shadow-lg-out-1-blur) var(--shadow-lg-out-1-spread) var(--shadow-lg-out-1), var(--shadow-lg-out-2-x) var(--shadow-lg-out-2-y) var(--shadow-lg-out-2-blur) var(--shadow-lg-out-2-spread) var(--shadow-lg-out-2), var(--shadow-lg-out-3-x) var(--shadow-lg-out-3-y) var(--shadow-lg-out-3-blur) var(--shadow-lg-out-3-spread) var(--shadow-lg-out-3);
      overflow-x:hidden;
      overflow-y:hidden;
      border-color:var(--border-primary);
      border-style:solid;
      border-width:1px;
      border-top-left-radius:var(--radius-4xl);
      border-top-right-radius:var(--radius-4xl);
      border-bottom-left-radius:var(--radius-4xl);
      border-bottom-right-radius:var(--radius-4xl);
    }

    .dzYeXL {
      color:var(--text-brand-secondary);
      width:100%;
      height:fit-content;
      display:inline;
      font-size:var(--text-xs);
      text-align:center;
      transition:color 300ms ease;
      font-family:"Inter";
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_xs);
    }

    .dzYeXL.hover {
      color:var(--text-brand-secondary_hover);
    }

    .cBMmQb {
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      padding-top:12px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:row;
      padding-bottom:12px;
      justify-content:flex-end;
    }

    .dWUsUN {
      width:fit-content;
      height:fit-content;
      padding-top:5px;
      padding-left:5px;
      padding-right:2px;
      padding-bottom:5px;
    }

    .bqxChu {
      width:0px;
      height:0px;
      opacity:0;
      position:absolute;
    }

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

    @keyframes animation-KYFIJ {
        0% {
          opacity: 1;
        }

        0% {
          scale: 1 1 1;
        }

        50% {
          scale: 50% 50% 1;
        }

        50% {
          opacity: 0;
        }

        51% {
          opacity: 0;
        }

        51% {
          scale: 50% 50% 1;
        }

        100% {
          opacity: 1;
        }

        100% {
          scale: 1 1 1;
        }
    }


    @keyframes animation-gefLf {
        0% {
          opacity: 1;
        }

        0% {
          translate: 0 0 0;
        }

        100% {
          opacity: 0;
        }

        100% {
          translate: 0 50px 0;
        }
    }



    .v2-product-personalizer\:OvfdANlZPoSC6xDPm6w11 {
      top:4px;
      width:fit-content;
      z-index:5;
      position:absolute;
      box-shadow:var(--shadow-3xl-out-1-x) var(--shadow-3xl-out-1-y) var(--shadow-3xl-out-1-blur) var(--shadow-3xl-out-1-spread) var(--shadow-3xl-out-1), var(--shadow-3xl-out-2-x) var(--shadow-3xl-out-2-y) var(--shadow-3xl-out-2-blur) var(--shadow-3xl-out-2-spread) var(--shadow-3xl-out-2);
    }

    .cfFvic {
      top:3px;
      flex:1;
      height:fit-content;
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
    }

    .cBHGnr {
      width:100%;
      cursor:default;
      height:100%;
      box-shadow:5px -5px 9px 0px var(--grey-100) inset;
    }

    .bxsyDV {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-md);
      column-gap:var(--spacing-md);
      overflow-x:visible;
      overflow-y:visible;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .bxsyDV.fade_begin {
      animation:150ms ease var(--delay) 1 normal forwards running animation-diizqv;
    }

    .bxsyDV.fade_end {
      animation:150ms ease var(--delay) 1 normal backwards running animation-diMMIZ;
    }


    .faxgan {
      width:100%;
      height:fit-content;
      overflow-x:visible;
      overflow-y:visible;
    }

    .v2-product-personalizer\:SJtZZ5ACk8EJQhw84dW1C {
      width:100%;
      height:100%;
    }

    .eMQsel {
      top:-1169px;
      left:-873px;
      position:absolute;
    }

    .bFYcwc {
      color:var(--text-primary);
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-medium);
      line-height:var(--line_height-text_md);
    }

    .dpUlCJ {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xl);
      background:var(--bg-primary);
      column-gap:var(--spacing-xl);
      align-items:center;
      padding-top:var(--spacing-xl);
      border-color:var(--border-secondary);
      border-style:solid;
      border-width:1px;
      padding-left:var(--spacing-xl);
      padding-right:var(--spacing-xl);
      flex-direction:row;
      padding-bottom:var(--spacing-xl);
      justify-content:center;
      border-top-left-radius:var(--radius-sm);
      border-top-right-radius:var(--radius-sm);
      border-bottom-left-radius:var(--radius-sm);
      border-bottom-right-radius:var(--radius-sm);
    }

    .bYNAtB {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      flex-wrap:wrap;
      max-width:250px;
      column-gap:var(--spacing-2xl);
      align-items:center;
      padding-top:var(--spacing-4xl);
      flex-direction:row;
      justify-content:center;
    }

    .bwdlOZ {
      color:inherit;
      width:100%;
      cursor:pointer;
      height:fit-content;
      display:inline-block;
      font-size:inherit;
      background:var(--bg-secondary);
      max-height:1000px;
      transition:background 300ms ease;
      flex-shrink:1;
      font-family:inherit;
      font-weight:inherit;
      padding-top:var(--spacing-3xl);
      padding-left:var(--spacing-3xl);
      padding-right:var(--spacing-3xl);
      flex-direction:row;
      padding-bottom:var(--spacing-3xl);
      border-top-left-radius:var(--radius-2xl);
      border-top-right-radius:var(--radius-2xl);
      border-bottom-left-radius:var(--radius-2xl);
      border-bottom-right-radius:var(--radius-2xl);
    }

    .bwdlOZ.closed {
      width:100%;
      height:fit-content;
    }

    .bwdlOZ.hover {
      background:var(--bg-secondary_hover);
    }

    .bwdlOZ:hover {
      background:var(--bg-secondary_hover);
    }

    .cutgYy {
      color:var(--text-secondary);
      display:flex;
      overflow:hidden;
      font-size:var(--text-md);
      min-height:0px;
      text-align:left;
      flex-shrink:1;
      font-family:"Inter";
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
      flex-direction:column;
    }

    .bbAyQG {
      color:inherit;
      display:grid;
      opacity:1;
      font-size:inherit;
      margin-top:var(--spacing-xs);
      transition:grid-template-rows 300ms ease, margin-top 300ms ease, opacity 300ms ease;
      flex-shrink:1;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-rows:1fr;
    }

    .bbAyQG.closed {
      opacity:0;
      margin-top:0px;
      pointer-events:none;
      grid-template-rows:0fr;
    }

    .bmeZgP {
      color:var(--text-primary);
      height:fit-content;
      display:inline;
      font-size:var(--text-md);
      text-align:left;
      font-family:"Inter";
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_md);
    }

    .bmeZgP.hover {
      color:var(--text-primary);
    }

    .doFYrw {
      color:inherit;
      width:100%;
      display:flex;
      overflow:hidden;
      font-size:inherit;
      flex-shrink:1;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .blsNCT {
      width:10px;
      height:2px;
      rotate:0 0 1 90deg;
      position:absolute;
      background:var(--fg-quaternary);
      transition:background 300ms ease  , rotate 300ms ease;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .blsNCT.hover {
      width:10px;
      height:2px;
      rotate:0 0 1 90deg;
      position:absolute;
      background:var(--fg-quaternary_hover);
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .blsNCT.opened {
      rotate:0 0 1 130deg;
    }

    .cONlfi {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xl);
      column-gap:var(--spacing-xl);
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .UznqQ {
      width:10px;
      height:2px;
      background:var(--fg-quaternary);
      transition:background 300ms ease  , rotate 300ms ease;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .UznqQ.hover {
      width:10px;
      height:2px;
      background:var(--fg-quaternary_hover);
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .UznqQ.opened {
      rotate:0 0 1 50deg;
    }

    .bOpsmi {
      width:24px;
      height:24px;
      display:flex;
      transition:border-color 300ms ease;
      align-items:center;
      border-color:var(--fg-quaternary);
      border-style:solid;
      border-width:2px;
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .bOpsmi.hover {
      width:24px;
      height:24px;
      display:flex;
      align-items:center;
      border-color:var(--fg-quaternary_hover);
      border-style:solid;
      border-width:2px;
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .cSNYwV {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-sm);
      column-gap:var(--spacing-sm);
      flex-direction:column;
      padding-bottom:var(--spacing-4xl);
    }

    .v2-product-personalizer\:acqnPrreteCasSVP47cy5 {
      width:100%;
    }

    .v2-product-personalizer\:cWsf9Fy997kj_nqptMjjw {
      top:4px;
      width:fit-content;
      height:fit-content;
      z-index:5;
      position:sticky;
      max-width:100%;
    }

    .kSCvK {
      flex:1;
      width:auto;
      cursor:pointer;
      height:auto;
      display:flex;
      max-width:32%;
      min-width:25%;
      background:var(--gray-100);
      align-items:center;
      aspect-ratio:2/3;
      justify-content:center;
      border-top-left-radius:var(--radius-xl);
      border-top-right-radius:var(--radius-xl);
      border-bottom-left-radius:var(--radius-xl);
      border-bottom-right-radius:var(--radius-xl);
    }

    .kSCvK.selected {
      box-shadow:0px 0px 0px 4px var(--border-brand_alt);
      outline-color:var(--bg-primary);
      outline-style:solid;
      outline-width:2px;
    }

    .caXgfs {
      width:100%;
      height:auto;
      background:var(--bg-secondary);
      aspect-ratio:2/3;
      border-top-left-radius:var(--radius-lg);
      border-top-right-radius:var(--radius-lg);
      border-bottom-left-radius:var(--radius-lg);
      border-bottom-right-radius:var(--radius-lg);
    }

    .Vtlts {
      width:100%;
      position:absolute;
    }

    .efMBTa {
      flex:1;
      width:100%;
      height:90svh;
      display:flex;
      row-gap:var(--spacing-2xl);
      column-gap:var(--spacing-2xl);
      max-height:90vh;
      min-height:90svh;
      overflow-x:visible;
      overflow-y:visible;
      align-items:center;
      justify-content:flex-start;
      border-top-left-radius:var(--radius-4xl);
      border-top-right-radius:var(--radius-4xl);
      border-bottom-left-radius:var(--radius-4xl);
      border-bottom-right-radius:var(--radius-4xl);
    }

    .bJhOSW {
      color:var(--text-primary);
      width:fit-content;
      height:fit-content;
      font-size:var(--softie-display-xl);
      font-family:var(--ohnosoftie);
      font-weight:bold;
      line-height:var(--softie-line_height-display_lg);
    }

    @media (max-width: 769px) {

    .bJhOSW {
      width:fit-content;
      height:fit-content;
      font-size:var(--softie-display-lg);
      font-family:var(--ohnosoftie);
      font-weight:bold;
      line-height:var(--softie-line_height-display_md);
    }
    }

    @media (max-width: 376px) {

    .bJhOSW {
      width:fit-content;
      height:fit-content;
      font-size:var(--softie-display-md);
      font-family:var(--ohnosoftie);
      font-weight:bold;
      line-height:var(--softie-line_height-display_sm);
    }
    }

    .v2-product-personalizer\:eVXMeyZemOkV4IxYtdfyf {
      width:100%;
    }

    .v2-product-personalizer\:ebWmsOYzalcXbJV5OcauI {
      display:flex;
      row-gap:var(--spacing-2xl);
      column-gap:var(--spacing-2xl);
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
      border-top-left-radius:3rem;
      border-top-right-radius:3rem;
      border-bottom-left-radius:3rem;
      border-bottom-right-radius:3rem;
    }

    .v2-product-personalizer\:f9XioAycJSKcEiHqJz6rR {
      top:4px;
      width:fit-content;
      z-index:5;
      position:absolute;
      box-shadow:var(--shadow-3xl-out-1-x) var(--shadow-3xl-out-1-y) var(--shadow-3xl-out-1-blur) var(--shadow-3xl-out-1-spread) var(--shadow-3xl-out-1), var(--shadow-3xl-out-2-x) var(--shadow-3xl-out-2-y) var(--shadow-3xl-out-2-blur) var(--shadow-3xl-out-2-spread) var(--shadow-3xl-out-2);
    }

    .PvuFh {
      top:3px;
      flex:1;
      width:auto;
      height:fit-content;
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
    }

    .eSZbFo {
      width:100%;
      display:flex;
      row-gap:var(--spacing-xl);
      max-width:var(--width-xl);
      background:var(--bg-primary);
      column-gap:var(--spacing-xl);
      align-items:center;
      padding-top:var(--spacing-xl);
      border-color:var(--border-secondary);
      border-style:solid;
      border-width:1px;
      padding-left:var(--spacing-xl);
      padding-right:var(--spacing-xl);
      flex-direction:column;
      padding-bottom:var(--spacing-xl);
      justify-content:flex-start;
      border-top-left-radius:var(--radius-4xl);
      border-top-right-radius:var(--radius-4xl);
      border-bottom-left-radius:var(--radius-4xl);
      border-bottom-right-radius:var(--radius-4xl);
    }

    .ddDTml {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-4xl);
      max-width:100%;
      column-gap:var(--spacing-4xl);
      overflow-x:visible;
      overflow-y:visible;
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    @media (max-width: 330px) {

    .ddDTml {
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
    }
    }

    .eWtkns {
      width:100%;
      height:100%;
      display:flex;
      object-fit:cover;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .eaESMY {
      width:100%;
      height:fit-content;
      display:flex;
      position:absolute;
      align-items:center;
      padding-top:var(--spacing-5xl);
      padding-bottom:var(--spacing-5xl);
      justify-content:flex-start;
    }

    .dyTtdA {
      display:flex;
      row-gap:var(--spacing-md);
      column-gap:var(--spacing-md);
      flex-direction:row;
    }

    .bdyskV {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-4xl);
      column-gap:var(--spacing-4xl);
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .eVYbkN {
      width:100%;
      height:100%;
      display:flex;
      row-gap:var(--spacing-lg);
      flex-wrap:wrap;
      column-gap:var(--spacing-lg);
      overflow-x:visible;
      overflow-y:auto;
      align-items:flex-start;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:flex-start;
    }

    .eZVbzi {
      width:100%;
      height:fit-content;
      display:flex;
      background:var(--bg-secondary);
      transition:background 300ms ease;
      align-items:center;
      justify-content:flex-start;
    }

    .eZVbzi.focus {
      animation:300ms ease 0ms 1 normal none running animation-bKKrXZ;
    }

    .EDesm {
      flex:1 1 0%;
      width:100%;
      height:100%;
      background:var(--gray-25);
      min-height:0px;
      transition:background 300ms ease;
      padding-top:4px;
      border-color:var(--border-secondary);
      border-style:solid;
      border-width:1px;
      padding-left:4px;
      padding-right:4px;
      padding-bottom:4px;
      border-top-left-radius:var(--radius-2xl);
      border-top-right-radius:var(--radius-2xl);
      border-bottom-left-radius:var(--radius-2xl);
      border-bottom-right-radius:var(--radius-2xl);
    }

    .aALKu {
      flex:1;
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xs);
      font-size:inherit;
      column-gap:var(--spacing-xs);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

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

    .v2-product-personalizer\:omk_x7wzZ9uXeMSPUADub {
      display:flex;
      z-index:2;
      overflow-x:visible;
      overflow-y:visible;
      align-items:flex-end;
      flex-direction:row;
      justify-content:center;
    }

    @media (max-width: 769px) {

    .v2-product-personalizer\:omk_x7wzZ9uXeMSPUADub {
      display:flex;
      flex-direction:column;
    }
    }

    .eyMCSc {
      flex:1;
      width:100%;
      height:100%;
      display:flex;
      row-gap:var(--spacing-sm);
      column-gap:var(--spacing-sm);
      overflow-x:hidden;
      overflow-y:hidden;
      flex-direction:column;
    }

    .dgHNjU {
      width:75px;
      cursor:pointer;
      height:auto;
      display:flex;
      background:var(--bg-tertiary);
      overflow-x:visible;
      overflow-y:visible;
      align-items:center;
      aspect-ratio:3/4;
      justify-content:center;
      border-top-left-radius:var(--radius-md);
      border-top-right-radius:var(--radius-md);
      border-bottom-left-radius:var(--radius-md);
      border-bottom-right-radius:var(--radius-md);
    }

    .dgHNjU.unavailable_to_click {
      cursor:wait;
    }

    .dgHNjU.selected {
      box-shadow:0px 0px 0px 4px var(--border-brand_alt);
      outline-color:#ffffff;
      outline-style:solid;
      outline-width:2px;
    }

    @keyframes animation-cddIZv {
        0% {
          opacity: 1;
        }

        0% {
          translate: 0 0 0;
        }

        100% {
          opacity: 0;
        }

        100% {
          translate: 0px 50px 0;
        }
    }

    .v2-product-personalizer\:quwpdBodDbry2TUmD7ef7 {
      padding-top:var(--spacing-7xl);
      padding-bottom:var(--spacing-7xl);
    }

    .sBiuX {
      width:100%;
      height:2px;
      max-width:250px;
      background:var(--bg-tertiary);
    }

    .enZcsa {
      color:var(--text-secondary);
      width:auto;
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
    }

    .v2-product-personalizer\:s3tpoPW4N0oqvbI8dh5RB {
      top:4px;
      width:fit-content;
      height:fit-content;
      z-index:5;
      position:sticky;
      max-width:100%;
    }

    .bfenWz {
      width:100%;
      height:100%;
      opacity:0;
      position:absolute;
      transition:opacity 300ms ease;
    }

    .bfenWz.ready {
      opacity:1;
    }

    .dutBZf {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xs);
      font-size:inherit;
      column-gap:var(--spacing-xs);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bErewQ {
      flex:1;
      width:100%;
      height:fit-content;
      display:flex;
      font-size:var(--text-md);
      text-align:left;
      font-family:"Inter";
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
    }

    .ui-menu-copy\:root {
      z-index:50;
      background:white;
      padding-top:0px;
      padding-left:unset;
      padding-right:unset;
      padding-bottom:unset;
    }

    .ui-menu-copy\:-p3tWe50PKgWQOI-pEUAq {
      width:100%;
    }

    .eyRjJZ {
      color:var(--text-primary);
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_md);
    }

    .wFzOI {
      width:100%;
      cursor:pointer;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bmlxwJ {
      width:fit-content;
      cursor:pointer;
      height:fit-content;
      display:flex;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:flex-end;
      touch-action:;
      flex-direction:row;
      justify-content:center;
      -webkit-tap-highlight-color:transparent;
    }

    .feliuj {
      left:40%;
      width:100%;
      height:100%;
      opacity:0;
      position:relative;
      translate:-40% 0 0;
      background:linear-gradient(in oklch to right, yellow 0%, blue 36%, deeppink 66%, darkorange 100%) scroll border-box padding-box no-repeat no-repeat center top / cover;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:all 300ms ease;
    }

    .feliuj.hover {
      left:40%;
      width:100%;
      height:100%;
      opacity:1;
      position:relative;
      animation:1s linear 0ms infinite normal none running animation-crkQiR;
      translate:-40% 0 0;
      background:linear-gradient(in oklab to right, var(--yellow-400) 0%, var(--blue_light-500) 36%, var(--fuchsia-500) 66%, var(--orange-500) 100%) scroll padding-box border-box no-repeat no-repeat center top / cover;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:opacity 300ms ease;
    }

    @keyframes animation-crkQiR {
        0% {
          translate: -40%;
        }

        100% {
          translate: -140% 0 0;
        }
    }

    .yyLMr {
      color:var(--text-primary);
      width:fit-content;
      cursor:pointer;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xxs);
      column-gap:var(--spacing-xxs);
      align-items:flex-start;
      padding-top:var(--spacing-xs);
      user-select:;
      padding-left:var(--spacing-sm);
      padding-right:var(--spacing-sm);
      flex-direction:row;
      padding-bottom:var(--spacing-xs);
      justify-content:center;
      -webkit-user-select:none;
    }

    .elqaVi {
      width:100%;
      height:3px;
      display:flex;
      opacity:0;
      position:absolute;
      box-shadow:var(--shadow-md-out-1-x) var(--shadow-md-out-1-y) var(--shadow-md-out-1-blur) var(--shadow-md-out-1-spread) var(--shadow-md-out-1), var(--shadow-md-out-2-x) var(--shadow-md-out-2-y) var(--shadow-md-out-2-blur) var(--shadow-md-out-2-spread) var(--shadow-md-out-2);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:all 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .elqaVi.hover {
      width:100%;
      height:3px;
      display:flex;
      opacity:1;
      position:absolute;
      background:#ffffff94;
      box-shadow:var(--shadow-md-out-1-x) var(--shadow-md-out-1-y) var(--shadow-md-out-1-blur) var(--shadow-md-out-1-spread) var(--shadow-md-out-1), var(--shadow-md-out-2-x) var(--shadow-md-out-2-y) var(--shadow-md-out-2-blur) var(--shadow-md-out-2-spread) var(--shadow-md-out-2);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:all 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .defuJR {
      left:40%;
      width:100%;
      height:100%;
      opacity:0;
      position:relative;
      translate:-40% 0 0;
      background:linear-gradient(in oklch to right, yellow 0%, blue 36%, deeppink 66%, darkorange 100%) scroll padding-box border-box no-repeat no-repeat center top / cover;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:all 300ms ease;
    }

    .defuJR.hover {
      left:40%;
      width:100%;
      height:100%;
      opacity:1;
      position:relative;
      animation:1s linear 0ms infinite normal none running animation-crkQiR;
      translate:-40% 0 0;
      background:linear-gradient(in oklab to right, var(--yellow-400) 0%, var(--blue_light-500) 36%, var(--fuchsia-500) 66%, var(--orange-500) 100%) scroll padding-box border-box no-repeat no-repeat center top / cover;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:opacity 300ms ease;
    }

    .BrxhF {
      width:110%;
      height:100%;
      display:flex;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .cauzRo {
      color:var(--text-primary);
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_md);
      padding-left:var(--spacing-xxs);
      padding-right:var(--spacing-xxs);
    }

    .czVjDP {
      width:110%;
      height:110%;
      opacity:1;
      position:absolute;
      background:#ffffff03;
      overflow-x:hidden;
      overflow-y:hidden;
      backdrop-filter:blur(10px);
    }

    .ui-menu-copy\:0pwFzK7zNM55nZKvBOaMZ {
      width:fit-content;
      height:fit-content;
    }

    .eXdhoZ {
      background:white;
      font-family:"Inter";
    }

    .bhXCRp {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-sm);
      {"type":"formula","formula":{"type":"switch","cases":[{"formula":{"type":"value","value":"Oui"},"condition":{"name":"@toddle/get","type":"function","arguments":[{"name":"Object","type":{"type":"Array \\| Object \\| String"},"formula":{"path":["ListItem","Item"],"type":"path"}},{"name":"Path","type":{"type":"Array<String> \\| Number \\| String"},"formula":{"type":"value","value":"transparent"}}],"display_name":"Get"}}],"default":{"type":"value","value":"Non"}}};
      column-gap:var(--spacing-sm);
      align-items:flex-start;
      flex-direction:column;
      justify-content:center;
    }

    .cloiEG {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

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

    .cbkRwg {
      display:inline;
      font-size:var(--text-sm);
      font-family:"Inter";
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_sm);
    }

    .cSeaOV {
      width:161px;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      column-gap:var(--spacing-2xl);
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    @media (max-width: 350px) {

    .cSeaOV {
      width:100%;
    }
    }

    .eBEMVg {
      display:inline;
      font-size:var(--text-sm);
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_sm);
    }

    .eroAUt {
      width:fit-content;
      height:fit-content;
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_md);
    }

    .cart-content\:8zD3ofczX7HyeheUiss98 {
      width:100%;
      height:5px;
    }

    .BnuSS {
      flex:1;
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-sm);
      column-gap:var(--spacing-sm);
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .cSYahA {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
      flex-direction:row;
    }

    @media (max-width: 350px) {

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

    .gqtjd {
      width:100%;
      height:fit-content;
      display:none;
      row-gap:var(--spacing-xxs);
      column-gap:var(--spacing-xxs);
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    @media (max-width: 350px) {

    .gqtjd {
      display:flex;
    }
    }

    .eLTYNW {
      flex:1;
      width:100%;
      height:fit-content;
    }

    .ceRoXx {
      width:fit-content;
      height:fit-content;
      display:inline;
      font-size:var(--text-sm);
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_sm);
    }

    .NuQse {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--letter_spacing-display_2xl);
      column-gap:var(--letter_spacing-display_2xl);
      padding-top:var(--top_spacing);
      padding-left:var(--spacing-sm);
      padding-right:var(--spacing-sm);
      flex-direction:column;
      padding-bottom:var(--spacing-2xl);
    }

    .boXrBi {
      flex:1;
      width:fit-content;
      height:fit-content;
      display:inline;
      font-size:var(--text-md);
      text-align:left;
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:var(--line_height-text_md);
    }

    .cart-content\:J8ykfIRZrjoJPhFtlW9Nj {
      top:3px;
      position:absolute;
    }

    .bpuTmD {
      width:100%;
      display:flex;
      row-gap:var(--spacing-xs);
      column-gap:var(--spacing-xs);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .fHteta {
      color:var(--text-primary);
      font-size:var(--text-lg);
      font-family:"Inter";
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_lg);
    }

    .csJoVa {
      color:var(--text-primary);
      width:fit-content;
      height:fit-content;
      display:inline;
      font-size:var(--text-xs);
      text-wrap:balance;
      text-align:center;
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_xs);
    }

    .bGSABX {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .fiagjY {
      width:15px;
      height:15px;
      display:flex;
      background:var(--bg_color);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      border-color:var(--grey-300);
      border-style:solid;
      border-width:1px;
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .dFGuwD {
      width:fit-content;
      height:fit-content;
      display:inline;
      font-size:var(--text-xs);
      font-family:"Inter";
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_xs);
    }

    .cbpdgP {
      color:var(--text-primary);
      width:100%;
      display:flex;
      row-gap:24px;
      column-gap:24px;
      flex-direction:column;
    }

    .GiOMm {
      margin:var(--spacing) 0;
      display:block;
      border-top:solid var(--width) var(--color);
    }

    .cart-content\:UwAbpgCrunFNJ3OjSz1if {
      left:0px;
      width:100%;
      bottom:-2rem;
      height:1px;
      position:absolute;
    }

    .dvsrZO {
      width:fit-content;
      height:fit-content;
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-medium);
      line-height:var(--line_height-text_md);
    }

    .boGlrw {
      display:flex;
      row-gap:var(--spacing-xxs);
      column-gap:var(--spacing-xxs);
      flex-direction:column;
    }

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

    .dXdcSX {
      width:100%;
      font-family:inherit;
    }

    .cart-content\:_nvBbAsLeGa4LpFLZ-aci {
      flex:1;
      width:100%;
      height:fit-content;
    }

    .ejIVWb {
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
    }

    .cFfBZY {
      width:0px;
      height:0px;
      object-fit:cover;
    }




    .cnkyaf {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      display:flex;
      row-gap:var(--spacing-4xl);
      position:absolute;
      column-gap:var(--spacing-4xl);
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .eVPJcR {
      color:var(--text-primary);
      width:fit-content;
      height:fit-content;
      font-size:var(--text-xs);
      text-align:center;
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_xs);
    }

    .cart-content\:kAOYYpd3QB2NWFTMyGXes {
      flex:1;
      width:100%;
      height:fit-content;
    }

    .eRlkzx {
      width:fit-content;
      cursor:zoom-in;
      height:fit-content;
      max-width:100%;
      max-height:190px;
      object-fit:contain;
      border-top-left-radius:var(--radius-lg);
      border-top-right-radius:var(--radius-lg);
      border-bottom-left-radius:var(--radius-lg);
      border-bottom-right-radius:var(--radius-lg);
    }

    .eRlkzx.mockup_loading {
      cursor:progress;
      opacity:0;
    }

    .fDpNhB {
      font-size:var(--text-sm);
      font-family:"Inter";
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_sm);
    }

    .bQHLVK {
      flex:1;
      width:fit-content;
      height:fit-content;
      display:inline;
      font-size:var(--text-md);
      text-wrap:balance;
      text-align:left;
      font-family:Inter;
      font-weight:var(--font-weight-bold);
      line-height:var(--line_height-text_md);
    }

    .drupXx {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-sm);
      background:var(--bg-secondary);
      column-gap:var(--spacing-sm);
      align-items:flex-start;
      padding-top:var(--spacing-lg);
      padding-left:var(--spacing-md);
      outline-color:var(--border-secondary);
      outline-style:solid;
      outline-width:1px;
      padding-right:var(--spacing-md);
      flex-direction:column;
      padding-bottom:var(--spacing-lg);
      justify-content:flex-start;
      border-top-left-radius:var(--radius-xl);
      border-top-right-radius:var(--radius-xl);
      border-bottom-left-radius:var(--radius-xl);
      border-bottom-right-radius:var(--radius-xl);
    }

    .ETwTe {
      width:fit-content;
      height:fit-content;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

    .lrfJY {
      color:var(--text-primary);
      display:flex;
      font-size:var(--text-xs);
      text-align:center;
      font-family:inherit;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_xs);
    }

    .eXgrFT {
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_md);
    }

    .eLPwbL {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xxs);
      column-gap:var(--spacing-xxs);
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    @media (max-width: 350px) {

    .eLPwbL {
      display:none;
    }
    }

    .bsumFw {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      background:var(--bg-secondary);
      column-gap:var(--spacing-lg);
      align-items:center;
      padding-top:var(--spacing-xs);
      border-color:var(--border-secondary);
      border-style:solid;
      border-width:1px;
      padding-left:var(--spacing-xs);
      padding-right:var(--spacing-xs);
      flex-direction:row;
      padding-bottom:var(--spacing-xs);
      justify-content:center;
      border-top-left-radius:var(--radius-xl);
      border-top-right-radius:var(--radius-xl);
      border-bottom-left-radius:var(--radius-xl);
      border-bottom-right-radius:var(--radius-xl);
    }

    .foAtOS {
      flex:0;
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-sm);
      {"type":"formula","formula":{"type":"switch","cases":[{"formula":{"type":"value","value":"Oui"},"condition":{"name":"@toddle/get","type":"function","arguments":[{"name":"Object","type":{"type":"Array \\| Object \\| String"},"formula":{"path":["ListItem","Item"],"type":"path"}},{"name":"Path","type":{"type":"Array<String> \\| Number \\| String"},"formula":{"type":"value","value":"transparent"}}],"display_name":"Get"}}],"default":{"type":"value","value":"Non"}}};
      column-gap:var(--spacing-sm);
      align-items:flex-start;
      flex-direction:column;
      justify-content:center;
    }

    .eFiDWs {
      color:var(--text-primary);
      width:100%;
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-medium);
      line-height:var(--line_height-text_md);
    }

    .ui-menu-copy\:4bfkZIDtUof9otX4gVyN_ {
      width:100%;
    }

    .dXnkCT {
      z-index:15;
      position:absolute;
    }

    .ui-menu-copy\:6mt3TU_SP3HVCdCgc15Ag {
      display:flex;
      row-gap:var(--spacing-sm);
      column-gap:var(--spacing-sm);
      align-items:center;
      padding-left:unset;
      padding-right:unset;
      flex-direction:row;
      justify-content:space-between;
    }

    @media (max-width: 400px) {

    .cXCVf {
      display:none;
    }
    }

    .eUEmd {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      column-gap:var(--spacing-2xl);
      align-items:center;
      padding-top:var(--spacing-2xl);
      flex-direction:column;
      padding-bottom:var(--spacing-2xl);
      justify-content:flex-start;
    }

    .bBHevb {
      width:fit-content;
      height:fit-content;
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .cNobat {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      background:var(--bg-primary);
      box-shadow:0px -2px 30px 5px #14141426;
      column-gap:var(--spacing-lg);
      align-items:center;
      padding-top:var(--spacing-lg);
      padding-left:var(--spacing-xl);
      padding-right:var(--spacing-xl);
      flex-direction:column;
      padding-bottom:var(--spacing-lg);
      justify-content:flex-start;
    }

    .ui-menu-copy\:DJqYOmiflLzzdqE1sKSiw {
      width:100%;
    }

    .fgysBJ {
      color:var(--text-primary);
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
    }

    .caozMk {
      flex:1;
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      min-width:0px;
      column-gap:var(--spacing-lg);
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .cZdOHe {
      z-index:10;
      position:absolute;
    }

    .cSzvvl {
      width:250px;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      column-gap:var(--spacing-2xl);
      flex-direction:column;
    }

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

    .ui-menu-copy\:JURCMOt1d9BM8oeRpwvdq {
      width:100%;
    }

    .txtLK {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-sm);
      flex-wrap:wrap;
      column-gap:var(--spacing-sm);
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .ui-menu-copy\:JrDnxehM943erxacTiJIM {
      width:100%;
    }

    .pkGtf {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xs);
      column-gap:var(--spacing-xs);
      flex-direction:column;
    }

    .ui-menu-copy\:KTt4i4ksgAm1M-uv_vRfg {
      width:100%;
    }

    .ui-menu-copy\:KkiMSv15EnQyZizfLAHnU {
      top:80px;
    }

    .faPwHE {
      width:100%;
      height:2px;
      background:var(--border-secondary);
    }

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

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

    .fskkHO {
      width:auto;
      height:100%;
    }

    .sBMzY {
      width:250px;
      cursor:help;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .Fdbzq {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-sm);
      column-gap:var(--spacing-sm);
      flex-direction:column;
    }

    .AYWqq {
      width:32px;
      height:32px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .edcQrE {
      color:var(--text-primary);
      width:fit-content;
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_md);
    }

    .ui-menu-copy\:W8IXjl83edTuYxEoC0MMJ {
      z-index:3;
    }

    @media (max-width: 769px) {

    .ui-menu-copy\:W8IXjl83edTuYxEoC0MMJ {
      display:none;
    }
    }

    .ui-menu-copy\:Wy9y_t87rhxWZUKf6rf4y {
      width:100%;
    }

    .elkiAy {
      flex:1;
      width:fit-content;
      display:flex;
      row-gap:var(--spacing-xs);
      min-width:fit-content;
      column-gap:var(--spacing-xs);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    @media (max-width: 769px) {

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

    .ZPVPz {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xxs);
      flex-wrap:wrap;
      column-gap:var(--spacing-xxs);
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .TtzKt {
      flex:1;
      display:none;
    }

    @media (max-width: 769px) {

    .TtzKt.mobile_menu_icon {
      flex:1;
      display:flex;
    }
    }

    .ebviWF {
      width:fit-content;
      height:fit-content;
      display:flex;
      background:var(--blue_light-600);
      align-items:center;
      padding-top:var(--spacing-xxs);
      border-color:var(--border-primary);
      border-style:solid;
      border-width:1px;
      padding-left:var(--spacing-sm);
      padding-right:var(--spacing-sm);
      padding-bottom:var(--spacing-xxs);
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .ewxbWJ {
      color:var(--text-white);
      display:inline;
      font-size:var(--text-xs);
      font-family:Inter;
      font-weight:var(--font-weight-medium);
      line-height:var(--line_height-text_xs);
    }

    .ui-menu-copy\:ZTzrSZD_CYbk2yoYxfx7D {
      top:-10px;
      left:18px;
      z-index:1;
      position:absolute;
      padding-left:7px;
      padding-right:7px;
    }

    .hXJiU {
      width:250px;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      column-gap:var(--spacing-2xl);
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .enkrGa {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      column-gap:var(--spacing-2xl);
      padding-top:var(--spacing-2xl);
      flex-direction:column;
      padding-bottom:var(--spacing-2xl);
    }

    .fgoMff {
      width:auto;
      height:auto;
      max-width:90vw;
      max-height:75vh;
    }



    .bFfdUE {
      flex:1;
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xs);
      min-width:fit-content;
      column-gap:var(--spacing-xs);
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    @media (max-width: 769px) {

    .bFfdUE {
      display:none;
    }
    }

    .ui-menu-copy\:d1S5KWcIqBHVffodB4MEH {
      width:fit-content;
      height:fit-content;
    }

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

    .cIuyiw {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xl);
      column-gap:var(--spacing-xl);
      align-items:center;
      padding-top:var(--spacing-lg);
      padding-left:var(--spacing-lg);
      padding-right:var(--spacing-lg);
      flex-direction:row;
      padding-bottom:var(--spacing-lg);
      justify-content:flex-start;
      border-top-left-radius:var(--radius-2xl);
      border-top-right-radius:var(--radius-2xl);
      border-bottom-left-radius:var(--radius-2xl);
      border-bottom-right-radius:var(--radius-2xl);
    }

    .WaaYo {
      top:-3px;
      right:-3px;
      width:6px;
      height:6px;
      position:absolute;
      background:var(--green-400);
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

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

    .fwVvQV {
      flex:1;
      color:var(--text-secondary);
      width:fit-content;
      height:fit-content;
      display:inline;
      font-size:var(--text-xs);
      text-align:center;
      font-family:Inter;
      font-weight:var(--font-weight-medium);
      line-height:var(--line_height-text_xs);
    }

    .eKAphr {
      color:var(--text-primary);
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-2xl);
      font-size:var(--text-md);
      background:white;
      column-gap:var(--spacing-2xl);
      align-items:center;
      font-family:"Inter";
      font-weight:var(--font-weight-regular);
      line-height:var(--line_height-text_md);
      justify-content:flex-start;
    }

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

    .fDiiPc {
      width:fit-content;
      cursor:pointer;
      height:fit-content;
      display:flex;
      border-color:var(--border-secondary);
      border-style:solid;
      border-width:1px;
      flex-direction:column;
      border-top-left-radius:var(--radius-xl);
      border-top-right-radius:var(--radius-xl);
      border-bottom-left-radius:var(--radius-xl);
      border-bottom-right-radius:var(--radius-xl);
    }

    .fDiiPc.selected {
      box-shadow:0px 0px 0px 4px var(--border-brand_alt);
      outline-color:var(--bg-primary);
      outline-style:solid;
      outline-width:2px;
    }

    .cSlIDA {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xs);
      column-gap:var(--spacing-xs);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .fmlHIV {
      display:flex;
      row-gap:var(--spacing-xs);
      column-gap:var(--spacing-xs);
      padding-top:var(--spacing-xl);
      padding-left:var(--spacing-xl);
      padding-right:var(--spacing-xl);
      flex-direction:column;
      padding-bottom:var(--spacing-xl);
    }

    .eCKAWm {
      width:20px;
      height:20px;
      display:flex;
      align-items:center;
      border-color:var(--border-primary);
      border-style:solid;
      border-width:1px;
      justify-content:center;
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .eCKAWm.selected {
      background:var(--border-brand_alt);
    }

    .aTCxZ {
      width:8px;
      height:8px;
      background:var(--bg-primary);
      border-top-left-radius:var(--radius-full);
      border-top-right-radius:var(--radius-full);
      border-bottom-left-radius:var(--radius-full);
      border-bottom-right-radius:var(--radius-full);
    }

    .dtvoze {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      column-gap:var(--spacing-lg);
      align-items:center;
      padding-top:var(--spacing-lg);
      padding-left:var(--spacing-lg);
      padding-right:var(--spacing-lg);
      flex-direction:row;
      padding-bottom:var(--spacing-lg);
      justify-content:flex-start;
      border-bottom-color:var(--border-secondary);
      border-bottom-style:solid;
      border-bottom-width:1px;
      border-top-left-radius:var(--radius-xl);
      border-top-right-radius:var(--radius-xl);
      border-bottom-left-radius:var(--radius-none);
      border-bottom-right-radius:var(--radius-none);
    }

    .cCcQPo {
      width:fit-content;
      height:fit-content;
      display:inline;
    }

    .bfTqBp {
      display:inline;
      font-size:inherit;
      text-align:left;
      font-family:inherit;
      font-weight:inherit;
    }

    .dwsgoW {
      width:32px;
      height:32px;
      display:flex;
      background:var(--bg-primary);
      box-shadow:var(--shadow-xs-skeu-in-1-x) var(--shadow-xs-skeu-in-1-y) var(--shadow-xs-skeu-in-1-blur) var(--shadow-xs-skeu-in-1-spread) var(--shadow-xs-skeu-in-1) inset, var(--shadow-xs-skeu-in-2-x) var(--shadow-xs-skeu-in-2-y) var(--shadow-xs-skeu-in-2-blur) var(--shadow-xs-skeu-in-2-spread) var(--shadow-xs-skeu-in-2) inset, var(--shadow-xs-skeu-out-x) var(--shadow-xs-skeu-out-y) var(--shadow-xs-skeu-out-blur) var(--shadow-xs-skeu-out-spread) var(--shadow-xs-skeu-out);
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--radius-sm);
      border-top-right-radius:var(--radius-sm);
      border-bottom-left-radius:var(--radius-sm);
      border-bottom-right-radius:var(--radius-sm);
    }

    .bmdODF {
      display:inline;
      font-size:inherit;
      text-align:left;
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
    }

    .nXXUf {
      display:inline;
      font-size:var(--display-xs);
      font-family:inherit;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-display_xs);
    }

    .TxuMX {
      flex:1;
      width:fit-content;
      height:fit-content;
    }

    .jetons-packs-dialog---content\:3tiUVlGZEGCRAmxGkLCI0 {
      flex:1;
      width:100%;
      height:100%;
    }

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

    .jetons-packs-dialog---content\:9jU3s5hdlx0z3iAeAZwLw {
      flex:1;
      width:100%;
      height:100%;
    }

    .bnQseT {
      top:-15px;
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-4xl);
      column-gap:var(--spacing-4xl);
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .bnQseT.message_not_visible {
      top:0px;
    }

    .cpCSTj {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xl);
      background:var(--bg-secondary_subtle);
      column-gap:var(--spacing-xl);
      align-items:center;
      padding-top:var(--spacing-xl);
      border-color:var(--border-secondary);
      border-style:solid;
      border-width:1px;
      padding-left:var(--spacing-xl);
      padding-right:var(--spacing-xl);
      flex-direction:row;
      padding-bottom:var(--spacing-xl);
      justify-content:center;
      border-top-left-radius:var(--radius-sm);
      border-top-right-radius:var(--radius-sm);
      border-bottom-left-radius:var(--radius-sm);
      border-bottom-right-radius:var(--radius-sm);
    }

    .bVvhYe {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-xl);
      flex-wrap:wrap;
      max-width:915px;
      column-gap:var(--spacing-xl);
      flex-direction:row;
    }

    @media (max-width: 915px) {

    .bVvhYe {
      display:flex;
      max-width:300px;
      flex-direction:column;
    }
    }

    .bHmRWk {
      display:flex;
      row-gap:var(--spacing-xs);
      column-gap:var(--spacing-xs);
      flex-direction:column;
    }

    .jetons-packs-dialog---content\:o14-B-SOTLIEiYfW7vGiU {
      flex:1;
      width:100%;
      height:100%;
    }

    .dEKBQD {
      width:fit-content;
      height:fit-content;
      font-size:var(--text-lg);
      font-family:Inter;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_lg);
    }

    @media (max-width: 769px) {

    .dEKBQD {
      width:fit-content;
      height:fit-content;
      font-size:var(--text-lg);
      font-family:Inter;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_lg);
    }
    }

    @media (max-width: 376px) {

    .dEKBQD {
      width:fit-content;
      height:fit-content;
      font-size:var(--text-lg);
      font-family:Inter;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_lg);
    }
    }

    .ui-menu-copy\:ozZ3fa44MF4uSX217Oy7E {
      line-height:inherit;
    }

    .dgyhih {
      color:var(--text-primary);
      width:100%;
      height:fit-content;
      display:inline;
      font-size:var(--text-md);
      font-family:Inter;
      font-weight:var(--font-weight-semi-bold);
      line-height:var(--line_height-text_md);
      padding-top:var(--spacing-lg);
      padding-bottom:var(--spacing-lg);
    }

    .ui-menu-copy\:pUV7pBwfPwAWg-Nq44VhB {
      z-index:5;
    }

    .ui-menu-copy\:pWieHDhFPnkrUt8-BCGyi {
      width:fit-content;
      height:fit-content;
    }

    .ui-menu-copy\:pzjPjUTdYnO4rfOsZVlUA {
      width:100%;
    }

    .ui-menu-copy\:rMAJULKoWiqCyXAECXWAc {
      width:fit-content;
      height:fit-content;
    }

    .eDOCiB {
      font-size:var(--softie-display-xs);
      font-family:var(--ohnosoftie);
      font-weight:bold;
      line-height:var(--softie-line_height-display_xs);
    }

    .ui-menu-copy\:tdZ06jLx2FLj2BCSILvF5 {
      width:100%;
    }

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

    .colbXT {
      width:100%;
      height:fit-content;
      display:flex;
      align-items:center;
      padding-top:var(--spacing-2xl);
      flex-direction:column;
      padding-bottom:var(--spacing-2xl);
      justify-content:flex-start;
    }

    .LcqaJ {
      width:fit-content;
      height:fit-content;
      display:flex;
      flex-direction:column;
    }

    .bxTKqZ {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-sm);
      background:var(--bg-secondary);
      column-gap:var(--spacing-sm);
      align-items:center;
      padding-top:var(--spacing-sm);
      border-color:var(--border-secondary);
      border-style:solid;
      border-width:1px;
      padding-left:var(--spacing-lg);
      padding-right:var(--spacing-lg);
      flex-direction:column;
      padding-bottom:var(--spacing-sm);
      justify-content:flex-start;
      border-top-left-radius:var(--radius-lg);
      border-top-right-radius:var(--radius-lg);
      border-bottom-left-radius:var(--radius-lg);
      border-bottom-right-radius:var(--radius-lg);
    }

    .beUctb {
      width:auto;
      height:auto;
      display:flex;
      background:var(--gray-100);
      transition:all 300ms ease;
      align-items:center;
      aspect-ratio:2/3;
      justify-content:center;
      border-top-left-radius:var(--radius-xl);
      border-top-right-radius:var(--radius-xl);
      border-bottom-left-radius:var(--radius-xl);
      border-bottom-right-radius:var(--radius-xl);
    }

    .v2-product-personalizer\:xRumPqxsAGfrIE8NPf2Zs {
      display:flex;
    }

    .v2-product-personalizer\:xfjzu-ELAkzPMItuLlQSx {
      transition:height 300ms ease;
    }

    .v2-product-personalizer\:y6xlMlKIN0P9EvIBkiDkd {
      background:var(--bg-primary);
    }

    .dEGTyC {
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:var(--spacing-lg);
      flex-wrap:wrap;
      background:var(--gray-25);
      column-gap:var(--spacing-lg);
      overflow-x:visible;
      overflow-y:auto;
      transition:background 300ms ease;
      align-items:flex-start;
      padding-top:8px;
      border-color:var(--border-secondary);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:flex-start;
      grid-template-columns:repeat(4, 1fr);
      border-top-left-radius:var(--radius-2xl);
      border-top-right-radius:var(--radius-2xl);
      border-bottom-left-radius:var(--radius-2xl);
      border-bottom-right-radius:var(--radius-2xl);
    }

    .dEGTyC.focus {
      animation:300ms ease 0ms 1 normal none running animation-bKKrXZ;
    }

    @keyframes animation-eOeFHV {
        0% {
          translate: 0 0;
        }

        15% {
          rotate: -5deg;
        }

        30% {
          rotate: 5deg;
        }

        45% {
          rotate: -3deg;
        }

        60% {
          rotate: 3deg;
        }

        100% {
          rotate: 0deg;
        }
    }