@font-face {
      font-family: Ubuntu;
      font-weight: 500;
      font-style: normal;
      font-display: swap;
      src:
          url("/assets/font\/ubuntu/ubuntu_n5.73a0122c625a1bf38a89e87e3b93ee3e9afb5645.woff2") format("woff2"),
          url("/assets/font\/ubuntu/ubuntu_n5.5c082d0da48d9f31b297753ec73533fd4e8c1946.woff") format("woff");
  }

  @font-face {
      font-family: Ubuntu;
      font-weight: 700;
      font-style: normal;
      font-display: swap;
      src:
          url("/assets/font\/ubuntu/ubuntu_n7.4a6a6a4bfdf210d52361d51ed5ba695d22312936.woff2") format("woff2"),
          url("/assets/font\/ubuntu/ubuntu_n7.fa4aeac3536c478d3ad5cc842b960c40fcfddac6.woff") format("woff");
  }

  @font-face {
      font-family: Ubuntu;
      font-weight: 500;
      font-style: italic;
      font-display: swap;
      src:
          url("/assets/font\/ubuntu/ubuntu_i5.15da1bcf62198403fcea87e0ef2a0b278bf63a54.woff2") format("woff2"),
          url("/assets/font\/ubuntu/ubuntu_i5.a8af07ccfa4a7f8bf828fad7ad2b3dcef10b87ab.woff") format("woff");
  }

  @font-face {
      font-family: Ubuntu;
      font-weight: 700;
      font-style: italic;
      font-display: swap;
      src:
          url("/assets/font\/ubuntu/ubuntu_i7.737f77bbb44c144d52150838348be2537a57490f.woff2") format("woff2"),
          url("/assets/font\/ubuntu/ubuntu_i7.55fd28057e8c2d7cc06dd78c018208f4caeab515.woff") format("woff");
  }

  @font-face {
      font-family: Ubuntu;
      font-weight: 400;
      font-style: normal;
      font-display: swap;
      src:
          url("/assets/font\/ubuntu/ubuntu_n4.2c466c9d72970fbeeea5774a5658b256f03b28fd.woff2") format("woff2"),
          url("/assets/font\/ubuntu/ubuntu_n4.7d58d3bbaa6e4145f1df3f31b336b0f96f56885c.woff") format("woff");
  }

  @font-face {
      font-family: Ubuntu;
      font-weight: 400;
      font-style: italic;
      font-display: swap;
      src:
          url("/assets/font\/ubuntu/ubuntu_i4.e583bb209b0be46b8bdac75f5d80113af7f36c94.woff2") format("woff2"),
          url("/assets/font\/ubuntu/ubuntu_i4.d7a0a3b4fccf4ef458e998326e91421401b23b79.woff") format("woff");
  }

  @font-face {
      font-family: Asap;
      font-weight: 400;
      font-style: normal;
      font-display: swap;
      src:
          url("/assets/font\/asap/asap_n4.994be5d5211fe3b2dda4ebd41cf2b04f4dfe140e.woff2") format("woff2"),
          url("/assets/font\/asap/asap_n4.e7f26429238df8651924f4a97a5e9467c7cf683b.woff") format("woff");
  }

  @font-face {
      font-family: Asap;
      font-weight: 700;
      font-style: normal;
      font-display: swap;
      src:
          url("/assets/font\/asap/asap_n7.3209f7e23b2ef01c793f40c7556e6532b06b5f1e.woff2") format("woff2"),
          url("/assets/font\/asap/asap_n7.b0a0b6deb369ccc0b973a1d12f3530d5e4373c77.woff") format("woff");
  }

  @font-face {
      font-family: Asap;
      font-weight: 400;
      font-style: italic;
      font-display: swap;
      src:
          url("/assets/font\/asap/asap_i4.3c59c01b158892bd0ef8b61bc7f081c23ae9b42e.woff2") format("woff2"),
          url("/assets/font\/asap/asap_i4.014f2bc4fda2741d520d341143cf61b2d5e0d21e.woff") format("woff");
  }

  @font-face {
      font-family: Asap;
      font-weight: 700;
      font-style: italic;
      font-display: swap;
      src:
          url("/assets/font\/asap/asap_i7.54957565625fd1dffc964521d01f3da61e596089.woff2") format("woff2"),
          url("/assets/font\/asap/asap_i7.98e2b88b25225290e9c09e36eb54e243fd11491f.woff") format("woff");
  }

  :root {
      /* Page Layout */
      --sidebar-width: 25rem;
      --narrow-content-width: 36rem;
      --normal-content-width: 42rem;
      --wide-content-width: 46rem;
      --narrow-page-width: 90rem;
      --normal-page-width: 120rem;
      --wide-page-width: 150rem;

      /* Section Heights */
      --section-height-small: 15rem;
      --section-height-medium: 25rem;
      --section-height-large: 35rem;

      @media screen and (min-width: 40em) {
          --section-height-small: 40svh;
          --section-height-medium: 55svh;
          --section-height-large: 70svh;
      }

      @media screen and (min-width: 60em) {
          --section-height-small: 50svh;
          --section-height-medium: 65svh;
          --section-height-large: 80svh;
      }

      /* Letter spacing */
      --letter-spacing-sm: 0.06em;
      --letter-spacing-md: 0.13em;

      /* Font families */
      --font-body--family: Ubuntu,
      sans-serif;
      --font-body--style: normal;
      --font-body--weight: 500;
      --font-subheading--family: Ubuntu,
      sans-serif;
      --font-subheading--style: normal;
      --font-subheading--weight: 400;
      --font-heading--family: Asap,
      sans-serif;
      --font-heading--style: normal;
      --font-heading--weight: 400;
      --font-accent--family: Ubuntu,
      sans-serif;
      --font-accent--style: normal;
      --font-accent--weight: 700;

      /* Margin sizes */
      --font-h1--spacing: 0.25em;
      --font-h2--spacing: 0.25em;
      --font-h3--spacing: 0.25em;
      --font-h4--spacing: 0.25em;
      --font-h5--spacing: 0.25em;
      --font-h6--spacing: 0.25em;
      --font-paragraph--spacing: 0.5em;

      /* Heading colors */
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /** Z-Index / Layering */
      --layer-section-background: -2;
      --layer-lowest: -1;
      --layer-base: 0;
      --layer-flat: 1;
      --layer-raised: 2;
      --layer-heightened: 4;
      --layer-sticky: 8;
      --layer-window-overlay: 10;
      --layer-header-menu: 12;
      --layer-overlay: 16;
      --layer-menu-drawer: 18;
      --layer-temporary: 20;

      /* Max-width / Measure */
      --max-width--body-normal: 32.5em;
      --max-width--body-narrow: 22.75em;

      --max-width--heading-normal: 32.5em;
      --max-width--heading-narrow: 19.5em;

      --max-width--display-normal: 13em;
      --max-width--display-narrow: 9.75em;
      --max-width--display-tight: 3.25em;

      /* Letter-spacing / Tracking */
      --letter-spacing--display-tight: -0.03em;
      --letter-spacing--display-normal: 0em;
      --letter-spacing--display-loose: 0.03em;

      --letter-spacing--heading-tight: -0.03em;
      --letter-spacing--heading-normal: 0em;
      --letter-spacing--heading-loose: 0.03em;

      --letter-spacing--body-tight: -0.03em;
      --letter-spacing--body-normal: 0em;
      --letter-spacing--body-loose: 0.03em;

      /* Line height / Leading */
      --line-height: 1;

      --line-height--display-tight: 1;
      --line-height--display-normal: 1.1;
      --line-height--display-loose: 1.2;

      --line-height--heading-tight: 1.15;
      --line-height--heading-normal: 1.25;
      --line-height--heading-loose: 1.35;

      --line-height--body-tight: 1.2;
      --line-height--body-normal: 1.4;
      --line-height--body-loose: 1.6;

      /* Typography presets */
      --font-size--paragraph: 1rem;
      --font-size--h1: clamp(3.5rem, 7.2vw, 4.5rem);
      --font-size--h2: clamp(3rem, 5.6vw, 3.5rem);
      --font-size--h3: clamp(1.75rem, 4.8vw, 3rem);
      --font-size--h4: 1.5rem;
      --font-size--h5: 0.75rem;
      --font-size--h6: 0.625rem;
      --font-paragraph--weight: 400;
      --font-paragraph--letter-spacing: var(--letter-spacing--body-normal);
      --font-paragraph--size: var(--font-size--paragraph);
      --font-paragraph--family: var(--font-body--family);
      --font-paragraph--style: var(--font-body--style);
      --font-paragraph--case:;
      --font-paragraph--line-height: var(--line-height--body-loose);
      --font-h1--weight: var(--font-heading--weight);
      --font-h1--letter-spacing: var(--letter-spacing--heading-normal);
      --font-h1--size: var(--font-size--h1);
      --font-h1--family: var(--font-heading--family);
      --font-h1--style: var(--font-heading--style);
      --font-h1--case: none;
      --font-h1--line-height: var(--line-height--display-tight);
      --font-h2--weight: var(--font-heading--weight);
      --font-h2--letter-spacing: var(--letter-spacing--heading-loose);
      --font-h2--size: var(--font-size--h2);
      --font-h2--family: var(--font-heading--family);
      --font-h2--style: var(--font-heading--style);
      --font-h2--case: none;
      --font-h2--line-height: var(--line-height--display-loose);
      --font-h3--weight: var(--font-heading--weight);
      --font-h3--letter-spacing: var(--letter-spacing--heading-normal);
      --font-h3--size: var(--font-size--h3);
      --font-h3--family: var(--font-heading--family);
      --font-h3--style: var(--font-heading--style);
      --font-h3--case: none;
      --font-h3--line-height: var(--line-height--display-normal);
      --font-h4--weight: var(--font-subheading--weight);
      --font-h4--letter-spacing: var(--letter-spacing--heading-normal);
      --font-h4--size: var(--font-size--h4);
      --font-h4--family: var(--font-subheading--family);
      --font-h4--style: var(--font-subheading--style);
      --font-h4--case: none;
      --font-h4--line-height: var(--line-height--display-normal);
      --font-h5--weight: var(--font-body--weight);
      --font-h5--letter-spacing: var(--letter-spacing--heading-normal);
      --font-h5--size: var(--font-size--h5);
      --font-h5--family: var(--font-body--family);
      --font-h5--style: var(--font-body--style);
      --font-h5--case: uppercase;
      --font-h5--line-height: var(--line-height--display-loose);
      --font-h6--weight: var(--font-body--weight);
      --font-h6--letter-spacing: var(--letter-spacing--heading-normal);
      --font-h6--size: var(--font-size--h6);
      --font-h6--family: var(--font-body--family);
      --font-h6--style: var(--font-body--style);
      --font-h6--case: uppercase;
      --font-h6--line-height: var(--line-height--display-loose);

      /* Hardcoded font sizes */
      --font-size--3xs: 0.625rem;
      --font-size--2xs: 0.75rem;
      --font-size--xs: 0.8125rem;
      --font-size--sm: 0.875rem;
      --font-size--md: 1rem;
      --font-size--lg: 1.125rem;
      --font-size--xl: 1.25rem;
      --font-size--2xl: 1.5rem;
      --font-size--3xl: 2rem;
      --font-size--4xl: 2.5rem;
      --font-size--5xl: 3rem;
      --font-size--6xl: 3.5rem;

      /* Menu font sizes */
      --menu-font-sm--size: 0.875rem;
      --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
      --menu-font-md--size: 1rem;
      --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
      --menu-font-lg--size: 1.125rem;
      --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
      --menu-font-xl--size: 1.25rem;
      --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
      --menu-font-2xl--size: 1.75rem;
      --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

      /* Colors */
      --color-error: #8b0000;
      --color-success: #006400;
      --color-white: #ffffff;
      --color-white-rgb: 255 255 255;
      --color-black: #000000;
      --color-instock: #3ed660;
      --color-lowstock: #ee9441;
      --color-outofstock: #c8c8c8;

      /* Opacity */
      --opacity-5: 0.05;
      --opacity-8: 0.08;
      --opacity-10: 0.1;
      --opacity-15: 0.15;
      --opacity-20: 0.2;
      --opacity-25: 0.25;
      --opacity-30: 0.3;
      --opacity-40: 0.4;
      --opacity-50: 0.5;
      --opacity-60: 0.6;
      --opacity-70: 0.7;
      --opacity-80: 0.8;
      --opacity-85: 0.85;
      --opacity-90: 0.9;
      --opacity-subdued-text: var(--opacity-70);

      --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
      --gradient-image-overlay: linear-gradient(to top,
          rgb(0 0 0 / 0.5),
          transparent);

      /* Spacing */
      --margin-3xs: 0.125rem;
      --margin-2xs: 0.3rem;
      --margin-xs: 0.5rem;
      --margin-sm: 0.7rem;
      --margin-md: 0.8rem;
      --margin-lg: 1rem;
      --margin-xl: 1.25rem;
      --margin-2xl: 1.5rem;
      --margin-3xl: 1.75rem;
      --margin-4xl: 2rem;
      --margin-5xl: 3rem;
      --margin-6xl: 5rem;

      --scroll-margin: 50px;

      --padding-3xs: 0.125rem;
      --padding-2xs: 0.25rem;
      --padding-xs: 0.5rem;
      --padding-sm: 0.7rem;
      --padding-md: 0.8rem;
      --padding-lg: 1rem;
      --padding-xl: 1.25rem;
      --padding-2xl: 1.5rem;
      --padding-3xl: 1.75rem;
      --padding-4xl: 2rem;
      --padding-5xl: 3rem;
      --padding-6xl: 4rem;

      --gap-3xs: 0.125rem;
      --gap-2xs: 0.3rem;
      --gap-xs: 0.5rem;
      --gap-sm: 0.7rem;
      --gap-md: 0.9rem;
      --gap-lg: 1rem;
      --gap-xl: 1.25rem;
      --gap-2xl: 2rem;
      --gap-3xl: 3rem;

      --spacing-scale-sm: 0.6;
      --spacing-scale-md: 0.7;
      --spacing-scale-default: 1;

      /* Checkout buttons gap */
      --checkout-button-gap: 10px;

      /* Borders */
      --style-border-width: 1px;
      --style-border-radius-xs: 0.2rem;
      --style-border-radius-sm: 0.6rem;
      --style-border-radius-md: 0.8rem;
      --style-border-radius-50: 50%;
      --style-border-radius-lg: 1rem;
      --style-border-radius-pills: 40px;
      --style-border-radius-inputs: 0px;
      --style-border-radius-buttons-primary: 0px;
      --style-border-radius-buttons-secondary: 0px;
      --style-border-width-primary: 0px;
      --style-border-width-secondary: 1px;
      --style-border-width-inputs: 1px;
      --style-border-radius-popover: 0px;
      --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
      --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
      --style-border-swatch-opacity: 100%;
      --style-border-swatch-width: 2px;
      --style-border-swatch-style: solid;

      /* Animation */
      --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
      --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
      --animation-speed-fast: 0.0625s;
      --animation-speed: 0.125s;
      --animation-speed-slow: 0.2s;
      --animation-speed-medium: 0.15s;
      --animation-easing: ease-in-out;
      --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
      --drawer-animation-speed: 0.2s;
      --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
      --animation-values: var(--animation-speed) var(--animation-easing);
      --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
      --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
      --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
      --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
      --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
      --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
      --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);

      /* View transitions */
      /* View transition old */
      --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

      /* View transition new */
      --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn,
      var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

      /* Focus */
      --focus-outline-width: 0.09375rem;
      --focus-outline-offset: 0.2em;

      /* Badges */
      --badge-blob-padding-block: 1px;
      --badge-blob-padding-inline: 12px 8px;
      --badge-rectangle-padding-block: 1px;
      --badge-rectangle-padding-inline: 6px;

      @media screen and (min-width: 750px) {
          --badge-blob-padding-block: 4px;
          --badge-blob-padding-inline: 16px 12px;
          --badge-rectangle-padding-block: 4px;
          --badge-rectangle-padding-inline: 10px;
      }

      /* Icons */
      --icon-size-2xs: 0.6rem;
      --icon-size-xs: 0.85rem;
      --icon-size-sm: 1.25rem;
      --icon-size-md: 1.375rem;
      --icon-size-lg: 1.5rem;
      --icon-stroke-width: 1px;

      /* Input */
      --input-email-min-width: 200px;
      --input-search-max-width: 650px;
      --input-padding-y: 0.8rem;
      --input-padding-x: 0.8rem;
      --input-padding: var(--input-padding-y) var(--input-padding-x);
      --input-box-shadow-width: var(--style-border-width-inputs);
      --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
      --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
      --input-textarea-min-height: 55px;

      /* Button size */
      --button-size-sm: 30px;
      --button-size-md: 36px;
      --button-size: var(--minimum-touch-target);
      --button-padding-inline: 24px;
      --button-padding-block: 16px;

      /* Button font-family */
      --button-font-family-primary: var(--font-body--family);
      --button-font-family-secondary: var(--font-body--family);

      /* Button text case */
      --button-text-case:;
      --button-text-case-primary: uppercase;
      --button-text-case-secondary: uppercase;

      /* Borders */
      --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
      --border-width-sm: 1px;
      --border-width-md: 2px;
      --border-width-lg: 5px;
      --border-radius-sm: 0.25rem;

      /* Drawers */
      --drawer-inline-padding: 25px;
      --drawer-menu-inline-padding: 2.5rem;
      --drawer-header-block-padding: 20px;
      --drawer-content-block-padding: 10px;
      --drawer-header-desktop-top: 0rem;
      --drawer-padding: calc(var(--padding-sm) + 7px);
      --drawer-height: 100dvh;
      --drawer-width: 95vw;
      --drawer-max-width: 500px;

      /* Variant Picker Swatches */
      --variant-picker-swatch-width-unitless: 18;
      --variant-picker-swatch-height-unitless: 18;
      --variant-picker-swatch-width: 18px;
      --variant-picker-swatch-height: 18px;
      --variant-picker-swatch-radius: 0px;
      --variant-picker-border-width: 2px;
      --variant-picker-border-style: solid;
      --variant-picker-border-opacity: 100%;

      /* Variant Picker Buttons */
      --variant-picker-button-radius: 0px;
      --variant-picker-button-border-width: 2px;

      /* Slideshow */
      --slideshow-controls-size: 3.5rem;
      --slideshow-controls-icon: 2rem;
      --peek-next-slide-size: 3rem;

      /* Utilities */
      --backdrop-opacity: 0.15;
      --backdrop-color-rgb: var(--color-shadow-rgb);
      --minimum-touch-target: 44px;
      --disabled-opacity: 0.5;
      --skeleton-opacity: 0.025;

      /* Shapes */
      --shape--circle: circle(50% at center);
      --shape--sunburst: polygon(100% 50%,
          94.62% 55.87%,
          98.3% 62.94%,
          91.57% 67.22%,
          93.3% 75%,
          85.7% 77.39%,
          85.36% 85.36%,
          77.39% 85.7%,
          75% 93.3%,
          67.22% 91.57%,
          62.94% 98.3%,
          55.87% 94.62%,
          50% 100%,
          44.13% 94.62%,
          37.06% 98.3%,
          32.78% 91.57%,
          25% 93.3%,
          22.61% 85.7%,
          14.64% 85.36%,
          14.3% 77.39%,
          6.7% 75%,
          8.43% 67.22%,
          1.7% 62.94%,
          5.38% 55.87%,
          0% 50%,
          5.38% 44.13%,
          1.7% 37.06%,
          8.43% 32.78%,
          6.7% 25%,
          14.3% 22.61%,
          14.64% 14.64%,
          22.61% 14.3%,
          25% 6.7%,
          32.78% 8.43%,
          37.06% 1.7%,
          44.13% 5.38%,
          50% 0%,
          55.87% 5.38%,
          62.94% 1.7%,
          67.22% 8.43%,
          75% 6.7%,
          77.39% 14.3%,
          85.36% 14.64%,
          85.7% 22.61%,
          93.3% 25%,
          91.57% 32.78%,
          98.3% 37.06%,
          94.62% 44.13%);
      --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
      --shape--blob: polygon(85.349% 11.712%,
          87.382% 13.587%,
          89.228% 15.647%,
          90.886% 17.862%,
          92.359% 20.204%,
          93.657% 22.647%,
          94.795% 25.169%,
          95.786% 27.752%,
          96.645% 30.382%,
          97.387% 33.048%,
          98.025% 35.74%,
          98.564% 38.454%,
          99.007% 41.186%,
          99.358% 43.931%,
          99.622% 46.685%,
          99.808% 49.446%,
          99.926% 52.21%,
          99.986% 54.977%,
          99.999% 57.744%,
          99.975% 60.511%,
          99.923% 63.278%,
          99.821% 66.043%,
          99.671% 68.806%,
          99.453% 71.565%,
          99.145% 74.314%,
          98.724% 77.049%,
          98.164% 79.759%,
          97.433% 82.427%,
          96.495% 85.03%,
          95.311% 87.529%,
          93.841% 89.872%,
          92.062% 91.988%,
          89.972% 93.796%,
          87.635% 95.273%,
          85.135% 96.456%,
          82.532% 97.393%,
          79.864% 98.127%,
          77.156% 98.695%,
          74.424% 99.129%,
          71.676% 99.452%,
          68.918% 99.685%,
          66.156% 99.844%,
          63.39% 99.942%,
          60.624% 99.99%,
          57.856% 99.999%,
          55.089% 99.978%,
          52.323% 99.929%,
          49.557% 99.847%,
          46.792% 99.723%,
          44.031% 99.549%,
          41.273% 99.317%,
          38.522% 99.017%,
          35.781% 98.639%,
          33.054% 98.17%,
          30.347% 97.599%,
          27.667% 96.911%,
          25.024% 96.091%,
          22.432% 95.123%,
          19.907% 93.994%,
          17.466% 92.69%,
          15.126% 91.216%,
          12.902% 89.569%,
          10.808% 87.761%,
          8.854% 85.803%,
          7.053% 83.703%,
          5.418% 81.471%,
          3.962% 79.119%,
          2.702% 76.656%,
          1.656% 74.095%,
          0.846% 71.45%,
          0.294% 68.74%,
          0.024% 65.987%,
          0.05% 63.221%,
          0.343% 60.471%,
          0.858% 57.752%,
          1.548% 55.073%,
          2.37% 52.431%,
          3.283% 49.819%,
          4.253% 47.227%,
          5.249% 44.646%,
          6.244% 42.063%,
          7.211% 39.471%,
          8.124% 36.858%,
          8.958% 34.22%,
          9.711% 31.558%,
          10.409% 28.88%,
          11.083% 26.196%,
          11.76% 23.513%,
          12.474% 20.839%,
          13.259% 18.186%,
          14.156% 15.569%,
          15.214% 13.012%,
          16.485% 10.556%,
          18.028% 8.261%,
          19.883% 6.211%,
          22.041% 4.484%,
          24.44% 3.11%,
          26.998% 2.057%,
          29.651% 1.275%,
          32.36% 0.714%,
          35.101% 0.337%,
          37.859% 0.11%,
          40.624% 0.009%,
          43.391% 0.016%,
          46.156% 0.113%,
          48.918% 0.289%,
          51.674% 0.533%,
          54.425% 0.837%,
          57.166% 1.215%,
          59.898% 1.654%,
          62.618% 2.163%,
          65.322% 2.75%,
          68.006% 3.424%,
          70.662% 4.197%,
          73.284% 5.081%,
          75.86% 6.091%,
          78.376% 7.242%,
          80.813% 8.551%,
          83.148% 10.036%,
          85.349% 11.712%);

      /* Buy buttons */
      --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

      /* Card image width and height variables */
      --card-width-small: 10rem;

      --height-small: 10rem;
      --height-medium: 11.5rem;
      --height-large: 13rem;
      --height-full: 100vh;

      @media screen and (min-width: 750px) {
          --height-small: 17.5rem;
          --height-medium: 21.25rem;
          --height-large: 25rem;
      }

      /* Modal */
      --modal-max-height: 65dvh;

      /* Card styles for search */
      --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
      --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
      --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

      /* Cart */
      --cart-primary-font-family: var(--font-body--family);
      --cart-primary-font-style: var(--font-body--style);
      --cart-primary-font-weight: var(--font-body--weight);
      --cart-secondary-font-family: var(--font-primary--family);
      --cart-secondary-font-style: var(--font-primary--style);
      --cart-secondary-font-weight: var(--font-primary--weight);
  }

  :root,
  .color-scheme-1 {
      --color-background: rgb(250 249 245 / 1);
      /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
      --color-background-rgb: 250 249 245;
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgb(52 52 61 / 1);
      --color-foreground-rgb: 52 52 61;
      --color-foreground-heading: rgb(34 34 41 / 1);
      --color-foreground-heading-rgb: 34 34 41;
      --color-primary: rgb(163 114 0 / 1);
      --color-primary-rgb: 163 114 0;
      --color-primary-hover: rgb(0 0 0 / 1);
      --color-primary-hover-rgb: 0 0 0;
      --color-border: rgb(230 230 230 / 1);
      --color-border-rgb: 230 230 230;
      --color-shadow: rgb(0 0 0 / 1);
      --color-shadow-rgb: 0 0 0;
      --color-primary-button-text: rgb(255 255 255 / 1);
      --color-primary-button-background: rgb(52 52 61 / 1);
      --color-primary-button-border: rgb(34 34 41 / 1);
      --color-primary-button-hover-text: rgb(245 242 235 / 1);
      --color-primary-button-hover-background: rgb(56 56 56 / 1);
      --color-primary-button-hover-border: rgb(122 85 0 / 1);
      --color-secondary-button-text: rgb(0 0 0 / 1);
      --color-secondary-button-background: rgb(239 239 239 / 1);
      --color-secondary-button-border: rgb(239 239 239 / 1);
      --color-secondary-button-hover-text: rgb(0 0 0 / 1);
      --color-secondary-button-hover-background: rgb(222 222 222 / 1);
      --color-secondary-button-hover-border: rgb(222 222 222 / 1);
      --color-input-background: rgb(255 255 255 / 1);
      --color-input-text: rgb(0 0 0 / 1);
      --color-input-text-rgb: 0 0 0;
      --color-input-border: rgb(0 0 0 / 0.13);
      --color-input-hover-background: rgb(245 245 245 / 1);
      --color-variant-background: rgb(52 52 61 / 1);
      --color-variant-border: rgb(34 34 41 / 1);
      --color-variant-text: rgb(245 242 235 / 1);
      --color-variant-text-rgb: 245 242 235;
      --color-variant-hover-background: rgb(245 242 235 / 1);
      --color-variant-hover-text: rgb(34 34 41 / 1);
      --color-variant-hover-border: rgb(52 52 61 / 1);
      --color-selected-variant-background: rgb(155 155 163 / 1);
      --color-selected-variant-border: rgb(155 155 163 / 1);
      --color-selected-variant-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-background: rgb(52 52 61 / 1);
      --color-selected-variant-hover-text: rgb(245 242 235 / 1);
      --color-selected-variant-hover-border: rgb(0 0 0 / 1);

      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */

      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  }

  .color-scheme-2 {
      --color-background: rgb(255 255 255 / 1);
      /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
      --color-background-rgb: 255 255 255;
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgb(0 0 0 / 1);
      --color-foreground-rgb: 0 0 0;
      --color-foreground-heading: rgb(0 0 0 / 1);
      --color-foreground-heading-rgb: 0 0 0;
      --color-primary: rgb(0 0 0 / 1);
      --color-primary-rgb: 0 0 0;
      --color-primary-hover: rgb(102 102 102 / 1);
      --color-primary-hover-rgb: 102 102 102;
      --color-border: rgb(0 0 0 / 0.11);
      --color-border-rgb: 0 0 0;
      --color-shadow: rgb(0 0 0 / 1);
      --color-shadow-rgb: 0 0 0;
      --color-primary-button-text: rgb(255 255 255 / 1);
      --color-primary-button-background: rgb(0 0 0 / 1);
      --color-primary-button-border: rgb(0 0 0 / 1);
      --color-primary-button-hover-text: rgb(255 255 255 / 1);
      --color-primary-button-hover-background: rgb(56 56 56 / 1);
      --color-primary-button-hover-border: rgb(56 56 56 / 1);
      --color-secondary-button-text: rgb(0 0 0 / 1);
      --color-secondary-button-background: rgb(0 0 0 / 0);
      --color-secondary-button-border: rgb(0 0 0 / 1);
      --color-secondary-button-hover-text: rgb(56 56 56 / 1);
      --color-secondary-button-hover-background: rgb(0 0 0 / 0);
      --color-secondary-button-hover-border: rgb(56 56 56 / 1);
      --color-input-background: rgb(255 255 255 / 1);
      --color-input-text: rgb(0 0 0 / 1);
      --color-input-text-rgb: 0 0 0;
      --color-input-border: rgb(0 0 0 / 1);
      --color-input-hover-background: rgb(245 245 245 / 0.92);
      --color-variant-background: rgb(255 255 255 / 1);
      --color-variant-border: rgb(230 230 230 / 1);
      --color-variant-text: rgb(0 0 0 / 1);
      --color-variant-text-rgb: 0 0 0;
      --color-variant-hover-background: rgb(245 245 245 / 1);
      --color-variant-hover-text: rgb(0 0 0 / 1);
      --color-variant-hover-border: rgb(230 230 230 / 1);
      --color-selected-variant-background: rgb(0 0 0 / 1);
      --color-selected-variant-border: rgb(0 0 0 / 1);
      --color-selected-variant-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-background: rgb(26 26 26 / 1);
      --color-selected-variant-hover-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-border: rgb(26 26 26 / 1);

      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */

      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  }

  .color-scheme-3 {
      --color-background: rgb(242 242 242 / 1);
      /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
      --color-background-rgb: 242 242 242;
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgb(0 0 0 / 1);
      --color-foreground-rgb: 0 0 0;
      --color-foreground-heading: rgb(0 0 0 / 1);
      --color-foreground-heading-rgb: 0 0 0;
      --color-primary: rgb(106 106 106 / 1);
      --color-primary-rgb: 106 106 106;
      --color-primary-hover: rgb(0 0 0 / 1);
      --color-primary-hover-rgb: 0 0 0;
      --color-border: rgb(208 208 208 / 1);
      --color-border-rgb: 208 208 208;
      --color-shadow: rgb(0 0 0 / 1);
      --color-shadow-rgb: 0 0 0;
      --color-primary-button-text: rgb(255 255 255 / 1);
      --color-primary-button-background: rgb(0 0 0 / 1);
      --color-primary-button-border: rgb(0 0 0 / 1);
      --color-primary-button-hover-text: rgb(255 255 255 / 1);
      --color-primary-button-hover-background: rgb(56 56 56 / 1);
      --color-primary-button-hover-border: rgb(56 56 56 / 1);
      --color-secondary-button-text: rgb(0 0 0 / 1);
      --color-secondary-button-background: rgb(0 0 0 / 0);
      --color-secondary-button-border: rgb(0 0 0 / 1);
      --color-secondary-button-hover-text: rgb(0 0 0 / 1);
      --color-secondary-button-hover-background: rgb(0 0 0 / 0);
      --color-secondary-button-hover-border: rgb(0 0 0 / 1);
      --color-input-background: rgb(255 255 255 / 1);
      --color-input-text: rgb(0 0 0 / 1);
      --color-input-text-rgb: 0 0 0;
      --color-input-border: rgb(0 0 0 / 1);
      --color-input-hover-background: rgb(245 245 245 / 1);
      --color-variant-background: rgb(255 255 255 / 1);
      --color-variant-border: rgb(230 230 230 / 1);
      --color-variant-text: rgb(0 0 0 / 1);
      --color-variant-text-rgb: 0 0 0;
      --color-variant-hover-background: rgb(245 245 245 / 1);
      --color-variant-hover-text: rgb(0 0 0 / 1);
      --color-variant-hover-border: rgb(230 230 230 / 1);
      --color-selected-variant-background: rgb(0 0 0 / 1);
      --color-selected-variant-border: rgb(0 0 0 / 1);
      --color-selected-variant-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-background: rgb(26 26 26 / 1);
      --color-selected-variant-hover-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-border: rgb(26 26 26 / 1);

      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */

      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  }

  .color-scheme-4 {
      --color-background: rgb(56 56 56 / 1);
      /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
      --color-background-rgb: 56 56 56;
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgb(255 255 255 / 1);
      --color-foreground-rgb: 255 255 255;
      --color-foreground-heading: rgb(255 255 255 / 1);
      --color-foreground-heading-rgb: 255 255 255;
      --color-primary: rgb(255 255 255 / 1);
      --color-primary-rgb: 255 255 255;
      --color-primary-hover: rgb(0 0 0 / 1);
      --color-primary-hover-rgb: 0 0 0;
      --color-border: rgb(56 56 56 / 1);
      --color-border-rgb: 56 56 56;
      --color-shadow: rgb(0 0 0 / 1);
      --color-shadow-rgb: 0 0 0;
      --color-primary-button-text: rgb(0 0 0 / 0);
      --color-primary-button-background: rgb(255 255 255 / 1);
      --color-primary-button-border: rgb(255 255 255 / 1);
      --color-primary-button-hover-text: rgb(0 0 0 / 1);
      --color-primary-button-hover-background: rgb(230 230 230 / 1);
      --color-primary-button-hover-border: rgb(230 230 230 / 1);
      --color-secondary-button-text: rgb(255 255 255 / 1);
      --color-secondary-button-background: rgb(0 0 0 / 0);
      --color-secondary-button-border: rgb(255 255 255 / 1);
      --color-secondary-button-hover-text: rgb(222 222 222 / 1);
      --color-secondary-button-hover-background: rgb(0 0 0 / 0);
      --color-secondary-button-hover-border: rgb(222 222 222 / 1);
      --color-input-background: rgb(56 56 56 / 1);
      --color-input-text: rgb(255 255 255 / 1);
      --color-input-text-rgb: 255 255 255;
      --color-input-border: rgb(255 255 255 / 1);
      --color-input-hover-background: rgb(92 92 92 / 1);
      --color-variant-background: rgb(255 255 255 / 1);
      --color-variant-border: rgb(230 230 230 / 1);
      --color-variant-text: rgb(0 0 0 / 1);
      --color-variant-text-rgb: 0 0 0;
      --color-variant-hover-background: rgb(245 245 245 / 1);
      --color-variant-hover-text: rgb(0 0 0 / 1);
      --color-variant-hover-border: rgb(230 230 230 / 1);
      --color-selected-variant-background: rgb(0 0 0 / 1);
      --color-selected-variant-border: rgb(0 0 0 / 1);
      --color-selected-variant-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-background: rgb(26 26 26 / 1);
      --color-selected-variant-hover-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-border: rgb(26 26 26 / 1);

      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */

      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  }

  .color-scheme-5 {
      --color-background: rgb(0 0 0 / 1);
      /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
      --color-background-rgb: 0 0 0;
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgb(255 255 255 / 1);
      --color-foreground-rgb: 255 255 255;
      --color-foreground-heading: rgb(255 255 255 / 1);
      --color-foreground-heading-rgb: 255 255 255;
      --color-primary: rgb(255 255 255 / 1);
      --color-primary-rgb: 255 255 255;
      --color-primary-hover: rgb(172 172 172 / 1);
      --color-primary-hover-rgb: 172 172 172;
      --color-border: rgb(102 102 102 / 1);
      --color-border-rgb: 102 102 102;
      --color-shadow: rgb(0 0 0 / 1);
      --color-shadow-rgb: 0 0 0;
      --color-primary-button-text: rgb(0 0 0 / 1);
      --color-primary-button-background: rgb(255 255 255 / 1);
      --color-primary-button-border: rgb(255 255 255 / 1);
      --color-primary-button-hover-text: rgb(0 0 0 / 1);
      --color-primary-button-hover-background: rgb(222 222 222 / 1);
      --color-primary-button-hover-border: rgb(222 222 222 / 1);
      --color-secondary-button-text: rgb(255 255 255 / 1);
      --color-secondary-button-background: rgb(0 0 0 / 0);
      --color-secondary-button-border: rgb(255 255 255 / 1);
      --color-secondary-button-hover-text: rgb(172 172 172 / 1);
      --color-secondary-button-hover-background: rgb(0 0 0 / 0);
      --color-secondary-button-hover-border: rgb(172 172 172 / 1);
      --color-input-background: rgb(0 0 0 / 1);
      --color-input-text: rgb(255 255 255 / 1);
      --color-input-text-rgb: 255 255 255;
      --color-input-border: rgb(255 255 255 / 1);
      --color-input-hover-background: rgb(24 24 24 / 1);
      --color-variant-background: rgb(255 255 255 / 1);
      --color-variant-border: rgb(230 230 230 / 1);
      --color-variant-text: rgb(0 0 0 / 1);
      --color-variant-text-rgb: 0 0 0;
      --color-variant-hover-background: rgb(245 245 245 / 1);
      --color-variant-hover-text: rgb(0 0 0 / 1);
      --color-variant-hover-border: rgb(230 230 230 / 1);
      --color-selected-variant-background: rgb(0 0 0 / 1);
      --color-selected-variant-border: rgb(0 0 0 / 1);
      --color-selected-variant-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-background: rgb(26 26 26 / 1);
      --color-selected-variant-hover-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-border: rgb(26 26 26 / 1);

      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */

      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  }

  .color-scheme-6 {
      --color-background: rgb(0 0 0 / 0);
      /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
      --color-background-rgb: 0 0 0;
      --opacity-5-15: 0.15;
      --opacity-10-25: 0.25;
      --opacity-35-55: 0.55;
      --opacity-40-60: 0.6;
      --opacity-30-60: 0.6;
      --color-foreground: rgb(34 34 41 / 1);
      --color-foreground-rgb: 34 34 41;
      --color-foreground-heading: rgb(255 255 255 / 1);
      --color-foreground-heading-rgb: 255 255 255;
      --color-primary: rgb(56 56 56 / 1);
      --color-primary-rgb: 56 56 56;
      --color-primary-hover: rgb(172 172 172 / 1);
      --color-primary-hover-rgb: 172 172 172;
      --color-border: rgb(102 102 102 / 1);
      --color-border-rgb: 102 102 102;
      --color-shadow: rgb(0 0 0 / 0);
      --color-shadow-rgb: 0 0 0;
      --color-primary-button-text: rgb(0 0 0 / 1);
      --color-primary-button-background: rgb(255 255 255 / 1);
      --color-primary-button-border: rgb(255 255 255 / 1);
      --color-primary-button-hover-text: rgb(0 0 0 / 1);
      --color-primary-button-hover-background: rgb(222 222 222 / 1);
      --color-primary-button-hover-border: rgb(222 222 222 / 1);
      --color-secondary-button-text: rgb(255 255 255 / 1);
      --color-secondary-button-background: rgb(0 0 0 / 0);
      --color-secondary-button-border: rgb(255 255 255 / 1);
      --color-secondary-button-hover-text: rgb(172 172 172 / 1);
      --color-secondary-button-hover-background: rgb(0 0 0 / 0);
      --color-secondary-button-hover-border: rgb(172 172 172 / 1);
      --color-input-background: rgb(255 255 255 / 1);
      --color-input-text: rgb(0 0 0 / 1);
      --color-input-text-rgb: 0 0 0;
      --color-input-border: rgb(0 0 0 / 1);
      --color-input-hover-background: rgb(245 245 245 / 1);
      --color-variant-background: rgb(255 255 255 / 1);
      --color-variant-border: rgb(230 230 230 / 1);
      --color-variant-text: rgb(0 0 0 / 1);
      --color-variant-text-rgb: 0 0 0;
      --color-variant-hover-background: rgb(245 245 245 / 1);
      --color-variant-hover-text: rgb(0 0 0 / 1);
      --color-variant-hover-border: rgb(230 230 230 / 1);
      --color-selected-variant-background: rgb(0 0 0 / 1);
      --color-selected-variant-border: rgb(0 0 0 / 1);
      --color-selected-variant-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-background: rgb(26 26 26 / 1);
      --color-selected-variant-hover-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-border: rgb(26 26 26 / 1);

      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */

      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  }

  .color-scheme-e5fd2fcd-5361-4d37-bfc7-b81bbc64cf57 {
      --color-background: rgb(255 255 255 / 1);
      /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
      --color-background-rgb: 255 255 255;
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgb(0 0 0 / 1);
      --color-foreground-rgb: 0 0 0;
      --color-foreground-heading: rgb(0 0 0 / 1);
      --color-foreground-heading-rgb: 0 0 0;
      --color-primary: rgb(102 102 102 / 1);
      --color-primary-rgb: 102 102 102;
      --color-primary-hover: rgb(0 0 0 / 1);
      --color-primary-hover-rgb: 0 0 0;
      --color-border: rgb(230 230 230 / 1);
      --color-border-rgb: 230 230 230;
      --color-shadow: rgb(0 0 0 / 1);
      --color-shadow-rgb: 0 0 0;
      --color-primary-button-text: rgb(255 255 255 / 1);
      --color-primary-button-background: rgb(0 0 0 / 1);
      --color-primary-button-border: rgb(0 0 0 / 1);
      --color-primary-button-hover-text: rgb(255 255 255 / 1);
      --color-primary-button-hover-background: rgb(56 56 56 / 1);
      --color-primary-button-hover-border: rgb(56 56 56 / 1);
      --color-secondary-button-text: rgb(0 0 0 / 1);
      --color-secondary-button-background: rgb(239 239 239 / 1);
      --color-secondary-button-border: rgb(239 239 239 / 1);
      --color-secondary-button-hover-text: rgb(0 0 0 / 1);
      --color-secondary-button-hover-background: rgb(222 222 222 / 1);
      --color-secondary-button-hover-border: rgb(222 222 222 / 1);
      --color-input-background: rgb(255 255 255 / 1);
      --color-input-text: rgb(0 0 0 / 1);
      --color-input-text-rgb: 0 0 0;
      --color-input-border: rgb(0 0 0 / 0.13);
      --color-input-hover-background: rgb(245 245 245 / 1);
      --color-variant-background: rgb(255 255 255 / 1);
      --color-variant-border: rgb(230 230 230 / 1);
      --color-variant-text: rgb(0 0 0 / 1);
      --color-variant-text-rgb: 0 0 0;
      --color-variant-hover-background: rgb(255 255 255 / 1);
      --color-variant-hover-text: rgb(0 0 0 / 1);
      --color-variant-hover-border: rgb(0 0 0 / 1);
      --color-selected-variant-background: rgb(0 0 0 / 1);
      --color-selected-variant-border: rgb(0 0 0 / 1);
      --color-selected-variant-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-background: rgb(26 26 26 / 1);
      --color-selected-variant-hover-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-border: rgb(26 26 26 / 1);

      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */

      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  }

  .color-scheme-cfff5573-827c-4756-b431-4987e31edf1d {
      --color-background: rgb(250 249 245 / 1);
      /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
      --color-background-rgb: 250 249 245;
      --opacity-5-15: 0.05;
      --opacity-10-25: 0.1;
      --opacity-35-55: 0.35;
      --opacity-40-60: 0.4;
      --opacity-30-60: 0.3;
      --color-foreground: rgb(245 242 235 / 1);
      --color-foreground-rgb: 245 242 235;
      --color-foreground-heading: rgb(34 34 41 / 1);
      --color-foreground-heading-rgb: 34 34 41;
      --color-primary: rgb(102 102 102 / 1);
      --color-primary-rgb: 102 102 102;
      --color-primary-hover: rgb(0 0 0 / 1);
      --color-primary-hover-rgb: 0 0 0;
      --color-border: rgb(230 230 230 / 1);
      --color-border-rgb: 230 230 230;
      --color-shadow: rgb(0 0 0 / 1);
      --color-shadow-rgb: 0 0 0;
      --color-primary-button-text: rgb(255 255 255 / 1);
      --color-primary-button-background: rgb(52 52 61 / 1);
      --color-primary-button-border: rgb(0 0 0 / 1);
      --color-primary-button-hover-text: rgb(255 255 255 / 1);
      --color-primary-button-hover-background: rgb(34 34 41 / 1);
      --color-primary-button-hover-border: rgb(56 56 56 / 1);
      --color-secondary-button-text: rgb(0 0 0 / 1);
      --color-secondary-button-background: rgb(239 239 239 / 1);
      --color-secondary-button-border: rgb(239 239 239 / 1);
      --color-secondary-button-hover-text: rgb(0 0 0 / 1);
      --color-secondary-button-hover-background: rgb(222 222 222 / 1);
      --color-secondary-button-hover-border: rgb(222 222 222 / 1);
      --color-input-background: rgb(255 255 255 / 1);
      --color-input-text: rgb(0 0 0 / 1);
      --color-input-text-rgb: 0 0 0;
      --color-input-border: rgb(0 0 0 / 0.13);
      --color-input-hover-background: rgb(245 245 245 / 1);
      --color-variant-background: rgb(255 255 255 / 1);
      --color-variant-border: rgb(230 230 230 / 1);
      --color-variant-text: rgb(0 0 0 / 1);
      --color-variant-text-rgb: 0 0 0;
      --color-variant-hover-background: rgb(255 255 255 / 1);
      --color-variant-hover-text: rgb(0 0 0 / 1);
      --color-variant-hover-border: rgb(0 0 0 / 1);
      --color-selected-variant-background: rgb(0 0 0 / 1);
      --color-selected-variant-border: rgb(0 0 0 / 1);
      --color-selected-variant-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-background: rgb(26 26 26 / 1);
      --color-selected-variant-hover-text: rgb(255 255 255 / 1);
      --color-selected-variant-hover-border: rgb(26 26 26 / 1);

      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
      --font-h1--color: var(--color-foreground-heading);
      --font-h2--color: var(--color-foreground-heading);
      --font-h3--color: var(--color-foreground-heading);
      --font-h4--color: var(--color-foreground-heading);
      --font-h5--color: var(--color-foreground-heading);
      --font-h6--color: var(--color-foreground-heading);

      /* Shadows */

      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
  }

  body,
  .color-scheme-1,
  .color-scheme-2,
  .color-scheme-3,
  .color-scheme-4,
  .color-scheme-5,
  .color-scheme-6,
  .color-scheme-e5fd2fcd-5361-4d37-bfc7-b81bbc64cf57,
  .color-scheme-cfff5573-827c-4756-b431-4987e31edf1d {
      color: var(--color-foreground);
      background-color: var(--color-background);
  }

  #shopify-buyer-consent {
      margin-top: 1em;
      display: inline-block;
      width: 100%;
  }

  #shopify-buyer-consent.hidden {
      display: none;
  }

  #shopify-subscription-policy-button {
      background: none;
      border: none;
      padding: 0;
      text-decoration: underline;
      font-size: inherit;
      cursor: pointer;
  }

  #shopify-subscription-policy-button::before {
      box-shadow: none;
  }