/** Shopify CDN: Minification failed

Line 7109:0 Expected "}" to go with "{"

**/
@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  min-width: 320px;
  margin: 0;
  background-color: var(--bg-color);
}
body.fixed {
  padding-right: var(--scrollbar-width);
}

.custom-scrollbars {
  scrollbar-color: rgb(var(--text-accent-color)) transparent;
}
.custom-scrollbars, .custom-scrollbars * {
  scrollbar-width: thin;
}

summary {
  overflow: hidden;
  list-style: none;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

.color-scheme {
  color: rgb(var(--text-color));
}
.color-scheme .section__heading,
.color-scheme .section__block--heading,
.color-scheme .text-overlay__heading, .color-scheme.card:not(.card--related) .card__title {
  color: rgb(var(--heading-color));
}
.color-scheme:not(.color-scheme--no-bg) {
  background-color: var(--bg-color);
}

@media (hover: hover) and (pointer: fine) {
  .btn--primary:hover {
    border-color: var(--btn-bg-hover-color);
    background-color: var(--btn-bg-hover-color);
  }
  .btn--secondary:hover {
    background-color: rgb(var(--btn-bg-color));
    color: rgb(var(--btn-text-color));
  }
}
:root {
  --fluid-vw: 100vw;
  --fluid-max-vw: 1536;
  --fluid-calc: (var(--fluid-vw) - 32rem) / (var(--fluid-max-vw) / 10 - 32) + 0.1rem;
  --fluid-1-065: ((1.065 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-125: ((1.125 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-19: ((1.19 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-2: ((1.2 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-23: ((1.23 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-25: ((1.25 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-3: ((1.3 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-4: ((1.4 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-5: ((1.5 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-575: ((1.575 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-6: ((1.6 / 10 - 0.1) * var(--fluid-calc));
  --fluid-1-75: ((1.75 / 10 - 0.1) * var(--fluid-calc));
  --fluid-2: ((2 / 10 - 0.1) * var(--fluid-calc));
  --fluid-2-6: ((2.6 / 10 - 0.1) * var(--fluid-calc));
  --fluid-3: ((3 / 10 - 0.1) * var(--fluid-calc));
}

@media (min-width: 1536px) {
  :root {
    --fluid-vw: calc(var(--fluid-max-vw) * 1px);
  }
}
:focus {
  outline: 0;
}

:focus-visible,
.focus-label:focus-visible + label,
.focus-label-before:focus-visible + label::before,
.opt-label--swatch .opt-btn:focus-visible + .opt-swatch::before {
  outline: auto Highlight;
  outline: auto -webkit-focus-ring-color;
}

.is-focused,
.focus-label.is-focused + label,
.focus-label-before.is-focused + label::before,
.opt-label--swatch .opt-btn.is-focused + .opt-swatch::before,
.no-js :focus,
.no-js .focus-label:focus + label,
.no-js .focus-label-before:focus + label::before {
  outline: auto Highlight;
  outline: auto -webkit-focus-ring-color;
}

.opt-label--swatch .opt-btn.is-focused + .opt-swatch::before {
  opacity: 1;
}

.no-js :focus:not(:focus-visible),
.no-js .focus-label:focus:not(:focus-visible) + label,
.no-js .focus-label-before:focus:not(:focus-visible) + label::before {
  outline: 0;
}

.focus-inset:focus-visible {
  outline-offset: -2px;
}

.focus-inset.is-focused,
.no-js .focus-inset:focus {
  outline-offset: -2px;
}

:root {
  --announcement-height: 37px;
  --header-height: 101px;
  --reading-width: 840px;
  --viewport-width: calc(100vw - var(--scrollbar-width, 0));
  --gutter: var(--gutter-sm, 20px);
  --column-gap: var(--grid-column-gap);
  --row-gap: calc(10 * var(--space-unit));
  --space-unit: 0.4rem;
  --quick-buy-width: 100%;
  --fluid-content-border-radius: calc((var(--content-border-radius) / 1.5) * var(--fluid-1-5));
  --fluid-image-border-radius: calc((var(--image-border-radius) / 1.5) * var(--fluid-1-5));
  --fluid-small-image-border-radius: calc((var(--small-image-border-radius) / 1.5) * var(--fluid-1-5));
  --fluid-overlay-border-radius: calc((var(--overlay-border-radius) / 1.5) * var(--fluid-1-5));
  --fluid-nav-border-radius: calc((var(--nav-border-radius) / 1.5) * var(--fluid-1-5));
  --fluid-modal-border-radius: calc((var(--modal-border-radius) / 1.5) * var(--fluid-1-5));
}

.shopify-policy__container,
.shopify-challenge__container,
.shopify-email-marketing-confirmation__container {
  max-width: calc(var(--reading-width, 840px) + var(--gutter) * 2) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: var(--gutter) !important;
  padding-left: var(--gutter) !important;
}

.container {
  width: 100%;
  max-width: calc(var(--page-width, 1400px) + var(--gutter) * 2);
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--gutter);
  padding-left: var(--gutter);
}

.container--full {
  max-width: none;
}

.container--padded {
  padding-right: calc(4 * var(--space-unit));
  padding-left: calc(4 * var(--space-unit));
}

.container__inner {
  padding: calc(8 * var(--space-unit)) 0;
}

.wide-container {
  padding-right: var(--gutter);
  padding-left: var(--gutter);
}

.reading-width {
  max-width: var(--reading-width, 840px);
  margin-right: auto;
  margin-left: auto;
}

.reading-width--inline {
  max-width: var(--reading-width, 840px);
}

.reading-width--fixed {
  width: var(--reading-width, 840px);
  max-width: 100%;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.form-width {
  max-width: 416px;
}

.screen-height {
  min-height: var(--viewport-height, 100dvh);
  max-height: 1080px;
}
.shopify-section:first-child .screen-height {
  min-height: calc(var(--viewport-height, 100dvh) - var(--header-height));
}

.screen-height--fixed {
  min-height: 100svh;
}

.container .uncontain {
  margin-right: calc(-1 * var(--gutter));
  margin-left: calc(-1 * var(--gutter));
}

@media (min-width: 480px) {
  :root {
    --header-height: 163px;
    --column-gap: calc(var(--grid-column-gap) * 2);
  }
  .container-padded {
    padding-right: calc(8 * var(--space-unit));
    padding-left: calc(8 * var(--space-unit));
  }
  .container__inner {
    padding: calc(10 * var(--space-unit)) 0;
  }
}
@media (min-width: 768px) {
  :root {
    --gutter: var(--gutter-md, 48px);
    --quick-buy-width: 560px;
  }
  .container--padded {
    padding-right: calc(10 * var(--space-unit));
    padding-left: calc(10 * var(--space-unit));
  }
  .container__inner {
    padding: calc(12 * var(--space-unit));
  }
}
@media (min-width: 1024px) {
  :root {
    --gutter: var(--gutter-lg, 56px);
  }
  .container--padded-xl {
    padding-right: calc(26 * var(--space-unit));
    padding-left: calc(26 * var(--space-unit));
  }
  .container__inner {
    padding: calc(14 * var(--space-unit));
  }
}
@media (max-width: 479.98px) {
  .section--standard .container--text {
    padding-right: calc(var(--gutter) * 2);
    padding-left: calc(var(--gutter) * 2);
  }
  .section--standard .container--text .uncontain {
    margin-right: calc(-1 * var(--gutter) * 2);
    margin-left: calc(-1 * var(--gutter) * 2);
  }
}
:root {
  --h6: calc(var(--body-font-size) * var(--heading-scale-start));
  --h5: var(--h6) * 1.1;
  --h4: var(--h5) * 1.1;
  --h3: var(--h4) * 1.2;
  --h2: var(--h3) * 1.5;
  --h1: var(--h2) * 1.16;
  --hxl: var(--h1) * 1.2;
  --hxxl: var(--hxl) * 1.37;
  --hxxxl: var(--hxxl) * 1.72;
  --h6-font-size: calc((var(--h6) / 1.23) * var(--fluid-1-23));
  --h5-font-size: calc((var(--h5) / 1.23) * var(--fluid-1-23));
  --h4-font-size: calc((var(--h4) / 1.23) * var(--fluid-1-23));
  --h3-font-size: calc((var(--h3) / 1.23) * var(--fluid-1-23));
  --h2-font-size: calc((var(--h2) / 1.575) * var(--fluid-1-575));
  --h1-font-size: calc((var(--h1) / 1.575) * var(--fluid-1-575));
  --x-large-size: calc((var(--hxl) / 1.575) * var(--fluid-1-575));
  --xx-large-size: calc((var(--hxxl) / 1.75) * var(--fluid-1-75));
  --xxx-large-size: calc((var(--hxxxl) / 2) * var(--fluid-2));
  --rte-heading-type-scale: 1.2;
  --rte-h6: calc(var(--body-font-size) * var(--rte-heading-type-scale));
  --rte-h5: var(--rte-h6) * var(--rte-heading-type-scale);
  --rte-h4: var(--rte-h5) * var(--rte-heading-type-scale);
  --rte-h3: var(--rte-h4) * var(--rte-heading-type-scale);
  --rte-h2: var(--rte-h3) * var(--rte-heading-type-scale);
  --rte-h1: var(--rte-h2) * var(--rte-heading-type-scale);
  --rte-h6-font-size: calc((var(--rte-h6) / 1.065) * var(--fluid-1-065));
  --rte-h5-font-size: calc((var(--rte-h5) / 1.125) * var(--fluid-1-125));
  --rte-h4-font-size: calc((var(--rte-h4) / 1.2) * var(--fluid-1-2));
  --rte-h3-font-size: calc((var(--rte-h3) / 1.3) * var(--fluid-1-3));
  --rte-h2-font-size: calc((var(--rte-h2) / 1.4) * var(--fluid-1-4));
  --rte-h1-font-size: calc((var(--rte-h1) / 1.5) * var(--fluid-1-5));
}

body {
  color: rgb(var(--text-color));
  font-family: var(--body-font-family);
  font-size: calc(var(--body-font-size) * 0.1rem);
  font-style: var(--body-font-style);
  font-weight: var(--body-font-weight);
  line-height: 1.5;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.x-large-heading,
.xx-large-heading,
.xxx-large-heading,
.font-heading {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgb(var(--heading-color));
  font-family: var(--heading-font-family);
  font-style: var(--heading-font-style);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
  line-height: 1.25;
  text-transform: var(--heading-text-transform);
}

h1, .h1 {
  font-size: var(--h1-font-size);
}

h2, .h2 {
  font-size: var(--h2-font-size);
}

h3, .h3 {
  font-size: var(--h3-font-size);
}

h4, .h4 {
  font-size: var(--h4-font-size);
}

h5, .h5 {
  font-size: var(--h5-font-size);
}

h6, .h6 {
  font-size: var(--h6-font-size);
}

.x-large-heading {
  font-size: var(--x-large-size);
}

.xx-large-heading {
  font-size: var(--xx-large-size);
}

.xxx-large-heading {
  font-size: var(--xxx-large-size);
}

.h1--no-scaling {
  font-size: calc(var(--h1) * 0.1rem);
}

.h2--no-scaling {
  font-size: calc(var(--h2) * 0.1rem);
}

.h3--no-scaling {
  font-size: calc(var(--h3) * 0.1rem);
}

.h4--no-scaling {
  font-size: calc(var(--h4) * 0.1rem);
}

.h5--no-scaling {
  font-size: calc(var(--h5) * 0.1rem);
}

.h6--no-scaling {
  font-size: calc(var(--h6) * 0.1rem);
}

.font-body {
  color: rgb(var(--text-color));
  font-family: var(--body-font-family);
  font-style: var(--body-font-style);
  font-weight: var(--body-font-weight);
  line-height: 1.5;
  text-transform: initial;
}

p {
  margin: 0 0 1em;
}
p:empty {
  display: none;
}

hr {
  width: 100%;
  height: 1px;
  margin: calc(6 * var(--space-unit)) 0;
  border: 0;
  background-color: rgba(var(--text-color)/0.15);
}

address {
  font-style: normal;
}

.extra-small-text {
  font-size: 0.75em;
}

small {
  font-size: 0.875em;
}

.small-text {
  font-size: 0.875em;
}

.regular-text {
  font-size: 1em;
}

.enlarge-text {
  font-size: 1.25em;
}

.large-text {
  font-size: 2rem;
}

.x-large-text {
  font-size: var(--x-large-size);
}

.custom-case {
  text-transform: var(--custom-body-case, none);
}

.subheading {
  font-size: 0.75em;
  letter-spacing: 0.0675em;
  text-transform: var(--subheading-text-transform);
}

.rte {
  text-transform: none;
}
.rte::after {
  content: "";
  display: block;
  clear: both;
}
.rte > p:last-child {
  margin-bottom: 0;
}
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  color: rgb(var(--heading-color));
}
.rte h1:not(:first-child),
.rte h2:not(:first-child),
.rte h3:not(:first-child),
.rte h4:not(:first-child),
.rte h5:not(:first-child),
.rte h6:not(:first-child) {
  margin-top: 0.2em;
}
.rte h1:not(:last-child),
.rte h2:not(:last-child),
.rte h3:not(:last-child),
.rte h4:not(:last-child),
.rte h5:not(:last-child),
.rte h6:not(:last-child) {
  margin-bottom: 0.2em;
}
.rte h1 {
  font-size: var(--rte-h1-font-size);
}
.rte h2 {
  font-size: var(--rte-h2-font-size);
}
.rte h3 {
  font-size: var(--rte-h3-font-size);
}
.rte h4 {
  font-size: var(--rte-h4-font-size);
}
.rte h5 {
  font-size: var(--rte-h5-font-size);
}
.rte h6 {
  font-size: var(--rte-h6-font-size);
}

.rte.custom-case {
  text-transform: var(--custom-body-case, none);
}
.rte.custom-case h1,
.rte.custom-case h2,
.rte.custom-case h3,
.rte.custom-case h4,
.rte.custom-case h5,
.rte.custom-case h6 {
  text-transform: var(--custom-body-case, none);
}

@media (min-width: 768px) {
  .enlarge-text {
    font-size: 1.5em;
  }
  .md\:xx-large-heading {
    font-size: var(--xx-large-size);
  }
  .md\:x-large-heading {
    font-size: var(--x-large-size);
  }
  .md\:h1 {
    font-size: var(--h1-font-size);
  }
  .md\:h2 {
    font-size: var(--h2-font-size);
  }
  .md\:h3 {
    font-size: var(--h3-font-size);
  }
  .md\:h4 {
    font-size: var(--h4-font-size);
  }
  .md\:h5 {
    font-size: var(--h5-font-size);
  }
  .md\:h6 {
    font-size: var(--h6-font-size);
  }
}
@media (min-width: 1024px) {
  .enlarge-text {
    font-size: 1.5em;
  }
  .lg\:xx-large-heading {
    font-size: var(--xx-large-size);
  }
  .lg\:x-large-heading {
    font-size: var(--x-large-size);
  }
  .lg\:h1 {
    font-size: var(--h1-font-size);
  }
  .lg\:h2 {
    font-size: var(--h2-font-size);
  }
  .lg\:h3 {
    font-size: var(--h3-font-size);
  }
  .lg\:h4 {
    font-size: var(--h4-font-size);
  }
  .lg\:h5 {
    font-size: var(--h5-font-size);
  }
  .lg\:h6 {
    font-size: var(--h6-font-size);
  }
  .lg\:small-text {
    font-size: 0.875em;
  }
}
#main-content:not(:has(> .shopify-section)) {
  margin-top: calc(6 * var(--space-unit)) !important;
  margin-bottom: calc(6 * var(--space-unit)) !important;
  padding-top: calc(12 * var(--space-unit)) !important;
  padding-bottom: calc(14 * var(--space-unit)) !important;
}

.shopify-section {
  position: relative;
}

.section {
  display: flow-root;
  position: relative;
  width: 100%;
}
.section:empty {
  margin-top: 0;
  margin-bottom: 0;
}

.section--standard {
  margin-top: calc(6 * var(--space-unit));
  margin-bottom: calc(6 * var(--space-unit));
  padding-top: calc(12 * var(--space-unit));
  padding-bottom: calc(14 * var(--space-unit));
}

.section--inset-banner {
  margin-top: calc(6 * var(--space-unit));
  margin-bottom: calc(6 * var(--space-unit));
}

.section--padded {
  padding-top: calc(6 * var(--space-unit));
  padding-bottom: calc(6 * var(--space-unit));
}

.section--padded-more {
  padding-top: calc(16 * var(--space-unit));
  padding-bottom: calc(16 * var(--space-unit));
}

.section--border-radius {
  border-radius: calc(var(--content-border-radius) / 1.5 * var(--fluid-1-5));
}

/* --------------------------------------------------------------
    Beware: Some specificity quirks around .section--boundary classes
-------------------------------------------------------------- */
.shopify-section:has(+ .shopify-section .section--boundary-join) .section {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.shopify-section:has(+ .shopify-section .section--boundary-join) .section .image-banner__image {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.shopify-section .section--boundary-join {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.shopify-section .section--boundary-join.section--inset-banner {
  padding-top: 0;
}
.shopify-section .section--boundary-join .image-banner__image {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.shopify-section:has(.container .section):has(+ .shopify-section .wide-container .section--boundary-join) + .shopify-section .wide-container {
  max-width: calc(var(--page-width, 1400px) + var(--gutter) * 2);
  margin-right: auto;
  margin-left: auto;
}

.shopify-section:has(.wide-container .section):has(+ .shopify-section .container .section--boundary-join) .wide-container {
  max-width: calc(var(--page-width, 1400px) + var(--gutter) * 2);
  margin-right: auto;
  margin-left: auto;
}

.shopify-section:has(+ .shopify-section .section--boundary-tight):not(.non-join) .section:not(.section--full-width) {
  margin-bottom: calc(3 * var(--space-unit));
}
@media (min-width: 1024px) {
  .shopify-section:has(+ .shopify-section .section--boundary-tight):not(.non-join) .section:not(.section--full-width) {
    margin-bottom: calc(6 * var(--space-unit));
  }
}

.shopify-section .section--boundary-tight:not(.section--full-width) {
  margin-top: calc(3 * var(--space-unit));
}
@media (min-width: 1024px) {
  .shopify-section .section--boundary-tight:not(.section--full-width) {
    margin-top: calc(6 * var(--space-unit));
  }
}

.section__header,
.section__heading {
  margin-bottom: calc(8 * var(--space-unit));
}

.section__heading {
  text-align: center;
}

.section__block {
  margin-bottom: calc(6 * var(--space-unit));
}
.section__block:last-child {
  margin-bottom: 0;
}

.section__block + .section__block--buttons {
  margin-top: calc(8 * var(--space-unit));
}

.section__block--buttons {
  align-items: flex-end;
  column-gap: calc(4 * var(--space-unit));
  row-gap: calc(4 * var(--space-unit));
}

.section__block--countdown {
  margin-bottom: calc(10 * var(--space-unit));
}

.section__block--form {
  width: 90%;
  margin-top: calc(8 * var(--space-unit));
}

.shopify-policy__title {
  text-align: center;
}
.shopify-policy__title h1 {
  margin-bottom: calc(12 * var(--space-unit));
}

.shopify-challenge__button {
  margin-top: calc(8 * var(--space-unit)) !important;
}

@media (min-width: 768px) {
  .section--padded-more {
    padding-top: calc(26 * var(--space-unit));
    padding-bottom: calc(26 * var(--space-unit));
  }
  .section__block--form {
    margin-top: calc(12 * var(--space-unit));
  }
}
@media (min-width: 1024px) {
  #main-content:not(:has(> .shopify-section)) {
    margin-top: calc(12 * var(--space-unit)) !important;
    margin-bottom: calc(12 * var(--space-unit)) !important;
    padding-top: calc(16 * var(--space-unit)) !important;
    padding-bottom: calc(20 * var(--space-unit)) !important;
  }
  .section--standard {
    margin-top: calc(12 * var(--space-unit));
    margin-bottom: calc(12 * var(--space-unit));
    padding-top: calc(16 * var(--space-unit));
    padding-bottom: calc(20 * var(--space-unit));
  }
  .section--inset-banner {
    margin-top: calc(12 * var(--space-unit));
    margin-bottom: calc(12 * var(--space-unit));
  }
  .section--padded-more {
    padding-top: calc(26 * var(--space-unit));
    padding-bottom: calc(32 * var(--space-unit));
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0;
}
.bottom-0{
  bottom: 0;
}
.bottom-3{
  bottom: calc(3 * var(--space-unit));
}
.bottom-\[-1px\]{
  bottom: -1px;
}
.bottom-\[-2vh\]{
  bottom: -2vh;
}
.bottom-full{
  bottom: 100%;
}
.end-0{
  inset-inline-end: 0;
}
.end-1{
  inset-inline-end: var(--space-unit);
}
.left-0{
  left: 0;
}
.left-1\/2{
  left: 50%;
}
.right-0{
  right: 0;
}
.start-0{
  inset-inline-start: 0;
}
.top-0{
  top: 0;
}
.top-1{
  top: var(--space-unit);
}
.top-1\/2{
  top: 50%;
}
.top-\[-100vh\]{
  top: -100vh;
}
.isolate{
  isolation: isolate;
}
.z-1{
  z-index: 1;
}
.z-10{
  z-index: 10;
}
.z-2{
  z-index: 2;
}
.z-3{
  z-index: 3;
}
.z-5{
  z-index: 5;
}
.order-3{
  order: 3;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-7{
  grid-column: span 7 / span 7;
}
.col-span-8{
  grid-column: span 8 / span 8;
}
.col-span-full{
  grid-column: 1 / -1;
}
.col-start-2{
  grid-column-start: 2;
}
.col-start-3{
  grid-column-start: 3;
}
.m-0{
  margin: 0;
}
.-mx-4{
  margin-left: calc(calc(4 * var(--space-unit)) * -1);
  margin-right: calc(calc(4 * var(--space-unit)) * -1);
}
.-mx-6{
  margin-left: calc(calc(6 * var(--space-unit)) * -1);
  margin-right: calc(calc(6 * var(--space-unit)) * -1);
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-12{
  margin-top: calc(12 * var(--space-unit));
  margin-bottom: calc(12 * var(--space-unit));
}
.my-4{
  margin-top: calc(4 * var(--space-unit));
  margin-bottom: calc(4 * var(--space-unit));
}
.my-6{
  margin-top: calc(6 * var(--space-unit));
  margin-bottom: calc(6 * var(--space-unit));
}
.-me-4{
  margin-inline-end: calc(calc(4 * var(--space-unit)) * -1);
}
.-mt-1{
  margin-top: calc(var(--space-unit) * -1);
}
.mb-0{
  margin-bottom: 0;
}
.mb-1{
  margin-bottom: var(--space-unit);
}
.mb-10{
  margin-bottom: calc(10 * var(--space-unit));
}
.mb-12{
  margin-bottom: calc(12 * var(--space-unit));
}
.mb-14{
  margin-bottom: calc(14 * var(--space-unit));
}
.mb-16{
  margin-bottom: calc(16 * var(--space-unit));
}
.mb-2{
  margin-bottom: calc(2 * var(--space-unit));
}
.mb-3{
  margin-bottom: calc(3 * var(--space-unit));
}
.mb-4{
  margin-bottom: calc(4 * var(--space-unit));
}
.mb-5{
  margin-bottom: calc(5 * var(--space-unit));
}
.mb-6{
  margin-bottom: calc(6 * var(--space-unit));
}
.mb-8{
  margin-bottom: calc(8 * var(--space-unit));
}
.me-1{
  margin-inline-end: var(--space-unit);
}
.me-2{
  margin-inline-end: calc(2 * var(--space-unit));
}
.me-auto{
  margin-inline-end: auto;
}
.ml-2{
  margin-left: calc(2 * var(--space-unit));
}
.ml-auto{
  margin-left: auto;
}
.mr-2{
  margin-right: calc(2 * var(--space-unit));
}
.mr-auto{
  margin-right: auto;
}
.ms-4{
  margin-inline-start: calc(4 * var(--space-unit));
}
.ms-6{
  margin-inline-start: calc(6 * var(--space-unit));
}
.ms-auto{
  margin-inline-start: auto;
}
.mt-0{
  margin-top: 0;
}
.mt-1{
  margin-top: var(--space-unit);
}
.mt-10{
  margin-top: calc(10 * var(--space-unit));
}
.mt-12{
  margin-top: calc(12 * var(--space-unit));
}
.mt-16{
  margin-top: calc(16 * var(--space-unit));
}
.mt-18{
  margin-top: calc(18 * var(--space-unit));
}
.mt-2{
  margin-top: calc(2 * var(--space-unit));
}
.mt-3{
  margin-top: calc(3 * var(--space-unit));
}
.mt-4{
  margin-top: calc(4 * var(--space-unit));
}
.mt-5{
  margin-top: calc(5 * var(--space-unit));
}
.mt-6{
  margin-top: calc(6 * var(--space-unit));
}
.mt-8{
  margin-top: calc(8 * var(--space-unit));
}
.mt-auto{
  margin-top: auto;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.flow-root{
  display: flow-root;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.aspect-\[1\.2\/1\]{
  aspect-ratio: 1.2/1;
}
.h-\[100vh\]{
  height: 100vh;
}
.h-\[300vh\]{
  height: 300vh;
}
.h-\[calc\(100\%\+200vh\)\]{
  height: calc(100% + 200vh);
}
.h-fit{
  height: fit-content;
}
.h-full{
  height: 100%;
}
.w-3\/5{
  width: 60%;
}
.w-auto{
  width: auto;
}
.w-full{
  width: 100%;
}
.w-max{
  width: max-content;
}
.max-w-full{
  max-width: 100%;
}
.max-w-none{
  max-width: none;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-auto{
  flex: 1 1 auto;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.cursor-pointer{
  cursor: pointer;
}
.list-none{
  list-style-type: none;
}
.auto-cols-1{
  grid-auto-columns: 100%;
}
.auto-cols-2{
  grid-auto-columns: calc((100% - var(--column-gap)) / 2);
}
.auto-cols-\[100\%\]{
  grid-auto-columns: 100%;
}
.auto-cols-\[84\%\]{
  grid-auto-columns: 84%;
}
.auto-cols-auto{
  grid-auto-columns: auto;
}
.grid-flow-col{
  grid-auto-flow: column;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.gap-16{
  gap: calc(16 * var(--space-unit));
}
.gap-2{
  gap: calc(2 * var(--space-unit));
}
.gap-3{
  gap: calc(3 * var(--space-unit));
}
.gap-4{
  gap: calc(4 * var(--space-unit));
}
.gap-6{
  gap: calc(6 * var(--space-unit));
}
.gap-theme{
  gap: var(--column-gap);
}
.gap-x-1{
  column-gap: var(--space-unit);
}
.gap-x-2{
  column-gap: calc(2 * var(--space-unit));
}
.gap-x-3{
  column-gap: calc(3 * var(--space-unit));
}
.gap-x-4{
  column-gap: calc(4 * var(--space-unit));
}
.gap-x-5{
  column-gap: calc(5 * var(--space-unit));
}
.gap-x-6{
  column-gap: calc(6 * var(--space-unit));
}
.gap-x-theme{
  column-gap: var(--column-gap);
}
.gap-y-1{
  row-gap: var(--space-unit);
}
.gap-y-10{
  row-gap: calc(10 * var(--space-unit));
}
.gap-y-2{
  row-gap: calc(2 * var(--space-unit));
}
.gap-y-3{
  row-gap: calc(3 * var(--space-unit));
}
.gap-y-4{
  row-gap: calc(4 * var(--space-unit));
}
.gap-y-6{
  row-gap: calc(6 * var(--space-unit));
}
.gap-y-8{
  row-gap: calc(8 * var(--space-unit));
}
.gap-y-theme{
  row-gap: var(--column-gap);
}
.self-start{
  align-self: flex-start;
}
.self-center{
  align-self: center;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.break-all{
  word-break: break-all;
}
.rounded-card{
  border-radius: calc(var(--card-border-radius));
}
.rounded-content{
  border-radius: calc(var(--content-border-radius) * 1px);
}
.rounded-input{
  border-radius: var(--input-border-radius);
}
.border{
  border-width: 1px;
}
.bg-\[rgb\(var\(--bg-accent-color\)\)\]{
  background-color: rgb(var(--bg-accent-color));
}
.bg-error-bg{
  background-color: rgb(var(--error-bg-color));
}
.bg-info-bg{
  background-color: rgb(var(--info-bg-color));
}
.bg-success-bg{
  background-color: rgb(var(--success-bg-color));
}
.bg-theme-bg{
  background-color: var(--bg-color);
}
.bg-theme-bg-accent{
  background-color: rgb(var(--bg-accent-color));
}
.bg-theme-bg-tint{
  background-color: rgb(var(--text-color) / 0.08);
}
.object-contain{
  object-fit: contain;
}
.object-cover{
  object-fit: cover;
}
.object-bottom{
  object-position: bottom;
}
.object-center{
  object-position: center;
}
.object-left{
  object-position: left;
}
.object-left-bottom{
  object-position: left bottom;
}
.object-left-top{
  object-position: left top;
}
.object-right{
  object-position: right;
}
.object-right-bottom{
  object-position: right bottom;
}
.object-right-top{
  object-position: right top;
}
.object-top{
  object-position: top;
}
.p-2{
  padding: calc(2 * var(--space-unit));
}
.p-3{
  padding: calc(3 * var(--space-unit));
}
.p-4{
  padding: calc(4 * var(--space-unit));
}
.p-5{
  padding: calc(5 * var(--space-unit));
}
.p-6{
  padding: calc(6 * var(--space-unit));
}
.p-\[16\%\]{
  padding: 16%;
}
.px-12{
  padding-left: calc(12 * var(--space-unit));
  padding-right: calc(12 * var(--space-unit));
}
.px-3{
  padding-left: calc(3 * var(--space-unit));
  padding-right: calc(3 * var(--space-unit));
}
.px-4{
  padding-left: calc(4 * var(--space-unit));
  padding-right: calc(4 * var(--space-unit));
}
.px-6{
  padding-left: calc(6 * var(--space-unit));
  padding-right: calc(6 * var(--space-unit));
}
.px-8{
  padding-left: calc(8 * var(--space-unit));
  padding-right: calc(8 * var(--space-unit));
}
.py-1{
  padding-top: var(--space-unit);
  padding-bottom: var(--space-unit);
}
.py-10{
  padding-top: calc(10 * var(--space-unit));
  padding-bottom: calc(10 * var(--space-unit));
}
.py-12{
  padding-top: calc(12 * var(--space-unit));
  padding-bottom: calc(12 * var(--space-unit));
}
.py-2{
  padding-top: calc(2 * var(--space-unit));
  padding-bottom: calc(2 * var(--space-unit));
}
.py-3{
  padding-top: calc(3 * var(--space-unit));
  padding-bottom: calc(3 * var(--space-unit));
}
.py-4{
  padding-top: calc(4 * var(--space-unit));
  padding-bottom: calc(4 * var(--space-unit));
}
.py-6{
  padding-top: calc(6 * var(--space-unit));
  padding-bottom: calc(6 * var(--space-unit));
}
.py-8{
  padding-top: calc(8 * var(--space-unit));
  padding-bottom: calc(8 * var(--space-unit));
}
.pb-1{
  padding-bottom: var(--space-unit);
}
.pb-10{
  padding-bottom: calc(10 * var(--space-unit));
}
.pb-2{
  padding-bottom: calc(2 * var(--space-unit));
}
.pb-20{
  padding-bottom: calc(20 * var(--space-unit));
}
.pb-32{
  padding-bottom: calc(32 * var(--space-unit));
}
.pb-6{
  padding-bottom: calc(6 * var(--space-unit));
}
.pb-8{
  padding-bottom: calc(8 * var(--space-unit));
}
.ps-6{
  padding-inline-start: calc(6 * var(--space-unit));
}
.pt-0{
  padding-top: 0;
}
.pt-10{
  padding-top: calc(10 * var(--space-unit));
}
.pt-12{
  padding-top: calc(12 * var(--space-unit));
}
.pt-16{
  padding-top: calc(16 * var(--space-unit));
}
.pt-2{
  padding-top: calc(2 * var(--space-unit));
}
.pt-20{
  padding-top: calc(20 * var(--space-unit));
}
.pt-26{
  padding-top: calc(26 * var(--space-unit));
}
.pt-3{
  padding-top: calc(3 * var(--space-unit));
}
.pt-6{
  padding-top: calc(6 * var(--space-unit));
}
.pt-8{
  padding-top: calc(8 * var(--space-unit));
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-start{
  text-align: start;
}
.text-end{
  text-align: end;
}
.align-top{
  vertical-align: top;
}
.text-lg{
  font-size: 1.8rem;
}
.text-sm{
  font-size: 1.4rem;
}
.text-xl{
  font-size: 2rem;
}
.text-xs{
  font-size: 1.2rem;
}
.text-xxs{
  font-size: 1.1rem;
}
.text-xxxs{
  font-size: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-normal{
  font-weight: 400;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.normal-case{
  text-transform: none;
}
.leading-8{
  line-height: 2rem;
}
.leading-\[1\.2\]{
  line-height: 1.2;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.text-\[rgb\(var\(--text-accent-color\)\)\]{
  color: rgb(var(--text-accent-color));
}
.text-current{
  color: currentColor;
}
.text-error-text{
  color: rgb(var(--error-text-color));
}
.text-info-text{
  color: rgb(var(--info-text-color));
}
.text-success-text{
  color: rgb(var(--success-text-color));
}
.text-theme-heading{
  color: rgb(var(--heading-color));
}
.text-theme-light{
  color: rgba(var(--text-color) / var(--muted-text-opacity, 0.6));
}
.text-theme-text{
  color: rgb(var(--text-color));
}
.text-theme-text-accent{
  color: rgb(var(--text-accent-color));
}
.overline{
  text-decoration-line: overline;
}
.line-through{
  text-decoration-line: line-through;
}
.mix-blend-screen{
  mix-blend-mode: screen;
}
.mix-blend-exclusion{
  mix-blend-mode: exclusion;
}
.mix-blend-plus-lighter{
  mix-blend-mode: plus-lighter;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 16px 32px -4px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 16px 32px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.js .js-hidden,
.no-js .no-js-hidden{
  display: none;
}

.visually-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

[hidden] {
  display: none !important;
}

.translate-center {
  transform: translate(-50%, -50%);
}

.translate-x-center {
  transform: translateX(-50%);
}

@media (hover: hover) and (pointer: fine) {
  .hover\:lighten {
    transition: opacity 0.3s !important;
  }
  .hover\:lighten:hover {
    opacity: 0.7;
  }
}
@media (prefers-reduced-motion) {
  .has-motion {
    animation: none !important;
    transition: none !important;
  }
}
@media (hover: none) {
  .no-hover-hidden {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .md-down\:text-center {
    text-align: center;
  }
  .md-down\:justify-center {
    justify-content: center;
  }
}
.custom-aspect-ratio {
  aspect-ratio: var(--ratio, 1.77);
}

.sticky-top {
  position: sticky;
  top: calc(var(--header-height) - var(--announcement-height) + var(--gutter));
}

.sticky-top--full-height {
  height: calc(100vh - (var(--header-height) - var(--announcement-height)) - var(--gutter) * 2);
}

.alert {
  padding: 2rem 2.4rem;
}
.alert.bg-success-bg {
  border: 1px solid rgba(var(--success-text-color)/0.2);
}
.alert.bg-error-bg {
  border: 1px solid rgba(var(--error-text-color)/0.2);
}
.alert[autofocus] {
  outline: 0;
}

.count-badge {
  min-width: 16px;
  padding: 0 4px;
  border-radius: 9px;
  background-color: rgb(var(--count-badge-bg-color));
  color: rgb(var(--count-badge-text-color));
  font-size: 9px;
  font-weight: normal;
  line-height: 16px;
}

.product-label-container:not(:last-child) {
  margin-bottom: 2px;
}

.product-label {
  padding: 3px 11px;
  border: 1px solid var(--label-border-color, transparent);
  border-radius: 4px;
  background-color: var(--label-bg-color, transparent);
  color: var(--label-text-color, currentColor);
  font-size: 1.2rem;
  line-height: 1.333;
}

.product-label--sale {
  --label-border-color: rgba(var(--sale-label-border-color));
  --label-bg-color: rgba(var(--sale-label-bg-color));
  --label-text-color: rgba(var(--sale-label-text-color));
}

.product-label--sold-out {
  --label-border-color: rgba(var(--sold-out-label-border-color));
  --label-bg-color: rgba(var(--sold-out-label-bg-color));
  --label-text-color: rgba(var(--sold-out-label-text-color));
}

.product-label--new {
  --label-border-color: rgba(var(--new-label-border-color));
  --label-bg-color: rgba(var(--new-label-bg-color));
  --label-text-color: rgba(var(--new-label-text-color));
}

.product-label--low-stock {
  --label-border-color: rgba(var(--low-stock-label-border-color));
  --label-bg-color: rgba(var(--low-stock-label-bg-color));
  --label-text-color: rgba(var(--low-stock-label-text-color));
}

.product-label--preorder {
  --label-border-color: rgba(var(--preorder-label-border-color));
  --label-bg-color: rgba(var(--preorder-label-bg-color));
  --label-text-color: rgba(var(--preorder-label-text-color));
}

.product-label--custom-1 {
  --label-border-color: rgba(var(--custom-label-1-border-color));
  --label-bg-color: rgba(var(--custom-label-1-bg-color));
  --label-text-color: rgba(var(--custom-label-1-text-color));
}

.product-label--custom-2 {
  --label-border-color: rgba(var(--custom-label-2-border-color));
  --label-bg-color: rgba(var(--custom-label-2-bg-color));
  --label-text-color: rgba(var(--custom-label-2-text-color));
}

.product-label--custom-3 {
  --label-border-color: rgba(var(--custom-label-3-border-color));
  --label-bg-color: rgba(var(--custom-label-3-bg-color));
  --label-text-color: rgba(var(--custom-label-3-text-color));
}

button {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-family: inherit;
  font-size: 1em;
  text-decoration: none;
  text-shadow: none;
  cursor: pointer;
}

.btn {
  display: inline-block;
  position: relative;
  padding: 7px 28px;
  transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  border-radius: var(--btn-border-radius, 0);
  outline-offset: var(--btn-border-width);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.4rem;
  text-align: center;
  text-transform: var(--btn-text-transform, none);
  appearance: none;
  font-weight: normal;
}
.btn[disabled], .btn[aria-disabled=true] {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

.disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

.btn--sm {
  padding: 0 10px;
  border-radius: calc(var(--btn-border-radius, 0) * 0.5);
  font-size: 1.2rem;
}

.btn--plain {
  box-shadow: none;
}

.btn--primary,
.shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-challenge__button {
  border: var(--btn-border-width) solid rgb(var(--btn-bg-color));
  outline-color: rgb(var(--btn-bg-color));
  outline-offset: 3px;
  background-color: rgb(var(--btn-bg-color));
  color: rgb(var(--btn-text-color));
}

.btn.btn--primary.is-loading {
  border-color: rgb(var(--btn-bg-color));
  background: rgb(var(--btn-bg-color));
  color: rgba(var(--btn-text-color)/0.1);
}
.btn.btn--primary.is-loading::after {
  --text-color: var(--btn-text-color);
  border-top-color: transparent;
}
.btn.btn--primary.is-loading::before {
  --text-color: var(--btn-text-color);
}

.btn--secondary {
  transition-property: opacity, background-color, border-color, color;
  border: var(--btn-border-width) solid rgb(var(--btn-bg-color));
  outline-color: rgb(var(--btn-bg-color));
  outline-offset: 3px;
  background-color: rgb(var(--btn-text-color));
  color: rgb(var(--btn-bg-color));
}
.btn--secondary.btn.is-loading {
  border-color: rgb(var(--btn-bg-color));
  background: rgb(var(--btn-text-color));
  color: rgba(var(--btn-bg-color)/0.1);
}
.btn--secondary.btn.is-loading::after {
  --text-color: var(--btn-bg-color);
  border-top-color: transparent;
}
.btn--secondary.btn.is-loading::before {
  --text-color: var(--btn-bg-color);
}

.btn--icon {
  padding-inline-end: 0;
}

.btn--icon-with-text .icon {
  width: auto;
  height: 2.4rem;
  margin-inline-end: calc(2 * var(--space-unit));
}

.btn--arrow-with-text {
  padding-inline-end: 56px;
}
.btn--arrow-with-text.btn--sm {
  padding-inline-start: 0;
  padding-inline-end: 20px;
  font-size: 1.4rem;
}
.btn--arrow-with-text.btn--sm::after {
  right: 0;
  width: 16px;
  height: 16px;
}

.btn--arrow-back-with-text {
  padding-inline-start: 56px;
}
.btn--arrow-back-with-text.btn--sm {
  padding-inline-start: 20px;
  padding-inline-end: 0;
  font-size: 1.4rem;
}
.btn--arrow-back-with-text.btn--sm::after {
  right: 0;
  width: 16px;
  height: 16px;
}

.btn--arrow-with-text::after,
.btn--arrow-back-with-text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  transition: background-color 0.2s ease;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='currentColor' stroke-width='1.5' fill='none'><path stroke-linecap='round' stroke-linejoin='round' d='m8.25 4.5 7.5 7.5-7.5 7.5'/></svg>");
}

[dir=rtl] .btn--arrow-with-text::after,
[dir=ltr] .btn--arrow-back-with-text::after {
  right: auto;
  left: 20px;
  transform: translateY(-50%) scaleX(-1);
}
[dir=rtl] .btn--arrow-with-text.btn--sm::after,
[dir=ltr] .btn--arrow-back-with-text.btn--sm::after {
  left: 0;
}

.btn--back svg {
  transition: transform 0.2s ease;
}
.btn--back span {
  transition: text-decoration-color 0.2s ease;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
  text-decoration-color: transparent;
}

.btn--circle-icon {
  padding: 7px;
  border: 1px solid rgb(var(--text-color));
  border-radius: 100%;
  background-color: var(--bg-color);
  color: rgb(var(--text-color));
}
.btn--circle-icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

.btn--media-icon {
  width: 48px;
  height: 48px;
  padding: 0;
}
.btn--media-icon .icon {
  width: 100%;
  height: 100%;
}

.btn--media-icon-sm {
  width: 32px;
  height: 32px;
  padding: 0;
  background-color: transparent;
}
.btn--media-icon-sm .icon {
  width: 100%;
  height: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .btn--primary:hover,
  .shopify-challenge__button:hover {
    border-color: var(--btn-bg-hover-color);
    background-color: var(--btn-bg-hover-color);
  }
  .btn--secondary:hover {
    border-color: rgb(var(--btn-bg-color));
    background-color: rgb(var(--btn-bg-color));
    color: rgb(var(--btn-text-color));
  }
  .btn--back:hover svg {
    transform: translateX(-25%);
  }
  .btn--back:hover span {
    text-decoration-color: currentColor;
  }
}
.btn__loader {
  --dot-size: 8px;
  --dot-gap: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  pointer-events: none;
}
.btn__loader span {
  flex-shrink: 0;
  width: var(--dot-size);
  height: var(--dot-size);
  margin: 0 calc(var(--dot-gap) / 2);
  animation: btn-loader 1.2s infinite ease-out;
  border-radius: 50%;
  background-color: currentColor;
}
.btn__loader span:nth-child(1) {
  animation-delay: 0.3s;
}
.btn__loader span:nth-child(2) {
  animation-delay: 0.6s;
}
.btn__loader span:nth-child(3) {
  animation-delay: 0.9s;
}

.btn:has(.btn__loader)[loading] {
  cursor: default;
  pointer-events: none;
}
.btn:has(.btn__loader)[loading] .btn__text {
  display: none;
}
.btn:has(.btn__loader):not([loading]) .btn__loader {
  display: none;
}

@keyframes btn-loader {
  0%, 67%, 100% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.2);
  }
}
.custom-select__btn {
  display: flex;
  width: var(--custom-select-button-width, auto);
  min-width: 100%;
  max-width: 100%;
  background-color: rgba(var(--input-bg-color, 0.8));
  color: rgb(var(--input-text-color));
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.4rem;
}
.custom-select__btn.is-loading {
  color: rgba(var(--input-text-color)/0.2);
}
.custom-select__btn > .icon {
  flex-shrink: 0;
  width: 36px;
  height: 20px;
  margin-inline-start: auto;
  margin-inline-end: -5px;
  padding-inline-start: 16px;
}

.custom-select__listbox {
  z-index: 100;
  top: 5px;
  left: -5px;
  min-width: 100%;
  max-height: 20em;
  overflow-y: auto;
  border: var(--input-border-width) solid rgba(var(--input-text-color)/0.8);
  outline: 0;
  background-color: var(--input-bg-color-diff-3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  color: rgb(var(--input-text-color));
  font-size: 1.4rem;
}
.custom-select__listbox[aria-hidden=false] {
  visibility: visible;
}

.custom-select__option {
  padding: 10px 16px;
  cursor: pointer;
}
.custom-select__option > em {
  flex-shrink: 0;
  margin-inline-start: auto;
  padding-inline-start: 1em;
  font-style: normal;
}
.custom-select__option.is-focused {
  outline: 0;
  background-color: var(--input-bg-color-diff-6);
  color: rgb(var(--input-text-color));
}

.custom-select__option--visual-group-end:not(:last-child) {
  position: relative;
  margin-bottom: 0.8em;
}
.custom-select__option--visual-group-end:not(:last-child)::after {
  content: "";
  position: absolute;
  top: calc(100% + 0.4em);
  left: 0;
  width: 100%;
  border-bottom: 1px solid rgb(var(--input-text-color));
  opacity: 0.1;
  pointer-events: none;
}

.checkbox {
  position: absolute;
  opacity: 0;
}
.checkbox + label {
  display: inline-flex;
  position: relative;
  align-items: flex-start;
  margin: 0;
  font-size: 1em;
  line-height: 1.5;
  vertical-align: top;
  cursor: pointer;
}
.checkbox + label::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: calc(0.75em - 12px);
  margin-inline-end: 0.75em;
  border: var(--input-border-width) solid rgba(var(--text-color)/0.48);
  border-radius: 4px;
  background-color: transparent;
}
.checkbox:checked + label::before {
  border-color: rgb(var(--text-color));
  background-color: rgb(var(--text-color));
}
.checkbox:checked + label::after {
  content: "";
  position: absolute;
  top: calc(0.75em - 1.5px);
  left: 12px;
  width: calc((24px - var(--input-border-width) * 2) * 0.375);
  height: calc((24px - var(--input-border-width) * 2) * 0.75);
  transform: translate(-50%, -50%) rotate(45deg);
  border: solid var(--bg-color);
  border-width: 0 2px 2px 0;
}
[dir=rtl] .checkbox:checked + label::after {
  right: 12px;
  left: auto;
  transform: translate(50%, -50%) rotate(45deg);
}
.checkbox[disabled] + label {
  opacity: 0.5;
  cursor: default;
}

.radio {
  position: absolute;
  opacity: 0;
}
.radio + label {
  display: inline-flex;
  position: relative;
  align-items: flex-start;
  margin: 0;
  font-size: 1em;
  line-height: 1.5;
  vertical-align: top;
  cursor: pointer;
}
.radio + label::before {
  content: "";
  display: block;
  flex-shrink: 0;
  margin-inline-end: 0.75em;
  border: var(--input-border-width) solid rgba(var(--text-color)/0.48);
  border-radius: 4px;
  background-color: transparent;
  width: 24px;
  height: 24px;
  margin-top: calc(0.75em - 12px);
  border-radius: 50%;
}
.radio:checked + label::after {
  content: "";
  position: absolute;
  top: 0.75em;
  left: 12px;
  width: calc((24px - var(--input-border-width) * 2) * 0.625);
  height: calc((24px - var(--input-border-width) * 2) * 0.625);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgb(var(--text-color));
}
[dir=rtl] .radio:checked + label::after {
  right: 12px;
  left: auto;
  transform: translate(50%, -50%);
}

fieldset {
  margin: 0;
  padding: 0.35em 0.75em 0.625em;
}

legend {
  padding: 0;
}

.label {
  display: block;
  margin: 0 0 calc(2 * var(--space-unit));
  font-size: 1.6rem;
  font-weight: 700;
  text-align: start;
}

.label--inline {
  display: inline-block;
  margin: 0;
}

.is-required > label::after {
  content: " *";
}

input,
textarea,
select {
  background-clip: padding-box;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}

.input,
select {
  max-width: 100%;
  margin: 0;
  padding: 8px 24px;
  border: var(--input-border-width) solid rgba(var(--input-text-color)/0.8);
  border-radius: var(--input-border-radius, 0);
  background-color: rgba(var(--input-bg-color, 0.8));
  color: rgb(var(--input-text-color));
}
.input:focus,
select:focus {
  border-color: rgba(var(--input-text-color));
  outline: 0;
  box-shadow: 0 0 0 1px rgba(var(--input-text-color));
}

.input::placeholder {
  color: rgba(var(--input-text-color)/0.5);
}

[type=email],
[type=tel] {
  text-align: left;
}

[type=number] {
  -moz-appearance: textfield;
}

[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button,
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  margin: 0;
}

textarea {
  vertical-align: top;
  resize: vertical;
}

select {
  appearance: none;
  padding-inline-end: 56px;
  font-weight: 700;
}

.select::after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
  width: 20px;
  height: 20px;
  background-color: rgb(var(--input-text-color));
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><path d='M20 8.5 12.5 16 5 8.5' fill='none' stroke='currentColor' stroke-width='1.5'/></svg>");
  pointer-events: none;
}
[dir=rtl] .select::after {
  right: auto;
  left: 20px;
}

.input-with-button {
  display: flex;
  align-items: center;
  border-radius: var(--input-border-radius, 0);
  background-color: rgba(var(--input-bg-color, 0.8));
  box-shadow: inset 0 0 0 var(--input-border-width) rgba(var(--input-text-color)/0.8);
}
.input-with-button:focus-within {
  box-shadow: inset 0 0 0 var(--input-border-width) rgba(var(--input-text-color));
}
.input-with-button > .input {
  flex: 1 1 auto;
  margin-inline-end: calc((var(--input-border-radius, 0px) + var(--btn-border-radius, 0px)) * -1);
  padding-inline-end: calc(28px + var(--input-border-radius, 0px) + var(--btn-border-radius, 0px));
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
.input-with-button > .btn {
  flex: 0 0 auto;
  border-radius: var(--input-with-btn-inner-radius, 0) var(--input-border-radius, 0) var(--input-border-radius, 0) var(--input-with-btn-inner-radius, 0);
}
.input-with-button > .btn:not(.btn--primary) {
  color: rgb(var(--input-text-color));
}

.input-plain {
  --input-text-color: var(--text-color);
  display: flex;
  align-items: center;
  border-bottom: 0.6px solid rgba(var(--input-text-color)/0.8);
}
.input-plain:focus-within {
  border-bottom: 1px solid;
}
.input-plain > .input {
  flex: 1 1 auto;
  margin-inline-end: calc((var(--input-border-radius, 0px) + var(--btn-border-radius, 0px)) * -1);
  padding-inline-start: 0;
  padding-inline-end: calc(28px + var(--input-border-radius, 0px) + var(--btn-border-radius, 0px));
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
.input-plain > .btn {
  flex: 0 0 auto;
}
.input-plain > .btn:not(.btn--primary) {
  color: rgb(var(--input-text-color));
}

.form__field {
  margin-bottom: calc(6 * var(--space-unit));
  text-align: start;
}
.form > .form__field:last-of-type {
  margin-bottom: 0;
}

.form__field-error {
  margin: 0.5em 0 0;
  color: rgb(var(--error-text-color));
}

.form__actions > .btn {
  margin-inline-end: calc(6 * var(--space-unit));
}

.custom-select__option.is-unavailable span:not(.custom-select__swatch) {
  color: rgba(var(--text-color)/0.4);
}

.checkbox + label::before {
  display: inline-block;
  align-self: center;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-inline-end: 0.5em;
  transition: background-color 0.3s;
  border: 0;
  border-radius: initial;
  background-color: rgba(var(--text-color)/0.6);
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' fill='none'><path d='M12.667 2H3.333C2.597 2 2 2.597 2 3.333v9.334C2 13.403 2.597 14 3.333 14h9.334c.736 0 1.333-.597 1.333-1.333V3.333C14 2.597 13.403 2 12.667 2Z'/></svg>");
  vertical-align: middle;
}
.checkbox + label::after {
  display: none;
}

.tab-used .checkbox:focus + label::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: initial;
  left: initial;
  align-self: center;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-inline-end: 0.5em;
  transform: none;
  border: 0;
  outline: auto Highlight;
  outline: auto -webkit-focus-ring-color;
  outline-offset: 1px;
  vertical-align: middle;
}
[dir=rtl] .tab-used .checkbox:focus + label::after {
  right: 0;
}

.checkbox + label:hover::before {
  background-color: rgb(var(--text-color));
}

.checkbox:checked + label::before {
  background-color: rgb(var(--text-color));
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='currentColor' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' fill='none'><path d='M6 7.33332L8 9.33332L14.6667 2.66666'/><path d='M14 8V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H10.6667'/></svg>");
}
.checkbox:checked + label::after {
  display: none;
}

@media (max-width: 767.98px) {
  .input-with-button--md-up {
    display: block;
    border-radius: var(--input-border-radius, 0);
    background: none;
    box-shadow: none;
  }
  .input-with-button--md-up:focus-within {
    box-shadow: none;
  }
  .input-with-button--md-up > .input {
    padding: 8px 24px;
    background-color: rgba(var(--input-bg-color, 0.8));
  }
  .input-with-button--md-up > .input:focus {
    background-color: rgb(var(--input-bg-color));
  }
  .input-with-button--md-up > .btn {
    width: 100%;
    margin-top: calc(4 * var(--space-unit));
    border-radius: var(--btn-border-radius, 0);
  }
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.img--border-radius {
  overflow: hidden;
  border-radius: var(--fluid-image-border-radius);
}

.img--border-radius-small {
  overflow: hidden;
  border-radius: var(--fluid-small-image-border-radius);
}

[loading=lazy] {
  transition: opacity 0.5s ease-out;
  opacity: 1;
}
[loading=lazy]:not([src]) {
  opacity: 0;
}

.media {
  overflow: hidden;
}

.blend-padding {
  position: relative;
  z-index: 1;
}

.media__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background-color: rgb(0, 0, 0);
  pointer-events: none;
}

.media--has-overlay::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.media__placeholder {
  background-color: #ece3d8;
  fill: #ddcdbc;
  vertical-align: top;
}
.media__placeholder.dark {
  background-color: #ddcdbc;
  fill: #c9b39c;
}

.media__placeholder--transparent {
  background-color: transparent;
}

.media__placeholder--bordered {
  border: 1.5px solid #ddcdbc;
}

.img-fit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-fit.img-fit--contain {
  object-fit: contain;
}

.icon {
  vertical-align: top;
  pointer-events: none;
}

[dir=rtl] .has-ltr-icon .icon {
  transform: scaleX(-1);
}

.image-blend {
  background-color: var(--blend-bg-color) !important;
}
.image-blend img {
  mix-blend-mode: multiply;
}

a,
.link {
  color: rgb(var(--link-color));
}

a {
  text-decoration: none;
}

a.text-theme-text-accent,
.link.text-theme-text-accent {
  color: rgb(var(--text-accent-color));
}

.link,
.rte a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
}

.focus-outline:focus::after,
.focus-outline:focus-within::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgb(var(--text-color));
}

.skip-link.btn {
  position: absolute;
  z-index: 999;
  top: 16px;
  left: var(--gutter);
}
.skip-link.btn:focus {
  width: auto;
  height: auto;
  clip: auto;
}

.pill-link {
  display: inline-block;
  padding: 4px 16px;
  border-radius: 4px;
  background: rgb(var(--text-color)/0.08);
  color: currentColor;
}

.pill-link--sm {
  padding: 4px 12px;
}

@media (hover: hover) and (pointer: fine) {
  .link:hover,
  .rte a:hover {
    text-decoration: none;
  }
  .pill-link:hover,
  .hover\:underline:hover {
    text-decoration: underline;
  }
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.styled-list {
  padding-inline-start: 2rem;
}

.rte ol,
.rte ul {
  margin-bottom: 1em;
  padding-inline-start: 2rem;
}

.rte li:not(:last-child),
.styled-list > li:not(:last-child) {
  margin-bottom: 0.5em;
}

.rte ul > li,
.rte ol > li,
.styled-list > li {
  padding-inline-start: 1.5em;
}

.rte ul > li::before,
.styled-list > li::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  margin-top: 0.5em;
  margin-inline-start: -1.25em;
  margin-inline-end: 0.75em;
  border-radius: 50%;
  background-color: currentColor;
  vertical-align: middle;
}

.rte ol {
  counter-reset: list-counter;
}
.rte ol > li {
  counter-increment: list-counter;
}
.rte ol > li::before {
  content: counter(list-counter) ". ";
  display: inline-block;
  position: absolute;
  margin-inline-start: -1.25em;
  margin-inline-end: 0.75em;
  vertical-align: middle;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
@keyframes checkmark {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  20% {
    width: 10px;
    height: 0;
    opacity: 1;
  }
  40% {
    width: 10px;
    height: 20px;
    opacity: 1;
  }
  90% {
    width: 10px;
    height: 20px;
    opacity: 1;
  }
  100% {
    width: 10px;
    height: 20px;
    opacity: 0;
  }
}
.overlay {
  visibility: hidden;
  z-index: 30;
  transition: visibility 0.3s, z-index 0s 0.3s, opacity 0.3s, background-color 0.6s;
  opacity: 0;
  background-color: rgba(var(--modal-overlay-color)/var(--modal-overlay-opacity));
  pointer-events: none;
}
.overlay.is-visible {
  visibility: visible;
  transition: visibility 0.3s, z-index 0s, opacity 0.3s, background-color 0.6s;
  opacity: 1;
  pointer-events: initial;
}

.overlay--nav {
  z-index: 20;
}

.is-loading:not(.btn--arrow-with-text)::after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: calc(50% - 10px);
  width: 20px;
  height: 20px;
  transition: opacity 0.2s;
  animation: spinner 0.6s linear infinite;
  border: 2px solid;
  border-radius: 50%;
  border-color: rgb(var(--text-color));
  border-top-color: transparent;
}
.is-loading:not(.btn--arrow-with-text)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 20px;
  margin-top: -2px;
  transform: scaleX(-1) rotate(135deg) translateX(-50%) translateY(-50%);
  transform-origin: left top;
  border-top: 2px solid rgb(var(--text-color));
  border-right: 2px solid rgb(var(--text-color));
  opacity: 0;
}

.is-success.is-loading:not(.btn--arrow-with-text)::after {
  opacity: 0;
}
.is-success:not(.btn--arrow-with-text)::before {
  animation: checkmark 1.4s ease;
}

@media (max-width: 767.98px) {
  .overlay:has(.video-carousel-container) {
    bottom: 60dvh;
  }
  .overlay:has(.video-carousel-container) .video-carousel-container {
    width: 100%;
  }
}
table {
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

th,
td {
  padding: 0.5em 1em;
  border-collapse: collapse;
  border: 1px solid rgba(var(--text-color)/0.15);
  text-align: start;
}

.discount > .icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-inline-end: var(--space-unit);
}

.scrollable-table {
  display: inline-block;
}

@media (max-width: 767.98px) {
  .scrollable-table {
    display: flex;
    overflow: auto;
    overflow-wrap: normal;
  }
  .scrollable-table > table {
    flex-shrink: 0;
    width: auto;
    min-width: 100%;
    max-width: 640px;
  }
  .modal .rte .scrollable-table > table {
    margin-right: 0;
    margin-left: 0;
  }
}
.cc-animate-enabled [data-cc-animate] {
  opacity: 0;
}
@media (prefers-reduced-motion) {
  .cc-animate-enabled [data-cc-animate] {
    animation: none !important;
    opacity: 1 !important;
  }
}
.no-js .cc-animate-enabled [data-cc-animate] {
  animation: none !important;
  opacity: 1 !important;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cc-animate-enabled [data-cc-animate=""].cc-animate-in,
.cc-animate-enabled .fade-in.cc-animate-in {
  opacity: 1;
  animation: fade-in calc(var(--aos-animate-duration, 1s) * 0.8) 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) backwards;
}

.cc-animate-enabled .zoom-out {
  transform: scale(1.1);
  opacity: 1;
}
.no-js .cc-animate-enabled .zoom-out {
  transform: none;
}
@keyframes zoom-out {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.cc-animate-enabled .zoom-out.cc-animate-in {
  transform: none;
  animation: zoom-out calc(var(--aos-animate-duration, 1s) * 1.2) cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
}

@keyframes fade-in-up {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.cc-animate-enabled .fade-in-up.cc-animate-in {
  opacity: 1;
  animation: fade-in-up calc(var(--aos-animate-duration, 1s) * 0.6) cubic-bezier(0.39, 0.575, 0.565, 1) backwards;
}

.cc-animate-enabled .slide-in-up {
  opacity: 1;
}
@keyframes slide-in-up {
  0% {
    transform: translateY(var(--slide-in-up-distance, 100%));
  }
  100% {
    transform: translateY(0);
  }
}
.cc-animate-enabled .slide-in-up.cc-animate-in {
  animation: slide-in-up calc(var(--aos-animate-duration, 1s) * 0.9) cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
}

@media (max-width: 767.98px) {
  .cc-animate-desktop-only [data-cc-animate] {
    animation: none !important;
    opacity: 1 !important;
  }
}
.breadcrumbs {
  flex-wrap: wrap;
  margin: calc(3 * var(--space-unit)) 0;
  color: rgba(var(--text-color)/var(--muted-text-opacity, 0.6));
  font-size: 1.2rem;
}
.breadcrumbs .icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-inline-start: 0.125em;
  margin-inline-end: 0.25em;
}

.product-breadcrumbs {
  max-width: 100%;
}

.breadcrumbs-list {
  flex: 1 0 auto;
  flex-wrap: wrap;
  width: 100%;
}

.breadcrumbs-list__link {
  color: currentColor;
}

.breadcrumbs-list__link:hover,
.breadcrumbs-prod-nav__link:hover {
  opacity: 0.7;
}

.breadcrumbs-prod-nav {
  margin-inline-start: auto;
  margin-inline-end: -7px;
}

.breadcrumbs-prod-nav__link--next {
  margin-inline-end: 0;
}
.breadcrumbs-prod-nav__link--next::before {
  content: "·";
  position: relative;
  margin: 0 0.75em;
  opacity: 0.5;
}

.breadcrumbs-list__link--rss {
  margin-inline-start: 1em;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: calc(6 * var(--space-unit)) 0;
  }
}
.card {
  --transition-timing: cubic-bezier(0.2, 0.6, 0.4, 1);
  --transition-duration: 0.2s;
  --card-border-color: var(--text-color);
  --card-border-alpha: 0.4;
  --card-bg-color: var(--bg-color);
  --card-shadow-color: var(--text-color);
  --card-shadow-alpha: 0.1;
  --card-text-color: var(--text-color);
  flex-direction: column;
  max-width: 648px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgb(var(--card-border-color)/var(--card-border-alpha));
  border-radius: var(--card-border-radius);
  background-color: var(--card-bg-color);
  box-shadow: 0 2px 4px 0 rgba(var(--card-shadow-color)/var(--card-shadow-alpha));
  color: rgb(var(--card-text-color));
  text-align: start;
}
.stretch-cards .card {
  max-width: none;
  height: 100%;
}

.product-card {
  --transition-timing: ease-out;
  --card-border-color: var(--product-card-border-color);
  --card-border-alpha: var(--product-card-border-alpha);
  --card-bg-color: var(--product-card-bg-color);
  --card-shadow-color: var(--product-card-shadow-color);
  --card-shadow-alpha: var(--product-card-shadow-alpha);
  --card-text-color: var(--product-card-text-color);
}
.product-card[loading-swatches], .cc-animate-enabled .product-card[loading-swatches][data-cc-animate] {
  opacity: 0.75;
}
.cc-animate-enabled .product-card[loading-swatches][data-cc-animate] {
  animation: none;
}
.product-card[loading-swatches] * {
  pointer-events: none;
}
.product-card .product-label {
  text-align: center;
}
.product-card .media {
  border-radius: var(--product-card-media-bottom-border-radius, 0);
}

.article-card {
  --transition-timing: ease-out;
  --card-border-color: transparent;
  --card-border-alpha: 0;
  --card-bg-color: transparent;
  --card-shadow-color: transparent;
  --card-shadow-alpha: 0;
  border-radius: 0;
}
.article-card .card__media {
  overflow: hidden;
  border-radius: var(--fluid-small-image-border-radius);
}
.article-card .card__media a {
  border-radius: inherit;
}
.article-card .card__media a:focus-visible {
  outline-offset: -2px;
}
.article-card .card__media .img-fit {
  position: static;
}
.article-card .card__info {
  padding: 0 calc(3 * var(--space-unit));
}
.article-card .card__title {
  margin-bottom: 0;
}

.card__main-image {
  visibility: visible;
  transition: opacity var(--transition-duration) var(--transition-timing), visibility 0s var(--transition-timing);
  opacity: 1;
}

.card__hover-image {
  visibility: hidden;
  transition: opacity var(--transition-duration) var(--transition-timing), visibility 0s var(--transition-timing) var(--transition-duration);
  opacity: 0;
}
.card__hover-image.is-inactive {
  display: none !important;
}

.card .product-label-container {
  z-index: 1;
  margin: calc(2 * var(--space-unit));
  pointer-events: none;
}
.card .product-label-container .product-label-wrapper:not(:first-child) {
  margin-top: var(--space-unit);
}

.card-link::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card__info {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  padding: calc(4 * var(--space-unit));
}

.card__swatches {
  --swatch-border-color: var(--product-card-swatch-border-color);
  --swatch-inset-border-color: var(--product-card-swatch-inset-border-color);
  display: flex;
  align-items: center;
  gap: calc(2 * var(--space-unit));
  margin-bottom: calc(4 * var(--space-unit));
  overflow: hidden;
}

.card__swatches__options {
  display: flex;
  align-items: center;
  gap: calc(2 * var(--space-unit));
}
.card__swatches__options .opt-label {
  z-index: 3;
  flex-shrink: 0;
  margin: 0;
}
.card__swatches__options .opt-label--swatch .opt-btn + .opt-swatch::before {
  outline-offset: 0;
}

.card__swatches__more-btn {
  display: flex;
  z-index: 3;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--swatch-size);
  height: var(--swatch-size);
  margin: 0;
  overflow: hidden;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: currentColor;
  pointer-events: auto;
}
.card__swatches__more-btn svg {
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
}
.card__swatches__more-btn:hover svg {
  transform: rotate(90deg);
}

.card__rating {
  display: flex;
  align-items: center;
  margin-bottom: calc(2 * var(--space-unit));
}
.card__rating .rating__stars {
  font-size: 1em;
  letter-spacing: 0.05em;
}
.card__rating .rating__count {
  margin-inline-start: var(--space-unit);
  padding-top: calc(var(--space-unit) / 2);
  font-size: 1.2rem;
  line-height: 1;
}

.card__vendor {
  margin-bottom: var(--space-unit);
}

.card__title {
  margin-bottom: var(--space-unit);
  font-weight: 700;
}
.card__title:has(+ .card__split-title), .card__title:has(+ .card__subtitle) {
  margin-bottom: calc(var(--space-unit) / 2);
}

.card__title--product,
.card__title--collection {
  text-transform: var(--product-collection-title-text-transform);
}

.card__split-title,
.card__subtitle {
  margin-bottom: calc(var(--space-unit) / 2);
}

.card__subtitle {
  color: rgba(var(--text-color)/var(--muted-text-opacity, 0.6));
}

.card__price {
  margin-top: calc(3 * var(--space-unit));
}
.card__price .price__current {
  margin-inline-end: 0.5ch;
  font-size: 1em;
  font-weight: 700;
}
.card__price .price__from {
  font-size: 0.75em;
  vertical-align: middle;
}
.card__price .price__was {
  margin-inline-start: 0;
  font-size: 1em;
}

.card--related .card__price .price__from {
  font-size: 1em;
  vertical-align: initial;
}

.card__quick-add {
  margin-top: calc(4 * var(--space-unit));
  pointer-events: auto;
}
.card__quick-add .btn {
  z-index: 3;
}
.card__quick-add .btn--secondary {
  width: 100%;
  outline-offset: 0;
}
.card__quick-add quantity-input {
  display: none;
}
.card__quick-add .btn--minus::before,
.card__quick-add .btn--plus::before {
  width: 14px;
  height: 1px;
}
.card__quick-add .btn--plus::after {
  width: 1px;
  height: 14px;
}
.js .card__quick-add .qty-input--combined:focus-within {
  box-shadow: none;
}

.card__content {
  margin-bottom: auto;
}

.card__tags {
  z-index: 3;
}

.card__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(8 * var(--space-unit));
  height: calc(8 * var(--space-unit));
}
.card__btn .icon {
  --stroke-length: 88;
  width: 100%;
  height: 100%;
}
.card__btn .icon rect:first-of-type {
  stroke: rgb(var(--input-text-color));
}
.card__btn .icon rect:last-of-type {
  transition: stroke-dashoffset var(--transition-duration) ease-in;
  stroke-dasharray: var(--stroke-length);
  stroke-dashoffset: var(--stroke-length);
  stroke: currentColor;
}
.card__btn .icon path {
  stroke: currentColor;
}

.card--wide {
  max-width: none;
}

.card--row {
  flex-direction: row;
  max-width: none;
}

.card--related {
  max-width: none;
  padding: calc(3 * var(--space-unit));
  border-radius: calc(var(--card-border-radius) - 2px);
  box-shadow: none;
}
.card--related .product-label-container {
  margin: calc(3 * var(--space-unit));
}
.card--related .card__media {
  flex: 0 0 78px;
  margin-inline-end: calc(3 * var(--space-unit));
}
.card--related .card__media .image-blend {
  border-radius: calc(var(--card-border-radius) - 2px);
}
.card--related .card__media img {
  border-radius: calc(var(--card-border-radius) - 2px);
}
.card--related .card__info {
  position: static;
  padding: 0;
}
.card--related .card__price {
  margin-top: var(--space-unit);
}
.card--related .card__price .price__current {
  font-weight: inherit;
}
.card--related .card__quick-add {
  text-align: end;
}

.card--related:not(.card--sticky-atc) .btn,
.card--row:not(.card--sticky-atc) .btn {
  color: rgb(var(--product-card-text-color));
}
.card--related:not(.card--sticky-atc) .btn.is-loading,
.card--row:not(.card--sticky-atc) .btn.is-loading {
  color: rgba(var(--product-card-text-color)/0.1);
}

.card--basic .card__rating {
  margin-bottom: var(--space-unit);
}

.has-cutout-cards {
  --hover-distance: 32px;
}
.has-cutout-cards .slider__item:has(> .card--standard) {
  margin-top: var(--hover-distance, 0);
}
.has-cutout-cards .product-card:not(:has(.card__quick-add)) {
  --hover-distance: 12px;
  --transition-timing: cubic-bezier(0.33, 0.23, 0.28, 1);
  --transition-duration: 0.5s;
}
.has-cutout-cards .card--standard {
  --cutout-distance: 20%;
  z-index: 1;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.has-cutout-cards .card--standard::before {
  content: "";
  position: absolute;
  top: var(--cutout-distance, 0);
  left: 0;
  width: 100%;
  height: calc(100% - var(--cutout-distance, 0%));
  border: 1px solid rgb(var(--card-border-color)/var(--card-border-alpha));
  border-radius: var(--card-border-radius);
  background-color: var(--card-bg-color);
  box-shadow: 0 2px 4px 0 rgba(var(--card-shadow-color)/var(--card-shadow-alpha));
}
.has-cutout-cards .card--standard .product-label-container {
  top: var(--cutout-distance, 0%);
}
.has-cutout-cards .card--standard .card__media {
  margin: 1px 1px 0;
  transform: translateY(0);
  transition: transform var(--transition-duration) var(--transition-timing);
}
.has-cutout-cards .card--standard .card__info {
  margin: 0 1px 1px;
  border-bottom-right-radius: var(--card-border-radius);
  border-bottom-left-radius: var(--card-border-radius);
}

.collection-card {
  --transition-duration: 0.4s;
  max-width: none;
  border: 0;
  border-radius: calc(var(--card-border-radius) * 2);
  box-shadow: none;
}
.collection-card .card__info {
  width: 100%;
  padding: calc(3 * var(--space-unit)) calc(4 * var(--space-unit));
  background-color: var(--card-bg-color);
}
.collection-card .card__info--inline {
  flex-direction: row;
}
.collection-card .card__info--overlay {
  position: absolute;
  bottom: calc(2 * var(--space-unit));
  inset-inline-start: calc(2 * var(--space-unit));
  inset-inline-end: calc(2 * var(--space-unit));
  width: calc(100% - calc(2 * var(--space-unit)) * 2);
  border-radius: calc(var(--card-border-radius) * 2 - 2px);
}
.collection-card .card__title {
  margin: 0;
}
.collection-card .card__text {
  margin-bottom: 0;
}

.collection-card.card--highlight .card__info--overlay {
  inset-inline-start: auto;
  max-width: 240px;
}

.card--standard {
  container-name: card;
  container-type: inline-size;
}

@container card (width >= 300px) {
  .card__content--inline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: 1fr auto;
    column-gap: calc(12 * var(--space-unit));
  }
  .card__content--inline .card__title {
    grid-column-start: 1;
  }
  .card__content--inline .card__title:not(:has(+ .card__split-title)):not(:has(+ .card__subtitle)) {
    margin-bottom: 0;
  }
  .card__content--inline .card__split-title {
    grid-column-start: 1;
  }
  .card__content--inline .card__split-title:not(:has(+ .card__subtitle)) {
    margin-bottom: 0;
  }
  .card__content--inline .card__subtitle {
    grid-column-start: 1;
    margin-bottom: 0;
  }
  .card__content--inline .card__price {
    grid-column-start: 2;
    grid-row-end: 3;
    grid-row-start: 1;
    align-self: start;
    margin-top: 0;
    text-align: end;
  }
  .card__content--inline .card__price .price__current {
    margin-inline-end: 0;
  }
  .card__content--inline .card__price .price__was {
    display: block;
    margin: 0;
  }
  .card__content--inline:has(> .card__split-title) .card__price {
    grid-row-end: 4;
  }
  .card__quick-add quantity-input {
    display: inline-flex;
    z-index: 3;
  }
  .card__quick-add quantity-input + .btn--secondary {
    padding-right: 7px;
    padding-left: 7px;
  }
}
@container card (width < 300px) {
  .card__swatches {
    --swatch-size: 20px;
    --swatch-border-width: 1px;
    --swatch-inset-border-width: 1.67px;
  }
  .card__quick-add .btn--secondary {
    padding-right: 7px;
    padding-left: 7px;
    line-height: 1.4em;
  }
}
@media (min-width: 480px) {
  .collection-card.card--highlight .card__info--overlay {
    bottom: calc(4 * var(--space-unit));
    inset-inline-end: calc(4 * var(--space-unit));
    width: calc(100% - calc(4 * var(--space-unit)) * 2);
    max-width: 280px;
  }
}
@media (min-width: 768px) {
  .card--featured.card--wide {
    flex-direction: row;
  }
  .card--featured.card--wide .card__media {
    flex: 0 0 50%;
  }
  .card--featured.card--wide .card__info {
    flex: 0 0 50%;
  }
  .article-card.card--featured {
    margin-bottom: calc(12 * var(--space-unit));
  }
  .article-card.card--featured .card__media {
    border-radius: var(--fluid-image-border-radius);
  }
  .article-card.card--featured .card__info {
    padding: 0 calc(12 * var(--space-unit));
  }
  .collection-card .card__info:not(.card__info--compact):not(.card__info--overlay) {
    padding: calc(4 * var(--space-unit)) calc(8 * var(--space-unit));
  }
  .collection-card.card--highlight {
    border-radius: calc(var(--card-border-radius) * 4);
  }
  .collection-card.card--highlight .card__info:not(.card__info--compact) {
    padding: calc(4 * var(--space-unit)) calc(8 * var(--space-unit));
  }
  .collection-card.card--highlight .card__info--overlay {
    bottom: calc(8 * var(--space-unit));
    inset-inline-end: calc(8 * var(--space-unit));
    width: calc(100% - calc(8 * var(--space-unit)) * 2);
  }
}
@media (min-width: 1024px) {
  .collection-card .card__btn--lg {
    width: calc(10 * var(--space-unit));
    height: calc(10 * var(--space-unit));
  }
  .collection-card.card--highlight .card__info--overlay {
    bottom: calc(10 * var(--space-unit));
    inset-inline-end: calc(10 * var(--space-unit));
    width: calc(100% - calc(10 * var(--space-unit)) * 2);
  }
}
@media (min-width: 480px) and (hover: hover) and (pointer: fine) {
  .card--standard .card__media.has-hover-image:hover .card__hover-image {
    visibility: visible;
    transition: opacity var(--transition-duration) var(--transition-timing), visibility 0s var(--transition-timing);
    opacity: 1;
  }
  .card--standard .card__media.has-hover-image:hover .card__main-image {
    visibility: hidden;
    transition: opacity var(--transition-duration) var(--transition-timing), visibility 0s var(--transition-timing) var(--transition-duration);
    opacity: 0;
  }
  .card--standard .card__info {
    position: relative;
    background-color: var(--card-bg-color);
  }
  .card--standard .card__info > *:not(.card__swatches) {
    z-index: 1;
  }
  .card--standard .card__swatches {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: calc(4 * var(--space-unit)) calc(4 * var(--space-unit)) 0;
    transition: transform calc(var(--transition-duration) / 2) var(--transition-timing) calc(var(--transition-duration) / 2);
    background-color: var(--card-bg-color);
  }
  .card--standard .card__swatches > * {
    transition: opacity calc(var(--transition-duration) / 2) var(--transition-timing);
    opacity: 0;
  }
  .card--standard .card-reveal {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-duration) var(--transition-timing);
  }
  .card--standard .card-reveal > * {
    overflow: hidden;
    transition: opacity var(--transition-duration) var(--transition-timing) 0s;
    opacity: 0;
  }
  .card--standard.is-opening .card__info, .card--standard.is-open .card__info, .card--standard.is-closing .card__info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .has-cutout-cards .card--standard.is-opening .card__info, .has-cutout-cards .card--standard.is-open .card__info, .has-cutout-cards .card--standard.is-closing .card__info {
    width: calc(100% - 2px);
  }
  .card--standard.is-opening .card__swatches, .card--standard.is-open:not(.is-closing) .card__swatches {
    transform: translateY(calc(-100% + 1px));
    transition-delay: 0s;
  }
  .card--standard.is-opening .card__swatches > *, .card--standard.is-open:not(.is-closing) .card__swatches > * {
    transition-delay: calc(var(--transition-duration) / 2);
    opacity: 1;
  }
  .card--standard.is-opening .card-reveal, .card--standard.is-open:not(.is-closing) .card-reveal {
    grid-template-rows: 1fr;
  }
  .card--standard.is-opening .card-reveal > *, .card--standard.is-open:not(.is-closing) .card-reveal > * {
    opacity: 1;
  }
  .has-cutout-cards .card--standard .card__media.has-hover-image:hover .card__main-image {
    visibility: visible;
    transition: opacity var(--transition-duration) var(--transition-timing), visibility 0s var(--transition-timing);
    opacity: 1;
  }
  .has-cutout-cards .card--standard .card__media.has-hover-image .card__hover-image {
    visibility: hidden;
    transition: opacity var(--transition-duration) var(--transition-timing), visibility 0s var(--transition-timing) var(--transition-duration);
    opacity: 0;
  }
  .has-cutout-cards .card--standard:hover .card__media {
    transform: translateY(calc(var(--hover-distance, 0) * -1));
  }
  .collection-card:has(a:hover) .card__btn rect:last-of-type {
    stroke-dashoffset: 0;
  }
  .collection-card .card__media .media {
    transition: transform var(--transition-duration) cubic-bezier(0.2, 0.4, 0.6, 1);
  }
  .collection-card:hover .card__media .media {
    transform: scale(1.025);
  }
  .collection-card.card--highlight:hover .card__media .media {
    transform: scale(1.0125);
  }
}
.countdown {
  --countdown-number-transition-duration: 400ms;
}

.countdown__grid {
  display: inline-flex;
  font-size: calc(24 * var(--fluid-1-4));
  gap: var(--countdown-gap, 1em);
}

.countdown__item--is-0:first-child {
  display: none;
}

.countdown__item:not(:last-child) .countdown__number::after {
  content: ":";
  position: absolute;
  left: calc(100% + var(--countdown-gap, 1em) / 2);
  top: 50%;
  padding-top: 0.45em;
  color: currentColor;
  transform: translate(-50%, -50%) scale(0.6);
}
[dir=rtl] .countdown__item:not(:last-child) .countdown__number::after {
  left: auto;
  right: calc(100% + var(--countdown-gap, 1em) / 2);
  transform: translate(50%, 50%) scale(0.6);
}

.countdown__number {
  position: relative;
  box-sizing: content-box;
  min-width: 2ch;
  margin-bottom: 6px;
  padding: 0.45em;
  border: 1px solid;
  border-radius: 0;
  background-color: transparent;
  color: currentColor;
  line-height: 1;
  white-space: nowrap;
}
.countdown:not([loaded]) .countdown__number {
  visibility: hidden;
}

.countdown__unit {
  font-size: 14px;
}

.countdown__grid + .countdown__text {
  margin-top: calc(24 * var(--fluid-1-4) / 2);
}

@media (max-width: 479.98px) {
  .countdown__grid {
    --countdown-gap: 14px;
    font-size: 24px;
  }
}
.countdown {
  --countdown-gap: 1em;
  --countdown-number-transition-duration: 350ms;
}

.countdown-font-heading .countdown__number {
  color: rgb(var(--heading-color));
  font-family: var(--heading-font-family);
  font-style: var(--heading-font-style);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
}

.countdown__number {
  display: flex;
  justify-content: center;
  padding: 0;
  border: 0;
}
.countdown__item:last-child .countdown__number {
  justify-content: flex-start;
}

.countdown__grid ~ .countdown__text {
  margin-top: calc(8 * var(--space-unit));
}

.countdown__item:not(:last-child) .countdown__number::after {
  padding-top: 0;
}

.countdown__number-part {
  display: inline-block;
  position: relative;
}

.countdown__number-part-current {
  display: inline-block;
  transition: transform var(--countdown-number-transition-duration) cubic-bezier(0, 0, 0.06, 1) 100ms, opacity calc(var(--countdown-number-transition-duration) / 2) ease-out 100ms;
}

.countdown__number-part-previous {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(5%);
  transition: all 120ms cubic-bezier(0.4, 0, 1, 1);
  opacity: 0;
}

.countdown__number-part--start-transition .countdown__number-part-current {
  transform: translateY(-20%);
  transition: none;
  opacity: 0;
}
.countdown__number-part--start-transition .countdown__number-part-previous {
  transform: none;
  transition: none;
  opacity: 1;
}

.countdown__unit {
  text-align: center;
}

.disclosure--row {
  border: 1px solid rgba(var(--text-color)/0.15);
  border-width: 1px 0;
}

details-disclosure + details-disclosure .disclosure--row {
  border-top: 0;
}

.js .disclosure__panel {
  margin: -4px;
  padding: 4px;
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.2, 0.6, 0.4, 1);
}

.disclosure__toggle {
  margin-inline-start: calc(3 * var(--space-unit));
}
.disclosure__toggle > .icon {
  display: block;
  width: 16px;
  height: 16px;
}

.disclosure[open]:not(.is-closing) .disclosure__toggle > .icon {
  transform: scaleY(-1);
}
.disclosure[open]:not(.is-closing) .v-line {
  display: none;
}

.disclosure__title {
  margin-bottom: 0;
}
.disclosure__title > .icon {
  margin: 0;
  margin-inline-end: calc(3 * var(--space-unit));
}

.disclosure__content {
  padding-bottom: calc(6 * var(--space-unit));
}
.js .disclosure__content {
  transition: opacity 0.3s ease 0s;
  opacity: 0;
}
.js .disclosure[open]:not(.is-closing) .disclosure__content {
  transition: opacity 0.3s ease 0.1s;
  opacity: 1;
}

.fluff {
  position: absolute;
  top: var(--top-mobile);
  left: var(--left-mobile);
  width: var(--width-mobile, auto);
  transform: translate(-50%, -50%);
}
.fluff .parallax {
  --parallax-speed: 0.1;
  transition: transform 600ms cubic-bezier(0.05, 0.36, 0.01, 0.97);
}

@media (min-width: 768px) {
  .fluff {
    top: var(--top-desktop);
    left: var(--left-desktop);
    width: var(--width-desktop, auto);
  }
}
.image-banner .rte a,
.image-banner .rte a:hover {
  color: inherit;
}

.image-banner--top-fade {
  position: relative;
  z-index: 2;
  padding-top: calc(0.5 * var(--image-top-fade-depth));
}
.image-banner--top-fade::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--image-top-fade-depth);
  background: var(--image-top-fade-bg);
}

.image-banner--bottom-fade {
  position: relative;
  z-index: 2;
  padding-bottom: calc(0.5 * var(--image-bottom-fade-depth));
}
.image-banner--bottom-fade::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--image-bottom-fade-depth);
  background: var(--image-bottom-fade-bg);
}

.section--border-radius .image-banner__image {
  border-radius: var(--fluid-content-border-radius);
}

.image-banner__sticky-height-image {
  height: var(--viewport-height, 100dvh);
}

@media (max-width: 479.98px) {
  .mobile-stacked .image-banner {
    flex-direction: column;
  }
  .mobile-stacked .image-banner .image-banner__image::after {
    display: none;
  }
  .mobile-stacked .image-banner > .container {
    height: 100%;
    padding: 0;
  }
  .mobile-stacked .image-banner--top-fade {
    padding-top: 0;
  }
  .mobile-stacked .image-banner--bottom-fade {
    padding-bottom: 0;
  }
  .mobile-stacked .image-banner--bottom-fade::after {
    z-index: 3;
  }
  .mobile-stacked .image-banner:not(.slideshow__slide) .media,
  .mobile-stacked .auto-height:not(.slideshow__slide) .media::after {
    position: relative;
  }
  .mobile-stacked--spaced {
    margin-bottom: calc(var(--section-gap) * 0.1rem);
  }
  .image-banner--top-fade {
    padding-top: calc(0.3 * var(--image-top-fade-depth));
  }
  .image-banner--top-fade::before {
    height: calc(0.6 * var(--image-top-fade-depth));
  }
  .image-banner--bottom-fade {
    padding-bottom: calc(0.3 * var(--image-bottom-fade-depth));
  }
  .image-banner--bottom-fade::after {
    height: calc(0.6 * var(--image-bottom-fade-depth));
  }
}
@media (max-width: 767.98px) {
  .mobile-stacked--shoppable-image .image-banner {
    flex-direction: column;
  }
  .mobile-stacked--shoppable-image .image-banner .image-banner__image::after {
    display: none;
  }
  .mobile-stacked--shoppable-image .image-banner > .container {
    height: 100%;
    padding: 0;
  }
  .mobile-stacked--shoppable-image .image-banner--top-fade {
    padding-top: 0;
  }
  .mobile-stacked--shoppable-image .image-banner--bottom-fade {
    padding-bottom: 0;
  }
  .mobile-stacked--shoppable-image .image-banner--bottom-fade::after {
    z-index: 3;
  }
  .mobile-stacked--shoppable-image .image-banner:not(.slideshow__slide) .media,
  .mobile-stacked--shoppable-image .auto-height:not(.slideshow__slide) .media::after {
    position: relative;
  }
}
.marquee {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  width: max-content;
  margin: 0;
  white-space: nowrap;
  direction: ltr;
}

.marquee-content {
  display: flex;
  align-items: center;
  width: max-content;
  padding-right: 1ch;
}
[dir=rtl] .marquee-content {
  direction: rtl;
}

.marquee--inline {
  display: inline-flex;
}

.marquee--animate .marquee-content {
  animation: marquee var(--marquee-duration, 15s) linear infinite;
}
[dir=rtl] .marquee--animate .marquee-content {
  animation-name: marqueeRtl;
}

.marquee--right .marquee-content {
  animation-direction: reverse;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes marqueeRtl {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .marquee-content {
    animation-play-state: paused;
  }
}
/* stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type */
.main-menu {
  --motion-factor: 1;
  --nav-padding: 1.6rem;
}

.main-nav > li:has(> details) {
  display: flex;
  align-items: center;
}

.main-menu__toggle {
  position: relative;
  width: 44px;
  height: 44px;
  padding: 10px;
}

.main-nav__item {
  color: currentColor;
}

.main-nav__item--toggle,
.main-nav__item--back {
  position: relative;
  text-align: start;
}
.main-nav__item--toggle .icon,
.main-nav__item--back .icon {
  width: 20px;
  height: 20px;
}

.main-menu .custom-select__listbox {
  top: auto;
  bottom: 5px;
}

.main-nav__social .social__link {
  color: rgb(var(--nav-child-heading-text-color));
}

.mega-menu-coll-tabs .tablist__tab {
  padding-top: 0;
  color: rgb(var(--nav-child-heading-text-color));
  font-size: calc(var(--body-font-size) * 0.1rem);
}
.mega-menu-coll-tabs .tablist__tab[aria-selected=true] {
  color: rgb(var(--nav-child-heading-text-color));
  font-weight: 700;
  text-decoration: none;
}

.main-nav__collection-tabpanel {
  position: relative;
}

.main-nav__collection-tabpanel-grid {
  display: grid;
  gap: var(--column-gap);
  grid-auto-columns: calc(50% - var(--gutter) / 2);
  grid-auto-flow: column;
  grid-template-columns: none;
}

.main-nav__collection-tabpanel-view-all {
  position: absolute;
  bottom: 100%;
  inset-inline-end: 0;
  margin-bottom: 1.7rem;
}

.main-nav__promo-img-tinted::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--card-border-radius);
  background: rgb(var(--tint-color)/var(--tint-opacity));
}

.main-nav__promo-img,
.main-nav__item-image img {
  border-radius: var(--card-border-radius);
}

.main-nav__heading {
  --link-color: var(--nav-child-heading-text-color);
  color: rgb(var(--nav-child-heading-text-color));
  font-family: inherit;
  font-size: calc(var(--body-font-size) * 0.1rem);
  font-weight: 700;
}

@media (max-width: 1023.98px) {
  .main-menu {
    font-size: calc(var(--body-font-size) * 0.1rem);
  }
  .main-menu:not(:first-child) {
    flex: 0 0 auto;
    order: 1;
  }
  .main-menu:not(:first-child) .main-menu__toggle {
    margin-inline-start: 4px;
    margin-inline-end: -10px;
  }
  .main-menu:not(:first-child) .main-menu__toggle-icon {
    transform: scaleX(-1);
  }
  .main-menu__toggle {
    margin-inline-start: -10px;
  }
  .main-nav > li:has(> details) > details {
    align-self: stretch;
  }
  .main-nav__summary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    margin-inline-end: -16px;
  }
  .main-nav__summary .icon {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
  }
  [dir=rtl] .main-nav__summary .icon {
    transform: rotate(-270deg);
  }
  .child-nav > li:has(> details) {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 1fr 40px;
  }
  .mega-menu-columns .child-nav > li:has(> details) {
    border-bottom: 1px solid rgb(var(--nav-child-heading-text-color)/0.4);
  }
  .child-nav > li:has(> details) > a {
    grid-column: 1;
  }
  .child-nav > li:has(> details) > a:has(> .main-nav__item-image) {
    display: flex;
    align-items: center;
  }
  .child-nav > li:has(> details) > details {
    display: contents;
    grid-column: 2;
  }
  .child-nav > li:has(> details) > details > summary {
    position: relative;
    grid-column: 2;
    margin-inline-end: 0;
  }
  .child-nav > li:has(> details) > details > summary .icon {
    display: none;
  }
  .child-nav > li:has(> details) > details > summary::before, .child-nav > li:has(> details) > details > summary::after {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    width: 12px;
    height: 1px;
    background: currentColor;
  }
  .child-nav > li:has(> details) > details > summary::after {
    transition: transform calc(0.75s * var(--motion-factor)) cubic-bezier(0.25, 0.1, 0, 1);
    transform: rotate(90deg);
  }
  .child-nav > li:has(> details) > details.is-open > summary::after {
    transform: rotate(0) scale(0, 0);
  }
  .child-nav > li:has(> details) > details > .main-nav__grandchild {
    grid-column: 1/-1;
    width: calc(100% + 40px);
  }
  .main-menu__content {
    display: flex;
    visibility: hidden;
    flex-direction: column;
    width: 100vw;
    min-width: 0;
    max-width: none;
    padding-bottom: calc(12 * var(--space-unit));
    transform: translateX(-100%);
    transition: visibility calc(0.6s * var(--motion-factor)), transform calc(0.6s * var(--motion-factor)) cubic-bezier(0.77, 0, 0.175, 1);
    border-top: 1px solid rgba(var(--text-color)/0.15);
    pointer-events: none;
  }
  .main-menu__content > nav {
    position: relative;
    flex: 1 0 auto;
    padding-top: calc(3 * var(--space-unit));
    padding-right: calc(12 * var(--space-unit));
    padding-left: calc(12 * var(--space-unit));
    overflow: auto;
  }
  .main-menu__content,
  .main-nav__child {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 560px;
    max-width: 100%;
    height: 100%;
    overflow: auto;
    background-color: var(--nav-child-bg-color);
    color: rgb(var(--nav-child-text-color));
  }
  .main-nav__child {
    top: calc(1px + var(--mobile-menu-header-height));
    height: calc(var(--viewport-height) - var(--mobile-menu-header-height));
    padding-top: calc(3 * var(--space-unit));
    padding-right: calc(12 * var(--space-unit));
    padding-left: calc(12 * var(--space-unit));
  }
  .main-nav__item--back {
    margin-bottom: calc(2 * var(--space-unit));
  }
  .main-nav__item {
    display: block;
    width: 100%;
    padding: 1.2rem 0;
  }
  .main-nav__item-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    transition: all calc(0.6s * var(--motion-factor)) ease;
  }
  a.main-nav__item--primary {
    transition: all calc(0.6s * var(--motion-factor)) ease;
  }
  .main-nav__item--toggle .icon {
    flex: none;
    margin-inline-end: -4px;
    transform: rotate(-90deg);
  }
  .main-nav__item-image {
    width: 48px;
    height: 48px;
    margin-inline-end: calc(4 * var(--space-unit));
  }
  .mega-nav__item {
    padding: 0.6rem 0;
  }
  .main-menu__mobile-nav-header {
    margin-right: calc(12 * var(--space-unit));
    margin-left: calc(12 * var(--space-unit));
    border-bottom: 1px solid rgba(var(--nav-child-text-color)/0.2);
  }
  .main-menu__mobile-nav-header > .header__icon:first-child {
    margin-inline-start: -10px;
  }
  .main-menu__mobile-nav-header > .header__icon:last-child {
    margin-inline-end: -10px;
  }
  .main-nav__item--back .main-nav__item-content {
    justify-content: flex-start;
  }
  .main-nav__item--back .main-nav__item-content > .icon {
    margin-inline-start: -4px;
    margin-inline-end: calc(2 * var(--space-unit));
  }
  .mega-nav > .container {
    padding: 0;
  }
  .js .is-open > .main-menu__content,
  .no-js [open] > .main-menu__content {
    visibility: visible;
    transform: translateX(0);
    pointer-events: initial;
  }
  .js .main-nav__child,
  .js .main-nav__child.is-closing {
    transition: transform calc(0.6s * var(--motion-factor)) cubic-bezier(0.77, 0, 0.175, 1);
    transform: translate3d(100%, 0, 0);
  }
  .js .is-open:not(.is-closing) > .main-nav__child {
    transform: translate3d(0, 0, 0);
  }
  .main-menu__content:has(.is-open:not(.is-closing) > .main-nav__child) {
    overflow: hidden;
  }
  .main-nav:has(> li > .is-open) a.main-nav__item--primary,
  .main-nav:has(> li > .is-open) .main-nav__item--primary > .main-nav__item-content,
  .main-menu__content:has(.main-nav > li > .is-open) .main-nav__social {
    transform: translate(-10px, 0);
    opacity: 0;
  }
  .main-nav__item--primary {
    overflow: visible;
  }
  .main-nav__grandchild {
    position: relative;
    height: var(--mobile-nav-grandchild-height, auto);
    overflow: hidden;
    transition: height calc(0.5s * var(--motion-factor)) ease, opacity calc(0.5s * var(--motion-factor)) ease calc(0.25s * var(--motion-factor));
  }
  .main-nav__grandchild > li:last-child {
    padding-bottom: calc(4 * var(--space-unit));
  }
  .main-nav__grandchild:not(.mega-nav__list) {
    margin-left: calc(3 * var(--space-unit));
  }
  details:not(.is-open) > .main-nav__grandchild {
    height: 0;
    opacity: 0;
  }
  .is-closing > .main-nav__grandchild {
    height: 0;
    transition-delay: 0s;
    opacity: 0;
  }
  .no-js .main-nav__item--toggle .icon {
    transform: rotate(0);
  }
  .no-js .main-nav__child {
    padding: 0 0 0 16px;
  }
  .no-js .main-nav__child .md\:hidden {
    display: none;
  }
  .no-js .child-nav > li,
  .no-js .main-nav__grandchild > li {
    border-bottom: 0;
  }
  .no-js .child-nav__item {
    padding: var(--nav-padding) 0;
  }
  .child-nav {
    margin-bottom: calc(6 * var(--space-unit));
  }
  .max-lg-peek-carousel {
    margin-right: calc(-1 * calc(6 * var(--space-unit)));
    padding-right: calc(12 * var(--space-unit));
  }
  .main-nav__adjacent-promos {
    display: flex;
    gap: calc(4 * var(--space-unit));
  }
  .main-nav__promo {
    width: calc(50% - calc(4 * var(--space-unit)) / 2);
  }
  .mega-menu-coll-cards .child-nav {
    display: flex;
    flex-wrap: wrap;
    gap: calc(4 * var(--space-unit));
  }
  .mega-menu-coll-cards .child-nav > li:first-child {
    width: 100%;
  }
  .mega-menu-coll-cards .child-nav > li {
    width: calc(50% - calc(4 * var(--space-unit)) / 2);
  }
  .mega-menu-coll-tabs tabbed-content {
    padding-top: calc(4 * var(--space-unit));
  }
  .main-nav__collection-tabpanel {
    display: flex;
    flex-direction: column;
  }
  .main-nav__collection-tabpanel .main-nav__promo {
    order: 3;
  }
  .main-nav__collection-tabpanel-view-all {
    position: static;
    align-self: flex-start;
    order: 2;
    margin: 0.7rem 0 4rem;
  }
  .main-nav__collection-tabpanel .main-nav__collection-tabpanel-grid,
  .main-nav__promo {
    margin-bottom: calc(6 * var(--space-unit));
  }
  .main-nav__collection-tabpanel .main-nav__collection-tabpanel-grid {
    padding-bottom: 10px;
  }
  .main-nav__social {
    padding-right: calc(12 * var(--space-unit));
    padding-left: calc(12 * var(--space-unit));
    transition: all calc(0.6s * var(--motion-factor)) ease;
    background-color: var(--nav-child-bg-color);
  }
  .main-nav__social .social__link {
    width: 36px;
    height: 36px;
    padding: 8px;
  }
}
@media (max-width: 767.98px) {
  .main-menu__mobile-nav-header {
    margin-right: calc(6 * var(--space-unit));
    margin-left: calc(6 * var(--space-unit));
  }
  .main-menu__content {
    padding-bottom: calc(5 * var(--space-unit));
  }
  .main-menu__content > nav,
  .main-nav__child,
  .main-nav__social {
    padding-right: calc(6 * var(--space-unit));
    padding-left: calc(6 * var(--space-unit));
  }
  .main-nav__adjacent-promos {
    margin-right: calc(-1 * calc(6 * var(--space-unit)));
    padding-right: calc(6 * var(--space-unit));
    overflow: auto;
  }
  .main-nav__promo {
    flex: 0 0 auto;
    width: 100%;
  }
  [data-count="2"] > .main-nav__promo {
    width: 90%;
  }
  .mega-menu-coll-cards .child-nav > li {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .main-nav__item--toggle .icon {
    width: 16px;
    height: 16px;
    margin-top: 0.2em;
  }
  .main-menu {
    transition: color var(--header-transparency-transition-speed) var(--header-transparency-transition-delay);
    background-color: transparent;
    color: rgb(var(--text-color));
  }
  .main-menu .localization {
    display: none;
  }
  .main-menu__content {
    display: flex;
    justify-content: space-between;
  }
  .main-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 calc(-1 * var(--nav-padding));
  }
  .main-nav__summary {
    margin-inline-start: -16px;
  }
  .main-nav__summary .icon {
    width: 16px;
    height: 16px;
    margin-top: 0.2em;
  }
  .child-nav > li:has(> details) > details > summary {
    margin-inline-start: 0;
  }
  .main-nav__child:is(.mega-nav) .child-nav > li:has(> details) > .child-nav__item {
    display: block;
    margin-top: 0;
  }
  .main-nav__child:is(.mega-nav) .child-nav > li:has(> details) > .child-nav__item .main-nav__item-image {
    width: 100%;
  }
  .main-nav__child:is(.mega-nav) .child-nav > li:has(> details) > details > summary {
    display: none;
  }
  .main-nav__child:not(.mega-nav) .child-nav > li:has(> details):has(> details) {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main-nav__child:not(.mega-nav) .child-nav > li:has(> details):has(> details) > a {
    flex-grow: 1;
    padding-inline-end: 0;
  }
  .main-nav__child:not(.mega-nav) .child-nav > li:has(> details):has(> details) > details > summary {
    padding-inline-end: 2.4rem;
  }
  .main-nav__item--primary {
    display: block;
    position: relative;
    margin: 0 var(--nav-padding);
    padding: 0.5rem 0;
    line-height: 2rem;
  }
  .main-nav__item--primary .main-nav__item-content > .icon {
    display: none;
  }
  .main-nav__item--primary::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform calc(0.8s * var(--motion-factor)) cubic-bezier(0.16, 1, 0.3, 1);
    opacity: 0.6;
    background: currentColor;
  }
  .main-nav__item--primary:hover::after, .main-nav__item--primary.is-active::after {
    transform: scaleX(1);
    transform-origin: left;
  }
  .main-nav__item--primary + details > .main-nav__summary {
    opacity: 0;
    pointer-events: none;
  }
  .tab-used .main-nav li:focus-within > .main-nav__item--primary + details > .main-nav__summary {
    opacity: 1;
  }
}
@media (min-width: 1024px) and (pointer: coarse) {
  .main-nav__item--primary + details > .main-nav__summary {
    position: relative;
    overflow: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .main-nav__item--primary + details > .main-nav__summary::after {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    width: 44px;
    height: 44px;
  }
}
@media (min-width: 1024px) {
  [open] > .main-nav__item--primary .icon {
    transform: rotate(180deg);
  }
  .main-nav__child {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    top: 100%;
    overflow: hidden;
    border-radius: 0 0 var(--nav-border-radius) var(--nav-border-radius);
    background-color: var(--nav-child-bg-color);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
    color: rgb(var(--nav-child-text-color));
  }
  .main-nav__child.mega-nav {
    left: 0;
    width: 100%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  }
  .main-nav__child.mega-nav > .mega-nav__grid {
    max-height: calc(100dvh - var(--header-height) - 100px);
    overflow: auto;
  }
  .main-nav__child.mega-nav > .mega-nav__grid .child-nav:has(li:not(.lg\:hidden)),
  .main-nav__child.mega-nav > .mega-nav__grid .main-nav__adjacent-promos {
    padding-top: calc(12 * var(--space-unit));
    padding-bottom: calc(16 * var(--space-unit));
  }
  .main-nav__child .child-nav > li,
  .main-nav__child .main-nav__collection-tabpanel-grid > div,
  .main-nav__child .main-nav__promo {
    --transition-multiplier: var(--column-index, 0) * 0.4;
  }
  [open]:not(.is-open, .is-closing) > .main-nav__child {
    visibility: visible;
    height: 0;
  }
  [open]:not(.is-open, .is-closing) > .main-nav__child .child-nav > li,
  [open]:not(.is-open, .is-closing) > .main-nav__child .main-nav__collection-tabpanel-grid > div,
  [open]:not(.is-open, .is-closing) > .main-nav__child .main-nav__promo {
    transform: translate(0, 25px);
    transition-delay: 0;
    opacity: 0;
  }
  .is-open > .main-nav__child {
    visibility: visible;
    height: var(--transition-height, auto);
    transition: height calc(1s * var(--motion-factor)) cubic-bezier(0.16, 1, 0.3, 1);
  }
  .is-open > .main-nav__child .child-nav > li,
  .is-open > .main-nav__child .main-nav__collection-tabpanel-grid > div,
  .is-open > .main-nav__child .main-nav__promo {
    transform: none;
    transition: all calc(0.8s * var(--motion-factor)) cubic-bezier(0, 0, 0.19, 0.96) calc(0.1s * var(--transition-multiplier, 0) * var(--motion-factor));
    opacity: 1;
  }
  .is-closing > .main-nav__child {
    visibility: visible;
    height: 0;
    transition: height calc(0.6s * var(--motion-factor)) cubic-bezier(0.16, 1, 0.3, 1);
  }
  .is-open > .main-nav__child.mega-nav .child-nav > li,
  .is-open > .main-nav__child.mega-nav .main-nav__collection-tabpanel-grid > div,
  .is-open > .main-nav__child.mega-nav .main-nav__promo {
    transform: none;
    transition: all calc(1s * var(--motion-factor)) cubic-bezier(0, 0, 0.19, 0.96) calc(0.4s * var(--transition-multiplier, 0) * var(--motion-factor));
    opacity: 1;
  }
  .header--divider-line .main-nav__child {
    border-top: 1px solid rgba(var(--text-color)/0.15);
  }
  .mega-nav__grid .child-nav {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: calc(4 * var(--space-unit));
  }
  .mega-menu-columns .child-nav > li {
    flex: 1 0 100px;
    max-width: 160px;
  }
  .mega-menu-columns:has(.main-nav__adjacent-promos) {
    display: flex;
    justify-content: center;
  }
  .mega-menu-coll-cards > .child-nav > li {
    flex: 1 0 auto;
    width: calc(20% - 4 * calc(4 * var(--space-unit)));
    max-width: calc(25% - 3 * calc(4 * var(--space-unit)));
  }
  .mega-menu-coll-tabs .tablist {
    max-width: calc(100% - 200px);
  }
  .mega-menu-coll-tabs .tablist__scroller {
    flex-wrap: wrap;
  }
  .main-nav__adjacent-promos {
    --promo-width: 250px;
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    width: calc(2 * var(--promo-width) + calc(4 * var(--space-unit)));
    gap: calc(4 * var(--space-unit));
    margin-inline-start: calc(4 * var(--space-unit));
  }
  .main-nav__adjacent-promos .main-nav__promo {
    flex: 0 0 auto;
    width: var(--promo-width);
  }
  .main-nav__adjacent-promos[data-count="1"] {
    width: var(--promo-width);
  }
  .main-nav__adjacent-promos[data-count="4"] {
    --promo-width: calc(25% - calc(4 * var(--space-unit)));
    width: 100%;
  }
  .main-nav__adjacent-promos[data-count="5"] {
    --promo-width: calc(20% - calc(4 * var(--space-unit)));
    width: 100%;
  }
  .child-nav__item,
  .mega-nav__item {
    display: inline-block;
    margin: 0.4rem 0;
  }
  .main-nav__promo .main-nav__promo-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .main-nav__child:not(.mega-nav) {
    min-width: 200px;
    margin-left: calc(-1 * var(--nav-link-width, 0));
  }
  .main-nav__child:not(.mega-nav):has(.main-nav__grandchild) {
    overflow: visible;
  }
  .is-opening .main-nav__child:not(.mega-nav):has(.main-nav__grandchild), .is-closing .main-nav__child:not(.mega-nav):has(.main-nav__grandchild) {
    overflow: hidden;
  }
  .main-nav__child:not(.mega-nav) > .child-nav {
    padding: var(--nav-padding) 0;
  }
  .main-nav__child:not(.mega-nav) .main-nav__item--toggle > .child-nav__item {
    display: flex;
    position: relative;
    justify-content: space-between;
  }
  .main-nav__child:not(.mega-nav) .child-nav__item {
    padding: 0.2rem 2.4rem;
  }
  .main-nav__child:not(.mega-nav) .main-nav__grandchild {
    visibility: hidden;
    position: absolute;
    top: calc(-1 * var(--nav-padding));
    left: calc(100% + 1px);
    width: 200px;
    padding: var(--nav-padding) 0;
    transform: translate(-5px);
    clip-path: none;
    transition: all calc(0.2s * var(--motion-factor)) ease-in-out;
    border-radius: var(--nav-border-radius);
    opacity: 0;
    background-color: var(--nav-child-bg-color);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
  }
  .main-nav__child:not(.mega-nav) .main-nav__grandchild .main-nav__item {
    display: inline-block;
    margin: 0.4rem 0;
    padding: 0.2rem 2.4rem;
  }
  .main-nav__child:not(.mega-nav) .main-nav__grandchild::after {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 2px;
    height: 100%;
  }
  .main-nav__child:not(.mega-nav) details {
    position: relative;
  }
  .main-nav__child:not(.mega-nav) .child-nav__item:hover + details .main-nav__grandchild,
  .main-nav__child:not(.mega-nav) details:hover .main-nav__grandchild, .tab-used .main-nav__child:not(.mega-nav) details:focus-within .main-nav__grandchild {
    visibility: visible;
    transform: none;
    opacity: 1;
  }
  .main-nav__collection-tabpanel:has(.main-nav__promo) {
    --max-columns: 4;
    display: flex;
  }
  .main-nav__collection-tabpanel:has(.main-nav__promo) .main-nav__promo {
    flex: 0 0 auto;
    width: 28%;
    margin-inline-start: var(--column-gap);
  }
  .main-nav__collection-tabpanel-grid {
    grid-auto-flow: row;
    grid-template-columns: repeat(var(--max-columns, 6), minmax(0, 1fr));
    flex: 1 0 0;
    margin-bottom: -25px;
    padding-bottom: 25px;
  }
}
@media (min-width: 1280px) {
  .main-nav__adjacent-promos {
    --promo-width: 300px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .main-menu {
    --motion-factor: 0.001;
  }
}
.pagination--modern {
  max-width: 250px;
}

.pagination[aria-disabled=true],
.pagination--modern[aria-disabled=true] {
  opacity: 0.4;
  cursor: default;
}

.pagination.is-loading li {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.pagination__arrow[aria-disabled=true] {
  opacity: 0.4;
}

.cc-main-blog .pagination__arrow--prev {
  margin-inline-end: calc(6 * var(--space-unit));
}

.cc-main-blog .pagination__arrow--next {
  margin-inline-start: calc(6 * var(--space-unit));
}

.pagination__arrow-icon svg {
  width: 18px;
}

.pagination__prev-label {
  margin-inline-start: calc(2 * var(--space-unit));
}

.pagination__next-label {
  margin-inline-end: calc(2 * var(--space-unit));
}

.pagination__item {
  flex: 1;
}

.pagination__page-link,
.pagination__page-current {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(8 * var(--space-unit));
  height: calc(8 * var(--space-unit));
  padding: var(--space-unit);
  border-radius: 50%;
  background-color: rgba(var(--text-color)/0);
}

.pagination__page-link {
  color: rgba(var(--text-color)/0.8);
}

.pagination__page-link:hover,
.pagination__page-current {
  background-color: rgba(var(--text-color)/0.08);
}

@media (min-width: 768px) {
  .cc-main-blog .pagination__arrow--prev {
    margin-inline-end: calc(8 * var(--space-unit));
  }
  .cc-main-blog .pagination__arrow--next {
    margin-inline-start: calc(8 * var(--space-unit));
  }
  .pagination__item {
    flex: 0;
  }
}
parallax-container {
  --parallax-center-offset-y: 0px;
  --parallax-top-offset-y: 0px;
  --parallax-top-offset-y-px: calc(var(--parallax-top-offset-y) * 1px);
  --parallax-window-progress: 0;
  display: block;
  overflow: clip;
}

.parallax {
  transform: translate(0, calc(var(--parallax-speed, 0.5) * var(--parallax-top-offset-y-px)));
  transition: transform 60ms cubic-bezier(0, 0, 0, 0.97);
}

.parallax-hero {
  --parallax-amount: 50px;
  height: calc(var(--viewport-height, 100dvh) + var(--parallax-amount));
  transform: translateY(calc(-1 * var(--parallax-amount) * max(0, var(--parallax-window-progress))));
}

.parallax-in-left {
  transform: translate(min(0px, var(--parallax-top-offset-y-px) + var(--parallax-offset, 0px)));
  transition: transform 200ms cubic-bezier(0.05, 0.39, 0.33, 1);
}

.parallax-in-right {
  transform: translate(max(0px, -1 * var(--parallax-top-offset-y-px) - var(--parallax-offset, 0px)));
  transition: transform 200ms cubic-bezier(0.05, 0.39, 0.33, 1);
}

.parallax-up-stop {
  transform: translate(0, max(0px, -2 * var(--parallax-top-offset-y-px) + var(--parallax-offset, 10vh)));
  transition: transform 200ms cubic-bezier(0.05, 0.39, 0.33, 1);
}
@media (max-width: 767.98px) {
  .parallax-up-stop {
    transform: translate(0, max(0px, -0.4 * var(--parallax-top-offset-y-px) + var(--parallax-offset, 5vh)));
  }
}

.parallax-fade-in-ease {
  opacity: clamp(0, pow(var(--parallax-window-progress), 5) / sqrt(pow(var(--parallax-window-progress), 2)), 1);
}

.parallax-fade-in {
  opacity: clamp(0, var(--parallax-window-progress) * 3 - var(--parallax-fade-in-offset, 0.2), 1);
}

.parallax-fade-in-with-scale-in {
  opacity: calc(1 + 0.5 * min(0, var(--parallax-top-offset-y, 0) + var(--parallax-scale-out-offset, 0)));
  transition: opacity 200ms ease;
}

.parallax-fade-out-ease {
  opacity: clamp(0, pow(1 - var(--parallax-window-progress), 5) / sqrt(pow(1 - var(--parallax-window-progress), 2)), 1);
}

.parallax-paths path,
.parallax-paths ellipse {
  stroke-dasharray: var(--path-length);
  stroke-dashoffset: calc((1 - clamp(0, var(--parallax-window-progress) + var(--parallax-offset, 0), 1)) * var(--path-length));
  transition: stroke-dashoffset 200ms ease;
}

.parallax-spin {
  transform: rotate(calc(var(--parallax-top-offset-y) * 0.2deg));
  transition: transform 600ms cubic-bezier(0, 0, 0.27, 0.98);
}

.parallax-marquee {
  transform: translate(calc(-1 * var(--parallax-speed, 1) * (150vh + var(--parallax-top-offset-y-px))));
  transition: transform 600ms cubic-bezier(0, 0, 0.27, 0.98);
}

.parallax-scale-out {
  transform: scale(calc(1 + -0.0003 * min(0, var(--parallax-top-offset-y, 0) + var(--parallax-scale-out-offset, 0))));
  transform-origin: bottom;
  transition: transform 40ms ease;
}

.parallax-scale-in {
  transform: scale(calc(1 + 0.0003 * min(0, var(--parallax-top-offset-y))));
  transform-origin: bottom;
  transition: transform 40ms ease;
}

@media (max-width: 767.98px) {
  .parallax-not-mobile {
    transform: none;
  }
}
.price__current {
  margin-inline-end: 0.5rem;
  font-size: 1em;
  font-weight: bold;
  white-space: nowrap;
}

.price__was {
  color: rgba(var(--text-color)/var(--muted-text-opacity, 0.6));
  white-space: nowrap;
}

.unit-price {
  margin-top: 4px;
  color: rgba(var(--text-color)/var(--muted-text-opacity, 0.6));
  font-size: 0.875em;
}

.price__discount {
  margin-inline-start: 0.5ch;
  font-size: 0.875em;
}

.price--on-sale .price__current {
  color: rgb(var(--discount-color));
}

@media (min-width: 768px) {
  .price__current {
    font-size: 1.25em;
  }
  .price__discount {
    font-size: 1.25em;
  }
}
.qty-input {
  --padding: 5px;
  --size: calc((var(--btn-border-width) + var(--padding)) * 2 + 2.4rem);
}

.qty-input__input {
  width: var(--size);
  margin: 0;
  padding-top: var(--padding);
  padding-bottom: var(--padding);
  border: var(--btn-border-width) solid rgba(var(--input-text-color)/0.8);
  text-align: center;
}

.qty-input__btn {
  position: relative;
  z-index: 1;
  width: var(--size);
  height: var(--size);
  padding: 0;
  border: var(--btn-border-width) solid rgba(var(--input-text-color)/0.8);
  border-radius: var(--btn-border-radius, 0);
  background-color: rgba(var(--input-bg-color, 0.8));
  color: rgb(var(--input-text-color));
}

.btn--minus::before, .btn--minus::after,
.btn--plus::before,
.btn--plus::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 12px;
  height: 2px;
  transform: translate(50%, -50%);
  background-color: currentColor;
}
.btn--minus::after,
.btn--plus::after {
  width: 2px;
  height: 12px;
}

.btn--minus::after {
  display: none;
}

.qty-input--joined .qty-input__input {
  padding: var(--padding) 0;
  border-radius: 0;
}
.qty-input--joined .btn--minus {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.qty-input--joined .btn--plus {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.js .qty-input--spaced .qty-input__input {
  margin: 0 1rem;
  padding: var(--padding);
}

.js .qty-input--combined {
  border: var(--btn-border-width) solid rgba(var(--input-text-color)/0.8);
  border-radius: var(--btn-border-radius, 0);
  background-color: rgba(var(--input-bg-color, 0.8));
}
.js .qty-input--combined:focus-within {
  border-color: rgba(var(--input-text-color));
  box-shadow: 0 0 0 1px rgba(var(--input-text-color));
}
.js .qty-input--combined .qty-input__input,
.js .qty-input--combined .qty-input__btn {
  border: 0;
  background: none;
  color: rgb(var(--input-text-color));
}
.js .qty-input--combined .qty-input__input {
  padding: var(--padding) 0;
  border-radius: 0;
  box-shadow: none;
}
.js .qty-input--combined .qty-input__btn {
  width: calc(var(--padding) * 2 + 2.4rem);
  height: calc(var(--padding) * 2 + 2.4rem);
}

.qty-input--simple .qty-input__input {
  width: 5em;
}
.qty-input--simple .qty-input__btn {
  display: none;
}

quantity-input {
  font-size: 0;
}

.product-info__add-to-cart .qty-input {
  height: 100%;
}

.qty-input__input {
  flex: 1 1 auto;
}

@media (hover: hover) and (pointer: fine) {
  .qty-input__btn {
    transition: background-color 0.3s;
  }
  .qty-input__btn:hover::before, .qty-input__btn:hover::after {
    background-color: rgba(var(--text-color)/0.5);
  }
}
.rating,
.rating__count {
  line-height: 1.5rem;
}

.rating__stars {
  --no-rating-col: rgba(var(--star-color)/0.2);
  --percent: calc((var(--rating) / var(--rating-max) + 0.01) * 100%);
  background: linear-gradient(90deg, rgb(var(--star-color)) var(--percent), var(--no-rating-col) var(--percent));
  background-clip: text;
  font-family: Times;
  font-size: 1em;
  line-height: 1;
  -webkit-text-fill-color: transparent;
}

.rating__count {
  margin-inline-start: 0.5em;
}

:root {
  --roundel-size: 200px;
}

.roundel {
  width: var(--roundel-size);
  height: var(--roundel-size);
}

.roundel--spin-slow .roundel__outer {
  animation: roundel_spin 48s linear infinite;
}

.roundel--spin-medium .roundel__outer {
  animation: roundel_spin 24s linear infinite;
}

.roundel--spin-fast .roundel__outer {
  animation: roundel_spin 12s linear infinite;
}

.roundel__outer-text {
  font-size: 8px;
}

.roundel__inner {
  padding: 55px;
  color: currentColor;
}

.roundel__icon svg {
  stroke-width: 0.5px;
}

@keyframes roundel_spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1023.98px) {
  .roundel {
    transform: scale(0.9);
  }
}
@media (max-width: 767.98px) {
  .roundel {
    transform: scale(0.75);
  }
}
@keyframes marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
.scrolling-banner--pausable:hover {
  --play-state: paused;
}

.scrolling-banner__items-container {
  direction: ltr;
}

.scrolling-banner__items {
  animation: marquee var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
}
[dir=rtl] .scrolling-banner__items {
  direction: rtl;
}

.scrolling-banner__items,
.scrolling-banner__item {
  white-space: nowrap;
}

.scrolling-banner {
  z-index: 2;
  align-self: center;
  overflow: hidden;
}

.scrolling-banner__item {
  margin-right: -1px;
}

.scrolling-banner__text {
  margin-bottom: 0;
}

.search__input {
  padding: 12px;
  padding-inline-start: 42px;
  border-radius: var(--input-lg-border-radius, var(--input-border-radius));
  line-height: 1em;
}
.search__input:focus + .search__btns svg {
  stroke-width: 1.3px;
}

.search__btns {
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  color: rgb(var(--input-text-color));
}
.search__btns svg {
  stroke-width: 0.6px;
  stroke: currentColor;
}

.search__submit {
  display: flex;
  padding: 10px 12px;
}
.search__submit .icon {
  width: 16px;
  height: 16px;
}

.search-bar {
  --input-text-color: var(--text-color);
  width: 100%;
  max-width: 640px;
}
.search-bar .search__input {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0;
  background: rgb(var(--text-color)/0.08);
}

@media (min-width: 1024px) {
  .search__input {
    font-size: 1.4rem;
  }
}
.drawer {
  visibility: hidden;
  z-index: 40;
  max-width: 560px;
  height: 100%;
  transition: visibility 0s 0.6s, transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transform: translate3d(100%, 0, 0);
  outline: 0;
  background-color: var(--drawer-bg-color);
  color: rgb(var(--drawer-text-color));
}
.drawer[open] {
  visibility: visible;
  transition: visibility 0s 0s, transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transform: translate3d(0, 0, 0);
}
.drawer[aria-modal] {
  --bg-color: var(--drawer-bg-color);
  --heading-color: var(--drawer-text-color);
  --text-color: var(--drawer-text-color);
}
.drawer hr {
  background-color: rgba(var(--text-color)/0.1);
}
.drawer .cart-gift-wrap .checkbox + label::before,
.drawer .filter .checkbox + label::before {
  align-self: flex-start;
  margin-top: 0.1875em;
}

.drawer__footer,
.cart-drawer-popup__content {
  padding: calc(6 * var(--space-unit));
}

.drawer__header,
.drawer__custom-message {
  background-color: rgb(var(--bg-accent-color));
}

.drawer__custom-message {
  border-radius: 6px;
}

[data-empty]:has(.js-cart-empty) + .drawer__custom-message,
cart-drawer:has(.js-cart-empty) .cart-gift-wrap,
cart-drawer:has(.js-cart-empty) product-recommendations,
[data-empty=true] + .drawer__custom-message {
  display: none;
}

.drawer__header {
  padding: calc(3 * var(--space-unit)) calc(6 * var(--space-unit));
}

.drawer__close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -10px;
  padding: 10px;
  color: rgb(var(--heading-color));
}
.drawer__close-btn svg {
  width: 24px;
  height: 24px;
}

.drawer__content > *,
.drawer__content + .cart-gift-wrap,
.drawer__scroller .drawer__footer,
.drawer__header {
  transition: opacity 0.6s 0.4s, transform 0.6s 0.4s;
  transform: translateX(50px);
  opacity: 0;
}
.drawer[open] .drawer__content > *,
.drawer[open] .drawer__content + .cart-gift-wrap,
.drawer[open] .drawer__scroller .drawer__footer,
.drawer[open] .drawer__header {
  transform: none;
  opacity: 1;
}

.drawer__content {
  padding: calc(3 * var(--space-unit)) calc(6 * var(--space-unit));
  overflow: auto;
}
.drawer__content:has(.js-cart-empty):has(.product-list), .drawer__content:has([data-empty=true]):has(.product-list) {
  flex-direction: column;
  justify-content: space-between;
}
.drawer__content:has(.js-cart-empty):has(.product-list) .form, .drawer__content:has([data-empty=true]):has(.product-list) .form {
  flex-grow: 1;
}
.drawer__content:not(:has(.js-cart-empty)) .product-list, .drawer__content:not(:has([data-empty=true])) .product-list {
  display: none;
}
.drawer__content:has(.js-cart-empty) {
  display: flex;
}

.drawer__content product-recommendations h2,
.drawer__content .product-list h2 {
  color: rgb(var(--text-color));
  font-family: var(--body-font-family);
  font-style: var(--body-font-style);
  font-weight: 700;
  line-height: 1.5;
  text-transform: initial;
}
.drawer__content product-recommendations .slider,
.drawer__content .product-list .slider {
  margin-top: calc(3 * var(--space-unit));
}
.drawer__content product-recommendations div:has(.slider-nav) + .slider,
.drawer__content .product-list div:has(.slider-nav) + .slider {
  margin-top: calc(2 * var(--space-unit));
}

.drawer__footer {
  z-index: 5;
  transform: translate3d(0, 100%, 0);
  transition: transform 0s 0.6s;
  border-top: 1px solid rgba(var(--drawer-text-color)/0.1);
}
.drawer__footer:has(.cart-actions) {
  padding-top: 0;
}
.drawer__footer:empty {
  display: none;
}
[open] > .drawer__footer {
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  transform: translate3d(0, 0, 0);
}
.drawer__footer:has(.cart-actions:not(.cart-actions--stacked) details[open]) {
  pointer-events: none;
}
.drawer__footer:has(.cart-actions:not(.cart-actions--stacked) details[open]) details[open] .cart-drawer-popup {
  pointer-events: auto;
}

.cart-actions .disclosure__content {
  padding-bottom: calc(3 * var(--space-unit));
}

.cart-actions__gift-wrap-container {
  max-width: 0;
  overflow: hidden;
  transition: max-width 0.4s cubic-bezier(0.2, 0.6, 0.4, 1), max-height 0.4s cubic-bezier(0.2, 0.6, 0.4, 1), padding 0.4s;
  white-space: nowrap;
}

.cart-actions__gift-wrap-container.drawer__footer--border-right {
  border-width: 0;
}

.cart__summary:has([name="attributes[gift-wrap]"]:checked) .cart-actions__gift-wrap-container,
cart-drawer:has([name="attributes[gift-wrap]"]:checked) .cart-actions__gift-wrap-container {
  max-width: 100%;
  border-width: 1px;
}

.drawer__footer--border-left {
  border-inline-start: 1px solid rgb(var(--text-color)/0.1);
}

.drawer__footer--border-right {
  border-inline-end: 1px solid rgb(var(--text-color)/0.1);
}

.drawer__footer-hr {
  width: calc(100% + 6 * var(--space-unit) * 2);
  margin: 0 0 calc(5 * var(--space-unit)) calc(6 * var(--space-unit) * -1);
}
[dir=rtl] .drawer__footer-hr {
  margin: 0 calc(6 * var(--space-unit) * -1) calc(5 * var(--space-unit)) 0;
}

.cart-drawer-popup {
  z-index: 5;
  max-height: 100dvh;
  overflow: auto;
  transition: height 0.3s cubic-bezier(0.2, 0.6, 0.4, 1);
  background-color: var(--drawer-bg-color);
  scrollbar-width: none;
}
.cart-drawer-popup::-webkit-scrollbar {
  display: none;
}

.cart-drawer-popup__btn {
  top: 0;
  right: 0;
  margin: 0;
  padding: 8px;
  color: rgb(var(--heading-color));
}
[dir=rtl] .cart-drawer-popup__btn {
  right: auto;
  left: 0;
}
.cart-drawer-popup__btn > .icon {
  display: block;
}

.drawer__heading {
  font-size: 1.8rem;
}

.overlay--drawer {
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.25);
}

html:has(.drawer[open]) {
  overflow: hidden;
}
html:has(.drawer[open]) > body {
  width: calc(100vw - var(--scrollbar-width));
}

.drawer__scroller {
  overflow-y: auto;
}
.drawer__scroller .drawer__content {
  flex-shrink: 0;
  overflow: visible;
}

@media (max-width: 479.98px) {
  .btn--view-cart {
    border: 0;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2rem;
  }
  .cc-cart-drawer .btn--secondary {
    order: 2;
  }
}
@media (min-width: 480px) {
  .drawer__heading {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .drawer:not(.facets) {
    border-radius: var(--drawer-border-radius) 0 0 var(--drawer-border-radius);
  }
  .drawer__header {
    padding: calc(3 * var(--space-unit)) calc(8 * var(--space-unit));
  }
  .drawer__content {
    padding: calc(4 * var(--space-unit)) calc(8 * var(--space-unit));
  }
  cart-drawer .drawer__content {
    padding: calc(8 * var(--space-unit)) calc(8 * var(--space-unit)) calc(4 * var(--space-unit));
  }
  .drawer__footer,
  .cart-drawer-popup__content {
    padding: calc(8 * var(--space-unit));
  }
  .drawer__footer-hr {
    width: calc(100% + 8 * var(--space-unit) * 2);
    margin: 0 0 calc(5 * var(--space-unit)) calc(8 * var(--space-unit) * -1);
  }
}
@media (min-width: 1024px) {
  .drawer__content product-recommendations,
  .drawer__content .product-list {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 400px;
    margin: 0;
    padding: 20px;
    border-inline-end: 1px solid rgba(var(--drawer-text-color)/0.1);
    overflow-y: auto;
    transition: transform 0.6s 0.2s, opacity 0.6s 0.2s, visibility 0.6s 0.2s;
    transform: translateX(32px);
    opacity: 0;
    background: var(--drawer-bg-color);
  }
  .drawer__content product-recommendations h2,
  .drawer__content .product-list h2 {
    margin-bottom: calc(5 * var(--space-unit));
  }
  .drawer__content product-recommendations .slider-nav,
  .drawer__content .product-list .slider-nav {
    display: none;
  }
  .drawer__content product-recommendations div:has(.slider-nav) + .slider,
  .drawer__content product-recommendations .slider,
  .drawer__content .product-list div:has(.slider-nav) + .slider,
  .drawer__content .product-list .slider {
    margin-top: 0;
  }
  .drawer__content product-recommendations .slider.is-grabbable,
  .drawer__content .product-list .slider.is-grabbable {
    cursor: auto;
    -webkit-user-select: auto;
            user-select: auto;
  }
  .drawer__content product-recommendations .slider__grid,
  .drawer__content .product-list .slider__grid {
    display: flex;
    flex-direction: column;
    gap: calc(4 * var(--space-unit));
  }
  [aria-hidden=false] .drawer__content product-recommendations,
  [aria-hidden=false] .drawer__content .product-list {
    visibility: visible;
    transition-delay: 0.7s;
    transform: none;
    opacity: 1;
  }
  cart-drawer:has(product-recommendations:not(:empty)) .overlay--drawer {
    left: -400px;
  }
}
.slider {
  --scrollbar-border-width: 11px;
  padding-bottom: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: auto transparent;
}
.slider::-webkit-scrollbar {
  height: 24px;
}
.slider::-webkit-scrollbar-thumb {
  border: var(--scrollbar-border-width) solid transparent;
  border-radius: var(--btn-border-radius, 0);
  box-shadow: inset 0 0 0 2px rgb(var(--text-color));
}
.slider::-webkit-scrollbar-thumb:hover {
  border-width: 10px;
}
.slider::-webkit-scrollbar-track {
  margin: 0 calc(var(--gutter) - var(--scrollbar-border-width));
  border: var(--scrollbar-border-width) solid transparent;
  border-radius: var(--btn-border-radius, 0);
  box-shadow: inset 0 0 0 2px rgba(var(--text-color)/0.3);
}
.slider.is-grabbable {
  cursor: grab;
  -webkit-user-select: none;
          user-select: none;
}
.slider.is-grabbable img {
  pointer-events: none;
}
.slider.is-grabbing {
  cursor: grabbing;
  scroll-snap-type: none;
}
.slider.is-dragging a {
  pointer-events: none;
}

.slider.slider--no-scrollbar {
  padding-bottom: 0;
  scrollbar-width: none;
}
.slider.slider--no-scrollbar::-webkit-scrollbar {
  display: none;
}

.carousel[inactive] .slider::-webkit-scrollbar-thumb {
  display: none;
}
.carousel[inactive] .slider::-webkit-scrollbar-track {
  display: none;
}

.slider__item {
  scroll-snap-align: start;
}

@media (max-width: 479.98px) {
  .slider {
    padding: 0;
    scrollbar-width: none;
  }
  .slider::-webkit-scrollbar {
    display: none;
  }
  .slider:not(.slider--no-container) .slider__grid {
    width: calc(100% - var(--column-gap));
  }
}
@media (min-width: 768px) {
  .carousel:not([inactive]) .section__heading {
    text-align: start;
  }
}
@media (max-width: 1439.98px) {
  .carousel > .container {
    padding: 0;
  }
  .carousel__header {
    padding: 0 var(--gutter);
  }
  .slider:not(.slider--no-container) {
    width: 100%;
    scroll-padding-left: var(--gutter);
  }
  [dir=rtl] .slider:not(.slider--no-container) {
    scroll-padding-right: var(--gutter);
    scroll-padding-left: 0;
  }
  .slider:not(.slider--no-container) .slider__item:last-child {
    width: calc(100% + var(--gutter));
    border-inline-end: var(--gutter) solid transparent;
  }
}
@media (min-width: 1440px) {
  .slider:not(.slider--no-container)::-webkit-scrollbar-track {
    margin: 0 calc(var(--scrollbar-border-width) * -1);
  }
  .slider:not(.slider--no-container) > .container {
    padding: 0;
  }
}
.carousel[inactive] .slider-nav {
  display: none;
}

.slider-nav--show-on-hover {
  transition: opacity 0.3s;
  opacity: 0;
}
.carousel:hover .slider-nav--show-on-hover {
  opacity: 1;
}

.slider-nav > .btn {
  padding: calc(10px - var(--btn-border-width));
}
.slider-nav > .btn:last-child {
  margin-inline-end: -10px;
}

.slider-nav > .btn.btn--primary:last-child,
.slider-nav > .btn.btn--secondary:last-child {
  margin-inline-start: calc(3 * var(--space-unit));
  margin-inline-end: 0;
}

.slider {
  -webkit-overflow-scrolling: touch;
}

.slider-nav__btn {
  color: inherit;
}

.slider-nav--alt > .slider-nav__btn {
  padding: 7px;
  border: 1px solid rgba(var(--text-color)/0.6);
  border-radius: 100%;
  background-color: var(--bg-color);
  color: rgb(var(--text-color));
}
.slider-nav--alt > .slider-nav__btn:last-child {
  margin: 0;
}
.slider-nav--alt > .slider-nav__btn svg {
  display: block;
  width: 16px;
  height: 16px;
}
.slider-nav--alt > .slider-nav__btn--sm {
  padding: 4px;
}
.slider-nav--alt > .slider-nav__btn--sm svg {
  width: 14px;
  height: 14px;
}

.carousel--cards .slider__grid {
  padding-top: 2px;
  padding-bottom: 6px;
}

@media (min-width: 1440px) {
  .carousel--cards .slider__grid {
    --column-gap: calc(4 * var(--space-unit));
    column-gap: calc(4 * var(--space-unit));
  }
  .carousel--cards .slider__grid .slider__item {
    padding-right: 4px;
    padding-left: 4px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .slider-nav--alt > .slider-nav__btn:hover {
    border-color: rgb(var(--text-color));
  }
}
/* Must be present during page load */
product-swiper {
  transition: opacity 150ms;
}
product-swiper:has(.swiper:not(.swiper-initialized)) {
  opacity: 0;
}
product-swiper[data-full-width=false] .swiper-slide .card {
  transition: opacity 0.3s ease;
  opacity: 0;
}
product-swiper[data-full-width=false] .swiper-slide.is-visible .card {
  opacity: 1;
}
product-swiper .swiper {
  padding-right: 80px;
  padding-left: 80px;
}
@media (min-width: 768px) {
  product-swiper .swiper {
    padding-right: 0;
    padding-left: 0;
  }
}
product-swiper .swiper:not(.swiper-initialized) .swiper-wrapper {
  column-gap: 32px;
}
product-swiper .swiper:not(.swiper-initialized) .swiper-slide {
  width: 33%;
}
product-swiper .swiper-slide {
  display: flex;
  height: auto;
}
product-swiper .swiper-slide > .product-card {
  width: 100%;
}
@media (max-width: 767.98px) {
  product-swiper .swiper-slide.swiper-slide-prev .card, product-swiper .swiper-slide.swiper-slide-next .card {
    opacity: 1 !important;
  }
  product-swiper .swiper-slide.swiper-slide-prev .card__quick-add, product-swiper .swiper-slide.swiper-slide-next .card__quick-add {
    pointer-events: none;
  }
}
product-swiper[data-effect=coverflow] .swiper-slide:not(.swiper-slide-active) > product-card {
  pointer-events: none;
}
product-swiper:has(.has-cutout-cards) {
  margin-top: -50px;
}
product-swiper:has(.has-cutout-cards) .swiper-wrapper {
  padding-top: 50px;
}
.tab-used product-swiper .slider-nav:has(.slider-nav--show-on-hover):focus-within .slider-nav--show-on-hover {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  product-swiper:hover .slider-nav--show-on-hover {
    opacity: 1;
  }
}
.social {
  margin: -10px;
}

.social__link {
  width: 44px;
  height: 44px;
  padding: 10px;
  color: rgb(var(--text-color));
}
.social__link > .icon {
  width: auto;
  max-width: 100%;
  height: 100%;
}
.social__link > .icon,
.social__link > img {
  transition: transform 0.3s ease-out;
}
.social__link:hover > .icon, .social__link:hover > img {
  transform: scale(1.2);
}

.social-share__heading {
  margin-inline-end: calc(4 * var(--space-unit));
}

.opt-swatch {
  display: block;
  position: relative;
  width: var(--swatch-size);
  height: var(--swatch-size);
  border-radius: var(--swatch-radius, 0);
  background-color: var(--swatch-color, transparent);
}
.opt-swatch::before, .opt-swatch::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.opt-swatch::before {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease;
  border-radius: inherit;
  opacity: 0;
  box-shadow: 0 0 0 var(--swatch-border-width, 1px) rgb(var(--swatch-border-color)), inset 0 0 0 var(--swatch-inset-border-width, 1px) rgba(var(--swatch-inset-border-color));
}
.opt-swatch::after {
  display: none;
  top: 50%;
  left: 50%;
  box-sizing: content-box;
  width: 100%;
  height: var(--swatch-border-width, 1px);
  transform: translate(-50%, -50%) rotate(-45deg);
  transform-origin: center;
  border-top: var(--swatch-border-width, 1px) solid rgba(var(--swatch-inset-border-color));
  background-color: rgb(var(--swatch-border-color));
}
.opt-swatch img {
  border-radius: inherit;
}
.opt-swatch:is(.opt-swatch--square)::after {
  width: calc((var(--swatch-size) - var(--swatch-radius)) * 1.4142 + var(--swatch-border-width) * 2);
}
.quick-add-drawer .opt-swatch:is(.opt-swatch--square)::after {
  width: 100%;
}

.opt-label:is(.opt-label--swatch) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--swatch-size) + 2px);
  height: calc(var(--swatch-size) + 2px);
  border: 0;
  border-radius: var(--swatch-radius, 0);
}
.opt-btn:focus-visible + .opt-label:is(.opt-label--swatch), .opt-label:is(.opt-label--swatch):is(a:focus-visible) {
  outline: none;
}
.opt-btn:focus-visible + .opt-label:is(.opt-label--swatch) .opt-swatch::before, .opt-btn:hover + .opt-label:is(.opt-label--swatch) .opt-swatch::before, .opt-btn:checked + .opt-label:is(.opt-label--swatch) .opt-swatch::before, .opt-label:is(.opt-label--swatch):has(.opt-btn:focus-visible) .opt-swatch::before, .opt-label:is(.opt-label--swatch):has(.opt-btn:hover) .opt-swatch::before, .opt-label:is(.opt-label--swatch):has(.opt-btn:checked) .opt-swatch::before, .opt-label:is(.opt-label--swatch):is(a:focus-visible) .opt-swatch::before, .opt-label:is(.opt-label--swatch):is(a:hover) .opt-swatch::before, .opt-label:is(.opt-label--swatch):is(a.active) .opt-swatch::before {
  opacity: 1;
}
.opt-btn[disabled] + .opt-label:is(.opt-label--swatch) .opt-swatch::after, .opt-btn.is-unavailable + .opt-label:is(.opt-label--swatch) .opt-swatch::after, .opt-label:is(.opt-label--swatch):has(.opt-btn[disabled]) .opt-swatch::after, .opt-label:is(.opt-label--swatch):has(.opt-btn.is-unavailable) .opt-swatch::after, .opt-label:is(.opt-label--swatch):is(a.is-unavailable) .opt-swatch::after {
  display: block;
}

.filter__swatch {
  --swatch-size: 16px;
  --swatch-border-width: 1px;
  --swatch-inset-border-width: 1.5px;
  display: block;
  position: relative;
  width: var(--swatch-size);
  height: var(--swatch-size);
  border-radius: var(--swatch-radius, 0);
  background-color: var(--swatch-color, transparent);
}
.filter__swatch::before, .filter__swatch::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.filter__swatch::before {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease;
  border-radius: inherit;
  opacity: 0;
  box-shadow: 0 0 0 var(--swatch-border-width, 1px) rgb(var(--swatch-border-color)), inset 0 0 0 var(--swatch-inset-border-width, 1px) rgba(var(--swatch-inset-border-color));
}
.filter__swatch::after {
  display: none;
  top: 50%;
  left: 50%;
  box-sizing: content-box;
  width: 100%;
  height: var(--swatch-border-width, 1px);
  transform: translate(-50%, -50%) rotate(-45deg);
  transform-origin: center;
  border-top: var(--swatch-border-width, 1px) solid rgba(var(--swatch-inset-border-color));
  background-color: rgb(var(--swatch-border-color));
}
.filter__swatch img {
  border-radius: inherit;
}

input:focus-visible + .filter__label:has(.filter__swatch) .filter__swatch::before, input:hover + .filter__label:has(.filter__swatch) .filter__swatch::before, input:checked + .filter__label:has(.filter__swatch) .filter__swatch::before {
  opacity: 1;
}
input[disabled] + .filter__label:has(.filter__swatch) .filter__swatch::after {
  display: block;
}

.custom-select__swatch {
  --swatch-size: 20px;
  --swatch-border-width: 1px;
  --swatch-inset-border-width: 1.5px;
  display: block;
  position: relative;
  flex-shrink: 0;
  width: var(--swatch-size);
  height: var(--swatch-size);
  margin-inline-end: calc(2 * var(--space-unit));
  border-radius: var(--swatch-radius, 0);
  background-color: var(--swatch-color, transparent);
}
.custom-select__swatch::before, .custom-select__swatch::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.custom-select__swatch::before {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease;
  border-radius: inherit;
  opacity: 0;
  box-shadow: 0 0 0 var(--swatch-border-width, 1px) rgb(var(--swatch-border-color)), inset 0 0 0 var(--swatch-inset-border-width, 1px) rgba(var(--swatch-inset-border-color));
}
.custom-select__swatch::after {
  display: none;
  top: 50%;
  left: 50%;
  box-sizing: content-box;
  width: 100%;
  height: var(--swatch-border-width, 1px);
  transform: translate(-50%, -50%) rotate(-45deg);
  transform-origin: center;
  border-top: var(--swatch-border-width, 1px) solid rgba(var(--swatch-inset-border-color));
  background-color: rgb(var(--swatch-border-color));
}
.custom-select__swatch img {
  border-radius: inherit;
}

.custom-select__btn:has(.custom-select__swatch) .custom-select__swatch::before,
.custom-select__option:has(.custom-select__swatch).is-focused .custom-select__swatch::before,
.custom-select__option:has(.custom-select__swatch)[aria-selected=true] .custom-select__swatch::before {
  opacity: 1;
}

.custom-select__btn:has(.custom-select__swatch).is-unavailable .custom-select__swatch::after,
.custom-select__option:has(.custom-select__swatch).is-unavailable .custom-select__swatch::after {
  display: block;
}

.sticky-atc-panel__swatch .opt-label--swatch {
  --swatch-size: 12px;
  --swatch-border-width: 0.75px;
  --swatch-border-inset-width: 1.5px;
  pointer-events: none;
  cursor: default;
}

.tablist__scroller {
  margin: 0 calc(var(--gutter) * -1) -30px;
  padding: 0 var(--gutter) 32px;
  overflow-x: auto;
}

.tablist__tab {
  padding: 1.2rem 0;
  color: rgba(var(--text-color)/0.7);
  white-space: nowrap;
}
.tablist__tab:not(:last-child) {
  margin-inline-end: calc(8 * var(--space-unit));
}
.tablist__tab[aria-selected=true] {
  color: rgb(var(--text-color));
  text-decoration: underline;
  text-underline-offset: 0.8rem;
  text-decoration-thickness: 1px;
}

@media (max-width: 767.98px) {
  .tablist__tab:not(:last-child) {
    margin-inline-end: calc(6 * var(--space-unit));
  }
}
/*
Components making use of text-overlay include:
  - Hero
  - Header
  - Image Banner
  - Image Banner (Scrolling Text)
  - List Collections Banner
  - Password
  - Newsletter
  - Product Features
  - Rich Text
  - Shoppable Carousel
  - Shoppable Image
  - Slideshow
  - Video
  - Nav Promo
  - Background Video
  - Contact Form? (Included but can't see the classname referenced at all)
*/
.text-overlay {
  position: relative;
  z-index: 3;
  margin: calc(12 * var(--space-unit)) 0;
  border-radius: var(--fluid-overlay-border-radius);
  color: rgb(var(--text-color));
}
.text-overlay.text-overlay--bg {
  padding: calc(12 * var(--space-unit)) calc(6 * var(--space-unit));
  background: var(--bg-color);
}
.text-overlay.text-overlay--background-video, .text-overlay.text-overlay--image-banner, .text-overlay.text-overlay--shoppable-image, .text-overlay.text-overlay--slideshow {
  margin: calc(12 * var(--space-unit)) 0;
}
.text-overlay.text-overlay--background-video .text-overlay__heading, .text-overlay.text-overlay--image-banner .text-overlay__heading, .text-overlay.text-overlay--shoppable-image .text-overlay__heading, .text-overlay.text-overlay--slideshow .text-overlay__heading {
  overflow-wrap: break-word;
}

.text-overlay__block {
  margin-bottom: calc(8 * var(--space-unit));
}
.text-overlay__block.text-overlay__block--spaced {
  margin-bottom: calc(12 * var(--space-unit));
}
.text-overlay__block:last-child {
  margin-bottom: 0;
}

.text-overlay__block + .text-overlay__button {
  margin-top: calc(8 * var(--space-unit));
}

.text-overlay-compact__block {
  margin-bottom: calc(3 * var(--space-unit));
}
.text-overlay-compact__block:last-child {
  margin-bottom: 0;
}

.text-overlay-compact__button:has(.btn) {
  margin-top: calc(5 * var(--space-unit));
}

@media (max-width: 479.98px) {
  .mobile-stacked .text-overlay {
    position: static;
    width: 100%;
    margin: 0;
    padding: calc(16 * var(--space-unit)) calc(6 * var(--space-unit));
    border-radius: 0;
    opacity: 1 !important;
  }
  .mobile-stacked.section--full-width .text-overlay--background-video,
  .mobile-stacked.section--full-width .text-overlay--image-banner,
  .mobile-stacked.section--full-width .text-overlay--shoppable-image,
  .mobile-stacked.section--full-width .text-overlay--slideshow {
    padding: calc(16 * var(--space-unit)) calc(14 * var(--space-unit));
  }
  .mobile-stacked.section--border-radius .image-banner__image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .mobile-stacked.section--border-radius .text-overlay {
    border-bottom-right-radius: var(--fluid-content-border-radius);
    border-bottom-left-radius: var(--fluid-content-border-radius);
  }
  .section--full-width:not(.mobile-stacked) .image-banner__text:not(.justify-center) .text-overlay--background-video:not(.text-overlay--bg),
  .section--full-width:not(.mobile-stacked) .image-banner__text:not(.justify-center) .text-overlay--image-banner:not(.text-overlay--bg),
  .section--full-width:not(.mobile-stacked) .image-banner__text:not(.justify-center) .text-overlay--shoppable-image:not(.text-overlay--bg),
  .section--full-width:not(.mobile-stacked) .image-banner__text:not(.justify-center) .text-overlay--slideshow:not(.text-overlay--bg),
  .section--full-width:not(.mobile-stacked) .slideshow__text:not(.justify-center) .text-overlay--background-video:not(.text-overlay--bg),
  .section--full-width:not(.mobile-stacked) .slideshow__text:not(.justify-center) .text-overlay--image-banner:not(.text-overlay--bg),
  .section--full-width:not(.mobile-stacked) .slideshow__text:not(.justify-center) .text-overlay--shoppable-image:not(.text-overlay--bg),
  .section--full-width:not(.mobile-stacked) .slideshow__text:not(.justify-center) .text-overlay--slideshow:not(.text-overlay--bg) {
    max-width: calc(100% - 20 * var(--space-unit));
  }
  .section--border-radius.mobile-stacked .image-banner__image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .section--border-radius.mobile-stacked .text-overlay {
    border-bottom-right-radius: var(--fluid-content-border-radius);
    border-bottom-left-radius: var(--fluid-content-border-radius);
  }
  .text-overlay--background-video .text-overlay__block,
  .text-overlay--image-banner .text-overlay__block,
  .text-overlay--shoppable-image .text-overlay__block,
  .text-overlay--slideshow .text-overlay__block {
    margin-bottom: calc(6 * var(--space-unit));
  }
  .text-overlay--background-video .text-overlay__block:last-child,
  .text-overlay--image-banner .text-overlay__block:last-child,
  .text-overlay--shoppable-image .text-overlay__block:last-child,
  .text-overlay--slideshow .text-overlay__block:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .mobile-stacked--shoppable-image .text-overlay {
    position: static;
    width: 100%;
    margin: 0;
    padding: calc(16 * var(--space-unit)) calc(6 * var(--space-unit));
    border-radius: 0;
    opacity: 1 !important;
  }
  .mobile-stacked--shoppable-image.section--full-width .text-overlay--shoppable-image {
    padding: calc(16 * var(--space-unit)) calc(14 * var(--space-unit));
  }
  .mobile-stacked--shoppable-image.section--border-radius .image-banner__image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .mobile-stacked--shoppable-image.section--border-radius .text-overlay {
    border-bottom-right-radius: var(--fluid-content-border-radius);
    border-bottom-left-radius: var(--fluid-content-border-radius);
  }
  .section--border-radius.mobile-stacked--shoppable-image .image-banner__image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .section--border-radius.mobile-stacked--shoppable-image .text-overlay {
    border-bottom-right-radius: var(--fluid-content-border-radius);
    border-bottom-left-radius: var(--fluid-content-border-radius);
  }
  .text-overlay--shoppable-image .text-overlay__block {
    margin-bottom: calc(6 * var(--space-unit));
  }
  .text-overlay--shoppable-image .text-overlay__block:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .text-overlay {
    margin: calc(14 * var(--space-unit)) 0;
  }
  .text-overlay:not(.text-overlay--password) {
    max-width: var(--overlay-max-width, calc(50% + 26 * var(--space-unit)));
  }
  .text-overlay.text-overlay--bg {
    padding: calc(12 * var(--space-unit)) calc(12 * var(--space-unit));
  }
  .text-overlay.text-overlay--background-video, .text-overlay.text-overlay--image-banner, .text-overlay.text-overlay--shoppable-image, .text-overlay.text-overlay--slideshow {
    margin: calc(12 * var(--space-unit)) 0;
  }
}
@media (min-width: 1024px) {
  .text-overlay:not(.text-overlay--password) {
    max-width: var(--overlay-max-width, 50%);
  }
  .text-overlay.text-overlay--background-video, .text-overlay.text-overlay--image-banner, .text-overlay.text-overlay--shoppable-image, .text-overlay.text-overlay--slideshow {
    margin: calc(26 * var(--space-unit)) 0;
  }
  .section:not(.section--full-width) .text-overlay--bg.text-overlay--background-video, .section:not(.section--full-width) .text-overlay--bg.text-overlay--image-banner, .section:not(.section--full-width) .text-overlay--bg.text-overlay--shoppable-image, .section:not(.section--full-width) .text-overlay--bg.text-overlay--slideshow {
    max-width: var(--overlay-max-width, calc(50% + var(--gutter)));
  }
  .image-banner__text.justify-center .text-overlay--background-video,
  .image-banner__text.justify-center .text-overlay--image-banner,
  .image-banner__text.justify-center .text-overlay--shoppable-image,
  .image-banner__text.justify-center .text-overlay--slideshow,
  .slideshow__text.justify-center .text-overlay--background-video,
  .slideshow__text.justify-center .text-overlay--image-banner,
  .slideshow__text.justify-center .text-overlay--shoppable-image,
  .slideshow__text.justify-center .text-overlay--slideshow {
    max-width: var(--overlay-max-width, calc(50% + 26 * var(--space-unit)));
  }
}
@media (min-width: 1200px) {
  .text-overlay.text-overlay--bg {
    padding: calc(20 * var(--space-unit)) calc(26 * var(--space-unit));
  }
}
.tooltip {
  padding: var(--space-unit) calc(3 * var(--space-unit));
  border-radius: 4px;
  background-color: rgb(var(--bg-accent-color));
  color: rgb(var(--input-text-color));
  font-size: 0.75em;
  text-align: center;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.16));
}
.tooltip::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 50%;
  width: calc(4 * var(--space-unit));
  height: calc(4 * var(--space-unit));
  transform: translate(-50%, 50%) rotate(45deg);
  background-color: rgb(var(--bg-accent-color));
}

.article__image--wider .media {
  width: calc(100% + var(--gutter) * 2);
  max-width: calc(100% + var(--gutter) * 2);
  margin-inline-start: calc(var(--gutter) * -1);
}

.article-details .icon {
  width: 24px;
  height: 24px;
  margin-right: calc(2 * var(--space-unit));
}

.article-tag {
  border: 1px solid currentColor;
  border-radius: 4px;
}
.article-tag.article-tag--active {
  border: 2px solid currentColor;
  font-weight: bold;
}

@media (max-width: 1023.98px) {
  .article-content,
  .article-width {
    max-width: 37em;
  }
}
@media (min-width: 1024px) {
  .article-content blockquote {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}
.cc-announcement {
  position: relative;
  z-index: 30;
}

announcement-bar {
  background-color: var(--announcement-bg-color);
  background-image: var(--announcement-bg-gradient, none);
}

.announcement {
  transition: color 500ms ease;
  color: rgb(var(--announcement-text-color));
  font-size: var(--font-size);
  line-height: 1.33;
}
.announcement a {
  color: inherit;
}
.announcement .slideshow__slide {
  position: relative;
  padding-bottom: 0;
  transform: translateX(calc(-100% * (var(--slide-index) - 1)));
  color: var(--announcement-text-color);
}
.announcement .slideshow {
  --ctrl-space: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-y;
}
.announcement .slideshow::-webkit-scrollbar {
  display: none;
}
.announcement .has-motion {
  --transition-in: transform 0.6s cubic-bezier(0, 0, 0.19, 0.89) 0.6s, opacity 0.4s linear 0.6s;
  transform: translate(0, 10px);
}
.announcement .is-active > .has-motion {
  transform: none;
}
.announcement .has-motion.transition-out {
  transition-delay: 0s;
  transform: none;
}
.announcement .slideshow-nav {
  padding: 0 calc(var(--gutter) + var(--space-unit) + 1em);
  pointer-events: none;
}
.announcement .slideshow-nav:not(:has(.slideshow-nav__btn:focus)) {
  height: 0;
  overflow: hidden;
}
.announcement .slideshow-nav__btn {
  padding-right: 28px;
  padding-left: 28px;
  color: rgb(var(--announcement-text-color));
  font-size: 1em;
  line-height: 1;
  pointer-events: auto;
}
.announcement .slideshow-nav__btn:hover {
  background-color: transparent;
  color: rgb(var(--announcement-text-color));
  cursor: pointer;
}
.announcement .slideshow-nav__btn svg {
  width: 1em;
  height: 1em;
}

.announcement__slide p {
  margin-bottom: 0;
}

.announcement__text {
  padding: 0.6666666667em 0;
}

.announcement__close {
  top: calc(50% - 0.5em);
  right: calc(3 * var(--space-unit));
  color: rgb(var(--announcement-text-color));
  font-size: 1em;
}
.announcement__close svg {
  width: 1em;
  height: 1em;
}

.announcement-bg {
  transition: opacity 500ms ease 500ms;
  opacity: 0;
}
.announcement-bg.is-active {
  transition-delay: 0s;
  opacity: 1;
}
.announcement-bg:last-of-type {
  transition-delay: 0s;
}

@media (min-width: 768px) {
  .announcement__slide {
    padding-right: calc(4 * var(--space-unit));
    padding-left: calc(4 * var(--space-unit));
  }
}
/* stylelint-disable selector-max-id */
.cc-header {
  z-index: 30;
  top: 0;
}

.header {
  --bg-color: var(--header-bg-color);
  --text-color: var(--header-text-color);
  --link-color: var(--header-text-color);
  --header-transparency-transition-speed: 100ms;
  --header-inner-height: calc(var(--header-height) - var(--announcement-height) - 12 * var(--space-unit) - 1px);
  z-index: 30;
  font-family: var(--header-font-family);
  font-size: calc(var(--header-font-size) * 0.1rem);
  font-style: var(--header-font-style);
  font-weight: var(--header-font-weight);
  text-transform: var(--header-text-transform);
}
.header .card {
  width: 100%;
  font-family: var(--body-font-family);
  font-size: calc(var(--body-font-size) * 0.1rem);
  font-style: var(--body-font-style);
  font-weight: var(--body-font-weight);
  line-height: 1.5;
  text-transform: initial;
}

.header--divider-line {
  border-bottom: 1px solid rgba(var(--text-color)/0.15);
}

.logo__h1 {
  display: inline;
  margin: 0;
  line-height: 0;
}

.logo__text {
  font-size: calc(22 * var(--fluid-1-25));
}

.logo__image,
.logo__contrast-image {
  transition: opacity var(--header-transparency-transition-speed) var(--header-transparency-transition-delay);
}

.logo__contrast-image {
  opacity: 0;
}

.header__grid {
  min-height: 40px;
}

.header__icon {
  width: 44px;
  height: 44px;
  margin-inline-start: 8px;
  padding: 10px;
}
.header__icon > .icon {
  width: 100%;
  height: 100%;
}

.header__cart-count {
  top: 3px;
  right: 3px;
}

.localization-options--header {
  margin-inline-start: 8px;
  padding: 6px 10px;
}

.header__search {
  --input-text-color: var(--text-color);
  max-height: calc(var(--viewport-height, 100dvh) - var(--announcement-height));
  overflow: auto;
  transition: display 0.2s, opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  transition-behavior: allow-discrete;
  opacity: 0;
  background: var(--header-bg-color);
  color: rgb(var(--header-text-color));
}
.header__search:has(predictive-search[open]) .header__search-popular {
  display: none;
}
.header__search:not([hidden]) {
  opacity: 1;
}
.header__search .search__form {
  display: flex;
  align-items: center;
  min-height: var(--header-inner-height);
}
.header__search .search__input {
  border: 0;
  background: rgb(var(--text-color)/0.08);
}

.header__search-logo-container,
.header__search-close-container {
  height: var(--header-inner-height);
}

.header__search-pre-reveal:not([hidden]) {
  opacity: 0;
}

.header__search-popular {
  --bg-color: var(--nav-child-bg-color);
  --heading-color: var(--nav-child-heading-text-color);
  --text-color: var(--nav-child-text-color);
  --link-color: var(--nav-child-text-color);
  border-top: 1px solid rgb(var(--text-color)/0.08);
  background-color: var(--nav-child-bg-color);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.0784313725), 0 2px 4px rgba(0, 0, 0, 0.0392156863);
  color: rgb(var(--nav-child-text-color));
}

.header .collection-card:not(:has(.card__info--overlay)) {
  border: 1px solid rgb(var(--card-border-color)/0.1);
  box-shadow: 0 2px 4px rgb(var(--card-shadow-color)/0.1);
}

.header--transparent {
  --header-transparency-transition-delay: 0s;
  transition: color var(--header-transparency-transition-speed) var(--header-transparency-transition-delay), background-color var(--header-transparency-transition-speed) var(--header-transparency-transition-delay), border-color var(--header-transparency-transition-speed) var(--header-transparency-transition-delay);
}
.header--transparent::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 170%;
  transition: opacity var(--header-transparency-transition-speed) var(--header-transparency-transition-delay);
  opacity: 0;
  background-image: var(--header-transparent-bg-gradient);
  pointer-events: none;
}

@media (min-width: 1024px) {
  body:has(.cc-header ~ .banner-candidate.shopify-section-group-header-group, #main-content > .banner-candidate:first-child):not(.scrolled-down):not(:has(.main-nav .is-open)):not(:has(.main-nav__item--primary:hover)):not(:has(.header__search:not([hidden]))) .header--transparent {
    --bg-color: transparent;
    --text-color: var(--header-transparent-bg-text-color);
    border-bottom-color: rgb(var(--text-color)/0.5);
  }
  body:has(.cc-header ~ .banner-candidate.shopify-section-group-header-group, #main-content > .banner-candidate:first-child):not(.scrolled-down):not(:has(.main-nav .is-open)):not(:has(.main-nav__item--primary:hover)):not(:has(.header__search:not([hidden]))) .header--transparent .logo__image:has(+ .logo__contrast-image) {
    opacity: 0;
  }
  body:has(.cc-header ~ .banner-candidate.shopify-section-group-header-group, #main-content > .banner-candidate:first-child):not(.scrolled-down):not(:has(.main-nav .is-open)):not(:has(.main-nav__item--primary:hover)):not(:has(.header__search:not([hidden]))) .header--transparent .logo__contrast-image {
    opacity: 1;
  }
  body:has(.cc-header ~ .banner-candidate.shopify-section-group-header-group, #main-content > .banner-candidate:first-child):not(.scrolled-down):not(:has(.main-nav .is-open)):not(:has(.main-nav__item--primary:hover)):not(:has(.header__search:not([hidden]))) .header--transparent .card {
    --bg-color: var(--header-bg-color);
    --text-color: var(--header-text-color);
  }
  body:has(.cc-header ~ .banner-candidate.shopify-section-group-header-group, #main-content > .banner-candidate:first-child):not(.scrolled-down):not(:has(.main-nav .is-open)):not(:has(.main-nav__item--primary:hover)):not(:has(.header__search:not([hidden]))) .header--transparent::after {
    opacity: 1;
  }
  .header--transparent:has(.is-closing) {
    --header-transparency-transition-delay: 0.5s;
  }
}
@media (max-width: 1023.98px) {
  .cc-header:has(.main-menu__disclosure.is-open) .header__overlay {
    visibility: visible;
    transition: visibility 0.3s, z-index 0s, opacity 0.3s;
    opacity: 1;
    pointer-events: initial;
  }
  body:has(.cc-header ~ .banner-candidate.shopify-section-group-header-group, #main-content > .banner-candidate:first-child):not(.scrolled-down):not(:has(.header__search:not([hidden]))) .header--transparent {
    --bg-color: transparent;
    --text-color: var(--header-transparent-bg-text-color);
    border-bottom-color: rgb(var(--text-color)/0.5);
  }
  body:has(.cc-header ~ .banner-candidate.shopify-section-group-header-group, #main-content > .banner-candidate:first-child):not(.scrolled-down):not(:has(.header__search:not([hidden]))) .header--transparent .logo__image:has(+ .logo__contrast-image) {
    opacity: 0;
  }
  body:has(.cc-header ~ .banner-candidate.shopify-section-group-header-group, #main-content > .banner-candidate:first-child):not(.scrolled-down):not(:has(.header__search:not([hidden]))) .header--transparent .logo__contrast-image {
    opacity: 1;
  }
  body:has(.cc-header ~ .banner-candidate.shopify-section-group-header-group, #main-content > .banner-candidate:first-child):not(.scrolled-down):not(:has(.header__search:not([hidden]))) .header--transparent .card {
    --bg-color: var(--header-bg-color);
    --text-color: var(--header-text-color);
  }
  body:has(.cc-header ~ .banner-candidate.shopify-section-group-header-group, #main-content > .banner-candidate:first-child):not(.scrolled-down):not(:has(.header__search:not([hidden]))) .header--transparent::after {
    opacity: 1;
  }
  .header__icon {
    margin-inline-start: 0;
  }
  .header__icons .localization-options--header {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .logo + .header__icons {
    margin-inline-end: -10px;
  }
}
@media (min-width: 1024px) {
  .header__icons {
    margin-inline-end: -10px;
  }
  .header__search-popular-menu {
    border-inline-end: 1px solid rgb(var(--text-color)/0.08);
  }
  .header__search .search__form {
    width: 440px;
    margin: 0 auto;
  }
}
@media (min-width: 1280px) {
  .header__search .search__form {
    width: 640px;
  }
}
.first\:mt-0:first-child{
  margin-top: 0;
}
.hover\:font-bold:hover{
  font-weight: 700;
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
@media not all and (min-width: 1024px){
  .max-lg\:flex{
    display: flex;
  }
}
@media not all and (min-width: 768px){
  .max-md\:my-4{
    margin-top: calc(4 * var(--space-unit));
    margin-bottom: calc(4 * var(--space-unit));
  }
  .max-md\:mb-10{
    margin-bottom: calc(10 * var(--space-unit));
  }
  .max-md\:hidden{
    display: none;
  }
  .max-md\:px-6{
    padding-left: calc(6 * var(--space-unit));
    padding-right: calc(6 * var(--space-unit));
  }
  .max-md\:text-sm{
    font-size: 1.4rem;
  }
  .max-md\:text-xs{
    font-size: 1.2rem;
  }
}
@media (min-width: 480px){
  .sm\:absolute{
    position: absolute;
  }
  .sm\:me-0{
    margin-inline-end: 0;
  }
  .sm\:ms-4{
    margin-inline-start: calc(4 * var(--space-unit));
  }
  .sm\:mt-0{
    margin-top: 0;
  }
  .sm\:block{
    display: block;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:auto-cols-2{
    grid-auto-columns: calc((100% - var(--column-gap)) / 2);
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:flex-row{
    flex-direction: row;
  }
  .sm\:items-center{
    align-items: center;
  }
  .sm\:justify-between{
    justify-content: space-between;
  }
  .sm\:py-4{
    padding-top: calc(4 * var(--space-unit));
    padding-bottom: calc(4 * var(--space-unit));
  }
  .sm\:text-sm{
    font-size: 1.4rem;
  }
  .sm\:text-xs{
    font-size: 1.2rem;
  }
}
@media (min-width: 768px){
  .md\:absolute{
    position: absolute;
  }
  .md\:left-0{
    left: 0;
  }
  .md\:top-0{
    top: 0;
  }
  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .md\:col-span-5{
    grid-column: span 5 / span 5;
  }
  .md\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .md\:col-span-7{
    grid-column: span 7 / span 7;
  }
  .md\:col-start-1{
    grid-column-start: 1;
  }
  .md\:col-start-4{
    grid-column-start: 4;
  }
  .md\:-mx-12{
    margin-left: calc(calc(12 * var(--space-unit)) * -1);
    margin-right: calc(calc(12 * var(--space-unit)) * -1);
  }
  .md\:my-18{
    margin-top: calc(18 * var(--space-unit));
    margin-bottom: calc(18 * var(--space-unit));
  }
  .md\:my-6{
    margin-top: calc(6 * var(--space-unit));
    margin-bottom: calc(6 * var(--space-unit));
  }
  .md\:mb-12{
    margin-bottom: calc(12 * var(--space-unit));
  }
  .md\:mb-16{
    margin-bottom: calc(16 * var(--space-unit));
  }
  .md\:mb-6{
    margin-bottom: calc(6 * var(--space-unit));
  }
  .md\:mb-8{
    margin-bottom: calc(8 * var(--space-unit));
  }
  .md\:me-0{
    margin-inline-end: 0;
  }
  .md\:me-auto{
    margin-inline-end: auto;
  }
  .md\:mt-10{
    margin-top: calc(10 * var(--space-unit));
  }
  .md\:mt-12{
    margin-top: calc(12 * var(--space-unit));
  }
  .md\:mt-18{
    margin-top: calc(18 * var(--space-unit));
  }
  .md\:mt-4{
    margin-top: calc(4 * var(--space-unit));
  }
  .md\:mt-6{
    margin-top: calc(6 * var(--space-unit));
  }
  .md\:mt-8{
    margin-top: calc(8 * var(--space-unit));
  }
  .md\:block{
    display: block;
  }
  .md\:flex{
    display: flex;
  }
  .md\:hidden{
    display: none;
  }
  .md\:h-auto{
    height: auto;
  }
  .md\:h-full{
    height: 100%;
  }
  .md\:min-h-\[110vh\]{
    min-height: 110vh;
  }
  .md\:w-1\/3{
    width: 33.333333%;
  }
  .md\:w-7\/12{
    width: 58.333333%;
  }
  .md\:w-auto{
    width: auto;
  }
  .md\:w-full{
    width: 100%;
  }
  .md\:auto-cols-3{
    grid-auto-columns: calc((100% - var(--column-gap) * 2) / 3);
  }
  .md\:auto-cols-4{
    grid-auto-columns: calc((100% - var(--column-gap) * 3) / 4);
  }
  .md\:grid-flow-col{
    grid-auto-flow: column;
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  .md\:flex-col{
    flex-direction: column;
  }
  .md\:flex-col-reverse{
    flex-direction: column-reverse;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:justify-center{
    justify-content: center;
  }
  .md\:gap-12{
    gap: calc(12 * var(--space-unit));
  }
  .md\:gap-4{
    gap: calc(4 * var(--space-unit));
  }
  .md\:gap-6{
    gap: calc(6 * var(--space-unit));
  }
  .md\:gap-y-16{
    row-gap: calc(16 * var(--space-unit));
  }
  .md\:p-8{
    padding: calc(8 * var(--space-unit));
  }
  .md\:px-10{
    padding-left: calc(10 * var(--space-unit));
    padding-right: calc(10 * var(--space-unit));
  }
  .md\:px-12{
    padding-left: calc(12 * var(--space-unit));
    padding-right: calc(12 * var(--space-unit));
  }
  .md\:px-16{
    padding-left: calc(16 * var(--space-unit));
    padding-right: calc(16 * var(--space-unit));
  }
  .md\:px-26{
    padding-left: calc(26 * var(--space-unit));
    padding-right: calc(26 * var(--space-unit));
  }
  .md\:px-8{
    padding-left: calc(8 * var(--space-unit));
    padding-right: calc(8 * var(--space-unit));
  }
  .md\:py-12{
    padding-top: calc(12 * var(--space-unit));
    padding-bottom: calc(12 * var(--space-unit));
  }
  .md\:py-20{
    padding-top: calc(20 * var(--space-unit));
    padding-bottom: calc(20 * var(--space-unit));
  }
  .md\:py-3{
    padding-top: calc(3 * var(--space-unit));
    padding-bottom: calc(3 * var(--space-unit));
  }
  .md\:py-8{
    padding-top: calc(8 * var(--space-unit));
    padding-bottom: calc(8 * var(--space-unit));
  }
  .md\:pb-12{
    padding-bottom: calc(12 * var(--space-unit));
  }
  .md\:pb-14{
    padding-bottom: calc(14 * var(--space-unit));
  }
  .md\:pb-16{
    padding-bottom: calc(16 * var(--space-unit));
  }
  .md\:pb-26{
    padding-bottom: calc(26 * var(--space-unit));
  }
  .md\:pb-32{
    padding-bottom: calc(32 * var(--space-unit));
  }
  .md\:pb-8{
    padding-bottom: calc(8 * var(--space-unit));
  }
  .md\:pt-16{
    padding-top: calc(16 * var(--space-unit));
  }
  .md\:pt-26{
    padding-top: calc(26 * var(--space-unit));
  }
  .md\:pt-32{
    padding-top: calc(32 * var(--space-unit));
  }
  .md\:pt-8{
    padding-top: calc(8 * var(--space-unit));
  }
  .md\:\[flex-grow\:2\]{
    flex-grow: 2;
  }
}
@media (min-width: 1024px){
  .lg\:absolute{
    position: absolute;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-8{
    grid-column: span 8 / span 8;
  }
  .lg\:col-start-3{
    grid-column-start: 3;
  }
  .lg\:col-start-5{
    grid-column-start: 5;
  }
  .lg\:-mx-14{
    margin-left: calc(calc(14 * var(--space-unit)) * -1);
    margin-right: calc(calc(14 * var(--space-unit)) * -1);
  }
  .lg\:my-14{
    margin-top: calc(14 * var(--space-unit));
    margin-bottom: calc(14 * var(--space-unit));
  }
  .lg\:my-26{
    margin-top: calc(26 * var(--space-unit));
    margin-bottom: calc(26 * var(--space-unit));
  }
  .lg\:mb-14{
    margin-bottom: calc(14 * var(--space-unit));
  }
  .lg\:mb-2{
    margin-bottom: calc(2 * var(--space-unit));
  }
  .lg\:mb-20{
    margin-bottom: calc(20 * var(--space-unit));
  }
  .lg\:mb-4{
    margin-bottom: calc(4 * var(--space-unit));
  }
  .lg\:mb-8{
    margin-bottom: calc(8 * var(--space-unit));
  }
  .lg\:me-0{
    margin-inline-end: 0;
  }
  .lg\:me-6{
    margin-inline-end: calc(6 * var(--space-unit));
  }
  .lg\:mt-0{
    margin-top: 0;
  }
  .lg\:mt-12{
    margin-top: calc(12 * var(--space-unit));
  }
  .lg\:mt-14{
    margin-top: calc(14 * var(--space-unit));
  }
  .lg\:mt-26{
    margin-top: calc(26 * var(--space-unit));
  }
  .lg\:block{
    display: block;
  }
  .lg\:inline{
    display: inline;
  }
  .lg\:flex{
    display: flex;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:w-1\/2{
    width: 50%;
  }
  .lg\:w-\[232px\]{
    width: 232px;
  }
  .lg\:flex-1{
    flex: 1 1 0%;
  }
  .lg\:auto-cols-2{
    grid-auto-columns: calc((100% - var(--column-gap)) / 2);
  }
  .lg\:auto-cols-3{
    grid-auto-columns: calc((100% - var(--column-gap) * 2) / 3);
  }
  .lg\:auto-cols-4{
    grid-auto-columns: calc((100% - var(--column-gap) * 3) / 4);
  }
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:flex-wrap{
    flex-wrap: wrap;
  }
  .lg\:gap-8{
    gap: calc(8 * var(--space-unit));
  }
  .lg\:gap-y-20{
    row-gap: calc(20 * var(--space-unit));
  }
  .lg\:self-center{
    align-self: center;
  }
  .lg\:self-stretch{
    align-self: stretch;
  }
  .lg\:px-12{
    padding-left: calc(12 * var(--space-unit));
    padding-right: calc(12 * var(--space-unit));
  }
  .lg\:px-14{
    padding-left: calc(14 * var(--space-unit));
    padding-right: calc(14 * var(--space-unit));
  }
  .lg\:px-26{
    padding-left: calc(26 * var(--space-unit));
    padding-right: calc(26 * var(--space-unit));
  }
  .lg\:py-6{
    padding-top: calc(6 * var(--space-unit));
    padding-bottom: calc(6 * var(--space-unit));
  }
  .lg\:pb-12{
    padding-bottom: calc(12 * var(--space-unit));
  }
  .lg\:pb-16{
    padding-bottom: calc(16 * var(--space-unit));
  }
  .lg\:pb-30{
    padding-bottom: calc(30 * var(--space-unit));
  }
  .lg\:pb-8{
    padding-bottom: calc(8 * var(--space-unit));
  }
  .lg\:pe-12{
    padding-inline-end: calc(12 * var(--space-unit));
  }
  .lg\:pe-4{
    padding-inline-end: calc(4 * var(--space-unit));
  }
  .lg\:pl-8{
    padding-left: calc(8 * var(--space-unit));
  }
  .lg\:pr-8{
    padding-right: calc(8 * var(--space-unit));
  }
  .lg\:pt-16{
    padding-top: calc(16 * var(--space-unit));
  }
  .lg\:pt-32{
    padding-top: calc(32 * var(--space-unit));
  }
  .lg\:pt-6{
    padding-top: calc(6 * var(--space-unit));
  }
}
@media (min-width: 1280px){
  .xl\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .xl\:col-span-7{
    grid-column: span 7 / span 7;
  }
  .xl\:col-start-6{
    grid-column-start: 6;
  }
  .xl\:col-start-9{
    grid-column-start: 9;
  }
  .xl\:my-8{
    margin-top: calc(8 * var(--space-unit));
    margin-bottom: calc(8 * var(--space-unit));
  }
  .xl\:mb-12{
    margin-bottom: calc(12 * var(--space-unit));
  }
  .xl\:mb-20{
    margin-bottom: calc(20 * var(--space-unit));
  }
  .xl\:ms-auto{
    margin-inline-start: auto;
  }
  .xl\:mt-16{
    margin-top: calc(16 * var(--space-unit));
  }
  .xl\:mt-8{
    margin-top: calc(8 * var(--space-unit));
  }
  .xl\:auto-cols-5{
    grid-auto-columns: calc((100% - var(--column-gap) * 4) / 5);
  }
  .xl\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xl\:items-center{
    align-items: center;
  }
  .xl\:gap-16{
    gap: calc(16 * var(--space-unit));
  }
  .xl\:overflow-hidden{
    overflow: hidden;
  }
  .xl\:p-12{
    padding: calc(12 * var(--space-unit));
  }
  .xl\:pt-10{
    padding-top: calc(10 * var(--space-unit));
  }
}
@media (min-width: 1536px){
  .\32xl\:mb-32{
    margin-bottom: calc(32 * var(--space-unit));
  }
  .\32xl\:mt-20{
    margin-top: calc(20 * var(--space-unit));
  }
  .\32xl\:gap-26{
    gap: calc(26 * var(--space-unit));
  }