/* Base styles taken from the original theme so the migrated sections render 1:1 */
:root {
  --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-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-sm: 0.06em; --letter-spacing-md: 0.13em; --font-body--family: Fustat, sans-serif; --font-body--style: normal; --font-body--weight: 500; --font-subheading--family: Fustat, sans-serif; --font-subheading--style: normal; --font-subheading--weight: 500; --font-heading--family: Fustat, sans-serif; --font-heading--style: normal; --font-heading--weight: 600; --font-accent--family: Fustat, sans-serif; --font-accent--style: normal; --font-accent--weight: 300; --font-heading--spacing: 0.25em; --font-h1--spacing: var(--font-heading--spacing); --font-h2--spacing: var(--font-heading--spacing); --font-h3--spacing: var(--font-heading--spacing); --font-h4--spacing: var(--font-heading--spacing); --font-h5--spacing: var(--font-heading--spacing); --font-h6--spacing: var(--font-heading--spacing); --font-paragraph--spacing: 0.5em; --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); --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--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--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: 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; --font-size--paragraph: 1.0rem; --font-size--h1: clamp(3.0rem, 12.0vw, 7.5rem); --font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem); --font-size--h3: 2.0rem; --font-size--h4: 1.5rem; --font-size--h5: 1.125rem; --font-size--h6: 1.0rem; --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-tight); --font-h1--weight: var(--font-heading--weight); --font-h1--letter-spacing: var(--letter-spacing--heading-tight); --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-primary--weight); --font-h2--letter-spacing: var(--letter-spacing--heading-normal); --font-h2--size: var(--font-size--h2); --font-h2--family: var(--font-primary--family); --font-h2--style: var(--font-primary--style); --font-h2--case: none; --font-h2--line-height: var(--line-height--display-normal); --font-h3--weight: var(--font-primary--weight); --font-h3--letter-spacing: var(--letter-spacing--heading-tight); --font-h3--size: var(--font-size--h3); --font-h3--family: var(--font-primary--family); --font-h3--style: var(--font-primary--style); --font-h3--case: none; --font-h3--line-height: var(--line-height--heading-tight); --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-subheading--weight); --font-h5--letter-spacing: var(--letter-spacing--heading-normal); --font-h5--size: var(--font-size--h5); --font-h5--family: var(--font-subheading--family); --font-h5--style: var(--font-subheading--style); --font-h5--case: none; --font-h5--line-height: var(--line-height--display-normal); --font-h6--weight: var(--font-subheading--weight); --font-h6--letter-spacing: var(--letter-spacing--heading-normal); --font-h6--size: var(--font-size--h6); --font-h6--family: var(--font-subheading--family); --font-h6--style: var(--font-subheading--style); --font-h6--case: none; --font-h6--line-height: var(--line-height--display-normal); --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-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)); --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-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); --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.0; --checkout-button-gap: 10px; --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: 30px; --style-border-radius-inputs: 10px; --style-border-radius-buttons-primary: 9px; --style-border-radius-buttons-secondary: 9px; --style-border-width-primary: 0px; --style-border-width-secondary: 1px; --style-border-width-inputs: 1px; --style-border-radius-popover: 4px; --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: 10%; --style-border-swatch-width: 1px; --style-border-swatch-style: none; --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); --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); --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%); --spring-d300-b0-duration: 0.4980s; --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%); --spring-d280-b0-duration: 0.4648s; --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%); --spring-d260-b0-duration: 0.4316s; --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    ); --spring-d220-b0-duration: 0.3818s; --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%); --spring-d180-b0-duration: 0.2988s; --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; --focus-outline-width: 0.09375rem; --focus-outline-offset: 0.2em; --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;
}
  --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: 1.5px; --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; --checkbox-size: 22px; --checkbox-border-radius: 7px; --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); --checkbox-label-padding: 8px;
  @media screen and (min-width: 750px) {
  --checkbox-size: 16px; --checkbox-border-radius: 5px; --checkbox-label-padding: 6px;
}
  --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-primary: var(--font-body--family); --button-font-family-secondary: var(--font-body--family); --button-text-case: ; --button-text-case-primary: default; --button-text-case-secondary: default; --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; --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-swatch-width-unitless: 24; --variant-picker-swatch-height-unitless: 24; --variant-picker-swatch-width: 24px; --variant-picker-swatch-height: 24px; --variant-picker-swatch-radius: 24px; --variant-picker-border-width: 1px; --variant-picker-border-style: none; --variant-picker-border-opacity: 10%; --variant-picker-button-radius: 10px; --variant-picker-button-border-width: 0px; --slideshow-controls-size: 3.5rem; --slideshow-controls-icon: 2rem; --peek-next-slide-size: 3rem; --backdrop-opacity: 0.15; --backdrop-color-rgb: var(--color-shadow-rgb); --minimum-touch-target: 44px; --disabled-opacity: 0.5; --skeleton-opacity: 0.025; --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.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 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.030%, 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.390% 99.942%, 60.624% 99.990%, 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.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 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.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 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.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 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.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 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.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); --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-max-height: 65dvh; --quick-add-modal-height: min(38.5rem, 96vh); --quick-add-modal-width: min(54rem, 96vw); --quick-add-modal-gallery-width: 24rem; --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-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-subheading--family); --cart-secondary-font-style: var(--font-subheading--style); --cart-secondary-font-weight: var(--font-subheading--weight);
}
:root, .color-scheme-1 { --color-background: rgb(239 234 221 / 1.0); --color-background-rgb: 239 234 221; --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.0); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 46 11 / 1.0); --color-primary-rgb: 0 46 11; --color-primary-hover: rgb(241 167 128 / 1.0); --color-primary-hover-rgb: 241 167 128; --color-border: rgb(228 223 211 / 1.0); --color-border-rgb: 228 223 211; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(0 71 17 / 1.0); --color-primary-button-background: rgb(241 167 128 / 1.0); --color-primary-button-border: rgb(0 71 17 / 1.0); --color-primary-button-hover-text: rgb(0 0 0 / 1.0); --color-primary-button-hover-background: rgb(241 148 100 / 1.0); --color-primary-button-hover-border: rgb(241 167 128 / 1.0); --color-secondary-button-text: rgb(0 71 17 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 71 17 / 1.0); --color-secondary-button-hover-text: rgb(0 71 17 / 1.0); --color-secondary-button-hover-background: rgb(239 234 221 / 1.0); --color-secondary-button-hover-border: rgb(0 71 17 / 1.0); --color-input-background: rgb(228 223 211 / 1.0); --color-input-text: rgb(0 0 0 / 1.0); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 71 17 / 1.0); --color-input-hover-background: rgb(228 223 211 / 1.0); --color-variant-background: rgb(228 223 211 / 1.0); --color-variant-border: rgb(228 223 211 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(241 167 128 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(0 71 17 / 1.0); --color-selected-variant-background: rgb(0 71 17 / 1.0); --color-selected-variant-border: rgb(241 167 128 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(0 71 17 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }
.color-scheme-2 { --color-background: rgb(239 234 220 / 1.0); --color-background-rgb: 239 234 220; --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(61 17 0 / 1.0); --color-foreground-rgb: 61 17 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 0 0 / 1.0); --color-primary-rgb: 0 0 0; --color-primary-hover: rgb(0 0 0 / 1.0); --color-primary-hover-rgb: 0 0 0; --color-border: rgb(0 57 13 / 1.0); --color-border-rgb: 0 57 13; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(0 57 13 / 1.0); --color-primary-button-background: rgb(241 167 129 / 1.0); --color-primary-button-border: rgb(241 167 129 / 1.0); --color-primary-button-hover-text: rgb(239 234 220 / 1.0); --color-primary-button-hover-background: rgb(0 71 17 / 1.0); --color-primary-button-hover-border: rgb(0 71 17 / 1.0); --color-secondary-button-text: rgb(0 0 0 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 0 0 / 1.0); --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); --color-secondary-button-hover-background: rgb(245 222 214 / 1.0); --color-secondary-button-hover-border: rgb(245 222 214 / 1.0); --color-input-background: rgb(255 255 255 / 1.0); --color-input-text: rgb(0 0 0 / 1.0); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 0 0 / 1.0); --color-input-hover-background: rgb(245 245 245 / 1.0); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }
.color-scheme-3 { --color-background: rgb(0 71 17 / 1.0); --color-background-rgb: 0 71 17; --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.0); --color-foreground-rgb: 255 255 255; --color-foreground-heading: rgb(255 255 255 / 1.0); --color-foreground-heading-rgb: 255 255 255; --color-primary: rgb(255 255 255 / 1.0); --color-primary-rgb: 255 255 255; --color-primary-hover: rgb(255 255 255 / 1.0); --color-primary-hover-rgb: 255 255 255; --color-border: rgb(0 71 17 / 1.0); --color-border-rgb: 0 71 17; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(0 71 17 / 1.0); --color-primary-button-background: rgb(241 167 128 / 1.0); --color-primary-button-border: rgb(0 71 17 / 1.0); --color-primary-button-hover-text: rgb(0 0 0 / 1.0); --color-primary-button-hover-background: rgb(241 148 100 / 1.0); --color-primary-button-hover-border: rgb(239 234 221 / 1.0); --color-secondary-button-text: rgb(255 255 255 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(255 255 255 / 1.0); --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); --color-secondary-button-hover-background: rgb(241 167 128 / 1.0); --color-secondary-button-hover-border: rgb(241 167 128 / 1.0); --color-input-background: rgb(239 234 221 / 1.0); --color-input-text: rgb(0 0 0 / 1.0); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 0 0 / 1.0); --color-input-hover-background: rgb(228 223 211 / 1.0); --color-variant-background: rgb(228 223 211 / 1.0); --color-variant-border: rgb(239 234 221 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(239 234 221 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(0 71 17 / 1.0); --color-selected-variant-background: rgb(0 71 17 / 1.0); --color-selected-variant-border: rgb(228 223 211 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(241 167 128 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(239 234 221 / 1.0); --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); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }
.color-scheme-4 { --color-background: rgb(241 252 140 / 1.0); --color-background-rgb: 241 252 140; --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 71 17 / 1.0); --color-foreground-rgb: 0 71 17; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(35 0 61 / 1.0); --color-primary-rgb: 35 0 61; --color-primary-hover: rgb(0 71 17 / 1.0); --color-primary-hover-rgb: 0 71 17; --color-border: rgb(241 252 140 / 1.0); --color-border-rgb: 241 252 140; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(255 255 255 / 1.0); --color-primary-button-background: rgb(241 167 128 / 1.0); --color-primary-button-border: rgb(241 167 128 / 1.0); --color-primary-button-hover-text: rgb(255 255 255 / 1.0); --color-primary-button-hover-background: rgb(0 0 0 / 1.0); --color-primary-button-hover-border: rgb(0 0 0 / 1.0); --color-secondary-button-text: rgb(0 0 0 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 0 0 / 1.0); --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); --color-secondary-button-hover-background: rgb(204 172 0 / 1.0); --color-secondary-button-hover-border: rgb(204 172 0 / 1.0); --color-input-background: rgb(255 255 255 / 1.0); --color-input-text: rgb(0 0 0 / 1.0); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 0 0 / 1.0); --color-input-hover-background: rgb(245 245 245 / 1.0); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }
.color-scheme-5 { --color-background: rgb(0 71 17 / 1.0); --color-background-rgb: 0 71 17; --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(253 248 235 / 1.0); --color-foreground-rgb: 253 248 235; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(35 0 61 / 1.0); --color-primary-rgb: 35 0 61; --color-primary-hover: rgb(241 167 128 / 1.0); --color-primary-hover-rgb: 241 167 128; --color-border: rgb(241 167 128 / 1.0); --color-border-rgb: 241 167 128; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(0 71 17 / 1.0); --color-primary-button-background: rgb(241 167 128 / 1.0); --color-primary-button-border: rgb(241 167 128 / 1.0); --color-primary-button-hover-text: rgb(239 234 220 / 1.0); --color-primary-button-hover-background: rgb(0 71 17 / 1.0); --color-primary-button-hover-border: rgb(255 255 255 / 1.0); --color-secondary-button-text: rgb(0 0 0 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 0 0 / 1.0); --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); --color-secondary-button-hover-background: rgb(195 86 195 / 1.0); --color-secondary-button-hover-border: rgb(195 86 195 / 1.0); --color-input-background: rgb(239 234 220 / 1.0); --color-input-text: rgb(0 71 17 / 1.0); --color-input-text-rgb: 0 71 17; --color-input-border: rgb(0 71 17 / 1.0); --color-input-hover-background: rgb(239 234 220 / 1.0); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --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.0); --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.0); --color-foreground-rgb: 255 255 255; --color-foreground-heading: rgb(255 255 255 / 1.0); --color-foreground-heading-rgb: 255 255 255; --color-primary: rgb(255 255 255 / 0.85); --color-primary-rgb: 255 255 255; --color-primary-hover: rgb(255 255 255 / 1.0); --color-primary-hover-rgb: 255 255 255; --color-border: rgb(255 255 255 / 0.75); --color-border-rgb: 255 255 255; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(214 245 245 / 1.0); --color-primary-button-background: rgb(0 61 61 / 1.0); --color-primary-button-border: rgb(0 61 61 / 1.0); --color-primary-button-hover-text: rgb(0 0 0 / 1.0); --color-primary-button-hover-background: rgb(214 245 245 / 1.0); --color-primary-button-hover-border: rgb(214 245 245 / 1.0); --color-secondary-button-text: rgb(26 26 26 / 1.0); --color-secondary-button-background: rgb(255 255 255 / 0.5); --color-secondary-button-border: rgb(255 255 255 / 0.75); --color-secondary-button-hover-text: rgb(26 26 26 / 1.0); --color-secondary-button-hover-background: rgb(255 255 255 / 0.75); --color-secondary-button-hover-border: rgb(255 255 255 / 0.75); --color-input-background: rgb(255 255 255 / 1.0); --color-input-text: rgb(0 0 0 / 1.0); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 0 0 / 1.0); --color-input-hover-background: rgb(245 245 245 / 1.0); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }
.color-scheme-7 { --color-background: rgb(0 71 17 / 1.0); --color-background-rgb: 0 71 17; --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 / 0.53); --color-foreground-rgb: 255 255 255; --color-foreground-heading: rgb(255 255 255 / 1.0); --color-foreground-heading-rgb: 255 255 255; --color-primary: rgb(255 143 102 / 1.0); --color-primary-rgb: 255 143 102; --color-primary-hover: rgb(245 222 214 / 1.0); --color-primary-hover-rgb: 245 222 214; --color-border: rgb(61 17 0 / 1.0); --color-border-rgb: 61 17 0; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(61 17 0 / 1.0); --color-primary-button-background: rgb(255 143 102 / 1.0); --color-primary-button-border: rgb(255 143 102 / 1.0); --color-primary-button-hover-text: rgb(61 17 0 / 1.0); --color-primary-button-hover-background: rgb(255 255 255 / 1.0); --color-primary-button-hover-border: rgb(255 255 255 / 1.0); --color-secondary-button-text: rgb(245 222 214 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(245 222 214 / 1.0); --color-secondary-button-hover-text: rgb(61 17 0 / 1.0); --color-secondary-button-hover-background: rgb(245 222 214 / 1.0); --color-secondary-button-hover-border: rgb(245 222 214 / 1.0); --color-input-background: rgb(18 18 18 / 1.0); --color-input-text: rgb(175 175 175 / 1.0); --color-input-text-rgb: 175 175 175; --color-input-border: rgb(255 143 102 / 1.0); --color-input-hover-background: rgb(245 245 245 / 1.0); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }
.color-scheme-153a1aee-5e8b-4c9e-8e99-5e4e196fa22f { --color-background: rgb(134 215 255 / 1.0); --color-background-rgb: 134 215 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.0); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 46 11 / 1.0); --color-primary-rgb: 0 46 11; --color-primary-hover: rgb(241 167 128 / 1.0); --color-primary-hover-rgb: 241 167 128; --color-border: rgb(228 223 211 / 1.0); --color-border-rgb: 228 223 211; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(0 71 17 / 1.0); --color-primary-button-background: rgb(241 167 128 / 1.0); --color-primary-button-border: rgb(0 71 17 / 1.0); --color-primary-button-hover-text: rgb(0 0 0 / 1.0); --color-primary-button-hover-background: rgb(241 148 100 / 1.0); --color-primary-button-hover-border: rgb(241 167 128 / 1.0); --color-secondary-button-text: rgb(0 71 17 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 71 17 / 1.0); --color-secondary-button-hover-text: rgb(0 71 17 / 1.0); --color-secondary-button-hover-background: rgb(239 234 221 / 1.0); --color-secondary-button-hover-border: rgb(0 71 17 / 1.0); --color-input-background: rgb(228 223 211 / 1.0); --color-input-text: rgb(0 0 0 / 1.0); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 71 17 / 1.0); --color-input-hover-background: rgb(228 223 211 / 1.0); --color-variant-background: rgb(228 223 211 / 1.0); --color-variant-border: rgb(228 223 211 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(241 167 128 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(0 71 17 / 1.0); --color-selected-variant-background: rgb(0 71 17 / 1.0); --color-selected-variant-border: rgb(241 167 128 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(0 71 17 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }
.color-scheme-30f562ee-9eeb-44a8-aa38-160c105b16c2 { --color-background: rgb(239 234 221 / 1.0); --color-background-rgb: 239 234 221; --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.0); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 46 11 / 1.0); --color-primary-rgb: 0 46 11; --color-primary-hover: rgb(241 167 128 / 1.0); --color-primary-hover-rgb: 241 167 128; --color-border: rgb(228 223 211 / 1.0); --color-border-rgb: 228 223 211; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(0 71 17 / 1.0); --color-primary-button-background: rgb(241 167 128 / 1.0); --color-primary-button-border: rgb(0 71 17 / 1.0); --color-primary-button-hover-text: rgb(0 0 0 / 1.0); --color-primary-button-hover-background: rgb(241 148 100 / 1.0); --color-primary-button-hover-border: rgb(241 167 128 / 1.0); --color-secondary-button-text: rgb(0 71 17 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 71 17 / 1.0); --color-secondary-button-hover-text: rgb(0 71 17 / 1.0); --color-secondary-button-hover-background: rgb(239 234 221 / 1.0); --color-secondary-button-hover-border: rgb(0 71 17 / 1.0); --color-input-background: rgb(228 223 211 / 1.0); --color-input-text: rgb(0 0 0 / 1.0); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 71 17 / 1.0); --color-input-hover-background: rgb(228 223 211 / 1.0); --color-variant-background: rgb(228 223 211 / 1.0); --color-variant-border: rgb(228 223 211 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(241 167 128 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(0 71 17 / 1.0); --color-selected-variant-background: rgb(144 71 43 / 1.0); --color-selected-variant-border: rgb(241 167 128 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(128 64 40 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }
.color-scheme-4be01b5f-39fd-42d2-9982-dbc81d439ecb { --color-background: rgb(239 234 221 / 1.0); --color-background-rgb: 239 234 221; --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.0); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 46 11 / 1.0); --color-primary-rgb: 0 46 11; --color-primary-hover: rgb(241 167 128 / 1.0); --color-primary-hover-rgb: 241 167 128; --color-border: rgb(228 223 211 / 1.0); --color-border-rgb: 228 223 211; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(0 71 17 / 1.0); --color-primary-button-background: rgb(241 167 128 / 1.0); --color-primary-button-border: rgb(0 71 17 / 1.0); --color-primary-button-hover-text: rgb(0 0 0 / 1.0); --color-primary-button-hover-background: rgb(241 148 100 / 1.0); --color-primary-button-hover-border: rgb(241 167 128 / 1.0); --color-secondary-button-text: rgb(0 71 17 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 71 17 / 1.0); --color-secondary-button-hover-text: rgb(0 71 17 / 1.0); --color-secondary-button-hover-background: rgb(239 234 221 / 1.0); --color-secondary-button-hover-border: rgb(0 71 17 / 1.0); --color-input-background: rgb(228 223 211 / 1.0); --color-input-text: rgb(0 0 0 / 1.0); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 71 17 / 1.0); --color-input-hover-background: rgb(228 223 211 / 1.0); --color-variant-background: rgb(228 223 211 / 1.0); --color-variant-border: rgb(228 223 211 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(174 155 194 / 1.0); --color-variant-hover-text: rgb(239 234 220 / 1.0); --color-variant-hover-border: rgb(0 71 17 / 1.0); --color-selected-variant-background: rgb(93 58 134 / 1.0); --color-selected-variant-border: rgb(241 167 128 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(74 45 108 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }
.color-scheme-1cf258f7-1432-4508-8883-18d076728694 { --color-background: rgb(239 234 221 / 1.0); --color-background-rgb: 239 234 221; --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.0); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 46 11 / 1.0); --color-primary-rgb: 0 46 11; --color-primary-hover: rgb(241 167 128 / 1.0); --color-primary-hover-rgb: 241 167 128; --color-border: rgb(228 223 211 / 1.0); --color-border-rgb: 228 223 211; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(255 255 255 / 1.0); --color-primary-button-background: rgb(93 58 134 / 1.0); --color-primary-button-border: rgb(0 71 17 / 1.0); --color-primary-button-hover-text: rgb(0 0 0 / 1.0); --color-primary-button-hover-background: rgb(184 159 214 / 1.0); --color-primary-button-hover-border: rgb(241 167 128 / 1.0); --color-secondary-button-text: rgb(0 71 17 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 71 17 / 1.0); --color-secondary-button-hover-text: rgb(0 71 17 / 1.0); --color-secondary-button-hover-background: rgb(239 234 221 / 1.0); --color-secondary-button-hover-border: rgb(0 71 17 / 1.0); --color-input-background: rgb(228 223 211 / 1.0); --color-input-text: rgb(0 0 0 / 1.0); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 71 17 / 1.0); --color-input-hover-background: rgb(228 223 211 / 1.0); --color-variant-background: rgb(228 223 211 / 1.0); --color-variant-border: rgb(228 223 211 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(241 167 128 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(0 71 17 / 1.0); --color-selected-variant-background: rgb(0 71 17 / 1.0); --color-selected-variant-border: rgb(241 167 128 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(0 71 17 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }
.color-scheme-616f8959-0e14-4f19-9ef3-5a4be638aad3 { --color-background: rgb(239 234 221 / 1.0); --color-background-rgb: 239 234 221; --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.0); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 46 11 / 1.0); --color-primary-rgb: 0 46 11; --color-primary-hover: rgb(241 167 128 / 1.0); --color-primary-hover-rgb: 241 167 128; --color-border: rgb(228 223 211 / 1.0); --color-border-rgb: 228 223 211; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(255 255 255 / 1.0); --color-primary-button-background: rgb(29 108 146 / 1.0); --color-primary-button-border: rgb(0 71 17 / 1.0); --color-primary-button-hover-text: rgb(0 0 0 / 1.0); --color-primary-button-hover-background: rgb(160 202 222 / 1.0); --color-primary-button-hover-border: rgb(241 167 128 / 1.0); --color-secondary-button-text: rgb(0 71 17 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 71 17 / 1.0); --color-secondary-button-hover-text: rgb(0 71 17 / 1.0); --color-secondary-button-hover-background: rgb(239 234 221 / 1.0); --color-secondary-button-hover-border: rgb(0 71 17 / 1.0); --color-input-background: rgb(228 223 211 / 1.0); --color-input-text: rgb(0 0 0 / 1.0); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 71 17 / 1.0); --color-input-hover-background: rgb(228 223 211 / 1.0); --color-variant-background: rgb(228 223 211 / 1.0); --color-variant-border: rgb(228 223 211 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(241 167 128 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(0 71 17 / 1.0); --color-selected-variant-background: rgb(0 71 17 / 1.0); --color-selected-variant-border: rgb(241 167 128 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(0 71 17 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --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); --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-7, .color-scheme-153a1aee-5e8b-4c9e-8e99-5e4e196fa22f, .color-scheme-bb6e6dc6-1b72-4c4b-8363-6f1747c985c4, .color-scheme-30f562ee-9eeb-44a8-aa38-160c105b16c2, .color-scheme-4be01b5f-39fd-42d2-9982-dbc81d439ecb, .color-scheme-1cf258f7-1432-4508-8883-18d076728694, .color-scheme-decc9713-c6e2-44be-9ede-a21dcad93c26, .color-scheme-616f8959-0e14-4f19-9ef3-5a4be638aad3, .color-scheme-af810557-caec-4b77-960f-8b82fd360ab7 { color: var(--color-foreground); background-color: var(--color-background); }
body { color: var(--color-foreground); background: var(--color-background); display: flex; flex-direction: column; margin: 0px; min-height: 100svh; font-variation-settings: "slnt" 0; }
:root { --hover-lift-amount: 4px; --hover-scale-amount: 1.03; --hover-subtle-zoom-amount: 1.015; --hover-shadow-color: var(--color-shadow); --hover-transition-duration: .25s; --hover-transition-timing: ease-out; --surface-transition-duration: .3s; --surface-transition-timing: var(--ease-out-quad); --submenu-animation-speed: .36s; --submenu-animation-easing: cubic-bezier(.25, .1, .25, 1); }
html { scrollbar-width: thin; scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background); scroll-behavior: smooth; }
html[scroll-lock] { overflow: hidden; }
@media (prefers-reduced-motion: no-preference){:root { view-transition-name: none; }html:active-view-transition-type(page-navigation), html:active-view-transition-type(product-image-transition) { view-transition-name: root-custom; }html:active-view-transition-type(page-navigation) main[data-page-transition-enabled="true"] { view-transition-name: main-content; }html:active-view-transition-type(page-navigation) main[data-product-transition="true"][data-template*="product"] { view-transition-name: none; }html:active-view-transition-type(product-image-transition) [data-view-transition-type="product-image-transition"] { view-transition-name: product-image-transition; }html:active-view-transition-type(product-image-transition) [data-view-transition-type="product-details"] { view-transition-name: product-details; }}
.page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content { --page-margin: 16px; }
@media screen and (min-width: 750px){.page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content { --page-margin: 40px; }}
.page-width-wide { --page-content-width: var(--wide-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); }
.page-width-normal { --page-content-width: var(--normal-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); }
.page-width-narrow, .page-width-content { --page-content-width: var(--narrow-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); }
.page-width-content { --page-content-width: var(--normal-content-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); }
.section { --full-page-grid-central-column-width: min( var(--page-width) - var(--page-margin) * 2, calc(100% - var(--page-margin) * 2) ); --full-page-grid-margin: minmax(var(--page-margin), 1fr); --full-page-grid-with-margins: var(--full-page-grid-margin) var(--full-page-grid-central-column-width) var(--full-page-grid-margin); --util-page-margin-offset: max( var(--page-margin), calc((100% - min(var(--page-content-width), 100% - var(--page-margin) * 2))/2) ); --full-page-margin-inline-offset: calc(((100vw - var(--full-page-grid-central-column-width)) / 2) * -1); width: 100%; position: relative; display: grid; grid-template-columns: var(--full-page-grid-with-margins); min-height: var(--section-min-height, "auto"); }
.section > * { grid-column: 2; }
.myco-section:not(.header-section) :is(.section, .cart-summary) { background: transparent; }
.myco-section:not(.header-section):has(.section) { position: relative; }
.myco-section:not(.header-section) .section-background { content: ""; position: absolute; inset: 0px; z-index: var(--layer-section-background); }
.section--page-width > * { grid-column: 2; }
.section--full-width > * { grid-column: 1 / -1; }
@media screen and (max-width: 749px){.section--mobile-full-width > * { grid-column: 1 / -1; }}
.section--page-width.section--full-width-right > * { grid-column: 2 / 4; }
.section--full-width.section--full-width-margin > * { grid-column: 1 / -1; }
@media screen and (min-width: 750px){.section--full-width.section--full-width-margin > * { padding-left: var(--page-margin); padding-right: var(--page-margin); }}
.section > .force-full-width { grid-column: 1 / -1; }
.section--height-small { --section-min-height: var(--section-height-small); }
.section--height-medium { --section-min-height: var(--section-height-medium); }
.section--height-large { --section-min-height: var(--section-height-large); }
.section--height-full-screen { --section-min-height: 100svh; }
.section-content-wrapper.section-content-wrapper { min-height: calc(var(--section-min-height, "auto") - var(--section-height-offset, 0px)); position: relative; width: 100%; height: 100%; }
body, .paragraph:not(.button), .paragraph > *, .text-block.paragraph :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-weight: var(--font-paragraph--weight); font-size: var(--font-paragraph--size); line-height: var(--font-paragraph--line-height); text-transform: var(--font-paragraph--case); -webkit-font-smoothing: antialiased; color: var(--color, var(--color-foreground)); }
body:has(.header[transparent]) .content-for-layout > .myco-section:first-child { margin-top: calc(var(--header-group-height) * -1); }
body:has(.header[transparent]) #header-group > .header-section { z-index: var(--layer-sticky); }
body:has(.header[transparent]) #header-group > :not(.header-section) { z-index: calc(var(--layer-sticky) - 1); }
@media (prefers-reduced-motion: no-preference){:root:active-view-transition-type(product-grid) details[open] floating-panel-component { view-transition-name: panel-content; }:root:active-view-transition-type(product-grid) details[open] floating-panel-component .checkbox *, :root:active-view-transition-type(product-grid) details[open] floating-panel-component .facets__pill-label { transition: none; }.facets--vertical :is(:root:active-view-transition-type(product-grid) details[open] floating-panel-component) { view-transition-name: none; }:root:active-view-transition-type(product-grid) .product-grid { view-transition-name: product-grid; }:root:active-view-transition-type(product-grid) footer { view-transition-name: footer; }:root:active-view-transition-type(product-grid) .product-grid__item, :root:active-view-transition-type(product-grid) floating-panel-component { transition: none; }}
@media screen and (min-width: 750px){body:has(header-component[transparent]) .product-media-container.constrain-height { --viewport-offset: 0px; }}
.spacing-style { --spacing-scale: var(--spacing-scale-md); --padding-block: 0px; --padding-block-start: var(--padding-block, 0px); --padding-block-end: var(--padding-block, 0px); --padding-inline: 0px; --padding-inline-start: var(--padding-inline, 0px); --padding-inline-end: var(--padding-inline, 0px); --margin-block: 0px; --margin-block-start: var(--margin-block, 0px); --margin-block-end: var(--margin-block, 0px); --margin-inline: 0px; --margin-inline-start: var(--margin-inline, 0px); --margin-inline-end: var(--margin-inline, 0px); }
@media screen and (min-width: 990px){.spacing-style { --spacing-scale: var(--spacing-scale-default); }}
.spacing-style, .inherit-spacing { padding-block: calc(var(--padding-block-start) + var(--section-top-offset, 0px)) var(--padding-block-end); padding-inline: var(--padding-inline-start) var(--padding-inline-end); margin-block: var(--margin-block-start) var(--margin-block-end); margin-inline: var(--margin-inline-start) var(--margin-inline-end); }
.border-style { border-width: var(--border-width); border-style: var(--border-style); border-color: var(--border-color); border-radius: var(--border-radius); }
.section-resource-list, .section-carousel { row-gap: var(--gap); }
.section-resource-list__content { display: flex; flex-direction: column; align-items: var(--horizontal-alignment); gap: var(--gap); width: 100%; }
.section-resource-list__content:empty { display: none; }
.section-resource-list__header:is(:empty, :has(.group-block-content:empty)), .section-resource-list__content:empty { display: none; }
@media screen and (max-width: 749px){:where(.section-resource-list.section--full-width) product-card[data-product-transition] > .group-block, :where(.section-carousel.section--full-width) product-card[data-product-transition] > .group-block { padding-inline: max(var(--padding-xs),var(--padding-inline-start)) max(var(--padding-xs),var(--padding-inline-end)); }}
.section-content-wrapper.section-content-wrapper:where(.layout-panel-flex) .group-block--fill { flex: 1 1 0%; }
@media (prefers-reduced-motion: no-preference){html { scroll-behavior: smooth; }}
@media screen and (min-width: 750px){.section--page-width :is(.announcement-bar__slider .slideshow-control).slideshow-control--previous { transform: translate(var(--slideshow-control-offset)); }}
body { --header-height: 60px; --header-group-height: var(--header-height); --transparent-header-offset-boolean: 0; }
@media screen and (min-width: 750px){.header__row.divider--page-width:not(.section--page-width) .header__columns { padding-inline: 0px; margin-inline-start: var(--page-margin); margin-inline-end: var(--page-margin); }}
main > .myco-section:first-child .section:not(.disable-section-top-offset).spacing-style, main > .myco-section:first-child .section:not(.disable-section-top-offset) .spacing-style { --section-top-offset: calc(var(--header-height) * var(--transparent-header-offset-boolean)); }
:is(main > .myco-section:first-child .section:not(.disable-section-top-offset).spacing-style, main > .myco-section:first-child .section:not(.disable-section-top-offset) .spacing-style) :is(.spacing-style, .inherit-spacing) { --section-top-offset: 0px; }
main > .myco-section:first-child .section:not(.disable-section-top-offset) .sticky-content { margin-top: calc(var(--header-height) * var(--transparent-header-offset-boolean) * -1); }
.hero-wrapper { --hero-height-offset: 0px; }
body:has(> #header-group > .header-section > #header-component) .hero-wrapper:first-child { --hero-height-offset: var(--header-group-height, 0); }
.hero { position: relative; min-height: calc(var(--hero-min-height) - var(--hero-height-offset)); }
.hero[data-myco-visual-preview] { --hero-min-height: 600px; min-height: 600px; }
.hero__container { position: relative; overflow: hidden; border: var(--hero-border-width) var(--hero-border-style) rgb(var(--color-border-rgb) / var(--hero-border-opacity)); min-height: inherit; align-items: var(--vertical-alignment-mobile); justify-content: var(--horizontal-alignment); z-index: var(--layer-base); }
@media screen and (min-width: 750px){.hero__container { align-items: var(--vertical-alignment); }}
.hero__content-wrapper.page-width { grid-column: 2 / 3; }
.hero__content-wrapper { position: relative; inset: 0px; z-index: var(--layer-flat); }
.hero__content-wrapper .group-block-content { position: relative; }
.hero__media-grid { position: absolute; inset: 0px; display: grid; grid-column: 1 / -1; grid-template-columns: repeat(var(--hero-media-count, 1),1fr); }
.hero--auto .hero__media { aspect-ratio: var(--hero-media-aspect-ratio); }
.hero--no-blocks-auto-height .hero__media { width: 100%; aspect-ratio: auto; }
.hero--no-blocks-auto-height .hero__media-grid { position: relative; }
.hero__media-wrapper { overflow: hidden; position: relative; }
.hero__media { height: 100%; width: 100%; object-fit: cover; object-position: center center; overflow: hidden; position: relative; z-index: var(--layer-base); }
.hero__video-wrapper { position: relative; }
.hero__video-poster { position: absolute; inset: 0px; z-index: 1; opacity: 1; transition: opacity 0.4s; pointer-events: none; }
.hero__video-poster--hidden { opacity: 0; }
.hero__video { position: relative; z-index: 0; }
.hero__media-wrapper--mobile { display: none; }
.hero__media-wrapper--desktop { display: block; }
@media screen and (max-width: 749px){.hero__media-wrapper--desktop { display: none; }.hero__media-wrapper--mobile { display: block; }.hero__media-grid { grid-template-columns: repeat(var(--hero-media-count-mobile, 1),1fr); }.hero--stack-mobile .hero__media-grid { grid-template-columns: 1fr; grid-template-rows: repeat(var(--hero-media-count-mobile, 1),calc(100% / var(--hero-media-count-mobile, 1))); }}
.hero__link { position: absolute; inset: 0px; grid-column: 1 / -1; }
.hero__media-grid, .hero__content-wrapper { pointer-events: none; }
:is(.hero__media-grid, .hero__content-wrapper) :is(a, button, input, textarea, select, details, summary) { pointer-events: auto; }
.hero__content-wrapper--design-mode * { pointer-events: auto; }
.hero[data-blur-shadow="true"] { --blurred-reflection-filter-saturate: saturate(1.5); --blurred-reflection-mask-image: linear-gradient(to bottom, #000 0%, #000 60%, transparent 100%); --blurred-reflection-box-shadow: rgb(0 0 0 / 5%) 0 0 1rem; --blurred-reflection-filter-blur: blur(20px); --blurred-reflection-scale: scale(2, 1.25); --blurred-reflection-padding-block-end: 60px; }
.hero[data-blur-shadow="true"] .hero__container::before { content: ""; position: absolute; inset: 0px; box-shadow: var(--blurred-reflection-box-shadow); mix-blend-mode: overlay; pointer-events: none; z-index: -1; }
.hero__blurred-image { position: absolute; inset: 0px; z-index: -1; mask-image: var(--blurred-reflection-mask-image); filter: var(--blurred-reflection-filter-saturate); pointer-events: none; transform: translateY(50%); overflow: hidden; }
.hero__blurred-image--desktop { display: none; }
@media screen and (min-width: 750px){.hero__blurred-image--desktop { display: block; }}
.hero__blurred-image--mobile { display: block; }
@media screen and (min-width: 750px){.hero__blurred-image--mobile { display: none; }}
.hero__blurred-image img, .hero__blurred-image svg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; filter: var(--blurred-reflection-filter-blur); opacity: var(--blur-opacity); transform: var(--blurred-reflection-scale); padding-block-end: var(--blurred-reflection-padding-block-end); }
:is(.hero__blurred-image img, .hero__blurred-image svg):not(:only-child) { width: 50%; }
:is(.hero__blurred-image img, .hero__blurred-image svg):not(:only-child):last-child { right: 0px; left: auto; }
.menu-list__list-item[slot="overflow"] .section { grid-template-columns: 1fr; }
.menu-list__list-item[slot="overflow"] .section .mega-menu__grid { grid-column: 1; }
@media screen and (prefers-reduced-motion: no-preference){html:active-view-transition-type(empty-cart-drawer) .cart-items-component { view-transition-name: cart-drawer-content; }html:active-view-transition-type(empty-cart-page) .cart-items-component { view-transition-name: cart-page-content; }}
html:active-view-transition-type(page-navigation) .cart-items__table-row { view-transition-name: none !important; }
@media screen and (prefers-reduced-motion: no-preference){html:active-view-transition-type(empty-cart-drawer) .cart-items__empty-button, html:active-view-transition-type(empty-cart-drawer) .cart__checkout-button { view-transition-name: cart-drawer-primary-action; }:is(html:active-view-transition-type(empty-cart-drawer) .cart-items__empty-button, html:active-view-transition-type(empty-cart-drawer) .cart__checkout-button) > .button-text { view-transition-name: cart-drawer-primary-action-text; }}
@media screen and (prefers-reduced-motion: no-preference){html:active-view-transition-type(empty-cart-drawer) .cart-drawer__close-button { view-transition-name: cart-drawer-close-button; }}
.overlay { position: absolute; inset: 0px; z-index: var(--overlay-layer); pointer-events: none; border-radius: var(--overlay-border-radius, 0); }
.overlay--solid { background: var(--overlay-color); }
.overlay--gradient { background: linear-gradient(var(--overlay-direction),var(--overlay-color),var(--overlay-color--end)); }
.section-wrapper { --section-height-offset: 0px; }
.section[data-myco-visual-preview] { min-height: var(--section-preview-height); padding-top: 0px; }
.section[data-myco-visual-preview] .custom-section-background { display: none; }
body:has(> #header-group > .header-section > #header-component[transparent]):not(:has(> #header-group > .header-section + .myco-section)) > main > .section-wrapper:first-child { --section-height-offset: var(--header-group-height, 0); }
.custom-section-background { grid-column: 1 / -1; }
.custom-section-content { z-index: var(--layer-flat); }
:root { --text-align-default: left; }