: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-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-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-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-decc9713-c6e2-44be-9ede-a21dcad93c26 { --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(128 64 40 / 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(212 144 119 / 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)); }
.color-scheme-af810557-caec-4b77-960f-8b82fd360ab7 { --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(0 71 31 / 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(90 192 134 / 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); }
* { box-sizing: border-box; }
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; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
img { width: 100%; height: auto; }
input, textarea, select { font: inherit; border-radius: var(--style-border-radius-inputs); }
input:hover, textarea:hover { background-color: var(--color-input-hover-background); }
.collection-card, .featured-blog-posts-card { width: 100%; position: relative; height: 100%; }
.collection-card__inner, .featured-blog-posts-card__inner { width: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; z-index: var(--layer-flat); pointer-events: none; }
.collection-card__content, .featured-blog-posts-card__content { display: flex; position: relative; height: 100%; width: 100%; gap: var(--gap); }
.collection-card__link, .featured-blog-posts-card__link { position: absolute; inset: 0px; border-radius: var(--border-radius); }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
p:empty { display: none; }
:first-child:is(p, h1, h2, h3, h4, h5, h6), :first-child:empty + :where(p, h1, h2, h3, h4, h5, h6) { margin-block-start: 0px; }
:last-child:is(p, h1, h2, h3, h4, h5, h6), :where(p, h1, h2, h3, h4, h5, h6):nth-child(2):has(+ :last-child:empty) { margin-block-end: 0px; }
@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-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):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; }
.section > .force-full-width { grid-column: 1 / -1; }
.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%; }
.hidden { display: none !important; }
.flip-x { scale: -1 1; }
.text-left { --text-align: left; text-align: left; }
.svg-wrapper { color: currentcolor; display: inline-flex; justify-content: center; align-items: center; width: var(--icon-size-sm); height: var(--icon-size-sm); pointer-events: none; }
.svg-wrapper > svg { width: var(--icon-size-sm); height: var(--icon-size-sm); }
.icon-success, .icon-error { width: var(--icon-size-md); height: var(--icon-size-md); flex-shrink: 0; }
.icon-error { fill: var(--color-error); }
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)); }
@media screen and (max-width: 1200px){input.paragraph.paragraph, input.paragraph.paragraph:not([type]), textarea.paragraph.paragraph, select.paragraph.paragraph { font-size: max(1rem,var(--font-paragraph--size)); }}
h1, .h1.h1, .text-block.h1 > *, .text-block.h1 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h1--family); font-style: var(--font-h1--style); font-weight: var(--font-h1--weight); font-size: var(--font-h1--size); line-height: var(--font-h1--line-height); letter-spacing: var(--font-h1--letter-spacing); text-transform: var(--font-h1--case); color: var(--color, var(--font-h1-color)); }
h2, .h2.h2, .text-block.h2 > *, .text-block.h2 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h2--family); font-style: var(--font-h2--style); font-weight: var(--font-h2--weight); font-size: var(--font-h2--size); line-height: var(--font-h2--line-height); letter-spacing: var(--font-h2--letter-spacing); text-transform: var(--font-h2--case); color: var(--color, var(--font-h2-color)); }
h3, .h3, .h3.h3, .text-block.h3 > *, .text-block.h3 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h3--family); font-style: var(--font-h3--style); font-weight: var(--font-h3--weight); font-size: var(--font-h3--size); line-height: var(--font-h3--line-height); letter-spacing: var(--font-h3--letter-spacing); text-transform: var(--font-h3--case); color: var(--color, var(--font-h3-color)); }
h4, .h4.h4, .text-block.h4 > *, .text-block.h4 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h4--family); font-style: var(--font-h4--style); font-weight: var(--font-h4--weight); font-size: var(--font-h4--size); line-height: var(--font-h4--line-height); letter-spacing: var(--font-h4--letter-spacing); text-transform: var(--font-h4--case); color: var(--color, var(--font-h4-color)); }
h5, .h5.h5, .text-block.h5 > *, .text-block.h5 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h5--family); font-style: var(--font-h5--style); font-weight: var(--font-h5--weight); font-size: var(--font-h5--size); line-height: var(--font-h5--line-height); letter-spacing: var(--font-h5--letter-spacing); text-transform: var(--font-h5--case); color: var(--color, var(--font-h5-color)); }
h6, .h6.h6, .text-block.h6 > *, .text-block.h6 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h6--family); font-style: var(--font-h6--style); font-weight: var(--font-h6--weight); font-size: var(--font-h6--size); line-height: var(--font-h6--line-height); letter-spacing: var(--font-h6--letter-spacing); text-transform: var(--font-h6--case); color: var(--color, var(--font-h6-color)); }
:first-child:is(.h1, .h2, .h3, .h4, .h5, .h6) { margin-block-start: 0px; }
:last-child:is(.h1, .h2, .h3, .h4, .h5, .h6) { margin-block-end: 0px; }
a { --button-color: var(--color, var(--color-primary)); color: var(--button-color); text-decoration-color: transparent; text-decoration-thickness: 0.075em; text-underline-offset: 0.125em; transition: text-decoration-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing); }
:is(h1, h2, h3, h4, h5, h6, p) > a:hover { --button-color: var(--color, var(--color-primary-hover)); }
p:not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)), .rte :is(p, ul, ol, table):not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)) { text-decoration-color: currentcolor; }
:is(p:not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)), .rte :is(p, ul, ol, table):not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary))):hover { text-decoration-color: transparent; color: var(--color-primary-hover); }
summary::-webkit-details-marker { display: none; }
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; }: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; }}
.text-block { width: 100%; }
.text-block > :first-child, .text-block > :first-child:empty + * { margin-block-start: 0px; }
.text-block > :last-child, .text-block > :has(+ :last-child:empty) { margin-block-end: 0px; }
.button, .button-secondary, button.myco-payment-button__button--unbranded { --text-align: center; display: grid; align-content: center; text-decoration: none; text-align: var(--text-align); color: var(--button-color); appearance: none; background-color: var(--button-background-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; 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); margin-block: 0px; transition: color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing); cursor: pointer; width: fit-content; box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color); padding-block: var(--button-padding-block); padding-inline: var(--button-padding-inline); }
.button { font-family: var(--button-font-family-primary); text-transform: var(--button-text-case-primary); border-radius: var(--style-border-radius-buttons-primary); }
.button-secondary { font-family: var(--button-font-family-secondary); text-transform: var(--button-text-case-secondary); border-radius: var(--style-border-radius-buttons-secondary); }
textarea, input:not([type="checkbox"], [type="radio"]) { background-color: var(--color-input-background); border-color: var(--color-input-border); }
textarea::placeholder, input::placeholder { color: var(--color-input-text); }
textarea:not(:placeholder-shown)::placeholder, input:not(:placeholder-shown)::placeholder { opacity: 0; }
.button[aria-disabled="true"], .button-secondary[aria-disabled="true"], .button:disabled { opacity: 0.5; cursor: not-allowed; }
.button, button.myco-payment-button__button--unbranded { --button-color: var(--color-primary-button-text); --button-background-color: var(--color-primary-button-background); --button-border-color: var(--color-primary-button-border); --button-border-width: var(--style-border-width-primary); }
.button:hover, button.myco-payment-button__button--unbranded:hover:not([disabled]) { --button-color: var(--color-primary-button-hover-text); --button-background-color: var(--color-primary-button-hover-background); --button-border-color: var(--color-primary-button-hover-border); }
.button-secondary { --button-color: var(--color-secondary-button-text); --button-background-color: var(--color-secondary-button-background); --button-border-color: var(--color-secondary-button-border); --button-border-width: var(--style-border-width-secondary); }
.button-secondary:hover { --button-color: var(--color-secondary-button-hover-text); --button-background-color: var(--color-secondary-button-hover-background); --button-border-color: var(--color-secondary-button-hover-border); }
.button-unstyled { display: block; padding: 0px; background-color: inherit; color: inherit; border: 0px; border-radius: 0px; overflow: hidden; box-shadow: none; font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-size: var(--font-paragraph--size); }
.button-unstyled:hover { background-color: inherit; }
.button-unstyled--transparent { background-color: transparent; box-shadow: none; }
.link { display: inline-block; text-align: center; }
.icon-caret svg { transition: transform var(--animation-speed) var(--animation-easing); }
summary { display: flex; align-items: center; cursor: pointer; list-style: none; padding-block: var(--padding-sm); }
summary:hover { color: var(--color-primary-hover); }
@media screen and (min-width: 750px){body:has(header-component[transparent]) .product-media-container.constrain-height { --viewport-offset: 0px; }}
.variant-picker .variant-option--buttons label:has(.swatch) { border-radius: var(--variant-picker-swatch-radius); }
.variant-option { --options-border-radius: var(--variant-picker-button-radius); --options-border-width: var(--variant-picker-button-border-width); --variant-option-padding-inline: var(--padding-md); }
.variant-option--buttons { display: flex; flex-wrap: wrap; gap: var(--gap-sm); margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.variant-option--buttons legend { padding: 0px; margin-block-end: var(--margin-xs); }
@media (prefers-reduced-motion: no-preference){.variant-option__button-label, .variant-option__select-wrapper, .variant-option__button-label::before, .variant-option__button-label::after, .variant-option__button-label:has([data-previous-checked="true"], [data-current-checked="true"]) .variant-option__button-label__pill, .variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type { transition-duration: var(--animation-speed); transition-timing-function: var(--animation-easing); }.variant-option__button-label__pill { transition-property: transform; }.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type { transition-property: clip-path; }.variant-option__button-label::after { transition-property: clip-path; }.variant-option__button-label::before { transition-property: border-color; }.variant-option__select-wrapper, .variant-option__button-label { transition-property: background-color, border-color, color; }}
.variant-option__button-label { --variant-picker-stroke-color: var(--color-variant-border); cursor: pointer; display: flex; flex: 0 0 3.25em; align-items: center; position: relative; padding-block: var(--padding-sm); padding-inline: var(--padding-lg); border: var(--options-border-width) solid var(--color-variant-border); border-radius: var(--options-border-radius); overflow: clip; justify-content: center; min-height: 3.25em; min-width: fit-content; white-space: nowrap; background-color: var(--color-variant-background); color: var(--color-variant-text); gap: 0px; }
.variant-option__button-label:hover, .variant-option__button-label:hover:has([aria-disabled="true"]):has([data-option-available="false"]) { background-color: var(--color-variant-hover-background); border-color: var(--color-variant-hover-border); color: var(--color-variant-hover-text); }
.variant-option__button-label:not(.variant-option__button-label--has-swatch):has([data-option-available="false"]) { border-width: 0px; }
.variant-option__button-label:not(.variant-option__button-label--has-swatch)::before, .variant-option__button-label:has([data-option-available="false"]):not(.variant-option__button-label--has-swatch)::after { content: ""; position: absolute; inset: 0px; border: var(--options-border-width) solid var(--color-selected-variant-border); border-radius: inherit; pointer-events: none; z-index: 2; clip-path: inset(var(--clip, 0 0 0 0)); }
.variant-option__button-label:has([data-option-available="false"]):not(.variant-option__button-label--has-swatch)::before { inset: 0px; }
.variant-option__button-label:not(.variant-option__button-label--has-swatch)::before { clip-path: inset(0px); border-color: var(--color-variant-border); inset: calc(var(--options-border-width) * -1); }
.variant-option__button-label:has(:checked) ~ label { --pill-offset: calc(-100% - 1px); }
.variant-option__button-label:has([data-current-checked="true"]):first-of-type ~ label:last-of-type:not(.variant-option__button-label--has-swatch), .variant-option__button-label:not(:has(:checked)):has(~ label > :checked):not(.variant-option__button-label--has-swatch) { --clip: 0 0 0 100%; }
.variant-option__button-label:not(:has([data-current-checked="true"])):first-of-type:has(~ label:last-of-type > :checked):not(.variant-option__button-label--has-swatch), .variant-option__button-label:has(:checked) ~ label:not(.variant-option__button-label--has-swatch) { --clip: 0 100% 0 0; }
@media screen and (min-width: 750px){.variant-option__button-label { padding: var(--padding-xs) var(--variant-option-padding-inline); }}
.variant-option__button-label__pill { background: var(--color-selected-variant-background); position: absolute; top: calc(var(--options-border-width) * -1); bottom: calc(var(--options-border-width) * -1); border-radius: inherit; pointer-events: none; width: 100%; transform: translate(var(--pill-offset, 0)); }
.variant-option__button-label__text { pointer-events: none; text-align: start; text-wrap: wrap; z-index: 2; }
.variant-option__button-label:has(:focus-visible) { --variant-picker-stroke-color: var(--color-foreground); border-color: var(--color-foreground); outline: var(--focus-outline-width) solid var(--color-foreground); outline-offset: var(--focus-outline-offset); }
.variant-option__button-label:has(:checked) { color: var(--color-selected-variant-text); border-color: var(--color-selected-variant-border); }
.variant-option__button-label:has(:checked):hover { border-color: var(--color-selected-variant-hover-border); color: var(--color-selected-variant-hover-text); }
.variant-option__button-label:has(:checked):hover .variant-option__button-label__pill { background-color: var(--color-selected-variant-hover-background); }
.variant-option__button-label:has([data-option-available="false"]) { color: rgb(var(--color-variant-text-rgb) / var(--opacity-60)); }
.variant-option__button-label:has([data-option-available="false"]):has(:checked) { background-color: inherit; color: rgb(var(--color-variant-text-rgb) / var(--opacity-60)); }
.variant-option__button-label input { position: absolute; inset: 0px; opacity: 0; margin: 0px; padding: 0px; width: 100%; height: 100%; aspect-ratio: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; background: transparent; appearance: auto; display: block; cursor: pointer; }
.variant-option__button-label svg { position: absolute; left: var(--options-border-width); top: var(--options-border-width); height: calc(100% - (var(--options-border-width) * 2)); width: calc(100% - (var(--options-border-width) * 2)); cursor: pointer; pointer-events: none; stroke-width: var(--style-border-width); stroke: var(--variant-picker-stroke-color); }
.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg { stroke: var(--color-variant-border); }
.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line { stroke-width: var(--options-border-width); }
.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type { clip-path: inset(var(--clip, 0 0 0 0)); stroke: rgb(var(--color-variant-text-rgb) / 1); }
.price, .compare-at-price, .unit-price { white-space: nowrap; }
product-price.text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) > :not(.tax-note) { margin-block: 0px; }
product-price .volume-pricing-note, product-price.text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) .volume-pricing-note { display: block; font-family: var(--font-body--family); font-weight: 400; font-size: var(--font-size--xs); line-height: normal; letter-spacing: normal; text-transform: none; color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }
.compare-at-price { opacity: 0.4; text-decoration-line: line-through; text-decoration-thickness: 1.5px; }
.price-item__group { display: inline-block; }
.price-item--sale { white-space: nowrap; }
.price__hidden { display: none; }
.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); }
.size-style { width: var(--size-style-width-mobile, var(--size-style-width)); height: var(--size-style-height-mobile, var(--size-style-height)); }
@media screen and (min-width: 750px){.size-style { width: var(--size-style-width); height: var(--size-style-height); }}
.custom-typography, .custom-typography > * { font-family: var(--font-family); font-weight: var(--font-weight); text-transform: var(--text-transform); text-wrap: var(--text-wrap); line-height: var(--line-height); letter-spacing: var(--letter-spacing); }
.custom-typography p { line-height: var(--line-height--body, var(--line-height)); }
.custom-font-size, .custom-font-size > * { font-size: var(--font-size); }
.border-style { border-width: var(--border-width); border-style: var(--border-style); border-color: var(--border-color); border-radius: var(--border-radius); }
.gap-style, .layout-panel-flex { --gap-scale: var(--spacing-scale-md); }
@media screen and (min-width: 990px){.gap-style, .layout-panel-flex { --gap-scale: var(--spacing-scale-default); }}
.layout-panel-flex { display: flex; gap: var(--gap); height: 100%; }
.layout-panel-flex--row { flex-flow: row var(--flex-wrap); justify-content: var(--horizontal-alignment); align-items: var(--vertical-alignment); }
.layout-panel-flex--column { flex-flow: column var(--flex-wrap); align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment); }
@media screen and (max-width: 749px){.mobile-column { flex-flow: column; align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment-mobile); }.layout-panel-flex--row:not(.mobile-column) { flex-wrap: var(--flex-wrap-mobile); height: auto; }.layout-panel-flex--row:not(.mobile-column) > .image-block { flex: 1 1 var(--size-style-width-mobile-min); }}
@media screen and (min-width: 750px){.layout-panel-flex { flex-direction: var(--flex-direction); }}
:is(.rte, .myco-policy__title) :is(h1, h2, h3, h4, h5, h6) { margin-block: clamp(1.5rem,1em * 3.3,2.5rem) var(--font-heading--spacing); }
:is(.rte, .myco-policy__title) :first-child:is(p, h1, h2, h3, h4, h5, h6), :is(.rte, .myco-policy__title) :first-child:empty + :is(p, h1, h2, h3, h4, h5, h6) { margin-block-start: 0px; }
input[type="radio"] { border-radius: var(--style-border-radius-50); background: transparent; transition: border-color 0.2s, background-color 0.2s; }
label:has(input[type="radio"]), label:has(input[type="checkbox"]) { display: inline-flex; align-items: center; gap: var(--padding-2xs); cursor: pointer; }
label:has(input[type="radio"]:disabled), label:has(input[type="checkbox"]:disabled) { cursor: not-allowed; }
.button[id^="BuyButtons-ProductSubmitButton-"] { position: relative; overflow: hidden; }
.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; }
.resource-list { --resource-list-mobile-gap-max: 9999px; --resource-list-column-gap: min(var(--resource-list-column-gap-desktop), var(--resource-list-mobile-gap-max)); --resource-list-row-gap: min(var(--resource-list-row-gap-desktop), var(--resource-list-mobile-gap-max)); width: 100%; }
@media screen and (max-width: 749px){.resource-list { --resource-list-mobile-gap-max: 12px; }}
@container resource-list (max-width: 749px){.resource-list { --resource-list-mobile-gap-max: 12px; }}
.resource-list--grid { display: grid; gap: var(--resource-list-row-gap) var(--resource-list-column-gap); grid-template-columns: var(--resource-list-columns-mobile); }
@media screen and (min-width: 750px){.resource-list--grid { grid-template-columns: var(--resource-list-columns); }}
@container resource-list (max-width: 449px){.resource-list--grid { grid-template-columns: var(--resource-list-columns-mobile); }}
@container resource-list(min-width: 450px) and (max-width: 749px){.resource-list--grid { --resource-list-columns-per-row: 3; grid-template-columns: repeat(var(--resource-list-columns-per-row),1fr); }}
@container resource-list (min-width: 750px){.resource-list--grid { grid-template-columns: repeat(var(--resource-list-columns-per-row),1fr); }}
.resource-list__item { height: 100%; color: var(--color-foreground); text-decoration: none; }
.group-block, .group-block-content { position: relative; }
.group-block:has(> video-background-component), .group-block:has(> .background-image-container) { overflow: hidden; }
.group-block-content { height: 100%; width: 100%; }
.layout-panel-flex--row > .group-block--width-fill { flex: 1 1 0%; }
.layout-panel-flex--row > .group-block--width-custom { flex-basis: var(--size-style-width); }
.group-block--height-fit { height: auto; }
.layout-panel-flex--column > .group-block--height-fit { flex: 0 1 auto; }
@media (prefers-reduced-motion: no-preference){html { scroll-behavior: smooth; }}
@media screen and (max-width: 1200px){input, textarea, select, .paragraph.paragraph input, .paragraph.paragraph textarea, .paragraph.paragraph select, .h1.h1 input, .h1.h1 textarea, .h1.h1 select, .h2.h2 input, .h2.h2 textarea, .h2.h2 select, .h3.h3 input, .h3.h3 textarea, .h3.h3 select, .h4.h4 input, .h4.h4 textarea, .h4.h4 select, .h5.h5 input, .h5.h5 textarea, .h5.h5 select, .h6.h6 input, .h6.h6 textarea, .h6.h6 select { font-size: max(1rem, 100%); }}
.product-recommendations { display: block; }
.product-recommendations__skeleton-item { aspect-ratio: 3 / 4; background-color: var(--color-foreground); opacity: var(--skeleton-opacity); border-radius: 4px; }
@media screen and (max-width: 749px){.product-recommendations__skeleton-item:nth-child(2n+1) { display: none; }}
product-recommendations:has([data-has-recommendations="false"]) { display: none; }
.add-to-cart-button { --text-speed: .26; --base-delay: calc(var(--text-speed) * .25); --tick-speed: .1; --ring-speed: .2; --check-speed: .2; --burst-speed: .32; --step-delay: 3; --speed: 1; user-select: none; transition-property: color, box-shadow, background-color, scale, translate; transition-duration: var(--animation-speed); transition-timing-function: var(--ease-out-cubic); }
.add-to-cart-button:active { scale: 0.99; translate: 0px 1px; }
.add-to-cart-button .svg-wrapper .checkmark-burst { width: 30px; height: 30px; }
.add-to-cart-text { --atc-opacity: 0; --atc-destination: -1em; display: flex; gap: var(--gap-2xs); align-items: center; justify-content: center; animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing); animation-fill-mode: forwards; transition: width var(--animation-speed) var(--animation-easing),opacity var(--animation-speed) var(--animation-easing); }
.add-to-cart__added { --atc-opacity: 1; --atc-destination: 0px; position: absolute; top: 50%; left: 50%; translate: -50% -50%; display: flex; align-items: center; justify-content: center; gap: 0.3rem; }
.add-to-cart__added-icon { width: 32px; height: 32px; }
.checkmark-burst { opacity: 0; overflow: visible; }
.checkmark-burst .burst { rotate: 20deg; }
.checkmark-burst .check { opacity: 0.2; scale: 0.8; filter: blur(2px); transform: translateZ(0px); }
.checkmark-burst :is(.ring, .line, .check, .burst, .tick) { transform-box: fill-box; transform-origin: center center; }
.checkmark-burst :is(.line) { stroke-dasharray: 1.5, 1.5; stroke-dashoffset: -1.5; translate: 0px -180%; }
.checkmark-burst g { transform-origin: center center; rotate: calc(var(--index) * (360 / 8) * 1deg); }
@media (prefers-reduced-motion: no-preference){.add-to-cart-text { transition-property: clip-path, opacity, filter, translate; transition-duration: calc((var(--text-speed) * .6s)),calc((var(--text-speed) * 1s)); transition-timing-function: ease-out; }}
.add-to-cart-text { clip-path: circle(100% at 50% 50%); }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: New_Spirit_Condensed !important; }
@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; }
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; }
.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__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__media-grid { position: absolute; inset: 0px; display: grid; grid-column: 1 / -1; grid-template-columns: repeat(var(--hero-media-count, 1),1fr); }
.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 { 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__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; }
.layered-slideshow__panel-content :is(img, video, svg) { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.text-block:not(.text-block--full-width).h1, .text-block:not(.text-block--full-width).h2, .text-block:not(.text-block--full-width).h3, .text-block:not(.text-block--full-width).h4, .text-block:not(.text-block--full-width).h5, .text-block:not(.text-block--full-width).h6 { text-wrap: balance; }
.card__link ~ :is(.card__content, .card__media-wrapper) :is(a, button, input, textarea, select) { pointer-events: auto; }
body:has(> #header-group header-component[sticky]) .cart-summary__inner { top: var(--header-height, 0); }
.featured-blog-posts-card { text-align: var(--text-align); }
.featured-blog-posts-card__inner { gap: var(--gap); }
.resource-list--grid .resource-list__item { min-width: 0px; }
.featured-blog-posts-card__content { --flex-wrap: wrap; }
.featured-blog-posts-card__content h4 { margin: 0px; }
.featured-blog-posts-card__image { width: 100%; }
.marquee__content :is(p, h1, h2, h3, h4, h5, h6) { white-space: nowrap; }
.view-product-title { display: none; }
.submit-button { min-width: max-content; }
.contact-form__form, .contact-form__form-row { display: flex; flex-direction: column; gap: var(--gap-md); }
@media screen and (min-width: 750px){.contact-form__form-row { flex-direction: row; align-items: center; }}
.contact-form__input { width: 100%; overflow: hidden; text-overflow: ellipsis; color: var(--color-input-text); background-color: var(--color-input-background); padding: var(--padding-lg) var(--padding-xl); border-radius: var(--style-border-radius-inputs); border: var(--style-border-width-inputs) solid var(--color-input-border); -webkit-font-smoothing: antialiased; }
.contact-form__input--textarea { resize: vertical; min-height: var(--input-textarea-min-height); }
.email-signup-block { --arrow-button-size: 58px; --arrow-button-size-integrated: 42px; --arrow-button-size-small: 20px; --arrow-icon-size: 32px; --arrow-icon-size-small: 24px; min-width: fit-content; }
@media screen and (max-width: 749px){.email-signup-block { width: 100%; min-width: unset; }}
.email-signup__form { display: flex; flex-direction: column; }
.email-signup__input-group { display: flex; align-items: stretch; background-color: transparent; }
.email-signup__input-group:not(.email-signup__input-group--integrated):not(.email-signup__input-group--underline) { gap: var(--gap-xs); align-items: center; }
@media screen and (max-width: 749px){.email-signup__input-group:not(.email-signup__input-group--arrow):not(.email-signup__input-group--underline):not(.email-signup__input-group--integrated) { flex-direction: column; }}
.email-signup__input-group--integrated { border-width: var(--border-width); border-radius: var(--border-radius); border-style: solid; border-color: var(--color-input-border); background-color: var(--color-input-background); }
.email-signup__input { flex: 1 1 0%; min-width: 0px; border-width: var(--border-width); border-radius: var(--border-radius); border-style: solid; border-color: var(--color-input-border); }
@media screen and (max-width: 749px){.email-signup__input { width: 100%; }}
.email-signup__input-group--integrated .email-signup__input { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }
.email-signup__input.paragraph { color: var(--color-input-text); outline-color: var(--color-input-background); }
.email-signup__button { white-space: nowrap; padding: 0px; }
@media screen and (max-width: 749px){.email-signup__button { width: 100%; }}
.email-signup__input, .email-signup__button--text { padding: var(--padding-lg) var(--padding-3xl); }
.email-signup__input::placeholder { color: rgb(var(--color-input-text-rgb) / var(--opacity-70)); }
.email-signup__button-icon { color: currentcolor; padding: 5px; }
@media screen and (max-width: 749px){.email-signup__button-icon { padding: 0px; place-self: center; width: var(--icon-size-lg); height: var(--icon-size-lg); }}
.email-signup__button--arrow { width: var(--arrow-button-size-small); height: var(--arrow-button-size-small); padding: 0px; }
.email-signup__button--arrow:not(.email-signup__button--integrated) { width: var(--arrow-button-size); height: var(--arrow-button-size); display: flex; align-items: center; justify-content: center; }
.email-signup__button--arrow:not(.email-signup__button--integrated) > .email-signup__button-icon { width: var(--arrow-icon-size); height: var(--arrow-icon-size); padding: 0px; }
.email-signup__button--integrated { --button-offset: var(--margin-xs); align-self: stretch; margin: var(--button-offset); flex-shrink: 0; }
@media screen and (max-width: 749px){.email-signup__button--integrated { width: fit-content; }}
.email-signup__button--integrated > .email-signup__button-icon { padding: 0px; }
.email-signup__button--integrated.email-signup__button--arrow { width: var(--arrow-button-size-integrated); height: var(--arrow-button-size-integrated); align-self: center; display: flex; align-items: center; justify-content: center; }
.email-signup__button--integrated.email-signup__button--arrow > .email-signup__button-icon { width: var(--arrow-icon-size-small); height: var(--arrow-icon-size-small); }
.email-signup__button:not(.button-unstyled) { background-color: var(--button-background-color); color: var(--button-color); text-transform: var(--button-text-case-primary); }
.icon-block { display: flex; flex-shrink: 0; }
.icon-block__media { height: auto; }
.image-block { display: flex; justify-content: var(--horizontal-alignment, "inline-start"); }
.image-block__image { object-fit: cover; aspect-ratio: var(--ratio); }
.link { text-decoration: none; }
.link:hover { color: var(--color-primary-hover); text-decoration-color: transparent; }
.buy-buttons-block { --buy-button-preferred-width: 185px; width: 100%; }
.product-form-buttons { display: flex; flex-wrap: wrap; }
.product-form-buttons button { width: 100%; padding-block: var(--padding-lg); }
.add-to-cart-button { height: var(--height-buy-buttons); text-transform: var(--button-text-case-primary); }
.product-form-text__error { display: flex; flex: 1 0 100%; align-items: flex-start; gap: var(--gap-xs); margin-block-end: var(--gap-xs); }
@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; }}
.divider { align-self: stretch; display: flex; align-items: center; justify-content: var(--divider-justify-content); }
.divider__line { border-bottom: var(--divider-border-thickness) solid var(--color-border); border-right: var(--divider-border-thickness) solid var(--color-border); border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); flex-basis: var(--divider-flex-basis); min-height: var(--divider-flex-basis); }
.group-block__link ~ :is(.group-block-content, .group-block__media-wrapper) :is(a, button, input, textarea, select) { pointer-events: auto; }
@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--gradient { background: linear-gradient(var(--overlay-direction),var(--overlay-color),var(--overlay-color--end)); }
.email-signup__input-group, .password-dialog__submit-button { width: 100%; }
@media screen and (min-width: 750px){.email-signup__input-group, .password-dialog__submit-button { width: auto; }}
body:has(#header-group #header-component[data-sticky-state="active"]) .product-details.sticky-content--desktop { --sticky-header-offset: var(--header-height); }
:root:active-view-transition .dialog-zoomed-gallery__dialog { background-color: transparent; }
@media screen and (min-width: 750px){:root:active-view-transition .product-media__image { background-color: transparent; }}
@property --quick-add-modal-mask-start { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --quick-add-modal-mask-end { syntax: "<length>"; inherits: true; initial-value: 0px; }
@media screen and (min-width: 750px){.quick-add-modal__content .product-details :not(.group-block, .group-block-content, .buy-buttons-block, .buy-buttons-block *, .view-product-title, .view-product-title *, variant-picker, variant-picker *, product-price, product-price *, product-inventory, product-inventory *, .view-more-details__wrapper, .view-more-details__wrapper *) { display: none !important; }}
.quick-add-modal__content .group-block:not(:has(.buy-buttons-block, .buy-buttons-block *, .view-product-title, .view-product-title *, variant-picker, variant-picker *, product-price, product-price *, product-inventory, product-inventory *, .view-more-details__wrapper, .view-more-details__wrapper *), .buy-buttons-block) { display: none; }
.resource-image { position: relative; display: flex; width: 100%; height: 100%; z-index: var(--layer-base); overflow: hidden; max-width: 100%; max-height: 100%; aspect-ratio: var(--ratio); }
.resource-image__image { object-fit: cover; aspect-ratio: var(--ratio); width: 100%; height: 100%; }
.resource-list__carousel { --slide-width: 60vw; width: 100%; position: relative; container: resource-list-carousel / inline-size; }
.resource-list__carousel .slideshow-control--next { margin-inline-start: auto; }
@container resource-list-carousel (max-width: 749px){.resource-list__carousel .resource-list__slide { --slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max)); }}
@container resource-list-carousel (min-width: 750px){.resource-list__carousel .resource-list__slide { --section-slide-width: calc( (100% - (var(--resource-list-column-gap) * (var(--column-count) - 1)) - var(--peek-next-slide-size)) / var(--column-count) ); --fallback-slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max)); --slide-width: var(--section-slide-width, var(--fallback-slide-width)); }}
.resource-list__carousel slideshow-slides { gap: var(--resource-list-column-gap); margin-block: -16px; padding-block: 16px; }
.resource-list__carousel slideshow-arrows { padding-inline: var(--util-page-margin-offset); }
.resource-list__carousel .resource-list__slide { width: var(--slide-width); flex: 0 0 auto; scroll-snap-align: start; min-width: 0px; }
.resource-list__carousel :is(slideshow-slide:has(+ slideshow-slide[aria-hidden="false"]), slideshow-slide[aria-hidden="false"] + slideshow-slide) { content-visibility: auto; }
.section-wrapper { --section-height-offset: 0px; }
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); }
.slideshow-control .icon-caret { rotate: -90deg; }
slideshow-arrows { --cursor-previous: w-resize; --cursor-next: e-resize; position: absolute; inset: 0px; display: flex; z-index: var(--layer-heightened); pointer-events: none; mix-blend-mode: difference; align-items: flex-end; }
slideshow-arrows[position="center"] { justify-content: space-between; align-items: center; }
slideshow-arrows:has(.slideshow-control--shape-square), slideshow-arrows:has(.slideshow-control--shape-circle) { mix-blend-mode: normal; }
slideshow-arrows .slideshow-control { pointer-events: auto; opacity: 0; min-height: var(--minimum-touch-target); min-width: var(--minimum-touch-target); padding: 0 var(--padding-xs); color: var(--color-white); }
@supports not (view-timeline-axis: inline){:is()[aria-selected="true"] { --color: var(--color-active); }}
slideshow-component { --cursor: grab; --slide-offset: 6px; position: relative; display: flex; flex-direction: column; timeline-scope: var(--slideshow-timeline); }
slideshow-slides { width: 100%; position: relative; display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-color: transparent transparent; scrollbar-width: none; gap: var(--slideshow-gap, 0); cursor: var(--cursor); min-height: var(--slide-min-height); align-items: var(--slideshow-align-items, normal); }
@media (prefers-reduced-motion){slideshow-slides { scroll-behavior: auto; }}
slideshow-slides::-webkit-scrollbar { width: 0px; }
slideshow-slides::-webkit-scrollbar-track { background: transparent; }
slideshow-slides::-webkit-scrollbar-thumb { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
@media screen and (min-width: 750px){slideshow-slides { min-height: var(--slide-min-height-desktop); }}
slideshow-component:not([in-viewport]) slideshow-slides { overflow: hidden; }
slideshow-slides[gutters*="start"] { padding-inline-start: var(--gutter-slide-width, 0); scroll-padding-inline-start: var(--gutter-slide-width, 0); }
slideshow-slides[gutters*="end"] { padding-inline-end: var(--gutter-slide-width, 0); }
slideshow-container { width: 100%; display: block; position: relative; grid-area: container; container-type: inline-size; background-color: var(--color-background); }
slideshow-slide { position: relative; scroll-snap-align: center; width: var(--slide-width, 100%); max-height: 100%; flex-shrink: 0; view-timeline-name: var(--slideshow-timeline); view-timeline-axis: inline; content-visibility: auto; contain-intrinsic-size: auto none; border-radius: var(--corner-radius, 0); overflow: hidden; }
slideshow-component[actioned] slideshow-slide, slideshow-slide[aria-hidden="false"] { content-visibility: visible; }
slideshow-slide[aria-hidden="true"] { cursor: pointer; }
:root { --text-align-default: left; }
[style*="--horizontal-alignment: center"] .text-block { --text-align-default: center; }
[style*="--horizontal-alignment: flex-start"] > .text-block { --text-align-default: left; }
[style*="--horizontal-alignment: center"] > .text-block { --text-align-default: center; }
.text-block { width: var(--width); max-width: 100%; display: flex; flex-direction: column; align-items: var(--horizontal-alignment); }
.text-block > * { width: var(--width); max-inline-size: min(100%,var(--max-width, 100%)); text-align: var(--text-align, var(--text-align-default)); text-wrap: var(--text-wrap); }
.text-block:not(.text-block--full-width).rte, .text-block:not(.text-block--full-width).paragraph { text-wrap: pretty; }
.text-block:not(.text-block--full-width):is(.h1, .h2, .h3, .h4, .h5, .h6) { text-wrap: balance; }
.text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) a { text-decoration-color: transparent; }
.text-block h1, .text-block.h1 > * { margin-block: var(--font-h1--spacing); }
.text-block h2, .text-block.h2 > * { margin-block: var(--font-h2--spacing); }
.text-block h3, .text-block.h3 > * { margin-block: var(--font-h3--spacing); }
.text-block h4, .text-block.h4 > * { margin-block: var(--font-h4--spacing); }
.text-block h5, .text-block.h5 > * { margin-block: var(--font-h5--spacing); }
.text-block h6, .text-block.h6 > * { margin-block: var(--font-h6--spacing); }
.text-block p, .text-block.p > * { margin-block: var(--font-paragraph--spacing); }
.text-block > :first-child { margin-block-start: 0px; }
.text-block > :last-child { margin-block-end: 0px; }
.text-block--align-center, .text-block--align-center > * { margin-inline: auto; }
.text-block--background { background-color: var(--text-background-color); border-radius: var(--text-corner-radius); padding-block-start: max(var(--text-padding),var(--padding-block-start, 0)); padding-block-end: max(var(--text-padding),var(--padding-block-end, 0)); padding-inline-start: max(var(--text-padding),var(--padding-inline-start, 0)); padding-inline-end: max(var(--text-padding),var(--padding-inline-end, 0)); }
.custom-color, .custom-color > :is(h1, h2, h3, h4, h5, h6, p, *) { color: var(--color); }
.variant-picker, .variant-picker__form { width: 100%; }
@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; }
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; }
.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__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__media-grid { position: absolute; inset: 0px; display: grid; grid-column: 1 / -1; grid-template-columns: repeat(var(--hero-media-count, 1),1fr); }
.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 { 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__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; }
.text-block:not(.text-block--full-width).h1, .text-block:not(.text-block--full-width).h2, .text-block:not(.text-block--full-width).h3, .text-block:not(.text-block--full-width).h4, .text-block:not(.text-block--full-width).h5, .text-block:not(.text-block--full-width).h6 { text-wrap: balance; }
.email-signup-block { --arrow-button-size: 58px; --arrow-button-size-integrated: 42px; --arrow-button-size-small: 20px; --arrow-icon-size: 32px; --arrow-icon-size-small: 24px; min-width: fit-content; }
@media screen and (max-width: 749px){.email-signup-block { width: 100%; min-width: unset; }}
.email-signup__form { display: flex; flex-direction: column; }
.email-signup__input-group { display: flex; align-items: stretch; background-color: transparent; }
.email-signup__input-group:not(.email-signup__input-group--integrated):not(.email-signup__input-group--underline) { gap: var(--gap-xs); align-items: center; }
@media screen and (max-width: 749px){.email-signup__input-group:not(.email-signup__input-group--arrow):not(.email-signup__input-group--underline):not(.email-signup__input-group--integrated) { flex-direction: column; }}
.email-signup__input-group--integrated { border-width: var(--border-width); border-radius: var(--border-radius); border-style: solid; border-color: var(--color-input-border); background-color: var(--color-input-background); }
.email-signup__input { flex: 1 1 0%; min-width: 0px; border-width: var(--border-width); border-radius: var(--border-radius); border-style: solid; border-color: var(--color-input-border); }
@media screen and (max-width: 749px){.email-signup__input { width: 100%; }}
.email-signup__input-group--integrated .email-signup__input { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }
.email-signup__input.paragraph { color: var(--color-input-text); outline-color: var(--color-input-background); }
.email-signup__button { white-space: nowrap; padding: 0px; }
@media screen and (max-width: 749px){.email-signup__button { width: 100%; }}
.email-signup__input, .email-signup__button--text { padding: var(--padding-lg) var(--padding-3xl); }
.email-signup__input::placeholder { color: rgb(var(--color-input-text-rgb) / var(--opacity-70)); }
.email-signup__button-icon { color: currentcolor; padding: 5px; }
@media screen and (max-width: 749px){.email-signup__button-icon { padding: 0px; place-self: center; width: var(--icon-size-lg); height: var(--icon-size-lg); }}
.email-signup__button--arrow { width: var(--arrow-button-size-small); height: var(--arrow-button-size-small); padding: 0px; }
.email-signup__button--arrow:not(.email-signup__button--integrated) { width: var(--arrow-button-size); height: var(--arrow-button-size); display: flex; align-items: center; justify-content: center; }
.email-signup__button--arrow:not(.email-signup__button--integrated) > .email-signup__button-icon { width: var(--arrow-icon-size); height: var(--arrow-icon-size); padding: 0px; }
.email-signup__button--integrated { --button-offset: var(--margin-xs); align-self: stretch; margin: var(--button-offset); flex-shrink: 0; }
@media screen and (max-width: 749px){.email-signup__button--integrated { width: fit-content; }}
.email-signup__button--integrated > .email-signup__button-icon { padding: 0px; }
.email-signup__button--integrated.email-signup__button--arrow { width: var(--arrow-button-size-integrated); height: var(--arrow-button-size-integrated); align-self: center; display: flex; align-items: center; justify-content: center; }
.email-signup__button--integrated.email-signup__button--arrow > .email-signup__button-icon { width: var(--arrow-icon-size-small); height: var(--arrow-icon-size-small); }
.email-signup__button:not(.button-unstyled) { background-color: var(--button-background-color); color: var(--button-color); text-transform: var(--button-text-case-primary); }
.image-block { display: flex; justify-content: var(--horizontal-alignment, "inline-start"); }
.image-block__image { object-fit: cover; aspect-ratio: var(--ratio); }
@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; }}
.divider { align-self: stretch; display: flex; align-items: center; justify-content: var(--divider-justify-content); }
.divider__line { border-bottom: var(--divider-border-thickness) solid var(--color-border); border-right: var(--divider-border-thickness) solid var(--color-border); border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); flex-basis: var(--divider-flex-basis); min-height: var(--divider-flex-basis); }
@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--gradient { background: linear-gradient(var(--overlay-direction),var(--overlay-color),var(--overlay-color--end)); }
@property --quick-add-modal-mask-start { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --quick-add-modal-mask-end { syntax: "<length>"; inherits: true; initial-value: 0px; }
@media screen and (min-width: 750px){.quick-add-modal__content .product-details :not(.group-block, .group-block-content, .buy-buttons-block, .buy-buttons-block *, .view-product-title, .view-product-title *, variant-picker, variant-picker *, product-price, product-price *, product-inventory, product-inventory *, .view-more-details__wrapper, .view-more-details__wrapper *) { display: none !important; }}
.quick-add-modal__content .group-block:not(:has(.buy-buttons-block, .buy-buttons-block *, .view-product-title, .view-product-title *, variant-picker, variant-picker *, product-price, product-price *, product-inventory, product-inventory *, .view-more-details__wrapper, .view-more-details__wrapper *), .buy-buttons-block) { display: none; }
.section-wrapper { --section-height-offset: 0px; }
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); }
.slideshow-control .icon-caret { rotate: -90deg; }
slideshow-arrows { --cursor-previous: w-resize; --cursor-next: e-resize; position: absolute; inset: 0px; display: flex; z-index: var(--layer-heightened); pointer-events: none; mix-blend-mode: difference; align-items: flex-end; }
slideshow-arrows[position="center"] { justify-content: space-between; align-items: center; }
slideshow-arrows:has(.slideshow-control--shape-square), slideshow-arrows:has(.slideshow-control--shape-circle) { mix-blend-mode: normal; }
slideshow-arrows .slideshow-control { pointer-events: auto; opacity: 0; min-height: var(--minimum-touch-target); min-width: var(--minimum-touch-target); padding: 0 var(--padding-xs); color: var(--color-white); }
slideshow-component { --cursor: grab; --slide-offset: 6px; position: relative; display: flex; flex-direction: column; timeline-scope: var(--slideshow-timeline); }
slideshow-slides { width: 100%; position: relative; display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-color: transparent transparent; scrollbar-width: none; gap: var(--slideshow-gap, 0); cursor: var(--cursor); min-height: var(--slide-min-height); align-items: var(--slideshow-align-items, normal); }
@media (prefers-reduced-motion){slideshow-slides { scroll-behavior: auto; }}
slideshow-slides::-webkit-scrollbar { width: 0px; }
slideshow-slides::-webkit-scrollbar-track { background: transparent; }
slideshow-slides::-webkit-scrollbar-thumb { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
@media screen and (min-width: 750px){slideshow-slides { min-height: var(--slide-min-height-desktop); }}
slideshow-component:not([in-viewport]) slideshow-slides { overflow: hidden; }
slideshow-slides[gutters*="start"] { padding-inline-start: var(--gutter-slide-width, 0); scroll-padding-inline-start: var(--gutter-slide-width, 0); }
slideshow-slides[gutters*="end"] { padding-inline-end: var(--gutter-slide-width, 0); }
slideshow-container { width: 100%; display: block; position: relative; grid-area: container; container-type: inline-size; background-color: var(--color-background); }
slideshow-slide { position: relative; scroll-snap-align: center; width: var(--slide-width, 100%); max-height: 100%; flex-shrink: 0; view-timeline-name: var(--slideshow-timeline); view-timeline-axis: inline; content-visibility: auto; contain-intrinsic-size: auto none; border-radius: var(--corner-radius, 0); overflow: hidden; }
slideshow-component[actioned] slideshow-slide, slideshow-slide[aria-hidden="false"] { content-visibility: visible; }
slideshow-slide[aria-hidden="true"] { cursor: pointer; }
:root { --text-align-default: left; }
[style*="--horizontal-alignment: center"] .text-block { --text-align-default: center; }
[style*="--horizontal-alignment: flex-start"] > .text-block { --text-align-default: left; }
[style*="--horizontal-alignment: center"] > .text-block { --text-align-default: center; }
.text-block { width: var(--width); max-width: 100%; display: flex; flex-direction: column; align-items: var(--horizontal-alignment); }
.text-block > * { width: var(--width); max-inline-size: min(100%,var(--max-width, 100%)); text-align: var(--text-align, var(--text-align-default)); text-wrap: var(--text-wrap); }
.text-block:not(.text-block--full-width).rte, .text-block:not(.text-block--full-width).paragraph { text-wrap: pretty; }
.text-block:not(.text-block--full-width):is(.h1, .h2, .h3, .h4, .h5, .h6) { text-wrap: balance; }
.text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) a { text-decoration-color: transparent; }
.text-block h1, .text-block.h1 > * { margin-block: var(--font-h1--spacing); }
.text-block h2, .text-block.h2 > * { margin-block: var(--font-h2--spacing); }
.text-block h3, .text-block.h3 > * { margin-block: var(--font-h3--spacing); }
.text-block h4, .text-block.h4 > * { margin-block: var(--font-h4--spacing); }
.text-block h5, .text-block.h5 > * { margin-block: var(--font-h5--spacing); }
.text-block h6, .text-block.h6 > * { margin-block: var(--font-h6--spacing); }
.text-block p, .text-block.p > * { margin-block: var(--font-paragraph--spacing); }
.text-block > :first-child { margin-block-start: 0px; }
.text-block > :last-child { margin-block-end: 0px; }
.text-block--align-center, .text-block--align-center > * { margin-inline: auto; }
.text-block--background { background-color: var(--text-background-color); border-radius: var(--text-corner-radius); padding-block-start: max(var(--text-padding),var(--padding-block-start, 0)); padding-block-end: max(var(--text-padding),var(--padding-block-end, 0)); padding-inline-start: max(var(--text-padding),var(--padding-inline-start, 0)); padding-inline-end: max(var(--text-padding),var(--padding-inline-end, 0)); }
.custom-color, .custom-color > :is(h1, h2, h3, h4, h5, h6, p, *) { color: var(--color); }