*,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-family:
    system-ui,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-color: currentcolor;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
html {
  overflow-x: hidden;
  overflow-y: scroll;
}
* {
  -webkit-tap-highlight-color: transparent;
}
*:focus-visible {
  outline-color: var(--gsc-color-outline);
}
body {
  align-items: stretch;
  background-color: var(--gsc-color-background);
  color: var(--gsc-color-text);
  display: flex;
  flex-direction: column;
  font-family: var(--gsc-font-body--family);
  font-style: var(--gsc-font-body--style);
  font-weight: var(--gsc-font-body--weigth);
  margin: 0;
  min-height: 100vh;
}
main {
  flex-grow: 1;
}
a {
  color: inherit;
  text-decoration: none;
}
[data-shopify-xr-hidden] {
  display: none !important;
}
.rte {
  overflow: hidden;
  --gsc-paragraph-spacing: 1.5rem;
}
.rte a {
  color: inherit;
  text-decoration: underline;
  &:hover {
    text-decoration: none;
  }
}
.rte ol,
.rte ul {
  display: flex;
  flex-flow: column;
  margin-block: 0.6rem var(--gsc-paragraph-spacing);
  row-gap: 6px;
}
.rte blockquote {
  margin: var(--gsc-space-600) 0;
  * {
    color: var(--gsc-color-heading);
    font-family: var(--gsc-font-accent--family);
    font-size: var(--gsc-font-size-800);
    font-style: italic;
    font-weight: 500;
    line-height: 135%;
  }
}
.rte iframe {
  max-width: 100%;
}
table:not([class]) {
  border-collapse: collapse;
}
table:not([class]) td,
table:not([class]) th {
  border: 0.1rem solid var(--gsc-text-color-100);
  padding: 1rem;
}
.rte--blog-post p,
.rte--page p {
  line-height: var(--gsc-lh-1);
}
.rte--blog-post img {
  display: block;
  margin: 2rem 0;
}
.rte iframe,
.rte img,
.rte video {
  max-width: 100%;
}
.size-guide-table {
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
  width: 100%;
}
.size-guide-table td,
.size-guide-table th {
  border: 1px solid #ddd;
  padding: 10px 15px;
  text-align: left;
}
.size-guide-table thead td,
.size-guide-table thead th {
  background-color: var(--gsc-color-surface);
  font-weight: 700;
}
.size-guide-table tr:nth-child(4n + 1),
.size-guide-table tr:nth-child(4n + 2) {
  background-color: var(--gsc-color-background);
}
.size-guide-table tr:nth-child(4n + 3),
.size-guide-table tr:nth-child(4n + 4) {
  background-color: rgb(from var(--gsc-color-surface) r g b/calc(alpha * 0.6));
}
.size-guide-table tr:hover {
  background-color: var(--gsc-color-surface);
}
.rte table:not(.size-guide-table) {
  border-collapse: collapse;
  width: 100%;
}
.rte table:not(.size-guide-table) td,
.rte table:not(.size-guide-table) th {
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 8px;
  text-align: left;
}
.rte table:not(.size-guide-table) {
  overflow: auto;
}
.rte div + div,
.rte p + p,
.rte p + p .rte div + div {
  margin-top: var(--gsc-paragraph-spacing);
}
.rte > *:first-child,
.rte > *:first-child *:first-child {
  margin-top: 0;
}
.rte > *:last-child,
.rte > *:last-child *:last-child {
  margin-bottom: 0;
}
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  margin-bottom: 1.6rem;
  margin-top: 4rem;
}
.rte h1:first-child,
.rte h2:first-child,
.rte h3:first-child,
.rte h4:first-child,
.rte h5:first-child,
.rte h6:first-child {
  margin-top: 0;
}
.rte h1:last-child,
.rte h2:last-child,
.rte h3:last-child,
.rte h4:last-child,
.rte h5:last-child,
.rte h6:last-child {
  margin-bottom: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:active,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.password-layout {
  display: flex;
  flex-direction: column;
  height: 100vh;
  main {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
  }
}
is-land {
  width: 100%;
}
model-viewer {
  height: 100%;
  outline: none;
  width: 100%;
  @media (width >= 750px) {
    aspect-ratio: var(--aspect-ratio);
  }
  @media (width < 750px) {
    aspect-ratio: var(--aspect-ratio-mobile);
  }
}
product-swatch {
  display: flex;
}
.pswp__img {
  -o-object-fit: cover;
  object-fit: cover;
}
.overlay-scroll-blocked {
  height: 100%;
  left: var(--body-scroll-x);
  position: fixed;
  top: var(--body-scroll-y);
  width: 100%;
}
.shopify-section {
  display: flex;
  justify-content: center;
  margin-block: 0;
  margin-inline: auto;
  max-width: 100%;
  width: 100%;
}
.custom-section {
  background-color: var(--gsc-color-background);
}
.shopify-block {
  display: inline-flex;
}
.section--page-width {
  max-width: var(--gsc-page-width);
  width: 100%;
}
.section--custom-width {
  max-width: var(--gsc-page-custom-width);
  width: 100%;
  @media (width < 750px) {
    max-width: 100%;
  }
}
.section--screen-width {
  width: 100%;
}
.payment-icons__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  z-index: 1;
}
.payment-icons__icon {
  display: block;
}
.icon-block {
  color: var(--gsc-icon-block-color, var(--gsc-color-heading));
  display: flex;
  fill: currentColor;
  position: relative;
}
.icon-block svg {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: var(--gsc-icon-block-width, 24px);
}
.icon-block img {
  height: -moz-fit-content;
  height: fit-content;
  -o-object-fit: contain;
  object-fit: contain;
  width: var(--gsc-icon-block-width, 24px);
}
.icon-block--with-background {
  align-items: center;
  aspect-ratio: 1;
  display: grid;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  justify-items: center;
  width: calc(
    var(--gsc-icon-block-width, 24px) * var(--gsc-icon-background-scale, 2)
  );
}
.icon-block--with-background::before {
  background-color: var(--gsc-icon-background-color, var(--gsc-color-surface));
  clip-path: var(--gsc-icon-background-clip-path);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.icon-block__svg {
  display: flex;
}
.icon-block__svg svg {
  display: block;
}
.text-align-left {
  @media (width >= 750px) {
    text-align: var(--text-align, left);
  }
  @media (width < 750px) {
    text-align: var(--text-align-mobile, left);
  }
}
.text-align-center {
  @media (width >= 750px) {
    text-align: var(--text-align, center);
  }
  @media (width < 750px) {
    text-align: var(--text-align-mobile, center);
  }
}
.text-align-right {
  @media (width >= 750px) {
    text-align: var(--text-align, right);
  }
  @media (width < 750px) {
    text-align: var(--text-align-mobile, right);
  }
}
.align-left {
  align-items: flex-start;
}
.align-center {
  align-items: flex-center;
}
.align-right {
  align-items: flex-end;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
.text {
  max-width: var(--max-width);
  a:not(.button--link) {
    text-decoration: underline;
    &:hover {
      text-decoration: none;
    }
  }
  p {
    width: 100%;
    img {
      width: 100%;
    }
  }
  @media (width >= 750px) {
    &:not(.text--show-on-desktop) {
      display: none;
    }
  }
  @media (width < 750px) {
    &:not(.text--show-on-mobile) {
      display: none;
    }
  }
}
.body-1,
.text.body-1 > .text__inner,
.text.body-1 > .text__inner > * {
  font-family: var(--gsc-font-body-1--family);
  font-size: var(--gsc-font-body-1--size);
  font-style: var(--gsc-font-body-1--style);
  font-weight: var(--gsc-font-body-1--weight);
  letter-spacing: var(--gsc-font-body-1--letter-spacing);
  line-height: var(--gsc-font-body-1--line-height);
}
.body-2,
.text,
.text.body-2 > .text__inner,
.text.body-2 > .text__inner > *,
body,
p {
  color: var(--color, var(--gsc-color-text));
  font-family: var(--gsc-font-body-2--family);
  font-size: calc(var(--gsc-font-body-2--size) * var(--font-scale-factor, 1));
  font-style: var(--gsc-font-body-2--style);
  font-weight: var(--gsc-font-body-2--weight);
  letter-spacing: var(--gsc-font-body-2--letter-spacing);
  line-height: calc(
    var(--gsc-font-body-2--line-height) * var(--font-scale-factor, 1)
  );
}
.body-3,
.text.body-3 > .text__inner,
.text.body-3 > .text__inner > * {
  color: var(--color, var(--gsc-color-text));
  font-family: var(--gsc-font-body-3--family);
  font-size: calc(var(--gsc-font-body-3--size) * var(--font-scale-factor, 1));
  font-style: var(--gsc-font-body-3--style);
  font-weight: var(--gsc-font-body-3--weight);
  letter-spacing: var(--gsc-font-body-3--letter-spacing);
  line-height: calc(
    var(--gsc-font-body-3--line-height) * var(--font-scale-factor, 1)
  );
}
.body-4,
.text.body-4 > .text__inner,
.text.body-4 > .text__inner > * {
  color: var(--color, var(--gsc-color-text));
  font-family: var(--gsc-font-body-4--family);
  font-size: calc(var(--gsc-font-body-4--size) * var(--font-scale-factor, 1));
  font-style: var(--gsc-font-body-4--style);
  font-weight: var(--gsc-font-body-4--weight);
  letter-spacing: var(--gsc-font-body-4--letter-spacing);
  line-height: calc(
    var(--gsc-font-body-4--line-height) * var(--font-scale-factor, 1)
  );
}
.display-1,
.text.display-1 > .text__inner,
.text.display-1 > .text__inner > * {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-display-1--family);
  font-size: calc(
    var(--gsc-font-display-1--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-display-1--style);
  font-weight: var(--gsc-font-display-1--weight);
  letter-spacing: var(--gsc-font-display-1--letter-spacing);
  line-height: calc(
    var(--gsc-font-display-1--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-display-1--text-transform);
}
.display-2,
.text.display-2 > .text__inner,
.text.display-2 > .text__inner > * {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-display-2--family);
  font-size: calc(
    var(--gsc-font-display-2--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-display-2--style);
  font-weight: var(--gsc-font-display-2--weight);
  letter-spacing: var(--gsc-font-display-2--letter-spacing);
  line-height: calc(
    var(--gsc-font-display-2--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-display-2--text-transform);
}
.display-3,
.text.display-3 > .text__inner,
.text.display-3 > .text__inner > * {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-display-3--family);
  font-size: calc(
    var(--gsc-font-display-3--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-display-3--style);
  font-weight: var(--gsc-font-display-3--weight);
  letter-spacing: var(--gsc-font-display-3--letter-spacing);
  line-height: calc(
    var(--gsc-font-display-3--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-display-3--text-transform);
}
.heading-1,
.text.heading-1 > .text__inner,
.text.heading-1 > .text__inner > *,
h1 {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-heading-1--family);
  font-size: calc(
    var(--gsc-font-heading-1--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-heading-1--style);
  font-weight: var(--gsc-font-heading-1--weight);
  letter-spacing: var(--gsc-font-heading-1--letter-spacing);
  line-height: calc(
    var(--gsc-font-heading-1--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-heading-1--text-transform);
}
.heading-2,
.text.heading-2 > .text__inner,
.text.heading-2 > .text__inner > *,
h2 {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-heading-2--family);
  font-size: calc(
    var(--gsc-font-heading-2--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-heading-2--style);
  font-weight: var(--gsc-font-heading-2--weight);
  letter-spacing: var(--gsc-font-heading-2--letter-spacing);
  line-height: calc(
    var(--gsc-font-heading-2--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-heading-2--text-transform);
}
.heading-3,
.text.heading-3 > .text__inner,
.text.heading-3 > .text__inner > *,
h3 {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-heading-3--family);
  font-size: calc(
    var(--gsc-font-heading-3--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-heading-3--style);
  font-weight: var(--gsc-font-heading-3--weight);
  letter-spacing: var(--gsc-font-heading-3--letter-spacing);
  line-height: calc(
    var(--gsc-font-heading-3--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-heading-3--text-transform);
}
.heading-4,
.text.heading-4 > .text__inner,
.text.heading-4 > .text__inner > *,
h4 {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-heading-4--family);
  font-size: calc(
    var(--gsc-font-heading-4--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-heading-4--style);
  font-weight: var(--gsc-font-heading-4--weight);
  letter-spacing: var(--gsc-font-heading-4--letter-spacing);
  line-height: calc(
    var(--gsc-font-heading-4--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-heading-4--text-transform);
}
.heading-5,
.text.heading-5 > .text__inner,
.text.heading-5 > .text__inner > *,
h5 {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-heading-5--family);
  font-size: calc(
    var(--gsc-font-heading-5--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-heading-5--style);
  font-weight: var(--gsc-font-heading-5--weight);
  letter-spacing: var(--gsc-font-heading-5--letter-spacing);
  line-height: calc(
    var(--gsc-font-heading-5--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-heading-5--text-transform);
}
.heading-6,
.text.heading-6 > .text__inner,
.text.heading-6 > .text__inner > *,
h6 {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-heading-6--family);
  font-size: calc(
    var(--gsc-font-heading-6--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-heading-6--style);
  font-weight: var(--gsc-font-heading-6--weight);
  letter-spacing: var(--gsc-font-heading-6--letter-spacing);
  line-height: calc(
    var(--gsc-font-heading-6--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-heading-6--text-transform);
}
.caption-1,
.text.caption-1 > .text__inner,
.text.caption-1 > .text__inner > * {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-caption-1--family);
  font-size: calc(
    var(--gsc-font-caption-1--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-caption-1--style);
  font-weight: var(--gsc-font-caption-1--weight);
  letter-spacing: var(--gsc-font-caption-1--letter-spacing);
  line-height: calc(
    var(--gsc-font-caption-1--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-caption-1--text-transform);
}
.caption-2,
.text.caption-2 > .text__inner,
.text.caption-2 > .text__inner > * {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-caption-2--family);
  font-size: calc(
    var(--gsc-font-caption-2--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-caption-2--style);
  font-weight: var(--gsc-font-caption-2--weight);
  letter-spacing: var(--gsc-font-caption-2--letter-spacing);
  line-height: calc(
    var(--gsc-font-caption-2--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-caption-2--text-transform);
}
.caption-3,
.text.caption-3 > .text__inner,
.text.caption-3 > .text__inner > * {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-caption-3--family);
  font-size: calc(
    var(--gsc-font-caption-3--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-caption-3--style);
  font-weight: var(--gsc-font-caption-3--weight);
  letter-spacing: var(--gsc-font-caption-3--letter-spacing);
  line-height: calc(
    var(--gsc-font-caption-3--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-caption-3--text-transform);
}
.caption-4,
.text.caption-4 > .text__inner,
.text.caption-4 > .text__inner > * {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--gsc-font-caption-4--family);
  font-size: calc(
    var(--gsc-font-caption-4--size) * var(--font-scale-factor, 1)
  );
  font-style: var(--gsc-font-caption-4--style);
  font-weight: var(--gsc-font-caption-4--weight);
  letter-spacing: var(--gsc-font-caption-4--letter-spacing);
  line-height: calc(
    var(--gsc-font-caption-4--line-height) * var(--font-scale-factor, 1)
  );
  text-transform: var(--gsc-font-caption-4--text-transform);
}
.text-custom,
.text-custom > *,
.text-custom > * > * {
  color: var(--color, var(--gsc-color-text));
  font-family: var(--font-family);
  font-size: calc(var(--font-size) * var(--font-scale-factor, 1));
  font-style: var(--font-style);
  font-weight: var(--font-weight);
  letter-spacing: var(--letter-spacing);
  line-height: calc(var(--line-height) * var(--font-scale-factor, 1));
  text-transform: var(--text-transform);
}
.text.text--case-override > .text__inner,
.text.text--case-override > .text__inner > * {
  text-transform: var(--case-override);
}
.text.text--font-weight-override > .text__inner,
.text.text--font-weight-override > .text__inner > * {
  font-weight: var(--font-weight);
}
.text.text--color-override > .text__inner,
.text.text--color-override > .text__inner > * {
  color: var(--color-override);
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  touch-action: manipulation;
}
.shopify-payment-button__button--unbranded {
  background-color: var(--gsc-color-heading);
  padding: 1em 2em;
}
:root {
  --gsc-animation-function: cubic-bezier(0, 0, 0.3, 1);
  --gsc-animation-delay: 75ms;
}
@media (prefers-reduced-motion: no-preference) {
  .animate {
    will-change: transform;
  }
  .animate:not(.animate--offscreen) {
    animation-delay: calc(
      var(--gsc-animation-order, 0) * var(--gsc-animation-delay)
    );
    animation-duration: var(--gsc-animation-duration);
    animation-fill-mode: forwards;
    animation-name: gsc_base_animation_to;
    animation-timing-function: var(--gsc-animation-function);
  }
  .animate.animate--fade {
    opacity: 0;
    --opacity: 0;
  }
  .animate.animate--fade-up {
    --gsc-animation-transform: translateY(2rem);
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
  }
  .animate.animate--fade-down {
    --gsc-animation-transform: translateY(-2rem);
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
  }
  .animate.animate--fade-left {
    --gsc-animation-transform: translateX(2rem);
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
  }
  .animate.animate--fade-right {
    --gsc-animation-transform: translateX(-2rem);
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
  }
  .animate.animate--zoom-in {
    --gsc-animation-transform: scale(0.8);
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
  }
  .animate.animate--zoom-out {
    --gsc-animation-transform: scale(1.2);
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
  }
  .animate.animate--rotate-left-up {
    --gsc-animation-transform: rotate(10deg);
    --gsc-animation-transform-origin: 0 50%;
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
    transform-origin: var(--gsc-animation-transform-origin);
  }
  .animate.animate--rotate-right-up {
    --gsc-animation-transform: rotate(-10deg);
    --gsc-animation-transform-origin: 100% 50%;
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
    transform-origin: var(--gsc-animation-transform-origin);
  }
  .animate.animate--snake-up {
    --gsc-animation-transform: scaleY(1.8);
    --gsc-animation-transform-origin: 50% 0;
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
    transform-origin: var(--gsc-animation-transform-origin);
  }
  .animate.animate--snake-down {
    --gsc-animation-transform: scaleY(1.8);
    --gsc-animation-transform-origin: 50% 100%;
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
    transform-origin: var(--gsc-animation-transform-origin);
  }
  .animate.animate--snake-left {
    --gsc-animation-transform: scaleX(1.8);
    --gsc-animation-transform-origin: 0 50%;
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
    transform-origin: var(--gsc-animation-transform-origin);
  }
  .animate.animate--snake-right {
    --gsc-animation-transform: scaleX(1.4);
    --gsc-animation-transform-origin: 100% 50%;
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
    transform-origin: var(--gsc-animation-transform-origin);
  }
  .animate.animate--3d-up {
    --gsc-animation-transform: perspective(100rem) rotateX(-60deg);
    --gsc-animation-transform-origin: 50% 0;
    opacity: 0;
    --opacity: 0;
    transform: var(--gsc-animation-transform);
    transform-origin: var(--gsc-animation-transform-origin);
  }
  .animate:has(> .blur) {
    opacity: 1;
    --opacity: 1;
    animation: none;
    transform: none;
    will-change: auto;
    > :not(.blur, .background__image) {
      opacity: 0;
      --opacity: 0;
      transform: var(--gsc-animation-transform, none);
      transform-origin: var(--gsc-animation-transform-origin, 50% 50%);
    }
    &:not(.animate--offscreen) > :not(.blur, .background__image) {
      animation-delay: calc(
        var(--gsc-animation-order, 0) * var(--gsc-animation-delay)
      );
      animation-duration: var(--gsc-animation-duration);
      animation-fill-mode: forwards;
      animation-name: gsc_base_animation_to;
      animation-timing-function: var(--gsc-animation-function);
    }
  }
  @keyframes gsc_base_animation_to {
    to {
      opacity: 1;
      --opacity: 1;
      transform: none;
    }
  }
}
[data-effect-text-trigger] {
  .letter {
    display: inline-block;
    position: relative;
    transition: transform 0.4s cubic-bezier(0.625, 0.05, 0, 1);
    transition-delay: calc(15ms * var(--char-index));
    will-change: transform;
  }
  [data-effect-text-target] {
    display: inline-block;
    font-feature-settings: "kern" off;
    overflow: hidden;
  }
}
[data-effect-text-trigger="random-drop"],
[data-effect-text-trigger="stagger-drop"] {
  .letter {
    text-shadow: 0 -3em currentColor;
    [data-effect-text-trigger]:not(:disabled):hover & {
      transform: translateY(3em);
    }
  }
}
[data-effect-text-trigger="random-slide-up"],
[data-effect-text-trigger="slide-up"],
[data-effect-text-trigger="stagger-slide-up"] {
  .letter {
    text-shadow: 0 3em currentColor;
    [data-effect-text-trigger]:not(:disabled):hover & {
      transform: translateY(-3em);
    }
  }
}
[data-effect-text-trigger="slide-up"] .letter {
  transition-delay: 0s;
}
.background {
  background: var(--background-color);
  inset: 0;
  opacity: var(--background-opacity);
  position: absolute !important;
}
.background__image,
.background__overlay,
.background__secondary-overlay,
.background__video {
  inset: 0;
  position: absolute !important;
}
.background__image,
.background__video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.background__overlay {
  background: var(--background-overlay-color);
  pointer-events: none;
}
.background__video-placeholder {
  inset: 0;
  position: absolute;
}
.background__video-placeholder svg {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.background__video-play {
  color: var(--gsc-color-background-white-100);
  height: auto;
  inset: 50% auto auto 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: auto;
}
.blur {
  border-radius: inherit;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
}
.blur--flat {
  backdrop-filter: blur(var(--blur-start));
}
.blur--progressive > span {
  backdrop-filter: blur(var(--layer-blur));
  background: hsla(0, 0%, 100%, 0.001);
  border-radius: inherit;
  inset: 0;
  -webkit-mask-image: linear-gradient(
    var(--progressive-angle),
    transparent var(--mask-a),
    #000 var(--mask-b),
    #000 var(--mask-c),
    transparent var(--mask-d)
  );
  mask-image: linear-gradient(
    var(--progressive-angle),
    transparent var(--mask-a),
    #000 var(--mask-b),
    #000 var(--mask-c),
    transparent var(--mask-d)
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: absolute;
  will-change: backdrop-filter, mask-image;
}
.blur--progressive > span:nth-child(1) {
  --layer-blur: var(--blur-start);
  --mask-a: 0%;
  --mask-b: 0%;
  --mask-c: 12.5%;
  --mask-d: 25%;
}
.blur--progressive > span:nth-child(2) {
  --layer-blur: calc(
    var(--blur-start) + (var(--blur-end) - var(--blur-start)) * 0.14
  );
  --mask-a: 0%;
  --mask-b: 12.5%;
  --mask-c: 25%;
  --mask-d: 37.5%;
}
.blur--progressive > span:nth-child(3) {
  --layer-blur: calc(
    var(--blur-start) + (var(--blur-end) - var(--blur-start)) * 0.28
  );
  --mask-a: 12.5%;
  --mask-b: 25%;
  --mask-c: 37.5%;
  --mask-d: 50%;
}
.blur--progressive > span:nth-child(4) {
  --layer-blur: calc(
    var(--blur-start) + (var(--blur-end) - var(--blur-start)) * 0.42
  );
  --mask-a: 25%;
  --mask-b: 37.5%;
  --mask-c: 50%;
  --mask-d: 62.5%;
}
.blur--progressive > span:nth-child(5) {
  --layer-blur: calc(
    var(--blur-start) + (var(--blur-end) - var(--blur-start)) * 0.56
  );
  --mask-a: 37.5%;
  --mask-b: 50%;
  --mask-c: 62.5%;
  --mask-d: 75%;
}
.blur--progressive > span:nth-child(6) {
  --layer-blur: calc(
    var(--blur-start) + (var(--blur-end) - var(--blur-start)) * 0.7
  );
  --mask-a: 50%;
  --mask-b: 62.5%;
  --mask-c: 75%;
  --mask-d: 87.5%;
}
.blur--progressive > span:nth-child(7) {
  --layer-blur: calc(
    var(--blur-start) + (var(--blur-end) - var(--blur-start)) * 0.84
  );
  --mask-a: 62.5%;
  --mask-b: 75%;
  --mask-c: 87.5%;
  --mask-d: 100%;
}
.blur--progressive > span:nth-child(8) {
  --layer-blur: var(--blur-end);
  --mask-a: 75%;
  --mask-b: 87.5%;
  --mask-c: 100%;
  --mask-d: 100%;
}
.blur--progressive.is-5-layers > span:nth-child(n + 6),
.blur--progressive.is-6-layers > span:nth-child(n + 7),
.blur--progressive.is-7-layers > span:nth-child(n + 8) {
  display: none;
}
.background-media__image,
.background-media__overlay,
.background-media__video {
  inset: 0;
  position: absolute !important;
}
.background-media__image,
.background-media__video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.background-media__overlay {
  background-color: var(--background-media-overlay-color);
}
.background-media__video-placeholder {
  inset: 0;
  position: absolute;
}
.background-media__video-placeholder svg {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.background-media__video-play {
  color: var(--gsc-color-background-white-100);
  height: auto;
  inset: 50% auto auto 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: auto;
}
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: hsla(0, 0%, 100%, 0.9);
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: var(--pswp-icon-color);
}
.pswp {
  contain: layout style size;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.003;
  outline: 0;
  position: fixed;
  top: 0;
  touch-action: none;
  width: 100%;
  z-index: var(--pswp-root-z-index);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pswp:focus {
  outline: 0;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}
.pswp--open {
  display: block;
}
.pswp,
.pswp__bg {
  transform: translateZ(0);
  will-change: opacity;
}
.pswp__bg {
  background: var(--pswp-bg);
  opacity: 0.005;
}
.pswp,
.pswp__scroll-wrap {
  overflow: hidden;
}
.pswp__bg,
.pswp__container,
.pswp__content,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.pswp__img,
.pswp__zoom-wrap {
  height: auto;
  width: auto;
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: grab;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: zoom-out;
}
.pswp__button,
.pswp__container,
.pswp__counter,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pswp__item {
  overflow: hidden;
  z-index: 1;
}
.pswp__hidden {
  display: none !important;
}
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
  color: var(--pswp-error-text-color);
  font-size: 1em;
  line-height: 1;
  margin: auto;
}
.pswp .pswp__hide-on-close {
  opacity: 0.005;
  pointer-events: none;
  transition: opacity var(--pswp-transition-duration)
    cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
  z-index: 10;
}
.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}
.pswp__button {
  -webkit-appearance: none;
  background: none;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  height: 60px;
  margin: 0;
  opacity: 0.85;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 50px;
  -webkit-touch-callout: none;
}
.pswp__button:active,
.pswp__button:focus,
.pswp__button:hover {
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
  padding: 0;
  transition: none;
}
.pswp__button:disabled {
  cursor: auto;
  opacity: 0.3;
}
.pswp__icn {
  color: var(--pswp-icon-color-secondary);
  fill: var(--pswp-icon-color);
}
.pswp__icn {
  height: 32px;
  left: 9px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 14px;
  width: 32px;
}
.pswp__icn-shadow {
  fill: none;
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
}
.pswp__icn:focus {
  outline: 0;
}
.pswp__img--with-bg,
div.pswp__img--placeholder {
  background: var(--pswp-placeholder-bg);
}
.pswp__top-bar {
  display: flex;
  flex-direction: row;
  height: 60px;
  justify-content: flex-end;
  left: 0;
  pointer-events: none !important;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.pswp__top-bar > * {
  pointer-events: auto;
  will-change: opacity;
}
.pswp__button--close {
  margin-right: 6px;
}
.pswp__button--arrow {
  height: 100px;
  margin-top: -50px;
  position: absolute;
  top: 0;
  top: 50%;
  width: 75px;
}
.pswp__button--arrow:disabled {
  cursor: default;
  display: none;
}
.pswp__button--arrow .pswp__icn {
  background: none;
  border-radius: 0;
  height: 60px;
  margin-top: -30px;
  top: 50%;
  width: 60px;
}
.pswp--one-slide .pswp__button--arrow {
  display: none;
}
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}
.pswp__button--arrow--prev {
  left: 0;
  right: auto;
}
.pswp__button--arrow--next {
  right: 0;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  transform: scaleX(-1);
}
.pswp__button--zoom {
  display: none;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}
.pswp__preloader {
  height: 60px;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  width: 50px;
}
.pswp__preloader .pswp__icn {
  animation: pswp-clockwise 0.6s linear infinite;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}
@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}
.pswp__counter {
  color: var(--pswp-icon-color);
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  opacity: 0.85;
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
}
.pswp--one-slide .pswp__counter {
  display: none;
}
.button {
  --button-current-border-radius: var(--button-border-radius);
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  backdrop-filter: var(--button-backdrop-filter);
  background: var(--button-background);
  background-clip: padding-box;
  border: 0;
  border-radius: var(--button-current-border-radius);
  color: var(--button-color);
  cursor: var(--button-cursor, pointer);
  display: none;
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-weight: var(--button-font-weight);
  gap: var(--button-gap, var(--gsc-space-200));
  justify-content: center;
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-font-line-height);
  margin-block: var(--button-margin-block, 0);
  margin-inline: var(--button-margin-inline, 0);
  opacity: var(--button-opacity);
  padding-block: calc(var(--button-padding-block) + var(--button-border-width));
  padding-inline: calc(
    var(--button-padding-inline) + var(--button-border-width)
  );
  position: relative;
  text-decoration: none;
  text-transform: var(--button-text-transform);
  transition:
    color var(--animation-speed) var(--animation-easing),
    background-color var(--animation-speed) var(--animation-easing),
    border var(--animation-speed) var(--animation-easing);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: -moz-fit-content;
  width: fit-content;
  &:before {
    background: var(--button-border-color);
    border-radius: calc(
      var(--button-current-border-radius) +
        clamp(
          0px,
          var(--button-current-border-radius),
          var(--button-border-width)
        )
    );
    content: "";
    inset: calc(-1 * var(--button-border-width));
    margin: var(--button-border-width);
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: sign(var(--button-border-width));
    padding: var(--button-border-width);
    pointer-events: none;
    position: absolute;
    transition: background var(--animation-speed) var(--animation-easing);
  }
  @media (width >= 750px) {
    width: var(--button-width-desktop, -moz-fit-content);
    width: var(--button-width-desktop, fit-content);
  }
  @media (width < 750px) {
    width: var(--button-width-mobile, -moz-fit-content);
    width: var(--button-width-mobile, fit-content);
  }
  & > .button__label:empty {
    display: none;
  }
  &.button--hide-label-on-mobile,
  &:has(> .button__label:empty) {
    min-width: unset;
    --button-padding-inline: var(--button-padding-block);
  }
  &.button--ignore-paddings {
    --button-margin-inline: calc(-1 * var(--button-padding-inline));
    &:has(> .button__label:empty) {
      --button-margin-inline: calc(-1 * var(--button-padding-block));
    }
  }
  & > .button__spinner {
    position: absolute;
  }
  &:not([loading]) > .button__spinner {
    animation-play-state: paused;
    display: none;
  }
  &[loading] :not(.button__spinner) {
    visibility: hidden;
  }
  &[disabled] {
    --button-opacity: 0.3;
    --button-cursor: not-allowed;
  }
  @media (width >= 750px) {
    &.button--show-on-desktop {
      display: flex;
    }
  }
  @media (width < 750px) {
    &.button--show-on-mobile {
      display: flex;
    }
  }
}
.button__label {
  white-space: nowrap;
  @media (width < 750px) {
    .button--hide-label-on-mobile & {
      display: none;
    }
  }
}
.button__icon--mobile {
  display: none;
}
@media (width < 750px) {
  .button__icon--mobile {
    display: block;
  }
}
.button--icon-none .button__icon {
  display: none;
  @media (width < 750px) {
    .button--hide-label-on-mobile & {
      display: unset;
    }
  }
}
.button--icon-before {
  flex-direction: row;
}
.button--icon-after {
  flex-direction: row-reverse;
}
@container product-card (width <= 160px) {
  .button--icon-none .button__icon--desktop {
    display: unset;
  }
  @media (width < 750px) {
    .button--icon-none .button__icon--mobile {
      display: unset;
    }
  }
  .button {
    min-width: unset !important;
    --button-padding-inline: var(--button-padding-block) !important;
    width: -moz-fit-content;
    width: fit-content;
  }
  .button__label {
    display: none !important;
  }
}
@media (width < 750px) {
  .button .button__icon--mobile + .button__icon.button__icon--desktop {
    display: none;
  }
}
.button--xx-large {
  --button-padding-block: var(--gsc-space-500);
  --button-padding-inline: var(--gsc-space-1000);
  --button-font-size: var(--gsc-font-size-400);
  --button-font-line-height: 150%;
  --spinner-size: 30px;
  @container product-card (width < 280px) {
    --button-padding-block: var(--gsc-space-400);
    --button-padding-inline: var(--gsc-space-1000);
    --button-font-size: var(--gsc-font-size-400);
    --button-font-line-height: 150%;
    --spinner-size: 30px;
  }
  @container product-card (width < 220px) {
    --button-padding-block: var(--gsc-space-350);
    --button-padding-inline: var(--gsc-space-1000);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 24px;
  }
  @container product-card (width < 160px) {
    --button-padding-block: var(--gsc-space-250);
    --button-padding-inline: var(--gsc-space-700);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
  }
}
.button--x-large {
  --button-padding-block: var(--gsc-space-400);
  --button-padding-inline: var(--gsc-space-1000);
  --button-font-size: var(--gsc-font-size-400);
  --button-font-line-height: 150%;
  --spinner-size: 30px;
  @container product-card (width < 280px) {
    --button-padding-block: var(--gsc-space-400);
    --button-padding-inline: var(--gsc-space-1000);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 30px;
  }
  @container product-card (width < 220px) {
    --button-padding-block: var(--gsc-space-350);
    --button-padding-inline: var(--gsc-space-1000);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 24px;
  }
  @container product-card (width < 160px) {
    --button-padding-block: var(--gsc-space-250);
    --button-padding-inline: var(--gsc-space-700);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
  }
}
.button--large {
  --button-padding-block: var(--gsc-space-400);
  --button-padding-inline: var(--gsc-space-1000);
  --button-font-size: var(--gsc-font-size-350);
  --button-font-line-height: 140%;
  --spinner-size: 30px;
  @container product-card (width < 280px) {
    --button-padding-block: var(--gsc-space-350);
    --button-padding-inline: var(--gsc-space-1000);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 24px;
  }
  @container product-card (width < 220px) {
    --button-padding-block: var(--gsc-space-300);
    --button-padding-inline: var(--gsc-space-800);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
  }
  @container product-card (width < 160px) {
    --button-padding-block: var(--gsc-space-250);
    --button-padding-inline: var(--gsc-space-700);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
  }
}
@media (width < 750px) {
  .button--mobile-size-large {
    --button-padding-block: var(--gsc-space-400);
    --button-padding-inline: var(--gsc-space-1000);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 30px;
    @container product-card (width < 280px) {
      --button-padding-block: var(--gsc-space-350);
      --button-padding-inline: var(--gsc-space-1000);
      --button-font-size: var(--gsc-font-size-350);
      --button-font-line-height: 140%;
      --spinner-size: 24px;
    }
    @container product-card (width < 220px) {
      --button-padding-block: var(--gsc-space-300);
      --button-padding-inline: var(--gsc-space-800);
      --button-font-size: var(--gsc-font-size-350);
      --button-font-line-height: 140%;
      --spinner-size: 22px;
    }
    @container product-card (width < 160px) {
      --button-padding-block: var(--gsc-space-250);
      --button-padding-inline: var(--gsc-space-700);
      --button-font-size: var(--gsc-font-size-350);
      --button-font-line-height: 140%;
      --spinner-size: 22px;
    }
  }
}
.button--medium {
  --button-padding-block: var(--gsc-space-350);
  --button-padding-inline: var(--gsc-space-1000);
  --button-font-size: var(--gsc-font-size-350);
  --button-font-line-height: 140%;
  --spinner-size: 24px;
  @container product-card (width < 280px) {
    --button-padding-block: var(--gsc-space-300);
    --button-padding-inline: var(--gsc-space-800);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
  }
  @container product-card (width < 220px) {
    --button-padding-block: var(--gsc-space-300);
    --button-padding-inline: var(--gsc-space-800);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
  }
  @container product-card (width < 160px) {
    --button-padding-block: var(--gsc-space-250);
    --button-padding-inline: var(--gsc-space-700);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
  }
}
@media (width < 750px) {
  .button--mobile-size-medium {
    --button-padding-block: var(--gsc-space-350);
    --button-padding-inline: var(--gsc-space-1000);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 24px;
    @container product-card (width < 280px) {
      --button-padding-block: var(--gsc-space-300);
      --button-padding-inline: var(--gsc-space-800);
      --button-font-size: var(--gsc-font-size-350);
      --button-font-line-height: 140%;
      --spinner-size: 22px;
    }
    @container product-card (width < 220px) {
      --button-padding-block: var(--gsc-space-300);
      --button-padding-inline: var(--gsc-space-800);
      --button-font-size: var(--gsc-font-size-350);
      --button-font-line-height: 140%;
      --spinner-size: 22px;
    }
    @container product-card (width < 160px) {
      --button-padding-block: var(--gsc-space-250);
      --button-padding-inline: var(--gsc-space-700);
      --button-font-size: var(--gsc-font-size-350);
      --button-font-line-height: 140%;
      --spinner-size: 22px;
    }
  }
}
.button--small {
  --button-padding-block: var(--gsc-space-300);
  --button-padding-inline: var(--gsc-space-800);
  --button-font-size: var(--gsc-font-size-350);
  --button-font-line-height: 140%;
  --spinner-size: 22px;
  @container product-card (width < 160px) {
    --button-padding-block: var(--gsc-space-250);
    --button-padding-inline: var(--gsc-space-700);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
  }
}
@media (width < 750px) {
  .button--mobile-size-small {
    --button-padding-block: var(--gsc-space-300);
    --button-padding-inline: var(--gsc-space-800);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
    @container product-card (width < 160px) {
      --button-padding-block: var(--gsc-space-250);
      --button-padding-inline: var(--gsc-space-700);
      --button-font-size: var(--gsc-font-size-350);
      --button-font-line-height: 140%;
      --spinner-size: 22px;
    }
  }
}
.button--x-small {
  --button-padding-block: var(--gsc-space-250);
  --button-padding-inline: var(--gsc-space-700);
  --button-font-size: var(--gsc-font-size-350);
  --button-font-line-height: 140%;
  --spinner-size: 22px;
}
@media (width < 750px) {
  .button--mobile-size-x-small {
    --button-padding-block: var(--gsc-space-250);
    --button-padding-inline: var(--gsc-space-700);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
  }
}
.button--xx-small {
  --button-padding-block: var(--gsc-space-200);
  --button-padding-inline: var(--gsc-space-600);
  --button-font-size: var(--gsc-font-size-300);
  --button-font-line-height: 140%;
  --spinner-size: 22px;
  --button-gap: var(--gsc-space-100);
}
.button--xx-small.button--icon-type-chevron {
  --button-padding-block: var(--gsc-space-250);
}
@media (width < 750px) {
  .button--mobile-size-xx-small {
    --button-padding-block: var(--gsc-space-200);
    --button-padding-inline: var(--gsc-space-600);
    --button-font-size: var(--gsc-font-size-300);
    --button-font-line-height: 140%;
    --spinner-size: 22px;
    --button-gap: var(--gsc-space-100);
  }
  .button--mobile-size-xx-small.button--icon-type-chevron {
    --button-padding-block: var(--gsc-space-250);
  }
}
.button--size-custom {
  --button-padding-block: var(--button-padding-block-custom);
  --button-padding-inline: var(--button-padding-inline-custom);
  --button-font-size: var(--button-font-size-custom);
  --button-font-line-height: var(--button-font-line-height-custom);
  --spinner-size: var(--spinner-size-custom);
  --button-gap: var(--button-gap-custom);
}
@media (width < 750px) {
  .button--mobile-size-size-custom {
    --button-padding-block: var(--button-padding-block-custom);
    --button-padding-inline: var(--button-padding-inline-custom);
    --button-font-size: var(--button-font-size-custom);
    --button-font-line-height: var(--button-font-line-height-custom);
    --spinner-size: var(--spinner-size-custom);
    --button-gap: var(--button-gap-custom);
  }
}
.button--primary {
  @media (width >= 750px) {
    --button-background: var(--gsc-color-primary-button-bg);
    --button-color: var(--gsc-color-primary-button-text);
    --button-border-width: var(--gsc-border-width-primary);
    --button-border-color: var(--gsc-color-primary-button-border);
    --button-font-family: var(--gsc-font-family-primary);
    --button-font-style: var(--gsc-font-style-primary);
    --button-font-weight: var(--gsc-font-weight-primary);
    --button-text-transform: var(--gsc-text-case-primary);
    --button-backdrop-filter: var(--gsc-backdrop-filter-primary);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-primary-button-bg-hover);
      --button-border-color: var(--gsc-color-primary-button-border-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-primary-button-bg-active);
    }
  }
}
.button--primary-mobile {
  @media (width < 750px) {
    --button-background: var(--gsc-color-primary-button-bg);
    --button-color: var(--gsc-color-primary-button-text);
    --button-border-width: var(--gsc-border-width-primary);
    --button-border-color: var(--gsc-color-primary-button-border);
    --button-font-family: var(--gsc-font-family-primary);
    --button-font-style: var(--gsc-font-style-primary);
    --button-font-weight: var(--gsc-font-weight-primary);
    --button-text-transform: var(--gsc-text-case-primary);
    --button-backdrop-filter: var(--gsc-backdrop-filter-primary);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-primary-button-bg-hover);
      --button-border-color: var(--gsc-color-primary-button-border-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-primary-button-bg-active);
    }
  }
}
.button--secondary {
  @media (width >= 750px) {
    --button-background: var(--gsc-color-secondary-button-bg);
    --button-color: var(--gsc-color-secondary-button-text);
    --button-border-width: var(--gsc-border-width-secondary);
    --button-border-color: var(--gsc-color-secondary-button-border);
    --button-font-family: var(--gsc-font-family-secondary);
    --button-font-style: var(--gsc-font-style-secondary);
    --button-font-weight: var(--gsc-font-weight-secondary);
    --button-text-transform: var(--gsc-text-case-secondary);
    --button-backdrop-filter: var(--gsc-backdrop-filter-secondary);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-secondary-button-bg-hover);
      --button-border-color: var(--gsc-color-secondary-button-border-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-secondary-button-bg-active);
    }
  }
}
.button--secondary-mobile {
  @media (width < 750px) {
    --button-background: var(--gsc-color-secondary-button-bg);
    --button-color: var(--gsc-color-secondary-button-text);
    --button-border-width: var(--gsc-border-width-secondary);
    --button-border-color: var(--gsc-color-secondary-button-border);
    --button-font-family: var(--gsc-font-family-secondary);
    --button-font-style: var(--gsc-font-style-secondary);
    --button-font-weight: var(--gsc-font-weight-secondary);
    --button-text-transform: var(--gsc-text-case-secondary);
    --button-backdrop-filter: var(--gsc-backdrop-filter-secondary);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-secondary-button-bg-hover);
      --button-border-color: var(--gsc-color-secondary-button-border-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-secondary-button-bg-active);
    }
  }
}
.button--tertiary {
  @media (width >= 750px) {
    --button-background: var(--gsc-color-tertiary-button-bg);
    --button-color: var(--gsc-color-tertiary-button-text);
    --button-border-width: var(--gsc-border-width-tertiary);
    --button-border-color: var(--gsc-color-tertiary-button-border);
    --button-font-family: var(--gsc-font-family-tertiary);
    --button-font-style: var(--gsc-font-style-tertiary);
    --button-font-weight: var(--gsc-font-weight-tertiary);
    --button-text-transform: var(--gsc-text-case-tertiary);
    --button-backdrop-filter: var(--gsc-backdrop-filter-tertiary);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-tertiary-button-bg-hover);
      --button-border-color: var(--gsc-color-tertiary-button-border-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-tertiary-button-bg-active);
    }
  }
}
.button--tertiary-mobile {
  @media (width < 750px) {
    --button-background: var(--gsc-color-tertiary-button-bg);
    --button-color: var(--gsc-color-tertiary-button-text);
    --button-border-width: var(--gsc-border-width-tertiary);
    --button-border-color: var(--gsc-color-tertiary-button-border);
    --button-font-family: var(--gsc-font-family-tertiary);
    --button-font-style: var(--gsc-font-style-tertiary);
    --button-font-weight: var(--gsc-font-weight-tertiary);
    --button-text-transform: var(--gsc-text-case-tertiary);
    --button-backdrop-filter: var(--gsc-backdrop-filter-tertiary);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-tertiary-button-bg-hover);
      --button-border-color: var(--gsc-color-tertiary-button-border-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-tertiary-button-bg-active);
    }
  }
}
.button--arrow-primary,
.button--arrow-primary-mobile,
.button--arrow-quaternary,
.button--arrow-quaternary-mobile,
.button--arrow-secondary,
.button--arrow-secondary-mobile,
.button--arrow-tertiary,
.button--arrow-tertiary-mobile {
  --button-border-radius: var(--navigation-arrows-border-radius);
  --button-font-family: var(--gsc-font-body--family);
  --button-font-style: var(--gsc-font-body--style);
  --button-font-weight: var(--gsc-font-body--weight);
  --button-text-transform: none;
}
.button--arrow-primary {
  @media (width >= 750px) {
    --button-background: var(--gsc-color-arrow-primary-button-bg);
    --button-color: var(--gsc-color-arrow-primary-button-text);
    --button-border-color: var(--gsc-color-arrow-primary-button-border);
    --button-border-width: var(--gsc-border-width-primary-arrow);
    --button-backdrop-filter: var(--gsc-backdrop-filter-primary-arrow);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-arrow-primary-button-bg-hover);
      --button-border-color: var(--gsc-color-arrow-primary-button-border-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-arrow-primary-button-bg-active);
    }
  }
}
.button--arrow-primary-mobile {
  @media (width < 750px) {
    --button-background: var(--gsc-color-arrow-primary-button-bg);
    --button-color: var(--gsc-color-arrow-primary-button-text);
    --button-border-color: var(--gsc-color-arrow-primary-button-border);
    --button-border-width: var(--gsc-border-width-primary-arrow);
    --button-backdrop-filter: var(--gsc-backdrop-filter-primary-arrow);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-arrow-primary-button-bg-hover);
      --button-border-color: var(--gsc-color-arrow-primary-button-border-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-arrow-primary-button-bg-active);
    }
  }
}
.button--arrow-secondary {
  @media (width >= 750px) {
    --button-background: var(--gsc-color-arrow-secondary-button-bg);
    --button-color: var(--gsc-color-arrow-secondary-button-text);
    --button-border-color: var(--gsc-color-arrow-secondary-button-border);
    --button-border-width: var(--gsc-border-width-secondary-arrow);
    --button-backdrop-filter: var(--gsc-backdrop-filter-secondary-arrow);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-arrow-secondary-button-bg-hover);
      --button-border-color: var(
        --gsc-color-arrow-secondary-button-border-hover
      );
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-arrow-secondary-button-bg-active);
    }
  }
}
.button--arrow-secondary-mobile {
  @media (width < 750px) {
    --button-background: var(--gsc-color-arrow-secondary-button-bg);
    --button-color: var(--gsc-color-arrow-secondary-button-text);
    --button-border-color: var(--gsc-color-arrow-secondary-button-border);
    --button-border-width: var(--gsc-border-width-secondary-arrow);
    --button-backdrop-filter: var(--gsc-backdrop-filter-secondary-arrow);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-arrow-secondary-button-bg-hover);
      --button-border-color: var(
        --gsc-color-arrow-secondary-button-border-hover
      );
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-arrow-secondary-button-bg-active);
    }
  }
}
.button--arrow-tertiary {
  @media (width >= 750px) {
    --button-background: var(--gsc-color-arrow-tertiary-button-bg);
    --button-color: var(--gsc-color-arrow-tertiary-button-text);
    --button-border-color: var(--gsc-color-arrow-tertiary-button-border);
    --button-border-width: var(--gsc-border-width-tertiary-arrow);
    --button-backdrop-filter: var(--gsc-backdrop-filter-tertiary-arrow);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-arrow-tertiary-button-bg-hover);
      --button-border-color: var(
        --gsc-color-arrow-tertiary-button-border-hover
      );
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-arrow-tertiary-button-bg-active);
    }
  }
}
.button--arrow-tertiary-mobile {
  @media (width < 750px) {
    --button-background: var(--gsc-color-arrow-tertiary-button-bg);
    --button-color: var(--gsc-color-arrow-tertiary-button-text);
    --button-border-color: var(--gsc-color-arrow-tertiary-button-border);
    --button-border-width: var(--gsc-border-width-tertiary-arrow);
    --button-backdrop-filter: var(--gsc-backdrop-filter-tertiary-arrow);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-arrow-tertiary-button-bg-hover);
      --button-border-color: var(
        --gsc-color-arrow-tertiary-button-border-hover
      );
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-arrow-tertiary-button-bg-active);
    }
  }
}
.button--arrow-quaternary {
  @media (width >= 750px) {
    --button-background: var(--gsc-color-arrow-quaternary-button-bg);
    --button-color: var(--gsc-color-arrow-quaternary-button-text);
    --button-border-color: var(--gsc-color-arrow-quaternary-button-border);
    --button-border-width: var(--gsc-border-width-quaternary-arrow);
    --button-backdrop-filter: var(--gsc-backdrop-filter-quaternary-arrow);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-arrow-quaternary-button-bg-hover);
      --button-border-color: var(
        --gsc-color-arrow-quaternary-button-border-hover
      );
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-arrow-quaternary-button-bg-active);
    }
  }
}
.button--arrow-quaternary-mobile {
  @media (width < 750px) {
    --button-background: var(--gsc-color-arrow-quaternary-button-bg);
    --button-color: var(--gsc-color-arrow-quaternary-button-text);
    --button-border-color: var(--gsc-color-arrow-quaternary-button-border);
    --button-border-width: var(--gsc-border-width-quaternary-arrow);
    --button-backdrop-filter: var(--gsc-backdrop-filter-quaternary-arrow);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-arrow-quaternary-button-bg-hover);
      --button-border-color: var(
        --gsc-color-arrow-quaternary-button-border-hover
      );
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-arrow-quaternary-button-bg-active);
    }
  }
}
.button--link {
  @media (width >= 750px) {
    --button-background: transparent;
    --button-color: var(--gsc-color-link-button-text);
    --button-border-width: 0px;
    --button-border-color: transparent;
    --button-border-radius: 0px;
    --button-font-family: var(--gsc-font-family-plain);
    --button-font-style: var(--gsc-font-style-plain);
    --button-font-weight: var(--gsc-font-weight-plain);
    --button-text-transform: var(--gsc-text-case-plain);
    --button-padding-block: 0px;
    --button-padding-inline: 0px;
    .button__label {
      display: block;
      overflow: hidden;
      position: relative;
    }
    .button__label::before {
      background-color: currentColor;
      bottom: 0;
      content: "";
      display: block;
      height: 1px;
      left: -1px;
      position: absolute;
      transform: translateX(-100%);
      transform-origin: 0;
      transition: transform 0.3s ease;
      width: 100%;
    }
    &:hover {
      .button__label::before {
        transform: translateX(1px);
      }
    }
  }
}
.button--link-mobile {
  @media (width < 750px) {
    --button-background: transparent;
    --button-color: var(--gsc-color-link-button-text);
    --button-border-width: 0px;
    --button-border-color: transparent;
    --button-border-radius: 0px;
    --button-font-family: var(--gsc-font-family-plain);
    --button-font-style: var(--gsc-font-style-plain);
    --button-font-weight: var(--gsc-font-weight-plain);
    --button-text-transform: var(--gsc-text-case-plain);
    --button-padding-block: 0px;
    --button-padding-inline: 0px;
    .button__label {
      display: block;
      overflow: hidden;
      position: relative;
    }
    .button__label::before {
      background-color: currentColor;
      bottom: 0;
      content: "";
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      transform: translateX(-100%);
      transform-origin: 0;
      transition: transform 0.3s ease;
      width: 100%;
    }
    &:hover {
      .button__label::before {
        transform: translateX(0);
      }
    }
  }
}
.button--link-with-paddings {
  @media (width >= 750px) {
    --button-background: transparent;
    --button-color: var(--gsc-color-link-button-text);
    --button-border-width: 0px;
    --button-border-color: transparent;
    --button-border-radius: 0px;
    --button-font-family: var(--gsc-font-family-plain);
    --button-font-style: var(--gsc-font-style-plain);
    --button-font-weight: var(--gsc-font-weight-plain);
    --button-text-transform: var(--gsc-text-case-plain);
    .button__label {
      display: block;
      overflow: hidden;
      position: relative;
    }
    .button__label::before {
      background-color: currentColor;
      bottom: 0;
      content: "";
      display: block;
      height: 1px;
      left: -1px;
      position: absolute;
      transform: translateX(-100%);
      transform-origin: 0;
      transition: transform 0.3s ease;
      width: 100%;
    }
    &:hover {
      .button__label::before {
        transform: translateX(1px);
      }
    }
  }
}
.button--link-with-paddings-mobile {
  @media (width < 750px) {
    --button-background: transparent;
    --button-color: var(--gsc-color-link-button-text);
    --button-border-width: 0px;
    --button-border-color: transparent;
    --button-border-radius: 0px;
    --button-font-family: var(--gsc-font-family-plain);
    --button-font-style: var(--gsc-font-style-plain);
    --button-font-weight: var(--gsc-font-weight-plain);
    --button-text-transform: var(--gsc-text-case-plain);
    .button__label {
      display: block;
      overflow: hidden;
      position: relative;
    }
    .button__label::before {
      background-color: currentColor;
      bottom: 0;
      content: "";
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      transform: translateX(-100%);
      transform-origin: 0;
      transition: transform 0.3s ease;
      width: 100%;
    }
    &:hover {
      .button__label::before {
        transform: translateX(0);
      }
    }
  }
}
.button--rounded-glass {
  --button-background: transparent;
  --button-color: #fff;
  --button-border-width: 1px;
  --button-border-color: linear-gradient(
    135deg,
    hsla(0, 0%, 100%, 0.8),
    hsla(0, 0%, 50%, 0.05) 30%,
    hsla(0, 0%, 50%, 0.05) 70%,
    hsla(0, 0%, 100%, 0.8)
  );
  --button-border-radius: 9999px;
  --button-backdrop-filter: blur(10px);
}
.button--monochrome {
  @media (width >= 750px) {
    --button-background: var(--gsc-color-monochrome-button-bg);
    --button-color: var(--gsc-color-monochrome-button-text);
    --button-border-width: var(--gsc-border-width-0125);
    --button-border-color: var(--gsc-color-monochrome-button-border);
    --button-border-radius: var(--gsc-border-radius-full);
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: var(--gsc-font-body--style);
    --button-font-weight: var(--gsc-font-body--weight);
    --button-text-transform: none;
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-monochrome-button-bg-hover);
      --button-border-color: var(--gsc-color-monochrome-button-border-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-monochrome-button-bg-active);
    }
  }
}
.button--monochrome-mobile {
  @media (width < 750px) {
    --button-background: var(--gsc-color-monochrome-button-bg);
    --button-color: var(--gsc-color-monochrome-button-text);
    --button-border-width: var(--gsc-border-width-0125);
    --button-border-color: var(--gsc-color-monochrome-button-border);
    --button-border-radius: var(--gsc-border-radius-full);
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: var(--gsc-font-body--style);
    --button-font-weight: var(--gsc-font-body--weight);
    --button-text-transform: none;
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--gsc-color-monochrome-button-bg-hover);
      --button-border-color: var(--gsc-color-monochrome-button-border-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--gsc-color-monochrome-button-bg-active);
    }
  }
}
.button--plain {
  @media (width >= 750px) {
    --button-background: transparent;
    --button-color: var(--gsc-color-heading);
    --button-border-width: 0px;
    --button-border-color: initial;
    --button-border-radius: initial;
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: var(--gsc-font-body--style);
    --button-font-weight: var(--gsc-font-body--weight);
    --button-text-transform: none;
  }
}
.button--plain-mobile {
  @media (width < 750px) {
    --button-background: transparent;
    --button-color: var(--gsc-color-heading);
    --button-border-width: 0px;
    --button-border-color: initial;
    --button-border-radius: initial;
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: var(--gsc-font-body--style);
    --button-font-weight: var(--gsc-font-body--weight);
    --button-text-transform: none;
  }
}
@media (width >= 750px) {
  .button--nav::after {
    background: var(--button-background);
    border-radius: var(--button-current-border-radius);
    content: "";
    inset: 0;
    position: absolute;
    transition: transform 0.2s ease;
    will-change: transform;
    z-index: -1;
  }
  .button--nav:not([disabled]):hover::after {
    transform: scale(1.13);
  }
}
.button--nav-minimal {
  @media (width >= 750px) {
    --button-background: transparent;
    --button-color: var(
      --navigation-arrows-plain-color,
      var(--gsc-color-heading)
    );
    --button-border-width: 0px;
    --button-border-color: initial;
    --button-border-radius: initial;
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: var(--gsc-font-body--style);
    --button-font-weight: var(--gsc-font-body--weight);
    --button-text-transform: none;
  }
}
.button--nav-minimal-mobile {
  @media (width < 750px) {
    --button-background: transparent;
    --button-color: var(
      --navigation-arrows-plain-color-mobile,
      var(--gsc-color-heading)
    );
    --button-border-width: 0px;
    --button-border-color: initial;
    --button-border-radius: initial;
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: var(--gsc-font-body--style);
    --button-font-weight: var(--gsc-font-body--weight);
    --button-text-transform: none;
  }
}
.button--cursor-light {
  @media (width >= 750px) {
    --button-background: var(--gsc-color-background-white-20);
    --button-color: var(--gsc-color-background-white-100);
    --button-border-width: 0px;
    --button-border-color: transparent;
    --button-border-radius: var(--gsc-border-radius-full);
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: var(--gsc-font-body--style);
    --button-font-weight: var(--gsc-font-body--weight);
    --button-text-transform: none;
    --button-backdrop-filter: blur(8px);
  }
}
.button--cursor-light-mobile {
  @media (width < 750px) {
    --button-background: var(--gsc-color-background-white-20);
    --button-color: var(--gsc-color-background-white-100);
    --button-border-width: 0px;
    --button-border-color: transparent;
    --button-border-radius: var(--gsc-border-radius-full);
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: var(--gsc-font-body--style);
    --button-font-weight: var(--gsc-font-body--weight);
    --button-text-transform: none;
    --button-backdrop-filter: blur(8px);
  }
}
.button--search-filter {
  @media (width >= 750px) {
    --button-background: transparent;
    --button-color: var(--gsc-color-heading);
    --button-border-width: 0px;
    --button-border-color: initial;
    --button-border-radius: initial;
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: var(--gsc-font-body--style);
    --button-font-weight: var(--gsc-font-weight-semibold);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 150%;
    --button-text-transform: none;
    --button-gap: var(--gsc-space-250);
    --button-padding-block: var(--gsc-space-200);
    --button-padding-inline: 0px;
  }
}
.button--search-filter-mobile {
  @media (width < 750px) {
    --button-background: transparent;
    --button-color: var(--gsc-color-heading);
    --button-border-width: 0px;
    --button-border-color: initial;
    --button-border-radius: initial;
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: var(--gsc-font-body--style);
    --button-font-weight: var(--gsc-font-weight-semibold);
    --button-font-size: var(--gsc-font-size-350);
    --button-font-line-height: 150%;
    --button-text-transform: none;
    --button-gap: var(--gsc-space-250);
    --button-padding-block: var(--gsc-space-200);
    --button-padding-inline: 0px;
  }
}
.button--collection-filter {
  @media (width >= 750px) {
    --button-background: var(--gsc-color-background);
    --button-color: var(--gsc-color-heading);
    --button-border-width: 0px;
    --button-border-color: none;
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: normal;
    --button-font-weight: var(--gsc-font-weight-semibold);
    --button-text-transform: none;
    --button-backdrop-filter: none;
  }
}
.button--collection-filter-mobile {
  @media (width < 750px) {
    --button-background: var(--gsc-color-background);
    --button-color: var(--gsc-color-heading);
    --button-border-width: 0px;
    --button-border-color: none;
    --button-font-family: var(--gsc-font-body--family);
    --button-font-style: normal;
    --button-font-weight: var(--gsc-font-weight-semibold);
    --button-text-transform: none;
    --button-backdrop-filter: none;
  }
}
.button--custom {
  @media (width >= 750px) {
    --button-background: var(--custom-button-background-color);
    --button-color: var(--custom-button-color);
    --button-border-width: var(--custom-button-border-width);
    --button-border-color: var(--custom-button-border-color);
    --button-border-radius: var(--custom-button-border-radius);
    --button-font-family: var(--custom-button-font-family);
    --button-font-style: var(--custom-button-font-style);
    --button-font-weight: var(--custom-button-font-weight);
    --button-text-transform: var(--custom-button-text-transform);
    --button-backdrop-filter: var(--custom-button-backdrop-filter);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--custom-button-background-color-hover);
      --button-border-color: var(--custom-button-border-color-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--custom-button-background-color-active);
    }
  }
}
.button--custom-mobile {
  @media (width < 750px) {
    --button-background: var(--custom-button-background-color);
    --button-color: var(--custom-button-color);
    --button-border-width: var(--custom-button-border-width);
    --button-border-color: var(--custom-button-border-color);
    --button-border-radius: var(--custom-button-border-radius);
    --button-font-family: var(--custom-button-font-family);
    --button-font-style: var(--custom-button-font-style);
    --button-font-weight: var(--custom-button-font-weight);
    --button-text-transform: var(--custom-button-text-transform);
    --button-backdrop-filter: var(--custom-button-backdrop-filter);
    &:not([disabled]):not([data-effect-text-trigger]):hover {
      --button-background: var(--custom-button-background-color-hover);
      --button-border-color: var(--custom-button-border-color-hover);
    }
    &:not([disabled]):not([data-effect-text-trigger]):active {
      --button-background: var(--custom-button-background-color-active);
    }
  }
}
.group {
  position: relative;
  &.group--sticky {
    position: sticky;
    top: var(--gsc-single-header-height);
  }
}
.group__content {
  height: 100%;
  min-height: -moz-min-content;
  min-height: min-content;
  position: relative;
}
.group__products {
  width: 100%;
}
.group__link {
  inset: 0;
  position: absolute;
  z-index: 20;
}
.group.smart-list__item {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
@media (width < 750px) {
  .image-with-text > .section__content,
  .image-with-text > .section__content > .group {
    height: auto;
  }
  .image-with-text .group {
    flex-shrink: 0;
    min-height: -moz-min-content;
    min-height: min-content;
  }
  .image-with-text .group__content {
    height: auto;
  }
}
.product-rating.text {
  min-width: auto;
  --font-family: var(--gsc-font-body--family);
  --font-style: var(--gsc-font-body--style);
  --font-weight: var(--gsc-font-weight-regular);
  --font-size: var(--gsc-font-size-300);
  --line-height: 135%;
  --letter-spacing: var(--gsc-font-letter-normal);
  --text-transform: none;
  --color: var(--gsc-color-heading);
  .text__inner {
    line-height: 100%;
  }
}
.product-rating__container {
  align-items: center;
  display: inline-flex;
  gap: var(--gsc-space-100);
  text-wrap: nowrap;
}
.product-rating__star {
  color: var(--product-rating-star-color, var(--gsc-color-warning-primary));
  height: 1.2em;
  min-width: 1.2em;
}
.product-rating__value {
  > span {
    padding-inline-start: var(--gsc-space-100);
  }
}
.product-grid {
  --desktop-columns: 4;
  --mobile-columns: 1;
  --columns: var(--desktop-columns);
  display: flex;
  flex-wrap: wrap;
  gap: var(--product-grid-column-gap);
  width: 100%;
}
.product-grid__item {
  transition: all 0.3s cubic-bezier(0.18, 0.97, 0.42, 0.97);
  width: calc(
    100% / var(--columns) - var(--product-grid-column-gap) *
      calc(var(--columns) - 1) / var(--columns)
  );
}
@media (width < 750px) {
  .product-grid {
    --columns: var(--mobile-columns);
  }
}
.product-title {
  --font-family: var(--gsc-font-body--family);
  --font-style: var(--gsc-font-body--style);
  --font-weight: var(--gsc-font-weight-medium);
  --font-size: var(--gsc-font-size-325);
  --line-height: 135%;
  --letter-spacing: var(--gsc-font-letter-normal);
  --text-transform: none;
  --color: var(--gsc-color-heading);
  display: block;
}
.product-compare-at-price {
  --product-compare-at-price-color: var(--gsc-color-heading-secondary);
  --product-compare-at-price-font-size: var(--gsc-font-size-300);
  --product-compare-at-price-font-style: normal;
  --product-compare-at-price-font-weight: var(--gsc-font-weight-regular);
  --product-compare-at-price-line-height: var(--gsc-font-line-height-3xl);
  --product-compare-at-price-letter-spacing: var(--gsc-font-letter-normal);
  color: var(--product-compare-at-price-color);
  font-size: var(--product-compare-at-price-font-size);
  font-style: var(--product-compare-at-price-font-style);
  font-weight: var(--product-compare-at-price-font-weight);
  letter-spacing: var(--product-compare-at-price-letter-spacing);
  line-height: var(--product-compare-at-price-line-height);
  text-decoration: line-through;
}
.product-compare-at-price--small {
  --product-compare-at-price-font-size: var(--gsc-font-size-275);
}
.product-compare-at-price--medium {
  --product-compare-at-price-font-size: var(--gsc-font-size-300);
}
.product-compare-at-price--large {
  --product-compare-at-price-font-size: var(--gsc-font-size-350);
}
.product-compare-at-price--color-primary {
  --product-compare-at-price-color: var(--gsc-color-heading-secondary);
}
.product-compare-at-price--color-overlay {
  --product-compare-at-price-color: var(--gsc-color-background-white-100);
}
.product-vendor {
  --font-family: var(--gsc-font-body--family);
  --font-style: var(--gsc-font-body--style);
  --font-weight: var(--gsc-font-weight-regular);
  --font-size: var(--gsc-font-size-300);
  --line-height: 135%;
  --letter-spacing: var(--gsc-font-letter-normal);
  --text-transform: none;
  --color: var(--gsc-color-heading);
  background-color: var(--background-color, transparent);
  border: var(--border, none);
  border-radius: var(--border-radius, 0);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.product-badge {
  --product-badge-writing-mode: horizontal-tb;
  --product-badge-background-color: var(--gsc-color-background);
  --product-badge-border-radius: var(--product-badge-border-radius);
  --product-badge-padding-block: var(--gsc-space-150);
  --product-badge-padding-inline: var(--gsc-space-250);
  --product-badge-color: var(--gsc-color-background-black-100);
  --product-badge-font-family: var(--gsc-font-body--family);
  --product-badge-font-size: var(--gsc-font-size-300);
  --product-badge-font-style: normal;
  --product-badge-font-weight: var(--gsc-font-weight-medium);
  --product-badge-line-height: 135%;
  --product-badge-letter-spacing: var(--gsc-font-letter-normal);
  --product-badge-text-transform: none;
  --product-badge-shadow: 0 0 var(--gsc-size-blur-300) 0
    var(--gsc-color-background-black-10);
  --padding-block-start: 0;
  --padding-block-end: 0;
  --padding-inline-start: 0;
  --padding-inline-end: 0;
  --padding-block-start-mobile: 0;
  --padding-block-end-mobile: 0;
  --padding-inline-start-mobile: 0;
  --padding-inline-end-mobile: 0;
  display: none;
  min-height: 0;
  min-width: 0;
  writing-mode: var(--product-badge-writing-mode);
  @media (width >= 750px) {
    &.product-badge--show-on-desktop {
      display: block;
    }
  }
  @media (width < 750px) {
    &.product-badge--show-on-mobile {
      display: block;
    }
  }
}
.product-badge__content {
  align-items: center;
  backdrop-filter: var(--product-badge-backdrop-filter);
  background-color: var(--product-badge-background-color);
  border: var(--product-badge-border);
  border-radius: var(--product-badge-border-radius);
  box-shadow: var(--product-badge-shadow);
  color: var(--product-badge-color);
  display: flex;
  font-family: var(--product-badge-font-family);
  font-size: var(--product-badge-font-size);
  font-style: var(--product-badge-font-style);
  font-weight: var(--product-badge-font-weight);
  justify-content: center;
  letter-spacing: var(--product-badge-letter-spacing);
  line-height: var(--product-badge-line-height);
  min-height: 0;
  padding-block: var(--product-badge-padding-block);
  padding-inline: var(--product-badge-padding-inline);
  text-transform: var(--product-badge-text-transform);
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  .text,
  .text__inner,
  .text__inner > * {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
  }
}
.product-badge--orientation-horizontal {
  --product-badge-writing-mode: horizontal-tb;
}
.product-badge--orientation-vertical {
  --product-badge-writing-mode: sideways-lr;
}
.product-badge--size-x-large {
  --product-badge-padding-block: var(--gsc-space-200);
  --product-badge-padding-inline: var(--gsc-space-300);
  --product-badge-font-size: var(--gsc-font-size-300);
  --product-badge-line-height: 135%;
  @container (width < 220px) {
    --product-badge-padding-block: var(--gsc-space-050);
    --product-badge-padding-inline: var(--gsc-space-150);
    --product-badge-font-size: var(--gsc-font-size-275);
    --product-badge-line-height: 145%;
  }
  @container (width < 160px) {
    --product-badge-padding-block: 0;
    --product-badge-padding-inline: var(--gsc-space-100);
    --product-badge-font-size: var(--gsc-font-size-275);
    --product-badge-line-height: 145%;
  }
}
.product-badge--size-large {
  --product-badge-padding-block: var(--gsc-space-100);
  --product-badge-padding-inline: var(--gsc-space-200);
  --product-badge-font-size: var(--gsc-font-size-300);
  --product-badge-line-height: 135%;
  @container (width < 220px) {
    --product-badge-padding-block: var(--gsc-space-050);
    --product-badge-padding-inline: var(--gsc-space-150);
    --product-badge-font-size: var(--gsc-font-size-275);
    --product-badge-line-height: 145%;
  }
  @container (width < 160px) {
    --product-badge-padding-block: 0;
    --product-badge-padding-inline: var(--gsc-space-100);
    --product-badge-font-size: var(--gsc-font-size-275);
    --product-badge-line-height: 145%;
  }
}
.product-badge--size-medium {
  --product-badge-padding-block: var(--gsc-space-050);
  --product-badge-padding-inline: var(--gsc-space-150);
  --product-badge-font-size: var(--gsc-font-size-275);
  --product-badge-line-height: 145%;
  @container (width < 160px) {
    --product-badge-padding-block: 0;
    --product-badge-padding-inline: var(--gsc-space-100);
    --product-badge-font-size: var(--gsc-font-size-275);
  }
}
.product-badge--size-small {
  --product-badge-padding-block: 0;
  --product-badge-padding-inline: var(--gsc-space-100);
  --product-badge-font-size: var(--gsc-font-size-275);
  --product-badge-line-height: 145%;
}
.product-badge--preset-default {
  --product-badge-background-color: var(--gsc-color-input-bg);
  --product-badge-color: var(--gsc-color-text);
  --product-badge-shadow: none;
}
.product-badge--preset-under-image {
  --product-badge-color: var(--gsc-color-heading);
  --product-badge-background-color: var(--gsc-color-background-white-100);
  --product-badge-text-transform: uppercase;
  --product-badge-shadow: none;
}
.product-badge--preset-under-bg {
  --product-badge-color: var(--gsc-color-background-white-100);
  --product-badge-background-color: var(--gsc-color-background-black-100);
  --product-badge-text-transform: uppercase;
  --product-badge-shadow: none;
}
.product-badge--preset-text {
  --product-badge-color: var(--gsc-color-heading);
  --product-badge-background-color: none;
  --product-badge-padding-block: 0;
  --product-badge-padding-inline: 0;
  --product-badge-text-transform: uppercase;
  --product-badge-shadow: none;
}
.product-badge--preset-sold-out {
  --product-badge-font-family: var(--gsc-font-family-sold-out-badge);
  --product-badge-font-size: var(--gsc-font-size-sold-out-badge);
  --product-badge-font-style: var(--gsc-font-style-sold-out-badge);
  --product-badge-font-weight: var(--gsc-font-weight-sold-out-badge);
  --product-badge-line-height: var(--gsc-line-height-sold-out-badge);
  --product-badge-letter-spacing: var(--gsc-letter-spacing-sold-out-badge);
  --product-badge-color: var(--gsc-color-sold-out-badge-text);
  --product-badge-background-color: var(--gsc-color-sold-out-badge-bg);
  --product-badge-border: var(--gsc-border-width-sold-out-badge) solid
    var(--gsc-color-sold-out-badge-border);
  --product-badge-backdrop-filter: var(--gsc-backdrop-filter-sold-out-badge);
  --product-badge-text-transform: var(--gsc-text-transform-sold-out-badge);
  --product-badge-shadow: none;
}
.product-badge--preset-sale {
  --product-badge-font-family: var(--gsc-font-family-sale-badge);
  --product-badge-font-size: var(--gsc-font-size-sale-badge);
  --product-badge-font-style: var(--gsc-font-style-sale-badge);
  --product-badge-font-weight: var(--gsc-font-weight-sale-badge);
  --product-badge-line-height: var(--gsc-line-height-sale-badge);
  --product-badge-letter-spacing: var(--gsc-letter-spacing-sale-badge);
  --product-badge-color: var(--gsc-color-sale-badge-text);
  --product-badge-background-color: var(--gsc-color-sale-badge-bg);
  --product-badge-border: var(--gsc-border-width-sale-badge) solid
    var(--gsc-color-sale-badge-border);
  --product-badge-backdrop-filter: var(--gsc-backdrop-filter-sale-badge);
  --product-badge-text-transform: var(--gsc-text-transform-sale-badge);
  --product-badge-shadow: none;
}
.product-badge--preset-custom {
  --product-badge-font-family: var(--custom-product-badge-font-family);
  --product-badge-font-size: var(--custom-product-badge-font-size);
  --product-badge-font-style: var(--custom-product-badge-font-style);
  --product-badge-font-weight: var(--custom-product-badge-font-weight);
  --product-badge-line-height: var(--custom-product-badge-line-height);
  --product-badge-letter-spacing: var(--custom-product-badge-letter-spacing);
  --product-badge-color: var(--custom-product-badge-color);
  --product-badge-background-color: var(
    --custom-product-badge-background-color
  );
  --product-badge-border: var(--custom-product-badge-border);
  --product-badge-backdrop-filter: var(--custom-product-badge-backdrop-filter);
  --product-badge-text-transform: var(--custom-product-badge-text-transform);
  --product-badge-shadow: var(--custom-product-badge-shadow);
}
.product-badge--plane {
  --product-badge-background-color: var(--gsc-color-background);
}
.product-description {
  .product-description__button {
    color: var(--gsc-color-heading);
    font-family: var(--gsc-font-body--family);
    font-size: var(--gsc-font-size-350);
    font-style: normal;
    font-weight: var(--gsc-font-weight-semibold);
    line-height: 140%;
    padding-block: 12px;
  }
  svg {
    transition: transform 0.2s;
    [data-opened="true"] & {
      transform: rotate(180deg);
    }
  }
}
.product-media {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.product-media .group {
  min-height: 0;
  min-width: 0;
}
.product-media__slider {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 1;
  overflow: hidden;
  transition: opacity 0.5s;
  width: 100%;
  z-index: 20;
}
.product-media__prev-button {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
:is(.product-media__prev-button, .product-media__next-button) {
  opacity: 0;
  pointer-events: auto;
  transition: opacity 0.3s;
}
.product-card:hover
  :is(.product-media__prev-button, .product-media__next-button) {
  opacity: 1;
}
@media (hover: none) and (pointer: coarse) {
  @media ((width < 750px) or (max-color: 2147477350)) {
    :is(.product-media__prev-button, .product-media__next-button) {
      display: none;
    }
  }
}
@media not all and ((hover: none) and (pointer:coarse)) {
  @media ((width < 750px) or (color: 2147477350)) {
    :is(.product-media__prev-button, .product-media__next-button) {
      display: none;
    }
  }
}
.product-media__next-button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.product-media__content {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 20;
}
.product-media--background-overlay .product-media__content {
  background-color: rgba(0, 0, 0, 0.15);
}
.product-media__responsive-spacing--x-large {
  padding: var(--gsc-space-600);
  @container product-card (width < 280px) {
    padding: var(--gsc-space-500);
  }
  @container product-card (width < 220px) {
    padding: var(--gsc-space-400);
  }
  @container product-card (width < 160px) {
    padding: var(--gsc-space-300);
  }
  @container product-card (width < 140px) {
    padding: var(--gsc-space-200);
  }
}
.product-media__responsive-spacing--large {
  padding: var(--gsc-space-500);
  @container product-card (width < 220px) {
    padding: var(--gsc-space-400);
  }
  @container product-card (width < 160px) {
    padding: var(--gsc-space-300);
  }
  @container product-card (width < 140px) {
    padding: var(--gsc-space-200);
  }
}
.product-media__responsive-spacing--medium {
  padding: var(--gsc-space-400);
  @container product-card (width < 160px) {
    padding: var(--gsc-space-300);
  }
  @container product-card (width < 140px) {
    padding: var(--gsc-space-200);
  }
}
.product-media__responsive-spacing--small {
  padding: var(--gsc-space-300);
  @container product-card (width < 140px) {
    padding: var(--gsc-space-200);
  }
}
.product-media__responsive-spacing--x-small {
  padding: var(--gsc-space-200);
}
.product-media__content_inner {
  height: 100%;
  position: relative;
  width: 100%;
}
.product_media__media-polygons {
  pointer-events: none;
  position: absolute;
  top: 0;
}
.product_media__media-polygons .product-media__content {
  pointer-events: auto;
}
@media (hover: none) and (pointer: coarse) {
  .product_media__media-polygons,
  .product_media__media-polygons .product-media__content {
    pointer-events: none;
  }
}
.product-media__container {
  --product-media-carousel-aspect-ratio: 3/4;
  aspect-ratio: var(--product-media-carousel-aspect-ratio);
  background-color: var(--gsc-color-surface);
  border-radius: var(--product-media-border-radius);
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.product-media__slider.hidden {
  opacity: 0;
  z-index: 0;
}
@media (hover: none) and (pointer: coarse) {
  .product-media__slider--show-first-slide-only-on-mobile
    .product-media__slide:not(:first-child) {
    display: none;
  }
}
.product-media__variants-slider {
  height: 100%;
  position: absolute;
  top: 0;
  transition: opacity 0.8s;
  will-change: opacity;
}
.product-media__variants-slider.hidden {
  opacity: 0;
  z-index: 0;
}
.product-media__slider[data-transition-type="slide"] .product-media__slides {
  display: flex;
  height: 100%;
  transition: transform 1.5s cubic-bezier(0.18, 0.97, 0.42, 0.97);
  width: 100%;
  will-change: transform;
}
.product-media__slide {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.product-media__slider[data-transition-type="slide"] .product-media__slide {
  cursor: pointer;
  flex-shrink: 0;
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
  will-change: transform;
}
.product-media__slider[data-transition-type="fade"] .product-media__slides {
  height: 100%;
  position: relative;
  width: 100%;
}
.product-media__slider[data-transition-type="fade"] .product-media__slide {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.8s;
  will-change: opacity;
}
.product-media__slider[data-transition-type="fade"]
  .product-media__slide[data-active="true"] {
  opacity: 1;
  z-index: 10;
}
.product-media__slider[data-transition-type="fade"]
  .product-media__slide[data-active="false"] {
  opacity: 0;
  z-index: auto;
}
.product-media__slider.is-touch .product-media__slides {
  display: flex;
  overflow: auto;
  position: static;
  scroll-snap-type: x mandatory;
  transform: none;
  transition: initial;
  will-change: auto;
}
.product-media__slider.is-touch .product-media__slides::-webkit-scrollbar {
  display: none;
}
.product-media__slider.is-touch .product-media__slide {
  flex-shrink: 0;
  opacity: 1;
  position: static;
  scroll-snap-align: start;
  transform: none;
  transition-delay: 0s;
  transition: initial;
  will-change: auto;
  z-index: auto;
}
.product-media__slider.is-touch .product-media__slide[data-active] {
  opacity: 1;
}
.product-media__image {
  --product-media-image-background-color: var(--gsc-color-surface);
  --product-media-image-object-fit: cover;
  background-color: var(--product-media-image-background-color);
  height: 100%;
  -o-object-fit: var(--product-media-image-object-fit);
  object-fit: var(--product-media-image-object-fit);
  opacity: 0;
  transition: opacity 0.5s;
  width: 100%;
  will-change: opacity;
}
.product-media__image.loaded {
  opacity: 1;
}
.product-media__external-video {
  height: 100%;
  width: 100%;
}
.product-media__video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.product-media--none .product-media__container {
  --product-media-carousel-aspect-ratio: auto;
}
.product-media--portrait .product-media__container {
  --product-media-carousel-aspect-ratio: 3/4;
}
.product-media--portrait-large .product-media__container {
  --product-media-carousel-aspect-ratio: 2/3;
}
.product-media--square .product-media__container {
  --product-media-carousel-aspect-ratio: 1/1;
}
.product-media--landscape .product-media__container {
  --product-media-carousel-aspect-ratio: 4/3;
}
.product-media--cover .product-media__image {
  --product-media-image-object-fit: cover;
}
.product-media--contain .product-media__image {
  --product-media-image-object-fit: contain;
}
.product-media--zoom .product-media__slide > * {
  transition: transform 0.8s;
}
.product-card:hover .product-media--zoom .product-media__slide > * {
  transform: scale(1.1);
}
.product-media--zoom-second-media .product-media__slide > * {
  transition: transform 0.8s;
}
.product-media--zoom-second-media:hover .product-media__slide > * {
  transform: scale(1.1);
}
.product-media .product-media__pagination {
  bottom: var(--product-media-pagination-position-bottom);
  left: var(--product-media-pagination-position-left);
  position: absolute;
  right: var(--product-media-pagination-position-right);
  top: var(--product-media-pagination-position-top);
}
.product-media--pagination-top-left .product-media__pagination {
  --product-media-pagination-position-top: 0;
  --product-media-pagination-position-left: 0;
}
.product-media--pagination-top-center .product-media__pagination {
  --product-media-pagination-position-top: 0;
  --product-media-pagination-position-left: 50%;
  transform: translateX(-50%);
}
.product-media--pagination-top-right .product-media__pagination {
  --product-media-pagination-position-top: 0;
  --product-media-pagination-position-right: 0;
}
.product-media--pagination-bottom-left .product-media__pagination {
  --product-media-pagination-position-bottom: 0;
  --product-media-pagination-position-left: 0;
}
.product-media--pagination-bottom-center .product-media__pagination {
  --product-media-pagination-position-bottom: 0;
  --product-media-pagination-position-left: 50%;
  transform: translateX(-50%);
}
.product-media--pagination-bottom-right .product-media__pagination {
  --product-media-pagination-position-bottom: 0;
  --product-media-pagination-position-right: 0;
}
.product-media--pagination-under-image > .product-media__pagination {
  position: relative;
}
@media (width >= 750px) {
  .product-media__pagination {
    display: none;
  }
}
@media (hover: none) and (pointer: coarse) {
  .product-media__slider[data-transition-type="slide"] .product-media__slides {
    display: flex;
    height: 100%;
    overflow: auto;
    scroll-snap-type: x mandatory;
    width: 100%;
  }
  .product-media__slider[data-transition-type="slide"] .product-media__slide {
    cursor: pointer;
    flex-shrink: 0;
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    scroll-snap-align: start;
    will-change: transform;
  }
  .product-media--zoom .product-media__slide > *,
  .product-media--zoom-second-media .product-media__slide > *,
  .product-media--zoom-second-media:hover .product-media__slide > *,
  .product-media--zoom:hover .product-media__slide > * {
    transform: none;
    transition: initial;
  }
}
.product-swatches {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--product-swatches-gap, 12px);
  min-width: 0;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.2s;
  &[data-truncateble] {
    flex-wrap: no-wrap;
  }
}
.product-swatches[hidden] {
  opacity: 0;
}
@media (width >= 750px) {
  .product-swatches--desktop-none {
    display: none;
  }
  .product-card .product-swatches--desktop-hover {
    &.product-swatches--with-layout-shift {
      display: none;
    }
    &.product-swatches--no-layout-shift {
      visibility: hidden;
    }
  }
  .product-card:hover .product-swatches--desktop-hover {
    &.product-swatches--with-layout-shift {
      display: flex;
    }
    &.product-swatches--no-layout-shift {
      visibility: visible;
    }
  }
  .product-swatches--desktop-always {
    display: flex;
  }
}
@media (width < 750px) {
  .product-swatches--mobile-none {
    display: none;
  }
  .product-swatches--mobile-always {
    display: flex;
  }
}
.product-swatches--align-left {
  justify-content: flex-start;
}
.product-swatches--align-center {
  justify-content: center;
}
.product-swatches--align-right {
  justify-content: flex-end;
}
.product-swatches__swatch-wrapper {
  display: flex;
  transition: margin 0.2s;
  &:focus-visible {
    outline: 2px auto var(--gsc-color-outline);
    outline-offset: 2px;
    position: relative;
    z-index: 1;
  }
}
.product-swatches__swatch-wrapper[hidden] {
  display: none;
}
.product-swatches--stack .product-swatches__swatch-wrapper:not(:first-child) {
  margin-left: -20px;
}
.product-swatches__more {
  align-items: center;
  color: var(--gsc-color-heading-tertiary);
  cursor: pointer;
  display: flex;
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  justify-content: left;
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-3xl);
  text-align: center;
  text-decoration: none;
}
.product-swatches__more:hover {
  text-decoration: underline;
}
.product-swatches__more[hidden] {
  display: none;
}
.product-swatches--small {
  &.product-swatches--stack
    .product-swatches__swatch-wrapper:not(:first-child) {
    margin-left: calc(-5px - var(--product-swatches-gap));
  }
}
.product-swatches--medium {
  &.product-swatches--stack
    .product-swatches__swatch-wrapper:not(:first-child) {
    margin-left: calc(-5px - var(--product-swatches-gap));
  }
}
.product-swatches--large {
  &.product-swatches--stack
    .product-swatches__swatch-wrapper:not(:first-child) {
    margin-left: calc(-7px - var(--product-swatches-gap));
  }
}
.product-swatches--x-large {
  &.product-swatches--stack
    .product-swatches__swatch-wrapper:not(:first-child) {
    margin-left: calc(-7px - var(--product-swatches-gap));
  }
}
.product-swatches--xx-large {
  &.product-swatches--stack
    .product-swatches__swatch-wrapper:not(:first-child) {
    margin-left: calc(-7px - var(--product-swatches-gap));
  }
}
@media (hover: hover) {
  .product-card:hover
    .product-swatches--stack:not(.product-swatches--desktop-hover)
    .product-swatches__swatch-wrapper:not(:first-child),
  .product-swatches--stack.product-swatches--desktop-hover:hover
    .product-swatches__swatch-wrapper:not(:first-child) {
    margin-left: 0;
  }
}
.product-swatches {
  @media (hover: none) and (pointer: coarse) {
    pointer-events: none;
    &.product-swatches--clickable-on-mobile {
      pointer-events: unset;
    }
  }
}
.main-collection-section {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.main-collection-section__content {
  display: flex;
  gap: 48px;
  position: relative;
}
.main-collection-section__products {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.loader {
  animation: sk-chase 2.5s linear infinite both;
  height: 28px;
  position: absolute;
  width: 28px;
  will-change: transform;
}
.loader__dot {
  animation: sk-chase__dot 2s ease-in-out infinite both;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  will-change: transform;
}
.loader__dot:before {
  animation: sk-chase__dot-before 2s ease-in-out infinite both;
  background-color: var(--gsc-color-heading);
  border-radius: 100%;
  content: "";
  display: block;
  height: 25%;
  width: 25%;
  will-change: transform;
}
.loader__dot:nth-child(1) {
  animation-delay: -1.1s;
}
.loader__dot:nth-child(2) {
  animation-delay: -1s;
}
.loader__dot:nth-child(3) {
  animation-delay: -0.9s;
}
.loader__dot:nth-child(4) {
  animation-delay: -0.8s;
}
.loader__dot:nth-child(5) {
  animation-delay: -0.7s;
}
.loader__dot:nth-child(6) {
  animation-delay: -0.6s;
}
.loader__dot:nth-child(1):before {
  animation-delay: -1.1s;
}
.loader__dot:nth-child(2):before {
  animation-delay: -1s;
}
.loader__dot:nth-child(3):before {
  animation-delay: -0.9s;
}
.loader__dot:nth-child(4):before {
  animation-delay: -0.8s;
}
.loader__dot:nth-child(5):before {
  animation-delay: -0.7s;
}
.loader__dot:nth-child(6):before {
  animation-delay: -0.6s;
}
@keyframes sk-chase {
  100% {
    transform: rotate(1turn);
  }
}
@keyframes sk-chase__dot {
  100%,
  80% {
    transform: rotate(1turn);
  }
}
@keyframes sk-chase__dot-before {
  50% {
    transform: scale(0.4);
  }
  0%,
  100% {
    transform: scale(1);
  }
}
.quick-view-button {
  pointer-events: auto;
  transition: all 0.2s;
  z-index: 5;
}
@media (width >= 750px) {
  .quick-view-button--desktop-none {
    opacity: 0;
  }
  .quick-view-button--transition-fade {
    opacity: 0;
  }
  .product-card:hover .quick-view-button--transition-fade,
  .quick-view-button.block--selected.quick-view-button--transition-fade {
    opacity: 1;
  }
  .quick-view-button--transition-slide-up {
    opacity: 0;
    transform: translateY(100px);
  }
  .product-card:hover .quick-view-button--transition-slide-up,
  .quick-view-button.block--selected.quick-view-button--transition-slide-up {
    opacity: 1;
    transform: translateY(0);
  }
  .quick-view-button--transition-slide-down {
    opacity: 0;
    transform: translateY(-100px);
  }
  .product-card:hover .quick-view-button--transition-slide-down,
  .quick-view-button.block--selected.quick-view-button--transition-slide-down {
    opacity: 1;
    transform: translateY(0);
  }
  .quick-view-button--transition-scale {
    transform: scale(0);
  }
  .product-card:hover .quick-view-button--transition-scale,
  .quick-view-button.block--selected.quick-view-button--transition-scale {
    transform: scale(1);
  }
}
@media (width < 750px) {
  .quick-view-button--mobile-none {
    opacity: 0;
  }
  .quick-view-button--mobile-always {
    opacity: 1;
  }
}
.quick-view-modal .modal-window__dialog {
  background: var(--background-color, var(--gsc-color-background));
  border-radius: var(--drawer-corner-radius, var(--modal-window-corner-radius));
  overflow: hidden;
  position: relative;
}
.drawer--temporary.drawer--end:has(.quick-view-drawer) > .drawer__content {
  bottom: var(--drawer-offset-bottom);
  overflow: visible;
  padding: 0;
  right: var(--drawer-offset-right);
  top: var(--drawer-offset-top);
}
.quick-view-modal.background-style {
  background: transparent;
}
.quick-view-modal .modal-window__overlay {
  background: var(--gsc-color-overlay);
}
.quick-view-section {
  display: block;
  height: 100%;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
}
.quick-view__close-button {
  position: absolute;
  right: 16px;
  top: 16px;
}
.quick-view__mute-button {
  position: absolute;
  .quick-view-drawer & {
    bottom: 20px;
    left: 20px;
  }
  .quick-view-modal:has(.quick-view__navigation--bottom) & {
    left: 20px;
    top: 20px;
  }
  .quick-view-modal:has(.quick-view__navigation--top) & {
    bottom: 20px;
    right: 20px;
  }
}
.quick-view__gallery {
  --video-player-background: var(--gsc-product-media-background);
  position: sticky;
  top: 0;
}
.quick-view__gallery :is(.image, .video-player, model-viewer) {
  background: var(--gsc-product-media-background);
}
.quick-view__gallery:has(.quick-view__navigation) .smart-list {
  overflow: visible;
}
.quick-view__navigation {
  bottom: var(--navigation-padding, 8px);
  left: var(--navigation-padding, 8px);
  position: absolute;
  right: var(--navigation-padding, 8px);
}
.quick-view__navigation--mobile {
  bottom: var(--navigation-mobile-padding, 8px);
  left: var(--navigation-mobile-padding, 8px);
  right: var(--navigation-mobile-padding, 8px);
}
.quick-view__navigation--top {
  bottom: unset;
  top: var(--navigation-padding, 8px);
}
.quick-view__navigation--mobile-top {
  bottom: unset;
  top: var(--navigation-mobile-padding, 8px);
}
.quick-view__navigation--align-center:not(
  .quick-view__navigation--type-thumbnails
),
.quick-view__navigation--mobile-align-center:not(
  .quick-view__navigation--mobile-type-thumbnails
) {
  left: unset;
  right: unset;
}
.quick-view__navigation--mobile-type-dots,
.quick-view__navigation--mobile-type-numbers,
.quick-view__navigation--type-dots,
.quick-view__navigation--type-numbers {
  display: flex;
  justify-content: var(--navigation-alignment);
  width: 100%;
  &.quick-view__navigation--align-right,
  &.quick-view__navigation--mobile-align-right {
    width: auto;
  }
}
.quick-view__navigation--mobile-type-dots,
.quick-view__navigation--mobile-type-numbers {
  display: flex;
  justify-content: var(--navigation-mobile-alignment);
}
.quick-view__navigation .dynamic-dots {
  left: unset;
  transform: unset;
}
.quick-view__navigation--desktop {
  display: none;
}
.quick-view__info {
  background: var(--gsc-color-background);
  container-name: quick-view-blocks;
  container-type: inline-size;
  display: grid;
  overflow: hidden;
  position: relative;
  transition: border-radius 0.2s;
  z-index: 1;
}
.quick-view__info--scrolled {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.quick-view__info::before {
  background-color: var(--gsc-color-border);
  content: "";
  height: 2px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: translateX(-50%);
  transition: opacity 0.2s;
  width: 32px;
  z-index: 1;
}
.quick-view__info--scrolled::before {
  opacity: 1;
}
.quick-view__blocks {
  display: flex;
  flex-direction: column;
  min-height: 0;
  --quick-view-blocks-gap: 24px;
  gap: var(--quick-view-blocks-gap);
  --quick-view-blocks-paddings: 32px;
  overflow: auto;
  padding: var(--quick-view-blocks-paddings);
  scrollbar-width: none;
  z-index: 1;
  > * {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}
@container quick-view-blocks (width < 500px) {
  .quick-view__blocks {
    --quick-view-blocks-paddings: 28px;
  }
}
@container quick-view-blocks (width < 401px) {
  .quick-view__blocks {
    --quick-view-blocks-paddings: 20px;
    --quick-view-blocks-gap: 20px;
  }
}
@media (width >= 750px) {
  .quick-view__navigation--mobile {
    display: none;
  }
  .quick-view__navigation--desktop {
    display: flex;
  }
  .quick-view--drawer:has(.quick-view__gallery--grid),
  .quick-view-drawer:has(.quick-view__gallery--grid) {
    overflow: visible;
    --overflow: visible;
  }
  .quick-view--drawer .quick-view__gallery--grid {
    background: var(--gsc-color-background);
    border-bottom-left-radius: var(--drawer-corner-radius);
    border-top-left-radius: var(--drawer-corner-radius);
    box-shadow: var(--box-shadow);
    height: 100%;
    overflow: auto;
    position: absolute;
    scrollbar-width: none;
    transform: translateX(100%);
    transition: transform 0.5s ease;
    width: var(--quick-view-grid-width, 310px);
  }
  .drawer--open .quick-view--drawer .quick-view__gallery--grid {
    transform: translateX(-100%);
    transition: transform 0.4s ease 0.1s;
  }
  .quick-view--drawer:has(.quick-view__gallery--grid) .quick-view__info {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--drawer-corner-radius);
    border-top-left-radius: 0;
    border-top-right-radius: var(--drawer-corner-radius);
    min-height: 100%;
    z-index: 0;
  }
}
.quick-view__footer {
  display: none;
}
@media (width >= 750px) {
  .quick-view--modal {
    overflow: hidden;
  }
  .quick-view--modal .quick-view__gallery {
    display: block;
    overflow: hidden;
    width: 50%;
  }
  .quick-view--modal .quick-view__gallery--empty {
    aspect-ratio: var(--image-custom-ratio-desktop);
  }
  .quick-view--modal .quick-view__info {
    container-name: quick-view-blocks;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    height: 100%;
    inset: 0;
    left: unset;
    min-height: 0;
    position: absolute;
    width: 50%;
    z-index: 0;
  }
  .quick-view--modal .quick-view__blocks {
    flex: 1 1 auto;
  }
  .quick-view__footer {
    align-items: center;
    background: var(--background-color, var(--gsc-color-background));
    border-top: 1px solid var(--gsc-color-border);
    color: var(--gsc-color-heading);
    display: flex;
    flex: 0 0 52px;
    font-family: var(--gsc-font-body--family);
    font-size: var(--gsc-font-size-350);
    font-weight: var(--gsc-font-weight-semibold);
    gap: 6px;
    justify-content: center;
    position: relative;
  }
  .quick-view-modal .quick-view__info {
    border-radius: 0;
  }
}
.quick-add-button {
  pointer-events: auto;
  transition: all 0.2s;
  z-index: 5;
}
@media (width >= 750px) {
  .quick-add-button--desktop-none {
    opacity: 0;
  }
  .quick-add-button--transition-fade {
    opacity: 0;
  }
  .product-card:hover .quick-add-button--transition-fade,
  .quick-add-button.block--selected.quick-add-button--transition-fade {
    opacity: 1;
  }
  .quick-add-button--transition-slide-up {
    opacity: 0;
    transform: translateY(100px);
  }
  .product-card:hover .quick-add-button--transition-slide-up,
  .quick-add-button.block--selected.quick-add-button--transition-slide-up {
    opacity: 1;
    transform: translateY(0);
  }
  .quick-add-button--transition-slide-down {
    opacity: 0;
    transform: translateY(-100px);
  }
  .product-card:hover .quick-add-button--transition-slide-down,
  .quick-add-button.block--selected.quick-add-button--transition-slide-down {
    opacity: 1;
    transform: translateY(0);
  }
  .quick-add-button--transition-scale {
    transform: scale(0);
  }
  .product-card:hover .quick-add-button--transition-scale,
  .quick-add-button.block--selected.quick-add-button--transition-scale {
    transform: scale(1);
  }
}
@media (width < 750px) {
  .quick-add-button--mobile-none {
    opacity: 0;
  }
  .quick-add-button--mobile-always {
    opacity: 1;
  }
}
.product-carousel {
  --desktop-columns: 4;
  --mobile-columns: 1;
  --columns: var(--desktop-columns);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}
.product-carousel carousel-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.product-carousel__track {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -moz-column-gap: var(--product-carousel-column-gap);
  column-gap: var(--product-carousel-column-gap);
  scrollbar-width: none;
}
.product-carousel__item {
  align-items: start;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  font-size: 10rem;
  height: 100%;
  justify-content: center;
  position: relative;
  scroll-snap-align: start;
  width: calc(
    100% / var(--columns) - var(--product-carousel-column-gap) *
      calc(var(--columns) - 1) / var(--columns)
  );
}
.product-carousel__item product-card {
  width: 100%;
}
.product-carousel__next,
.product-carousel__prev {
  align-items: center;
  backdrop-filter: blur(calc(var(--gsc-size-blur-1200) / 2));
  background: var(--gsc-color-background-white-100);
  border: none;
  border-radius: var(--gsc-border-radius-full);
  box-shadow: 0 var(--gsc-size-blur-100) var(--gsc-size-blur-600)
    var(--gsc-size-blur-100) var(--gsc-color-background-black-10);
  color: var(--gsc-color-background-black-100);
  cursor: pointer;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: var(--gsc-space-300);
  position: absolute;
  z-index: 30;
}
.product-carousel__next:disabled,
.product-carousel__prev:disabled {
  color: var(--gsc-color-background-black-50);
}
.product-carousel--arrows-inside .product-carousel__prev {
  left: 20px;
}
.product-carousel--arrows-inside .product-carousel__next {
  right: 20px;
}
.product-carousel--arrows-at-the-border .product-carousel__prev {
  left: -24px;
}
.product-carousel--arrows-at-the-border .product-carousel__next {
  right: -24px;
}
.product-carousel--arrows-outside .product-carousel__prev {
  left: -72px;
}
.product-carousel--arrows-outside .product-carousel__next {
  right: -72px;
}
.product-carousel--arrows-on-hover .product-carousel__next,
.product-carousel--arrows-on-hover .product-carousel__prev {
  transition:
    transform 0.2s,
    opacity 0.2s;
  will-change: transform;
}
.product-carousel--arrows-on-hover .product-carousel__prev {
  opacity: 0;
  transform: translateX(-100px);
}
.product-carousel--arrows-on-hover .product-carousel__next {
  opacity: 0;
  transform: translateX(100px);
}
.product-carousel--arrows-on-hover:hover .product-carousel__next,
.product-carousel--arrows-on-hover:hover .product-carousel__prev {
  opacity: 1;
  transform: translateX(0);
}
@media (width < 750px) {
  .product-carousel__item {
    width: calc(
      80% - var(--product-carousel-column-gap) * calc(var(--columns) - 1) /
        var(--columns)
    );
  }
}
@media (hover: none) and (pointer: coarse) {
  .product-carousel__next,
  .product-carousel__prev {
    display: none;
  }
}
.image {
  display: block;
  --image-ratio: var(--image-ratio-mobile);
  aspect-ratio: var(--image-ratio);
  border-color: rgb(
    from var(--image-border-color) r g
      b/calc(alpha * var(--image-border-opacity) / 100)
  );
  border-radius: var(--image-border-radius);
  border-style: solid;
  border-width: var(--image-border-width, 0);
  overflow: hidden !important;
  position: relative;
  width: 100%;
  > img {
    aspect-ratio: var(--image-ratio);
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    transition:
      opacity 1s,
      transform 0.3s ease-in-out;
    width: 100%;
    will-change: opacity;
    .image--zoom-on-hover:hover & {
      transform: scale(1.1);
    }
  }
}
.image[data-loaded] > img {
  opacity: 1;
}
.image:has(.animate > .blur) > img {
  opacity: 1;
  transition: transform 0.3s ease-in-out;
  will-change: auto;
}
@media (width < 750px) {
  .image.image--custom-width-mobile {
    width: var(--image-width-mobile, 100%);
  }
  .image.image--fit-width-mobile {
    max-width: min(var(--image-width-mobile, 100%), 100%);
    > img {
      max-width: min(var(--image-width-mobile, 100%), 100%);
    }
  }
}
.image__overlay {
  background: var(--image-overlay-color, transparent);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.image > img {
  pointer-events: none;
}
.image--cover > img {
  -o-object-fit: cover;
  object-fit: cover;
}
.image--contain > img {
  -o-object-fit: contain;
  object-fit: contain;
}
.image__content {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.image__content > div {
  height: 100%;
  width: 100%;
}
.image__placeholder {
  height: 100%;
  transition: transform 0.3s ease-in-out;
  width: 100%;
  .image--zoom-on-hover:hover & {
    transform: scale(1.1);
  }
}
.image__placeholder > svg {
  display: block;
  height: 100%;
  width: 100%;
}
.image .image__content .collection-title {
  --collection-title-color: var(--gsc-color-background-white-100);
}
.image .image__content .collection-quantity {
  --collection-quantity-color: var(--gsc-color-background-white-100);
}
.image .image__content .collection-description {
  --collection-description-color: var(--gsc-color-background-white-100);
}
@media (width >= 750px) {
  .image {
    width: 100%;
    --image-ratio: var(--image-ratio-desktop);
  }
  .image.image--custom-width-desktop {
    width: var(--image-width-desktop, 100%);
  }
  .image.image--fit-width-desktop {
    width: min(var(--image-width-desktop, 100%), 100%);
    > img {
      width: min(var(--image-width-desktop, 100%), 100%);
    }
  }
}
.image-banner {
  position: relative;
}
.image-banner[data-shopify-visual-preview] {
  min-height: 600px;
}
.image-banner[data-shopify-visual-preview] .image-banner__bg {
  min-height: 600px;
}
.image-banner:hover .image--zoom-on-hover img {
  transform: scale(1.1);
}
.image-banner__bg-image {
  height: 100%;
}
.image-banner__bg-image--auto,
.image-banner__link {
  inset: 0;
  position: absolute;
}
.image-banner__content {
  height: var(--height, -moz-fit-content);
  height: var(--height, fit-content);
}
.image-banner:not(:has(.image-banner__bg-image--auto)) .image-banner__content {
  inset: 0;
  position: absolute;
}
.image-banner > .group .button {
  z-index: 1;
}
.collection-title {
  cursor: pointer;
  display: flex;
  gap: 4px;
  writing-mode: horizontal-tb;
  .collection-title__text {
    font-family: var(--gsc-font-heading--family);
    font-size: var(--gsc-font-size-500);
    font-style: normal;
    font-weight: var(--gsc-font-weight-regular);
    line-height: 125%;
    --color: var(--gsc-color-heading);
  }
  &.collection-title--vertical {
    min-height: 0;
    writing-mode: sideways-lr;
    .text {
      text-align: start !important;
      width: auto;
    }
    &.collection-title--fill {
      justify-content: flex-start;
      &:has(.text-align-center) {
        align-items: center;
      }
      &:has(.text-align-left) {
        align-items: flex-start;
      }
      &:has(.text-align-right) {
        align-items: flex-end;
      }
    }
  }
}
.collection-quantity {
  --font-family: var(--gsc-font-body--family);
  --font-style: var(--gsc-font-body--style);
  --font-weight: var(--gsc-font-weight-medium);
  --font-size: var(--gsc-font-size-300);
  --line-height: 135%;
  --letter-spacing: var(--gsc-font-letter-normal);
  --text-transform: none;
  --color: var(--gsc-color-heading);
  .text__inner {
    overflow: unset;
  }
}
.collection-description {
  --collection-description-color: var(--gsc-color-heading);
  --collection-description-font-size: var(--gsc-font-size-350);
  --collection-description-font-style: normal;
  --collection-description-font-weight: var(--gsc-font-weight-regular);
  --collection-description-line-height: var(--gsc-font-line-height-5xl);
  --collection-description-letter-spacing: var(--gsc-font-letter-normal);
  --collection-description-text-align: left;
  color: var(--collection-description-color);
  display: -webkit-box;
  font-size: var(--collection-description-font-size);
  font-style: var(--collection-description-font-style);
  font-weight: var(--collection-description-font-weight);
  letter-spacing: var(--collection-description-letter-spacing);
  line-clamp: 2;
  -webkit-line-clamp: 2;
  line-height: var(--collection-description-line-height);
  text-align: var(--collection-description-text-align);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.collection-description p {
  margin: 0;
}
.collection-description--left p {
  text-align: left;
}
.collection-description--center p {
  text-align: center;
}
.collection-description--right p {
  text-align: right;
}
.collection-grid {
  --desktop-columns: 4;
  --mobile-columns: 1;
  --columns: var(--desktop-columns);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--collection-grid-column-gap);
  width: 100%;
}
.collection-grid__item {
  transition: all 0.3s cubic-bezier(0.18, 0.97, 0.42, 0.97);
  width: calc(
    100% / var(--columns) - var(--collection-grid-column-gap) *
      calc(var(--columns) - 1) / var(--columns)
  );
}
@media (width < 750px) {
  .collection-grid {
    --columns: var(--mobile-columns);
  }
}
.collection-carousel {
  --desktop-columns: 4;
  --mobile-columns: 1;
  --columns: var(--desktop-columns);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}
.collection-carousel carousel-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.collection-carousel__track {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -moz-column-gap: var(--collection-carousel-column-gap);
  column-gap: var(--collection-carousel-column-gap);
  scrollbar-width: none;
}
.collection-carousel__item {
  align-items: start;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  font-size: 10rem;
  height: 100%;
  justify-content: center;
  position: relative;
  scroll-snap-align: start;
  width: calc(
    100% / var(--columns) - var(--collection-carousel-column-gap) *
      calc(var(--columns) - 1) / var(--columns)
  );
}
.collection-carousel__item img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.collection-carousel__next,
.collection-carousel__prev {
  align-items: center;
  backdrop-filter: blur(calc(var(--gsc-size-blur-1200) / 2));
  background: var(--gsc-color-background-white-100);
  border: none;
  border-radius: var(--gsc-border-radius-full);
  box-shadow: 0 var(--gsc-size-blur-100) var(--gsc-size-blur-600)
    var(--gsc-size-blur-100) var(--gsc-color-background-black-10);
  color: var(--gsc-color-heading);
  cursor: pointer;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: var(--gsc-space-300);
  position: absolute;
  z-index: 30;
}
.collection-carousel__next:disabled,
.collection-carousel__prev:disabled {
  color: var(--gsc-color-heading-tertiary);
}
.collection-carousel--arrows-inside .collection-carousel__prev {
  left: 20px;
}
.collection-carousel--arrows-inside .collection-carousel__next {
  right: 20px;
}
.collection-carousel--arrows-at-the-border .collection-carousel__prev {
  left: -24px;
}
.collection-carousel--arrows-at-the-border .collection-carousel__next {
  right: -24px;
}
.collection-carousel--arrows-outside .collection-carousel__prev {
  left: -72px;
}
.collection-carousel--arrows-outside .collection-carousel__next {
  right: -72px;
}
.collection-carousel--arrows-on-hover .collection-carousel__next,
.collection-carousel--arrows-on-hover .collection-carousel__prev {
  transition: all 0.2s;
}
.collection-carousel--arrows-on-hover .collection-carousel__prev {
  opacity: 0;
  transform: translateX(-100px);
}
.collection-carousel--arrows-on-hover .collection-carousel__next {
  opacity: 0;
  transform: translateX(100px);
}
.collection-carousel--arrows-on-hover:hover .collection-carousel__next,
.collection-carousel--arrows-on-hover:hover .collection-carousel__prev {
  opacity: 1;
  transform: translateX(0);
}
@media (width < 750px) {
  .collection-carousel__item {
    width: calc(
      80% - var(--collection-carousel-column-gap) * calc(var(--columns) - 1) /
        var(--columns)
    );
  }
}
@media (hover: none) and (pointer: coarse) {
  .collection-carousel__next,
  .collection-carousel__prev {
    display: none;
  }
}
.page-control {
  display: flex;
  justify-content: center;
}
page-control {
  --max-dots: 5;
  --dot-size: 8px;
  --gap: 10px;
  background-color: transparent;
  border-radius: 20px;
  display: inline-flex;
  height: calc(var(--gap) * 2 + var(--dot-size));
  max-width: calc(
    calc(var(--max-dots) * var(--dot-size)) +
      calc(var(--max-dots) * var(--gap) + var(--gap))
  );
  overflow: hidden;
  padding: calc(var(--gap));
  transition: opacity 0.3s;
  will-change: opacity;
}
page-control[data-hidden] {
  opacity: 0;
}
page-control[data-platter="true"] {
  backdrop-filter: blur(calc(var(--gsc-size-blur-1200) / 2));
  background-color: var(--gsc-color-background-white-12);
}
page-control[data-size="medium"] {
  --dot-size: 8px;
  --gap: 8px;
}
page-control[data-size="small"] {
  --dot-size: 6px;
  --gap: 6px;
}
page-control[data-size="x-small"] {
  --dot-size: 4px;
  --gap: 4px;
}
page-control[data-max-dots="3"] {
  --max-dots: 3;
}
page-control[data-max-dots="5"] {
  --max-dots: 5;
}
page-control > div {
  display: inline-flex;
  gap: var(--gap);
  transition: all 0.3s ease;
}
page-control > div > div ~ [data-shift-start],
page-control > div > div:has(~ div[data-shift-start]) {
  transform: scale(0.6);
}
page-control > div > div[data-shift-end] ~ div,
page-control > div > div[data-shift-end]:has(+ div) {
  transform: scale(0.6);
}
page-control > div > * {
  background-color: var(--gsc-color-background-black-100);
  border-radius: var(--dot-size);
  flex-shrink: 0;
  height: var(--dot-size);
  opacity: 0.2;
  transition:
    transform 0.3s ease,
    opacity 50ms ease;
  width: var(--dot-size);
  will-change: transform;
}
page-control > div > div[data-active] {
  opacity: 1;
}
page-control[ignore-paddings] {
  margin: calc(-1 * var(--gap));
}
.collapsible-row {
  background-color: #eee;
  border-radius: var(--collapsible-row-border-radius);
  width: 100%;
}
.collapsible-row__content {
  color: var(--gsc-color-text);
  font-size: var(--gsc-font-size-350);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.5s cubic-bezier(0, 1, 0, 1),
    opacity 0.5s;
  will-change: max-height;
  will-change: opacity;
}
.collapsible-row__details {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.collapsible-row__details[open] + .collapsible-row__content {
  max-height: 500px;
  opacity: 1;
  transition:
    max-height 1.2s cubic-bezier(0, 0, 0.5, 1),
    opacity 0.5s;
}
.collapsible-row--solid {
  background-color: var(--gsc-color-surface);
}
.collapsible-row--standard {
  background-color: transparent;
}
.collapsible-row--solid-when-open {
  background-color: transparent;
  transition: background-color 0.3s;
}
.collapsible-row--solid-when-open:has(.collapsible-row__details[open]) {
  background-color: var(--gsc-color-surface);
}
.collapsible-row-summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--gsc-space-200);
  list-style: none;
  position: relative;
}
.collapsible-row-summary span {
  color: var(--gsc-color-heading);
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-350);
  font-style: normal;
  font-weight: var(--gsc-font-weight-semibold);
  line-height: 140%;
}
.collapsible-row-summary .collapsible-row-summary__icon {
  margin-inline-start: auto;
  transition: transform 0.25s;
  will-change: transform;
}
.collapsible-row__details[open]
  > .collapsible-row-summary
  .collapsible-row-summary__icon {
  color: var(--gsc-color-text);
}
.collapsible-row__details[open]
  > .collapsible-row-summary
  .collapsible-row-summary__icon--caret {
  transform: rotate(180deg);
}
.collapsible-row__details[open]
  > .collapsible-row-summary
  .collapsible-row-summary__icon--plus {
  transform: rotate(135deg) scale(1.02);
}
.divider {
  align-items: center;
  display: flex;
  justify-content: var(--gsc-divider-justify, center);
  width: 100%;
}
.divider__inner {
  background-color: var(--gsc-divider-color, var(--gsc-color-border));
}
.divider__inner--horizontal {
  height: var(--gsc-divider-thickness, 0);
  width: var(--gsc-divider-width, 100%);
}
.divider__inner--vertical {
  height: 100%;
  min-height: 1em;
  width: var(--gsc-divider-thickness, 0);
}
.collage {
  position: relative;
  width: 100%;
}
.collage__content {
  height: 100%;
  position: relative;
  .collage__item {
    @media (width < 750px) {
      aspect-ratio: 3/4;
    }
    .collage__item-inner {
      @media (width < 750px) {
        height: 100%;
        width: 100%;
      }
    }
  }
}
.product-gallery {
  width: 100%;
  --product-gallery-item-border-radius: var(
    --product-gallery-item-corner-radius
  );
}
.product-gallery__track {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--product-gallery-gap);
}
.product-gallery__item {
  aspect-ratio: 3/4;
  border-radius: var(--product-gallery-item-border-radius);
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: calc(
    100% / var(--product-gallery-desktop-columns) -
      calc(var(--product-gallery-gap) / 2)
  );
}
.product-gallery__item img,
.product-gallery__item svg {
  height: 100%;
  width: 100%;
}
.product-gallery__product-media {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
@media (width < 750px) {
  .product-gallery__track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--product-gallery-gap-mobile);
    overflow: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .product-gallery__item {
    --product-gallery-item-border-radius: var(
      --product-gallery-item-corner-radius-mobile
    );
    aspect-ratio: 3/4;
    flex-shrink: 0;
    gap: var(--product-gallery-gap-mobile);
    overflow: hidden;
    scroll-snap-align: start;
    width: calc(80% - var(--product-gallery-gap));
  }
  .product-gallery--single .product-gallery__item {
    width: 100%;
  }
}
.sticky {
  background-color: var(--gsc-color-background);
  border-radius: var(--sticky-border-radius);
  overflow: hidden;
  position: sticky;
  top: 0;
}
@media (width < 750px) {
  .sticky {
    border-radius: var(--sticky-border-radius-mobile);
  }
}
.product-variant-picker {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.product-variant-picker__container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.product-variant-picker__picker {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.product-variant-picker__label {
  color: var(--gsc-color-heading);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
}
.product-variant-picker__label-value {
  color: var(--gsc-color-heading);
  display: inline;
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-semibold);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-3xl);
  text-transform: capitalize;
}
.product-variant-picker__pill {
  align-items: center;
  border: 1px solid var(--gsc-color-heading-quaternary);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 40px;
}
.product-variant-picker__pill--active {
  border: 1px solid var(--gsc-color-heading);
  cursor: auto;
}
.product-variant-picker__pill--not-available {
  position: relative;
}
.product-variant-picker__pill--not-available:before {
  border-bottom: 1px solid var(--gsc-color-heading-quaternary);
  content: " ";
  left: -50%;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  width: 200%;
}
.product-variant-picker__pill--active.product-variant-picker__pill--not-available:before {
  border-bottom: 1px solid var(--gsc-color-heading);
}
.product-variant-picker .product-variant-picker__swatch {
  position: absolute;
}
.add-to-cart-button {
  --add-to-cart-button-border-radius: initial;
  --add-to-cart-button-background-color: var(--gsc-color-primary-button-bg);
  --add-to-cart-button-background-color-hover: var(
    --gsc-color-primary-button-bg-hover
  );
  --add-to-cart-button-background-color-active: var(
    --gsc-color-primary-button-bg-active
  );
  --add-to-cart-button-text-color: var(--gsc-color-primary-button-text);
  --add-to-cart-button-text-color-hover: var(
    --gsc-color-primary-button-text-hover
  );
  --add-to-cart-button-text-color-active: var(
    --gsc-color-primary-button-text-active
  );
  --add-to-cart-button-font-size: var(--gsc-font-size-350);
  --add-to-cart-button-font-style: normal;
  --add-to-cart-button-font-weight: var(--gsc-font-weight-medium);
  --add-to-cart-button-line-height: var(--gsc-font-line-height-6xl);
  --add-to-cart-button-letter-spacing: var(--gsc-font-letter-normal);
  --add-to-cart-button-cursor: pointer;
  --add-to-cart-button-icon-color: var(--add-to-cart-button-text-color);
  background-color: var(--add-to-cart-button-background-color);
  border-radius: var(--add-to-cart-button-border-radius);
  color: var(--add-to-cart-button-text-color);
  cursor: var(--add-to-cart-button-cursor);
  font-size: var(--add-to-cart-button-font-size);
  font-style: var(--add-to-cart-button-font-style);
  font-weight: var(--add-to-cart-button-font-weight);
  letter-spacing: var(--add-to-cart-button-letter-spacing);
  line-height: var(--add-to-cart-button-line-height);
}
.add-to-cart-button form {
  display: flex;
}
.add-to-cart-button .icon-block svg {
  fill: var(--add-to-cart-button-icon-color);
}
.add-to-cart-button:hover {
  background-color: var(--add-to-cart-button-background-color-hover);
  color: var(--add-to-cart-button-text-color-hover);
}
.add-to-cart-button:active {
  background-color: var(--add-to-cart-button-background-color-active);
  color: var(--add-to-cart-button-text-color-active);
}
.add-to-cart-button[disabled] {
  opacity: 0.6;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.product-quantity {
  width: 100%;
}
.product-inventory {
  display: flex;
  position: relative;
  width: 100%;
  .product-inventory__inner {
    display: flex;
    flex-direction: column;
    gap: var(--gsc-space-250);
    max-width: var(--inner-max-width);
    position: relative;
    width: 100%;
    .product-inventory__notice {
      align-items: center;
      color: var(--product-inventory-notice-color);
      display: flex;
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-350);
      font-style: var(--gsc-font-body--style);
      font-weight: var(--gsc-font-body--weight);
      gap: 10px;
      justify-content: var(--horizontal-alignment);
      letter-spacing: var(--gsc-font-letter-normal);
      line-height: 145%;
      .product-inventory--text-alignment-left & {
        justify-content: flex-start;
      }
      .product-inventory--text-alignment-center & {
        justify-content: center;
      }
      .product-inventory--text-alignment-right & {
        justify-content: flex-end;
      }
    }
  }
}
.v-progress-bar {
  --v-progress-bar-background-color: var(
    --v-progress-bar-background-color,
    var(--gsc-color-heading-7)
  );
  --v-progress-bar-track-background-color: var(
    --v-progress-bar-color,
    var(--gsc-color-heading)
  );
  border-radius: var(--v-progress-bar-border-radius);
  display: flex;
  flex: 1;
  height: var(--v-progress-bar-height);
  overflow: hidden;
  width: 100%;
  > div {
    border-radius: var(--v-progress-bar-border-radius);
    height: var(--v-progress-bar-height);
    transition: all 0.5s;
    width: 100%;
    .v-progress-bar--solid & {
      background: var(--v-progress-bar-track-background-color);
      -webkit-mask-image: linear-gradient(270deg, #000);
      mask-image: linear-gradient(270deg, #000);
      -webkit-mask-position: 0;
      mask-position: 0;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: calc(var(--v-progress-bar-progress) * 1%);
      mask-size: calc(var(--v-progress-bar-progress) * 1%);
    }
    .v-progress-bar--dashed & {
      background-color: transparent;
      -webkit-mask-image: linear-gradient(270deg, #000);
      mask-image: linear-gradient(270deg, #000);
      -webkit-mask-position: 0;
      mask-position: 0;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: calc(var(--v-progress-bar-progress) * 1%);
      mask-size: calc(var(--v-progress-bar-progress) * 1%);
      position: relative;
      &:before {
        background: var(--v-progress-bar-track-background-color) no-repeat;
        content: " ";
        inset: 0;
        -webkit-mask-image: linear-gradient(90deg, #000 50%, transparent 0);
        mask-image: linear-gradient(90deg, #000 50%, transparent 0);
        -webkit-mask-position: 0;
        mask-position: 0;
        -webkit-mask-size: 4px;
        mask-size: 4px;
        position: absolute;
      }
    }
  }
  &.v-progress-bar--solid {
    background-color: var(--v-progress-bar-background-color);
  }
  &.v-progress-bar--dashed {
    background: linear-gradient(
      90deg,
      var(--v-progress-bar-background-color) 50%,
      transparent 0
    );
    background-size: 4px;
  }
}
.v-progress-bar--transition-disable > div {
  transition-duration: 0s;
}
.product-share {
  align-items: center;
  color: var(--gsc-color-heading);
  display: flex;
  gap: var(--gsc-space-400);
}
.product-share__label {
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
}
.product-share__container {
  align-items: center;
  display: flex;
  gap: 24px;
}
.product-share__container a {
  color: inherit;
  display: flex;
}
.product-tax {
  color: var(--gsc-color-text);
  font-size: var(--gsc-font-size-275);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
}
.product-tax[hidden] {
  display: none;
}
.modal-window {
  --modal-window-border-radius: var(--modal-window-corner-radius);
  align-items: center;
  display: none;
  inset: 0;
  justify-content: center;
  padding: var(--modal-window-offset);
  position: fixed !important;
}
.modal-window--closing,
.modal-window--open,
.modal-window--opening {
  display: flex;
}
.modal-window__overlay {
  background-color: var(--gsc-color-overlay);
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
  will-change: opacity;
}
.modal-window__dialog {
  background-color: var(--gsc-color-background);
  border-radius: var(--modal-window-border-radius);
  color: var(--gsc-color-text);
  flex-shrink: 1;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transform: scale(0.9);
  transition:
    opacity 0.3s,
    transform 0.3s;
  will-change: opacity, transform;
  @media (width < 750px) {
    height: var(--modal-window-mobile-height);
    max-height: var(--modal-window-mobile-max-height);
    max-width: var(--modal-window-mobile-max-width);
    min-height: var(--modal-window-mobile-min-height);
    min-width: var(--modal-window-mobile-min-width);
    width: var(--modal-window-mobile-width);
  }
  @media (width >= 750px) {
    height: var(--modal-window-desktop-height);
    max-height: var(--modal-window-desktop-max-height);
    max-width: var(--modal-window-desktop-max-width);
    min-height: var(--modal-window-desktop-min-height);
    min-width: var(--modal-window-desktop-min-width);
    width: var(--modal-window-desktop-width);
  }
}
.modal-window.shadow-style .modal-window__dialog {
  box-shadow: var(--box-shadow);
}
.modal-window__dialog > .modal-window__dialog-inner {
  height: 100%;
  width: 100%;
  .modal-window--scrollable & {
    overflow: auto;
    scrollbar-width: none;
  }
}
.modal-window--open .modal-window__dialog {
  opacity: 1;
  transform: scale(1);
}
.modal-window--closing .modal-window__dialog {
  opacity: 0;
  transform: scale(1);
}
.modal-window--open .modal-window__overlay {
  opacity: 1;
}
.modal-window__close {
  color: var(--gsc-color-text);
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  svg {
    display: block;
  }
}
@media (width < 750px) {
  .modal-window {
    --modal-window-border-radius: var(--modal-window-corner-radius-mobile);
  }
  .modal-window__dialog {
    height: 100%;
    position: relative;
    width: 100%;
  }
  .modal-window__dialog > .modal-window__dialog-inner {
    max-height: 100%;
    max-width: 100%;
  }
}
.chip {
  --chip-font-family: var(--gsc-font-family-primary-pill);
  --chip-font-size: var(--gsc-font-size-300);
  --chip-font-weight: var(--gsc-font-weight-regular);
  --chip-font-style: var(--gsc-font-style-primary-pill);
  --chip-line-height: 1;
  --chip-letter-spacing: var(--gsc-font-letter-normal);
  --chip-background-color: var(--gsc-color-primary-pill-bg);
  --chip-color: var(--gsc-color-primary-pill-text);
  --chip-border-radius: var(--gsc-border-radius-full);
  --chip-gap: var(--gsc-space-100);
  --chip-subtext-color: var(--gsc-color-primary-pill-selected-text-secondary);
  --chip-close-icon-color: var(--gsc-color-primary-pill-text);
  align-items: center;
  background-color: var(--chip-background-color);
  border: var(--chip-border);
  border-radius: var(--chip-border-radius);
  color: var(--chip-color);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--chip-font-family);
  font-size: var(--chip-font-size);
  font-style: var(--chip-font-style);
  font-weight: var(--chip-font-weight);
  gap: var(--chip-gap);
  justify-content: center;
  letter-spacing: var(--chip-letter-spacing);
  line-height: var(--chip-line-height);
  min-height: var(--chip-height);
  opacity: var(--chip-opacity);
  padding: var(--chip-padding);
  position: relative;
  white-space: nowrap;
  > * {
    opacity: var(--chip-content-opacity);
  }
  &:focus-visible {
    outline: 2px auto var(--gsc-color-outline);
    outline-offset: 2px;
  }
}
.chip__swatch {
  margin-left: -5px;
}
.chip__subtext {
  color: var(--chip-subtext-color);
}
.chip__close {
  color: var(--chip-close-icon-color);
}
.chip__content {
  align-items: center;
  display: flex;
  gap: 8px;
}
.chip--xx-small {
  &.chip--density-small {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-150) var(--gsc-space-400);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
  }
  &.chip--density-medium {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-150) var(--gsc-space-600);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
  }
  &.chip--density-large {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-150) var(--gsc-space-800);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
  }
}
.chip--x-small {
  &.chip--density-small {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-250) var(--gsc-space-400);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
  }
  &.chip--density-medium {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-250) var(--gsc-space-600);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
  }
  &.chip--density-large {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-250) var(--gsc-space-800);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
  }
}
.chip--small {
  &.chip--density-small {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-300) var(--gsc-space-400);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
    &.chip--preset-plain {
      --chip-font-weight: var(--gsc-font-weight-medium);
      --chip-gap: var(--gsc-space-150);
      --chip-padding: var(--gsc-space-100) 0;
      --chip-font-size: var(--gsc-font-size-300);
      --chip-line-height: 1.35;
      .chip__content {
        &:after {
          width: 100%;
        }
      }
    }
  }
  &.chip--density-medium {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-300) var(--gsc-space-600);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
    &.chip--preset-plain {
      --chip-font-weight: var(--gsc-font-weight-medium);
      --chip-gap: var(--gsc-space-150);
      --chip-padding: var(--gsc-space-100) var(--gsc-space-200);
      --chip-font-size: var(--gsc-font-size-300);
      --chip-line-height: 1.35;
      .chip__content {
        &:after {
          margin-left: calc(var(--gsc-space-200) * -1);
          width: calc(100% + 2 * var(--gsc-space-200));
        }
      }
    }
  }
  &.chip--density-large {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-300) var(--gsc-space-800);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
    &.chip--preset-plain {
      --chip-font-weight: var(--gsc-font-weight-medium);
      --chip-gap: var(--gsc-space-150);
      --chip-padding: var(--gsc-space-100) var(--gsc-space-400);
      --chip-font-size: var(--gsc-font-size-300);
      --chip-line-height: 1.35;
      .chip__content {
        &:after {
          margin-left: calc(var(--gsc-space-400) * -1);
          width: calc(100% + 2 * var(--gsc-space-400));
        }
      }
    }
  }
}
.chip--medium {
  &.chip--density-small {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-350) var(--gsc-space-500);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
    &.chip--preset-plain {
      --chip-gap: var(--gsc-space-150);
      --chip-padding: var(--gsc-space-100) 0;
      --chip-font-size: var(--gsc-font-size-350);
      --chip-line-height: 1.4;
      .chip__content {
        &:after {
          width: 100%;
        }
      }
    }
  }
  &.chip--density-medium {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-350) var(--gsc-space-800);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
    &.chip--preset-plain {
      --chip-gap: var(--gsc-space-150);
      --chip-padding: var(--gsc-space-100) var(--gsc-space-200);
      --chip-font-size: var(--gsc-font-size-350);
      --chip-line-height: 1.4;
      .chip__content {
        &:after {
          margin-left: calc(var(--gsc-space-200) * -1);
          width: calc(100% + 2 * var(--gsc-space-200));
        }
      }
    }
  }
  &.chip--density-large {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-400) var(--gsc-space-1100);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
    &.chip--preset-plain {
      --chip-gap: var(--gsc-space-150);
      --chip-padding: var(--gsc-space-100) var(--gsc-space-400);
      --chip-font-size: var(--gsc-font-size-350);
      --chip-line-height: 1.4;
      .chip__content {
        &:after {
          margin-left: calc(var(--gsc-space-400) * -1);
          width: calc(100% + 2 * var(--gsc-space-400));
        }
      }
    }
  }
}
.chip--large {
  &.chip--density-small {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-400) var(--gsc-space-500);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
    &.chip--preset-plain {
      --chip-gap: var(--gsc-space-150);
      --chip-padding: var(--gsc-space-100) 0;
      --chip-font-size: var(--gsc-font-size-400);
      --chip-line-height: 1.5;
      .chip__content {
        &:after {
          width: 100%;
        }
      }
    }
  }
  &.chip--density-medium {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-400) var(--gsc-space-800);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
    &.chip--preset-plain {
      --chip-gap: var(--gsc-space-150);
      --chip-padding: var(--gsc-space-100) var(--gsc-space-200);
      --chip-font-size: var(--gsc-font-size-400);
      --chip-line-height: 1.5;
      .chip__content {
        &:after {
          margin-left: calc(var(--gsc-space-200) * -1);
          width: calc(100% + 2 * var(--gsc-space-200));
        }
      }
    }
  }
  &.chip--density-large {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-400) var(--gsc-space-1100);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
    &.chip--preset-plain {
      --chip-gap: var(--gsc-space-150);
      --chip-padding: var(--gsc-space-100) var(--gsc-space-400);
      --chip-font-size: var(--gsc-font-size-400);
      --chip-line-height: 1.5;
      .chip__content {
        &:after {
          margin-left: calc(var(--gsc-space-400) * -1);
          width: calc(100% + 2 * var(--gsc-space-400));
        }
      }
    }
  }
}
.chip--x-large {
  &.chip--density-small {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-400) var(--gsc-space-500);
    --chip-font-size: var(--gsc-font-size-400);
    --chip-line-height: 1.5;
  }
  &.chip--density-medium {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-400) var(--gsc-space-800);
    --chip-font-size: var(--gsc-font-size-400);
    --chip-line-height: 1.5;
  }
  &.chip--density-large {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-400) var(--gsc-space-1100);
    --chip-font-size: var(--gsc-font-size-400);
    --chip-line-height: 1.5;
  }
}
.chip--xx-large {
  &.chip--density-small {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-500) var(--gsc-space-500);
    --chip-font-size: var(--gsc-font-size-400);
    --chip-line-height: 1.5;
  }
  &.chip--density-medium {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-500) var(--gsc-space-800);
    --chip-font-size: var(--gsc-font-size-400);
    --chip-line-height: 1.5;
  }
  &.chip--density-large {
    --chip-gap: var(--gsc-space-200);
    --chip-padding: var(--gsc-space-500) var(--gsc-space-1100);
    --chip-font-size: var(--gsc-font-size-400);
    --chip-line-height: 1.5;
  }
}
.chip {
  &.chip--preset-primary {
    --chip-font-family: var(--gsc-font-family-primary-pill);
    --chip-font-style: var(--gsc-font-style-primary-pill);
    --chip-color: var(--gsc-color-primary-pill-text);
    --chip-border: var(--gsc-border-width-primary-pill) solid
      var(--gsc-color-primary-pill-border);
    --chip-background-color: var(--gsc-color-primary-pill-bg);
    &:hover {
      --chip-border: var(--gsc-border-width-primary-pill) solid
        var(--gsc-color-primary-pill-border-hover);
      --chip-background-color: var(--gsc-color-primary-pill-bg-hover);
      --chip-close-icon-color: var(--gsc-color-primary-pill-text);
    }
    &.chip--active {
      --chip-border: var(--gsc-border-width-primary-pill) solid
        var(--gsc-color-primary-pill-selected-border);
      --chip-background-color: var(--gsc-color-primary-pill-selected-bg);
      --chip-color: var(--gsc-color-primary-pill-selected-text);
      --chip-subtext-color: var(
        --gsc-color-primary-pill-selected-text-secondary
      );
      --chip-close-icon-color: var(
        --gsc-color-primary-pill-selected-text-secondary
      );
      &:hover {
        --chip-border: var(--gsc-border-width-primary-pill) solid
          var(--gsc-color-primary-pill-selected-border-hover);
        --chip-background-color: var(
          --gsc-color-primary-pill-selected-bg-hover
        );
        --chip-subtext-color: var(
          --gsc-color-primary-pill-selected-text-secondary
        );
        --chip-close-icon-color: var(
          --gsc-color-primary-pill-selected-text-secondary
        );
        --chip-opacity: 0.8;
      }
    }
    &.chip--disabled {
      --chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.chip--unavailable {
      > * {
        opacity: 0.65;
      }
      &.chip--active {
        --chip-color: var(--gsc-color-primary-pill-selected-text);
      }
      .chip__content {
        position: relative;
        &:after {
          background-color: var(--gsc-color-primary-pill-text);
          content: " ";
          display: inline-block;
          height: 1px;
          margin-left: -8px;
          position: absolute;
          width: calc(100% + 16px);
        }
        .chip--active & {
          &:after {
            background-color: var(--gsc-color-primary-pill-selected-text);
          }
        }
      }
    }
  }
  &.chip--preset-secondary {
    --chip-font-family: var(--gsc-font-family-secondary-pill);
    --chip-font-style: var(--gsc-font-style-secondary-pill);
    --chip-color: var(--gsc-color-secondary-pill-text);
    --chip-border: var(--gsc-border-width-secondary-pill) solid
      var(--gsc-color-secondary-pill-border);
    --chip-background-color: var(--gsc-color-secondary-pill-bg);
    &:hover {
      --chip-border: var(--gsc-border-width-secondary-pill) solid
        var(--gsc-color-secondary-pill-border-hover);
      --chip-background-color: var(--gsc-color-secondary-pill-bg-hover);
      --chip-close-icon-color: var(--gsc-color-secondary-pill-text);
    }
    &.chip--active {
      --chip-border: var(--gsc-border-width-secondary-pill) solid
        var(--gsc-color-secondary-pill-selected-border);
      --chip-background-color: var(--gsc-color-secondary-pill-selected-bg);
      --chip-color: var(--gsc-color-secondary-pill-selected-text);
      --chip-subtext-color: var(
        --gsc-color-secondary-pill-selected-text-secondary
      );
      --chip-close-icon-color: var(
        --gsc-color-secondary-pill-selected-text-secondary
      );
      &:hover {
        --chip-border: var(--gsc-border-width-secondary-pill) solid
          var(--gsc-color-secondary-pill-selected-border-hover);
        --chip-background-color: var(
          --gsc-color-secondary-pill-selected-bg-hover
        );
        --chip-subtext-color: var(
          --gsc-color-secondary-pill-selected-text-secondary
        );
        --chip-close-icon-color: var(
          --gsc-color-secondary-pill-selected-text-secondary
        );
        --chip-opacity: 0.8;
      }
    }
    &.chip--disabled {
      --chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.chip--unavailable {
      > * {
        opacity: 0.65;
      }
      &.chip--active {
        --chip-color: var(--gsc-color-secondary-pill-selected-text);
      }
      .chip__content {
        position: relative;
        &:after {
          background-color: var(--gsc-color-secondary-pill-text);
          content: " ";
          display: inline-block;
          height: 1px;
          margin-left: -8px;
          position: absolute;
          width: calc(100% + 16px);
        }
        .chip--active & {
          &:after {
            background-color: var(--gsc-color-secondary-pill-selected-text);
          }
        }
      }
    }
  }
  &.chip--preset-tertiary {
    --chip-font-family: var(--gsc-font-family-tertiary-pill);
    --chip-font-style: var(--gsc-font-style-tertiary-pill);
    --chip-color: var(--gsc-color-tertiary-pill-text);
    --chip-border: var(--gsc-border-width-tertiary-pill) solid
      var(--gsc-color-tertiary-pill-border);
    --chip-background-color: var(--gsc-color-tertiary-pill-bg);
    &:hover {
      --chip-border: var(--gsc-border-width-tertiary-pill) solid
        var(--gsc-color-tertiary-pill-border-hover);
      --chip-background-color: var(--gsc-color-tertiary-pill-bg-hover);
      --chip-close-icon-color: var(--gsc-color-tertiary-pill-text);
    }
    &.chip--active {
      --chip-border: var(--gsc-border-width-tertiary-pill) solid
        var(--gsc-color-tertiary-pill-selected-border);
      --chip-background-color: var(--gsc-color-tertiary-pill-selected-bg);
      --chip-color: var(--gsc-color-tertiary-pill-selected-text);
      --chip-subtext-color: var(
        --gsc-color-tertiary-pill-selected-text-tertiary
      );
      --chip-close-icon-color: var(
        --gsc-color-tertiary-pill-selected-text-tertiary
      );
      &:hover {
        --chip-border: var(--gsc-border-width-tertiary-pill) solid
          var(--gsc-color-tertiary-pill-selected-border-hover);
        --chip-background-color: var(
          --gsc-color-tertiary-pill-selected-bg-hover
        );
        --chip-subtext-color: var(
          --gsc-color-tertiary-pill-selected-text-tertiary
        );
        --chip-close-icon-color: var(
          --gsc-color-tertiary-pill-selected-text-tertiary
        );
        --chip-opacity: 0.8;
      }
    }
    &.chip--disabled {
      --chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.chip--unavailable {
      > * {
        opacity: 0.65;
      }
      &.chip--active {
        --chip-color: var(--gsc-color-tertiary-pill-selected-text);
      }
      .chip__content {
        position: relative;
        &:after {
          background-color: var(--gsc-color-tertiary-pill-text);
          content: " ";
          display: inline-block;
          height: 1px;
          margin-left: -8px;
          position: absolute;
          width: calc(100% + 16px);
        }
        .chip--active & {
          &:after {
            background-color: var(--gsc-color-tertiary-pill-selected-text);
          }
        }
      }
    }
  }
  &.chip--preset-plain {
    --chip-color: var(--gsc-color-plain-pill-text);
    --chip-font-family: var(--gsc-font-family-plain-pill);
    --chip-font-style: var(--gsc-font-style-plain-pill);
    --chip-border: var(--gsc-border-width-plain-pill) solid transparent;
    --chip-background-color: transparent;
    --chip-gap: var(--gsc-space-150);
    --chip-font-size: var(--gsc-font-size-350);
    --chip-line-height: 1.45;
    &:hover {
      &:before {
        background-color: var(--gsc-color-plain-pill-text);
        bottom: 0;
        content: " ";
        display: inline-block;
        height: var(--gsc-border-width-plain-pill);
        position: absolute;
        width: 100%;
      }
    }
    &.chip--active {
      --chip-color: var(--gsc-color-plain-pill-selected-text);
      &:before {
        background-color: var(--gsc-color-plain-pill-selected-text);
        bottom: 0;
        content: " ";
        display: inline-block;
        height: var(--gsc-border-width-plain-pill);
        position: absolute;
        width: 100%;
      }
    }
    &.chip--disabled {
      --chip-border: var(--gsc-border-width-plain-pill) solid
        var(--gsc-color-plain-pill-text);
      --chip-background-color: transparent;
      --chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.chip--unavailable {
      --chip-color: var(--gsc-color-plain-pill-text);
      > * {
        opacity: 0.65;
      }
      &.chip--active {
        --chip-color: var(--gsc-color-plain-pill-selected-text);
        > * {
          opacity: 1;
        }
      }
      .chip__content {
        position: relative;
        &:after {
          background-color: var(--gsc-color-plain-pill-text);
          content: " ";
          display: inline-block;
          height: 1px;
          position: absolute;
        }
        .chip--active & {
          &:after {
            background-color: var(--gsc-color-plain-pill-selected-text);
          }
        }
      }
      &.chip--active {
        &:before {
          background-color: var(--gsc-color-plain-pill-selected-text);
          bottom: 0;
          content: " ";
          display: inline-block;
          height: var(--gsc-border-width-plain-pill);
          position: absolute;
          width: 100%;
        }
      }
    }
  }
  &.chip--preset-filter {
    --chip-font-family: var(--gsc-font-family-filter-pill);
    --chip-font-style: var(--gsc-font-style-filter-pill);
    --chip-color: var(--gsc-color-filter-pill-text);
    --chip-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --chip-background-color: var(--gsc-color-filter-pill-bg);
    &:hover {
      --chip-border: var(--gsc-border-width-filter-pill) solid
        var(--gsc-color-filter-pill-border-hover);
      --chip-background-color: var(--gsc-color-filter-pill-bg-hover);
      --chip-close-icon-color: var(--gsc-color-filter-pill-text);
    }
    &.chip--active {
      --chip-border: var(--gsc-border-width-filter-pill) solid
        var(--gsc-color-filter-pill-selected-border);
      --chip-background-color: var(--gsc-color-filter-pill-selected-bg);
      --chip-color: var(--gsc-color-filter-pill-selected-text);
      --chip-subtext-color: var(--gsc-color-filter-pill-selected-text-filter);
      --chip-close-icon-color: var(
        --gsc-color-filter-pill-selected-text-filter
      );
      &:hover {
        --chip-border: var(--gsc-border-width-filter-pill) solid
          var(--gsc-color-filter-pill-selected-border-hover);
        --chip-background-color: var(--gsc-color-filter-pill-selected-bg-hover);
        --chip-subtext-color: var(--gsc-color-filter-pill-selected-text-filter);
        --chip-close-icon-color: var(
          --gsc-color-filter-pill-selected-text-filter
        );
        --chip-opacity: 0.8;
      }
    }
    &.chip--disabled {
      --chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.chip--unavailable {
      > * {
        opacity: 0.65;
      }
      &.chip--active {
        --chip-color: var(--gsc-color-filter-pill-selected-text);
      }
      .chip__content {
        position: relative;
        &:after {
          background-color: var(--gsc-color-filter-pill-text);
          content: " ";
          display: inline-block;
          height: 1px;
          margin-left: -8px;
          position: absolute;
          width: calc(100% + 16px);
        }
        .chip--active & {
          &:after {
            background-color: var(--gsc-color-filter-pill-selected-text);
          }
        }
      }
    }
  }
  &.chip--preset-custom {
    --chip-font-family: var(--chip-custom-font-family);
    --chip-font-weight: var(--chip-custom-font-weight);
    --chip-font-style: var(--chip-custom-font-style);
    --chip-color: var(--chip-custom-color-text);
    --chip-border: var(--chip-custom-border-width) solid
      var(--chip-custom-color-border);
    --chip-background-color: var(--chip-custom-color-bg);
    &:hover {
      --chip-border: var(--chip-custom-border-width) solid
        var(--chip-custom-color-border-hover);
      --chip-background-color: var(--chip-custom-color-bg-hover);
      --chip-close-icon-color: var(--chip-custom-color-text);
    }
    &.chip--active {
      --chip-border: var(--chip-custom-border-width) solid
        var(--chip-custom-color-selected-border);
      --chip-background-color: var(--chip-custom-color-selected-bg);
      --chip-color: var(--chip-custom-color-selected-text);
      --chip-subtext-color: var(--chip-custom-color-selected-text-secondary);
      --chip-close-icon-color: var(--chip-custom-color-selected-text-secondary);
      &:hover {
        --chip-border: var(--chip-custom-border-width) solid
          var(--chip-custom-color-selected-border-hover);
        --chip-background-color: var(--chip-custom-color-selected-bg-hover);
        --chip-subtext-color: var(--chip-custom-color-selected-text-secondary);
        --chip-close-icon-color: var(
          --chip-custom-color-selected-text-secondary
        );
        --chip-opacity: 0.8;
      }
    }
    &.chip--disabled {
      --chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.chip--unavailable {
      > * {
        opacity: 0.65;
      }
      &.chip--active {
        --chip-color: var(--chip-custom-color-selected-text);
      }
      .chip__content {
        position: relative;
        &:after {
          background-color: var(--chip-custom-color-text);
          content: " ";
          display: inline-block;
          height: 1px;
          margin-left: -8px;
          position: absolute;
          width: calc(100% + 16px);
        }
        .chip--active & {
          &:after {
            background-color: var(--chip-custom-color-selected-text);
          }
        }
      }
    }
  }
}
.filter-chip {
  --filter-chip-font-family: var(--gsc-font-family-primary-pill);
  --filter-chip-font-size: var(--gsc-font-size-300);
  --filter-chip-font-weight: var(--gsc-font-weight-regular);
  --filter-chip-font-style: var(--gsc-font-style-primary-pill);
  --filter-chip-line-height: 1;
  --filter-chip-letter-spacing: var(--gsc-font-letter-normal);
  --filter-chip-background-color: var(--gsc-color-primary-pill-bg);
  --filter-chip-color: var(--gsc-color-primary-pill-text);
  --filter-chip-border-radius: var(--gsc-border-radius-full);
  --filter-chip-gap: var(--gsc-space-100);
  --filter-chip-subtext-color: rgba(
    from var(--filter-chip-color) r g b/calc(alpha * 0.55)
  );
  --filter-chip-close-icon-color: var(--gsc-color-primary-pill-text);
  align-items: center;
  background-color: var(--filter-chip-background-color);
  border: var(--filter-chip-border);
  border-radius: var(--filter-chip-border-radius);
  color: var(--filter-chip-color);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--filter-chip-font-family);
  font-size: var(--filter-chip-font-size);
  font-style: var(--filter-chip-font-style);
  font-weight: var(--filter-chip-font-weight);
  gap: var(--filter-chip-gap);
  justify-content: center;
  letter-spacing: var(--filter-chip-letter-spacing);
  line-height: var(--filter-chip-line-height);
  min-height: var(--filter-chip-height);
  opacity: var(--filter-chip-opacity);
  padding: var(--filter-chip-padding);
  position: relative;
  white-space: nowrap;
  > * {
    opacity: var(--filter-chip-content-opacity);
  }
  &:focus-visible {
    outline: 2px auto var(--gsc-color-outline);
    outline-offset: 2px;
  }
}
.filter-chip__swatch {
  margin-left: -5px;
}
.filter-chip__subtext {
  color: var(--filter-chip-subtext-color);
  margin-left: -2px;
}
.filter-chip__close {
  color: var(--filter-chip-close-icon-color);
}
.filter-chip__content {
  align-items: center;
  display: flex;
  gap: 6px;
}
.filter--full-screen .filter-chip--in-full-screen-size-small,
.filter-chip--small {
  --filter-chip-gap: var(--gsc-space-200);
  --filter-chip-padding: var(--gsc-space-150) var(--gsc-space-300);
  --filter-chip-font-size: var(--gsc-font-size-300);
  --filter-chip-line-height: 1.35;
}
.filter--full-screen .filter-chip--in-full-screen-size-medium,
.filter-chip--medium {
  --filter-chip-gap: var(--gsc-space-200);
  --filter-chip-padding: var(--gsc-space-200) var(--gsc-space-400);
  --filter-chip-font-size: var(--gsc-font-size-300);
  --filter-chip-line-height: 1.35;
}
.filter--full-screen .filter-chip--in-full-screen-size-large,
.filter-chip--large {
  --filter-chip-gap: var(--gsc-space-200);
  --filter-chip-padding: var(--gsc-space-200) var(--gsc-space-400);
  --filter-chip-font-size: var(--gsc-font-size-350);
  --filter-chip-line-height: 1.45;
}
.filter--full-screen .filter-chip--in-full-screen-size-x-large,
.filter-chip--x-large {
  --filter-chip-gap: var(--gsc-space-200);
  --filter-chip-padding: var(--gsc-space-200) var(--gsc-space-500);
  --filter-chip-font-size: var(--gsc-font-size-400);
  --filter-chip-line-height: 1.5;
}
.filter-chip {
  &.filter-chip--preset-primary {
    --filter-chip-font-family: var(--gsc-font-family-primary-pill);
    --filter-chip-font-style: var(--gsc-font-style-primary-pill);
    --filter-chip-color: var(--gsc-color-primary-pill-text);
    --filter-chip-border: var(--gsc-border-width-primary-pill) solid
      var(--gsc-color-primary-pill-border);
    --filter-chip-background-color: var(--gsc-color-primary-pill-bg);
    &:hover {
      --filter-chip-border: var(--gsc-border-width-primary-pill) solid
        var(--gsc-color-primary-pill-border-hover);
      --filter-chip-background-color: var(--gsc-color-primary-pill-bg-hover);
      --filter-chip-close-icon-color: var(--gsc-color-primary-pill-text);
    }
    &.filter-chip--active {
      --filter-chip-border: var(--gsc-border-width-primary-pill) solid
        var(--gsc-color-primary-pill-selected-border);
      --filter-chip-background-color: var(--gsc-color-primary-pill-selected-bg);
      --filter-chip-color: var(--gsc-color-primary-pill-selected-text);
      --filter-chip-subtext-color: var(
        --gsc-color-primary-pill-selected-text-secondary
      );
      --filter-chip-close-icon-color: var(
        --gsc-color-primary-pill-selected-text-secondary
      );
      &:hover {
        --filter-chip-border: var(--gsc-border-width-primary-pill) solid
          var(--gsc-color-primary-pill-selected-border-hover);
        --filter-chip-background-color: var(
          --gsc-color-primary-pill-selected-bg-hover
        );
        --filter-chip-subtext-color: var(
          --gsc-color-primary-pill-selected-text-secondary
        );
        --filter-chip-close-icon-color: var(
          --gsc-color-primary-pill-selected-text-secondary
        );
        --filter-chip-opacity: 0.8;
      }
    }
    &.filter-chip--disabled {
      --filter-chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.filter-chip--unavailable {
      > * {
        opacity: 0.65;
      }
      &.filter-chip--active {
        --filter-chip-color: var(--gsc-color-primary-pill-selected-text);
      }
      .filter-chip__content {
        position: relative;
        &:after {
          background-color: var(--gsc-color-primary-pill-text);
          content: " ";
          display: inline-block;
          height: 1px;
          margin-left: -8px;
          position: absolute;
          width: calc(100% + 16px);
        }
        .filter-chip--active & {
          &:after {
            background-color: var(--gsc-color-primary-pill-selected-text);
          }
        }
      }
    }
  }
  &.filter-chip--preset-secondary {
    --filter-chip-font-family: var(--gsc-font-family-secondary-pill);
    --filter-chip-font-style: var(--gsc-font-style-secondary-pill);
    --filter-chip-color: var(--gsc-color-secondary-pill-text);
    --filter-chip-border: var(--gsc-border-width-secondary-pill) solid
      var(--gsc-color-secondary-pill-border);
    --filter-chip-background-color: var(--gsc-color-secondary-pill-bg);
    &:hover {
      --filter-chip-border: var(--gsc-border-width-secondary-pill) solid
        var(--gsc-color-secondary-pill-border-hover);
      --filter-chip-background-color: var(--gsc-color-secondary-pill-bg-hover);
      --filter-chip-close-icon-color: var(--gsc-color-secondary-pill-text);
    }
    &.filter-chip--active {
      --filter-chip-border: var(--gsc-border-width-secondary-pill) solid
        var(--gsc-color-secondary-pill-selected-border);
      --filter-chip-background-color: var(
        --gsc-color-secondary-pill-selected-bg
      );
      --filter-chip-color: var(--gsc-color-secondary-pill-selected-text);
      --filter-chip-subtext-color: var(
        --gsc-color-secondary-pill-selected-text-secondary
      );
      --filter-chip-close-icon-color: var(
        --gsc-color-secondary-pill-selected-text-secondary
      );
      &:hover {
        --filter-chip-border: var(--gsc-border-width-secondary-pill) solid
          var(--gsc-color-secondary-pill-selected-border-hover);
        --filter-chip-background-color: var(
          --gsc-color-secondary-pill-selected-bg-hover
        );
        --filter-chip-subtext-color: var(
          --gsc-color-secondary-pill-selected-text-secondary
        );
        --filter-chip-close-icon-color: var(
          --gsc-color-secondary-pill-selected-text-secondary
        );
        --filter-chip-opacity: 0.8;
      }
    }
    &.filter-chip--disabled {
      --filter-chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.filter-chip--unavailable {
      > * {
        opacity: 0.65;
      }
      &.filter-chip--active {
        --filter-chip-color: var(--gsc-color-secondary-pill-selected-text);
      }
      .filter-chip__content {
        position: relative;
        &:after {
          background-color: var(--gsc-color-secondary-pill-text);
          content: " ";
          display: inline-block;
          height: 1px;
          margin-left: -8px;
          position: absolute;
          width: calc(100% + 16px);
        }
        .filter-chip--active & {
          &:after {
            background-color: var(--gsc-color-secondary-pill-selected-text);
          }
        }
      }
    }
  }
  &.filter-chip--preset-tertiary {
    --filter-chip-font-family: var(--gsc-font-family-tertiary-pill);
    --filter-chip-font-style: var(--gsc-font-style-tertiary-pill);
    --filter-chip-color: var(--gsc-color-tertiary-pill-text);
    --filter-chip-border: var(--gsc-border-width-tertiary-pill) solid
      var(--gsc-color-tertiary-pill-border);
    --filter-chip-background-color: var(--gsc-color-tertiary-pill-bg);
    &:hover {
      --filter-chip-border: var(--gsc-border-width-tertiary-pill) solid
        var(--gsc-color-tertiary-pill-border-hover);
      --filter-chip-background-color: var(--gsc-color-tertiary-pill-bg-hover);
      --filter-chip-close-icon-color: var(--gsc-color-tertiary-pill-text);
    }
    &.filter-chip--active {
      --filter-chip-border: var(--gsc-border-width-tertiary-pill) solid
        var(--gsc-color-tertiary-pill-selected-border);
      --filter-chip-background-color: var(
        --gsc-color-tertiary-pill-selected-bg
      );
      --filter-chip-color: var(--gsc-color-tertiary-pill-selected-text);
      --filter-chip-subtext-color: var(
        --gsc-color-tertiary-pill-selected-text-tertiary
      );
      --filter-chip-close-icon-color: var(
        --gsc-color-tertiary-pill-selected-text-tertiary
      );
      &:hover {
        --filter-chip-border: var(--gsc-border-width-tertiary-pill) solid
          var(--gsc-color-tertiary-pill-selected-border-hover);
        --filter-chip-background-color: var(
          --gsc-color-tertiary-pill-selected-bg-hover
        );
        --filter-chip-subtext-color: var(
          --gsc-color-tertiary-pill-selected-text-tertiary
        );
        --filter-chip-close-icon-color: var(
          --gsc-color-tertiary-pill-selected-text-tertiary
        );
        --filter-chip-opacity: 0.8;
      }
    }
    &.filter-chip--disabled {
      --filter-chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.filter-chip--unavailable {
      > * {
        opacity: 0.65;
      }
      &.filter-chip--active {
        --filter-chip-color: var(--gsc-color-tertiary-pill-selected-text);
      }
      .filter-chip__content {
        position: relative;
        &:after {
          background-color: var(--gsc-color-tertiary-pill-text);
          content: " ";
          display: inline-block;
          height: 1px;
          margin-left: -8px;
          position: absolute;
          width: calc(100% + 16px);
        }
        .filter-chip--active & {
          &:after {
            background-color: var(--gsc-color-tertiary-pill-selected-text);
          }
        }
      }
    }
  }
  &.filter-chip--preset-plain {
    --filter-chip-color: var(--gsc-color-plain-pill-text);
    --filter-chip-font-family: var(--gsc-font-family-plain-pill);
    --filter-chip-font-style: var(--gsc-font-style-plain-pill);
    --filter-chip-border: var(--gsc-border-width-plain-pill) solid transparent;
    --filter-chip-background-color: transparent;
    --filter-chip-gap: var(--gsc-space-150);
    --filter-chip-font-size: var(--gsc-font-size-350);
    --filter-chip-line-height: 1.45;
    &:hover {
      &:before {
        background-color: var(--gsc-color-plain-pill-text);
        bottom: 0;
        content: " ";
        display: inline-block;
        height: var(--gsc-border-width-plain-pill);
        position: absolute;
        width: 100%;
      }
    }
    &.filter-chip--active {
      --filter-chip-color: var(--gsc-color-plain-pill-selected-text);
      &:before {
        background-color: var(--gsc-color-plain-pill-selected-text);
        bottom: 0;
        content: " ";
        display: inline-block;
        height: var(--gsc-border-width-plain-pill);
        position: absolute;
        width: 100%;
      }
    }
    &.filter-chip--disabled {
      --filter-chip-border: var(--gsc-border-width-plain-pill) solid
        var(--gsc-color-plain-pill-text);
      --filter-chip-background-color: transparent;
      --filter-chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.filter-chip--unavailable {
      --filter-chip-color: var(--gsc-color-plain-pill-text);
      > * {
        opacity: 0.65;
      }
      &.filter-chip--active {
        --filter-chip-color: var(--gsc-color-plain-pill-selected-text);
        > * {
          opacity: 1;
        }
      }
      .filter-chip__content {
        position: relative;
        &:after {
          background-color: var(--gsc-color-plain-pill-text);
          content: " ";
          display: inline-block;
          height: 1px;
          position: absolute;
        }
        .filter-chip--active & {
          &:after {
            background-color: var(--gsc-color-plain-pill-selected-text);
          }
        }
      }
      &.filter-chip--active {
        &:before {
          background-color: var(--gsc-color-plain-pill-selected-text);
          bottom: 0;
          content: " ";
          display: inline-block;
          height: var(--gsc-border-width-plain-pill);
          position: absolute;
          width: 100%;
        }
      }
    }
  }
  &.filter-chip--preset-filter {
    --filter-chip-font-family: var(--gsc-font-family-filter-pill);
    --filter-chip-font-style: var(--gsc-font-style-filter-pill);
    --filter-chip-color: var(--gsc-color-filter-pill-text);
    --filter-chip-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --filter-chip-background-color: var(--gsc-color-filter-pill-bg);
    &:hover {
      --filter-chip-border: var(--gsc-border-width-filter-pill) solid
        var(--gsc-color-filter-pill-border-hover);
      --filter-chip-background-color: var(--gsc-color-filter-pill-bg-hover);
      --filter-chip-close-icon-color: var(--gsc-color-filter-pill-text);
    }
    &.filter-chip--active {
      --filter-chip-border: var(--gsc-border-width-filter-pill) solid
        var(--gsc-color-filter-pill-selected-border);
      --filter-chip-background-color: var(--gsc-color-filter-pill-selected-bg);
      --filter-chip-color: var(--gsc-color-filter-pill-selected-text);
      --filter-chip-subtext-color: var(
        --gsc-color-filter-pill-selected-text-filter
      );
      --filter-chip-close-icon-color: var(
        --gsc-color-filter-pill-selected-text-filter
      );
      &:hover {
        --filter-chip-border: var(--gsc-border-width-filter-pill) solid
          var(--gsc-color-filter-pill-selected-border-hover);
        --filter-chip-background-color: var(
          --gsc-color-filter-pill-selected-bg-hover
        );
        --filter-chip-subtext-color: var(
          --gsc-color-filter-pill-selected-text-filter
        );
        --filter-chip-close-icon-color: var(
          --gsc-color-filter-pill-selected-text-filter
        );
        --filter-chip-opacity: 0.8;
      }
    }
    &.filter-chip--disabled {
      --filter-chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.filter-chip--unavailable {
      > * {
        opacity: 0.65;
      }
      &.filter-chip--active {
        --filter-chip-color: var(--gsc-color-filter-pill-selected-text);
      }
      .filter-chip__content {
        position: relative;
        &:after {
          background-color: var(--gsc-color-filter-pill-text);
          content: " ";
          display: inline-block;
          height: 1px;
          margin-left: -8px;
          position: absolute;
          width: calc(100% + 16px);
        }
        .filter-chip--active & {
          &:after {
            background-color: var(--gsc-color-filter-pill-selected-text);
          }
        }
      }
    }
  }
  &.filter-chip--preset-custom {
    --filter-chip-font-family: var(--filter-chip-custom-font-family);
    --filter-chip-font-style: var(--filter-chip-custom-font-style);
    --filter-chip-color: var(--filter-chip-custom-color-text);
    --filter-chip-border: var(--filter-chip-custom-border-width) solid
      var(--filter-chip-custom-color-border);
    --filter-chip-background-color: var(--filter-chip-custom-color-bg);
    &:hover {
      --filter-chip-border: var(--filter-chip-custom-border-width) solid
        var(--filter-chip-custom-color-border-hover);
      --filter-chip-background-color: var(--filter-chip-custom-color-bg-hover);
      --filter-chip-close-icon-color: var(--filter-chip-custom-color-text);
    }
    &.filter-chip--active {
      --filter-chip-border: var(--filter-chip-custom-border-width) solid
        var(--filter-chip-custom-color-selected-border);
      --filter-chip-background-color: var(
        --filter-chip-custom-color-selected-bg
      );
      --filter-chip-color: var(--filter-chip-custom-color-selected-text);
      --filter-chip-subtext-color: var(
        --filter-chip-custom-color-selected-text-secondary
      );
      --filter-chip-close-icon-color: var(
        --filter-chip-custom-color-selected-text-secondary
      );
      &:hover {
        --filter-chip-border: var(--filter-chip-custom-border-width) solid
          var(--filter-chip-custom-color-selected-border-hover);
        --filter-chip-background-color: var(
          --filter-chip-custom-color-selected-bg-hover
        );
        --filter-chip-subtext-color: var(
          --filter-chip-custom-color-selected-text-secondary
        );
        --filter-chip-close-icon-color: var(
          --filter-chip-custom-color-selected-text-secondary
        );
        --filter-chip-opacity: 0.8;
      }
    }
    &.filter-chip--disabled {
      --filter-chip-content-opacity: 0.25;
      pointer-events: none;
    }
    &.filter-chip--unavailable {
      > * {
        opacity: 0.65;
      }
      &.filter-chip--active {
        --filter-chip-color: var(--filter-chip-custom-color-selected-text);
      }
      .filter-chip__content {
        position: relative;
        &:after {
          background-color: var(--filter-chip-custom-color-text);
          content: " ";
          display: inline-block;
          height: 1px;
          margin-left: -8px;
          position: absolute;
          width: calc(100% + 16px);
        }
        .filter-chip--active & {
          &:after {
            background-color: var(--filter-chip-custom-color-selected-text);
          }
        }
      }
    }
  }
}
.swatch {
  --swatch-background: var(--gsc-color-background-white-100);
  background-color: var(--swatch-background);
  border-radius: var(--swatch-border-radius);
  cursor: pointer;
  display: inline-flex;
  gap: var(--gsc-space-250);
  position: relative;
}
.swatch--adapt-to-parent {
  --swatch-width: 100%;
  --swatch-aspect-ratio: none;
  height: 100%;
  width: 100%;
}
.swatch--xx-large {
  --swatch-width: 32px;
}
.swatch--x-large {
  --swatch-width: 28px;
}
.swatch--large {
  --swatch-width: 24px;
}
.swatch--medium {
  --swatch-width: 20px;
}
.swatch--small {
  --swatch-width: 16px;
}
.swatch--x-small {
  --swatch-width: 10px;
}
.swatch--custom {
  --swatch-width: var(--swatch-custom-width, 28px);
}
.swatch__color {
  align-items: center;
  aspect-ratio: var(--swatch-aspect-ratio);
  background: var(--swatch-background) no-repeat var(--swatch-focal-point);
  background-size: cover;
  border-radius: var(--swatch-border-radius);
  box-shadow: 1px 1px 4px 0
    rgb(
      from var(--gsc-color-background-black-100) r g
        b/var(--swatch-shadow-opacity)
    )
    inset;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: var(--swatch-width, 20px);
}
.swatch__label {
  align-items: center;
  cursor: pointer;
  display: none;
  font-size: var(--gsc-font-size-350);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  gap: var(--gsc-space-100);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-6xl);
}
.swatch--ring:before {
  background-color: var(--gsc-color-background);
  border-radius: calc(var(--swatch-border-radius));
  content: " ";
  inset: 0;
  outline: var(--swatch-ring-width) solid
    rgb(
      from var(--gsc-color-background) r g
        b/calc(alpha * var(--swatch-ring-opacity))
    );
  position: absolute;
}
.swatch--show-label .swatch__label {
  display: flex;
}
.swatch--hoverable.swatch--outline-inside:hover .swatch__color {
  &:before {
    border: 1px solid var(--gsc-color-heading-15);
    border-radius: calc(var(--swatch-border-radius));
    content: " ";
    inset: 0;
    outline: 2px solid var(--gsc-color-background);
    outline-offset: -3px;
    position: absolute;
  }
}
.swatch--hoverable.swatch--outline-inside.swatch--active:hover .swatch__color,
.swatch--outline-inside.swatch--active .swatch__color {
  &:before {
    border: 1px solid var(--gsc-color-heading);
    border-radius: calc(var(--swatch-border-radius));
    content: " ";
    inset: 0;
    outline: 2px solid var(--gsc-color-background);
    outline-offset: -3px;
    position: absolute;
  }
}
.swatch--hoverable.swatch--outline-outside:hover .swatch__color {
  outline: 1px solid var(--gsc-color-heading-15);
  outline-offset: 2px;
}
.swatch--hoverable.swatch--outline-outside.swatch--active:hover .swatch__color,
.swatch--outline-outside.swatch--active .swatch__color {
  outline: 1px solid var(--gsc-color-heading);
  outline-offset: 2px;
}
.swatch--disabled {
  pointer-events: none;
}
.swatch--disabled .swatch__color {
  opacity: 0.35;
}
.swatch--checkmark svg {
  color: #fff;
  display: none;
  position: relative;
}
.swatch--active:not(.swatch--diasbled):not(
    .swatch--unavailable
  ).swatch--checkmark
  svg {
  display: block;
}
.swatch--disabled .swatch__color:after,
.swatch--unavailable .swatch__color:after {
  background: linear-gradient(
    to bottom right,
    transparent calc(50% - 0.5px),
    var(--gsc-color-heading) calc(50% - 0.25px),
    var(--gsc-color-heading) calc(50% + 0.25px),
    transparent calc(50% + 0.5px)
  );
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.product-variant-picker__pill--active .swatch--unavailable .swatch__color:after,
.product-variant-picker__pill--active .swatch--disabled .swatch__color:after {
  border-bottom: 1px solid var(--gsc-color-heading-tertiary);
}
.swatch--disabled .swatch__color:after,
.swatch--disabled.swatch--unavailable .swatch__color:after {
  opacity: 0.6;
}
.swatch--unavailable .swatch__color {
  opacity: 0.35;
}
.swatch--active .swatch__color .swatch__color:before {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.switch {
  align-items: center;
  border-radius: var(--switch-border-radius);
  cursor: pointer;
  display: flex;
  height: var(--switch-height);
  min-width: var(--switch-width);
  overflow: hidden;
  position: relative;
  width: var(--switch-width);
}
.switch__track {
  background-color: var(--switch-background-color);
  height: 100%;
  transition: background-color 0.15s;
  width: 100%;
  will-change: background-color;
}
.switch__thumb {
  background: var(--gsc-color-background-white-100);
  border-radius: 100px;
  border-radius: var(--gsc-border-radius-full);
  box-shadow:
    0 0 2px 1px var(--gsc-color-background-black-5),
    0 2px 8px 0 var(--gsc-color-background-black-15),
    0 2px 1px 0 var(--gsc-color-background-black-5);
  box-shadow:
    0 0 0 1px var(--gsc-color-background-black-5),
    0 var(--gsc-size-depth-050) var(--gsc-size-depth-200) 0
      var(--gsc-color-background-black-15),
    0 var(--gsc-size-depth-050) var(--gsc-size-depth-025) 0
      var(--gsc-color-background-black-5);
  height: var(--thumb-height);
  position: absolute;
  transition: transform 0.15s;
  width: var(--thumb-width);
  will-change: transform;
}
.switch--on .switch__track {
  --switch-background-color: var(--gsc-color-heading);
}
.switch--off .switch__track {
  --switch-background-color: var(--gsc-color-heading-10);
}
.switch--medium {
  &.switch--preset-default {
    --switch-width: 44px;
    --switch-height: 24px;
    --switch-border-radius: 22px;
  }
  &.switch--preset-compressed {
    --switch-width: 48px;
    --switch-height: 24px;
    --switch-border-radius: 20px;
  }
  .switch__thumb {
    .switch--preset-default & {
      --thumb-width: 20px;
      --thumb-height: 20px;
      --thumb-offset: 2px;
    }
    .switch--preset-compressed & {
      --thumb-width: 28px;
      --thumb-height: 20px;
      --thumb-offset: 2px;
    }
  }
}
.switch--small {
  &.switch--preset-default {
    --switch-width: 36px;
    --switch-height: 20px;
    --switch-border-radius: 20px;
  }
  &.switch--preset-compressed {
    --switch-width: 48px;
    --switch-height: 20px;
    --switch-border-radius: 20px;
  }
  .switch__thumb {
    .switch--preset-default & {
      --thumb-width: 16px;
      --thumb-height: 16px;
      --thumb-offset: 2px;
    }
    .switch--preset-compressed & {
      --thumb-width: 24px;
      --thumb-height: 16px;
      --thumb-offset: 2px;
    }
  }
}
.switch--on .switch__thumb {
  background: contrast-color(var(--gsc-color-heading));
  transform: translateX(
    calc(var(--switch-width) - var(--thumb-width) - var(--thumb-offset))
  );
}
.switch--off .switch__thumb {
  transform: translateX(var(--thumb-offset));
}
.switch--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.range-slider {
  align-items: center;
  display: flex;
  height: 24px;
  min-width: 100px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.range-slider__track-backround {
  background-color: var(--gsc-color-heading-7);
  border-radius: calc(var(--track-size) / 2);
  height: var(--track-size);
  left: 0;
  position: absolute;
  width: 100%;
}
.range-slider__track {
  background-color: var(--gsc-color-heading);
  height: var(--track-size);
  left: calc(var(--track-start-position) * 1%);
  position: absolute;
  width: calc(var(--track-width) * 1%);
}
.range-slider__thumb {
  cursor: pointer;
  height: var(--thumb-interaction-size);
  left: calc(
    calc(var(--thumb-position) * 1%) -
      calc(var(--thumb-size) * var(--thumb-position) / 100) +
      calc((var(--thumb-size) - var(--thumb-interaction-size)) / 2)
  );
  position: absolute;
  touch-action: none;
  width: var(--thumb-interaction-size);
}
.range-slider__thumb::after {
  background-color: var(--gsc-color-heading);
  border-radius: calc(var(--thumb-size) / 2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  content: "";
  height: var(--thumb-size);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: transform 0.2s;
  width: var(--thumb-size);
  will-change: transform;
}
.range-slider__thumb:active::after {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%) scale(1.1);
}
.select {
  cursor: pointer;
  outline-offset: 2px;
  width: 100%;
}
.select .dropdown {
  width: 100%;
}
.select__dropdown-content {
  overflow: hidden;
  padding: var(--gsc-space-350) 0;
  --gsc-color-dropdown-content: var(--select-input-background);
  --gsc-color-heading: var(--select-input-text);
  --gsc-color-surface: color-mix(
    in srgb,
    var(--gsc-color-heading) 10%,
    transparent
  );
  background:
    linear-gradient(
      var(--select-input-background),
      var(--select-input-background)
    ),
    linear-gradient(
      var(--gsc-color-background-white-100),
      var(--gsc-color-background-white-100)
    );
}
.select__dropdown-content .option {
  cursor: pointer;
}
.option {
  align-items: center;
  color: var(--gsc-color-heading);
  display: flex;
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-350);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: 145%;
  outline-offset: -1px;
  padding: var(--gsc-space-200) var(--gsc-space-400);
  &:hover {
    background-color: var(--gsc-color-surface);
  }
}
.collection-filter {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  position: relative;
  width: 100%;
}
.collection-filter__title {
  color: var(--gsc-color-heading);
  font-size: var(--gsc-font-size-400);
  font-style: normal;
  font-weight: var(--gsc-font-weight-semibold);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-6xl);
}
.collection-filter__form {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 26px;
  padding: 16px 0;
}
.collection-filter__header {
  background-color: var(--gsc-color-background);
  display: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: sticky;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 150;
}
.collection-filter__header-container {
  align-items: center;
  display: flex;
  justify-content: start;
  padding-bottom: var(--gsc-space-400);
  padding-top: var(--gsc-space-400);
}
.collection-filter__close {
  cursor: pointer;
  position: absolute;
  right: 0;
}
.collection-filter__reset-all {
  color: var(--gsc-color-heading);
  cursor: pointer;
  display: none;
  font-size: var(--gsc-font-size-400);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-6xl);
  position: absolute;
  right: 0;
  text-decoration: none;
}
.collection-filter__footer {
  background-color: var(--gsc-color-background);
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 0;
  position: sticky;
  right: 0;
}
.drawer:not(.drawer--temporary) .collection-filter__footer,
.drawer:not(.drawer--temporary) .collection-filter__header {
  display: none;
}
.drawer--temporary .collection-filter__footer {
  padding: 0;
}
.collection-filter--disabled {
  opacity: 0.8;
  pointer-events: none;
}
.collection-filter--hidden {
  display: none;
}
.collection-filter__apply-button {
  display: none;
  width: 100%;
}
.collection-filter--deferred .collection-filter__apply-button {
  display: flex;
}
@media (width >= 750px) {
  .collection-filter .collection-filter-status {
    display: none;
  }
}
@media (width < 750px) {
  .drawer--temporary .collection-filter__footer {
    padding-bottom: var(--gsc-space-400);
    padding-top: var(--gsc-space-400);
  }
  .collection-filter__reset-all {
    display: block;
  }
  .collection-filter__close {
    left: 0;
  }
  .collection-filter__header-container {
    justify-content: center;
  }
}
.collection-filter-status {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: start;
  transition: opacity 0.3s;
  @media (width >= 750px) {
    transform: translateX(var(--offset-start, 0));
    .collection-section:has(
        .drawer[data-temporary="false"].drawer--open.drawer--start
      )
      & {
      transform: translateX(0);
    }
  }
}
.collection-filter-status--disabled {
  opacity: 0.8;
  pointer-events: none;
}
.collection-filter-status--hidden {
  display: none;
}
.collection-filter-status__item:not(
  .collection-filter-status__item--clear-all
) {
  .filter-chip {
    cursor: default;
  }
  .filter-chip__close {
    cursor: pointer;
  }
}
@media (width < 750px) {
  .collection-filter-status {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%;
  }
}
.filter-price-range {
  display: flex;
  .drawer--temporary & {
    padding: 0 20px;
    .filter__header {
      padding-inline: 0 !important;
    }
  }
  .filter__body {
    .filter__inner {
      display: flex;
      flex-direction: column;
    }
  }
}
.filter-price-range__inputs {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-block-start: var(--gsc-space-400);
}
.filter-price-range.filter-price-range--hidden {
  display: none;
}
.collection-header__label {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: start;
}
.collection-pagination {
  display: flex;
  gap: 10px;
}
.collection-pagination span {
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 20px;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  min-width: 40px;
}
.collection-pagination span a {
  display: block;
  padding: 10px;
  text-decoration: none;
}
.collection-pagination span.current {
  background-color: #333;
  border: none;
  color: #fff;
}
.collection-pagination--disabled {
  opacity: 0.8;
  pointer-events: none;
}
.breadcrumbs {
  --color: var(--gsc-color-heading-secondary);
  &.text-align-left .breadcrumbs__list {
    justify-content: flex-start;
  }
  &.text-align-center .breadcrumbs__list {
    justify-content: center;
  }
  &.text-align-right .breadcrumbs__list {
    justify-content: flex-end;
  }
  .breadcrumbs__list {
    align-items: center;
    display: flex;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    .breadcrumbs__divider,
    .breadcrumbs__item a {
      display: block;
    }
  }
}
.header-section {
  overflow: hidden;
  --transition-duration: 200ms ease-in-out;
  transition: top var(--transition-duration);
}
.header-section--sticky-always,
.header-section--sticky-on-scroll-up {
  position: sticky;
  top: 0;
  z-index: 99;
}
.header-section--sticky-on-scroll-up {
  @media (width >= 750px) {
    top: calc(
      0px - var(--gsc-single-header-height) - var(--header-margin-top-desktop)
    );
  }
  @media (width < 750px) {
    top: calc(
      0px - var(--gsc-single-header-height) - var(--header-margin-top-mobile)
    );
  }
}
.header-section--sticky-visible {
  top: 0;
}
.header {
  display: block;
  width: 100%;
  z-index: 99;
}
.header--desktop,
.header--mobile,
.menu-drawer__content {
  position: relative;
  --box-shadow: var(--header-box-shadow, none);
  --border-radius: var(--header-border-radius, 0px);
  --border-width: var(--header-border-width, 0px);
  --border-style: var(--header-border-style);
  --border-color: var(--header-border-color);
  --border-widths: var(--header-border-widths);
  --border-top-width: var(--header-border-top-width);
  --border-right-width: var(--header-border-right-width);
  --border-bottom-width: var(--header-border-bottom-width);
  --border-left-width: var(--header-border-left-width);
  --background-color: var(--header-background-color);
  --gsc-color-dropdown-content: var(--header-background-color);
  --gsc-color-text: var(--header-item-color);
  --gsc-color-heading: var(--header-item-color);
  --cart-nav-button-badge-text-color: var(--header-badge-text-color);
  --header-secondary-menu-color: var(--base-header-secondary-menu-color);
  --gsc-color-text--header-menu-level-1: var(--header-menu-level-1-color);
  --gsc-color-text--header-menu-level-2: var(--header-menu-level-2-color);
  --gsc-color-text--header-menu-level-3: var(--header-menu-level-3-color);
  --gsc-color-text--menu-drawer-level-1: var(
    --header-menu-drawer-level-1-color
  );
  --gsc-color-text--menu-drawer-level-2: var(
    --header-menu-drawer-level-2-color
  );
  --gsc-color-text--menu-drawer-level-3: var(
    --header-menu-drawer-level-3-color
  );
  --blur-backdrop-filter: var(--header-blur-backdrop-filter);
}
.menu-drawer__content {
  --menu-drawer-border-radius: var(--header-border-radius, 0px);
}
.header__logo {
  display: grid;
  height: var(--gsc-header-logo-height-mobile);
  overflow: hidden;
  place-items: center;
  text-wrap: nowrap;
  transition: color var(--transition-duration);
  width: var(--gsc-header-logo-width-mobile);
}
.header__logo-image,
.header__logo-image--transparent {
  grid-area: 1/-1;
  -o-object-fit: cover;
  object-fit: cover;
  transition: opacity var(--transition-duration);
  width: 100%;
}
.header__logo-image {
  height: 100%;
}
.header__logo-image--transparent {
  opacity: 0;
}
@media (width >= 750px) {
  .header.section--page-width {
    max-width: calc(
      var(--gsc-page-width) + var(--margin-left-desktop, 0px) +
        var(--margin-right-desktop, 0px)
    );
  }
  .header.section--custom-width {
    max-width: calc(
      var(--gsc-page-custom-width) + var(--margin-left-desktop, 0px) +
        var(--margin-right-desktop, 0px)
    );
  }
  .header__logo {
    height: var(--gsc-header-logo-height-desktop);
    width: var(--gsc-header-logo-width-desktop);
  }
}
.header__icons {
  align-items: center;
  color: var(--gsc-color-heading);
  display: flex;
  gap: 4px;
  --button-padding-block: 5px;
  --button-padding-inline: 5px;
}
.header__icon {
  align-items: center;
  color: inherit;
  display: flex;
  gap: 6px;
  height: 34px;
  justify-content: center;
  min-width: 34px;
  padding: 5px;
  transition: color var(--transition-duration);
  width: -moz-fit-content;
  width: fit-content;
  will-change: color;
}
.header__icon .text__inner {
  text-wrap: nowrap;
  transition: color var(--transition-duration);
  will-change: color;
  --color: inherit;
}
shopify-account {
  --shopify-account-font-heading: var(--gsc-font-heading--family);
  --shopify-account-font-body: var(--gsc-font-body--family);
  --shopify-account-color-background: var(--gsc-color-background);
  --shopify-account-color-text: var(--gsc-color-text);
  --shopify-account-color-accent: var(--gsc-color-heading);
  --shopify-account-signed-in-avatar-size: 34px;
  --shopify-account-avatar-size: 34px;
  color: inherit;
}
shopify-account:not(:defined) {
  display: flex;
}
.header__search-icon-link {
  display: flex;
}
@media (width >= 750px) {
  .header__icons .toggle .toggle__to {
    .toggle--animation-rotate & {
      left: 8px;
      top: 8px;
    }
  }
}
.header__line {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  position: relative;
}
.header__line:first-of-type {
  z-index: 1;
}
.header__line div:empty {
  display: none;
}
.header--desktop {
  display: none;
  transition: border-radius var(--transition-duration);
}
.header .localization__trigger {
  padding: 10px 8px;
}
@media (width < 750px) {
  .header--mobile .header__line:has(> .shopify-block > .header__logo) {
    gap: 0;
  }
  .header--mobile
    .header__line:has(> .shopify-block > .header__logo)
    > .header__icons {
    flex: 1 1 0;
  }
  .header--mobile
    .header__line:has(> .shopify-block > .header__logo)
    > .header__icons:last-child {
    justify-content: flex-end;
  }
  .header-section:has(.header--mobile-transparent-with-overlap) {
    height: 0;
    overflow: visible;
  }
  .header--mobile,
  .header--mobile.header--mobile-transparent {
    display: block;
    --border-radius: var(--header-border-radius-mobile, 0px);
    transition:
      background-color var(--transition-duration),
      box-shadow var(--transition-duration),
      border-radius var(--transition-duration),
      border var(--transition-duration);
  }
  .menu-drawer__content {
    --menu-drawer-border-radius: var(--header-border-radius-mobile, 0px);
  }
  .header--mobile.blur-style::before {
    border-radius: var(--header-border-radius-mobile, 0);
  }
  .header--mobile.header--mobile-transparent:not(
      .header--mobile-transparent-with-hover:has(.burger.opened)
    ):not(:has(.toggle--active)),
  body:has(
      .header--mobile.header--mobile-transparent:not(
          .header--mobile-transparent-with-hover
        )
    )
    .menu-drawer__content {
    --box-shadow: var(--transparent-header-box-shadow, none);
    --border-radius: var(--header-border-radius-mobile, 0px);
    --border-width: var(--transparent-header-border-width);
    --border-style: var(--transparent-header-border-style);
    --border-color: var(--transparent-header-border-color);
    --border-widths: var(--transparent-header-border-widths);
    --border-top-width: var(--transparent-header-border-top-width);
    --border-right-width: var(--transparent-header-border-right-width);
    --border-bottom-width: var(--transparent-header-border-bottom-width);
    --border-left-width: var(--transparent-header-border-left-width);
    --background-color: var(--transparent-header-background-color);
    --gsc-color-text: var(--transparent-header-item-color);
    --gsc-color-heading: var(--transparent-header-item-color);
    --cart-nav-button-badge-text-color: var(
      --transparent-header-badge-text-color
    );
    --gsc-color-text--menu-drawer-level-1: var(
      --transparent-header-menu-drawer-level-1-color
    );
    --gsc-color-text--menu-drawer-level-2: var(
      --transparent-header-menu-drawer-level-2-color
    );
    --gsc-color-text--menu-drawer-level-3: var(
      --transparent-header-menu-drawer-level-3-color
    );
    --blur-backdrop-filter: var(--transparent-header-blur-backdrop-filter);
  }
  .header--mobile-transparent-with-hover .header__logo-image--transparent,
  .header--mobile-transparent-with-hover:has(.burger.opened)
    .header__logo-image,
  .header--mobile-transparent-with-hover:has(.dropdown--open)
    .header__logo-image,
  .header--mobile-transparent-with-hover:has(.megamenu.visible)
    .header__logo-image {
    opacity: 1;
  }
  .header--mobile-transparent-with-hover:has(.burger.opened)
    .header__logo-image--transparent,
  .header--mobile-transparent-with-hover:has(.dropdown--open)
    .header__logo-image--transparent,
  .header--mobile-transparent-with-hover:has(.megamenu.visible)
    .header__logo-image--transparent {
    opacity: 0;
  }
}
.dropdown__content.header__menu-dropdown-content,
.header .localization > .dropdown__content,
.menu-drawer__content .localization > .dropdown__content {
  position: absolute;
  --dropdown-border-radius: var(--header-border-radius);
  --gsc-color-dropdown-content: var(--header-background-color);
  --background-color: var(--header-background-color);
  --blur-backdrop-filter: var(--header-blur-backdrop-filter);
  transition:
    background-color 0.2s,
    opacity 0.2s,
    box-shadow 0.2s;
}
body:not(:has(.header--desktop-transparent-with-hover))
  .dropdown__content.header__menu-dropdown-content,
body:not(:has(.header--desktop-transparent-with-hover))
  .header
  .localization
  > .dropdown__content,
body:not(:has(.header--desktop-transparent-with-hover)) .header .megamenu,
body:not(:has(.header--desktop-transparent-with-hover)) .menu-drawer__content,
body:not(:has(.header--mobile-transparent-with-hover))
  .menu-drawer__content
  .localization
  > .dropdown__content {
  --gsc-color-dropdown-content: var(
    --transparent-header-background-color,
    var(--header-background-color)
  );
  --background-color: var(
    --transparent-header-background-color,
    var(--header-background-color)
  );
  --border-radius: var(--header-border-radius, 0px);
  --border-color: var(
    --transparent-header-border-color,
    var(--header-border-color)
  );
  --border-width: var(
    --transparent-header-border-width,
    var(--header-border-width, 0px)
  );
  --border-widths: var(
    --transparent-header-border-widths,
    var(--header-border-widths)
  );
  --border-top-width: var(
    --transparent-header-border-top-width,
    var(--header-border-top-width)
  );
  --border-right-width: var(
    --transparent-header-border-right-width,
    var(--header-border-right-width)
  );
  --border-bottom-width: var(
    --transparent-header-border-bottom-width,
    var(--header-border-bottom-width)
  );
  --border-left-width: var(
    --transparent-header-border-left-width,
    var(--header-border-left-width)
  );
  --border-style: var(
    --transparent-header-border-style,
    var(--header-border-style)
  );
  --box-shadow: var(--transparent-header-box-shadow, var(--header-box-shadow));
  --blur-backdrop-filter: var(
    --transparent-header-blur-backdrop-filter,
    var(--header-blur-backdrop-filter)
  );
}
body .drawer .menu-drawer__content {
  --border-radius: var(--menu-drawer-border-radius);
  border-radius: var(--menu-drawer-border-radius);
}
@media (width >= 750px) {
  .header[data-header-visual-preview] {
    position: relative;
  }
  .header[data-header-visual-preview]:not([compact-inited])::after {
    background: var(--gsc-color-background);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 100;
  }
  .header-section {
    overflow: visible;
  }
  .header-section:has(.header--desktop-transparent-with-overlap) {
    height: 0;
  }
  .header--mobile {
    display: none;
  }
  .header--desktop {
    border-radius: var(--header-border-radius);
    display: block;
    transition:
      background-color var(--transition-duration),
      box-shadow var(--transition-duration),
      border-radius var(--transition-duration),
      border var(--transition-duration);
  }
  .header--desktop.header--desktop-transparent:not(
      .header--desktop-transparent-with-hover:is(:hover)
    ):not(
      .header--desktop-transparent-with-hover:has([aria-expanded="true"])
    ):not(.header--desktop-transparent-with-hover:has(.burger.opened)):not(
      :has(.toggle--active)
    ),
  body:has(
      .header--desktop.header--desktop-transparent:not(
          .header--desktop-transparent-with-hover
        )
    )
    .menu-drawer__content {
    --box-shadow: var(--transparent-header-box-shadow, none);
    --border-radius: var(--header-border-radius, 0px);
    --border-width: var(--transparent-header-border-width);
    --border-style: var(--transparent-header-border-style);
    --border-color: var(--transparent-header-border-color);
    --border-widths: var(--transparent-header-border-widths);
    --border-top-width: var(--transparent-header-border-top-width);
    --border-right-width: var(--transparent-header-border-right-width);
    --border-bottom-width: var(--transparent-header-border-bottom-width);
    --border-left-width: var(--transparent-header-border-left-width);
    --background-color: var(--transparent-header-background-color);
    --gsc-color-dropdown-content: var(--transparent-header-background-color);
    --gsc-color-text: var(--transparent-header-item-color);
    --gsc-color-heading: var(--transparent-header-item-color);
    --cart-nav-button-badge-text-color: var(
      --transparent-header-badge-text-color
    );
    --header-secondary-menu-color: var(
      --transparent-header-secondary-menu-color
    );
    --gsc-color-text--header-menu-level-1: var(
      --transparent-header-menu-level-1-color
    );
    --gsc-color-text--header-menu-level-2: var(
      --transparent-header-menu-level-2-color
    );
    --gsc-color-text--header-menu-level-3: var(
      --transparent-header-menu-level-3-color
    );
    --gsc-color-text--menu-drawer-level-1: var(
      --transparent-header-menu-drawer-level-1-color
    );
    --gsc-color-text--menu-drawer-level-2: var(
      --transparent-header-menu-drawer-level-2-color
    );
    --gsc-color-text--menu-drawer-level-3: var(
      --transparent-header-menu-drawer-level-3-color
    );
    --blur-backdrop-filter: var(--transparent-header-blur-backdrop-filter);
  }
  .header--desktop-transparent-with-hover .header__logo-image--transparent,
  .header--desktop-transparent-with-hover:has(.burger.opened)
    .header__logo-image,
  .header--desktop-transparent-with-hover:has(.dropdown--open)
    .header__logo-image,
  .header--desktop-transparent-with-hover:has(.megamenu.visible)
    .header__logo-image,
  .header--desktop-transparent-with-hover:hover .header__logo-image {
    opacity: 1;
  }
  .header--desktop-transparent-with-hover:has(.burger.opened)
    .header__logo-image--transparent,
  .header--desktop-transparent-with-hover:has(.dropdown--open)
    .header__logo-image--transparent,
  .header--desktop-transparent-with-hover:has(.megamenu.visible)
    .header__logo-image--transparent,
  .header--desktop-transparent-with-hover:hover
    .header__logo-image--transparent {
    opacity: 0;
  }
  .header:has(.header__menu--default) .header__line,
  .header__line:has(.header__menu--secondary) {
    opacity: 0;
    transition: opacity 0.1s;
  }
  .header[compact-inited] .header__line {
    opacity: 1;
  }
  .header[data-header-visual-preview] .header__line {
    opacity: 1;
    transition: none;
  }
  .header__line:has(.header__center :is(.header__logo, .logo)) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }
  .header__center,
  .header__left,
  .header__right {
    align-items: center;
    display: flex;
    gap: 24px;
    position: relative;
  }
  .header__left {
    flex: 1;
    justify-content: flex-start;
  }
  .header__center {
    justify-content: center;
  }
  .header__right {
    flex: 1;
    justify-content: flex-end;
  }
  .header__line:has(.header__center:has(.header__menu)) .header__right {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .header__left:has(.header__logo),
  .header__line:has(.header__left .header__logo) .header__right {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .header__menu {
    align-items: center;
    display: flex;
    position: relative;
  }
  .header__menu-dropdown {
    width: 100%;
  }
  .header__menu-link,
  .header__menu-link--more {
    align-items: center;
    display: flex;
    justify-content: space-between;
    transition: color var(--transition-duration);
  }
  .header__line .header__menu-link.animate:not(.animate--offscreen) {
    animation-play-state: paused;
  }
  [compact-inited]
    .header__line
    .header__menu-link.animate:not(.animate--offscreen) {
    animation-play-state: running;
  }
  .header__menu--secondary[compact="false"]
    .dropdown.header__menu-link--more-dropdown {
    display: none;
  }
  .header__menu--secondary[compact="true"]
    .dropdown.header__menu-link--more-dropdown {
    display: block;
  }
  .header__menu--secondary .header__menu-link,
  .header__menu--secondary .header__menu-link--more {
    padding: 10px 6px;
    text-wrap: nowrap;
  }
  .header__menu-link--more {
    gap: 2px;
  }
  .header:has(.header__menu--default[compact="false"]) .header__mock-burger,
  .header:not(:has(.header__menu--default)) .header__mock-burger {
    display: none;
  }
  .header:has(.header__menu--default[compact="true"]) .header__mock-burger {
    display: block;
  }
  .header__menu--default[compact="true"] {
    left: 0;
    position: absolute;
    visibility: hidden;
  }
  .header__menu-link--level-1 {
    color: var(--gsc-color-text--header-menu-level-1);
    padding: var(--gsc-item-paddings--header-menu-level-1);
    text-wrap: nowrap;
  }
  .header__menu-link--level-2 {
    color: var(--gsc-color-text--header-menu-level-2);
    padding: var(--gsc-item-paddings--header-menu-level-2);
  }
  .header__menu-link--level-3 {
    color: var(--gsc-color-text--header-menu-level-3);
    padding: var(--gsc-item-paddings--header-menu-level-3);
  }
  .header__menu-link--level-1 .header__menu-link-title {
    font-family: var(--gsc-font-family--header-menu-level-1);
    font-size: var(--gsc-font-size--header-menu-level-1);
    font-style: var(--gsc-font-style--header-menu-level-1);
    font-weight: var(--gsc-font-weight--header-menu-level-1);
    letter-spacing: var(--gsc-letter-spacing--header-menu-level-1);
    line-clamp: 1;
    -webkit-line-clamp: 1;
    line-height: var(--gsc-line-height--header-menu-level-1);
    text-transform: var(--gsc-text-transform--header-menu-level-1);
  }
  .header__menu-link--level-2 .header__menu-link-title {
    font-family: var(--gsc-font-family--header-menu-level-2);
    font-size: var(--gsc-font-size--header-menu-level-2);
    font-style: var(--gsc-font-style--header-menu-level-2);
    font-weight: var(--gsc-font-weight--header-menu-level-2);
    letter-spacing: var(--gsc-letter-spacing--header-menu-level-2);
    line-height: var(--gsc-line-height--header-menu-level-2);
    text-transform: var(--gsc-text-transform--header-menu-level-2);
  }
  .header__menu-link--level-3 .header__menu-link-title {
    font-family: var(--gsc-font-family--header-menu-level-3);
    font-size: var(--gsc-font-size--header-menu-level-3);
    font-style: var(--gsc-font-style--header-menu-level-3);
    font-weight: var(--gsc-font-weight--header-menu-level-3);
    letter-spacing: var(--gsc-letter-spacing--header-menu-level-3);
    line-height: var(--gsc-line-height--header-menu-level-2);
    text-transform: var(--gsc-text-transform--header-menu-level-3);
  }
  .header__menu-link-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
  }
  .header__menu-link-title::before {
    background-color: currentColor;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: 0;
    transition: transform 0.2s ease;
    width: 100%;
  }
  .header__menu-link:hover .header__menu-link-title::before {
    transform: scaleX(1);
  }
  .header__menu-link-icon {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .header__menu-link--level-1 .header__menu-link-icon {
    transition: transform 0.2s ease;
  }
  .header__menu-link--level-2 .header__menu-link-icon {
    height: 20px;
    transform: rotate(-90deg);
    width: 20px;
  }
  .dropdown--open .header__menu-link--level-1 .header__menu-link-icon {
    transform: rotate(180deg);
  }
  .header__menu-link--level-1:hover .header__menu-link-icon {
    transform: rotate(180deg);
  }
  .header__left .header__menu-link--first {
    padding-left: 0;
  }
}
.blur-style {
  &:before {
    backdrop-filter: var(--blur-backdrop-filter);
    border-radius: calc(var(--border-radius) - var(--border-width));
    content: "";
    inset: 0;
    position: absolute;
    transition: border-radius var(--transition-duration);
    will-change: backdrop-filter, border-radius;
  }
}
.megamenu {
  left: calc(-1 * var(--border-width, 0px));
  margin-inline: auto;
  max-height: min(var(--gsc-megamenu-height, -moz-fit-content), 80vh);
  max-height: min(var(--gsc-megamenu-height, fit-content), 80vh);
  overflow: auto;
  padding-inline: var(--margin-inline-start, 0) var(--margin-inline-end, 0);
  position: absolute;
  top: 100%;
  --overflow: auto;
  backdrop-filter: var(--blur-backdrop-filter);
  border-radius: 0 0 var(--header-border-radius) var(--header-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-auto-flow: row;
  opacity: 0;
  overscroll-behavior: contain;
  pointer-events: none;
  scrollbar-width: none;
  transition:
    opacity var(--transition-duration),
    max-height 0.6s cubic-bezier(0.2, 0.8, 0, 1);
  will-change: opacity, max-height;
}
.megamenu.border-gradient-style,
.megamenu.border-style {
  position: absolute;
  --border-radius: 0 0 var(--header-border-radius) var(--header-border-radius);
  border-radius: 0 0 var(--header-border-radius) var(--header-border-radius);
}
.megamenu.shadow-style {
  clip-path: inset(0 -100vmax -100vmax);
}
.header--desktop:has(.megamenu.visible),
.header--desktop:has(.megamenu.visible).blur-style::before {
  --base-radius: calc(var(--header-border-radius) - var(--border-width));
  border-radius: var(--base-radius) var(--base-radius) 0 0 !important;
}
.megamenu--blur {
  backdrop-filter: var(--blur-backdrop-filter);
  will-change: backdrop-filter, mask;
}
.header--desktop-transparent .megamenu {
  padding-inline: unset;
}
.megamenu__page {
  display: grid;
  gap: 40px;
  grid-area: 1/-1;
  grid-template-columns: var(--gsc-page-grid-template, auto);
  height: -moz-fit-content;
  height: fit-content;
  opacity: 0;
  padding: var(--megemenu-page-padding-block-start, 0)
    var(--megemenu-page-padding-inline-end, 0)
    var(--megemenu-page-padding-block-end, 0)
    var(--megemenu-page-padding-inline-start, 0);
  pointer-events: none;
  position: relative;
  transition: opacity 0.2s ease;
}
.megamenu.visible,
.megamenu.visible:hover,
.megamenu__page.visible {
  opacity: 1;
  pointer-events: all;
}
.megamenu__page:has(> div:empty) {
  gap: 0;
}
.header__block .resource-list {
  --overflow: hidden !important;
}
.megamenu__links {
  align-content: start;
  -moz-column-gap: 3%;
  column-gap: 3%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  row-gap: 18px;
  width: 100%;
}
.megamenu__column {
  display: flex;
  flex-direction: column;
}
.megamenu__column .header__menu-link {
  padding: 6px 0;
}
.megamenu__column .header__menu-link--level-2 {
  padding: 8px 0;
}
.megamenu__column .header__menu-link--level-2:not(:only-child) {
  margin-bottom: 4px;
}
.header__block {
  display: block;
}
.collection-counter {
  color: var(--gsc-color-heading-secondary);
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
  text-align: right;
}
@media (width < 750px) {
  .collection-counter:not(.collection-counter--show-in-mobile) {
    display: none;
  }
}
.products-counter {
  color: var(--gsc-color-heading-secondary);
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: 135%;
  text-align: right;
  @media (width < 750px) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (width < 750px) {
  .products-counter:not(.products-counter--show-in-mobile) {
    display: none;
  }
}
.collection-grid-selector {
  display: flex;
  gap: 20px;
}
.collection-grid-selector__item {
  align-items: center;
  color: var(--gsc-color-heading-tertiary);
  cursor: pointer;
  display: flex;
}
.collection-grid-selector--active {
  color: var(--gsc-color-heading);
}
.grid-selector {
  align-items: center;
  display: flex;
  gap: var(--gsc-space-150);
}
.grid-selector__item {
  align-items: center;
  color: var(--gsc-color-heading-secondary);
  cursor: pointer;
  display: flex;
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  line-height: 135%;
  position: relative;
  @media (width >= 750px) {
    align-items: center;
    color: var(--gsc-color-heading-secondary);
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px;
    &:last-child {
      color: var(--gsc-color-heading-secondary);
      margin: var(--gsc-space-100);
    }
    &.grid-selector__item--mobile {
      display: none;
    }
  }
  @media (width < 750px) {
    color: var(--gsc-color-heading-secondary);
    padding: var(--gsc-space-200) var(--gsc-space-100);
    &:last-child {
      padding: var(--gsc-space-200) 0 var(--gsc-space-200) var(--gsc-space-100);
    }
    &.grid-selector__item--desktop {
      display: none;
    }
  }
}
.grid-selector--active {
  color: var(--gsc-color-heading);
  @media (width >= 750px) {
    svg {
      color: var(--gsc-color-heading);
    }
    &:after {
      background-color: var(--gsc-color-heading);
      bottom: -3px;
      content: "";
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      right: 0;
      width: 100%;
    }
  }
}
.collection-products {
  --collection-products-column-gap: var(--gap);
  --desktop-columns: 4;
  --mobile-columns: 1;
  --columns: var(--desktop-columns);
  display: flex;
  opacity: 1;
  width: 100%;
}
.collection-products__item {
  transition: all 0.2s cubic-bezier(0.18, 0.97, 0.42, 0.97);
  width: calc(
    100% / var(--columns) - var(--collection-products-column-gap) *
      calc(var(--columns) - 1) / var(--columns)
  );
}
.collection-products--transition-disabled .collection-products__item {
  transition: none;
}
.collection-products--hidden {
  opacity: 0;
}
@media (width < 750px) {
  .collection-products {
    --columns: calc(var(--desktop-columns) - 2);
  }
}
.dropdown {
  display: block;
  position: relative;
}
.dropdown__content {
  backdrop-filter: var(--blur-backdrop-filter);
  background-color: var(
    --gsc-color-dropdown-content,
    var(--gsc-color-background)
  );
  border-radius: var(--dropdown-border-radius);
  box-shadow: var(--gsc-size-depth-0) var(--gsc-size-depth-600)
    var(--gsc-size-depth-800) var(--gsc-size-depth-neg-300)
    var(--gsc-color-background-black-10);
  display: none;
  min-height: var(--dropdown-min-height);
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.2s;
  width: var(--dropdown-width);
  will-change: opacity;
  z-index: 99;
}
.dropdown__content--dynamic-width {
  width: var(--dropdown-width-custom, var(--dropdown-width));
}
.dropdown[aria-expanded="true"] > .dropdown__content,
.dropdown__content[aria-expanded="true"] {
  display: block;
  pointer-events: all;
}
.dropdown__content.visible {
  opacity: 1;
  pointer-events: all;
}
.dropdown__content--mobile-modal {
  backdrop-filter: none;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.dropdown__mobile-modal-panel {
  backdrop-filter: var(--blur-backdrop-filter);
  background-color: var(
    --gsc-color-dropdown-content,
    var(--gsc-color-background)
  );
  border-radius: var(--dropdown-border-radius);
  box-shadow: var(--gsc-size-depth-0) var(--gsc-size-depth-600)
    var(--gsc-size-depth-800) var(--gsc-size-depth-neg-300)
    var(--gsc-color-background-black-10);
  min-height: var(--dropdown-min-height);
  padding: 10px;
  position: relative;
  width: 100%;
}
.dropdown__mobile-modal-close,
.dropdown__mobile-modal-overlay {
  display: none;
}
@media (width < 750px) {
  .dropdown__mobile-modal-overlay {
    background-color: var(--gsc-color-overlay);
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity 0.2s;
    z-index: 102;
  }
  .dropdown__mobile-modal-overlay[aria-hidden="false"] {
    display: block;
    pointer-events: all;
  }
  .dropdown__mobile-modal-overlay.visible {
    opacity: 1;
  }
  .dropdown__content--mobile-modal {
    align-items: flex-end;
    height: 100dvh;
    inset: 0;
    justify-content: center;
    min-height: 0;
    padding-block: 20px 76px;
    padding-inline: 20px;
    pointer-events: none;
    position: fixed;
    transform: translateY(5%);
    transition:
      transform 0.2s,
      opacity 0.2s;
    width: 100%;
    z-index: 103;
  }
  .dropdown__content--mobile-modal[aria-expanded="true"] {
    display: flex;
  }
  .dropdown__content--mobile-modal.visible {
    pointer-events: none;
    transform: translateY(0);
  }
  .dropdown__mobile-modal-panel {
    max-height: 100%;
    overflow: auto;
    width: 100%;
    --overflow: auto !important;
    overscroll-behavior: contain;
    pointer-events: all;
    scrollbar-width: none;
  }
  .dropdown__mobile-modal-close {
    align-items: center;
    background-color: var(--gsc-color-background);
    border-radius: var(--gsc-border-radius-full);
    color: var(--gsc-color-heading);
    display: flex;
    height: 36px;
    inset-block-end: 20px;
    inset-inline-start: 50%;
    justify-content: center;
    pointer-events: all;
    position: absolute;
    transform: translateX(-50%);
    width: 36px;
  }
}
.collection-sort-selector {
  align-items: center;
  color: var(--gsc-color-heading);
  display: flex;
  font-size: var(--gsc-font-size-350);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
}
.collection-sort-selector__list {
  display: flex;
  flex-direction: column;
  padding: 5px;
}
.collection-sort-selector__item {
  border-radius: 8px;
  cursor: pointer;
  padding: 10px 15px;
}
.collection-sort-selector__trigger {
  align-items: center;
  display: flex;
  gap: 8px;
}
.collection-sort-selector__item:hover {
  background-color: var(--gsc-color-surface);
}
.collection-sort-selector__item.collection-sort-selector--active {
  background-color: var(--gsc-color-background);
}
.collection-sort-selector--disabled {
  opacity: 0.8;
  pointer-events: none;
}
@media (width < 750px) {
  .collection-sort-selector span {
    display: none;
  }
}
.sort-selector {
  align-items: center;
  color: var(--gsc-color-heading);
  display: flex;
  font-size: var(--gsc-font-size-350);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
}
.sort-selector__trigger {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--gsc-space-200);
  .sort-selector--plain & {
    color: var(--gsc-color-heading);
    font-family: var(--gsc-font-body--family);
    font-size: var(--gsc-font-size-350);
    font-style: normal;
    font-weight: var(--gsc-font-weight-medium);
    line-height: 140%;
    padding-block: var(--gsc-space-200);
  }
}
.sort-selector__list {
  display: flex;
  flex-direction: column;
  padding: 5px;
}
.sort-selector__item {
  border-radius: 8px;
  cursor: pointer;
  padding: 10px 15px;
}
.sort-selector__item:hover {
  background-color: var(--gsc-color-surface);
}
.sort-selector__item.sort-selector--active {
  background-color: var(--gsc-color-surface);
}
.sort-selector--disabled {
  opacity: 0.8;
  pointer-events: none;
}
@media (width < 750px) {
  .sort-selector span {
    display: none;
  }
}
.tooltip {
  display: flex;
  position: relative;
}
.tooltip .tooltiptext {
  background: var(--gsc-color-background);
  border-radius: 8px;
  box-shadow: 0 1px 10px 1px var(--gsc-color-background-10);
  color: var(--gsc-color-text);
  display: none;
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
  opacity: 0;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  width: 80px;
  z-index: 100;
}
.tooltip .tooltiptext::after {
  border-color: transparent transparent var(--gsc-color-background) transparent;
  border-style: solid;
  border-width: 5px;
  bottom: 100%;
  content: " ";
  left: 50%;
  margin-left: -5px;
  position: absolute;
}
@media (hover: hover) {
  .tooltip:hover .tooltiptext {
    display: block;
    left: 50%;
    margin-left: -40px;
    opacity: 1;
    padding: 8px 12px;
    top: calc(100% + 5px);
    width: 80px;
  }
}
.collection-filter-button {
  align-items: center;
  color: var(--gsc-color-heading);
  cursor: pointer;
  display: flex;
  font-size: var(--gsc-font-size-400);
  font-style: normal;
  font-weight: var(--gsc-font-weight-semibold);
  gap: 8px;
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-6xl);
}
@media (width < 750px) {
  .collection-filter-button span {
    display: none;
  }
}
.collapsible-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  opacity: 1;
  scrollbar-width: none;
  transition: opacity var(--animation-speed-slow) var(--animation-easing);
  width: 100%;
}
collapsible-list:defined[data-max-rows-mobile]:not([data-rows-ready]),
collapsible-list:defined[data-max-rows]:not([data-rows-ready]) {
  opacity: 0;
}
.collapsible-list .collapsible-list__inner {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-400);
  margin-block-end: 10px;
  width: 100%;
  .drawer--temporary & {
    padding: 3px 20px;
  }
}
.collapsible-list .collapsible-list__search {
  display: none;
  padding-block-end: var(--gsc-space-300);
  .drawer--temporary & {
    padding: 0 20px 12px;
    @media (width < 750px) {
      padding-bottom: 20px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px;
    }
  }
}
.collapsible-list--open .collapsible-list__search {
  display: flex;
}
.collapsible-list[data-inline] .collapsible-list__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gsc-space-300);
}
@media (width < 750px) {
  .collapsible-list[data-inline-mobile] .collapsible-list__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gsc-space-300);
  }
}
.collapsible-list--open .collapsible-list__inner {
  max-height: 280px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 3px;
}
.collapsible-list__item {
  display: none;
}
.collapsible-list__item:nth-child(-n + 6) {
  display: inline-flex;
}
.collapsible-list[data-max-rows] .collapsible-list__item {
  display: inline-flex;
}
@media (width < 750px) {
  .collapsible-list[data-max-rows-mobile] .collapsible-list__item {
    display: inline-flex;
  }
}
.collapsible-list:not(.collapsible-list--open)
  .collapsible-list__item[data-truncated] {
  display: none;
}
.collapsible-list--open .collapsible-list__item {
  display: inline-flex;
}
.collapsible-list .collapsible-list__item[data-hidden] {
  display: none;
}
.collapsible-list__collapse,
.collapsible-list__more,
.collapsible-list__nothing {
  align-items: center;
  color: var(--gsc-color-heading-secondary);
  display: flex;
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  gap: var(--gsc-space-100);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
  padding: var(--gsc-space-200) 0;
}
.drawer--temporary .collapsible-list__collapse,
.drawer--temporary .collapsible-list__more:not(.facet-switch),
.drawer--temporary .collapsible-list__nothing {
  padding-inline: 20px;
}
.collapsible-list[data-inline] .collapsible-list__more[hidden],
.collapsible-list__more[hidden] {
  display: none;
}
.collapsible-list__collapse,
.collapsible-list__more {
  cursor: pointer;
}
.collapsible-list__more {
  .filter--full-screen & {
    display: none !important;
  }
}
.collapsible-list__collapse {
  display: none;
}
.collapsible-list--open .collapsible-list__collapse {
  display: flex;
}
.collapsible-list--open .collapsible-list__more {
  display: none;
}
.collapsible-list__nothing {
  display: none;
}
.collapsible-list--nothing-found .collapsible-list__nothing {
  display: flex;
}
.collapsible-list--nothing-found .collapsible-list__collapse,
.collapsible-list--nothing-found .collapsible-list__inner,
.collapsible-list--nothing-found[data-inline] .collapsible-list__collapse,
.collapsible-list--nothing-found[data-inline] .collapsible-list__inner {
  display: none;
}
.collapsible-list--full-height {
  gap: 0;
  overflow-y: auto;
}
.collapsible-list--full-height .collapsible-list__collapse {
  display: none;
}
.collapsible-list--full-height .collapsible-list__search {
  background-color: var(--drawer-background-color, var(--gsc-color-background));
  justify-content: center;
  padding-bottom: var(--gsc-space-400);
  position: sticky;
  top: 0;
  z-index: 300;
}
.collapsible-list--full-height .collapsible-list__inner {
  flex-wrap: nowrap;
  max-height: none;
  overflow-y: initial;
  padding-bottom: var(--gsc-space-400);
}
.collapsible-list__status {
  align-items: start;
  align-self: stretch;
  display: none;
  max-width: 100%;
  min-width: 0;
  width: 100%;
  .drawer--temporary & {
    padding: 0 20px 15px;
  }
}
.collapsible-list--full-height
  .collapsible-list__status:has(.collapsible-list__remove-button) {
  display: block;
}
.collapsible-list__status-list {
  max-width: 100%;
  width: 100%;
}
.collapsible-list__remove-button:not(
  .collapsible-list__remove-button--clear-all
) {
  .filter-chip {
    cursor: default;
  }
  .filter-chip__close {
    cursor: pointer;
  }
}
@media (width < 750px) {
  .filter:not(.filter--full-screen) .collapsible-list .collapsible-list__inner {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .filter.filter--full-screen .collapsible-list .collapsible-list__inner {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: var(--gsc-space-600);
  }
}
.filter {
  display: flex;
  flex-direction: column;
  &.filter--full-screen {
    background-color: var(
      --drawer-background-color,
      var(--gsc-color-background)
    );
    border-top-left-radius: max(
        0px,
        calc(
          var(--drawer-corner-radius-mobile, 0px) -
            var(--border-left-width, 0px)
        )
      )
      max(
        0px,
        calc(
          var(--drawer-corner-radius-mobile, 0px) - var(--border-top-width, 0px)
        )
      );
    border-top-right-radius: max(
        0px,
        calc(
          var(--drawer-corner-radius-mobile, 0px) -
            var(--border-right-width, 0px)
        )
      )
      max(
        0px,
        calc(
          var(--drawer-corner-radius-mobile, 0px) - var(--border-top-width, 0px)
        )
      );
    bottom: calc(
      88px + var(--drawer-offset-bottom, 0px) + var(--border-bottom-width, 0px)
    );
    gap: 0;
    left: calc(var(--drawer-offset-left, 0px) + var(--border-left-width, 0px));
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    right: calc(
      var(--drawer-offset-right, 0px) + var(--border-right-width, 0px)
    );
    top: calc(var(--drawer-offset-top, 0px) + var(--border-top-width, 0px));
    z-index: 150;
  }
  &.filter--hidden {
    display: none;
  }
  .filter__header {
    display: flex;
    padding: var(--gsc-space-400) 0;
    .drawer--temporary & {
      padding: var(--gsc-space-400) 20px;
    }
    .filter--full-screen & {
      padding: var(--gsc-space-400);
      position: sticky;
    }
    .filter--hidden-header & {
      display: none;
    }
    .filter__header-container {
      align-items: end;
      display: flex;
      justify-content: space-between;
      width: 100%;
      .filter--full-screen & {
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
        width: 100%;
      }
      .filter__back-button {
        display: none;
        .filter--full-screen & {
          cursor: pointer;
          display: flex;
          left: 0;
          position: absolute;
        }
      }
      .filter__label {
        align-items: center;
        color: var(--gsc-color-heading);
        display: flex;
        font-size: var(--gsc-font-size-350);
        font-style: normal;
        font-weight: var(--gsc-font-weight-medium);
        letter-spacing: var(--gsc-font-letter-normal);
        line-height: var(--gsc-font-line-height-5xl);
        text-transform: var(--filter-label-case);
        .filter--full-screen & {
          color: var(--gsc-color-heading);
          font-size: var(--gsc-font-size-400);
          font-style: normal;
          font-weight: var(--gsc-font-weight-semibold);
          letter-spacing: var(--gsc-font-letter-normal);
          line-height: var(--gsc-font-line-height-6xl);
        }
        .filter__icon {
          display: none;
        }
        .filter--collapsible & {
          cursor: pointer;
          .filter__icon {
            display: block;
            transition: transform 0.2s;
            will-change: transform;
            .filter--opened & {
              transform: rotate(180deg);
            }
            .filter--full-screen & {
              display: none;
            }
          }
        }
      }
      .filter__reset {
        color: var(--gsc-color-heading);
        font-size: var(--gsc-font-size-300);
        font-style: normal;
        font-weight: var(--gsc-font-weight-regular);
        letter-spacing: var(--gsc-font-letter-normal);
        line-height: var(--gsc-font-line-height-5xl);
        text-decoration: none;
        .filter--full-screen & {
          color: var(--gsc-color-heading);
          cursor: pointer;
          font-size: var(--gsc-font-size-400);
          font-style: normal;
          font-weight: var(--gsc-font-weight-regular);
          letter-spacing: var(--gsc-font-letter-normal);
          line-height: var(--gsc-font-line-height-6xl);
          position: absolute;
          right: 0;
          text-decoration: none;
        }
      }
    }
  }
  .filter__body {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    .filter--collapsible & {
      grid-template-rows: 0fr;
    }
    .filter__inner {
      display: none;
      min-height: -moz-fit-content;
      min-height: fit-content;
      min-width: 0;
      opacity: 0;
      transition:
        opacity 0.3s,
        display allow-discrete 0.3s;
      width: 100%;
    }
    .filter--opened & {
      grid-template-rows: 1fr;
      .filter__inner {
        display: flex;
        opacity: 1;
        transition:
          opacity 0.3s 0.15s,
          display allow-discrete 0.3s;
        .facet-filters--rendered & {
          @starting-style {
            opacity: 0;
          }
        }
      }
    }
    .filter--full-screen & {
      height: 100%;
      overflow: hidden;
    }
  }
}
.cart-nav-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}
.cart-nav-button__badge {
  align-items: center;
  background-color: var(--gsc-color-heading);
  border-radius: 24px;
  color: var(--cart-nav-button-badge-text-color);
  display: flex;
  font-size: 11px;
  height: 20px;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: -4px;
  top: -4px;
  width: 20px;
}
.cart-nav-button--empty .cart-nav-button__badge {
  display: none;
}
.cart-line-items {
  container-name: cart-line-items;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}
.cart-line-items__header {
  align-items: start;
  border-bottom: 1px solid var(--gsc-color-heading-10);
  height: 44px;
}
.cart-line-items__action,
.cart-line-items__main,
.cart-line-items__total {
  align-items: center;
  color: var(--gsc-color-heading);
  display: flex;
  font-size: var(--gsc-font-size-350);
  font-style: normal;
  font-weight: var(--gsc-font-weight-semibold);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
}
.cart-line-items__main {
  flex: 1;
  justify-content: start;
}
.cart-line-items__total {
  justify-content: end;
}
.cart-line-items__action {
  justify-content: end;
}
.cart-line-items__body {
  display: flex;
  flex-direction: column;
  gap: var(--cart-items-list-gap, 20px);
  width: 100%;
}
.cart-line-items__body--with-dividers {
  gap: 0;
}
.cart-line-item__wrapper-with-recommendations {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-250);
}
.cart-line-items__recommendations {
  background: var(--cart-line-recommendations-background, transparent);
  border-radius: var(--cart-line-recommendations-radius, 0);
  min-width: 0;
  overflow: hidden;
}
.cart-line-items__recommendations .smart-list__arrow {
  --carousel-arrows-offset: 8px;
}
.cart-line-items__recommendations .button--nav {
  --button-background: var(--gsc-color-background-black-100);
  --button-color: var(--gsc-color-background-white-100);
  --button-border-color: var(--gsc-color-background-white-100);
  --gsc-color-arrow-primary-button-bg-hover: var(
    --gsc-color-background-black-100
  );
  --gsc-color-arrow-primary-button-border-hover: var(
    --gsc-color-background-white-100
  );
}
.cart-line-items__recommendations--card-plain .smart-list__item {
  --carousel-mobile-item-width: 68px;
  --carousel-item-width: 68px;
}
.cart-line-items__recommendations--card-vertical .smart-list__item {
  --carousel-mobile-item-width: var(--cart-drawer-image-width, 120px);
  --carousel-item-width: var(--cart-drawer-image-width, 120px);
}
.cart-line-items__recommendations--card-horizontal .smart-list__item {
  --carousel-mobile-item-width: 320px;
  --carousel-item-width: 320px;
}
.cart-line-items__recommendations .product-list-block__header {
  min-height: unset;
}
.cart-line-items__recommendations
  .product-list-block__header
  .product-list-block__navigation {
  gap: var(--gsc-space-400);
}
.cart-line-items__recommendations .product-list-block__header .button--nav {
  padding: 0;
  --button-background: transparent;
  --button-color: var(--gsc-color-background-black-100);
}
.cart-line-items__recommendations--with-background {
  padding: var(--gsc-space-300);
}
.cart-line-items__recommendations .product-list-block {
  gap: var(--gsc-space-300);
}
.cart-line-items__body:has(.cart-line-item__wrapper-with-recommendations) {
  --cart-items-list-gap: var(--gsc-space-800);
}
.cart-line-items__body--with-dividers
  .cart-line-item__wrapper-with-recommendations {
  border-top: 1px solid var(--gsc-color-heading-10);
  padding-block: var(--gsc-space-800);
}
.cart-line-items__body--with-dividers
  .cart-line-item__wrapper-with-recommendations:first-of-type {
  border-top: none;
  padding-top: 0;
}
.cart-line-items--mobile .cart-line-items__header {
  display: none;
}
.cart-line-items--desktop {
  display: flex;
}
@media (width < 750px) {
  .cart-line-items--auto .cart-line-items__header {
    display: none;
  }
  .cart-line-items__recommendations--card-horizontal .smart-list__item {
    --carousel-mobile-item-width: 280px;
    --carousel-item-width: 280px;
  }
}
@media (width >= 750px) {
  .cart-line-items__recommendations--with-background {
    padding: var(--gsc-space-400);
  }
}
.cart-line-item {
  align-items: center;
  display: flex;
  position: relative;
  transition: opacity 0.2s;
  will-change: opacity;
}
.cart-line-items__body--with-dividers:not(
    :has(.cart-line-item__wrapper-with-recommendations)
  )
  .cart-line-item {
  border-top: 1px solid var(--gsc-color-heading-10);
  padding-block: 20px;
}
.cart-line-items__body--with-dividers:not(
    :has(.cart-line-item__wrapper-with-recommendations)
  )
  .cart-line-item:first-of-type {
  border-top: none;
  padding-top: 0;
}
.cart-line-drop {
  padding-block: 4px;
}
.cart-line-item__image {
  align-self: flex-start;
  display: block;
  width: 120px;
}
.cart-line-item__details {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}
.cart-line-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-item-title-max-lines);
  line-clamp: var(--line-item-title-max-lines);
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: var(--line-item-title-case);
  word-break: break-word;
}
.cart-line-item__title--truncated-1 {
  max-block-size: 1lh;
}
.cart-line-item__title--truncated-2 {
  max-block-size: 2lh;
}
.cart-line-item__title--truncated-3 {
  max-block-size: 3lh;
}
.cart-line-item__title.text-custom {
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-style: var(--font-style);
  font-weight: var(--font-weight);
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height);
  text-transform: var(--case-override);
}
.cart-line-item__variant {
  color: var(--gsc-color-heading-secondary);
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: 135%;
}
.cart-line-item__properties {
  color: var(--gsc-color-heading-secondary);
  display: flex;
  flex-direction: column;
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  gap: 4px;
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: 135%;
  margin: 0;
}
.cart-line-item__property {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.cart-line-item__property dd,
.cart-line-item__property dt {
  margin: 0;
}
.cart-line-item__property dd {
  min-width: 0;
}
.cart-line-item__discounts {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--gsc-font-size-300);
  font-weight: var(--gsc-font-weight-regular);
  line-height: 135%;
  margin-block: 4px;
  row-gap: 4px;
}
.cart-line-item__discount {
  align-items: center;
  background-color: var(--gsc-color-surface);
  border-radius: 14px;
  display: flex;
  font-weight: var(--gsc-font-weight-medium);
  gap: 4px;
  padding: 4px 12px 4px 8px;
}
.cart-line-item__price {
  align-items: center;
  display: flex;
  gap: 10px;
}
.cart-line-item__prices {
  align-items: baseline;
  display: flex;
  gap: 5px;
}
.cart-line-item__price-regular.text-custom {
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-style: var(--font-style);
  font-weight: var(--font-weight);
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height);
  text-transform: var(--case-override);
}
.cart-line-item__compare-at-price {
  color: var(--gsc-color-heading-tertiary);
  font-size: var(--gsc-font-size-275);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
  text-decoration: line-through;
}
.cart-line-item__price-discount {
  align-items: flex-start;
  background: var(--gsc-color-critical-primary-25);
  border-radius: 14px;
  color: var(--gsc-color-critical-primary);
  display: flex;
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-semibold);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-3xl);
  padding: var(--gsc-space-050) var(--gsc-space-150);
  white-space: nowrap;
}
.cart-line-item__unit-price {
  color: var(--gsc-color-heading-secondary);
  display: none;
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: 135%;
  .cart-line-item__details & {
    @media (width < 750px) {
      display: block;
    }
  }
  .cart-drawer &,
  .cart-line-item__total & {
    display: block;
  }
}
.cart-line-item__selling-plan {
  color: var(--gsc-color-heading-secondary);
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: 135%;
}
.cart-line-item__remove {
  align-items: center;
  color: var(--gsc-color-heading-tertiary);
  display: flex;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  opacity: 0;
  transition: opacity 0.2s;
  will-change: opacity;
}
.cart-line-item__remove svg {
  transition: color 0.2s;
}
.cart-line-item--auto .cart-line-item__price-discount {
  display: none;
}
@media (width >= 750px) {
  .cart-line-item--auto,
  .cart-line-items__header {
    display: grid;
    gap: 16px;
    grid-template-columns: 4fr 1fr 1fr;
  }
  .cart-line-item--auto .cart-line-item__action .cart-line-item__remove {
    opacity: 0;
  }
  .cart-line-item--mobile .cart-line-item__title,
  .cart-line-item--mobile .cart-line-item__variant {
    max-width: 90%;
  }
  .cart-line-item--mobile:focus-within,
  .cart-line-item--mobile:hover {
    .cart-line-item__details .cart-line-item__remove {
      opacity: 1;
    }
  }
  .cart-line-item--auto:focus-within,
  .cart-line-item--auto:hover {
    .cart-line-item__action .cart-line-item__remove {
      opacity: 1;
    }
  }
  .cart-line-item__remove:hover {
    color: var(--gsc-color-heading);
  }
}
.cart-line-item__details .cart-line-item__remove {
  position: absolute;
  right: 0;
  top: 4px;
}
.cart-line-item:first-of-type .cart-line-item__details .cart-line-item__remove {
  top: -6px;
}
.cart-line-item__action,
.cart-line-item__main,
.cart-line-item__total {
  display: flex;
}
.cart-line-item__action {
  align-items: center;
}
.cart-line-item__total {
  align-items: end;
  flex-direction: column;
}
.cart-line-item__action,
.cart-line-item__total {
  justify-content: end;
}
.cart-line-item__main {
  align-items: center;
  flex: 1;
  gap: 24px;
}
.cart-line-item__total {
  font-size: var(--gsc-font-size-350);
  font-weight: var(--gsc-font-weight-semibold);
}
.cart-line-item__action {
  gap: 10px;
}
.cart-line-item--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.cart-line-item__quantity .input-base__container {
  width: 92px;
}
.cart-line-item--auto .cart-line-item__main .cart-line-item__quantity,
.cart-line-item--desktop .cart-line-item__main .cart-line-item__quantity,
.cart-line-item--mobile .cart-line-item__action,
.cart-line-item--mobile .cart-line-item__action .cart-line-item__quantity,
.cart-line-item--mobile .cart-line-item__total {
  display: none;
}
.cart-line-item--desktop .cart-line-item__action,
.cart-line-item--desktop .cart-line-item__total,
.cart-line-item--mobile .cart-line-item__action .cart-line-item__quantity,
.cart-line-item--mobile .cart-line-item__main .cart-line-item__quantity {
  display: grid;
}
@media (width < 750px) {
  .cart-line-item--auto {
    grid-template-columns: 90%;
  }
  .cart-line-item--auto .cart-line-item__action,
  .cart-line-item--auto .cart-line-item__total {
    display: none;
  }
  .cart-line-item--auto .cart-line-item__main .cart-line-item__quantity {
    display: grid;
  }
  .cart-line-item--auto .cart-line-item__details .cart-line-item__remove,
  .cart-line-item--mobile .cart-line-item__details .cart-line-item__remove {
    opacity: 1;
  }
}
@container cart-line-items (width < 601px) {
  .cart-line-items__header {
    display: none;
  }
  .cart-line-item--auto {
    grid-template-columns: 90%;
  }
  .cart-line-item--auto .cart-line-item__action,
  .cart-line-item--auto .cart-line-item__total {
    display: none;
  }
  .cart-line-item--auto .cart-line-item__main .cart-line-item__quantity {
    display: grid;
  }
  .cart-line-item__main .cart-line-item__quantity {
    margin-top: 8px;
  }
  .cart-line-item--auto:hover .cart-line-item__details .cart-line-item__remove {
    opacity: 1;
  }
}
@container cart-line-items (width < 501px) {
  .cart-line-item__image {
    width: 110px;
  }
  .cart-line-items__recommendations {
    --cart-drawer-image-width: 110px;
  }
}
@container cart-line-items (width < 401px) {
  .cart-line-item__image {
    width: 100px;
  }
  .cart-line-items__recommendations {
    --cart-drawer-image-width: 100px;
  }
}
.cart-line-item__image--media-background {
  background: var(--gsc-product-media-background);
}
.cart-subtotal {
  color: var(--gsc-color-heading);
  display: flex;
  flex-direction: column;
  font-family: var(--gsc-font-body--family);
  font-style: normal;
  gap: 16px;
  letter-spacing: var(--gsc-font-letter-normal);
  position: relative;
  width: 100%;
}
.cart-subtotal__subtotals {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart-subtotal__subtotal {
  display: flex;
  font-size: var(--gsc-font-size-350);
  font-weight: var(--gsc-font-weight-semibold);
  justify-content: space-between;
  line-height: 140%;
}
.cart-subtotal__discounts {
  font-size: var(--gsc-font-size-300);
  font-weight: var(--gsc-font-weight-regular);
  line-height: 135%;
}
.cart-subtotal__discounts-button.accordion-item__button {
  font-size: var(--gsc-font-size-300);
  font-weight: var(--gsc-font-weight-semibold);
  gap: 2px;
}
.cart-subtotal__discounts-button span {
  margin-left: auto;
  padding-left: 8px;
}
.cart-subtotal__discounts-button svg {
  transform: rotate(180deg);
  transition: transform 0.2s;
}
.cart-subtotal__discounts[data-opened="true"]
  .cart-subtotal__discounts-button
  svg {
  transform: rotate(0deg);
}
.cart-subtotal__discounts-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 8px;
}
.cart-subtotal__discount-item {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.cart-subtotal__discount-item-title {
  align-items: center;
  display: flex;
  gap: 4px;
}
.cart-subtotal__discount-item-title b {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 16px;
}
.cart-subtotal .checkbox {
  margin-bottom: 4px;
  margin-top: 4px;
}
.cart-subtotal__total {
  align-items: center;
  color: var(--gsc-color-heading);
  display: flex;
  font-size: var(--gsc-font-size-450);
  font-weight: var(--gsc-font-weight-semibold);
  gap: 8px;
  justify-content: space-between;
  line-height: 160%;
}
.cart-subtotal--disabled {
  opacity: 0.8;
  pointer-events: none;
}
.cart-subtotal__buttons {
  display: flex;
  gap: 12px;
}
.cart-subtotal__buttons:has(.dynamic-checkout-buttons) {
  flex-direction: column;
  gap: 8px;
}
.cart-subtotal__taxes {
  font-size: var(--gsc-font-size-300);
  line-height: 145%;
  margin-top: 4px;
}
.cart-base-toggler {
  display: flex;
  flex: 1;
}
.cart-base-toggler__btn,
.cart-page__summary-toggler .cart-base-toggler__btn {
  align-items: center;
  color: var(--gsc-color-heading);
  display: flex;
  flex: 1;
  font-size: var(--gsc-font-size-350);
  gap: 8px;
  justify-content: center;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}
.cart-base-toggler__btn-icon {
  margin-left: auto;
}
.cart-base-toggler__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px var(--cart-drawer-inline-paddings);
}
.cart-base-toggler__content-title {
  font-size: var(--gsc-font-size-350);
  font-weight: var(--gsc-font-weight-semibold);
}
.cart-base-toggler .drawer .drawer__close-button {
  right: var(--cart-drawer-inline-paddings);
}
.cart-notes {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px var(--cart-drawer-inline-paddings);
}
.cart-notes__title {
  font-size: var(--gsc-font-size-350);
  font-weight: var(--gsc-font-weight-semibold);
}
.cart-shipping-rates {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px var(--cart-drawer-inline-paddings);
}
.cart-shipping-rates__title {
  color: var(--gsc-color-heading);
  font-size: var(--gsc-font-size-350);
  font-weight: var(--gsc-font-weight-semibold);
}
.cart-shipping-rates__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.select .cart-shipping-rates__country-dropdown {
  max-height: 250px;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.cart-shipping-rates__rates {
  background-color: var(--gsc-color-heading-7);
  border-radius: 6px;
  display: flex;
  flex-flow: column;
}
.cart-shipping-rates__rate {
  align-items: center;
  border-bottom: 1px solid var(--gsc-color-heading-10);
  display: flex;
  gap: 4px;
  padding: 14px 16px;
}
.cart-shipping-rates__rate-name {
  font-size: 14px;
  font-weight: 700;
}
.cart-shipping-rates__rate-price {
  font-size: 14px;
}
.cart-shipping-rates__rate:last-child {
  border-bottom: none;
}
.cart-shipping-rates__errors {
  background-color: rgba(255, 0, 0, 0.1);
  border-radius: 6px;
  display: flex;
  flex-flow: column;
}
.cart-shipping-rates__error {
  align-items: center;
  border-bottom: 1px solid var(--gsc-color-critical-primary-25);
  color: var(--gsc-color-critical-primary);
  display: flex;
  font-size: 14px;
  padding: 14px 16px;
}
.cart-shipping-rates__error:last-child {
  border-bottom: none;
}
.cart-shipping-rates--disabled {
  opacity: 0.8;
  pointer-events: none;
}
.cart-shipping-rates__rates--hidden {
  display: none;
}
.cart-shipping-rates__province--hidden {
  display: none;
}
.cart-shipping-rates__errors--hidden {
  display: none;
}
.free-shipping-bar {
  display: flex;
  flex-flow: column;
  gap: var(--gsc-space-200);
  position: relative;
  width: 100%;
}
.free-shipping-bar__label {
  color: var(--gsc-color-heading);
  font-size: var(--gsc-font-size-350);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: var(--gsc-font-line-height-5xl);
  opacity: 1;
}
.free-shipping-bar__progress {
  opacity: 1;
}
.free-shipping-bar--content-hidden .free-shipping-bar__label,
.free-shipping-bar--content-hidden .free-shipping-bar__progress {
  opacity: 0;
}
.free-shipping-bar__label strong {
  font-weight: var(--gsc-font-weight-semibold);
}
.cart-discount-code {
  display: block;
}
.cart-discount-code__form {
  position: relative;
}
.cart-popup-notification__drawer {
  --gsc-drawer-custom-right: 0;
  --gsc-drawer-custom-offset-inline: 20px;
  --gsc-drawer-custom-offset-block: 20px;
}
.cart-popup-notification__drawer.drawer--temporary > .drawer__content {
  overflow: visible;
}
.cart-popup-notification {
  background: var(--gsc-color-background);
  box-shadow:
    -12px 12px 32px 0 rgb(from var(--gsc-color-text) r g b/calc(alpha * 0.05)),
    -24px 24px 80px 0 rgb(from var(--gsc-color-text) r g b/calc(alpha * 0.1));
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 330px;
  justify-content: space-between;
  padding: 20px;
}
.cart-popup-notification__header {
  align-items: center;
  color: var(--gsc-color-text);
  display: flex;
  font-size: var(--gsc-font-size-400);
  font-weight: var(--gsc-font-weight-medium);
  gap: 8px;
  justify-content: space-between;
  --gsc-drawer-close-size: 32px;
}
.cart-popup-notification__buttons {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
@media (width >= 750px) {
  .cart-popup-notification__drawer {
    --gsc-drawer-custom-offset-inline: 76px;
    --gsc-drawer-custom-offset-block: 44px;
  }
  .cart-popup-notification {
    width: 480px;
  }
  .cart-popup-notification .cart-line-item__image {
    width: 120px;
  }
}
.cart-empty {
  align-content: center;
  display: grid;
  gap: 28px;
  height: 100%;
  padding: 24px var(--cart-drawer-inline-paddings);
  place-items: center;
  width: 100%;
}
.cart-empty__title {
  color: var(--gsc-color-heading);
  font-family: var(--gsc-font-heading--family);
  font-size: var(--gsc-font-size-600);
  font-weight: var(--gsc-font-weight-semibold);
  text-align: center;
}
.cart-section {
  width: 100%;
}
.cart-section__inner {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.cart-section--empty .cart-section__inner {
  height: 100%;
}
.cart-section__content {
  display: flex;
  gap: 44px;
  justify-content: center;
  width: 100%;
}
.cart-section--empty {
  height: 50vh;
}
.cart-page__blocks {
  display: grid;
  flex: 2;
  gap: 24px;
}
.cart-page__summary {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 400px;
  min-width: 300px;
  position: relative;
}
.cart-page__summary-toggler {
  --accordion-item-divider-color: rgb(
    from var(--gsc-color-heading) r g b/calc(alpha * 0.1)
  );
}
.cart-page__summary-toggler .cart-base-toggler__btn {
  padding: 12px 0;
}
.cart-page__summary .summary__toggler-separator {
  background-color: var(--accordion-item-divider-color);
  display: block;
  height: 1px;
  width: 100%;
}
.cart-page__summary-toggler .cart-notes,
.cart-page__summary-toggler .cart-shipping-rates {
  gap: 12px;
  padding-bottom: 16px;
}
.cart-subtotal__payment-icons-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cart-subtotal__payment-icons img {
  width: 43px;
}
.cart-subtotal__payment-icons-label {
  color: var(--gsc-color-text);
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.cart-subtotal__payment-icons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
@media (width < 750px) {
  .cart-section__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .cart-page__blocks {
    flex: unset;
  }
  .cart-page__summary {
    max-width: 100%;
  }
}
@media (width >= 750px) {
  .cart-section__content {
    align-items: flex-start;
  }
}
.drawer--temporary > .drawer__content > .drawer__inner.cart-drawer-frame {
  contain: layout;
  overflow: hidden;
  position: relative;
}
.cart-drawer {
  container-name: cart-drawer;
  container-type: inline-size;
  display: grid;
  grid-template-rows: 68px auto;
  height: 100%;
  position: relative;
  width: 100%;
  --cart-drawer-inline-paddings: 32px;
  --cart-drawer-block-gap: 20px;
}
.cart-drawer__header {
  align-items: center;
  border-bottom: 1px solid var(--gsc-color-border);
  color: var(--gsc-color-heading);
  display: flex;
  font-size: 24px;
  font-weight: 500;
  gap: 8px;
  justify-content: space-between;
  padding: 16px 24px;
}
.cart-drawer__header-counter {
  color: var(--gsc-color-heading-secondary);
}
.cart-drawer__content {
  display: flex;
  flex-direction: column;
  overflow: auto;
  scrollbar-width: none;
}
.cart-drawer__content .cart-line-items__body--with-dividers .cart-line-item {
  padding-block: 20px;
}
.cart-drawer__content
  .cart-line-items__body--with-dividers
  .cart-line-item:last-of-type {
  padding-bottom: 0;
}
.cart-drawer__content
  .cart-line-items__body--with-dividers
  .cart-line-item:first-of-type {
  padding-top: 0;
}
.cart-drawer__blocks {
  display: flex;
  flex-direction: column;
  gap: var(--cart-drawer-block-gap);
  --cart-items-list-gap: var(--cart-drawer-block-gap);
  flex: 1;
  padding: 12px var(--cart-drawer-inline-paddings)
    var(--cart-drawer-inline-paddings);
}
.summary__subtotal--floating {
  background: var(--background-color, var(--gsc-color-background));
  border-top: 1px solid transparent;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px var(--cart-drawer-inline-paddings)
    var(--cart-drawer-inline-paddings);
  position: sticky;
  z-index: 1;
}
.summary__subtotal--floating:not([data-floating-footer-targeted])
  .dynamic-checkout-buttons {
  visibility: hidden;
}
.summary__subtotal--floating:has(.dynamic-checkout-buttons) {
  bottom: var(--summary-subtotal-floating-bottom, 0);
}
.cart-drawer__blocks .free-shipping-bar {
  padding: 8px 0 4px;
}
.cart-drawer__summary {
  border-top: 1px solid var(--gsc-color-border);
  margin-top: auto;
}
.cart-drawer__summary #CartDrawerShippingCalculatorModal > .drawer__content {
  height: 100%;
}
.cart-drawer__summary
  #CartDrawerShippingCalculatorModal
  > .drawer__content
  > .drawer__inner {
  bottom: 0;
  height: -moz-fit-content;
  height: fit-content;
  position: fixed;
}
.summary__header {
  align-items: center;
  border-bottom: 1px solid var(--gsc-color-border);
  display: flex;
  justify-content: space-between;
}
.summary__header .summary__toggler-separator {
  background-color: var(--gsc-color-border);
  height: 24px;
  width: 1px;
}
.summary__subtotal {
  padding: 20px var(--cart-drawer-inline-paddings)
    var(--cart-drawer-inline-paddings);
}
.cart-drawer .summary__subtotal {
  padding: 20px var(--cart-drawer-inline-paddings) 0;
}
@container cart-drawer (width < 501px) {
  .cart-drawer__content {
    --cart-drawer-inline-paddings: 28px;
  }
  .cart-line-item__main {
    gap: 20px;
  }
  .cart-line-item__image {
    width: 110px;
  }
  .cart-line-items {
    --cart-drawer-image-width: 110px;
  }
}
@container cart-drawer (width < 401px) {
  .cart-drawer__header {
    padding: 16px 20px;
  }
  .cart-drawer__content {
    --cart-drawer-inline-paddings: 20px;
    --cart-drawer-block-gap: 16px;
  }
  .cart-line-item__main {
    gap: 16px;
  }
  .cart-line-item__image {
    width: 100px;
    --cart-drawer-image-width: 100px;
  }
  .cart-line-items {
    --cart-drawer-image-width: 100px;
  }
}
.drawer {
  --transition-duration: 200ms;
  display: none;
}
.drawer--measuring {
  display: flex;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: var(--drawer-width);
}
.drawer--closing,
.drawer--opening {
  display: flex;
  overflow: clip;
  transition: width var(--transition-duration);
  width: 0;
}
.drawer__wrapper {
  inset: 0;
  position: relative;
}
.drawer--open {
  display: flex;
  width: var(--drawer-width);
}
.drawer--close {
  display: flex;
  width: 0;
}
.drawer__content {
  flex-shrink: 0;
  padding-block-end: var(--drawer-offset-bottom);
  padding-block-start: var(--drawer-offset-top);
  position: relative;
  width: var(--drawer-width);
  will-change: transform;
  .drawer--use-header & {
    height: calc(var(--drawer-height) - var(--gsc-header-height));
    top: var(--gsc-header-height);
  }
}
.drawer__inner {
  height: 100%;
  width: 100%;
}
.drawer__overlay {
  display: none;
  .drawer--use-header & {
    top: var(--gsc-header-height);
  }
}
.drawer__close-button {
  color: var(--gsc-color-heading);
  display: none;
  z-index: 1;
}
.drawer__close-button--with-bg {
  align-items: center;
  background:
    linear-gradient(0deg, hsla(0, 0%, 79%, 0.2) 0, hsla(0, 0%, 79%, 0.2) 100%),
    var(--background-color, var(--gsc-color-background));
  border-radius: 100%;
  color: var(--gsc-color-heading);
  display: flex;
  height: var(--gsc-drawer-close-size, 36px);
  justify-content: center;
  width: var(--gsc-drawer-close-size, 36px);
  z-index: 1;
}
.drawer--temporary {
  transition: none;
  width: 0;
}
.drawer--temporary > .drawer__content {
  bottom: 0;
  overflow: var(--overflow, hidden);
  pointer-events: none;
  position: fixed;
  top: var(--drawer-top, 0);
  width: var(--drawer-width);
  z-index: 100;
}
@media (width >= 750px) {
  .drawer--temporary.drawer--scrollable > .drawer__content > .drawer__inner {
    overflow: auto;
    scrollbar-width: none;
  }
}
@media (width < 750px) {
  .drawer--temporary.drawer--scrollable-on-mobile
    > .drawer__content
    > .drawer__inner {
    overflow: auto;
    scrollbar-width: none;
  }
}
.drawer--temporary > .drawer__content > .drawer__inner {
  background: var(--drawer-background-color, var(--gsc-color-background));
  color: var(--gsc-color-text);
  pointer-events: all;
}
.drawer--temporary.shadow-style > .drawer__content {
  box-shadow: var(--box-shadow);
}
.drawer--temporary.drawer--start > .drawer__content {
  left: 0;
  padding-inline-end: var(--drawer-offset-right);
  padding-inline-start: var(--drawer-offset-left);
  width: var(--drawer-width);
  .drawer--use-header & {
    left: var(--gsc-header-left);
    right: var(--gsc-header-right);
    top: var(--gsc-header-height);
    width: min(var(--gsc-header-width), var(--drawer-width, 100%));
    @media (width < 750px) {
      width: calc(var(--gsc-header-right) - var(--gsc-header-left));
    }
  }
}
.drawer--temporary.drawer--start > .drawer__content {
  transform: translateX(-100%);
  transition: all 0.3s;
}
.drawer--temporary.drawer--end > .drawer__content {
  padding-inline-end: var(--drawer-offset-right);
  padding-inline-start: var(--drawer-offset-left);
  right: 0;
  width: var(--drawer-width);
  .drawer--use-header & {
    left: var(--gsc-header-left);
    right: var(--gsc-header-right);
    top: var(--gsc-header-height);
    width: min(var(--gsc-header-width), var(--drawer-width, 100%));
    @media (width < 750px) {
      width: calc(var(--gsc-header-right) - var(--gsc-header-left));
    }
  }
}
.drawer--temporary.drawer--end > .drawer__content {
  transform: translateX(120%);
  transition: all 0.3s;
}
.drawer--temporary.drawer--top {
  display: flex;
  justify-content: center;
  > .drawer__content {
    height: var(--drawer-height);
    top: 0;
    width: var(--drawer-width);
    .drawer--use-header & {
      display: none;
      left: 50%;
      max-height: calc(
        100vh - (var(--gsc-header-height)) - var(--header-margin-top-desktop) *
          2
      );
      max-width: var(--header-width);
      top: var(--gsc-header-height);
      transform: translateX(-50%);
      width: 100%;
      @media (width < 750px) {
        max-height: calc(
          100vh - var(--gsc-header-height) - var(--header-margin-top-mobile) * 2
        );
        top: var(--gsc-header-height);
      }
      .drawer--closing &,
      .drawer--open &,
      .drawer--opening & {
        display: flex;
      }
      > .drawer__inner {
        height: auto;
      }
    }
    > .drawer__inner {
      transform: translateY(-100%);
      transition: all 0.3s;
    }
  }
}
.drawer--temporary.drawer--custom {
  > .drawer__content {
    height: var(--drawer-height);
    left: var(--gsc-drawer-custom-left, unset);
    padding-block: var(--gsc-drawer-custom-offset-block);
    padding-inline: var(--gsc-drawer-custom-offset-inline);
    right: var(--gsc-drawer-custom-right, unset);
    top: var(--gsc-drawer-custom-top, 0);
    > .drawer__inner {
      transform: var(--gsc-drawer-custom-transform-initial, translateY(-110%));
      transition: transform 0.3s;
    }
  }
}
.drawer--temporary.drawer--custom.drawer--open
  > .drawer__content
  > .drawer__inner {
  transform: var(--gsc-drawer-custom-transform-opened, translateY(0));
}
.drawer--temporary.drawer--bottom > .drawer__content {
  left: 0;
  padding-inline-start: var(--drawer-offset-left, 0);
  top: unset;
  width: var(--drawer-width, 100%);
}
.drawer--temporary.drawer--bottom > .drawer__content {
  transform: translateY(100%);
  transition: all 0.3s;
}
.drawer--temporary.drawer--end.drawer--open > .drawer__content,
.drawer--temporary.drawer--start.drawer--open > .drawer__content {
  transform: translateX(0);
}
.drawer--temporary.drawer--top.drawer--open
  > .drawer__content
  > .drawer__inner {
  transform: translateY(0);
}
.drawer--temporary.drawer--bottom.drawer--open > .drawer__content {
  transform: translateY(0);
}
.drawer--temporary > .drawer__overlay {
  background-color: var(--gsc-color-overlay);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}
.drawer--use-header {
  .drawer__content {
    z-index: 97;
  }
  .drawer__overlay {
    z-index: 96;
  }
}
.drawer--temporary.drawer--closing > .drawer__overlay,
.drawer--temporary.drawer--opening > .drawer__overlay {
  display: block;
  opacity: 0;
  transition: opacity var(--transition-duration);
  will-change: opacity;
}
.drawer--temporary.drawer--open > .drawer__overlay {
  display: block;
  opacity: 1;
}
.drawer--temporary.drawer--close > .drawer__overlay {
  display: block;
  opacity: 0;
}
.drawer--start {
  justify-content: end;
}
.drawer--end {
  justify-content: start;
}
.drawer--no-transition,
.drawer--no-transition * {
  transition: none !important;
}
.drawer--temporary .drawer__close-button {
  cursor: pointer;
  display: flex;
  position: absolute;
  right: 16px;
  top: 20px;
  z-index: 1;
}
@media (width < 750px) {
  .drawer--temporary .drawer__content {
    --drawer-width: 100%;
    --drawer-offset-top: var(--drawer-offset-top-mobile);
    --drawer-offset-bottom: var(--drawer-offset-bottom-mobile);
    --drawer-offset-left: var(--drawer-offset-left-mobile);
    --drawer-offset-right: var(--drawer-offset-right-mobile);
  }
}
.theme-nav-button {
  cursor: pointer;
  display: none;
}
:is(.theme-dark, .theme-light) .theme-nav-button {
  display: block;
}
.theme-nav-button__dark,
.theme-nav-button__light {
  display: none;
}
.theme-dark .theme-nav-button__light {
  display: block;
}
.theme-light .theme-nav-button__dark {
  display: block;
}
.theme-nav-button--show-on-mobile {
  display: none;
}
.theme-nav-button--show-on-desktop {
  display: block;
}
@media (width < 750px) {
  .theme-nav-button--show-on-desktop {
    display: none;
  }
  .theme-nav-button--show-on-mobile {
    display: block;
  }
}
.logo {
  display: flex;
  font-size: var(--gsc-logo-height);
  max-height: calc(
    var(--gsc-logo-height, 100%) + var(--padding-btop-desktop) +
      var(--padding-bottom-desktop)
  );
  max-width: 100%;
  position: relative;
  width: calc(
    var(--gsc-logo-width) + var(--padding-left-desktop) +
      var(--padding-right-desktop)
  );
  @media (width < 750px) {
    font-size: var(--gsc-logo-height-mobile, var(--gsc-logo-height));
    max-height: calc(
      var(--gsc-logo-height-mobile, var(--gsc-logo-height, 100%)) +
        var(--padding-top-desktop) + var(--padding-bottom-desktop)
    );
    width: calc(
      var(--gsc-logo-width-mobile, var(--gsc-logo-width)) +
        var(--padding-left-desktop) + var(--padding-right-desktop)
    );
  }
}
.logo__image-wrapper {
  display: flex;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}
.logo__image {
  height: -moz-fit-content;
  height: fit-content;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.menu-drawer__content {
  border-top: 1px solid var(--gsc-color-border);
  display: grid;
  grid-template-rows: 1fr auto;
  position: relative;
  --drawer-top: var(--gsc-header-height, 0);
  --drawer-offset: var(--margin-top-desktop) var(--margin-right-desktop)
    var(--margin-bottom-desktop) var(--margin-left-desktop);
  transform: translateX(-120%);
  transition: transform var(--transition-duration);
  will-change: transform;
}
.menu-drawer__content {
  --overflow: hidden;
}
.drawer--temporary.drawer--start > .menu-drawer__content {
  margin: var(--drawer-offset);
  padding: 0;
}
.menu-drawer__content:has(.menu-drawer__subpage--single_drawer) {
  overflow: hidden;
}
.menu-drawer__page {
  background-color: var(--background-color, var(--gsc-color-background));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.menu-drawer__page,
.menu-drawer__subpage {
  min-height: 100%;
  overflow: auto;
  padding: var(--padding-top-mobile) var(--padding-right-mobile) 28px
    var(--padding-left-mobile);
  pointer-events: all;
  scrollbar-width: none;
  transition:
    transform var(--transition-duration),
    opacity var(--transition-duration);
  will-change: transform;
}
.drawer--open .menu-drawer__content {
  transform: translateX(0);
}
.menu-drawer__subpage {
  background-color: var(--background-color, var(--gsc-color-background));
  border-top: 1px solid var(--gsc-color-border);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: -1px;
}
.menu-drawer__subpage-content {
  display: contents;
}
.menu-drawer--margin-top .menu-drawer__subpage {
  border-top: unset;
  top: 0;
}
@media (width < 750px) {
  .menu-drawer__content {
    --drawer-offset: var(--margin-top-mobile) var(--margin-right-mobile)
      var(--margin-bottom-mobile) var(--margin-left-mobile);
  }
  .menu-drawer__subpage {
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%);
    z-index: 1;
  }
  .menu-drawer__subpage.active {
    opacity: 1;
    pointer-events: all;
    transform: translateX(0);
  }
  .menu-drawer__subpage.prev {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%);
  }
  .menu-drawer__content:has(.menu-drawer__subpage.active) .menu-drawer__page {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-20%);
  }
}
.menu-drawer__accordion-icon {
  transition: transform var(--transition-duration);
}
.menu-drawer__accordion-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  margin: -4px;
  padding: 4px;
}
.menu-drawer .accordion-item__content {
  padding-left: 20px;
}
.accordion-item[data-opened]
  > [data-accordion-row]
  .menu-drawer__accordion-icon,
.accordion-item[data-opened] > .menu-drawer__link .menu-drawer__accordion-icon {
  transform: rotate(90deg);
}
.accordion-item[data-opened]
  > .menu-drawer__link
  .menu-drawer__link-title::before,
.accordion-item[data-opened]
  > [data-accordion-row]
  .menu-drawer__link-title::before {
  transform: scaleX(1);
}
.menu-drawer__links {
  display: flex;
  flex-flow: column;
}
.menu-drawer__subpage .menu-drawer__links {
  padding-block: 8px;
}
.menu-drawer__link {
  align-items: center;
  color: inherit;
  cursor: pointer;
  display: flex;
  gap: 4px;
  justify-content: space-between;
  width: 100%;
}
.menu-drawer__back-btn {
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-350);
  font-weight: var(--gsc-font-weight-medium);
  justify-content: flex-start;
  padding-block: 8px;
  text-transform: uppercase;
  width: 100%;
}
.header__menu--mixed-drawer > .menu-drawer__link--level-1 {
  padding-inline: 10px;
  text-wrap: nowrap;
}
.menu-drawer__link--level-1 {
  padding-block: var(--gsc-item-paddings--menu-drawer-level-1);
}
.menu-drawer__link--level-2 {
  padding-block: var(--gsc-item-paddings--menu-drawer-level-2);
}
.menu-drawer__link--level-3 {
  padding-block: var(--gsc-item-paddings--menu-drawer-level-3);
}
.header__menu-link-icon,
.menu-drawer__link-title {
  transition: color var(--transition-duration);
}
.menu-drawer__link--level-1 .menu-drawer__link-title {
  color: var(--gsc-color-text--menu-drawer-level-1);
  font-family: var(--gsc-font-family--menu-drawer-level-1);
  font-size: var(--gsc-font-size--menu-drawer-level-1);
  font-style: var(--gsc-font-style--menu-drawer-level-1);
  font-weight: var(--gsc-font-weight--menu-drawer-level-1);
  letter-spacing: var(--gsc-letter-spacing--menu-drawer-level-1);
  line-height: var(--gsc-line-height--menu-drawer-level-1, inherit);
  text-transform: var(--gsc-text-transform--menu-drawer-level-1);
}
.menu-drawer__link--level-2 .menu-drawer__link-title {
  color: var(--gsc-color-text--menu-drawer-level-2);
  font-family: var(--gsc-font-family--menu-drawer-level-2);
  font-size: var(--gsc-font-size--menu-drawer-level-2);
  font-style: var(--gsc-font-style--menu-drawer-level-2);
  font-weight: var(--gsc-font-weight--menu-drawer-level-2);
  letter-spacing: var(--gsc-letter-spacing--menu-drawer-level-2);
  line-height: var(--gsc-line-height--menu-drawer-level-2, inherit);
  text-transform: var(--gsc-text-transform--menu-drawer-level-2);
}
.menu-drawer__link--level-3 .menu-drawer__link-title {
  color: var(--gsc-color-text--menu-drawer-level-3);
  font-family: var(--gsc-font-family--menu-drawer-level-3);
  font-size: var(--gsc-font-size--menu-drawer-level-3);
  font-style: var(--gsc-font-style--menu-drawer-level-3);
  font-weight: var(--gsc-font-weight--menu-drawer-level-3);
  letter-spacing: var(--gsc-letter-spacing--menu-drawer-level-3);
  line-height: var(--gsc-line-height--menu-drawer-level-3, inherit);
  text-transform: var(--gsc-text-transform--menu-drawer-level-3);
}
.menu-drawer__link-icon {
  display: flex;
}
.menu-drawer__link--level-1 .header__menu-link-icon,
.menu-drawer__link--level-1 .menu-drawer__accordion-icon,
.menu-drawer__link--level-1 .menu-drawer__link-icon {
  color: var(--gsc-color-text--menu-drawer-level-1);
  height: var(--gsc-font-size--menu-drawer-level-1);
  width: var(--gsc-font-size--menu-drawer-level-1);
}
.menu-drawer__link--level-2 .menu-drawer__link-icon {
  height: var(--gsc-font-size--menu-drawer-level-2);
  width: var(--gsc-font-size--menu-drawer-level-2);
}
.menu-drawer__link--level-2 .menu-drawer__accordion-icon,
.menu-drawer__link--level-2 .menu-drawer__link-icon,
.menu-drawer__subpage[data-page-level="1"] .menu-drawer__back-btn {
  color: var(--gsc-color-text--menu-drawer-level-2);
}
.menu-drawer__link--level-3 .menu-drawer__link-icon {
  height: var(--gsc-font-size--menu-drawer-level-3);
  width: var(--gsc-font-size--menu-drawer-level-3);
}
.menu-drawer__link--level-3 .menu-drawer__accordion-icon,
.menu-drawer__link--level-3 .menu-drawer__link-icon,
.menu-drawer__subpage[data-page-level="2"] .menu-drawer__back-btn {
  color: var(--gsc-color-text--menu-drawer-level-3);
}
.menu-drawer__link-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
}
.menu-drawer__link-title::before {
  background-color: currentColor;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: 0;
  transition: transform 0.2s ease;
  width: 100%;
}
.menu-drawer__content .header__block {
  display: block;
  margin-top: 20px;
}
.accordion-item__content .header__block {
  margin-bottom: 20px;
}
.menu-drawer__content .header__menu--secondary {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding-top: 28px;
}
.menu-drawer__content .header__menu--secondary .header__menu-link {
  padding-block: 8px;
  width: 100%;
}
.menu-drawer__content .header__menu-link--more-dropdown {
  display: none;
}
.menu-drawer__footer {
  padding: 0 var(--padding-left-mobile) var(--padding-bottom-mobile)
    var(--padding-right-mobile);
}
.menu-drawer__footer-content {
  align-items: center;
  border-top: 1px solid var(--gsc-color-border);
  display: flex;
  height: 48px;
  justify-content: flex-end;
  padding-top: 12px;
  pointer-events: all;
  z-index: 1;
}
.menu-drawer__footer .localization__trigger {
  padding: 10px 8px;
}
.menu-drawer__footer > :first-child {
  margin-right: auto;
}
@media (width >= 750px) {
  :where(.menu-drawer__content .header__block) .smart-list {
    --menu-drawer-carousel-preset: 1;
    --menu-drawer-grid-columns: min(var(--grid-columns, 3), 3);
    --menu-drawer-carousel-columns: min(var(--carousel-columns, 3.3), 3.3);
    --menu-drawer-carousel-stepped-scale: max(
      var(--carousel-stepped-column-scale, 1),
      calc(var(--menu-drawer-carousel-preset, 1) / 3.5)
    );
  }
  :where(.menu-drawer__content .header__block) .smart-list--carousel-preset-4 {
    --menu-drawer-carousel-preset: 4;
  }
  :where(.menu-drawer__content .header__block) .smart-list--carousel-preset-5 {
    --menu-drawer-carousel-preset: 5;
  }
  :where(.menu-drawer__content .header__block) .smart-list--carousel-preset-6 {
    --menu-drawer-carousel-preset: 6;
  }
  :where(.menu-drawer__content .header__block)
    .smart-list
    > .smart-list__items {
    --grid-columns: var(--menu-drawer-grid-columns);
    --carousel-columns: var(--menu-drawer-carousel-columns);
    --carousel-stepped-column-scale: var(--menu-drawer-carousel-stepped-scale);
  }
  :where(.menu-drawer__content .header__block)
    .smart-list--grid:is(
      .smart-list--grid-preset-stepped-4,
      .smart-list--grid-preset-stepped-5,
      .smart-list--grid-preset-stepped-6
    )
    > .smart-list__items
    > .smart-list__item {
    min-width: calc((100% - var(--grid-column-gap) * 2) / 3);
  }
  .menu-drawer__page,
  .menu-drawer__subpage {
    min-height: 100%;
    padding: var(--padding-top-desktop) var(--padding-right-desktop)
      var(--padding-bottom-desktop) var(--padding-left-desktop);
  }
  .menu-drawer__secondary-menu {
    display: none;
  }
  .menu-drawer[data-show-secondary-menu="true"] .menu-drawer__secondary-menu {
    display: block;
  }
  .menu-drawer__subpage--single_drawer {
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%);
  }
  .menu-drawer__subpage--single_drawer.active {
    opacity: 1;
    pointer-events: all;
    transform: translateX(0);
  }
  .menu-drawer__subpage--single_drawer.prev {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%);
  }
  .menu-drawer__content:has(.menu-drawer__subpage--single_drawer.active)
    .menu-drawer__page {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-20%);
  }
  .menu-drawer--mixed .menu-drawer__subpage--accordion {
    opacity: 0;
    pointer-events: none;
    transform: translateX(0);
  }
  .drawer--open.menu-drawer--mixed .menu-drawer__subpage--accordion.active {
    opacity: 1;
    pointer-events: all;
  }
  :where(.menu-drawer[data-menu-type="multi_drawer"])
    > .menu-drawer__content.menu-drawer--margin-top:not(
      :where(.border-style, .border-gradient-style)
    ) {
    border-top: 0;
  }
  .menu-drawer[data-menu-type="multi_drawer"] > .menu-drawer__content {
    --menu-drawer-radius-duration: 300ms;
    --overflow: visible;
  }
  .menu-drawer.drawer--temporary[data-menu-type="multi_drawer"]
    > .menu-drawer__content {
    transition:
      transform 0.3s,
      border-radius var(--menu-drawer-radius-duration);
  }
  .menu-drawer[data-menu-type="multi_drawer"] > .menu-drawer__content::after,
  .menu-drawer[data-menu-type="multi_drawer"] > .menu-drawer__content::before {
    transition: border-radius var(--menu-drawer-radius-duration);
  }
  .menu-drawer__page--multi_drawer,
  .menu-drawer__subpage--multi_drawer {
    transition:
      transform var(--transition-duration),
      opacity var(--transition-duration),
      border-radius var(--menu-drawer-radius-duration);
  }
  .menu-drawer__page--multi_drawer {
    background: var(--background-color, var(--gsc-color-background));
    border-radius: var(--border-radius);
  }
  .menu-drawer__content:has(
      > .menu-drawer__subpage--multi_drawer.active
    )::after,
  .menu-drawer__content:has(
      > .menu-drawer__subpage--multi_drawer.active
    )::before,
  .menu-drawer__content:has(> .menu-drawer__subpage--multi_drawer.active),
  .menu-drawer__content:has(> .menu-drawer__subpage--multi_drawer.active)
    > .menu-drawer__page--multi_drawer {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .header-section:has(.header__menu--mixed-drawer[compact="false"])
    .menu-drawer--mixed
    .menu-drawer__page--multi_drawer {
    display: none;
  }
  .menu-drawer__subpage--multi_drawer {
    background: var(--background-color, var(--gsc-color-background));
    border-left: 1px solid var(--gsc-color-border);
    left: 100%;
    opacity: 0;
    pointer-events: none;
    right: auto;
    transform: translateX(-100%);
    z-index: -3;
    --gsc-drawer-subpage-width: var(--gsc-header-width);
    border-radius: var(--border-radius);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: var(--gsc-drawer-subpage-width, 100%);
  }
  .menu-drawer__subpage--multi_drawer.prev[data-page-level="1"] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  :where(.header-section:has(.header__menu--mixed-drawer[compact="false"]))
    .menu-drawer--mixed
    .menu-drawer__subpage--multi_drawer[data-page-level="1"] {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
  }
  :where(.header-section:has(.header__menu--mixed-drawer[compact="false"]))
    .menu-drawer--mixed
    .menu-drawer__content:has(
      > .menu-drawer__subpage--multi_drawer.active:where([data-page-level="1"])
    ) {
    border-radius: var(--menu-drawer-border-radius);
    &::before {
      border-radius: calc(var(--border-radius) - var(--border-width));
    }
    &::after {
      border-radius: var(--border-radius);
    }
  }
  .drawer__content.border-style .menu-drawer__subpage--multi_drawer {
    border: var(--border-width) var(--border-style) var(--border-color);
    border-width: var(--border-top-width) var(--border-right-width)
      var(--border-bottom-width) 0;
    bottom: calc(-1 * var(--border-bottom-width, 0px));
    top: calc(-1 * var(--border-top-width, 0px));
  }
  .drawer__content.border-gradient-style .menu-drawer__subpage--multi_drawer {
    border: 0;
    bottom: 0;
    overflow: hidden;
    padding: 0;
    top: 0;
    &::after {
      background: var(--border-color);
      border-radius: inherit;
      content: "";
      inset: 0;
      -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
      mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      opacity: var(--border-opacity, 1);
      padding: var(--border-top-width) var(--border-right-width)
        var(--border-bottom-width) 0;
      pointer-events: none;
      position: absolute;
      transition: border-radius var(--menu-drawer-radius-duration);
    }
  }
  :where(.drawer__content.border-gradient-style)
    .menu-drawer__subpage--multi_drawer
    > .menu-drawer__subpage-content {
    display: block;
    height: 100%;
    overflow: auto;
    padding: var(--padding-top-desktop) var(--padding-right-desktop)
      var(--padding-bottom-desktop) var(--padding-left-desktop);
    scrollbar-width: none;
  }
  .menu-drawer__subpage--multi_drawer[data-page-level="1"]:has(
      .menu-drawer__link--level-2.menu-drawer__link--has-children
    ),
  .menu-drawer__subpage--multi_drawer[data-page-level="2"] {
    --gsc-drawer-subpage-width: min(
      var(--gsc-header-width),
      calc(
        calc(
            var(--gsc-header-right) - var(--gsc-header-left) -
              var(--gsc-header-width)
          ) /
          2
      )
    );
  }
  .header-section:has(.header__menu--mixed-drawer[compact="false"])
    .menu-drawer--mixed
    .menu-drawer__subpage--multi_drawer[data-page-level="1"]:has(
      .menu-drawer__link--level-2.menu-drawer__link--has-children
    ),
  .header-section:has(.header__menu--mixed-drawer[compact="false"])
    .menu-drawer--mixed
    .menu-drawer__subpage--multi_drawer[data-page-level="2"] {
    --gsc-drawer-subpage-width: 100%;
  }
  .drawer--open .menu-drawer__subpage--multi_drawer.active,
  .drawer--open .menu-drawer__subpage--multi_drawer.prev[data-page-level="1"] {
    opacity: 1;
    pointer-events: all;
    transform: translateX(0);
    z-index: -1;
  }
  .header-section:has(.header__menu--mixed-drawer[compact="false"])
    .menu-drawer--mixed.drawer--open
    .menu-drawer__subpage--multi_drawer.prev[data-page-level="1"] {
    z-index: 1;
  }
  .drawer--open
    .menu-drawer__content:has(.menu-drawer__subpage--multi_drawer.prev)
    .menu-drawer__subpage--multi_drawer.active[data-page-level="2"] {
    transform: translateX(100%);
    z-index: -2;
  }
  .drawer--open.menu-drawer--mixed
    .menu-drawer__content:has(.menu-drawer__subpage--multi_drawer.prev)
    .menu-drawer__subpage--multi_drawer.active[data-page-level="2"] {
    transform: translateX(0);
  }
  .header-section:has(.header__menu--mixed-drawer[compact="true"])
    .drawer--open.menu-drawer--mixed
    .menu-drawer__content:has(.menu-drawer__subpage--multi_drawer.prev)
    .menu-drawer__subpage--multi_drawer.active[data-page-level="2"] {
    transform: translateX(100%);
  }
  .menu-drawer__subpage--multi_drawer .menu-drawer__back-btn {
    display: none;
  }
  .header-section:has(.header__menu--mixed-drawer[compact="false"])
    .menu-drawer--mixed
    .menu-drawer__subpage
    .menu-drawer__back-btn {
    display: none;
  }
  .header-section:has(.header__menu--mixed-drawer[compact="false"])
    .menu-drawer--mixed
    .menu-drawer__subpage--multi_drawer[data-page-level="1"] {
    left: 0;
    z-index: 1;
  }
  .menu-drawer--mixed .menu-drawer__subpage--multi_drawer[data-page-level="2"] {
    transform: translateX(-100%);
  }
  .menu-drawer__link:hover .menu-drawer__link-title::before {
    transform: scaleX(1);
  }
  .menu-drawer__footer {
    display: none;
  }
}
.burger__button {
  align-items: center;
  color: var(--gsc-color-text);
  display: flex;
  gap: 8px;
  padding: 6px;
  transition: color var(--transition-duration);
}
.burger__icon path {
  transition: transform 0.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.burger--menu-1.opened path:nth-of-type(1) {
  transform: rotate(-45deg) translate(-12px, 10px);
}
.burger--menu-1.opened path:nth-of-type(2) {
  transform: rotate(45deg) translate(5px, -12px);
}
.burger--menu-1.opened path:nth-of-type(3) {
  transform: rotate(-45deg) translate(-12px);
}
.burger--menu-2.opened path:nth-of-type(1) {
  transform: rotate(-45deg) translate(-12px, 9px);
}
.burger--menu-2.opened path:nth-of-type(2) {
  transform: rotate(45deg) translate(6px, -15px);
}
.burger .text__inner {
  text-wrap: nowrap;
  transition: color var(--transition-duration);
}
.menu-links {
  color: var(--gsc-color-text);
  display: flex;
  gap: 28px;
}
.menu-links__link {
  color: inherit;
  text-decoration: none;
}
.menu-links--show-on-mobile {
  display: none;
}
.menu-links--show-on-desktop {
  display: flex;
}
@media (width < 750px) {
  .menu-links--show-on-desktop {
    display: none;
  }
  .menu-links--show-on-mobile {
    display: flex;
  }
}
.tabs {
  display: flex;
  flex-flow: column;
  gap: 16px;
  width: 100%;
}
.tabs__bar {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  overflow-x: auto;
  scrollbar-width: none;
}
.tabs__views {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.tabs__view {
  display: flex;
  display: none;
  flex-shrink: 0;
  opacity: 0;
  position: absolute;
  transition:
    opacity 0.2s,
    display allow-discrete 0.2s;
  width: 100%;
  will-change: opacity;
}
.tabs__tab {
  flex-shrink: 0;
  padding-inline: 2px;
  &:focus-visible {
    outline: 1px auto var(--gsc-color-outline);
    outline-offset: -2px;
  }
}
.tabs__tab,
.tabs__tab p {
  align-items: center;
  color: var(--gsc-color-heading-tertiary);
  cursor: pointer;
  display: flex;
  gap: 10px;
  height: 40px;
  justify-content: center;
}
.tabs__tab p {
  padding: 0;
}
.tabs__tab--active,
.tabs__tab--active.tabs__tab p {
  color: var(--gsc-color-heading);
}
.tabs__view--active {
  display: flex;
  opacity: 1;
  position: relative;
  z-index: 1;
  @starting-style {
    display: flex;
    opacity: 0;
  }
}
.text {
  border: 0 solid transparent;
  border-radius: var(--border-radius);
  min-width: 0;
  opacity: var(--opacity);
  overflow: var(--overflow);
  pointer-events: auto;
  position: relative;
  text-decoration: none;
  .text__inner {
    opacity: var(--text-opacity, 1);
    overflow-wrap: break-word;
    position: relative;
    word-break: break-word;
    .text_append--subscript {
      font-size: 60%;
      line-height: 0;
      vertical-align: baseline;
    }
    .text_append--superscript {
      font-size: 60%;
      line-height: 0;
      position: relative;
      top: 1px;
      vertical-align: super;
    }
  }
}
.text:has(.text__inner:empty) {
  display: none;
}
.text[class*="max-lines"] > .text__inner {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.text--max-lines-1 > .text__inner {
  -webkit-line-clamp: 1;
  max-block-size: 1lh;
}
.text--max-lines-2 > .text__inner {
  -webkit-line-clamp: 2;
  max-block-size: 2lh;
}
.text--max-lines-3 > .text__inner {
  -webkit-line-clamp: 3;
  max-block-size: 3lh;
}
.text--max-lines-4 > .text__inner {
  -webkit-line-clamp: 4;
  max-block-size: 4lh;
}
.text--max-lines-5 > .text__inner {
  -webkit-line-clamp: 5;
  max-block-size: 5lh;
}
.text-align-right[class*="max-lines"] > .text__inner {
  padding-inline-end: 1ch;
}
.text[class*="max-lines"] > .text__inner > .metafield-rich_text_field {
  display: contents;
}
.text[class*="max-lines"]
  > .text__inner
  .metafield-rich_text_field
  :is(p, h1, h2, h3, h4, h5, h6, ul, ol, li, div, blockquote) {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}
.text[class*="max-lines"]
  > .text__inner
  .metafield-rich_text_field
  :is(p, h1, h2, h3, h4, h5, h6, ul, ol, li, div, blockquote)::after {
  content: " ";
  white-space: pre;
}
.spinner {
  --default-size: 30px;
  --default-color: currentColor;
  aspect-ratio: 1;
  position: relative;
  width: var(--spinner-size, var(--default-size));
}
.spinner::before {
  animation:
    spinner-arc 0.8s linear infinite alternate,
    spinner-rotate 1.6s linear infinite;
  border: calc(var(--spinner-size, var(--default-size)) / 8) solid
    var(--spinner-color, var(--default-color));
  border-radius: 50%;
  content: "";
  inset: 0;
  position: absolute;
  will-change: transform, clip-path;
}
@keyframes spinner-arc {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0);
  }
  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  25% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0,
      100% 0,
      100% 100%,
      100% 100%,
      100% 100%
    );
  }
  50% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0,
      100% 0,
      100% 100%,
      50% 100%,
      0 100%
    );
  }
  62.5% {
    clip-path: polygon(
      50% 50%,
      100% 0,
      100% 0,
      100% 0,
      100% 100%,
      50% 100%,
      0 100%
    );
  }
  75% {
    clip-path: polygon(
      50% 50%,
      100% 100%,
      100% 100%,
      100% 100%,
      100% 100%,
      50% 100%,
      0 100%
    );
  }
  100% {
    clip-path: polygon(
      50% 50%,
      50% 100%,
      50% 100%,
      50% 100%,
      50% 100%,
      50% 100%,
      0 100%
    );
  }
}
@keyframes spinner-rotate {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}
.media-polygons {
  height: 100%;
  width: 100%;
}
.resource-list {
  align-items: var(--resource-list--alignment, flex-start);
  display: flex;
  flex-direction: column;
  gap: var(--resource-list--gap);
  @media (width < 750px) {
    gap: var(--resource-list--mobile-gap, var(--resource-list--gap));
  }
}
.resource-list__container {
  width: 100%;
}
.smart-list {
  display: block;
  min-height: -moz-fit-content;
  min-height: fit-content;
  overflow: clip visible;
  position: relative;
}
.smart-list--carousel-overflow-desktop {
  @media (width >= 750px) {
    overflow: visible;
  }
}
.smart-list--carousel-overflow-mobile {
  @media (width < 750px) {
    overflow: visible;
  }
}
.smart-list__viewport {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.smart-list--carousel[data-slide-animation="fade"],
.smart-list--carousel[data-slide-animation="fade"] > .smart-list__viewport {
  @media (width >= 750px) {
    overflow: visible;
  }
}
.smart-list--carousel-mobile[data-mobile-slide-animation="fade"],
.smart-list--carousel-mobile[data-mobile-slide-animation="fade"]
  > .smart-list__viewport {
  @media (width < 750px) {
    overflow: visible;
  }
}
.smart-list:has(.smart-list__viewport) {
  align-items: center;
  display: flex;
  gap: var(--carousel-gap);
  .smart-list__viewport {
    order: 2;
  }
  .smart-list__item {
    flex: 0 0 100%;
    min-width: 0;
  }
  .smart-list__arrow {
    transition: opacity 0.2s ease-in-out;
  }
  .smart-list__arrow[data-prev] {
    order: 1;
  }
  .smart-list__arrow[data-next] {
    order: 3;
  }
  &.smart-list--carousel-arrows-none {
    & > .smart-list__arrow {
      display: none;
    }
  }
  &.smart-list--carousel-arrows-on-hover {
    & > .smart-list__arrow {
      display: flex;
      opacity: 0;
    }
  }
  &.smart-list--carousel-arrows-on-hover:hover {
    & > .smart-list__arrow {
      opacity: 1;
    }
  }
}
.smart-list__items {
  display: flex;
  height: 100%;
  position: relative;
  @media (width >= 750px) {
    will-change: transform, opacity;
  }
}
.smart-list__item {
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  @media (width >= 750px) {
    border-radius: var(--item-corner-radius);
  }
  @media (width < 750px) {
    border-radius: var(--item-mobile-corner-radius);
  }
  &:focus-visible {
    :first-child,
    video {
      outline: 5px solid var(--gsc-color-outline);
      outline-offset: -2px;
    }
  }
  &:has(.shadow-style) {
    overflow: visible;
  }
}
.smart-list__item.shadow-style {
  overflow: hidden;
}
.smart-list__item.border-gradient-style,
.smart-list__item.border-style {
  border-radius: var(--border-radius);
}
.smart-list__item-overlay-content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.smart-list__photoswipe {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 30;
}
.smart-list--carousel-arrows-position-middle-space-between .smart-list__arrow {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s;
  will-change: transform, opacity;
  z-index: 20;
  &[data-prev] {
    left: var(--carousel-arrows-offset);
  }
  &[data-next] {
    right: var(--carousel-arrows-offset);
  }
  .smart-list--carousel-direction-vertical & {
    left: 50%;
    transform: translate(-50%);
    &[data-prev] {
      left: 50%;
      top: var(--carousel-arrows-offset);
    }
    &[data-prev] .button {
      transform: rotate(90deg);
    }
    &[data-next] {
      bottom: var(--carousel-arrows-offset);
      left: 50%;
      right: auto;
      top: auto;
    }
    &[data-next] .button {
      transform: rotate(90deg);
    }
  }
}
.smart-list__arrows {
  display: none;
  gap: var(--carousel-arrows-gap);
  position: absolute;
  transition: opacity 0.3s;
  @media (width < 750px) {
    gap: var(--carousel-mobile-arrows-gap);
  }
}
.smart-list--carousel-arrows-position-top-left .smart-list__arrows {
  left: var(--carousel-arrows-offset);
  top: var(--carousel-arrows-offset);
}
.smart-list--carousel-arrows-position-top-center .smart-list__arrows {
  left: 50%;
  top: var(--carousel-arrows-offset);
  transform: translateX(-50%);
}
.smart-list--carousel-arrows-position-top-right .smart-list__arrows {
  right: var(--carousel-arrows-offset);
  top: var(--carousel-arrows-offset);
}
.smart-list--carousel-arrows-position-bottom-left .smart-list__arrows {
  bottom: var(--carousel-arrows-offset);
  left: var(--carousel-arrows-offset);
}
.smart-list--carousel-arrows-position-bottom-center .smart-list__arrows {
  bottom: var(--carousel-arrows-offset);
  left: 50%;
  transform: translateX(-50%);
}
.smart-list--carousel-arrows-position-bottom-right .smart-list__arrows {
  bottom: var(--carousel-arrows-offset);
  right: var(--carousel-arrows-offset);
}
.smart-list--grid {
  @media (width >= 750px) {
    overflow: visible;
    > .smart-list__items {
      -moz-column-gap: var(--grid-column-gap);
      column-gap: var(--grid-column-gap);
      flex-wrap: wrap;
      row-gap: var(--grid-row-gap);
      > .smart-list__item {
        transition: width 0.3s ease-in-out;
        width: calc(
          100% / var(--grid-columns) - var(--grid-column-gap) *
            calc(var(--grid-columns) - 1) / var(--grid-columns)
        );
        > .product-card--preset-1 {
          height: 100%;
        }
      }
    }
    &.smart-list--grid-preset-1-1 {
      > .smart-list__items {
        > .smart-list__item {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-preset-1-2 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-column-gap) / 2);
        }
        > .smart-list__item:first-child,
        > .smart-list__item:nth-child(3n + 4) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-preset-1-2-2 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-column-gap) / 2);
        }
        > .smart-list__item:first-child {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-preset-1-3 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-column-gap) * 2 / 3);
        }
        > .smart-list__item:first-child,
        > .smart-list__item:nth-child(4n + 5) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-preset-1-3-3 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-column-gap) * 2 / 3);
        }
        > .smart-list__item:first-child {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-preset-1-3-2 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-column-gap) * 2 / 3);
        }
        > .smart-list__item:nth-child(6n - 1),
        > .smart-list__item:nth-child(6n) {
          width: calc(50% - var(--grid-column-gap) / 2);
        }
        > .smart-list__item:nth-child(6n + 1) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-preset-2-1 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-column-gap) / 2);
        }
        > .smart-list__item:nth-child(3n) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-preset-2-1-1 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-column-gap) / 2);
        }
        > .smart-list__item:nth-child(n + 3) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-preset-2-2 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-column-gap) / 2);
        }
      }
    }
    &.smart-list--grid-preset-2-3 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-column-gap) / 2);
        }
        > .smart-list__item:nth-child(5n - 1),
        > .smart-list__item:nth-child(5n - 2),
        > .smart-list__item:nth-child(5n) {
          width: calc(33.33% - var(--grid-column-gap) * 2 / 3);
        }
      }
    }
    &.smart-list--grid-preset-2-3-3 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-column-gap) * 2 / 3);
        }
        > .smart-list__item:nth-child(-n + 2) {
          width: calc(50% - var(--grid-column-gap) / 2);
        }
      }
    }
    &.smart-list--grid-preset-2-3-1 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-column-gap) * 2 / 3);
        }
        > .smart-list__item:nth-child(6n + 1),
        > .smart-list__item:nth-child(6n - 4) {
          width: calc(50% - var(--grid-column-gap) / 2);
        }
        > .smart-list__item:nth-child(6n) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-preset-3-3 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-column-gap) * 2 / 3);
        }
      }
    }
    &.smart-list--grid-preset-4-4 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(25% - var(--grid-column-gap) * 3 / 4);
        }
      }
    }
    &.smart-list--grid-preset-5-5 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(20% - var(--grid-column-gap) * 4 / 5);
        }
      }
    }
    &.smart-list--grid-preset-6-6 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(16.66% - var(--grid-column-gap) * 5 / 6);
        }
      }
    }
    &.smart-list--grid-preset-stepped-2 {
      > .smart-list__items {
        --grid-stepped-column-xxs: 22%;
        --grid-stepped-column-xs: 34%;
        --grid-stepped-column-s: 42%;
        --grid-stepped-column-m: calc(50% - calc(var(--grid-column-gap) / 2));
        --grid-stepped-column-l: 58%;
        --grid-stepped-column-xl: 66%;
        --grid-stepped-column-xxl: 78%;
        > .smart-list__item:nth-child(1) {
          width: calc(var(--grid-stepped-column-s) - var(--grid-column-gap));
        }
        > .smart-list__item:nth-child(2) {
          flex: 1;
        }
        > .smart-list__item:nth-child(3) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(4) {
          flex: 1;
        }
        > .smart-list__item:nth-child(5) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(6) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(7) {
          width: var(--grid-stepped-column-xxs);
        }
        > .smart-list__item:nth-child(8) {
          width: calc(var(--grid-stepped-column-xxl) - var(--grid-column-gap));
        }
        > .smart-list__item:nth-child(9) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(10) {
          width: calc(var(--grid-stepped-column-s) - var(--grid-column-gap));
        }
        > .smart-list__item:nth-child(11) {
          width: var(--grid-stepped-column-xs);
        }
        > .smart-list__item:nth-child(12) {
          width: calc(var(--grid-stepped-column-xl) - var(--grid-column-gap));
        }
        > .smart-list__item:nth-child(13) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(14) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(15) {
          width: var(--grid-stepped-column-xxl);
        }
        > .smart-list__item:nth-child(16) {
          width: calc(var(--grid-stepped-column-xxs) - var(--grid-column-gap));
        }
        > .smart-list__item:nth-child(17) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(18) {
          width: calc(var(--grid-stepped-column-l) - var(--grid-column-gap));
        }
        > .smart-list__item:nth-child(19) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(20) {
          width: calc(var(--grid-stepped-column-xs) - var(--grid-column-gap));
        }
      }
    }
    &.smart-list--grid-preset-stepped-3 {
      > .smart-list__items {
        --grid-stepped-column-s: 25%;
        --grid-stepped-column-m: calc(33% - var(--grid-column-gap));
        --grid-stepped-column-l: calc(42% - var(--grid-column-gap));
        > .smart-list__item:nth-child(1n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(2n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(3n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(4n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(5n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(6n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(7n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(8n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(9n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(10n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(11n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(12n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(13n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(14n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(15n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(16n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(17n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(18n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(19n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(20n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(21n) {
          width: var(--grid-stepped-column-m);
        }
      }
    }
    &.smart-list--grid-preset-stepped-4 {
      > .smart-list__items {
        --grid-stepped-column-s: calc(17% - var(--grid-column-gap));
        --grid-stepped-column-m: 21%;
        --grid-stepped-column-l: calc(29% - var(--grid-column-gap));
        --grid-stepped-column-xl: calc(33% - var(--grid-column-gap));
        > .smart-list__item:nth-child(1n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(2n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(3n) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(4n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(5n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(6n) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(7n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(8n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(9n) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(10n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(11n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(12n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(13n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(14n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(15n) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(16n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(17n) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(18n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(19n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(20n) {
          width: var(--grid-stepped-column-s);
        }
      }
    }
    &.smart-list--grid-preset-stepped-5 {
      > .smart-list__items {
        --grid-stepped-column-s: calc(15% - var(--grid-column-gap));
        --grid-stepped-column-m: 20%;
        --grid-stepped-column-l: calc(25% - var(--grid-column-gap));
        > .smart-list__item:nth-child(n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(2n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(3n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(4n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(5n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(6n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(7n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(8n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(9n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(10n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(11n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(12n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(13n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(14n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(15n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(16n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(17n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(18n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(19n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(20n) {
          width: var(--grid-stepped-column-l);
        }
      }
    }
    &.smart-list--grid-preset-stepped-6 {
      > .smart-list__items {
        --grid-stepped-column-s: calc(12% - var(--grid-column-gap) * 5 / 6);
        --grid-stepped-column-m: calc(17% - var(--grid-column-gap) * 5 / 6);
        --grid-stepped-column-l: calc(20% - var(--grid-column-gap) * 5 / 6);
        > .smart-list__item:nth-child(1n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(2n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(3n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(4n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(5n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(6n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(7n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(8n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(9n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(10n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(11n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(12n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(13n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(14n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(15n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(16n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(17n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(18n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(19n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(20n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(21n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(22n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(23n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(24n) {
          width: var(--grid-stepped-column-m);
        }
      }
    }
    &.smart-list--grid-stepped-align-flex-start {
      > .smart-list__items {
        align-items: flex-start;
      }
    }
    &.smart-list--grid-stepped-align-center {
      > .smart-list__items {
        align-items: center;
      }
    }
    &.smart-list--grid-stepped-align-flex-end {
      > .smart-list__items {
        align-items: flex-end;
      }
    }
    &.smart-list--grid-stepped-align-mixed {
      > .smart-list__items {
        align-items: flex-start;
        > .smart-list__item:nth-child(odd) {
          align-self: flex-end;
        }
      }
    }
  }
}
.smart-list--grid-mobile {
  @media (width < 750px) {
    > .smart-list__items {
      -moz-column-gap: var(--grid-mobile-column-gap);
      column-gap: var(--grid-mobile-column-gap);
      flex-wrap: wrap;
      row-gap: var(--grid-mobile-row-gap);
      > .smart-list__item {
        transition: width 0.3s ease-out;
        width: calc(
          100% / var(--grid-mobile-columns) - var(--grid-mobile-column-gap) *
            calc(var(--grid-mobile-columns) - 1) / var(--grid-mobile-columns)
        );
        > .product-card--preset-1 {
          height: 100%;
        }
      }
    }
    &.smart-list--grid-mobile-preset-1-1 {
      > .smart-list__items {
        > .smart-list__item {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-mobile-preset-1-2 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-mobile-column-gap) / 2);
        }
        > .smart-list__item:first-child,
        > .smart-list__item:nth-child(3n + 4) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-mobile-preset-1-2-2 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-mobile-column-gap) / 2);
        }
        > .smart-list__item:first-child {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-mobile-preset-1-3 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-mobile-column-gap) * 2 / 3);
        }
        > .smart-list__item:first-child,
        > .smart-list__item:nth-child(4n + 5) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-mobile-preset-1-3-3 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-mobile-column-gap) * 2 / 3);
        }
        > .smart-list__item:first-child {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-mobile-preset-1-3-2 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-mobile-column-gap) * 2 / 3);
        }
        > .smart-list__item:nth-child(6n - 1),
        > .smart-list__item:nth-child(6n) {
          width: calc(50% - var(--grid-mobile-column-gap) / 2);
        }
        > .smart-list__item:nth-child(6n + 1) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-mobile-preset-2-1 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-mobile-column-gap) / 2);
        }
        > .smart-list__item:nth-child(3n) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-mobile-preset-2-1-1 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-mobile-column-gap) / 2);
        }
        > .smart-list__item:nth-child(n + 3) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-mobile-preset-2-2 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-mobile-column-gap) / 2);
        }
      }
    }
    &.smart-list--grid-mobile-preset-2-3 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(50% - var(--grid-mobile-column-gap) / 2);
        }
        > .smart-list__item:nth-child(5n - 1),
        > .smart-list__item:nth-child(5n - 2),
        > .smart-list__item:nth-child(5n) {
          width: calc(33.33% - var(--grid-mobile-column-gap) * 2 / 3);
        }
      }
    }
    &.smart-list--grid-mobile-preset-2-3-3 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-mobile-column-gap) * 2 / 3);
        }
        > .smart-list__item:nth-child(-n + 2) {
          width: calc(50% - var(--grid-mobile-column-gap) / 2);
        }
      }
    }
    &.smart-list--grid-mobile-preset-2-3-1 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-mobile-column-gap) * 2 / 3);
        }
        > .smart-list__item:nth-child(6n + 1),
        > .smart-list__item:nth-child(6n - 4) {
          width: calc(50% - var(--grid-mobile-column-gap) / 2);
        }
        > .smart-list__item:nth-child(6n) {
          width: 100%;
        }
      }
    }
    &.smart-list--grid-mobile-preset-3-3 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(33.33% - var(--grid-mobile-column-gap) * 2 / 3);
        }
      }
    }
    &.smart-list--grid-mobile-preset-4-4 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(25% - var(--grid-mobile-column-gap) * 3 / 4);
        }
      }
    }
    &.smart-list--grid-mobile-preset-5-5 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(20% - var(--grid-mobile-column-gap) * 4 / 5);
        }
      }
    }
    &.smart-list--grid-mobile-preset-6-6 {
      > .smart-list__items {
        > .smart-list__item {
          width: calc(16.66% - var(--grid-mobile-column-gap) * 5 / 6);
        }
      }
    }
    &.smart-list--grid-mobile-preset-stepped-2 {
      > .smart-list__items {
        --grid-stepped-column-xxs: 22%;
        --grid-stepped-column-xs: 34%;
        --grid-stepped-column-s: 42%;
        --grid-stepped-column-m: calc(
          50% - calc(var(--grid-mobile-column-gap) / 2)
        );
        --grid-stepped-column-l: 58%;
        --grid-stepped-column-xl: 66%;
        --grid-stepped-column-xxl: 78%;
        > .smart-list__item:nth-child(1) {
          width: calc(
            var(--grid-stepped-column-s) - var(--grid-mobile-column-gap)
          );
        }
        > .smart-list__item:nth-child(2) {
          flex: 1;
        }
        > .smart-list__item:nth-child(3) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(4) {
          flex: 1;
        }
        > .smart-list__item:nth-child(5) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(6) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(7) {
          width: var(--grid-stepped-column-xxs);
        }
        > .smart-list__item:nth-child(8) {
          width: calc(
            var(--grid-stepped-column-xxl) - var(--grid-mobile-column-gap)
          );
        }
        > .smart-list__item:nth-child(9) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(10) {
          width: calc(
            var(--grid-stepped-column-s) - var(--grid-mobile-column-gap)
          );
        }
        > .smart-list__item:nth-child(11) {
          width: var(--grid-stepped-column-xs);
        }
        > .smart-list__item:nth-child(12) {
          width: calc(
            var(--grid-stepped-column-xl) - var(--grid-mobile-column-gap)
          );
        }
        > .smart-list__item:nth-child(13) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(14) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(15) {
          width: var(--grid-stepped-column-xxl);
        }
        > .smart-list__item:nth-child(16) {
          width: calc(
            var(--grid-stepped-column-xxs) - var(--grid-mobile-column-gap)
          );
        }
        > .smart-list__item:nth-child(17) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(18) {
          width: calc(
            var(--grid-stepped-column-l) - var(--grid-mobile-column-gap)
          );
        }
        > .smart-list__item:nth-child(19) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(20) {
          width: calc(
            var(--grid-stepped-column-xs) - var(--grid-mobile-column-gap)
          );
        }
      }
    }
    &.smart-list--grid-mobile-preset-stepped-3 {
      > .smart-list__items {
        --grid-stepped-column-s: 25%;
        --grid-stepped-column-m: calc(33% - var(--grid-mobile-column-gap));
        --grid-stepped-column-l: calc(42% - var(--grid-mobile-column-gap));
        > .smart-list__item:nth-child(1n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(2n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(3n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(4n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(5n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(6n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(7n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(8n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(9n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(10n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(11n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(12n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(13n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(14n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(15n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(16n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(17n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(18n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(19n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(20n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(21n) {
          width: var(--grid-stepped-column-m);
        }
      }
    }
    &.smart-list--grid-mobile-preset-stepped-4 {
      > .smart-list__items {
        --grid-stepped-column-s: calc(17% - var(--grid-mobile-column-gap));
        --grid-stepped-column-m: 21%;
        --grid-stepped-column-l: calc(29% - var(--grid-mobile-column-gap));
        --grid-stepped-column-xl: calc(33% - var(--grid-mobile-column-gap));
        > .smart-list__item:nth-child(1n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(2n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(3n) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(4n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(5n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(6n) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(7n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(8n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(9n) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(10n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(11n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(12n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(13n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(14n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(15n) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(16n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(17n) {
          width: var(--grid-stepped-column-xl);
        }
        > .smart-list__item:nth-child(18n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(19n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(20n) {
          width: var(--grid-stepped-column-s);
        }
      }
    }
    &.smart-list--grid-mobile-preset-stepped-5 {
      > .smart-list__items {
        --grid-stepped-column-s: calc(15% - var(--grid-mobile-column-gap));
        --grid-stepped-column-m: 20%;
        --grid-stepped-column-l: calc(25% - var(--grid-mobile-column-gap));
        > .smart-list__item:nth-child(n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(2n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(3n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(4n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(5n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(6n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(7n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(8n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(9n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(10n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(11n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(12n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(13n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(14n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(15n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(16n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(17n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(18n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(19n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(20n) {
          width: var(--grid-stepped-column-l);
        }
      }
    }
    &.smart-list--grid-mobile-preset-stepped-6 {
      > .smart-list__items {
        --grid-stepped-column-s: 12%;
        --grid-stepped-column-m: calc(17% - var(--grid-mobile-column-gap));
        --grid-stepped-column-l: 20%;
        > .smart-list__item:nth-child(1n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(2n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(3n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(4n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(5n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(6n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(7n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(8n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(9n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(10n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(11n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(12n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(13n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(14n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(15n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(16n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(17n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(18n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(19n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(20n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(21n) {
          width: var(--grid-stepped-column-m);
        }
        > .smart-list__item:nth-child(22n) {
          width: var(--grid-stepped-column-s);
        }
        > .smart-list__item:nth-child(23n) {
          width: var(--grid-stepped-column-l);
        }
        > .smart-list__item:nth-child(24n) {
          width: var(--grid-stepped-column-m);
        }
      }
    }
    &.smart-list--grid-mobile-stepped-align-flex-start {
      > .smart-list__items {
        align-items: flex-start;
      }
    }
    &.smart-list--grid-mobile-stepped-align-center {
      > .smart-list__items {
        align-items: center;
      }
    }
    &.smart-list--grid-mobile-stepped-align-flex-end {
      > .smart-list__items {
        align-items: flex-end;
      }
    }
    &.smart-list--grid-mobile-stepped-align-mixed {
      > .smart-list__items {
        align-items: flex-start;
        > .smart-list__item:nth-child(odd) {
          align-self: flex-end;
        }
      }
    }
  }
}
.smart-list--carousel {
  @media (width >= 750px) {
    > .smart-list__items {
      display: flex;
      flex-direction: var(--carousel-direction);
      scrollbar-width: none;
      will-change: transform;
      > .smart-list__item {
        flex-shrink: 0;
        height: var(--carousel-item-height);
        width: var(
          --carousel-item-width,
          calc(
            100% / var(--carousel-columns) - var(--carousel-gap) *
              calc(var(--carousel-columns) - 1) / var(--carousel-columns)
          )
        );
      }
    }
    &.smart-list--carousel-direction-horizontal {
      > .smart-list__items {
        > .smart-list__item {
          margin-inline-end: var(--carousel-gap);
          &:last-child {
            margin-inline-end: unset;
          }
        }
      }
    }
    &.smart-list--carousel-direction-vertical {
      > .smart-list__items {
        > .smart-list__item {
          margin-block-end: var(--carousel-gap);
          &:last-child {
            margin-block-end: unset;
          }
        }
      }
    }
    &.smart-list--carousel-arrows-none {
      &.smart-list--carousel-arrows-position-middle-space-between
        > .smart-list__arrow {
        display: none;
      }
      > .smart-list__arrows {
        display: none;
      }
    }
    &.smart-list--carousel-arrows-on-hover {
      &.smart-list--carousel-arrows-position-middle-space-between
        > .smart-list__arrow {
        display: flex;
        opacity: 0;
        &[data-prev] {
          transform: translate(-100%, -50%);
        }
        &[data-next] {
          transform: translate(100%, -50%);
        }
        .smart-list--carousel-direction-vertical & {
          &[data-prev] {
            transform: translate(-50%, -100%);
          }
          &[data-next] {
            transform: translate(-50%, 100%);
          }
        }
      }
      .smart-list__arrows {
        opacity: 0;
      }
    }
    &.resource-list--section-selected
      .resource-list__container
      > &.smart-list--carousel-arrows-on-hover,
    &:hover.smart-list--carousel-arrows-on-hover,
    .product-card:not(:has(.product-card__swatches:hover)):hover
      &.smart-list--carousel-arrows-on-hover {
      &.smart-list--carousel-arrows-position-middle-space-between
        > .smart-list__arrow {
        opacity: 1;
        transform: translateY(-50%);
        .smart-list--carousel-direction-vertical & {
          transform: translate(-50%);
        }
        &[disabled] {
          opacity: 1;
          pointer-events: none;
          .smart-list--carousel-disable-behaviour-hide > & {
            opacity: 0;
            pointer-events: none;
          }
        }
      }
      > .smart-list__arrows {
        opacity: 1;
      }
    }
    &.smart-list--carousel-arrows-always {
      &.smart-list--carousel-arrows-position-middle-space-between
        > .smart-list__arrow {
        display: flex;
        &[disabled] {
          opacity: 1;
          pointer-events: none;
          .smart-list--carousel-disable-behaviour-hide > & {
            opacity: 0;
            pointer-events: none;
          }
        }
      }
      .smart-list__arrows {
        display: flex;
      }
    }
    &.smart-list--carousel-arrows-floating {
      cursor: none;
      .smart-list__item {
        video-player {
          pointer-events: none;
        }
      }
    }
    &.smart-list--carousel-preset-1 {
      > .smart-list__items {
        > .smart-list__item {
          width: 100%;
        }
      }
    }
    &.smart-list--carousel-preset-2 {
      > .smart-list__items {
        --stepped-column-xxs: calc(
          22% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap) /
            2
        );
        --stepped-column-xs: calc(
          34% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap) /
            2
        );
        --stepped-column-s: calc(
          42% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap) /
            2
        );
        --stepped-column-m: calc(
          50% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap) /
            2
        );
        --stepped-column-l: calc(
          58% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap) /
            2
        );
        --stepped-column-xl: calc(
          66% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap) /
            2
        );
        --stepped-column-xxl: calc(
          78% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap) /
            2
        );
        > .smart-list__item {
          flex: 1 1 auto;
          &:nth-child(20n + 1) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 2) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 3) {
            max-width: var(--stepped-column-xs);
            min-width: var(--stepped-column-xs);
          }
          &:nth-child(20n + 4) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 5) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 6) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 7) {
            max-width: var(--stepped-column-xs);
            min-width: var(--stepped-column-xs);
          }
          &:nth-child(20n + 8) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 9) {
            max-width: var(--stepped-column-xxl);
            min-width: var(--stepped-column-xxl);
          }
          &:nth-child(20n + 10) {
            max-width: var(--stepped-column-xxs);
            min-width: var(--stepped-column-xxs);
          }
          &:nth-child(20n + 11) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 12) {
            max-width: var(--stepped-column-xs);
            min-width: var(--stepped-column-xs);
          }
          &:nth-child(20n + 13) {
            max-width: var(--stepped-column-xxl);
            min-width: var(--stepped-column-xxl);
          }
          &:nth-child(20n + 14) {
            max-width: var(--stepped-column-xxs);
            min-width: var(--stepped-column-xxs);
          }
          &:nth-child(20n + 15) {
            max-width: var(--stepped-column-xxl);
            min-width: var(--stepped-column-xxl);
          }
          &:nth-child(20n + 16) {
            max-width: var(--stepped-column-xxs);
            min-width: var(--stepped-column-xxs);
          }
          &:nth-child(20n + 17) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 18) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 19) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 20) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
        }
      }
    }
    &.smart-list--carousel-preset-3 {
      > .smart-list__items {
        --stepped-column-s: calc(25% * var(--carousel-stepped-column-scale, 1));
        --stepped-column-m: calc(
          33% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap)
        );
        --stepped-column-l: calc(
          42% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap)
        );
        > .smart-list__item {
          flex: 1 1 auto;
          &:nth-child(21n + 1) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 2) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 3) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 4) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 5) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 6) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 7) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 8) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 9) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 10) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 11) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 12) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 13) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 14) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 15) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 16) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 17) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 18) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 19) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 20) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 21) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
        }
      }
    }
    &.smart-list--carousel-preset-4 {
      > .smart-list__items {
        --stepped-column-s: calc(
          17% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap)
        );
        --stepped-column-m: calc(21% * var(--carousel-stepped-column-scale, 1));
        --stepped-column-l: calc(
          29% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap)
        );
        --stepped-column-xl: calc(
          33% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap)
        );
        > .smart-list__item {
          flex: 1 1 auto;
          &:nth-child(20n + 1) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 2) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 3) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 4) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 5) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 6) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 7) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 8) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 9) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 10) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 11) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 12) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 13) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 14) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 15) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 16) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 17) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 18) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 19) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 20) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
        }
      }
    }
    &.smart-list--carousel-preset-5 {
      > .smart-list__items {
        --stepped-column-s: calc(
          15% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap) /
            2
        );
        --stepped-column-m: calc(
          20% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap)
        );
        --stepped-column-l: calc(
          25% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap)
        );
        > .smart-list__item {
          flex: 1 1 auto;
          &:nth-child(20n + 1) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 2) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 3) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 4) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 5) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 6) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 7) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 8) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 9) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 10) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 11) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 12) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 13) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 14) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 15) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 16) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 17) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 18) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 19) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 20) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
        }
      }
    }
    &.smart-list--carousel-preset-6 {
      > .smart-list__items {
        --stepped-column-s: calc(
          12% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap) /
            2
        );
        --stepped-column-m: calc(
          18% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap)
        );
        --stepped-column-l: calc(
          20% * var(--carousel-stepped-column-scale, 1) - var(--carousel-gap)
        );
        > .smart-list__item {
          flex: 1 1 auto;
          &:nth-child(24n + 1) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 2) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 3) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 4) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 5) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 6) {
            max-width: calc(var(--stepped-column-l));
            min-width: calc(var(--stepped-column-l));
          }
          &:nth-child(24n + 7) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 8) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 9) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 10) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 11) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 12) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 13) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 14) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 15) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 16) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 17) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 18) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 19) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 20) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 21) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 22) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 23) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 24) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
        }
      }
    }
    &.smart-list--carousel-stepped-align-flex-start {
      > .smart-list__items {
        align-items: flex-start;
      }
    }
    &.smart-list--carousel-stepped-align-center {
      > .smart-list__items {
        align-items: center;
      }
    }
    &.smart-list--carousel-stepped-align-flex-end {
      > .smart-list__items {
        align-items: flex-end;
      }
    }
    &.smart-list--carousel-stepped-align-mixed {
      > .smart-list__items {
        align-items: flex-start;
        > .smart-list__item:nth-child(odd) {
          align-self: flex-end;
        }
      }
    }
  }
}
.smart-list--carousel-mobile {
  @media (width < 750px) {
    > .smart-list__items {
      display: flex;
      flex-direction: var(--carousel-mobile-direction);
      flex-wrap: nowrap;
      gap: unset;
      scrollbar-width: none;
      > .smart-list__item {
        flex-shrink: 0;
        margin-inline-end: var(--carousel-mobile-gap);
        width: var(
          --carousel-mobile-item-width,
          calc(
            100% / var(--carousel-mobile-columns) - var(--carousel-mobile-gap) *
              calc(var(--carousel-mobile-columns) - 1) /
              var(--carousel-mobile-columns)
          )
        );
        &:last-child {
          margin-inline-end: unset;
        }
      }
    }
    &.smart-list--carousel-mobile-direction-horizontal {
      > .smart-list__items {
        > .smart-list__item {
          margin-block-end: unset;
          margin-inline-end: var(--carousel-mobile-gap);
          &:last-child {
            margin-inline-end: unset;
          }
        }
      }
    }
    &.smart-list--carousel-mobile-direction-vertical {
      > .smart-list__items {
        > .smart-list__item {
          margin-block-end: var(--carousel-mobile-gap);
          margin-inline-end: unset;
          &:last-child {
            margin-block-end: unset;
          }
        }
      }
    }
    &[data-mobile-slide-animation="slide"]:not([data-disable-scroll-snap]) {
      > .smart-list__items {
        @media (hover: none) and (pointer: coarse) {
          overflow: auto;
          scroll-snap-type: x mandatory;
        }
        > .smart-list__item {
          @media (hover: none) and (pointer: coarse) {
            scroll-snap-align: start;
          }
        }
      }
      &.smart-list--carousel-mobile-direction-horizontal {
        > .smart-list__items {
          @media (hover: none) and (pointer: coarse) {
            overflow-y: hidden;
          }
        }
      }
    }
    &.smart-list--carousel-mobile-arrows-none {
      > .smart-list__arrow,
      > .smart-list__arrows {
        display: none;
      }
    }
    &.smart-list--carousel-mobile-arrows-always {
      > .smart-list__arrow,
      > .smart-list__arrows {
        display: flex;
      }
      > .smart-list__arrow[disabled] {
        .smart-list--carousel-disable-behaviour-hide > & {
          opacity: 0;
          pointer-events: none;
        }
      }
    }
    &.smart-list--carousel-arrows-floating {
      cursor: none;
      .smart-list__item {
        video-player {
          pointer-events: none;
        }
      }
    }
    &.smart-list--carousel-mobile-preset-1 {
      > .smart-list__items {
        > .smart-list__item {
          width: 100%;
        }
      }
    }
    &.smart-list--carousel-mobile-preset-2 {
      > .smart-list__items {
        --stepped-column-xxs: calc(
          22% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap) / 2
        );
        --stepped-column-xs: calc(
          34% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap) / 2
        );
        --stepped-column-s: calc(
          42% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap) / 2
        );
        --stepped-column-m: calc(
          50% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap) / 2
        );
        --stepped-column-l: calc(
          58% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap) / 2
        );
        --stepped-column-xl: calc(
          66% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap) / 2
        );
        --stepped-column-xxl: calc(
          78% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap) / 2
        );
        > .smart-list__item {
          flex: 1 1 auto;
          &:nth-child(20n + 1) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 2) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 3) {
            max-width: var(--stepped-column-xs);
            min-width: var(--stepped-column-xs);
          }
          &:nth-child(20n + 4) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 5) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 6) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 7) {
            max-width: var(--stepped-column-xs);
            min-width: var(--stepped-column-xs);
          }
          &:nth-child(20n + 8) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 9) {
            max-width: var(--stepped-column-xxl);
            min-width: var(--stepped-column-xxl);
          }
          &:nth-child(20n + 10) {
            max-width: var(--stepped-column-xxs);
            min-width: var(--stepped-column-xxs);
          }
          &:nth-child(20n + 11) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 12) {
            max-width: var(--stepped-column-xs);
            min-width: var(--stepped-column-xs);
          }
          &:nth-child(20n + 13) {
            max-width: var(--stepped-column-xxl);
            min-width: var(--stepped-column-xxl);
          }
          &:nth-child(20n + 14) {
            max-width: var(--stepped-column-xxs);
            min-width: var(--stepped-column-xxs);
          }
          &:nth-child(20n + 15) {
            max-width: var(--stepped-column-xxl);
            min-width: var(--stepped-column-xxl);
          }
          &:nth-child(20n + 16) {
            max-width: var(--stepped-column-xxs);
            min-width: var(--stepped-column-xxs);
          }
          &:nth-child(20n + 17) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 18) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 19) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 20) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
        }
      }
    }
    &.smart-list--carousel-mobile-preset-3 {
      > .smart-list__items {
        --stepped-column-s: calc(
          25% * var(--carousel-mobile-stepped-column-scale, 1)
        );
        --stepped-column-m: calc(
          33% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap)
        );
        --stepped-column-l: calc(
          42% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap)
        );
        > .smart-list__item {
          flex: 1 1 auto;
          &:nth-child(21n + 1) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 2) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 3) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 4) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 5) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 6) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 7) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 8) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 9) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 10) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 11) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 12) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 13) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 14) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 15) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 16) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 17) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 18) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(21n + 19) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(21n + 20) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(21n + 21) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
        }
      }
    }
    &.smart-list--carousel-mobile-preset-4 {
      > .smart-list__items {
        --stepped-column-s: calc(
          17% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap)
        );
        --stepped-column-m: calc(
          21% * var(--carousel-mobile-stepped-column-scale, 1)
        );
        --stepped-column-l: calc(
          29% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap)
        );
        --stepped-column-xl: calc(
          33% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap)
        );
        > .smart-list__item {
          flex: 1 1 auto;
          &:nth-child(20n + 1) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 2) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 3) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 4) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 5) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 6) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 7) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 8) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 9) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 10) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 11) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 12) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 13) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 14) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
          &:nth-child(20n + 15) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 16) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 17) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 18) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 19) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 20) {
            max-width: var(--stepped-column-xl);
            min-width: var(--stepped-column-xl);
          }
        }
      }
    }
    &.smart-list--carousel-mobile-preset-5 {
      > .smart-list__items {
        --stepped-column-s: calc(
          15% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap) / 2
        );
        --stepped-column-m: calc(
          20% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap)
        );
        --stepped-column-l: calc(
          25% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap)
        );
        > .smart-list__item {
          flex: 1 1 auto;
          &:nth-child(20n + 1) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 2) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 3) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 4) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 5) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 6) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 7) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 8) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 9) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 10) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 11) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 12) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 13) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 14) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 15) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 16) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(20n + 17) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 18) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(20n + 19) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(20n + 20) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
        }
      }
    }
    &.smart-list--carousel-mobile-preset-6 {
      > .smart-list__items {
        --stepped-column-s: calc(
          12% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap) / 2
        );
        --stepped-column-m: calc(
          18% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap)
        );
        --stepped-column-l: calc(
          20% * var(--carousel-mobile-stepped-column-scale, 1) -
            var(--carousel-mobile-gap)
        );
        > .smart-list__item {
          flex: 1 1 auto;
          &:nth-child(24n + 1) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 2) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 3) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 4) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 5) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 6) {
            max-width: calc(var(--stepped-column-l));
            min-width: calc(var(--stepped-column-l));
          }
          &:nth-child(24n + 7) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 8) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 9) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 10) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 11) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 12) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 13) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 14) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 15) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 16) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 17) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 18) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 19) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 20) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 21) {
            max-width: var(--stepped-column-s);
            min-width: var(--stepped-column-s);
          }
          &:nth-child(24n + 22) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
          &:nth-child(24n + 23) {
            max-width: var(--stepped-column-m);
            min-width: var(--stepped-column-m);
          }
          &:nth-child(24n + 24) {
            max-width: var(--stepped-column-l);
            min-width: var(--stepped-column-l);
          }
        }
      }
    }
    &.smart-list--carousel-mobile-stepped-align-flex-start {
      > .smart-list__items {
        align-items: flex-start;
      }
    }
    &.smart-list--carousel-mobile-stepped-align-center {
      > .smart-list__items {
        align-items: center;
      }
    }
    &.smart-list--carousel-mobile-stepped-align-flex-end {
      > .smart-list__items {
        align-items: flex-end;
      }
    }
    &.smart-list--carousel-mobile-stepped-align-mixed {
      > .smart-list__items {
        align-items: flex-start;
        > .smart-list__item:nth-child(odd) {
          align-self: flex-end;
        }
      }
    }
  }
}
.smart-list--collage {
  width: 100%;
  @media (width >= 750px) {
    > .smart-list__items {
      -moz-column-gap: var(--collage-column-gap);
      column-gap: var(--collage-column-gap);
      display: grid;
      grid-template-columns: repeat(var(--collage-columns), 1fr);
      grid-template-rows: repeat(var(--collage-rows), 1fr);
      row-gap: var(--collage-row-gap);
      > .smart-list__item {
        grid-column: span var(--collage-item-columns);
        grid-row: span var(--collage-item-rows);
        position: relative;
        width: 100%;
        > * {
          height: 100%;
          overflow: auto;
          position: absolute;
          right: 0;
          top: 0;
          width: 100%;
        }
      }
    }
    &.smart-list--collage-aspect-fixed {
      > .smart-list__items {
        aspect-ratio: var(--collage-columns) / var(--collage-rows);
        height: auto;
      }
    }
  }
}
.smart-list--collage-mobile {
  width: 100%;
  @media (width < 750px) {
    > .smart-list__items {
      -moz-column-gap: var(--collage-mobile-column-gap);
      column-gap: var(--collage-mobile-column-gap);
      display: grid;
      grid-template-columns: repeat(var(--collage-mobile-columns), 1fr);
      grid-template-rows: repeat(var(--collage-mobile-rows), 1fr);
      row-gap: var(--collage-mobile-row-gap);
      > .smart-list__item {
        grid-column: span var(--collage-mobile-item-columns);
        grid-row: span var(--collage-mobile-item-rows);
        position: relative;
        width: 100%;
        > * {
          height: 100%;
          overflow: auto;
          position: absolute;
          right: 0;
          top: 0;
          width: 100%;
        }
      }
    }
    &.smart-list--collage-aspect-fixed {
      > .smart-list__items {
        aspect-ratio: var(--collage-mobile-columns) / var(--collage-mobile-rows);
        height: auto;
      }
    }
  }
}
.smart-list--preset-mobile {
  @media (width < 750px) {
    > .smart-list__items {
      -moz-column-gap: var(--collage-mobile-column-gap);
      column-gap: var(--collage-mobile-column-gap);
      display: grid;
      grid-template-columns: 1fr 1fr;
      row-gap: var(--collage-mobile-row-gap);
    }
  }
}
.smart-list--preset-mobile--1-2-1 {
  @media (width < 750px) {
    .smart-list__item:nth-child(3n + 1) {
      grid-column: span 2;
    }
  }
}
.smart-list--preset-mobile--2-1-2 {
  @media (width < 750px) {
    .smart-list__item:nth-child(3n + 3) {
      grid-column: span 2;
    }
  }
}
.smart-list:not(:has(.smart-list__viewport)):not(
    :has(> .smart-list__items > .smart-list__item:nth-of-type(2))
  ) {
  > .smart-list__arrow,
  > .smart-list__arrows {
    display: none;
  }
}
@media (width >= 750px) {
  .smart-list--visible-limit-1 .smart-list__item:nth-child(n + 2),
  .smart-list--visible-limit-10 .smart-list__item:nth-child(n + 11),
  .smart-list--visible-limit-11 .smart-list__item:nth-child(n + 12),
  .smart-list--visible-limit-12 .smart-list__item:nth-child(n + 13),
  .smart-list--visible-limit-13 .smart-list__item:nth-child(n + 14),
  .smart-list--visible-limit-14 .smart-list__item:nth-child(n + 15),
  .smart-list--visible-limit-15 .smart-list__item:nth-child(n + 16),
  .smart-list--visible-limit-16 .smart-list__item:nth-child(n + 17),
  .smart-list--visible-limit-17 .smart-list__item:nth-child(n + 18),
  .smart-list--visible-limit-18 .smart-list__item:nth-child(n + 19),
  .smart-list--visible-limit-19 .smart-list__item:nth-child(n + 20),
  .smart-list--visible-limit-2 .smart-list__item:nth-child(n + 3),
  .smart-list--visible-limit-20 .smart-list__item:nth-child(n + 21),
  .smart-list--visible-limit-21 .smart-list__item:nth-child(n + 22),
  .smart-list--visible-limit-22 .smart-list__item:nth-child(n + 23),
  .smart-list--visible-limit-23 .smart-list__item:nth-child(n + 24),
  .smart-list--visible-limit-3 .smart-list__item:nth-child(n + 4),
  .smart-list--visible-limit-4 .smart-list__item:nth-child(n + 5),
  .smart-list--visible-limit-5 .smart-list__item:nth-child(n + 6),
  .smart-list--visible-limit-6 .smart-list__item:nth-child(n + 7),
  .smart-list--visible-limit-7 .smart-list__item:nth-child(n + 8),
  .smart-list--visible-limit-8 .smart-list__item:nth-child(n + 9),
  .smart-list--visible-limit-9 .smart-list__item:nth-child(n + 10) {
    .smart-list--grid & {
      display: none;
    }
    .smart-list--carousel & {
      flex: 0 0 0;
      height: 0;
      margin-left: calc(var(--carousel-gap) * -1);
      min-width: 0 !important;
      overflow: hidden;
      width: 0;
    }
  }
}
@media (width < 750px) {
  .smart-list--visible-limit-mobile-1 .smart-list__item:nth-child(n + 2),
  .smart-list--visible-limit-mobile-10 .smart-list__item:nth-child(n + 11),
  .smart-list--visible-limit-mobile-11 .smart-list__item:nth-child(n + 12),
  .smart-list--visible-limit-mobile-12 .smart-list__item:nth-child(n + 13),
  .smart-list--visible-limit-mobile-13 .smart-list__item:nth-child(n + 14),
  .smart-list--visible-limit-mobile-14 .smart-list__item:nth-child(n + 15),
  .smart-list--visible-limit-mobile-15 .smart-list__item:nth-child(n + 16),
  .smart-list--visible-limit-mobile-16 .smart-list__item:nth-child(n + 17),
  .smart-list--visible-limit-mobile-17 .smart-list__item:nth-child(n + 18),
  .smart-list--visible-limit-mobile-18 .smart-list__item:nth-child(n + 19),
  .smart-list--visible-limit-mobile-19 .smart-list__item:nth-child(n + 20),
  .smart-list--visible-limit-mobile-2 .smart-list__item:nth-child(n + 3),
  .smart-list--visible-limit-mobile-20 .smart-list__item:nth-child(n + 21),
  .smart-list--visible-limit-mobile-21 .smart-list__item:nth-child(n + 22),
  .smart-list--visible-limit-mobile-22 .smart-list__item:nth-child(n + 23),
  .smart-list--visible-limit-mobile-23 .smart-list__item:nth-child(n + 24),
  .smart-list--visible-limit-mobile-3 .smart-list__item:nth-child(n + 4),
  .smart-list--visible-limit-mobile-4 .smart-list__item:nth-child(n + 5),
  .smart-list--visible-limit-mobile-5 .smart-list__item:nth-child(n + 6),
  .smart-list--visible-limit-mobile-6 .smart-list__item:nth-child(n + 7),
  .smart-list--visible-limit-mobile-7 .smart-list__item:nth-child(n + 8),
  .smart-list--visible-limit-mobile-8 .smart-list__item:nth-child(n + 9),
  .smart-list--visible-limit-mobile-9 .smart-list__item:nth-child(n + 10) {
    .smart-list--grid-mobile & {
      display: none;
    }
    .smart-list--carousel-mobile & {
      flex: 0 0 0;
      margin-left: -40px;
      min-width: 0 !important;
      overflow: hidden;
      width: 0;
    }
  }
}
.navigation-arrows {
  display: flex;
  gap: 12px;
}
@media (width >= 750px) {
  .navigation-arrows:has(.button--nav-minimal) {
    gap: 0;
  }
}
@media (width < 750px) {
  .navigation-arrows:has(.button--nav-minimal-mobile) {
    gap: 0;
  }
}
.hero {
  border-radius: var(--hero-border-radius);
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
  .hero__overlay {
    inset: 0;
    position: absolute;
    @media (width >= 750px) {
      background-color: var(--hero-overlay-color);
    }
    @media (width < 750px) {
      background-color: var(--hero-overlay-mobile-color);
    }
  }
  .hero__container {
    position: relative;
    width: 100%;
    @media (width >= 750px) {
      min-height: var(--hero-min-height);
    }
    @media (width < 750px) {
      min-height: var(--hero-min-height-mobile);
    }
  }
  .hero__link {
    inset: 0;
    position: absolute;
  }
}
.hero__media,
.hero__mobile-media {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.hero__mobile-media {
  display: none;
}
.hero :nth-child(1 of .hero__media),
.hero :nth-child(1 of .hero__mobile-media) {
  inset: 0;
}
.hero--multiple-media {
  :nth-child(1 of .hero__media) {
    right: 50%;
    width: 50%;
  }
  :nth-child(2 of .hero__media) {
    left: 50%;
    width: 50%;
  }
  @media (width < 750px) {
    &.hero--stack-on-mobile {
      :nth-child(1 of .hero__media) {
        bottom: 50%;
        height: 50%;
        left: 0;
        width: 100%;
      }
      :nth-child(2 of .hero__media) {
        height: 50%;
        left: 0;
        top: 50%;
        width: 100%;
      }
    }
  }
}
@media (width < 750px) {
  .hero__media {
    .hero:has(.hero__mobile-media) & {
      display: none;
    }
  }
  .hero__mobile-media {
    display: block;
  }
  .hero--mobile-multiple-media {
    :nth-child(1 of .hero__mobile-media) {
      right: 50%;
      width: 50%;
    }
    :nth-child(2 of .hero__mobile-media) {
      left: 50%;
      width: 50%;
    }
    &.hero--stack-on-mobile {
      :nth-child(1 of .hero__mobile-media) {
        bottom: 50%;
        height: 50%;
        left: 0;
        width: 100%;
      }
      :nth-child(2 of .hero__mobile-media) {
        height: 50%;
        left: 0;
        top: 50%;
        width: 100%;
      }
    }
  }
}
.video-player {
  display: flex;
  height: 100%;
  width: 100%;
  --image-ratio: var(--image-ratio-mobile);
  aspect-ratio: var(--image-ratio);
  background-color: var(--video-player-background, var(--gsc-color-surface));
  > iframe,
  > video {
    background: var(--video-player-background, #000);
    border: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
  }
}
@media (width >= 750px) {
  .video-player {
    width: var(--image-width-desktop, 100%);
    --image-ratio: var(--image-ratio-desktop);
  }
}
.video-player__content {
  display: flex;
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 10;
  > * {
    pointer-events: auto;
  }
}
.video-player--hide-controls {
  > iframe,
  > video {
    pointer-events: none;
  }
}
.video-player__cursor {
  display: none;
  position: absolute;
}
.video-player__cursor--play {
  > :nth-child(1) {
    display: flex;
  }
  > :nth-child(2) {
    display: none;
  }
}
.video-player__cursor--pause {
  > :nth-child(1) {
    display: none;
  }
  > :nth-child(2) {
    display: flex;
  }
}
.video-player__cover-image {
  inset: 0;
  position: absolute;
}
.video-player__placeholder {
  height: 100%;
  position: absolute;
  width: 100%;
}
.video-player-placeholder__image {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.video-player__video-icon {
  bottom: 20px;
  display: none;
  pointer-events: none;
  position: absolute;
  right: 20px;
}
.video-player__video-icon-on-mobile {
  @media (width < 750px) {
    display: flex;
  }
}
.video-player__play {
  color: var(--gsc-color-background-white-100);
  cursor: pointer;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  &:has(image-wrapper:focus-visible),
  &:has(video-player:focus-visible),
  &:has(video:focus-visible) {
    outline: 2px solid var(--gsc-color-outline);
    outline-offset: 1px;
    video {
      outline: none;
    }
  }
}
.video__container {
  background-color: var(--group-overlay-color);
  min-height: inherit;
  pointer-events: none;
  position: relative;
  width: 100%;
  * > *,
  > * {
    pointer-events: none;
  }
  .button {
    pointer-events: auto;
  }
}
.video__container > *,
.video__overlay {
  transition:
    opacity 0.3s,
    display allow-discrete 0.3s;
  @starting-style {
    opacity: 0;
  }
}
.video--hide-content .blur,
.video--hide-content .video__container > *,
.video--hide-content .video__overlay {
  display: none;
  opacity: 0;
  @starting-style {
    opacity: 1;
  }
}
.video__player {
  inset: 0;
  position: absolute;
}
.video-wrapper {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.video-wrapper__placeholder-play {
  color: var(--gsc-color-background-white-100);
  height: 16%;
  inset: 50% auto auto 50%;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 16%;
}
.video-banner {
  height: 100%;
  width: 100%;
}
.video-banner .video__overlay {
  background: var(--overlay-color);
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.cursor {
  display: none;
  pointer-events: none;
  transition: display allow-discrete 0.3s;
  z-index: 100;
}
*:has(> .cursor) {
  cursor: none;
}
@media (hover: none) and (pointer: coarse) {
  @media ((max-color: 2147477350) or (width < 750px)) {
    .cursor {
      display: none !important;
    }
    *:has(> .cursor) {
      cursor: unset;
    }
  }
}
@media not all and ((hover: none) and (pointer:coarse)) {
  @media ((color: 2147477350) or (width < 750px)) {
    .cursor {
      display: none !important;
    }
    *:has(> .cursor) {
      cursor: unset;
    }
  }
}
*:has(> .cursor):hover > .cursor {
  display: block;
}
.cursor > * {
  opacity: 0;
  transform: scale(0);
  transition:
    transform 0.3s,
    opacity 0.3s;
  transition-duration: 0.3s;
}
*:has(> .cursor):hover > .cursor > * {
  opacity: 1;
  transform: scale(1);
}
@starting-style {
  *:has(> .cursor):hover > .cursor > * {
    opacity: 0;
    transform: scale(0);
  }
}
.custom-section {
  background-color: var(
    --custom-section-background-color,
    var(--gsc-color-background)
  );
  border-color: rgb(
    from var(--custom-section-border-color) r g
      b/calc(alpha * var(--custom-section-border-opacity))
  );
  border-radius: var(--custom-section-border-radius);
  border-style: solid;
  border-width: var(--custom-section-border-width, 0);
  overflow: var(--custom-section-overflow);
  position: relative;
  width: 100%;
  @media (width >= 750px) {
    min-height: var(--custom-section-min-height);
  }
  @media (width < 750px) {
    min-height: var(--custom-section-min-height-mobile);
  }
}
.custom-section__content {
  height: 100%;
  position: relative;
}
.section__content {
  height: 100%;
  position: relative;
  width: 100%;
}
.slideshow {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.slideshow__inner {
  flex: 1;
}
.slideshow {
  @media (width >= 750px) {
    .slideshow-navigation--desktop-none,
    .slideshow-pagination--desktop-none {
      display: none;
    }
    .slideshow-navigation--desktop-on-hover,
    .slideshow-pagination--desktop-on-hover {
      display: flex;
      opacity: 0;
      transition: opacity 0.3s;
    }
    &:hover .slideshow-navigation--desktop-on-hover,
    &:hover .slideshow-pagination--desktop-on-hover {
      opacity: 1;
    }
    .slideshow-navigation--desktop-always,
    .slideshow-pagination--desktop-always {
      display: flex;
    }
    .slideshow-navigation:has(.button--nav-minimal) {
      gap: 0;
    }
  }
  @media (width < 750px) {
    .slideshow-navigation--mobile-none,
    .slideshow-pagination--mobile-none {
      display: none;
    }
    .slideshow-navigation--mobile-always,
    .slideshow-pagination--mobile-always {
      display: flex;
    }
    .slideshow-navigation:has(.button--nav-minimal-mobile) {
      gap: 0;
    }
  }
}
.slideshow-navigation__next,
.slideshow-navigation__prev {
  position: absolute;
  @media (width >= 750px) {
    &.slideshow-navigation--desktop-position-top-between {
      height: -moz-fit-content;
      height: fit-content;
      top: var(--navigation-desktop-offset-y);
      &.slideshow-navigation__prev {
        left: var(--navigation-desktop-offset-x);
      }
      &.slideshow-navigation__next {
        right: var(--navigation-desktop-offset-x);
      }
    }
    &.slideshow-navigation--desktop-position-center-between {
      top: 50%;
      transform: translateY(-50%);
      &.slideshow-navigation__prev {
        left: var(--navigation-desktop-offset-x);
      }
      &.slideshow-navigation__next {
        right: var(--navigation-desktop-offset-x);
      }
    }
    &.slideshow-navigation--desktop-position-bottom-between {
      bottom: var(--navigation-desktop-offset-y);
      height: -moz-fit-content;
      height: fit-content;
      &.slideshow-navigation__prev {
        left: var(--navigation-desktop-offset-x);
      }
      &.slideshow-navigation__next {
        right: var(--navigation-desktop-offset-x);
      }
    }
    &:not(.slideshow-navigation--desktop-position-top-between) {
      &:not(.slideshow-navigation--desktop-position-center-between) {
        &:not(.slideshow-navigation--desktop-position-bottom-between) {
          display: none;
        }
      }
    }
  }
  @media (width < 750px) {
    &.slideshow-navigation--mobile-position-top-between {
      height: -moz-fit-content;
      height: fit-content;
      top: var(--navigation-mobile-offset-y);
      &.slideshow-navigation__prev {
        left: var(--navigation-mobile-offset-x);
      }
      &.slideshow-navigation__next {
        right: var(--navigation-mobile-offset-x);
      }
    }
    &.slideshow-navigation--mobile-position-center-between {
      top: 50%;
      transform: translateY(-50%);
      &.slideshow-navigation__prev {
        left: var(--navigation-mobile-offset-x);
      }
      &.slideshow-navigation__next {
        right: var(--navigation-mobile-offset-x);
      }
    }
    &.slideshow-navigation--mobile-position-bottom-between {
      bottom: var(--navigation-mobile-offset-y);
      height: -moz-fit-content;
      height: fit-content;
      &.slideshow-navigation__prev {
        left: var(--navigation-mobile-offset-x);
      }
      &.slideshow-navigation__next {
        right: var(--navigation-mobile-offset-x);
      }
    }
    &:not(.slideshow-navigation--mobile-position-top-between) {
      &:not(.slideshow-navigation--mobile-position-center-between) {
        &:not(.slideshow-navigation--mobile-position-bottom-between) {
          display: none;
        }
      }
    }
  }
}
.slideshow-navigation {
  @media (width >= 750px) {
    gap: var(--navigation-desktop-gap);
    &.slideshow-navigation--desktop-position-top-left {
      left: var(--navigation-desktop-offset-x);
      position: absolute;
      top: var(--navigation-desktop-offset-y);
    }
    &.slideshow-navigation--desktop-position-top-center {
      left: 50%;
      position: absolute;
      top: var(--navigation-desktop-offset-y);
      transform: translateX(-50%);
    }
    &.slideshow-navigation--desktop-position-top-right {
      position: absolute;
      right: var(--navigation-desktop-offset-x);
      top: var(--navigation-desktop-offset-y);
    }
    &.slideshow-navigation--desktop-position-bottom-between,
    &.slideshow-navigation--desktop-position-center-between,
    &.slideshow-navigation--desktop-position-top-between {
      display: none;
    }
    &.slideshow-navigation--desktop-position-bottom-left {
      bottom: var(--navigation-desktop-offset-y);
      left: var(--navigation-desktop-offset-x);
      position: absolute;
    }
    &.slideshow-navigation--desktop-position-bottom-center {
      bottom: var(--navigation-desktop-offset-y);
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
    }
    &.slideshow-navigation--desktop-position-bottom-right {
      bottom: var(--navigation-desktop-offset-y);
      position: absolute;
      right: var(--navigation-desktop-offset-x);
    }
    &.slideshow-navigation--desktop-position-under-left {
      display: flex;
      justify-content: flex-start;
      padding-block: var(--navigation-desktop-offset-y);
      padding-inline: var(--navigation-desktop-offset-x);
    }
    &.slideshow-navigation--desktop-position-under-center {
      display: flex;
      justify-content: center;
      padding-block: var(--navigation-desktop-offset-y);
      padding-inline: var(--navigation-desktop-offset-x);
    }
    &.slideshow-navigation--desktop-position-under-right {
      display: flex;
      justify-content: flex-end;
      padding-block: var(--navigation-desktop-offset-y);
      padding-inline: var(--navigation-desktop-offset-x);
    }
    &.slideshow-navigation--desktop-position-under-between {
      display: flex;
      justify-content: space-between;
      padding-block: var(--navigation-desktop-offset-y);
      padding-inline: var(--navigation-desktop-offset-x);
    }
  }
  @media (width < 750px) {
    gap: var(--navigation-mobile-gap);
    &.slideshow-navigation--mobile-position-top-left {
      left: var(--navigation-mobile-offset-x);
      position: absolute;
      top: var(--navigation-mobile-offset-y);
    }
    &.slideshow-navigation--mobile-position-top-center {
      left: 50%;
      position: absolute;
      top: var(--navigation-mobile-offset-y);
      transform: translateX(-50%);
    }
    &.slideshow-navigation--mobile-position-top-right {
      position: absolute;
      right: var(--navigation-mobile-offset-x);
      top: var(--navigation-mobile-offset-y);
    }
    &.slideshow-navigation--mobile-position-bottom-between,
    &.slideshow-navigation--mobile-position-center-between,
    &.slideshow-navigation--mobile-position-top-between {
      display: none;
    }
    &.slideshow-navigation--mobile-position-bottom-left {
      bottom: var(--navigation-mobile-offset-y);
      left: var(--navigation-mobile-offset-x);
      position: absolute;
    }
    &.slideshow-navigation--mobile-position-bottom-center {
      bottom: var(--navigation-mobile-offset-y);
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
    }
    &.slideshow-navigation--mobile-position-bottom-right {
      bottom: var(--navigation-mobile-offset-y);
      position: absolute;
      right: var(--navigation-mobile-offset-x);
    }
    &.slideshow-navigation--mobile-position-under-left {
      display: flex;
      justify-content: flex-start;
      padding-block: var(--navigation-mobile-offset-y);
      padding-inline: var(--navigation-mobile-offset-x);
    }
    &.slideshow-navigation--mobile-position-under-center {
      display: flex;
      justify-content: flex-center;
      padding-block: var(--navigation-mobile-offset-y);
      padding-inline: var(--navigation-mobile-offset-x);
    }
    &.slideshow-navigation--mobile-position-under-right {
      display: flex;
      justify-content: flex-end;
      padding-block: var(--navigation-mobile-offset-y);
      padding-inline: var(--navigation-mobile-offset-x);
    }
    &.slideshow-navigation--mobile-position-under-between {
      display: flex;
      justify-content: space-between;
      padding-block: var(--navigation-mobile-offset-y);
      padding-inline: var(--navigation-mobile-offset-x);
    }
  }
}
.slideshow-pagination {
  .dynamic-dots {
    left: unset;
    transform: unset;
  }
  .slideshow-pagination__numbers {
    color: var(--gsc-color-background-white-100);
    display: flex;
    font-family: var(--gsc-font-caption--family);
    font-size: var(--gsc-font-size-300);
    font-style: var(--gsc-font-caption--style);
    font-weight: var(--gsc-font-weight-regular);
    gap: var(--gsc-space-200);
    letter-spacing: var(--gsc-font-letter-normal);
    line-height: 135%;
    @media (width >= 750px) {
      color: var(--pagination-numbers-color);
    }
    @media (width < 750px) {
      color: var(--pagination-numbers-color-mobile);
    }
    > * {
      min-width: 1ch;
      opacity: 0.5;
    }
    > .slideshow-pagination__current {
      opacity: 1;
    }
    &.slideshow-pagination__numbers--mobile {
      @media (width >= 750px) {
        display: none;
      }
    }
    &.slideshow-pagination__numbers--desktop {
      @media (width < 750px) {
        display: none;
      }
    }
  }
  .slideshow-pagination__dots {
    &.slideshow-pagination__dots--mobile {
      @media (width >= 750px) {
        display: none;
      }
    }
    &.slideshow-pagination__dots--desktop {
      @media (width < 750px) {
        display: none;
      }
    }
  }
  @media (width >= 750px) {
    &.slideshow-pagination--desktop-position-top-left {
      left: var(--pagination-desktop-offset-x);
      position: absolute;
      top: var(--pagination-desktop-offset-y);
    }
    &.slideshow-pagination--desktop-position-top-center {
      left: 50%;
      position: absolute;
      top: var(--pagination-desktop-offset-y);
      transform: translateX(-50%);
    }
    &.slideshow-pagination--desktop-position-top-right {
      position: absolute;
      right: var(--pagination-desktop-offset-x);
      top: var(--pagination-desktop-offset-y);
    }
    &.slideshow-pagination--desktop-position-center-between {
      display: none;
    }
    &.slideshow-pagination--desktop-position-bottom-left {
      bottom: var(--pagination-desktop-offset-y);
      left: var(--pagination-desktop-offset-x);
      position: absolute;
    }
    &.slideshow-pagination--desktop-position-bottom-center {
      bottom: var(--pagination-desktop-offset-y);
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
    }
    &.slideshow-pagination--desktop-position-bottom-right {
      bottom: var(--pagination-desktop-offset-y);
      position: absolute;
      right: var(--pagination-desktop-offset-x);
    }
    &.slideshow-pagination--desktop-position-under-left {
      display: flex;
      justify-content: flex-start;
      padding-block: var(--pagination-desktop-offset-y);
      padding-inline: var(--pagination-desktop-offset-x);
      .slideshow-pagination__numbers {
        color: var(--gsc-color-heading);
      }
    }
    &.slideshow-pagination--desktop-position-under-center {
      display: flex;
      justify-content: center;
      padding-block: var(--pagination-desktop-offset-y);
      padding-inline: var(--pagination-desktop-offset-x);
      .slideshow-pagination__numbers {
        color: var(--gsc-color-heading);
      }
    }
    &.slideshow-pagination--desktop-position-under-right {
      display: flex;
      justify-content: flex-end;
      padding-block: var(--pagination-desktop-offset-y);
      padding-inline: var(--pagination-desktop-offset-x);
      .slideshow-pagination__numbers {
        color: var(--gsc-color-heading);
      }
    }
    &.slideshow-pagination--desktop-position-under-between {
      display: flex;
      justify-content: space-between;
      padding-block: var(--pagination-desktop-offset-y);
      padding-inline: var(--pagination-desktop-offset-x);
      .slideshow-pagination__numbers {
        color: var(--gsc-color-heading);
      }
    }
  }
  @media (width < 750px) {
    &.slideshow-pagination--mobile-position-top-left {
      left: var(--pagination-mobile-offset-x);
      position: absolute;
      top: var(--pagination-mobile-offset-y);
    }
    &.slideshow-pagination--mobile-position-top-center {
      left: 50%;
      position: absolute;
      top: var(--pagination-mobile-offset-y);
      transform: translateX(-50%);
    }
    &.slideshow-pagination--mobile-position-top-right {
      position: absolute;
      right: var(--pagination-mobile-offset-x);
      top: var(--pagination-mobile-offset-y);
    }
    &.slideshow-pagination--mobile-position-center-between {
      display: none;
    }
    &.slideshow-pagination--mobile-position-bottom-left {
      bottom: var(--pagination-mobile-offset-y);
      left: var(--pagination-mobile-offset-x);
      position: absolute;
    }
    &.slideshow-pagination--mobile-position-bottom-center {
      bottom: var(--pagination-mobile-offset-y);
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
    }
    &.slideshow-pagination--mobile-position-bottom-right {
      bottom: var(--pagination-mobile-offset-y);
      position: absolute;
      right: var(--pagination-mobile-offset-x);
    }
    &.slideshow-pagination--mobile-position-under-left {
      display: flex;
      justify-content: flex-start;
      padding-block: var(--pagination-mobile-offset-y);
      padding-inline: var(--pagination-mobile-offset-x);
      .slideshow-pagination__numbers {
        color: var(--gsc-color-heading);
      }
    }
    &.slideshow-pagination--mobile-position-under-center {
      display: flex;
      justify-content: flex-center;
      padding-block: var(--pagination-mobile-offset-y);
      padding-inline: var(--pagination-mobile-offset-x);
      .slideshow-pagination__numbers {
        color: var(--gsc-color-heading);
      }
    }
    &.slideshow-pagination--mobile-position-under-right {
      display: flex;
      justify-content: flex-end;
      padding-block: var(--pagination-mobile-offset-y);
      padding-inline: var(--pagination-mobile-offset-x);
      .slideshow-pagination__numbers {
        color: var(--gsc-color-heading);
      }
    }
    &.slideshow-pagination--mobile-position-under-between {
      display: flex;
      justify-content: space-between;
      padding-block: var(--pagination-mobile-offset-y);
      padding-inline: var(--pagination-mobile-offset-x);
      .slideshow-pagination__numbers {
        color: var(--gsc-color-heading);
      }
    }
  }
}
.product-highlight {
  --product-highlight-card-padding: clamp(
    20px,
    calc(20px + (100vw - 750px) / 4.5667),
    var(--gsc-space-2000)
  );
  --product-highlight-rendered-card-width: var(--product-highlight-card-width);
  --product-highlight-pagination-gap: var(--gsc-space-800);
  display: block;
  isolation: isolate;
  min-width: 0;
}
.product-highlight__layout {
  display: grid;
  grid-template-columns: var(--product-highlight-media-width) minmax(0, 1fr);
  position: relative;
  @media (width < 750px) {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
.product-highlight__banner {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.product-highlight__products {
  display: flex;
  flex-direction: column;
  gap: var(--product-highlight-pagination-gap);
  inset-block: 0;
  inset-inline-end: 0;
  justify-content: center;
  min-height: 0;
  min-width: 0;
  overflow: clip visible;
  position: absolute;
  width: calc(100% - var(--product-highlight-media-width));
  @media (width < 750px) {
    gap: var(--gsc-space-500);
    padding-block: var(--gsc-space-1100);
    position: static;
    width: auto;
    &:has(.product-highlight__dots) {
      gap: var(--gsc-space-800);
    }
  }
}
.product-highlight--image-right .product-highlight__banner {
  @media (width >= 750px) {
    grid-column: 2;
  }
}
.product-highlight--image-right .product-highlight__layout {
  @media (width >= 750px) {
    grid-template-columns: minmax(0, 1fr) var(--product-highlight-media-width);
  }
}
.product-highlight--image-right .product-highlight__products {
  @media (width >= 750px) {
    inset-inline-end: auto;
    inset-inline-start: 0;
  }
}
.product-highlight--mobile-bottom .product-highlight__banner {
  @media (width < 750px) {
    order: 2;
  }
}
.product-highlight__cards,
.product-highlight__images {
  --carousel-item-width: 100%;
  --carousel-mobile-item-width: 100%;
  min-width: 0;
  touch-action: pan-y pinch-zoom;
}
.product-highlight__images {
  height: 100%;
  isolation: isolate;
}
.product-highlight__image-slide {
  min-width: 0;
  overflow: visible;
  position: relative;
  .image {
    height: 100%;
  }
}
.product-highlight__banner-link {
  inset: 0;
  position: absolute;
  z-index: 1;
  &:focus-visible {
    outline: 2px solid var(--gsc-color-outline);
    outline-offset: -2px;
  }
}
.product-highlight__banner--zoom:hover .image > img,
.product-highlight__banner--zoom:hover .image__placeholder {
  transform: scale(1.1);
}
@media (prefers-reduced-motion: reduce) {
  .product-highlight__banner .image > img,
  .product-highlight__banner .image__placeholder {
    transform: none;
    transition: none;
  }
}
.product-highlight__cards {
  margin-inline: auto;
  overflow: clip visible;
  width: min(100%, var(--product-highlight-rendered-card-width));
  @media (width < 750px) {
    width: min(100%, 240px);
  }
}
.product-highlight__card {
  min-width: 0;
  overflow: visible;
}
.product-highlight[data-enable-looping="true"]
  .product-highlight__cards
  > .smart-list__items
  > .product-highlight__card:last-child {
  margin-inline-end: var(--carousel-gap);
  @media (width < 750px) {
    margin-inline-end: var(--carousel-mobile-gap);
  }
}
.product-highlight:not([data-slide-transition="slide"])
  :is(.product-highlight__images, .product-highlight__cards)
  > .smart-list__items {
  transform: none !important;
}
.product-highlight:not([data-slide-transition="slide"])
  :is(.product-highlight__images, .product-highlight__cards)
  > .smart-list__items
  > .smart-list__item {
  backface-visibility: hidden;
  transform: var(--product-highlight-slide-transform, none) !important;
  transform-origin: center center;
  transform-style: preserve-3d;
}
.product-highlight[data-transitioning]:not([data-slide-transition="slide"])
  :is(.product-highlight__images, .product-highlight__cards)
  > .smart-list__items
  > .smart-list__item {
  will-change: transform, opacity;
}
.product-highlight:is(
    [data-slide-transition="creative"],
    [data-slide-transition="flip"]
  )
  :is(.product-highlight__images, .product-highlight__cards) {
  > .smart-list__items {
    perspective: var(--product-highlight-transition-perspective, 75rem);
    transform-style: preserve-3d;
  }
}
.product-highlight__content {
  align-items: var(--product-highlight-content-horizontal);
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-500);
  inset: 0;
  justify-content: var(--product-highlight-content-vertical);
  overflow: hidden;
  padding-block: var(--product-highlight-content-padding-top-desktop)
    var(--product-highlight-content-padding-bottom-desktop);
  padding-inline: var(--product-highlight-content-padding-left-desktop)
    var(--product-highlight-content-padding-right-desktop);
  pointer-events: none;
  position: absolute;
  text-align: var(--product-highlight-content-text-alignment);
  z-index: 1;
  @media (width < 750px) {
    padding-block: var(--product-highlight-content-padding-top-mobile)
      var(--product-highlight-content-padding-bottom-mobile);
    padding-inline: var(--product-highlight-content-padding-left-mobile)
      var(--product-highlight-content-padding-right-mobile);
  }
}
.product-highlight__text-group {
  align-items: var(--product-highlight-content-horizontal);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--gsc-space-300);
  max-width: 100%;
  &:not(:has(.text__inner:not(:empty))) {
    display: none;
  }
}
.product-highlight__text {
  flex-shrink: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  a {
    pointer-events: auto;
  }
  &:has(.text__inner:empty),
  &[hidden] {
    display: none;
  }
}
.product-highlight__button {
  flex-shrink: 0;
  max-width: 100%;
  pointer-events: auto;
  &[hidden] {
    display: none;
  }
}
.product-highlight__image {
  height: 100%;
}
.product-highlight__carousel-stage {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 0;
  padding-inline: var(--product-highlight-card-padding);
  position: relative;
  --product-highlight-navigation-width: max(
    var(--product-highlight-card-padding),
    calc((100% - var(--product-highlight-rendered-card-width)) / 2)
  );
  @media (width < 750px) {
    padding-inline: var(--gsc-space-500);
  }
}
.product-highlight__navigation-zone {
  background: transparent;
  border: 0;
  color: inherit;
  display: none;
  inset-block: 0;
  min-width: 0;
  padding: 0;
  position: absolute;
  z-index: 4;
  &:disabled > .product-highlight__cursor > * {
    opacity: 0.3;
  }
  &:focus-visible {
    outline: 2px solid var(--gsc-color-outline);
    outline-offset: -2px;
  }
}
.product-highlight[data-initialized] .product-highlight__navigation-zone {
  @media (hover: hover) and (width >= 750px) {
    display: block;
  }
}
.product-highlight__navigation-zone--prev {
  inset-inline-start: 0;
  width: var(--product-highlight-navigation-width);
}
.product-highlight__navigation-zone--next {
  inset-inline-end: 0;
  width: var(--product-highlight-navigation-width);
}
.product-highlight__cursor {
  inset-block-start: 0;
  inset-inline-start: 0;
  position: absolute;
}
.product-highlight__navigation-zone:focus-visible > .product-highlight__cursor {
  display: block;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%) !important;
  > * {
    opacity: 1;
    transform: scale(1);
  }
}
.product-highlight__cards:focus-visible {
  outline: 2px solid var(--gsc-color-outline);
  outline-offset: -2px;
}
@media (prefers-reduced-motion: reduce) {
  .product-highlight__cursor,
  .product-highlight__cursor > * {
    transition: none;
  }
}
.product-highlight__pagination {
  align-items: center;
  color: var(--product-highlight-pagination-color);
  display: flex;
  justify-content: center;
  transition: opacity 0.2s ease;
}
.product-highlight__pagination > .product-highlight__dots {
  inset: auto;
  position: relative;
  transform: none;
}
.product-highlight__pagination-numbers {
  display: flex;
  font-family: var(--gsc-font-caption--family);
  font-size: var(--gsc-font-size-300);
  font-style: var(--gsc-font-caption--style);
  font-weight: var(--gsc-font-weight-regular);
  gap: var(--gsc-space-200);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: 135%;
}
.product-highlight__pagination-divider,
.product-highlight__pagination-total {
  opacity: 0.5;
}
.product-highlight__pagination-total {
  min-width: 1ch;
}
.product-highlight--pagination-on-hover .product-highlight__pagination {
  @media (hover: hover) and (width >= 750px) {
    opacity: 0;
    .product-highlight__products:focus-within &,
    .product-highlight__products:hover & {
      opacity: 1;
    }
  }
}
.scrolling-showcase {
  isolation: isolate;
  position: relative;
}
.scrolling-showcase-item,
.scrolling-showcase-item__motion,
.scrolling-showcase__appearance-track,
.scrolling-showcase__appearance-viewport,
.scrolling-showcase__component,
.scrolling-showcase__inner,
.scrolling-showcase__items,
.scrolling-showcase__scene {
  box-sizing: border-box;
  display: block;
}
.scrolling-showcase__inner {
  position: relative;
  width: 100%;
  z-index: 2;
}
.scrolling-showcase__component {
  container: scrolling-showcase/inline-size;
  position: relative;
  --scrolling-showcase-margin-top: var(--margin-top-mobile, 0px);
  --scrolling-showcase-margin-right: var(--margin-right-mobile, 0px);
  --scrolling-showcase-margin-bottom: var(--margin-bottom-mobile, 0px);
  --scrolling-showcase-margin-left: var(--margin-left-mobile, 0px);
  --scrolling-showcase-sticky-header-height: 0px;
  --scrolling-showcase-header-reserve: var(
    --scrolling-showcase-sticky-header-height
  );
  --scrolling-showcase-sticky-offset: var(
    --scrolling-showcase-sticky-header-height
  );
  --scrolling-showcase-header-overlap: 0px;
  --scrolling-showcase-viewport-height: max(
    0px,
    calc(100dvh - var(--scrolling-showcase-header-reserve))
  );
  --scrolling-showcase-appearance-offset: max(
    0px,
    calc(
      var(--scrolling-showcase-header-reserve) -
        var(--scrolling-showcase-header-overlap) +
        var(--scrolling-showcase-margin-top)
    )
  );
  --scrolling-showcase-appearance-height: max(
    0px,
    calc(
      var(--scrolling-showcase-viewport-height) +
        var(--scrolling-showcase-header-overlap) -
        var(--scrolling-showcase-margin-top) -
        var(--scrolling-showcase-margin-bottom)
    )
  );
  --scrolling-showcase-scene-min-height: var(
    --scrolling-showcase-viewport-height
  );
  --scrolling-showcase-gap: 128px;
  --scrolling-showcase-mobile-gap: 160px;
  --scrolling-showcase-intro-space: max(380px, 65svh);
  --scrolling-showcase-mobile-intro-space: 65svh;
  --scrolling-showcase-motion-space: 0px;
  --scrolling-showcase-motion-start-space: max(
    0px,
    calc(
      var(--scrolling-showcase-motion-space) - var(--padding-top-mobile, 0px)
    )
  );
  --scrolling-showcase-motion-end-space: max(
    0px,
    calc(
      var(--scrolling-showcase-motion-space) - var(--padding-bottom-mobile, 0px)
    )
  );
  --scrolling-showcase-first-gap: 0px;
  --scrolling-showcase-layout-width: min(100%, 1600px);
  margin-inline: var(--scrolling-showcase-margin-left)
    var(--scrolling-showcase-margin-right);
}
.scrolling-showcase__appearance-track {
  inset-block: var(--scrolling-showcase-margin-top)
    var(--scrolling-showcase-margin-bottom);
  inset-inline: 0;
  pointer-events: none;
  position: absolute;
}
.scrolling-showcase__appearance-track--background {
  z-index: 0;
}
.scrolling-showcase__appearance-track--frame {
  z-index: 1;
}
.scrolling-showcase__appearance-track
  > .scrolling-showcase__appearance-viewport {
  height: var(--scrolling-showcase-appearance-height);
  max-height: 100%;
  position: sticky;
  top: var(--scrolling-showcase-appearance-offset);
  width: 100%;
}
.scrolling-showcase__appearance-background {
  border-radius: var(--border-radius);
  overflow: clip;
}
.scrolling-showcase__component:has(
  .scrolling-showcase__items > :nth-child(1 of :not(script, style, template))
) {
  .scrolling-showcase__scene {
    min-height: max(
      var(--scrolling-showcase-scene-min-height),
      var(--scrolling-showcase-content-height, 0px)
    );
  }
}
@media (width >= 750px) {
  .scrolling-showcase__component {
    --scrolling-showcase-margin-top: var(--margin-top-desktop, 0px);
    --scrolling-showcase-margin-right: var(--margin-right-desktop, 0px);
    --scrolling-showcase-margin-bottom: var(--margin-bottom-desktop, 0px);
    --scrolling-showcase-margin-left: var(--margin-left-desktop, 0px);
  }
  .scrolling-showcase__component:has(
    .scrolling-showcase__items > :nth-child(2 of :not(script, style, template))
  ) {
    --scrolling-showcase-motion-space: min(160px, 20svh);
  }
}
body:has(.header-section--sticky-always) .scrolling-showcase__component {
  --scrolling-showcase-sticky-header-height: calc(
    var(--gsc-single-header-height, 0px) + var(--header-margin-top-mobile, 0px)
  );
}
body
  #MainContent
  > .shopify-section:nth-child(1 of .shopify-section)
  .scrolling-showcase__component,
body .scrolling-showcase__component[data-scrolling-showcase-first-section] {
  --scrolling-showcase-header-reserve: var(--gsc-header-height, 0px);
}
.scrolling-showcase__inner {
  --scrolling-showcase-sticky-offset: calc(
    var(--scrolling-showcase-header-reserve) +
      var(--scrolling-showcase-margin-top) + var(--padding-top-mobile, 0px)
  );
  --scrolling-showcase-viewport-height: max(
    0px,
    calc(
      100dvh - var(--scrolling-showcase-header-reserve) -
        var(--scrolling-showcase-margin-top) -
        var(--scrolling-showcase-margin-bottom) -
        var(--padding-top-mobile, 0px) - var(--padding-bottom-mobile, 0px)
    )
  );
  --scrolling-showcase-scene-min-height: max(
    0px,
    calc(
      var(--scrolling-showcase-viewport-height) +
        var(--scrolling-showcase-margin-top) +
        var(--scrolling-showcase-margin-bottom) +
        var(--scrolling-showcase-header-overlap)
    )
  );
}
@media (width < 750px) {
  body:has(.header--mobile-transparent-with-overlap)
    #MainContent
    > .shopify-section:nth-child(1 of .shopify-section)
    .scrolling-showcase__component,
  body:has(.header--mobile-transparent-with-overlap)
    .scrolling-showcase__component[data-scrolling-showcase-first-section] {
    --scrolling-showcase-header-overlap: calc(
      var(--gsc-single-header-height, 0px) +
        var(--header-margin-top-mobile, 0px)
    );
  }
}
.scrolling-showcase__component[data-layout="layered"] {
  --scrolling-showcase-first-gap: 50px;
}
.scrolling-showcase__component[data-layout="editorial"] {
  --scrolling-showcase-first-gap: 60px;
}
.scrolling-showcase__component[data-layout="minimal"] {
  --scrolling-showcase-first-gap: 120px;
}
.scrolling-showcase__scene {
  min-width: 0;
  position: relative;
}
.scrolling-showcase__content-region {
  pointer-events: none;
  position: relative;
  z-index: 2;
}
.scrolling-showcase__sticky {
  pointer-events: auto;
}
.scrolling-showcase__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-300);
  overflow-wrap: anywhere;
  text-align: center;
  width: 100%;
}
.scrolling-showcase__content > .text {
  max-width: 100%;
}
.scrolling-showcase__items {
  display: flow-root;
  min-width: 0;
  overflow-wrap: anywhere;
  padding-block: var(--scrolling-showcase-motion-start-space)
    var(--scrolling-showcase-motion-end-space);
  position: relative;
  z-index: 1;
}
.scrolling-showcase__items > :not(script, style, template) {
  box-sizing: border-box;
  contain: inline-size;
  display: block;
  margin-block-start: var(--scrolling-showcase-mobile-gap);
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.scrolling-showcase__items
  > .shopify-block:has(> .image-banner .image-banner__bg-image--auto),
.scrolling-showcase__items > .image-banner:has(.image-banner__bg-image--auto) {
  aspect-ratio: 4/5;
}
.scrolling-showcase__items > .shopify-block > .video-banner,
.scrolling-showcase__items > .video-banner {
  aspect-ratio: var(--scrolling-showcase-item-aspect-ratio-mobile, 4/5);
  height: auto;
}
.scrolling-showcase-item {
  contain: inline-size;
  margin-block-start: var(--scrolling-showcase-mobile-gap);
  max-width: 100%;
  min-width: 0;
  position: relative;
  width: 100%;
}
.scrolling-showcase-item__motion {
  contain: inline-size;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.scrolling-showcase-item[data-scrolling-showcase-kind="image-banner"]:has(
    .image-banner__bg-image--auto
  ) {
  aspect-ratio: 4/5;
}
.scrolling-showcase-item[data-scrolling-showcase-kind="image-banner"]:has(
    .image-banner__bg-image--auto
  )
  .scrolling-showcase-item__motion {
  height: 100%;
}
.scrolling-showcase-item[data-scrolling-showcase-kind="video-banner"] {
  aspect-ratio: var(--scrolling-showcase-item-aspect-ratio-mobile, 4/5);
}
.scrolling-showcase-item[data-scrolling-showcase-kind="video-banner"]
  :is(
    .scrolling-showcase-item__motion,
    .scrolling-showcase-item__motion > .shopify-block
  ) {
  height: 100%;
}
.scrolling-showcase-item[data-scrolling-showcase-kind="video-banner"]
  .video-banner {
  display: block;
  height: 100%;
}
.scrolling-showcase-item:not([data-scrolling-showcase-kind="video-banner"])
  .video-banner {
  aspect-ratio: var(--scrolling-showcase-item-aspect-ratio-mobile, 4/5);
  height: auto;
}
.scrolling-showcase__items .video-banner > .video__container {
  height: var(--height, 100%);
  inset: 0;
  min-height: 0;
  position: absolute;
}
.scrolling-showcase-item__motion > .shopify-block,
.scrolling-showcase-item__motion > :not(script) {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.scrolling-showcase-item__motion > .shopify-block > :not(script) {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.scrolling-showcase__items
  :is(
    .layout-style,
    .layout-style > *,
    .group__content,
    .product-card__inner,
    .product-card__details,
    .product-card__details-start,
    .product-card__details-end,
    .product-card__details-wrapper,
    .product-card__media-top,
    .product-card__media-top-start,
    .product-card__media-top-end,
    .product-badge,
    .product-badge__content,
    .button,
    .button__label,
    .text,
    .text__inner
  ) {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}
.scrolling-showcase__items .size-style {
  max-width: min(100%, var(--max-width, 100%));
  min-width: 0;
}
.scrolling-showcase__items
  :is(.text__inner, .button__label, .product-badge__content) {
  overflow-wrap: anywhere;
}
.scrolling-showcase__items :is(.button__label, .product-badge__content) {
  white-space: normal;
}
.scrolling-showcase[data-scrolling-showcase-block-preview]
  .scrolling-showcase__inner {
  --padding-top-desktop: 24px;
  --padding-bottom-desktop: 24px;
  --padding-left-desktop: 24px;
  --padding-right-desktop: 24px;
  --padding-top-mobile: 24px;
  --padding-bottom-mobile: 24px;
  --padding-left-mobile: 24px;
  --padding-right-mobile: 24px;
}
.scrolling-showcase[data-scrolling-showcase-block-preview]
  .scrolling-showcase__content-region {
  display: none;
}
.scrolling-showcase[data-scrolling-showcase-block-preview]
  .scrolling-showcase__items {
  display: grid;
  min-height: 0;
  place-items: center;
  width: 100%;
}
.scrolling-showcase[data-scrolling-showcase-block-preview]
  .scrolling-showcase__items
  > :not(script, style, template) {
  margin: 0;
  max-width: 360px;
  min-width: 0;
  width: min(100%, 360px);
}
.scrolling-showcase[data-scrolling-showcase-block-preview]
  .scrolling-showcase-item__motion {
  transform: none;
}
.scrolling-showcase-item:focus-within {
  z-index: 3;
}
@media (width >= 750px) {
  .scrolling-showcase__component {
    --scrolling-showcase-motion-start-space: max(
      0px,
      calc(
        var(--scrolling-showcase-motion-space) - var(--padding-top-desktop, 0px)
      )
    );
    --scrolling-showcase-motion-end-space: max(
      0px,
      calc(
        var(--scrolling-showcase-motion-space) -
          var(--padding-bottom-desktop, 0px)
      )
    );
  }
  .scrolling-showcase__items > :not(script, style, template) {
    margin-block-start: var(--scrolling-showcase-gap);
  }
  body:has(.header-section--sticky-always) .scrolling-showcase__component {
    --scrolling-showcase-sticky-header-height: calc(
      var(--gsc-single-header-height, 0px) +
        var(--header-margin-top-desktop, 0px)
    );
  }
  .scrolling-showcase__inner {
    --scrolling-showcase-sticky-offset: calc(
      var(--scrolling-showcase-header-reserve) +
        var(--scrolling-showcase-margin-top) + var(--padding-top-desktop, 0px)
    );
    --scrolling-showcase-viewport-height: max(
      0px,
      calc(
        100dvh - var(--scrolling-showcase-header-reserve) -
          var(--scrolling-showcase-margin-top) -
          var(--scrolling-showcase-margin-bottom) -
          var(--padding-top-desktop, 0px) - var(--padding-bottom-desktop, 0px)
      )
    );
    --scrolling-showcase-scene-min-height: max(
      0px,
      calc(
        var(--scrolling-showcase-viewport-height) +
          var(--scrolling-showcase-margin-top) +
          var(--scrolling-showcase-margin-bottom) +
          var(--scrolling-showcase-header-overlap)
      )
    );
  }
  body:has(.header--desktop-transparent-with-overlap)
    #MainContent
    > .shopify-section:nth-child(1 of .shopify-section)
    .scrolling-showcase__component,
  body:has(.header--desktop-transparent-with-overlap)
    .scrolling-showcase__component[data-scrolling-showcase-first-section] {
    --scrolling-showcase-header-overlap: calc(
      var(--gsc-single-header-height, 0px) +
        var(--header-margin-top-desktop, 0px)
    );
  }
  .scrolling-showcase-item:not([data-scrolling-showcase-kind="video-banner"])
    .video-banner,
  .scrolling-showcase-item[data-scrolling-showcase-kind="video-banner"],
  .scrolling-showcase__items > .shopify-block > .video-banner,
  .scrolling-showcase__items > .video-banner {
    aspect-ratio: var(--scrolling-showcase-item-aspect-ratio-desktop, 4/5);
  }
  @container scrolling-showcase (min-width: 960px) {
    .scrolling-showcase__component[data-scrolling-showcase-initial]:has(
        .scrolling-showcase__content
          :is(h1, h2, h3, h4, h5, h6, p, li, a, button, img, video, svg)
      )
      .scrolling-showcase__content-region {
      inset: 0;
      position: absolute;
      z-index: 1;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]:has(
        .scrolling-showcase__content
          :is(h1, h2, h3, h4, h5, h6, p, li, a, button, img, video, svg)
      )
      .scrolling-showcase__sticky {
      align-content: center;
      display: grid;
      min-height: var(--scrolling-showcase-viewport-height);
      pointer-events: none;
      position: sticky;
      top: calc(
        var(--scrolling-showcase-sticky-offset) -
          var(--scrolling-showcase-content-overflow, 0px)
      );
    }
    .scrolling-showcase__items
      > :nth-child(7n + 1 of :not(script, style, template)) {
      --scrolling-showcase-width-scale: 0.92;
    }
    .scrolling-showcase__items
      > :nth-child(7n + 2 of :not(script, style, template)) {
      --scrolling-showcase-width-scale: 1;
    }
    .scrolling-showcase__items
      > :nth-child(7n + 3 of :not(script, style, template)) {
      --scrolling-showcase-width-scale: 1.15;
    }
    .scrolling-showcase__items
      > :nth-child(7n + 4 of :not(script, style, template)) {
      --scrolling-showcase-width-scale: 0.85;
    }
    .scrolling-showcase__items
      > :nth-child(7n + 5 of :not(script, style, template)) {
      --scrolling-showcase-width-scale: 1.04;
    }
    .scrolling-showcase__items
      > :nth-child(7n + 6 of :not(script, style, template)) {
      --scrolling-showcase-width-scale: 1.08;
    }
    .scrolling-showcase__items
      > :nth-child(7n + 7 of :not(script, style, template)) {
      --scrolling-showcase-width-scale: 0.98;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :not(script, style, template) {
      width: min(
        100%,
        calc(
          var(--scrolling-showcase-auto-width, 320px) *
            var(--scrolling-showcase-width-scale, 1)
        )
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="layered"]
      .scrolling-showcase__items
      > :nth-child(3n + 1 of :not(script, style, template)) {
      --scrolling-showcase-auto-width: calc(
        132 / 1700 * var(--scrolling-showcase-layout-width)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="layered"]
      .scrolling-showcase__items
      > :nth-child(3n + 2 of :not(script, style, template)) {
      --scrolling-showcase-auto-width: calc(
        281 / 1700 * var(--scrolling-showcase-layout-width)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="layered"]
      .scrolling-showcase__items
      > :nth-child(3n + 3 of :not(script, style, template)) {
      --scrolling-showcase-auto-width: min(
        calc(576 / 1700 * var(--scrolling-showcase-layout-width)),
        calc(576 / 1700 * (1900px - 10vw))
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="floating"]
      .scrolling-showcase__items
      > :nth-child(4n + 1 of :not(script, style, template)) {
      --scrolling-showcase-auto-width: calc(
        213 / 1700 * var(--scrolling-showcase-layout-width)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="floating"]
      .scrolling-showcase__items
      > :nth-child(4n + 2 of :not(script, style, template)),
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="floating"]
      .scrolling-showcase__items
      > :nth-child(4n + 4 of :not(script, style, template)) {
      --scrolling-showcase-auto-width: calc(
        438 / 1700 * var(--scrolling-showcase-layout-width)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="floating"]
      .scrolling-showcase__items
      > :nth-child(4n + 3 of :not(script, style, template)) {
      --scrolling-showcase-auto-width: calc(
        271 / 1700 * var(--scrolling-showcase-layout-width)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="editorial"]
      .scrolling-showcase__items
      > :nth-child(4n + 1 of :not(script, style, template)),
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="minimal"]
      .scrolling-showcase__items
      > :nth-child(2n + 1 of :not(script, style, template)),
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="minimal"]
      .scrolling-showcase__items
      > :nth-child(2n + 2 of :not(script, style, template)) {
      --scrolling-showcase-auto-width: calc(
        280 / 1700 * var(--scrolling-showcase-layout-width)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="editorial"]
      .scrolling-showcase__items
      > :nth-child(4n + 2 of :not(script, style, template)),
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="editorial"]
      .scrolling-showcase__items
      > :nth-child(4n + 3 of :not(script, style, template)) {
      --scrolling-showcase-auto-width: calc(
        428 / 1700 * var(--scrolling-showcase-layout-width)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="editorial"]
      .scrolling-showcase__items
      > :nth-child(4n + 4 of :not(script, style, template)) {
      --scrolling-showcase-auto-width: calc(
        148 / 1700 * var(--scrolling-showcase-layout-width)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :not(script, style, template) {
      min-width: min(
        100%,
        calc(240px * var(--scrolling-showcase-width-scale, 1))
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="staggered"]
      .scrolling-showcase__items {
      padding-block-end: max(
        clamp(80px, 16svh, 180px),
        var(--scrolling-showcase-motion-end-space)
      );
      padding-block-start: max(
        clamp(80px, 16svh, 180px),
        var(--scrolling-showcase-motion-start-space)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]:is(
        [data-layout="floating"],
        [data-layout="editorial"],
        [data-layout="minimal"],
        [data-layout="layered"]
      )
      .scrolling-showcase__items {
      display: flow-root;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]:is(
        [data-layout="floating"],
        [data-layout="editorial"],
        [data-layout="minimal"],
        [data-layout="layered"]
      )
      .scrolling-showcase__items {
      padding-block-start: max(
        var(--scrolling-showcase-intro-space),
        var(--scrolling-showcase-motion-start-space)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :not(script, style, template) {
      margin-block-start: calc(
        var(--scrolling-showcase-gap) +
          var(--scrolling-showcase-item-offset, 0px)
      );
      margin-inline: 0;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :first-child:not(script, style, template) {
      margin-block-start: 0;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]:is(
        [data-layout="floating"],
        [data-layout="editorial"],
        [data-layout="minimal"],
        [data-layout="layered"]
      )
      .scrolling-showcase__items
      > :not(script, style, template) {
      margin-block-start: max(
        0px,
        calc(
          var(--scrolling-showcase-gap) +
            var(--scrolling-showcase-item-offset, 0px)
        )
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="layered"]
      .scrolling-showcase__items
      > :nth-child(3n + 1 of :not(script, style, template)) {
      margin-inline-start: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="layered"]
      .scrolling-showcase__items
      > :nth-child(3n + 2 of :not(script, style, template)) {
      margin-inline-end: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="layered"]
      .scrolling-showcase__items
      > :nth-child(3n + 3 of :not(script, style, template)) {
      margin-inline: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="floating"]
      .scrolling-showcase__items
      > :nth-child(4n + 1 of :not(script, style, template)) {
      margin-inline-start: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="floating"]
      .scrolling-showcase__items
      > :nth-child(4n + 2 of :not(script, style, template)) {
      margin-inline-end: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="floating"]
      .scrolling-showcase__items
      > :nth-child(4n + 3 of :not(script, style, template)) {
      margin-inline-start: auto;
      transform: translateX(calc(-2% - 18vw));
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="floating"]
      .scrolling-showcase__items
      > :nth-child(4n + 4 of :not(script, style, template)) {
      margin-inline-end: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="editorial"]
      .scrolling-showcase__items
      > :nth-child(4n + 1 of :not(script, style, template)) {
      margin-inline: auto;
      transform: translateX(calc(10vw - 12%));
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="editorial"]
      .scrolling-showcase__items
      > :nth-child(4n + 2 of :not(script, style, template)) {
      margin-inline-end: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="editorial"]
      .scrolling-showcase__items
      > :nth-child(4n + 3 of :not(script, style, template)) {
      margin-inline-start: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="editorial"]
      .scrolling-showcase__items
      > :nth-child(4n + 4 of :not(script, style, template)) {
      margin-inline: auto;
      transform: translateX(calc(-100% - 4vw));
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="minimal"]
      .scrolling-showcase__items
      > :nth-child(2n + 1 of :not(script, style, template)) {
      margin-inline-end: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="minimal"]
      .scrolling-showcase__items
      > :nth-child(2n + 2 of :not(script, style, template)) {
      margin-inline-start: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="staggered"]
      .scrolling-showcase__items
      > :nth-child(3n + 1 of :not(script, style, template)) {
      margin-inline-end: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="staggered"]
      .scrolling-showcase__items
      > :nth-child(3n + 2 of :not(script, style, template)) {
      margin-inline-start: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial][data-layout="staggered"]
      .scrolling-showcase__items
      > :nth-child(3n + 3 of :not(script, style, template)) {
      margin-inline: auto;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]:is(
        [data-layout="floating"],
        [data-layout="editorial"],
        [data-layout="minimal"],
        [data-layout="layered"]
      )
      .scrolling-showcase__items
      > :first-child:not(script, style, template) {
      margin-block-start: calc(
        var(--scrolling-showcase-first-gap) +
          var(--scrolling-showcase-item-offset, 0px)
      );
    }
  }
  .scrolling-showcase__component[data-desktop-active]
    .scrolling-showcase__content-region {
    inset: 0;
    position: absolute;
    z-index: 1;
  }
  .scrolling-showcase__component[data-desktop-active]
    .scrolling-showcase__sticky {
    align-content: center;
    display: grid;
    min-height: var(--scrolling-showcase-viewport-height);
    pointer-events: none;
    position: sticky;
    top: calc(
      var(--scrolling-showcase-sticky-offset) -
        var(--scrolling-showcase-content-overflow, 0px)
    );
  }
  .scrolling-showcase__component[data-desktop-active]
    .scrolling-showcase__content
    :is(a, button, input, select, textarea) {
    pointer-events: auto;
  }
  .scrolling-showcase__component[data-desktop-active]
    .scrolling-showcase__items {
    pointer-events: none;
    z-index: 2;
  }
  .scrolling-showcase__component[data-desktop-active] .scrolling-showcase-item {
    pointer-events: auto;
  }
  .scrolling-showcase__component[data-layout="staggered"][data-desktop-layout]
    .scrolling-showcase__items {
    padding-block-end: max(
      clamp(80px, 16svh, 180px),
      var(--scrolling-showcase-motion-end-space)
    );
    padding-block-start: max(
      clamp(80px, 16svh, 180px),
      var(--scrolling-showcase-motion-start-space)
    );
  }
  .scrolling-showcase__component:is(
      [data-layout="floating"],
      [data-layout="editorial"],
      [data-layout="minimal"],
      [data-layout="layered"]
    )[data-desktop-layout]
    .scrolling-showcase__items {
    display: flow-root;
    padding-block-start: max(
      var(--scrolling-showcase-intro-space),
      var(--scrolling-showcase-motion-start-space)
    );
  }
  .scrolling-showcase__component[data-desktop-layout] .scrolling-showcase-item {
    margin-block-start: calc(
      var(--scrolling-showcase-gap) + var(--scrolling-showcase-item-offset)
    );
    width: min(
      100%,
      calc(
        var(--scrolling-showcase-auto-width, 320px) *
          var(--scrolling-showcase-width-scale, 1)
      )
    );
  }
  .scrolling-showcase__component[data-desktop-layout]
    .scrolling-showcase-item:first-child {
    margin-block-start: 0;
  }
  .scrolling-showcase__component:is(
      [data-layout="floating"],
      [data-layout="editorial"],
      [data-layout="minimal"],
      [data-layout="layered"]
    )[data-desktop-layout]
    .scrolling-showcase-item {
    margin-block-start: max(
      0px,
      calc(
        var(--scrolling-showcase-gap) + var(--scrolling-showcase-item-offset)
      )
    );
  }
  .scrolling-showcase__component[data-layout="layered"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      3n + 1 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      132 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline-start: auto;
  }
  .scrolling-showcase__component[data-layout="layered"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      3n + 2 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      281 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline-end: auto;
  }
  .scrolling-showcase__component[data-layout="layered"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      3n + 3 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: min(
      calc(576 / 1700 * var(--scrolling-showcase-layout-width)),
      calc(576 / 1700 * (1900px - 10vw))
    );
    margin-inline: auto;
  }
  .scrolling-showcase__component[data-layout="floating"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      4n + 1 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      213 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline-start: auto;
  }
  .scrolling-showcase__component[data-layout="floating"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      4n + 2 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      438 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline-end: auto;
  }
  .scrolling-showcase__component[data-layout="floating"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      4n + 3 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      271 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline-start: auto;
    transform: translateX(calc(-2% - 18vw));
  }
  .scrolling-showcase__component[data-layout="floating"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      4n + 4 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      438 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline-end: auto;
  }
  .scrolling-showcase__component[data-layout="editorial"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      4n + 1 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      280 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline: auto;
    transform: translateX(calc(10vw - 12%));
  }
  .scrolling-showcase__component[data-layout="editorial"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      4n + 2 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      428 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline-end: auto;
  }
  .scrolling-showcase__component[data-layout="editorial"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      4n + 3 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      428 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline-start: auto;
  }
  .scrolling-showcase__component[data-layout="editorial"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      4n + 4 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      148 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline: auto;
    transform: translateX(calc(-100% - 4vw));
  }
  .scrolling-showcase__component[data-layout="minimal"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      2n + 1 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      280 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline-end: auto;
  }
  .scrolling-showcase__component[data-layout="minimal"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      2n + 2 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: calc(
      280 / 1700 * var(--scrolling-showcase-layout-width)
    );
    margin-inline-start: auto;
  }
  .scrolling-showcase__component[data-layout="staggered"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      3n + 1 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: 320px;
    margin-inline-end: auto;
  }
  .scrolling-showcase__component[data-layout="staggered"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      3n + 2 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: 320px;
    margin-inline-start: auto;
  }
  .scrolling-showcase__component[data-layout="staggered"][data-desktop-layout]
    .scrolling-showcase-item:nth-child(
      3n + 3 of :not(script, style, template)
    ) {
    --scrolling-showcase-auto-width: 320px;
    margin-inline: auto;
  }
  .scrolling-showcase__component[data-desktop-layout] .scrolling-showcase-item {
    min-width: min(
      100%,
      calc(240px * var(--scrolling-showcase-width-scale, 1))
    );
  }
  .scrolling-showcase__component:is(
      [data-layout="floating"],
      [data-layout="editorial"],
      [data-layout="minimal"],
      [data-layout="layered"]
    )[data-desktop-layout]
    .scrolling-showcase-item:first-child {
    margin-block-start: calc(
      var(--scrolling-showcase-first-gap) +
        var(--scrolling-showcase-item-offset)
    );
  }
}
@container scrolling-showcase (width < 960px) {
  @container scrolling-showcase (min-width: 300px) {
    .scrolling-showcase__component[data-scrolling-showcase-initial]:has(
        .scrolling-showcase__content
          :is(h1, h2, h3, h4, h5, h6, p, li, a, button, img, video, svg)
      )
      .scrolling-showcase__content-region {
      inset: 0;
      position: absolute;
      z-index: 1;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]:has(
        .scrolling-showcase__content
          :is(h1, h2, h3, h4, h5, h6, p, li, a, button, img, video, svg)
      )
      .scrolling-showcase__sticky {
      align-content: center;
      display: grid;
      min-height: var(--scrolling-showcase-viewport-height);
      pointer-events: none;
      position: sticky;
      top: calc(
        var(--scrolling-showcase-sticky-offset) -
          var(--scrolling-showcase-content-overflow, 0px)
      );
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items {
      padding-block-end: max(
        clamp(80px, 18svh, 180px),
        var(--scrolling-showcase-motion-end-space)
      );
      padding-block-start: var(--scrolling-showcase-mobile-intro-space);
      pointer-events: none;
      z-index: 2;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :not(script, style, template) {
      margin-block-start: var(--scrolling-showcase-mobile-gap);
      margin-inline: auto;
      pointer-events: auto;
      width: min(82%, 520px);
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :first-child:not(script, style, template) {
      margin-block-start: 0;
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :nth-child(7n + 1 of :not(script, style, template)) {
      margin-inline-end: 0;
      margin-inline-start: auto;
      width: min(22.68%, 145.8px);
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :nth-child(7n + 2 of :not(script, style, template)) {
      margin-inline-end: auto;
      margin-inline-start: 0;
      width: min(52%, 340px);
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :nth-child(7n + 3 of :not(script, style, template)) {
      width: min(100%, max(240px, min(82%, 520px)));
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :nth-child(7n + 4 of :not(script, style, template)) {
      margin-inline-end: 0;
      margin-inline-start: auto;
      width: min(40%, 240px);
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :nth-child(7n + 5 of :not(script, style, template)) {
      width: min(54%, 360px);
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :nth-child(7n + 6 of :not(script, style, template)) {
      margin-inline-end: auto;
      margin-inline-start: 0;
      width: min(100%, max(200px, min(63%, 390px)));
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :nth-child(7n + 7 of :not(script, style, template)) {
      width: min(100%, max(220px, min(74%, 480px)));
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :not(script, style, template) {
      min-width: min(100%, 160px);
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :nth-child(7n + 1 of :not(script, style, template)):not(
        script,
        style,
        template
      ) {
      min-width: min(100%, 129.6px);
    }
    .scrolling-showcase__component[data-scrolling-showcase-initial]
      .scrolling-showcase__items
      > :nth-child(7n + 5 of :not(script, style, template)):not(
        script,
        style,
        template
      ) {
      min-width: min(100%, 192px);
    }
  }
  .scrolling-showcase__component[data-mobile-content-active]
    .scrolling-showcase__content-region {
    inset: 0;
    position: absolute;
    z-index: 1;
  }
  .scrolling-showcase__component[data-mobile-content-active]
    .scrolling-showcase__sticky {
    align-content: center;
    display: grid;
    min-height: var(--scrolling-showcase-viewport-height);
    pointer-events: none;
    position: sticky;
    top: calc(
      var(--scrolling-showcase-sticky-offset) -
        var(--scrolling-showcase-content-overflow, 0px)
    );
  }
  .scrolling-showcase__component[data-mobile-content-active]
    .scrolling-showcase__content
    :is(a, button, input, select, textarea) {
    pointer-events: auto;
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase__items {
    padding-block-end: max(
      clamp(80px, 18svh, 180px),
      var(--scrolling-showcase-motion-end-space)
    );
    padding-block-start: var(--scrolling-showcase-mobile-intro-space);
    pointer-events: none;
    z-index: 2;
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item {
    margin-block-start: var(--scrolling-showcase-mobile-gap);
    margin-inline: auto;
    pointer-events: auto;
    width: min(82%, 520px);
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:first-child {
    margin-block-start: 0;
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:nth-child(
      7n + 1 of :not(script, style, template)
    ) {
    margin-inline-end: 0;
    margin-inline-start: auto;
    width: min(22.68%, 145.8px);
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:nth-child(
      7n + 2 of :not(script, style, template)
    ) {
    margin-inline-end: auto;
    margin-inline-start: 0;
    width: min(52%, 340px);
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:nth-child(
      7n + 3 of :not(script, style, template)
    ) {
    width: min(100%, max(240px, min(82%, 520px)));
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:nth-child(
      7n + 4 of :not(script, style, template)
    ) {
    margin-inline-end: 0;
    margin-inline-start: auto;
    width: min(40%, 240px);
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:nth-child(
      7n + 5 of :not(script, style, template)
    ) {
    width: min(54%, 360px);
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:nth-child(
      7n + 6 of :not(script, style, template)
    ) {
    margin-inline-end: auto;
    margin-inline-start: 0;
    width: min(100%, max(200px, min(63%, 390px)));
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:nth-child(
      7n + 7 of :not(script, style, template)
    ) {
    width: min(100%, max(220px, min(74%, 480px)));
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item {
    min-width: min(100%, 160px);
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:nth-child(
      7n + 1 of :not(script, style, template)
    ) {
    min-width: min(100%, 129.6px);
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:nth-child(
      7n + 5 of :not(script, style, template)
    ) {
    min-width: min(100%, 192px);
  }
  .scrolling-showcase__component[data-mobile-editorial]
    .scrolling-showcase-item:focus-within {
    z-index: 3;
  }
}
.scrolling-showcase__component[data-layout="staggered"]:is(
    [data-scrolling-showcase-initial],
    [data-desktop-layout],
    [data-mobile-editorial]
  )
  .scrolling-showcase__items
  > :nth-child(n of :not(script, style, template)) {
  --scrolling-showcase-width-scale: 1;
  min-width: 0;
  width: min(82%, 320px);
}
.scrolling-showcase__component[data-card-size="xsmall"] {
  --scrolling-showcase-card-width-desktop: 160px;
  --scrolling-showcase-card-width-mobile: 140px;
}
.scrolling-showcase__component[data-card-size="small"] {
  --scrolling-showcase-card-width-desktop: 240px;
  --scrolling-showcase-card-width-mobile: 180px;
}
.scrolling-showcase__component[data-card-size="medium"] {
  --scrolling-showcase-card-width-desktop: 320px;
  --scrolling-showcase-card-width-mobile: 220px;
}
.scrolling-showcase__component[data-card-size="large"] {
  --scrolling-showcase-card-width-desktop: 400px;
  --scrolling-showcase-card-width-mobile: 280px;
}
.scrolling-showcase__component[data-card-size="xlarge"] {
  --scrolling-showcase-card-width-desktop: 480px;
  --scrolling-showcase-card-width-mobile: 340px;
}
.scrolling-showcase__component {
  --scrolling-showcase-card-width: var(--scrolling-showcase-card-width-mobile);
  @media (width >= 750px) {
    --scrolling-showcase-card-width: var(
      --scrolling-showcase-card-width-desktop
    );
  }
}
.scrolling-showcase__component[data-card-size]:not(
    [data-card-size="mixed"]
  ):not([data-scrolling-showcase-block-preview])
  .scrolling-showcase__items
  > :nth-child(n of :not(script, style, template)) {
  min-width: 0;
  width: min(100%, var(--scrolling-showcase-card-width));
}
.scrolling-showcase-item__motion > .shopify-block > :has(> video-wrapper),
.scrolling-showcase-item__motion > :has(> video-wrapper),
.scrolling-showcase__items > .shopify-block > :has(> video-wrapper),
.scrolling-showcase__items > :has(> video-wrapper) {
  height: auto;
}
.scrolling-showcase-promo,
.scrolling-showcase__items > .scrolling-showcase-promo {
  aspect-ratio: var(--scrolling-showcase-promo-ratio);
  container-type: inline-size;
  display: grid;
  isolation: isolate;
  min-height: -moz-min-content;
  min-height: min-content;
  overflow: clip;
  position: relative;
}
.scrolling-showcase-promo__media {
  inset: 0;
  position: absolute;
}
.scrolling-showcase-promo__media > .image {
  height: 100%;
  width: 100%;
}
.scrolling-showcase-promo__content {
  align-items: var(--scrolling-showcase-promo-horizontal);
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-400);
  justify-content: var(--scrolling-showcase-promo-vertical);
  min-width: 0;
  padding: clamp(
    var(--gsc-space-300),
    calc(20cqw - var(--gsc-space-500)),
    var(--gsc-space-600)
  );
  position: relative;
  text-align: var(--scrolling-showcase-promo-text-alignment);
}
.scrolling-showcase-promo__content > * {
  flex-shrink: 0;
  max-width: 100%;
}
@media (width >= 750px) {
  .scrolling-showcase-promo:hover .image--zoom-on-hover > .image__placeholder,
  .scrolling-showcase-promo:hover .image--zoom-on-hover > img {
    transform: scale(1.1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .scrolling-showcase-item__motion {
    transform: none !important;
  }
  .scrolling-showcase__component .animate {
    animation: none !important;
  }
  .scrolling-showcase-promo .image--zoom-on-hover > .image__placeholder,
  .scrolling-showcase-promo .image--zoom-on-hover > img {
    transform: none;
    transition: none;
  }
}
.split-banner {
  isolation: isolate;
  overflow: hidden;
  position: relative;
}
.split-banner__media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  inset: 0;
  min-height: 100%;
  position: absolute;
}
.split-banner__media-item {
  min-height: 100%;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.split-banner__image,
.split-banner__video,
.split-banner__video .video-player__placeholder,
.split-banner__video iframe,
.split-banner__video video,
.split-banner__video video-player {
  height: 100%;
  width: 100%;
}
.split-banner__image img,
.split-banner__image svg,
.split-banner__video .video-player__placeholder svg,
.split-banner__video iframe,
.split-banner__video video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.split-banner__overlay {
  background: var(--split-banner-overlay-color);
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.split-banner > .blur {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.split-banner__content {
  min-height: 100%;
  position: relative;
  z-index: 3;
}
@media (width < 750px) {
  .split-banner--stack-mobile-media .split-banner__media {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 750px) {
  .split-banner__media-item video {
    transition: transform 0.3s ease-in-out;
  }
  .split-banner:hover .image--zoom-on-hover img,
  .split-banner:hover video {
    transform: scale(1.1);
  }
}
.dynamic-dots {
  border-radius: 100px;
  display: block;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: -moz-fit-content;
  width: fit-content;
  --gsc-dot-width: 0.6rem;
  --gsc-line-dot-width: 2rem;
  --gsc-dot-padding-block: 0.6rem;
  --gsc-dot-padding-inline: 0.3rem;
  --gsc-dots-gap: var(--gsc-dot-padding-inline);
  --gsc-dots-gap-mobile: var(--gsc-dots-gap);
  --gsc-current-dot-padding-inline: var(--gsc-dots-gap);
  --gsc-active-dot-width: var(--gsc-dot-width);
  --gsc-dots-wrapper-margin-inline: 0.5rem;
  --gsc-dots-count: var(--gsc-dots-count-desktop);
  --gcs-dots-wrapper-width: calc(
    calc(
        calc(var(--gsc-current-dot-padding-inline) * 2 + var(--gsc-dot-width)) *
          var(--gsc-dots-count)
      ) -
      var(--gsc-dot-width) + var(--gsc-active-dot-width)
  );
  @media (width >= 750px) {
    --gsc-current-dot-padding-inline: var(--gsc-dots-gap);
    --gsc-active-dot-color: var(--gsc-dots-color);
    --gsc-dot-color: rgb(from var(--gsc-dots-color) r g b/30%);
    background: var(--gsc-dots-bg-color);
    &.dynamic-dots--dots-light {
      --gsc-dot-color: rgb(from var(--gsc-dots-color) r g b/45%);
    }
    &.dynamic-dots--dots-dark {
      --gsc-dot-color: rgb(from var(--gsc-dots-color) r g b/20%);
    }
  }
  @media (width < 750px) {
    --gsc-current-dot-padding-inline: var(--gsc-dots-gap-mobile);
    --gsc-dots-count: var(--gsc-dots-count-mobile);
    --gsc-active-dot-color: var(--gsc-dots-color-mobile);
    --gsc-dot-color: rgb(from var(--gsc-dots-color-mobile) r g b/30%);
    background: var(--gsc-dots-bg-color-mobile);
    &.dynamic-dots--dots-light {
      --gsc-dot-color: rgb(from var(--gsc-dots-color-mobile) r g b/45%);
    }
    &.dynamic-dots--dots-dark {
      --gsc-dot-color: rgb(from var(--gsc-dots-color-mobile) r g b/20%);
    }
  }
}
.dynamic-dots--bg-blur {
  backdrop-filter: blur(1.2rem);
}
@media (width >= 750px) {
  .dynamic-dots--line-type-desktop {
    --gsc-active-dot-width: var(--gsc-line-dot-width);
  }
  .dynamic-dots--size-s-desktop {
    --gsc-dot-width: 4px;
    --gsc-line-dot-width: 12px;
    --gsc-dot-padding-block: 4px;
    --gsc-dot-padding-inline: 2px;
    --gsc-dots-wrapper-margin-inline: 4px;
  }
  .dynamic-dots--size-m-desktop {
    --gsc-dot-width: 6px;
    --gsc-line-dot-width: 20px;
    --gsc-dot-padding-block: 6px;
    --gsc-dot-padding-inline: 3px;
    --gsc-dots-wrapper-margin-inline: 5px;
  }
  .dynamic-dots--size-l-desktop {
    --gsc-dot-width: 8px;
    --gsc-line-dot-width: 24px;
    --gsc-dot-padding-block: 8px;
    --gsc-dot-padding-inline: 5px;
    --gsc-dots-wrapper-margin-inline: 7px;
  }
}
@media (width < 750px) {
  .dynamic-dots--line-type-mobile {
    --gsc-active-dot-width: var(--gsc-line-dot-width);
  }
  .dynamic-dots--size-s-mobile {
    --gsc-dot-width: 4px;
    --gsc-line-dot-width: 12px;
    --gsc-dot-padding-block: 4px;
    --gsc-dot-padding-inline: 2px;
    --gsc-dots-wrapper-margin-inline: 4px;
  }
  .dynamic-dots--size-m-mobile {
    --gsc-dot-width: 6px;
    --gsc-line-dot-width: 20px;
    --gsc-dot-padding-block: 6px;
    --gsc-dot-padding-inline: 3px;
    --gsc-dots-wrapper-margin-inline: 5px;
  }
  .dynamic-dots--size-l-mobile {
    --gsc-dot-width: 8px;
    --gsc-line-dot-width: 24px;
    --gsc-dot-padding-block: 8px;
    --gsc-dot-padding-inline: 5px;
    --gsc-dots-wrapper-margin-inline: 7px;
  }
}
.dynamic-dots__wrapper {
  margin-inline: var(--gsc-dots-wrapper-margin-inline);
  overflow: hidden;
  width: var(--gcs-dots-wrapper-width);
}
.dynamic-dots__track {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.dynamic-dot {
  flex-shrink: 0;
  padding: var(--gsc-dot-padding-block) var(--gsc-current-dot-padding-inline);
}
.dynamic-dot__inner {
  background-color: var(--gsc-dot-color);
  border-radius: 100px;
  height: var(--gsc-dot-width);
  transition:
    background-color 0.2s ease-in-out,
    width 0.2s ease-in-out,
    transform 0.1s ease-in-out;
  width: var(--gsc-dot-width);
}
.dynamic-dot.--active .dynamic-dot__inner {
  background-color: var(--gsc-active-dot-color);
  width: var(--gsc-active-dot-width);
}
.dynamic-dot.--scrollable .dynamic-dot__inner {
  transform: scale(0.8);
}
.dynamic-dots--remove-paddings {
  --gsc-dots-wrapper-margin-inline: 0;
}
.dynamic-dots--remove-block-padding {
  --gsc-dot-padding-block: 0;
}
.photoswipe__pagination {
  align-items: center;
  background-color: #eee;
  border-radius: var(--gsc-border-radius-full);
  color: var(--gsc-color-heading);
  display: inline-flex;
  flex-shrink: 0;
  font-family: var(--gsc-font-body-3--family);
  font-size: var(--gsc-font-body-3--size);
  font-style: var(--gsc-font-body-3--style);
  font-weight: var(--gsc-font-body-3--weight);
  gap: var(--gsc-space-200);
  height: 44px;
  line-height: var(--gsc-font-body-3--line-height);
  padding: var(--gsc-space-300) var(--gsc-space-600);
}
.photoswipe__pswp {
  --pswp-bg: var(--gsc-color-background);
  --pswp-placeholder-bg: var(--gsc-product-media-background);
  .pswp__img,
  .pswp__zoom-wrap iframe,
  .pswp__zoom-wrap video {
    background-color: var(--gsc-product-media-background);
  }
  .pswp__container {
    will-change: transform;
  }
  .pswp__top-bar {
    height: auto;
  }
  .pswp__top-preloader {
    height: auto;
  }
  .pswp__button {
    height: auto;
    opacity: 1;
    overflow: visible;
    width: -moz-fit-content;
    width: fit-content;
  }
  .pswp__button--next-button,
  .pswp__button--prev-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    &[class*="prev"] {
      left: 40px;
    }
    &[class*="next"] {
      right: 40px;
    }
    @media (width < 750px) {
      display: none;
    }
  }
  .pswp__button--close-button {
    margin: 20px;
  }
  .pswp__pagination {
    bottom: 40px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    @media (width < 750px) {
      bottom: 20px;
    }
  }
}
.localizations {
  align-items: center;
  display: flex;
  gap: var(--gsc-localizations-gap, 0);
  width: -moz-fit-content;
  width: fit-content;
}
.localizations .dropdown__content {
  overflow: hidden;
  padding: 0;
}
.localization__item,
.localization__trigger {
  align-items: center;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  transition: color var(--transition-duration);
}
.localization__item:focus-visible {
  outline-offset: -1px;
}
.localization__trigger {
  font-size: var(--font-size);
}
.localization__trigger-icon {
  transition: transform 0.2s ease;
}
.dropdown[aria-expanded="true"] .localization__trigger-icon {
  transform: rotate(180deg);
}
.localization__list {
  max-height: 286px;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.localization__search {
  padding: 20px 20px 12px;
  transition: box-shadow var(--transition-duration);
  width: 100%;
}
.localization__list--scrolled .localization__search {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.06);
}
.localization__list {
  padding-block: 14px;
}
.dropdown__content:has(.localization__search) .localization__list {
  padding-top: 0;
}
.localization__item {
  font-size: var(--gsc-font-size-300);
  line-height: 135%;
  padding: 8px 20px;
  text-align: left;
  transition: background-color 0.15s ease;
  width: 100%;
}
.localization__item--active {
  pointer-events: none;
}
.localization__item--active .button__label::before {
  transform: scaleX(1);
}
.localization__flag {
  border: 1px solid var(--gsc-color-border);
  margin-right: 6px;
}
.media {
  --video-player-background: var(--gsc-product-media-background);
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-400);
  min-width: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  --thumb-desktop-height: calc(
    var(--thumb-desktop-width) / (var(--thumb-desktop-aspect-ratio))
  );
  --thumb-mobile-height: calc(
    var(--thumb-mobile-width) / (var(--thumb-mobile-aspect-ratio))
  );
  .dynamic-dots {
    left: 0;
    transform: none;
  }
  .media__gallery {
    flex: 1;
    width: 100%;
  }
  .media__overlay-icon {
    align-items: center;
    backdrop-filter: blur(8px);
    background: var(--gsc-color-background-black-25);
    border: var(--gsc-border-width-0125) solid
      var(--gsc-color-background-white-25);
    border-radius: var(--gsc-border-radius-full);
    color: #fff;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px;
  }
  .media__inner {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .media__navigation--desktop,
  .media__navigation--mobile {
    display: none;
    > .smart-list > .smart-list__items {
      padding: 1px;
    }
  }
  .media__shopify-xr-button {
    &:not(.visible) {
      display: none;
    }
  }
  .media__mute-button {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
    @media (width >= 750px) {
      .media--navigation-desktop-inside-top-center &,
      .media--navigation-desktop-inside-top-left &,
      .media--navigation-desktop-inside-top-right & {
        inset: unset;
        bottom: 20px;
        right: 20px;
      }
      .media--navigation-desktop-inside-middle-right & {
        inset: unset;
        left: 20px;
        top: 20px;
      }
      .media--navigation-desktop-inside-bottom-center &,
      .media--navigation-desktop-inside-bottom-left &,
      .media--navigation-desktop-inside-bottom-right &,
      .media--navigation-desktop-inside-middle-left & {
        inset: unset;
        right: 20px;
        top: 20px;
      }
    }
    @media (width < 750px) {
      .media--navigation-mobile-inside-top-center &,
      .media--navigation-mobile-inside-top-left &,
      .media--navigation-mobile-inside-top-right & {
        inset: unset;
        bottom: 20px;
        right: 20px;
      }
      .media--navigation-mobile-inside-middle-right & {
        inset: unset;
        left: 20px;
        top: 20px;
      }
      .media--navigation-mobile-inside-bottom-center &,
      .media--navigation-mobile-inside-bottom-left &,
      .media--navigation-mobile-inside-bottom-right &,
      .media--navigation-mobile-inside-middle-left & {
        inset: unset;
        left: 20px;
        top: 20px;
      }
    }
  }
  @media (width >= 750px) {
    .media__navigation--desktop {
      display: flex;
      max-height: 100%;
      max-width: 100%;
      position: absolute;
      .smart-list {
        width: 100%;
      }
    }
    &.media--navigation-desktop-inside-top-left,
    &.media--navigation-desktop-outside-top-left {
      &[class*="-desktop-type-thumbnails-"] {
        &[class*="-desktop-outside-"] {
          &[class*="-desktop-direction-vertical"] {
            .media__inner {
              padding-inline-start: var(--thumb-desktop-width);
            }
            .media__gallery {
              margin-inline-start: var(--navigation-desktop-padding-x);
            }
            .media__navigation--desktop {
              bottom: 0;
              left: 0;
              padding-block-start: var(--navigation-desktop-padding-y);
              top: 0;
            }
          }
          &[class*="-desktop-direction-horizontal"] {
            .media__inner {
              padding-block-start: var(--thumb-desktop-height);
            }
            .media__gallery {
              margin-block-start: var(--navigation-desktop-padding-y);
            }
            .media__navigation--desktop {
              left: 0;
              padding-inline-start: var(--navigation-desktop-padding-x);
              top: 0;
            }
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            left: 0;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            top: 0;
          }
        }
      }
      &[class*="-desktop-type-dots-"],
      &[class*="-desktop-type-numbers-"] {
        &[class*="-desktop-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column-reverse;
          }
          .media__navigation--desktop {
            justify-content: start;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            position: unset;
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            left: 0;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            top: 0;
          }
        }
      }
    }
    &.media--navigation-desktop-inside-top-center,
    &.media--navigation-desktop-outside-top-center {
      &[class*="-desktop-type-thumbnails-"] {
        &[class*="-desktop-outside-"] {
          &[class*="-desktop-direction-horizontal"] {
            .media__inner {
              padding-block-start: var(--thumb-desktop-height);
            }
            .media__gallery {
              margin-block-start: var(--navigation-desktop-padding-y);
            }
            .media__navigation--desktop {
              left: 50%;
              padding-inline: var(--navigation-desktop-padding-x);
              top: 0;
              transform: translateX(-50%);
            }
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            left: 50%;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            top: 0;
            transform: translateX(-50%);
          }
        }
      }
      &[class*="-desktop-type-dots-"],
      &[class*="-desktop-type-numbers-"] {
        &[class*="-desktop-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column-reverse;
          }
          .media__navigation--desktop {
            justify-content: center;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            position: unset;
            transform: none;
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            left: 50%;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            top: 0;
            transform: translateX(-50%);
          }
        }
      }
    }
    &.media--navigation-desktop-inside-top-right,
    &.media--navigation-desktop-outside-top-right {
      &[class*="-desktop-type-thumbnails-"] {
        &[class*="-desktop-outside-"] {
          &[class*="-desktop-direction-vertical"] {
            .media__inner {
              padding-inline-end: var(--thumb-desktop-width);
            }
            .media__gallery {
              margin-inline-end: var(--navigation-desktop-padding-x);
            }
            .media__navigation--desktop {
              padding-block-start: var(--navigation-desktop-padding-y);
              right: 0;
              top: 0;
            }
          }
          &[class*="-desktop-direction-horizontal"] {
            .media__inner {
              padding-block-start: var(--thumb-desktop-height);
            }
            .media__gallery {
              margin-block-start: var(--navigation-desktop-padding-y);
            }
            .media__navigation--desktop {
              padding-inline-start: var(--navigation-desktop-padding-x);
              right: 0;
              top: 0;
            }
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            right: 0;
            top: 0;
          }
        }
      }
      &[class*="-desktop-type-dots-"],
      &[class*="-desktop-type-numbers-"] {
        &[class*="-desktop-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column-reverse;
          }
          .media__navigation--desktop {
            justify-content: end;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            position: unset;
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            right: 0;
            top: 0;
          }
        }
      }
    }
    &.media--navigation-desktop-inside-middle-left,
    &.media--navigation-desktop-outside-middle-left {
      &[class*="-desktop-type-thumbnails-"] {
        &[class*="-desktop-outside-"] {
          .media__inner {
            padding-inline-start: var(--thumb-desktop-width);
          }
          .media__gallery {
            margin-inline-start: var(--navigation-desktop-padding-x);
          }
        }
        .media__navigation--desktop {
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          [class*="-desktop-outside-"] & {
            padding-block-start: var(--navigation-desktop-padding-y);
          }
          [class*="-desktop-inside-"] & {
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
          }
        }
      }
    }
    &.media--navigation-desktop-inside-middle-right,
    &.media--navigation-desktop-outside-middle-right {
      &[class*="-desktop-type-thumbnails-"] {
        &[class*="-desktop-outside-"] {
          .media__inner {
            padding-inline-end: var(--thumb-desktop-width);
          }
          .media__gallery {
            margin-inline-end: var(--navigation-desktop-padding-x);
          }
        }
        .media__navigation--desktop {
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          [class*="-desktop-outside-"] & {
            padding-block-start: var(--navigation-desktop-padding-y);
          }
          [class*="-desktop-inside-"] & {
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
          }
        }
      }
    }
    &.media--navigation-desktop-inside-bottom-left,
    &.media--navigation-desktop-outside-bottom-left {
      &[class*="-desktop-type-thumbnails-"] {
        &[class*="-desktop-outside-"] {
          &[class*="-desktop-direction-vertical"] {
            .media__inner {
              padding-inline-start: var(--thumb-desktop-width);
            }
            .media__gallery {
              margin-inline-start: var(--navigation-desktop-padding-x);
            }
            .media__navigation--desktop {
              bottom: 0;
              left: 0;
              padding-block-start: var(--navigation-desktop-padding-y);
            }
          }
          &[class*="-desktop-direction-horizontal"] {
            .media__inner {
              padding-block-end: var(--thumb-desktop-height);
            }
            .media__gallery {
              margin-block-end: var(--navigation-desktop-padding-y);
            }
            .media__navigation--desktop {
              bottom: 0;
              left: 0;
              padding-inline-start: var(--navigation-desktop-padding-x);
            }
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            bottom: 0;
            left: 0;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
          }
        }
      }
      &[class*="-desktop-type-dots-"],
      &[class*="-desktop-type-numbers-"] {
        &[class*="-desktop-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column;
          }
          .media__navigation--desktop {
            justify-content: start;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            position: unset;
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            bottom: 0;
            left: 0;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
          }
        }
      }
    }
    &.media--navigation-desktop-inside-bottom-center,
    &.media--navigation-desktop-outside-bottom-center {
      &[class*="-desktop-type-thumbnails-"] {
        &[class*="-desktop-outside-"] {
          &[class*="-desktop-direction-horizontal"] {
            .media__inner {
              padding-block-end: var(--thumb-desktop-height);
            }
            .media__gallery {
              margin-block-end: var(--navigation-desktop-padding-y);
            }
            .media__navigation--desktop {
              bottom: 0;
              left: 50%;
              padding-inline: var(--navigation-desktop-padding-x);
              transform: translateX(-50%);
            }
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            bottom: 0;
            left: 50%;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            transform: translateX(-50%);
          }
        }
      }
      &[class*="-desktop-type-dots-"],
      &[class*="-desktop-type-numbers-"] {
        &[class*="-desktop-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column;
          }
          .media__navigation--desktop {
            justify-content: center;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            position: unset;
            transform: none;
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            bottom: 0;
            left: 50%;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            transform: translateX(-50%);
          }
        }
      }
    }
    &.media--navigation-desktop-inside-bottom-right,
    &.media--navigation-desktop-outside-bottom-right {
      &[class*="-desktop-type-thumbnails-"] {
        &[class*="-desktop-outside-"] {
          &[class*="-desktop-direction-vertical"] {
            .media__inner {
              padding-inline-end: var(--thumb-desktop-width);
            }
            .media__gallery {
              margin-inline-end: var(--navigation-desktop-padding-x);
            }
            .media__navigation--desktop {
              bottom: 0;
              padding-block-start: var(--navigation-desktop-padding-y);
              right: 0;
            }
          }
          &[class*="-desktop-direction-horizontal"] {
            .media__inner {
              padding-block-end: var(--thumb-desktop-height);
            }
            .media__gallery {
              margin-block-end: var(--navigation-desktop-padding-y);
            }
            .media__navigation--desktop {
              bottom: 0;
              padding-inline-start: var(--navigation-desktop-padding-x);
              right: 0;
            }
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            bottom: 0;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            right: 0;
          }
        }
      }
      &[class*="-desktop-type-dots-"],
      &[class*="-desktop-type-numbers-"] {
        &[class*="-desktop-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column;
          }
          .media__navigation--desktop {
            justify-content: end;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            position: unset;
          }
        }
        &[class*="-desktop-inside-"] {
          .media__navigation--desktop {
            bottom: 0;
            padding-block: var(--navigation-desktop-padding-y);
            padding-inline: var(--navigation-desktop-padding-x);
            right: 0;
          }
        }
      }
    }
  }
  @media (width < 750px) {
    .media__navigation--mobile {
      display: flex;
      max-height: 100%;
      max-width: 100%;
      position: absolute;
      .smart-list {
        width: 100%;
      }
    }
    &.media--navigation-mobile-inside-top-left,
    &.media--navigation-mobile-outside-top-left {
      &[class*="-mobile-type-thumbnails-"] {
        &[class*="-mobile-outside-"] {
          &[class*="-mobile-direction-vertical"] {
            .media__inner {
              padding-inline-start: var(--thumb-mobile-width);
            }
            .media__gallery {
              margin-inline-start: var(--navigation-mobile-padding-x);
            }
            .media__navigation--mobile {
              left: 0;
              padding-block-start: var(--navigation-mobile-padding-y);
              top: 0;
            }
          }
          &[class*="-mobile-direction-horizontal"] {
            .media__inner {
              padding-block-start: var(--thumb-mobile-height);
            }
            .media__gallery {
              margin-block-start: var(--navigation-mobile-padding-y);
            }
            .media__navigation--mobile {
              left: 0;
              padding-inline-start: var(--navigation-mobile-padding-x);
              top: 0;
            }
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            left: 0;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            top: 0;
          }
        }
      }
      &[class*="-mobile-type-dots-"],
      &[class*="-mobile-type-numbers-"] {
        &[class*="-mobile-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column-reverse;
          }
          .media__navigation--mobile {
            justify-content: start;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            position: unset;
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            left: 0;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            top: 0;
          }
        }
      }
    }
    &.media--navigation-mobile-inside-top-center,
    &.media--navigation-mobile-outside-top-center {
      &[class*="-mobile-type-thumbnails-"] {
        &[class*="-mobile-outside-"] {
          &[class*="-mobile-direction-horizontal"] {
            .media__inner {
              padding-block-start: var(--thumb-mobile-height);
            }
            .media__gallery {
              margin-block-start: var(--navigation-mobile-padding-y);
            }
            .media__navigation--mobile {
              left: 50%;
              padding-inline: var(--navigation-mobile-padding-x);
              top: 0;
              transform: translateX(-50%);
            }
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            left: 50%;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            top: 0;
            transform: translateX(-50%);
          }
        }
      }
      &[class*="-mobile-type-dots-"],
      &[class*="-mobile-type-numbers-"] {
        &[class*="-mobile-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column-reverse;
          }
          .media__navigation--mobile {
            justify-content: center;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            position: unset;
            transform: none;
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            left: 50%;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            top: 0;
            transform: translateX(-50%);
          }
        }
      }
    }
    &.media--navigation-mobile-inside-top-right,
    &.media--navigation-mobile-outside-top-right {
      &[class*="-mobile-type-thumbnails-"] {
        &[class*="-mobile-outside-"] {
          &[class*="-mobile-direction-vertical"] {
            .media__inner {
              padding-inline-end: var(--thumb-mobile-width);
            }
            .media__gallery {
              margin-inline-end: var(--navigation-mobile-padding-x);
            }
            .media__navigation--mobile {
              padding-block-start: var(--navigation-mobile-padding-y);
              right: 0;
              top: 0;
            }
          }
          &[class*="-mobile-direction-horizontal"] {
            .media__inner {
              padding-block-start: var(--thumb-mobile-height);
            }
            .media__gallery {
              margin-block-start: var(--navigation-mobile-padding-y);
            }
            .media__navigation--mobile {
              padding-inline-start: var(--navigation-mobile-padding-x);
              right: 0;
              top: 0;
            }
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            right: 0;
            top: 0;
          }
        }
      }
      &[class*="-mobile-type-dots-"],
      &[class*="-mobile-type-numbers-"] {
        &[class*="-mobile-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column-reverse;
          }
          .media__navigation--mobile {
            justify-content: end;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            position: unset;
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            right: 0;
            top: 0;
          }
        }
      }
    }
    &.media--navigation-mobile-inside-middle-left,
    &.media--navigation-mobile-outside-middle-left {
      &[class*="-mobile-type-thumbnails-"] {
        &[class*="-mobile-outside-"] {
          .media__inner {
            padding-inline-start: var(--thumb-mobile-width);
          }
          .media__gallery {
            margin-inline-start: var(--navigation-mobile-padding-x);
          }
        }
        .media__navigation--mobile {
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          [class*="-mobile-outside-"] & {
            margin-block-start: var(--navigation-mobile-padding-y);
          }
          [class*="-mobile-inside-"] & {
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
          }
        }
      }
    }
    &.media--navigation-mobile-inside-middle-right,
    &.media--navigation-mobile-outside-middle-right {
      &[class*="-mobile-type-thumbnails-"] {
        &[class*="-mobile-outside-"] {
          .media__inner {
            padding-inline-end: var(--thumb-mobile-width);
          }
          .media__gallery {
            margin-inline-end: var(--navigation-mobile-padding-x);
          }
        }
        .media__navigation--mobile {
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          [class*="-mobile-outside-"] & {
            margin-block-start: var(--navigation-mobile-padding-y);
          }
          [class*="-mobile-inside-"] & {
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
          }
        }
      }
    }
    &.media--navigation-mobile-inside-bottom-left,
    &.media--navigation-mobile-outside-bottom-left {
      &[class*="-mobile-type-thumbnails-"] {
        &[class*="-mobile-outside-"] {
          &[class*="-mobile-direction-vertical"] {
            .media__inner {
              padding-inline-start: var(--thumb-mobile-width);
            }
            .media__gallery {
              margin-inline-start: var(--navigation-mobile-padding-x);
            }
            .media__navigation--mobile {
              bottom: 0;
              left: 0;
              padding-block-start: var(--navigation-mobile-padding-y);
            }
          }
          &[class*="-mobile-direction-horizontal"] {
            .media__inner {
              padding-block-end: var(--thumb-mobile-height);
            }
            .media__gallery {
              margin-block-end: var(--navigation-mobile-padding-y);
            }
            .media__navigation--mobile {
              bottom: 0;
              left: 0;
              padding-inline-start: var(--navigation-mobile-padding-x);
            }
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            bottom: 0;
            left: 0;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
          }
        }
      }
      &[class*="-mobile-type-dots-"],
      &[class*="-mobile-type-numbers-"] {
        &[class*="-mobile-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column;
          }
          .media__navigation--mobile {
            justify-content: start;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            position: unset;
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            bottom: 0;
            left: 0;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
          }
        }
      }
    }
    &.media--navigation-mobile-inside-bottom-center,
    &.media--navigation-mobile-outside-bottom-center {
      &[class*="-mobile-type-thumbnails-"] {
        &[class*="-mobile-outside-"] {
          &[class*="-mobile-direction-horizontal"] {
            .media__inner {
              padding-block-end: var(--thumb-mobile-height);
            }
            .media__gallery {
              margin-block-end: var(--navigation-mobile-padding-y);
            }
            .media__navigation--mobile {
              bottom: 0;
              left: 50%;
              padding-inline: var(--navigation-mobile-padding-x);
              transform: translateX(-50%);
            }
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            bottom: 0;
            left: 50%;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            transform: translateX(-50%);
          }
        }
      }
      &[class*="-mobile-type-dots-"],
      &[class*="-mobile-type-numbers-"] {
        &[class*="-mobile-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column;
          }
          .media__navigation--mobile {
            justify-content: center;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            position: unset;
            transform: none;
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            bottom: 0;
            left: 50%;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            transform: translateX(-50%);
          }
        }
      }
    }
    &.media--navigation-mobile-inside-bottom-right,
    &.media--navigation-mobile-outside-bottom-right {
      &[class*="-mobile-type-thumbnails-"] {
        &[class*="-mobile-outside-"] {
          &[class*="-mobile-direction-vertical"] {
            .media__inner {
              padding-inline-end: var(--thumb-mobile-width);
            }
            .media__gallery {
              margin-inline-end: var(--navigation-mobile-padding-x);
            }
            .media__navigation--mobile {
              bottom: 0;
              padding-block-start: var(--navigation-mobile-padding-y);
              right: 0;
            }
          }
          &[class*="-mobile-direction-horizontal"] {
            .media__inner {
              padding-block-end: var(--thumb-mobile-height);
            }
            .media__gallery {
              margin-block-end: var(--navigation-mobile-padding-y);
            }
            .media__navigation--mobile {
              bottom: 0;
              padding-inline-start: var(--navigation-mobile-padding-x);
              right: 0;
            }
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            bottom: 0;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            right: 0;
          }
        }
      }
      &[class*="-mobile-type-dots-"],
      &[class*="-mobile-type-numbers-"] {
        &[class*="-mobile-outside-"] {
          .media__inner {
            display: flex;
            flex-direction: column;
          }
          .media__navigation--mobile {
            justify-content: end;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            position: unset;
          }
        }
        &[class*="-mobile-inside-"] {
          .media__navigation--mobile {
            bottom: 0;
            padding-block: var(--navigation-mobile-padding-y);
            padding-inline: var(--navigation-mobile-padding-x);
            right: 0;
          }
        }
      }
    }
  }
}
.media__gallery :is(.image, .video-player, model-viewer),
.media__placeholder,
.media__thumb .image {
  background: var(--gsc-product-media-background);
}
.media__thumb {
  cursor: pointer;
}
.media__thumb--active {
  position: relative;
  &::before {
    border: 1px solid #333;
    content: " ";
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
    @media (width >= 750px) {
      border-radius: var(--item-corner-radius);
    }
    @media (width < 750px) {
      border-radius: var(--item-mobile-corner-radius);
    }
  }
  &::after {
    border: 2.5px solid #fff;
    content: " ";
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
    z-index: 9;
    @media (width >= 750px) {
      border-radius: var(--item-corner-radius);
    }
    @media (width < 750px) {
      border-radius: var(--item-mobile-corner-radius);
    }
  }
}
.simple-pager {
  align-items: flex-start;
  color: var(--gsc-color-heading);
  display: flex;
  font-family: var(--gsc-font-caption--family);
  font-size: var(--gsc-font-size-300);
  font-style: var(--gsc-font-caption--style);
  font-weight: var(--gsc-font-caption--weight);
  gap: var(--gsc-space-200);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: 135%;
  padding: var(--gsc-space-300) var(--gsc-space-500);
  > * {
    opacity: 0.5;
  }
  > .simple-pager__current {
    min-width: 2ch;
    opacity: 1;
  }
  > .simple-pager__total {
    min-width: 2ch;
  }
}
.simple-pager--background {
  background-color: #ccc;
  background:
    linear-gradient(0deg, hsla(0, 0%, 79%, 0.2) 0, hsla(0, 0%, 79%, 0.2) 100%),
    var(--gsc-color-current-background, var(--gsc-color-background));
  border-radius: var(--gsc-border-radius-full);
}
.media-cursor {
  align-items: center;
  background-color: #fff;
  border-radius: 100px;
  display: none;
  height: 44px;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 44px;
  z-index: 100;
  svg {
    fill: #000;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.media-cursor--visible {
  display: flex;
}
.line-1,
.line-2,
.line-3,
.line-4 {
  transform-origin: center center;
  transition: all 0.3s;
}
.media-cursor--left {
  .line-1 {
    transform: translate(-6.5px, 0.3px) rotate(45deg);
  }
  .line-2 {
    transform: translate(-6.5px, -0.3px) rotate(-45deg);
  }
  .line-3 {
    transform: scaleX(0.8);
  }
  .line-4 {
    transform: scaleX(0.8);
  }
}
.media-cursor--zoom {
  .line-1 {
    transform-origin: center center;
  }
  .line-2 {
    transform-origin: center center;
  }
}
.media-cursor--right {
  .line-1 {
    transform: translate(6.5px, 0.3px) rotate(-45deg);
  }
  .line-2 {
    transform: translate(6.5px, -0.3px) rotate(45deg);
  }
  .line-3 {
    transform: scaleX(0.8);
  }
  .line-4 {
    transform: scaleX(0.8);
  }
}
.media-cursor__pause,
.media-cursor__play {
  align-items: center;
  color: #000;
  display: none;
  justify-content: center;
}
.media-cursor--play {
  .media-cursor__play {
    display: flex;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .line-1,
  .line-2,
  .line-3,
  .line-4 {
    display: none;
  }
}
.media-cursor--pause {
  .media-cursor__pause {
    display: flex;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .line-1,
  .line-2,
  .line-3,
  .line-4 {
    display: none;
  }
}
@media (width >= 750px) {
  .group.product-details__sticky {
    display: block;
    position: sticky;
    top: var(--gsc-single-header-height, 0);
  }
  safe-sticky.group.product-details__sticky {
    position: static;
  }
  .product-details--inner-max-width {
    align-items: start;
    display: grid;
    justify-content: center;
  }
  .product-details--inner-max-width > .group__content {
    box-sizing: content-box;
    max-width: var(--product-details-inner-max-width);
  }
}
.price {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-200);
  .text__inner {
    .price__container {
      align-items: baseline;
      display: inline-flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gsc-space-100);
      .text-align-left & {
        justify-content: start;
      }
      .text-align-center & {
        justify-content: center;
      }
      .text-align-right & {
        justify-content: end;
      }
      .price--sale-price-first & {
        flex-direction: row-reverse;
      }
      .price__compare-at-price {
        color: inherit;
        font-size: max(var(--compare-at-price-size), 12px);
        font-weight: var(--gsc-font-weight-regular);
        line-height: max(var(--compare-at-price-size), 12px);
        opacity: 0.6;
        text-decoration: line-through;
      }
    }
    .price__unit-price {
      white-space: nowrap;
    }
  }
  .price__tax {
    color: var(--gsc-color-heading);
    font-size: var(--gsc-font-size-275);
    font-style: normal;
    font-weight: var(--gsc-font-weight-regular);
    letter-spacing: var(--gsc-font-letter-spacing-normal);
    line-height: 145%;
    a {
      text-decoration: underline;
    }
    &:empty {
      display: none;
    }
  }
  .price__installments {
    &:empty {
      display: none;
    }
  }
}
.variant-picker {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-700);
  .variant-picker__option {
    display: flex;
    flex-direction: column;
    gap: var(--gsc-space-300);
    .chip--active,
    .swatch--active {
      pointer-events: none;
    }
    .variant-picker__option-header {
      align-items: center;
      display: flex;
      gap: var(--gsc-space-150);
      .variant-picker__option-label {
        color: var(--gsc-color-heading);
        font-family: var(--gsc-font-body--family);
        font-size: var(--gsc-font-size-300);
        font-style: normal;
        font-weight: var(--font-weight-regular);
        line-height: 135%;
      }
      .variant-picker__option-value {
        color: var(--gsc-color-heading);
        display: -webkit-box;
        flex: 1;
        font-family: var(--gsc-font-body--family);
        font-size: var(--gsc-font-size-300);
        font-style: normal;
        font-weight: var(--gsc-font-weight-semibold);
        line-clamp: 1;
        -webkit-line-clamp: 1;
        line-height: 135%;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .variant-picker__option-information {
        color: var(--gsc-color-heading);
        font-family: var(--gsc-font-body--family);
        font-size: var(--gsc-font-size-300);
        font-style: normal;
        font-weight: var(--gsc-font-weight-semibold);
        line-height: 135%;
        text-transform: uppercase;
      }
    }
    .variant-picker__option-body {
      display: flex;
      flex-wrap: wrap;
      gap: var(--option-body-gap, var(--gsc-space-200));
      .variant-picker__product-swatches {
        .swatch--ring::before {
          background-color: var(--gsc-color-current-background);
          outline-color: var(--gsc-color-current-background);
        }
        .swatch--outline-inside .swatch__color::before {
          outline-color: var(--gsc-color-current-background);
        }
        .swatch--hoverable.swatch--outline-inside:hover .swatch__color::before {
          border-color: var(--gsc-color-heading-secondary);
        }
        .swatch--hoverable.swatch--outline-inside.swatch--active:hover
          .swatch__color::before,
        .swatch--outline-inside.swatch--active .swatch__color::before {
          border-color: var(--gsc-color-heading);
        }
      }
      .variant-picker__dropdown-select {
        &.variant-picker__dropdown-select--faded {
          .input-base__inner,
          .input-base__prepend-inner {
            opacity: 0.25;
          }
        }
      }
      .variant-picker__dropdown-option,
      .variant-picker__dropdown-select {
        .swatch {
          outline: 1px solid #c9c9c933;
        }
      }
      .variant-picker__dropdown-option {
        .variant-picker__dropdown-option-content {
          align-items: center;
          display: flex;
          flex: 1;
          gap: var(--gsc-space-200);
          &.variant-picker__dropdown-option-content--faded {
            opacity: 0.25;
            transition: opacity 0.2s;
            .variant-picker__dropdown-option:hover & {
              opacity: unset;
            }
          }
        }
      }
    }
  }
}
.variant-picker__dropdown-content {
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--gsc-space-350) 0;
  z-index: 1000;
  .variant-picker__dropdown-option {
    cursor: pointer;
    .swatch {
      outline: 1px solid #c9c9c933;
    }
    .variant-picker__dropdown-option-content {
      align-items: center;
      display: flex;
      flex: 1;
      gap: var(--gsc-space-200);
      &.variant-picker__dropdown-option-content--faded {
        opacity: 0.25;
        transition: opacity 0.2s;
        .variant-picker__dropdown-option:hover & {
          opacity: unset;
        }
      }
    }
  }
}
.product-siblings__swatches {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--product-siblings-gap);
}
.product-siblings__link {
  text-decoration: none;
  &:focus-visible {
    outline: 2px solid var(--gsc-color-outline);
    outline-offset: 2px;
  }
}
.product-siblings .product-siblings__link[aria-current] {
  pointer-events: auto;
}
.product-siblings__swatch-link {
  align-items: center;
  color: var(--gsc-color-heading);
  display: inline-flex;
  gap: var(--gsc-space-200);
}
.product-siblings__swatch {
  display: flex;
}
.product-siblings__dropdown,
.product-siblings__trigger {
  min-width: 0;
  width: 100%;
}
.product-siblings__trigger {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  text-align: start;
  &:focus-visible {
    outline: 2px solid var(--gsc-color-outline);
    outline-offset: 2px;
  }
}
.product-siblings__selected-value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-siblings__dropdown-content {
  overflow-y: auto;
}
.product-information {
  position: relative;
}
.product-information__content {
  height: 100%;
  position: relative;
}
.page-popup {
  display: flex;
  .page-popup__target {
    color: var(--gsc-color-heading);
    font: inherit;
    text-decoration: underline;
    text-transform: inherit;
  }
}
.page-popup__modal {
  .page-popup__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    position: relative;
    width: 100%;
    .page-popup__header {
      align-items: center;
      color: var(--gsc-color-heading);
      display: flex;
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-500);
      font-style: normal;
      font-weight: var(--gsc-font-weight-semibold);
      height: 60px;
      line-height: 125%;
      padding: var(--gsc-space-1000);
      position: sticky;
      text-transform: capitalize;
      top: 0;
    }
    .page-popup__body {
      flex: 1;
      overflow: auto;
      padding: 0 var(--gsc-space-1000) var(--gsc-space-1000);
    }
  }
}
.recipient-form {
  --recipient-form-gap: 22px;
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: start;
  transition: gap 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  &.recipient-form--open {
    gap: var(--recipient-form-gap);
  }
  .recipient-form__trigger {
    align-items: center;
    display: flex;
    gap: 10px;
    .recipient-form__trigger-label {
      color: var(--gsc-color-body);
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-350);
      font-style: normal;
      font-weight: var(--gsc-font-weight-regular);
      letter-spacing: var(--gsc-font-letter-spacing-normal);
      line-height: 135%;
    }
  }
  .recipient-form__fields {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    .recipient-form__fields-inner {
      display: flex;
      flex-direction: column;
      gap: var(--gsc-space-400);
      min-height: 0;
      opacity: 0;
      transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .recipient-form:has(.switch--on) & {
      grid-template-rows: 1fr;
      .recipient-form__fields-inner {
        opacity: 1;
      }
    }
  }
}
.product-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  .product-form__form {
    display: flex;
    flex-direction: column;
    gap: 22px;
    .product-form__buttons {
      display: flex;
      flex-direction: column;
      gap: 10px;
      .product-form__buttons-group {
        align-items: start;
        display: flex;
        flex-wrap: wrap;
        gap: var(--gsc-space-300);
        .product-quantity {
          flex: 1;
          min-width: 136px;
          width: 136px;
        }
        .button--show-on-mobile {
          flex: 2;
        }
      }
      .product-form__errors {
        color: var(--gsc-color-critical-primary);
        font-family: var(--gsc-font-body--family);
        font-size: var(--gsc-font-size-350);
        font-style: normal;
        font-weight: var(--gsc-font-weight-regular);
        letter-spacing: var(--gsc-font-letter-spacing-normal);
        line-height: 135%;
        &.product-form__errors--hidden {
          display: none;
        }
      }
    }
  }
}
.sticky-add-to-cart-block {
  height: 0;
  position: absolute;
  width: 0;
}
.sticky-add-to-cart-block--mobile {
  display: none;
}
@media (width < 750px) {
  .sticky-add-to-cart-block--desktop {
    display: none;
  }
  .sticky-add-to-cart-block--mobile {
    display: block;
  }
}
.sticky-add-to-cart.sticky-add-to-cart {
  --sticky-add-to-cart-animation-translate: 0 0;
  --sticky-add-to-cart-animation-scale: 1;
  --sticky-add-to-cart-animation-rotate: 0deg;
  box-sizing: border-box;
  color: var(--gsc-color-text);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gsc-space-200);
  isolation: isolate;
  max-width: calc(100vw - var(--sticky-add-to-cart-inline-offset) * 2);
  opacity: 0;
  pointer-events: none;
  position: fixed;
  rotate: var(--sticky-add-to-cart-animation-rotate);
  scale: var(--sticky-add-to-cart-animation-scale);
  transition:
    inset-block-end 0.2s ease-in-out,
    transform 0.2s ease-in-out,
    opacity 0.2s ease-in-out,
    translate 0.2s ease-in-out,
    scale 0.2s ease-in-out,
    rotate 0.2s ease-in-out,
    visibility 0s linear 0.2s;
  translate: var(--sticky-add-to-cart-animation-translate);
  visibility: hidden;
  z-index: 8;
}
.sticky-add-to-cart[data-ready="false"] {
  display: none;
}
.sticky-add-to-cart[data-stuck="true"] {
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
  visibility: visible;
}
.sticky-add-to-cart.sticky-add-to-cart--animation-none {
  transition: none;
}
.sticky-add-to-cart--animation-scale:not([data-stuck="true"]) {
  --sticky-add-to-cart-animation-scale: 0.15;
}
.sticky-add-to-cart--animation-rotate:not([data-stuck="true"]) {
  --sticky-add-to-cart-animation-scale: 0.15;
  --sticky-add-to-cart-animation-rotate: -90deg;
}
.sticky-add-to-cart--animation-rotate {
  transform-origin: center;
}
.sticky-add-to-cart--animation-slide-up:not([data-stuck="true"]) {
  --sticky-add-to-cart-animation-translate: 0
    calc(100% + var(--sticky-add-to-cart-block-offset));
}
.sticky-add-to-cart--top.sticky-add-to-cart--animation-slide-up:not(
    [data-stuck="true"]
  ) {
  --sticky-add-to-cart-animation-translate: 0
    calc(-100% - var(--sticky-add-to-cart-block-offset));
}
.sticky-add-to-cart--card {
  inset-block-end: var(--sticky-add-to-cart-block-offset);
  width: var(--sticky-add-to-cart-width);
}
.sticky-add-to-cart--card .sticky-add-to-cart__summary {
  justify-content: center;
}
.sticky-add-to-cart--card.sticky-add-to-cart--left {
  inset-inline-start: var(--sticky-add-to-cart-inline-offset);
}
.sticky-add-to-cart--card.sticky-add-to-cart--center {
  inset-inline-start: 50%;
  transform: translateX(-50%);
}
.sticky-add-to-cart--card.sticky-add-to-cart--right {
  inset-inline-end: var(--sticky-add-to-cart-inline-offset);
}
.sticky-add-to-cart--bar {
  align-items: center;
  flex-wrap: nowrap;
  inset-inline: var(--sticky-add-to-cart-inline-offset);
  width: auto;
}
.sticky-add-to-cart__bar-content {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--gsc-space-200);
  margin-inline: auto;
  min-width: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.sticky-add-to-cart--bar.sticky-add-to-cart--top {
  inset-block-start: var(--sticky-add-to-cart-block-offset);
  transition:
    inset-block-start 0.2s ease-in-out,
    opacity 0.2s ease-in-out,
    translate 0.2s ease-in-out,
    scale 0.2s ease-in-out,
    rotate 0.2s ease-in-out,
    visibility 0s linear 0.2s;
}
.sticky-add-to-cart--bar.sticky-add-to-cart--top.sticky-add-to-cart--animation-none {
  transition: none;
}
body:has(.header-section--sticky-always)
  .sticky-add-to-cart--bar.sticky-add-to-cart--top {
  inset-block-start: calc(
    var(--sticky-add-to-cart-block-offset) +
      var(--gsc-single-header-height, 0px) +
      var(--header-margin-top-desktop, 0px)
  );
}
body:has(.header-section--sticky-on-scroll-up.header-section--sticky-visible)
  .sticky-add-to-cart--bar.sticky-add-to-cart--top {
  inset-block-start: calc(
    var(--sticky-add-to-cart-block-offset) +
      var(--gsc-single-header-height, 0px) +
      var(--header-margin-top-desktop, 0px)
  );
}
.sticky-add-to-cart--bar.sticky-add-to-cart--bottom {
  inset-block-end: var(--sticky-add-to-cart-block-offset);
}
@media (width >= 750px) {
  .sticky-add-to-cart__bar-content {
    gap: var(--gsc-space-500);
  }
  .sticky-add-to-cart--bar .sticky-add-to-cart__details {
    flex: 1 1 160px;
  }
  .sticky-add-to-cart--bar .sticky-add-to-cart__price {
    flex: 0 0 auto;
  }
  .sticky-add-to-cart-block--custom .sticky-add-to-cart__bar-content {
    width: min(var(--sticky-add-to-cart-width), 100%);
  }
}
.sticky-add-to-cart__content {
  display: flex;
  flex: 1 1 0;
  gap: var(--gsc-space-300);
  min-width: 0;
  @media (width >= 750px) {
    gap: var(--gsc-space-400);
  }
}
.sticky-add-to-cart--card {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: var(--gsc-space-200);
}
.sticky-add-to-cart--card .sticky-add-to-cart__content {
  flex: none;
  width: 100%;
}
.sticky-add-to-cart--card .sticky-add-to-cart__media {
  align-self: flex-start;
}
.sticky-add-to-cart--card .sticky-add-to-cart__form {
  flex: none;
  width: 100%;
}
.sticky-add-to-cart__media {
  align-self: center;
  aspect-ratio: var(--sticky-add-to-cart-media-ratio);
  background: var(--gsc-product-media-background);
  border-radius: var(--sticky-add-to-cart-media-radius);
  flex: 0 0 var(--sticky-add-to-cart-media-size);
  overflow: hidden;
  position: relative;
  width: var(--sticky-add-to-cart-media-size);
  z-index: 1;
}
.sticky-add-to-cart__media img {
  display: block;
  height: 100%;
  -o-object-fit: var(--sticky-add-to-cart-media-fit);
  object-fit: var(--sticky-add-to-cart-media-fit);
  width: 100%;
}
.sticky-add-to-cart__summary {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--gsc-space-100);
  min-width: 0;
  position: relative;
  z-index: 1;
}
.sticky-add-to-cart__details {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-100);
  min-width: 0;
}
.sticky-add-to-cart__options,
.sticky-add-to-cart__price,
.sticky-add-to-cart__title {
  margin: 0;
}
.sticky-add-to-cart__title {
  --border-radius: 0px;
  --overflow: visible;
  display: block;
  overflow-wrap: break-word;
}
.sticky-add-to-cart__options {
  align-items: center;
  color: var(--color, var(--gsc-color-heading));
  display: flex;
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  gap: 0;
  line-height: 150%;
  max-width: 100%;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  &:has(.sticky-add-to-cart__options-select:focus-visible) {
    outline: auto;
    outline-color: var(--gsc-color-outline);
  }
}
.sticky-add-to-cart__options-select {
  border: 0;
  cursor: pointer;
  height: 100%;
  inset: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.sticky-add-to-cart__options-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sticky-add-to-cart__options-icon {
  flex: 0 0 auto;
  height: var(--gsc-space-400);
  pointer-events: none;
  width: var(--gsc-space-400);
}
.sticky-add-to-cart__price {
  position: relative;
  z-index: 1;
}
.sticky-add-to-cart__price > .text__inner {
  align-items: baseline;
  display: flex;
  gap: var(--gsc-space-100);
}
.sticky-add-to-cart__price.text
  > .text__inner
  > .sticky-add-to-cart__compare-price {
  --compare-at-price-size: 70%;
  color: var(--color);
  font-size: max(var(--compare-at-price-size), 12px);
  line-height: max(var(--compare-at-price-size), 12px);
  opacity: 0.5;
  translate: 0 0.1em;
  vertical-align: baseline;
}
.sticky-add-to-cart__form {
  flex: 1 0 100%;
  min-width: 0;
  position: relative;
  z-index: 1;
}
.sticky-add-to-cart__form .product-form__form {
  gap: 4px;
}
.sticky-add-to-cart__form .product-form__errors {
  color: var(--gsc-color-critical-primary);
  font-size: 14px;
}
.sticky-add-to-cart--bar .product-form__errors {
  @media (width >= 750px) {
    contain: inline-size;
    min-width: 0;
    overflow-wrap: anywhere;
    width: 100%;
  }
}
.sticky-add-to-cart__form .product-form__errors--hidden {
  display: none;
}
.sticky-add-to-cart--bar .sticky-add-to-cart__summary {
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sticky-add-to-cart--bar .sticky-add-to-cart__button,
.sticky-add-to-cart--bar .sticky-add-to-cart__form,
.sticky-add-to-cart--bar .sticky-add-to-cart__price,
.sticky-add-to-cart--bar .sticky-add-to-cart__quantity {
  align-self: center;
}
.sticky-add-to-cart--bar .sticky-add-to-cart__form {
  @media (width >= 750px) {
    flex: 0 0 auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.sticky-add-to-cart__actions {
  align-items: center;
  display: flex;
  gap: var(--gsc-space-200);
}
.sticky-add-to-cart--bar .sticky-add-to-cart__actions {
  @media (width >= 750px) {
    gap: var(--gsc-space-300);
  }
}
.sticky-add-to-cart__quantity {
  flex: 0.7 1 8rem;
  min-width: 0;
}
.sticky-add-to-cart--bar .sticky-add-to-cart__quantity {
  flex: 0 0 136px;
  width: 136px;
}
.sticky-add-to-cart--card .sticky-add-to-cart__quantity {
  flex: 0 0 124px;
  width: 124px;
}
.sticky-add-to-cart__quantity .input-base__container {
  border-radius: var(--sticky-add-to-cart-quantity-radius);
}
.sticky-add-to-cart__button {
  --button-border-radius: var(--sticky-add-to-cart-button-radius);
  flex: 1.6 1 10rem;
}
.sticky-add-to-cart__button--icon {
  @media (width >= 750px) {
    --button-padding-inline: var(--button-padding-block);
    flex: 0 0 auto;
  }
}
@media (width < 750px) {
  .sticky-add-to-cart__actions > .sticky-add-to-cart__button {
    --button-padding-inline: var(--gsc-space-500);
    margin-left: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .sticky-add-to-cart__media {
    aspect-ratio: 1/1;
    flex-basis: 80px;
    width: 80px;
  }
  .sticky-add-to-cart,
  .sticky-add-to-cart--bar {
    flex-wrap: wrap;
    inset-block-end: var(--sticky-add-to-cart-block-offset);
    inset-block-start: auto;
    inset-inline: var(--sticky-add-to-cart-inline-offset);
    margin-inline: 0;
    width: auto;
  }
  .sticky-add-to-cart__bar-content {
    flex-wrap: wrap;
  }
  .sticky-add-to-cart__summary {
    justify-content: center;
  }
  .sticky-add-to-cart--card {
    flex-wrap: nowrap;
    inset-inline: var(--sticky-add-to-cart-inline-offset);
    transform: none;
    width: calc(100vw - var(--sticky-add-to-cart-inline-offset) * 2);
  }
  .sticky-add-to-cart--bar .sticky-add-to-cart__summary {
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
  }
  .sticky-add-to-cart--bar .sticky-add-to-cart__price {
    align-self: flex-start;
  }
  .sticky-add-to-cart--bar .sticky-add-to-cart__quantity,
  .sticky-add-to-cart--card .sticky-add-to-cart__quantity {
    flex-basis: 112px;
    width: 112px;
  }
  .sticky-add-to-cart--bar .sticky-add-to-cart__form {
    flex-basis: 100%;
  }
  .sticky-add-to-cart.sticky-add-to-cart--mobile {
    --sticky-add-to-cart-stack-gap: max(
      var(--mobile-menu-bar-stack-offset, 0px),
      var(--sticky-add-to-cart-block-offset)
    );
    --sticky-add-to-cart-stack-seam-overlap: clamp(
      0px,
      calc(2px - var(--sticky-add-to-cart-stack-gap)),
      2px
    );
    align-items: stretch;
    flex-wrap: nowrap;
    inset-block-end: calc(
      var(--sticky-add-to-cart-stack-gap) -
        var(--sticky-add-to-cart-stack-seam-overlap)
    );
    padding: var(--gsc-space-200);
    transform: translateY(calc(-1 * var(--mobile-menu-bar-height, 0px)));
  }
  .sticky-add-to-cart--mobile .sticky-add-to-cart__content {
    align-items: center;
    min-width: 0;
  }
  .sticky-add-to-cart--mobile .sticky-add-to-cart__media {
    flex-basis: 48px;
    height: 48px;
    width: 48px;
  }
  .sticky-add-to-cart--mobile .sticky-add-to-cart__summary {
    justify-content: center;
  }
  .sticky-add-to-cart--mobile .sticky-add-to-cart__price {
    order: -1;
  }
  .sticky-add-to-cart--mobile .sticky-add-to-cart__details {
    width: auto;
  }
  .sticky-add-to-cart--mobile .sticky-add-to-cart__form {
    align-self: stretch;
    flex: 0 0 42%;
    width: auto;
  }
  .sticky-add-to-cart--mobile .product-form__form,
  .sticky-add-to-cart--mobile .sticky-add-to-cart__actions,
  .sticky-add-to-cart--mobile .sticky-add-to-cart__button {
    height: 100%;
  }
  .sticky-add-to-cart--mobile .sticky-add-to-cart__button {
    min-width: 0;
  }
  .sticky-add-to-cart--bar.sticky-add-to-cart--top {
    inset-block-end: auto;
    inset-block-start: var(--sticky-add-to-cart-block-offset);
  }
  body:has(.header-section--sticky-always)
    .sticky-add-to-cart--bar.sticky-add-to-cart--top,
  body:has(.header-section--sticky-on-scroll-up.header-section--sticky-visible)
    .sticky-add-to-cart--bar.sticky-add-to-cart--top {
    inset-block-start: calc(
      var(--sticky-add-to-cart-block-offset) +
        var(--gsc-single-header-height, 0px) +
        var(--header-margin-top-mobile, 0px)
    );
  }
}
@media (prefers-reduced-motion: reduce) {
  .sticky-add-to-cart {
    transition: none;
  }
}
.pickup-availability {
  background-color: var(
    --pickup-availability-background-color,
    var(--gsc-color-surface)
  );
  display: flex;
  gap: var(--gsc-space-200);
  padding: var(--gsc-space-500);
  width: 100%;
  &.pickup-availability--hidden {
    display: none;
  }
  .pickup-availability__status {
    align-items: start;
    color: var(--gsc-color-critical-primary);
    display: flex;
    .pickup-availability--available & {
      color: var(--gsc-color-success-primary);
    }
  }
  .pickup-availability__content {
    display: flex;
    flex-direction: column;
    gap: var(--gsc-space-400);
    .pickup-availability__header {
      display: flex;
      flex-direction: column;
      gap: var(--gsc-space-200);
      .pickup-availability__title {
        color: var(--pickup-availability-text-color, var(--gsc-color-heading));
        font-family: var(--gsc-font-body--family);
        font-size: var(--gsc-font-size-350);
        font-style: normal;
        font-weight: var(--gsc-font-weight-semibold);
        letter-spacing: var(--gsc-font-letter-spacing-normal);
        line-height: 140%;
      }
      .pickup-availability__description {
        color: var(--pickup-availability-text-color, var(--gsc-color-text));
        font-family: var(--gsc-font-body--family);
        font-size: var(--gsc-font-size-275);
        font-style: normal;
        font-weight: var(--gsc-font-weight-regular);
        letter-spacing: var(--gsc-font-letter-spacing-normal);
        line-height: 145%;
      }
    }
    .pickup-availability__link {
      color: var(--pickup-availability-text-color, var(--gsc-color-text));
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-300);
      font-style: normal;
      font-weight: var(--gsc-font-weight-regular);
      letter-spacing: var(--gsc-font-letter-spacing-normal);
      line-height: 135%;
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font;
    }
  }
}
.pickup-availability__drawer {
  .pickup-availability__drawer-content {
    padding: 30px;
    .pickup-availability__drawer-header {
      display: flex;
      flex-direction: column;
      gap: 4px;
      padding-bottom: 20px;
      .pickup-availability__drawer-title {
        color: var(--gsc-color-heading);
        font-family: var(--gsc-font-body--family);
        font-size: var(--gsc-font-size-600);
        font-style: normal;
        font-weight: var(--gsc-font-weight-semibold);
        letter-spacing: var(--gsc-font-letter-spacing-normal);
        line-height: 140%;
      }
      .pickup-availability__drawer-description {
        color: var(--gsc-color-heading);
        font-family: var(--gsc-font-body--family);
        font-size: var(--gsc-font-size-400);
        font-style: normal;
        font-weight: var(--gsc-font-weight-regular);
        letter-spacing: var(--gsc-font-letter-spacing-normal);
        line-height: 140%;
      }
    }
    .pickup-availability__list {
      border-top: 1px solid #eee;
      display: flex;
      flex-direction: column;
      gap: var(--gsc-space-600);
      padding-block: 20px;
      .pickup-availability__item {
        display: flex;
        flex-direction: column;
        gap: 8px;
        .pickup-availability__item-title {
          color: var(--gsc-color-heading);
          font-family: var(--gsc-font-body--family);
          font-size: var(--gsc-font-size-40);
          font-style: normal;
          font-weight: var(--gsc-font-weight-semibold);
          letter-spacing: var(--gsc-font-letter-spacing-normal);
          line-height: 140%;
        }
        .pickup-availability__item-content {
          align-items: center;
          display: flex;
          gap: 10px;
          .pickup-availability__item-status {
            align-items: center;
            color: var(--gsc-color-critical-primary);
            display: flex;
            &.pickup-availability--available {
              color: var(--gsc-color-success-primary);
            }
          }
          .pickup-availability__item-description {
            color: var(--gsc-color-text);
            font-family: var(--gsc-font-body--family);
            font-size: var(--gsc-font-size-350);
            font-style: normal;
            font-weight: var(--gsc-font-weight-regular);
            letter-spacing: var(--gsc-font-letter-spacing-normal);
            line-height: 145%;
          }
        }
        .pickup-availability__item-address,
        .pickup-availability__item-address p {
          color: var(--gsc-color-text);
          font-family: var(--gsc-font-body--family);
          font-size: var(--gsc-font-size-350);
          font-style: normal;
          font-weight: var(--gsc-font-weight-regular);
          letter-spacing: var(--gsc-font-letter-spacing-normal);
          line-height: 145%;
        }
      }
    }
  }
}
.buy-buttons {
  display: flex;
  flex-direction: column;
  gap: var(--buy-buttons-gap);
  .product-form {
    gap: var(--buy-buttons-gap);
  }
  .product-form__buttons {
    gap: var(--buy-buttons-gap);
  }
}
shopify-accelerated-checkout {
  --shopify-accelerated-checkout-button-block-size: 52px;
  --shopify-accelerated-checkout-button-border-radius: 0px;
}
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-block-size: 52px;
  --shopify-accelerated-checkout-button-border-radius: 0px;
  --shopify-accelerated-checkout-row-gap: 8px;
}
.dynamic-checkout-buttons {
  will-change: transform;
  shopify-accelerated-checkout,
  shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-block-size: var(
      --cart-buy-button-block-size
    );
    --shopify-accelerated-checkout-button-border-radius: var(
      --cart-buy-button-border-radius
    );
    --gravity-button-height: var(--cart-buy-button-block-size);
    --gravity-button-min-height: var(--cart-buy-button-block-size);
  }
}
.dynamic-checkout-buttons[disabled] {
  opacity: 0.3;
  pointer-events: none;
}
.payment-icons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  .payment-icons__title {
    text-align: var(--gsc-payment-icons-text-alignment, start);
    width: 100%;
  }
  .payment-icons__list {
    display: flex;
    gap: var(--gsc-payment-icons-gap, 10px);
    justify-content: var(--gsc-payment-icons-alignment, flex-start);
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .payment-icons__item {
    display: flex;
  }
}
.collection-section {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto 1fr;
  position: relative;
  width: 100%;
  &.collection-section--full {
    display: block;
    .collection-section__inner {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto auto 1fr;
    }
    &:has(.collection-section__facets-filter-position-start)
      .collection-section__inner {
      grid-template-columns: auto 1fr;
    }
    &:has(.collection-section__facets-filter-position-end)
      .collection-section__inner {
      grid-template-columns: 1fr auto;
    }
    .collection-section__inner > .collection-section__filters-status {
      grid-column: 2 / span 1;
      @media (width < 750px) {
        display: none;
      }
      padding-block-end: var(--gsc-space-600);
    }
    &:has(.collection-section__facets-filter-position-end)
      .collection-section__inner
      > .collection-section__filters-status {
      grid-column: 1 / span 1;
    }
  }
  &:not(:has(.facet-filters)) {
    .button--search-filter {
      display: none;
    }
  }
  &:has(.collection-section__facets-filter-position-start) {
    grid-template-columns: auto 1fr;
    .facet-filters {
      @media (width >= 750px) {
        [data-temporary="false"] & {
          padding-inline-end: 40px;
        }
      }
    }
  }
  &:has(.collection-section__facets-filter-position-end) {
    grid-template-columns: 1fr auto;
    .facet-filters {
      @media (width >= 750px) {
        [data-temporary="false"] & {
          padding-inline-start: 40px;
        }
      }
    }
  }
  .collection-section__header {
    grid-column: 1 / span 2;
    position: relative;
    @media (width >= 750px) {
      &.collection-section__header--sticky-desktop-scroll-up,
      &.collection-section__header--sticky-desktop-static {
        position: sticky;
        top: var(--margin-top-desktop, 0);
        z-index: 96;
        body:has(
            .header-section--sticky-on-scroll-up.header-section--sticky-visible
          )
          &,
        body:has(.header-section--sticky-always) & {
          top: calc(
            var(--gsc-single-header-height, 0px) +
              var(--header-margin-top-desktop, 0px) +
              var(--margin-top-desktop, 0px)
          );
        }
        body:has(.header-section--sticky-on-scroll-up) & {
          transition: top 0.2s ease-in-out;
        }
      }
      &.collection-section__header--sticky-desktop-scroll-up {
        pointer-events: none;
        transition:
          top 0.2s ease-in-out,
          visibility 0s linear 0.2s;
        visibility: hidden;
        &.collection-section__header--sticky-scrolling-down,
        body:has(.header-section)
          &.collection-section__header--sticky-scrolling-down {
          top: calc(0px - var(--collection-view-bar-height, 0px));
        }
      }
      &.collection-section__header--sticky-desktop-scroll-up.collection-section__header--sticky-visible {
        pointer-events: auto;
        transition-delay: 0s;
        visibility: visible;
      }
    }
    @media (width < 750px) {
      &.collection-section__header--sticky-mobile-scroll-up,
      &.collection-section__header--sticky-mobile-static {
        position: sticky;
        top: var(--margin-top-mobile, 0);
        z-index: 96;
        body:has(
            .header-section--sticky-on-scroll-up.header-section--sticky-visible
          )
          &,
        body:has(.header-section--sticky-always) & {
          top: calc(
            var(--gsc-single-header-height, 0px) +
              var(--header-margin-top-mobile, 0px) +
              var(--margin-top-mobile, 0px)
          );
        }
        body:has(.header-section--sticky-on-scroll-up) & {
          transition: top 0.2s ease-in-out;
        }
      }
      &.collection-section__header--sticky-mobile-scroll-up {
        pointer-events: none;
        transition:
          top 0.2s ease-in-out,
          visibility 0s linear 0.2s;
        visibility: hidden;
        &.collection-section__header--sticky-scrolling-down,
        body:has(.header-section)
          &.collection-section__header--sticky-scrolling-down {
          top: calc(0px - var(--collection-view-bar-height, 0px));
        }
      }
      &.collection-section__header--sticky-mobile-scroll-up.collection-section__header--sticky-visible {
        pointer-events: auto;
        transition-delay: 0s;
        visibility: visible;
      }
    }
    .collection-section__header-inner {
      align-items: center;
      display: flex;
      gap: var(--gsc-space-500);
      height: 40px;
      @media (width < 750px) {
        gap: var(--gsc-space-350);
        height: 48px;
        .collection-section__spacer {
          display: none;
        }
        .collection-section__spacer + .collection-section__counter,
        .collection-section__spacer + .collection-section__grid-selector {
          margin-inline-start: auto;
        }
      }
      .collection-section__spacer {
        flex: 1;
      }
      .collection-section__sort-selector {
        @media (width < 750px) {
          display: none;
        }
      }
    }
    > .collection-section__filters-status {
      padding-block-end: 16px;
      @media (width < 750px) {
        padding-block-start: 8px;
      }
      @media (width >= 750px) {
        display: none;
      }
    }
  }
  > .collection-section__filters-status {
    grid-column: 2 / span 1;
    .collection-section:has(.collection-section__facets-filter-position-start)
      & {
      grid-column: 2 / span 1;
      .collection-section:has(
          .drawer--start.drawer--open[data-temporary="false"]
        )
        & {
        padding-inline-start: var(--collection-padding-left-desktop);
      }
    }
    .collection-section:has(.collection-section__facets-filter-position-end) & {
      grid-column: 1 / span 1;
    }
    @media (width < 750px) {
      display: none;
    }
    padding-block-end: var(--gsc-space-600);
    @media (width < 750px) {
      padding-block-end: 16px;
    }
  }
  .collection-section__facets-filter {
    grid-column: 1 / span 1;
    grid-row: 2 / span 2;
    @media (width >= 750px) {
      &.collection-section__facets-filter--synced {
        --safe-sticky-header-offset: 0px;
        --safe-sticky-view-bar-offset: 0px;
        --safe-sticky-initial-top: calc(
          var(--safe-sticky-header-offset) + var(--safe-sticky-view-bar-offset)
        );
        align-self: start;
        position: static;
        top: var(--safe-sticky-initial-top);
        body:has(
            .header-section--sticky-on-scroll-up.header-section--sticky-visible
          )
          &,
        body:has(.header-section--sticky-always) & {
          --safe-sticky-header-offset: calc(
            var(--gsc-single-header-height, 0px) +
              var(--header-margin-top-desktop, 0px)
          );
        }
        .collection-section:has(
            .collection-section__header--sticky-desktop-scroll-up.collection-section__header--sticky-visible
          )
          &,
        .collection-section:has(
            .collection-section__header--sticky-desktop-static
          )
          & {
          --safe-sticky-view-bar-offset: var(
            --collection-view-bar-outer-height,
            0px
          );
        }
      }
      &.collection-section__facets-filter--synced-default-padding
        .facet-filters {
        padding-top: 20px;
      }
    }
    .collection-section:has(.collection-section__facets-filter-position-start)
      & {
      grid-column: 1 / span 1;
    }
    .collection-section:has(.collection-section__facets-filter-position-end) & {
      grid-column: 2 / span 1;
    }
  }
  .collection-section__content {
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
    position: relative;
    .collection-section__loading-overlay {
      align-items: center;
      background: hsla(0, 0%, 100%, 0.6);
      display: flex;
      inset: 0;
      justify-content: center;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      transition:
        opacity 0.15s ease-in-out,
        visibility 0.15s ease-in-out;
      visibility: hidden;
      z-index: 2;
      &.collection-section__loading-overlay--visible {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
      }
    }
    .collection-section__loading-spinner {
      --spinner-size: 40px;
      inset-block-start: 200px;
      position: absolute;
    }
    .collection-section:has(.collection-section__facets-filter-position-start)
      & {
      grid-column: 2 / span 1;
    }
    .collection-section:has(.collection-section__facets-filter-position-end) & {
      grid-column: 1 / span 1;
    }
    .collection-section__container-inner {
      .collection-section__empty-banner {
        align-items: center;
        color: var(--gsc-color-text);
        display: flex;
        flex-direction: column;
        font-family: var(--gsc-font-body--family);
        font-size: var(--gsc-font-size-400);
        font-style: normal;
        font-weight: var(--gsc-font-weight-regular);
        gap: 20px;
        justify-content: center;
        line-height: 150%;
        padding-block: var(--gsc-space-1600);
        text-align: center;
        .collection-section__empty-banner-clear {
          text-decoration: underline;
        }
      }
      .collection-section__view-more {
        display: flex;
        justify-content: center;
        overflow: hidden;
        visibility: hidden;
        &.collection-section__view-more--load-more {
          overflow: visible;
          visibility: visible;
        }
        &.collection-section__view-more--loading {
          visibility: visible;
          .spinner {
            opacity: 1;
          }
        }
        .spinner {
          --spinner-size: 24px;
          flex: 0 0 var(--spinner-size);
          height: var(--spinner-size);
          opacity: 0.6;
        }
      }
      [data-collection-navigation] .collection-section__view-more {
        &:has([data-load-more]) > .spinner {
          display: none;
        }
        &[aria-hidden="true"] {
          height: 1px;
        }
      }
      .collection-section__navigation {
        margin-block-start: 24px;
        @media (width < 750px) {
          margin-block-start: 20px;
        }
      }
      .collection-section__navigation--horizontal {
        align-items: center;
        display: flex;
        gap: var(--gsc-space-400);
        justify-content: space-between;
        @media (width < 750px) {
          flex-direction: column;
        }
        .collection-section__pagination {
          margin-block-start: 0;
          margin-inline-start: auto;
          @media (width < 750px) {
            margin-inline-start: 0;
          }
        }
      }
      .collection-section__pagination {
        margin-block-start: 28px;
        @media (width < 750px) {
          margin-block-start: 24px;
        }
      }
    }
  }
  .collection-section__floating-filter-button {
    --button-offset-x: 16px;
    --button-offset-y: 32px;
    inset-block-end: var(--button-offset-y);
    left: 50%;
    pointer-events: none;
    position: fixed;
    transform: translateX(-50%);
    transition:
      translate 0.2s ease-in-out,
      visibility 0s linear 0.2s;
    translate: 0 calc(100% + var(--button-offset-y));
    visibility: hidden;
    z-index: 20;
    @media (width < 750px) {
      .collection-section:has(
          .collection-section__facets-filter-sticky-button-mobile-static
        )
        &.collection-section__floating-filter-button--visible {
        pointer-events: auto;
        transition-delay: 0s;
        translate: 0
          calc(
            var(--button-offset-y) - var(--mobile-menu-bar-height, 0px) -
              max(
                var(--mobile-menu-bar-stack-offset, 0px),
                var(--button-offset-y)
              )
          );
        visibility: visible;
      }
      .collection-section:has(
          .collection-section__facets-filter-sticky-button-mobile-scroll-up
        )
        &.collection-section__floating-filter-button--visible {
        pointer-events: auto;
        transition-delay: 0s;
        translate: 0
          calc(
            var(--button-offset-y) - var(--mobile-menu-bar-height, 0px) -
              max(
                var(--mobile-menu-bar-stack-offset, 0px),
                var(--button-offset-y)
              )
          );
        visibility: visible;
      }
      .collection-section:has(
          .collection-section__facets-filter-sticky-button-mobile-position-start
        )
        & {
        left: var(--button-offset-x);
        transform: none;
      }
      .collection-section:has(
          .collection-section__facets-filter-sticky-button-mobile-position-end
        )
        & {
        left: auto;
        right: var(--button-offset-x);
        transform: none;
      }
    }
  }
}
.collection-section__virtual-grid {
  overflow-anchor: none;
}
.collection-section__virtual-row {
  border: 0;
  flex: 0 0 100%;
  grid-column: 1/-1;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
.drawer--temporary .facet-filters__drawer-inner {
  border-radius: var(--drawer-corner-radius, 0);
  overflow: hidden;
  @media (width < 750px) {
    border-radius: var(--drawer-corner-radius-mobile, 0);
  }
}
.facet-filters {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: opacity 0.3s;
  &.facet-filters--disabled {
    pointer-events: none;
  }
  .drawer--temporary & {
    border-radius: inherit;
    margin: 0;
    padding: 0;
    &.border-gradient-style {
      padding: var(--border-widths, 0);
    }
    &::after {
      border-radius: inherit;
    }
  }
  .facet-filters__header {
    --facet-filter-header-padding-inline: var(--gsc-space-500);
    display: none;
    padding-block: var(--gsc-space-400);
    position: relative;
    .drawer--temporary & {
      display: flex;
    }
    .facet-filters__header-container {
      display: flex;
      justify-content: center;
      width: 100%;
      .facet-filters__title {
        color: var(--gsc-color-heading);
        font-family: var(--gsc-font-family-body);
        font-size: var(--gsc-font-size-400);
        font-style: normal;
        font-weight: var(--gsc-font-weight-semibold);
        line-height: 150%;
        text-align: center;
      }
      .facet-filters__close {
        align-items: center;
        background: transparent;
        border: 0;
        color: var(--gsc-color-heading);
        cursor: pointer;
        display: inline-flex;
        height: 24px;
        justify-content: center;
        left: var(--facet-filter-header-padding-inline);
        padding: 0;
        position: absolute;
        width: 24px;
      }
      .facet-filters__reset-all {
        color: var(--gsc-color-heading);
        position: absolute;
        right: var(--facet-filter-header-padding-inline);
      }
    }
    .facet-filters:has(.filter--full-screen) & {
      display: none;
    }
  }
  .facet-filters__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    .drawer--temporary & {
      overflow: auto;
      scrollbar-width: none;
      .facet-filters:has(.filter--full-screen) & {
        overflow: hidden;
      }
    }
    .facet-filters__sort {
      display: none;
      flex-direction: column;
      padding: var(--gsc-space-400) 20px;
      .drawer--temporary & {
        display: flex;
        width: 100%;
        .dropdown {
          width: 100%;
        }
      }
      .facet-filters__sort-selector-header {
        color: var(--gsc-color-heading);
        font-family: var(--gsc-font-body--family);
        font-size: var(--gsc-font-size-350);
        font-style: normal;
        font-weight: var(--gsc-font-weight-medium);
        line-height: 140%;
        padding: var(--gsc-space-400) 0;
      }
    }
    .facet-filters__form {
      display: flex;
      flex-direction: column;
      gap: var(--gsc-space-300);
      max-height: 100%;
      @media (width >= 750px) {
        .filter:first-child > .filter__header {
          padding-top: 0 0 var(--gsc-space-400);
        }
      }
    }
  }
  .facet-filters__footer {
    bottom: 0;
    display: none;
    justify-content: center;
    padding: var(--gsc-space-500);
    position: sticky;
    z-index: 3000;
    @media (width < 750px) {
      .drawer--temporary & {
        display: flex;
      }
    }
  }
}
.input-base {
  display: grid;
  font-family: var(--gsc-input-font-family);
  font-style: var(--gsc-input-font-style);
  font-weight: var(--gsc-input-font-weight);
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  --input-base__container__gap: var(--gsc-space-200);
  --input-base--border-radius: 10px;
  --input-base--border-width: 1px;
  --input-base--xxx-large--font-size: var(--gsc-font-size-800);
  --input-base--xxx-large--line-height: calc(
    1 * var(--input-base--xxx-large--font-size)
  );
  --input-base--xx-large--container-height: calc(
    var(--input-base--xxx-large--padding-block-start) +
      var(--input-base--xxx-large--line-height) +
      var(--input-base--xxx-large--padding-block-end)
  );
  --input-base--xxx-large--padding-block-start: calc(
    24px - var(--input-base--border-width)
  );
  --input-base--xxx-large--padding-block-end: calc(
    8px - var(--input-base--border-width)
  );
  --input-base--xxx-large--padding-inline-start: 24px;
  --input-base--xxx-large--padding-inline-end: 16px;
  --input-base--xxx-large--inner-gap: 10px;
  --input-base--xxx-large--outer-gap: 10px;
  --input-base--xx-large--font-size: var(--gsc-font-size-350);
  --input-base--xx-large--line-height: calc(
    1.45 * var(--input-base--xx-large--font-size)
  );
  --input-base--xx-large--container-height: calc(
    var(--input-base--xx-large--padding-block-start) +
      var(--input-base--xx-large--line-height) +
      var(--input-base--xx-large--padding-block-end)
  );
  --input-base--xx-large--padding-block-start: calc(
    30px - var(--input-base--border-width)
  );
  --input-base--xx-large--padding-block-end: calc(
    14px - var(--input-base--border-width)
  );
  --input-base--xx-large--padding-inline-start: 24px;
  --input-base--xx-large--padding-inline-end: 16px;
  --input-base--xx-large--inner-gap: 10px;
  --input-base--xx-large--outer-gap: 10px;
  --input-base--x-large--font-size: var(--gsc-font-size-350);
  --input-base--x-large--line-height: calc(
    1.45 * var(--input-base--x-large--font-size)
  );
  --input-base--x-large--container-height: calc(
    var(--input-base--x-large--padding-block-start) +
      var(--input-base--x-large--line-height) +
      var(--input-base--x-large--padding-block-end)
  );
  --input-base--x-large--padding-block-start: calc(
    26px - var(--input-base--border-width)
  );
  --input-base--x-large--padding-block-end: calc(
    10px - var(--input-base--border-width)
  );
  --input-base--x-large--padding-inline-start: 20px;
  --input-base--x-large--padding-inline-end: 16px;
  --input-base--x-large--inner-gap: 10px;
  --input-base--x-large--outer-gap: 10px;
  --input-base--large--font-size: var(--gsc-font-size-350);
  --input-base--large--line-height: calc(
    1.45 * var(--input-base--large--font-size)
  );
  --input-base--large--container-height: calc(
    var(--input-base--large--padding-block-start) +
      var(--input-base--large--line-height) +
      var(--input-base--large--padding-block-end)
  );
  --input-base--large--padding-block-start: calc(
    24px - var(--input-base--border-width)
  );
  --input-base--large--padding-block-end: calc(
    8px - var(--input-base--border-width)
  );
  --input-base--large--padding-inline-start: 20px;
  --input-base--large--padding-inline-end: 16px;
  --input-base--large--inner-gap: 10px;
  --input-base--large--outer-gap: 10px;
  --input-base--medium--font-size: var(--gsc-font-size-350);
  --input-base--medium--line-height: calc(
    1.45 * var(--input-base--medium--font-size)
  );
  --input-base--medium--container-height: calc(
    var(--input-base--medium--padding-block-start) +
      var(--input-base--medium--line-height) +
      var(--input-base--medium--padding-block-end)
  );
  --input-base--medium--padding-block-start: calc(
    22px - var(--input-base--border-width)
  );
  --input-base--medium--padding-block-end: calc(
    6px - var(--input-base--border-width)
  );
  --input-base--medium--padding-inline-start: 16px;
  --input-base--medium--padding-inline-end: 14px;
  --input-base--medium--inner-gap: 10px;
  --input-base--medium--outer-gap: 10px;
  --input-base--small--font-size: var(--gsc-font-size-300);
  --input-base--small--line-height: calc(
    1.35 * var(--input-base--small--font-size)
  );
  --input-base--small--container-height: calc(
    var(--input-base--small--padding-block-start) +
      var(--input-base--small--line-height) +
      var(--input-base--small--padding-block-end)
  );
  --input-base--small--padding-block-start: calc(
    22px - var(--input-base--border-width)
  );
  --input-base--small--padding-block-end: calc(
    6px - var(--input-base--border-width)
  );
  --input-base--small--padding-inline-start: 16px;
  --input-base--small--padding-inline-end: 12px;
  --input-base--small--inner-gap: 10px;
  --input-base--small--outer-gap: 10px;
  --input-base--x-small--font-size: var(--gsc-font-size-300);
  --input-base--x-small--line-height: calc(
    1.45 * var(--input-base--x-small--font-size) - 1px
  );
  --input-base--x-small--container-height: calc(
    var(--input-base--x-small--padding-block-start) +
      var(--input-base--x-small--line-height) +
      var(--input-base--x-small--padding-block-end)
  );
  --input-base--x-small--padding-block-start: calc(
    20px - var(--input-base--border-width)
  );
  --input-base--x-small--padding-block-end: calc(
    4px - var(--input-base--border-width)
  );
  --input-base--x-small--padding-inline-start: 12px;
  --input-base--x-small--padding-inline-end: 10px;
  --input-base--x-small--inner-gap: 10px;
  --input-base--x-small--outer-gap: 10px;
  --input-base--xx-small--font-size: var(--gsc-font-size-300);
  --input-base--xx-small--line-height: calc(
    1.35 * var(--input-base--xx-small--font-size)
  );
  --input-base--xx-small--container-height: calc(
    var(--input-base--xx-small--padding-block-start) +
      var(--input-base--xx-small--line-height) +
      var(--input-base--xx-small--padding-block-end)
  );
  --input-base--xx-small--padding-block-start: calc(
    14px - var(--input-base--border-width)
  );
  --input-base--xx-small--padding-block-end: calc(
    2px - var(--input-base--border-width)
  );
  --input-base--xx-small--padding-inline-start: 10px;
  --input-base--xx-small--padding-inline-end: 10px;
  --input-base--xx-small--inner-gap: 10px;
  --input-base--xx-small--outer-gap: 10px;
  --gsc-color-input-text: var(--gsc-color-primary-input-text);
  --gsc-color-input-text-secondary: var(
    --gsc-color-primary-input-text-secondary
  );
  --gsc-color-input-text-35: var(--gsc-color-primary-input-text-35);
  --gsc-color-input-bg: var(--gsc-color-primary-input-bg);
  --gsc-color-input-bg-hover: var(--gsc-color-primary-input-bg-hover);
  --gsc-color-input-border: var(--gsc-color-primary-input-border);
  --gsc-color-input-border-hover: var(--gsc-color-primary-input-border-hover);
  --gsc-color-input-border-active: var(--gsc-color-primary-input-border-active);
  --gsc-input-font-family: var(--gsc-font-family-primary-input);
  --gsc-input-font-style: var(--gsc-font-style-primary-input);
  --gsc-input-border-width: var(--gsc-border-width-primary-input);
  --gsc-input-backdrop-filter: var(--gsc-backdrop-filter-primary-input);
  &.input-base--variant-filled {
    padding: var(--gsc-input-border-width);
  }
  &.input-base--preset-primary {
    --gsc-color-input-text: var(--gsc-color-primary-input-text);
    --gsc-color-input-text-secondary: var(
      --gsc-color-primary-input-text-secondary
    );
    --gsc-color-input-text-35: var(--gsc-color-primary-input-text-35);
    --gsc-color-input-bg: var(--gsc-color-primary-input-bg);
    --gsc-color-input-bg-hover: var(--gsc-color-primary-input-bg-hover);
    --gsc-color-input-border: var(--gsc-color-primary-input-border);
    --gsc-color-input-border-hover: var(--gsc-color-primary-input-border-hover);
    --gsc-color-input-border-active: var(
      --gsc-color-primary-input-border-active
    );
    --gsc-input-font-family: var(--gsc-font-family-primary-input);
    --gsc-input-font-style: var(--gsc-font-style-primary-input);
    --gsc-input-border-width: var(--gsc-border-width-primary-input);
    --gsc-input-backdrop-filter: var(--gsc-backdrop-filter-primary-input);
  }
  &.input-base--preset-secondary {
    --gsc-color-input-text: var(--gsc-color-secondary-input-text);
    --gsc-color-input-text-secondary: var(
      --gsc-color-secondary-input-text-secondary
    );
    --gsc-color-input-text-35: var(--gsc-color-secondary-input-text-35);
    --gsc-color-input-bg: var(--gsc-color-secondary-input-bg);
    --gsc-color-input-bg-hover: var(--gsc-color-secondary-input-bg-hover);
    --gsc-color-input-border: var(--gsc-color-secondary-input-border);
    --gsc-color-input-border-hover: var(
      --gsc-color-secondary-input-border-hover
    );
    --gsc-color-input-border-active: var(
      --gsc-color-secondary-input-border-active
    );
    --gsc-input-font-family: var(--gsc-font-family-secondary-input);
    --gsc-input-font-style: var(--gsc-font-style-secondary-input);
    --gsc-input-border-width: var(--gsc-border-width-secondary-input);
    --gsc-input-backdrop-filter: var(--gsc-backdrop-filter-secondary-input);
  }
  &.input-base--preset-tertiary {
    --gsc-color-input-text: var(--gsc-color-tertiary-input-text);
    --gsc-color-input-text-secondary: var(
      --gsc-color-tertiary-input-text-secondary
    );
    --gsc-color-input-text-35: var(--gsc-color-tertiary-input-text-35);
    --gsc-color-input-bg: var(--gsc-color-tertiary-input-bg);
    --gsc-color-input-bg-hover: var(--gsc-color-tertiary-input-bg-hover);
    --gsc-color-input-border: var(--gsc-color-tertiary-input-border);
    --gsc-color-input-border-hover: var(
      --gsc-color-tertiary-input-border-hover
    );
    --gsc-color-input-border-active: var(
      --gsc-color-tertiary-input-border-active
    );
    --gsc-input-font-family: var(--gsc-font-family-tertiary-input);
    --gsc-input-font-style: var(--gsc-font-style-tertiary-input);
    --gsc-input-border-width: var(--gsc-border-width-tertiary-input);
    --gsc-input-backdrop-filter: var(--gsc-backdrop-filter-tertiary-input);
  }
  &.input-base--preset-underline {
    --gsc-color-input-text: var(--gsc-color-underline-input-text);
    --gsc-color-input-text-secondary: var(
      --gsc-color-underline-input-text-secondary
    );
    --gsc-color-input-text-35: var(--gsc-color-underline-input-text-35);
    --gsc-color-input-bg: var(--gsc-color-underline-input-bg);
    --gsc-color-input-bg-hover: var(--gsc-color-underline-input-bg-hover);
    --gsc-color-input-border: var(--gsc-color-underline-input-border);
    --gsc-color-input-border-hover: var(
      --gsc-color-underline-input-border-hover
    );
    --gsc-color-input-border-active: var(
      --gsc-color-underline-input-border-active
    );
    --gsc-input-font-family: var(--gsc-font-family-underline-input);
    --gsc-input-font-style: var(--gsc-font-style-underline-input);
    --gsc-input-border-width: var(--gsc-border-width-underline-input);
    --gsc-input-backdrop-filter: var(--gsc-backdrop-filter-underline-input);
  }
  &.input-base--preset-custom {
    --gsc-color-input-text: var(--input-color-custom-input-text);
    --gsc-color-input-text-secondary: var(
      --input-color-custom-input-text-secondary
    );
    --gsc-color-input-text-35: var(--input-color-custom-input-text-35);
    --gsc-color-input-bg: var(--input-color-custom-input-bg);
    --gsc-color-input-bg-hover: var(--input-color-custom-input-bg-hover);
    --gsc-color-input-border: var(--input-color-custom-input-border);
    --gsc-color-input-border-hover: var(
      --input-color-custom-input-border-hover
    );
    --gsc-color-input-border-active: var(
      --input-color-custom-input-border-active
    );
    --gsc-input-font-family: var(--input-font-family-custom-input);
    --gsc-input-font-weight: var(--input-font-weight-custom-input);
    --gsc-input-font-style: var(--input-font-style-custom-input);
    --gsc-input-border-width: var(--input-border-width-custom-input);
    --gsc-input-backdrop-filter: var(--input-backdrop-filter-custom-input);
  }
  &:has(:is(input, textarea):disabled) {
    cursor: not-allowed;
    opacity: 0.5;
  }
  .input-base__prepend {
    align-items: center;
    display: flex;
    gap: var(--gsc-space-250);
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    padding-inline-end: 10px;
    &:empty {
      display: none;
    }
  }
  .input-base__container {
    border: var(--gsc-input-border-width) solid transparent;
    display: flex;
    gap: var(--input-base__container__gap);
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
    transition:
      border-color 0.3s,
      background-color 0.3s;
    .input-base--variant-filled & {
      --input-base-border-color-current: var(--gsc-color-input-border);
      backdrop-filter: var(--gsc-input-backdrop-filter);
      background: var(--gsc-color-input-bg);
      background-clip: padding-box;
      border: 0;
      border-radius: var(--input-base--border-radius);
      position: relative;
      &::before {
        background: var(--input-base-border-color-current);
        border-radius: calc(
          var(--input-base--border-radius) +
            clamp(
              0px,
              var(--input-base--border-radius),
              var(--gsc-input-border-width)
            )
        );
        content: "";
        inset: calc(-1 * var(--gsc-input-border-width));
        -webkit-mask:
          linear-gradient(#000 0 0) content-box,
          linear-gradient(#000 0 0);
        mask:
          linear-gradient(#000 0 0) content-box,
          linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: sign(var(--gsc-input-border-width));
        padding: var(--gsc-input-border-width);
        pointer-events: none;
        position: absolute;
        transition: background 0.3s;
      }
      &:hover {
        --input-base-border-color-current: var(--gsc-color-input-border-hover);
        background: var(--gsc-color-input-bg-hover);
      }
      .input-base:has(:focus) & {
        --input-base-border-color-current: var(--gsc-color-input-border-active);
        background: var(--gsc-color-input-bg-hover);
        .input-base--invalid & {
          --input-base-border-color-current: var(--gsc-color-critical-primary);
          background: var(--gsc-color-input-bg-hover);
        }
      }
      .input-base--invalid & {
        --input-base-border-color-current: var(--gsc-color-critical-primary);
        background: var(--gsc-color-input-bg-hover);
      }
      .input-base:has(:is(input, textarea):disabled) & {
        --input-base-border-color-current: var(--gsc-color-input-border);
        background: var(--gsc-color-input-bg);
      }
      .input-base--size-xxx-large & {
        padding-inline-end: var(--input-base--xxx-large--padding-inline-end);
        padding-inline-start: var(
          --input-base--xxx-large--padding-inline-start
        );
        .input-base:has([type="number"]) & {
          padding-inline: var(--input-base--xxx-large--padding-inline-start);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-xxx-large & {
          padding-inline-end: var(--input-base--xxx-large--padding-inline-end);
          padding-inline-start: var(
            --input-base--xxx-large--padding-inline-start
          );
          .input-base:has([type="number"]) & {
            padding-inline: var(--input-base--xxx-large--padding-inline-start);
          }
        }
      }
      .input-base--size-xx-large & {
        padding-inline-end: var(--input-base--xx-large--padding-inline-end);
        padding-inline-start: var(--input-base--xx-large--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-500);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-xx-large & {
          padding-inline-end: var(--input-base--xx-large--padding-inline-end);
          padding-inline-start: var(
            --input-base--xx-large--padding-inline-start
          );
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-500);
          }
        }
      }
      .input-base--size-x-large & {
        padding-inline-end: var(--input-base--x-large--padding-inline-end);
        padding-inline-start: var(--input-base--x-large--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-400);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-x-large & {
          padding-inline-end: var(--input-base--x-large--padding-inline-end);
          padding-inline-start: var(
            --input-base--x-large--padding-inline-start
          );
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-400);
          }
        }
      }
      .input-base--size-large & {
        padding-inline-end: var(--input-base--large--padding-inline-end);
        padding-inline-start: var(--input-base--large--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-400);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-large & {
          padding-inline-end: var(--input-base--large--padding-inline-end);
          padding-inline-start: var(--input-base--large--padding-inline-start);
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-400);
          }
        }
      }
      .input-base--size-medium & {
        padding-inline-end: var(--input-base--medium--padding-inline-end);
        padding-inline-start: var(--input-base--medium--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-350);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-medium & {
          padding-inline-end: var(--input-base--medium--padding-inline-end);
          padding-inline-start: var(--input-base--medium--padding-inline-start);
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-350);
          }
        }
      }
      .input-base--size-small & {
        padding-inline-end: var(--input-base--small--padding-inline-end);
        padding-inline-start: var(--input-base--small--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-300);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-small & {
          padding-inline-end: var(--input-base--small--padding-inline-end);
          padding-inline-start: var(--input-base--small--padding-inline-start);
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-300);
          }
        }
      }
      .input-base--size-x-small & {
        padding-inline-end: var(--input-base--x-small--padding-inline-end);
        padding-inline-start: var(--input-base--x-small--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-250);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-x-small & {
          padding-inline-end: var(--input-base--x-small--padding-inline-end);
          padding-inline-start: var(
            --input-base--x-small--padding-inline-start
          );
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-250);
          }
        }
      }
      .input-base--size-xx-small & {
        padding-inline-end: var(--input-base--xx-small--padding-inline-end);
        padding-inline-start: var(--input-base--xx-small--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-200);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-xx-small & {
          padding-inline-end: var(--input-base--xx-small--padding-inline-end);
          padding-inline-start: var(
            --input-base--xx-small--padding-inline-start
          );
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-200);
          }
        }
      }
    }
    .input-base--variant-underlined & {
      border-width: 0;
      border-bottom: var(--gsc-input-border-width) solid
        var(--gsc-color-input-border);
      &:hover {
        border-bottom: var(--gsc-input-border-width) solid
          var(--gsc-color-input-border-hover);
      }
      .input-base:has(:focus) & {
        border-bottom: var(--gsc-input-border-width) solid
          var(--gsc-color-input-border-active);
        .input-base--invalid & {
          border-bottom: var(--gsc-input-border-width) solid
            var(--gsc-color-critical-primary);
        }
      }
      .input-base--invalid & {
        border-bottom: var(--gsc-input-border-width) solid
          var(--gsc-color-critical-primary);
      }
      .input-base:has(:is(input, textarea):disabled) & {
        border-bottom: var(--gsc-input-border-width) solid
          var(--gsc-color-input-border);
      }
    }
    .input-base--variant-outlined & {
      border: var(--gsc-input-border-width) solid var(--gsc-color-input-border);
      border-radius: var(--input-base--border-radius);
      &:hover {
        border: var(--gsc-input-border-width) solid
          var(--gsc-color-input-border-hover);
      }
      .input-base:has(:focus) & {
        border: var(--gsc-input-border-width) solid
          var(--gsc-color-input-border-active);
        .input-base--invalid & {
          border: var(--gsc-input-border-width) solid
            var(--gsc-color-critical-primary);
        }
      }
      .input-base--invalid & {
        border: var(--gsc-input-border-width) solid
          var(--gsc-color-critical-primary);
      }
      .input-base:has(:is(input, textarea):disabled) & {
        background: var(--gsc-color-input-bg);
        border: var(--gsc-input-border-width) solid
          var(--gsc-color-input-border);
      }
      .input-base--size-xxx-large & {
        padding-inline-end: var(--input-base--xxx-large--padding-inline-end);
        padding-inline-start: var(
          --input-base--xxx-large--padding-inline-start
        );
      }
      @media (width < 750px) {
        .input-base--mobile-size-xxx-large & {
          padding-inline-end: var(--input-base--xxx-large--padding-inline-end);
          padding-inline-start: var(
            --input-base--xxx-large--padding-inline-start
          );
        }
      }
      .input-base--size-xx-large & {
        padding-inline-end: var(--input-base--xx-large--padding-inline-end);
        padding-inline-start: var(--input-base--xx-large--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-500);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-xx-large & {
          padding-inline-end: var(--input-base--xx-large--padding-inline-end);
          padding-inline-start: var(
            --input-base--xx-large--padding-inline-start
          );
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-500);
          }
        }
      }
      .input-base--size-x-large & {
        padding-inline-end: var(--input-base--x-large--padding-inline-end);
        padding-inline-start: var(--input-base--x-large--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-400);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-x-large & {
          padding-inline-end: var(--input-base--x-large--padding-inline-end);
          padding-inline-start: var(
            --input-base--x-large--padding-inline-start
          );
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-400);
          }
        }
      }
      .input-base--size-large & {
        padding-inline-end: var(--input-base--large--padding-inline-end);
        padding-inline-start: var(--input-base--large--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-400);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-large & {
          padding-inline-end: var(--input-base--large--padding-inline-end);
          padding-inline-start: var(--input-base--large--padding-inline-start);
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-400);
          }
        }
      }
      .input-base--size-medium & {
        padding-inline-end: var(--input-base--medium--padding-inline-end);
        padding-inline-start: var(--input-base--medium--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-350);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-medium & {
          padding-inline-end: var(--input-base--medium--padding-inline-end);
          padding-inline-start: var(--input-base--medium--padding-inline-start);
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-350);
          }
        }
      }
      .input-base--size-small & {
        padding-inline-end: var(--input-base--small--padding-inline-end);
        padding-inline-start: var(--input-base--small--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-300);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-small & {
          padding-inline-end: var(--input-base--small--padding-inline-end);
          padding-inline-start: var(--input-base--small--padding-inline-start);
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-300);
          }
        }
      }
      .input-base--size-x-small & {
        padding-inline-end: var(--input-base--x-small--padding-inline-end);
        padding-inline-start: var(--input-base--x-small--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-250);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-x-small & {
          padding-inline-end: var(--input-base--x-small--padding-inline-end);
          padding-inline-start: var(
            --input-base--x-small--padding-inline-start
          );
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-250);
          }
        }
      }
      .input-base--size-xx-small & {
        padding-inline-end: var(--input-base--xx-small--padding-inline-end);
        padding-inline-start: var(--input-base--xx-small--padding-inline-start);
        .input-base:has([type="number"]) & {
          padding-inline: var(--gsc-space-200);
        }
      }
      @media (width < 750px) {
        .input-base--mobile-size-xx-small & {
          padding-inline-end: var(--input-base--xx-small--padding-inline-end);
          padding-inline-start: var(
            --input-base--xx-small--padding-inline-start
          );
          .input-base:has([type="number"]) & {
            padding-inline: var(--gsc-space-200);
          }
        }
      }
    }
    .input-base--variant-glass & {
      background: var(--gsc-color-background-black-10);
      border: none;
      border-radius: var(--input-base--border-radius);
      filter: drop-shadow(-4px, 2px, 16px, rgba(0 0 0/0.1));
      position: relative;
      z-index: 20;
      --local-border: var(--gsc-input-border-width);
      &::before {
        --c: linear-gradient(
          135deg,
          hsla(0, 0%, 100%, 0.4),
          hsla(0, 0%, 100%, 0.1),
          hsla(0, 0%, 100%, 0.1),
          hsla(0, 0%, 100%, 0.1),
          hsla(0, 0%, 100%, 0.1),
          hsla(0, 0%, 100%, 0.1),
          hsla(0, 0%, 100%, 0.1),
          hsla(0, 0%, 100%, 0.1),
          hsla(0, 0%, 100%, 0.05),
          hsla(0, 0%, 100%, 0.05),
          hsla(0, 0%, 100%, 0.05),
          hsla(0, 0%, 100%, 0.05),
          hsla(0, 0%, 100%, 0.05),
          hsla(0, 0%, 100%, 0.05),
          hsla(0, 0%, 100%, 0.3)
        );
        background: var(--c);
        border-radius: var(--input-base--border-radius);
        content: "";
        inset: 0;
        -webkit-mask:
          linear-gradient(#000 0 0),
          linear-gradient(#000 0 0) content-box;
        -webkit-mask-composite: xor;
        mask:
          linear-gradient(#000 0 0) exclude,
          linear-gradient(#000 0 0) content-box;
        padding: var(--local-border);
        position: absolute;
        transition: background 0.3s;
        z-index: -1;
      }
      &::after {
        backdrop-filter: blur(8px);
        border-radius: var(--input-base--border-radius);
        bottom: var(--local-border);
        content: "";
        display: block;
        filter: url(#glass-distortion);
        left: var(--local-border);
        position: absolute;
        right: var(--local-border);
        top: var(--local-border);
      }
      .input-base:has(:focus) & {
        background: var(--gsc-color-background-black-15);
      }
      .input-base--invalid & {
        &::before {
          --c: var(--gsc-color-critical-primary);
        }
        &::after {
          bottom: var(--local-border);
          left: var(--local-border);
          right: var(--local-border);
          top: var(--local-border);
        }
      }
      .input-base--size-xxx-large & {
        padding-inline-end: var(--input-base--xxx-large--padding-inline-end);
        padding-inline-start: var(
          --input-base--xxx-large--padding-inline-start
        );
      }
      @media (width < 750px) {
        .input-base--mobile-size-xxx-large & {
          padding-inline-end: var(--input-base--xxx-large--padding-inline-end);
          padding-inline-start: var(
            --input-base--xxx-large--padding-inline-start
          );
        }
      }
      .input-base--size-xx-large & {
        padding-inline-end: var(--input-base--xx-large--padding-inline-end);
        padding-inline-start: var(--input-base--xx-large--padding-inline-start);
      }
      @media (width < 750px) {
        .input-base--mobile-size-xx-large & {
          padding-inline-end: var(--input-base--xx-large--padding-inline-end);
          padding-inline-start: var(
            --input-base--xx-large--padding-inline-start
          );
        }
      }
      .input-base--size-x-large & {
        padding-inline-end: var(--input-base--x-large--padding-inline-end);
        padding-inline-start: var(--input-base--x-large--padding-inline-start);
      }
      @media (width < 750px) {
        .input-base--mobile-size-x-large & {
          padding-inline-end: var(--input-base--x-large--padding-inline-end);
          padding-inline-start: var(
            --input-base--x-large--padding-inline-start
          );
        }
      }
      .input-base--size-large & {
        padding-inline-end: var(--input-base--large--padding-inline-end);
        padding-inline-start: var(--input-base--large--padding-inline-start);
      }
      @media (width < 750px) {
        .input-base--mobile-size-large & {
          padding-inline-end: var(--input-base--large--padding-inline-end);
          padding-inline-start: var(--input-base--large--padding-inline-start);
        }
      }
      .input-base--size-medium & {
        padding-inline-end: var(--input-base--medium--padding-inline-end);
        padding-inline-start: var(--input-base--medium--padding-inline-start);
      }
      @media (width < 750px) {
        .input-base--mobile-size-medium & {
          padding-inline-end: var(--input-base--medium--padding-inline-end);
          padding-inline-start: var(--input-base--medium--padding-inline-start);
        }
      }
      .input-base--size-small & {
        padding-inline-end: var(--input-base--small--padding-inline-end);
        padding-inline-start: var(--input-base--small--padding-inline-start);
      }
      @media (width < 750px) {
        .input-base--mobile-size-small & {
          padding-inline-end: var(--input-base--small--padding-inline-end);
          padding-inline-start: var(--input-base--small--padding-inline-start);
        }
      }
      .input-base--size-x-small & {
        padding-inline-end: var(--input-base--x-small--padding-inline-end);
        padding-inline-start: var(--input-base--x-small--padding-inline-start);
      }
      @media (width < 750px) {
        .input-base--mobile-size-x-small & {
          padding-inline-end: var(--input-base--x-small--padding-inline-end);
          padding-inline-start: var(
            --input-base--x-small--padding-inline-start
          );
        }
      }
      .input-base--size-xx-small & {
        padding-inline-end: var(--input-base--xx-small--padding-inline-end);
        padding-inline-start: var(--input-base--xx-small--padding-inline-start);
      }
      @media (width < 750px) {
        .input-base--mobile-size-xx-small & {
          padding-inline-end: var(--input-base--xx-small--padding-inline-end);
          padding-inline-start: var(
            --input-base--xx-small--padding-inline-start
          );
        }
      }
    }
    .input-base__input-container {
      align-items: center;
      display: flex;
      gap: 6px;
      height: auto;
      position: relative;
      width: 100%;
      .input-base:has([type="textarea"]) & {
        align-items: start;
      }
      .input-base__label {
        color: var(--gsc-color-input-text-secondary);
        font-size: var(--gsc-font-size-350);
        line-height: var(--gsc-font-line-height-5xl);
        opacity: 1;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transform-origin: left center;
        transition: transform 0.2s;
        .input-base--size-xxx-large & {
          font-size: var(--input-base--xxx-large--font-size);
          line-height: var(--input-base--xxx-large--line-height);
        }
        @media (width < 750px) {
          .input-base--mobile-size-xxx-large & {
            font-size: var(--input-base--xxx-large--font-size);
            line-height: var(--input-base--xxx-large--line-height);
          }
        }
        .input-base--variant-glass & {
          color: var(--gsc-color-background-white-80);
          z-index: 1000;
        }
        .input-base:not(:has(.input-base__input:-moz-placeholder)) & {
          transform: translateY(-20px) scale(calc(11 / 14));
          -moz-transition: transform 0.2s;
          transition: transform 0.2s;
          .input-base--size-small &,
          .input-base--size-x-small &,
          .input-base--size-xx-small & {
            transform: translateY(-18px) scale(calc(9.42 / 12));
          }
          @media (width < 750px) {
            .input-base--mobile-size-small &,
            .input-base--mobile-size-x-small &,
            .input-base--mobile-size-xx-small & {
              transform: translateY(-18px) scale(calc(9.42 / 12));
            }
          }
          .input-base--size-xxx-large & {
            transform: translateY(-34px) scale(calc(14 / 32));
          }
          @media (width < 750px) {
            .input-base--mobile-size-xxx-large & {
              transform: translateY(-34px) scale(calc(14 / 32));
            }
          }
        }
        .input-base:has(.input-base__input:-webkit-autofill) & {
          transform: translateY(-20px) scale(calc(11 / 14));
          -webkit-transition: transform 0.2s;
          transition: transform 0.2s;
          .input-base--size-small &,
          .input-base--size-x-small &,
          .input-base--size-xx-small & {
            transform: translateY(-18px) scale(calc(9.42 / 12));
          }
          @media (width < 750px) {
            .input-base--mobile-size-small &,
            .input-base--mobile-size-x-small &,
            .input-base--mobile-size-xx-small & {
              transform: translateY(-18px) scale(calc(9.42 / 12));
            }
          }
          .input-base--size-xxx-large & {
            transform: translateY(-34px) scale(calc(14 / 32));
          }
          @media (width < 750px) {
            .input-base--mobile-size-xxx-large & {
              transform: translateY(-34px) scale(calc(14 / 32));
            }
          }
        }
        .input-base:has(.input-base__input:autofill) &,
        .input-base:has(.input-base__input:focus) &,
        .input-base:not(:has(.input-base__input:placeholder-shown)) & {
          transform: translateY(-20px) scale(calc(11 / 14));
          transition: transform 0.2s;
          .input-base--size-small &,
          .input-base--size-x-small &,
          .input-base--size-xx-small & {
            transform: translateY(-18px) scale(calc(9.42 / 12));
          }
          @media (width < 750px) {
            .input-base--mobile-size-small &,
            .input-base--mobile-size-x-small &,
            .input-base--mobile-size-xx-small & {
              transform: translateY(-18px) scale(calc(9.42 / 12));
            }
          }
          .input-base--size-xxx-large & {
            transform: translateY(-34px) scale(calc(14 / 32));
          }
          @media (width < 750px) {
            .input-base--mobile-size-xxx-large & {
              transform: translateY(-34px) scale(calc(14 / 32));
            }
          }
        }
        .input-base:has([type="textarea"]) & {
          .input-base--size-xxx-large & {
            top: calc(var(--input-base--xxx-large--container-height) / 2);
          }
          @media (width < 750px) {
            .input-base--mobile-size-xxx-large & {
              top: calc(var(--input-base--xxx-large--container-height) / 2);
            }
          }
          .input-base--size-xx-large & {
            top: calc(var(--input-base--xx-large--container-height) / 2);
          }
          @media (width < 750px) {
            .input-base--mobile-size-xx-large & {
              top: calc(var(--input-base--xx-large--container-height) / 2);
            }
          }
          .input-base--size-x-large & {
            top: calc(var(--input-base--x-large--container-height) / 2);
          }
          @media (width < 750px) {
            .input-base--mobile-size-x-large & {
              top: calc(var(--input-base--x-large--container-height) / 2);
            }
          }
          .input-base--size-large & {
            top: calc(var(--input-base--large--container-height) / 2);
          }
          @media (width < 750px) {
            .input-base--mobile-size-large & {
              top: calc(var(--input-base--large--container-height) / 2);
            }
          }
          .input-base--size-medium & {
            top: calc(var(--input-base--medium--container-height) / 2);
          }
          @media (width < 750px) {
            .input-base--mobile-size-medium & {
              top: calc(var(--input-base--medium--container-height) / 2);
            }
          }
          .input-base--size-small & {
            top: calc(var(--input-base--small--container-height) / 2);
          }
          @media (width < 750px) {
            .input-base--mobile-size-small & {
              top: calc(var(--input-base--small--container-height) / 2);
            }
          }
          .input-base--size-x-small & {
            top: calc(var(--input-base--x-small--container-height) / 2);
          }
          @media (width < 750px) {
            .input-base--mobile-size-x-small & {
              top: calc(var(--input-base--x-small--container-height) / 2);
            }
          }
          .input-base--size-xx-small & {
            top: calc(var(--input-base--xx-small--container-height) / 2);
          }
          @media (width < 750px) {
            .input-base--mobile-size-xx-small & {
              top: calc(var(--input-base--xx-small--container-height) / 2);
            }
          }
        }
      }
      .input-base--variant-glass & {
        position: relative;
        z-index: 1000;
      }
      .input-base__input,
      .input-base__prefix,
      .input-base__suffix {
        all: unset;
        background: transparent;
        border: none;
        color: var(--gsc-color-input-text);
        font-size: var(--gsc-font-size-350);
        line-height: var(--gsc-font-line-height-5xl);
        margin: 0;
        outline: none;
        padding: 0;
        position: relative;
        width: 100%;
        .input-base--variant-glass & {
          color: var(--gsc-color-background-white-100);
          position: relative;
          z-index: 1000;
        }
        &::-moz-placeholder {
          color: var(--gsc-color-input-text);
          -moz-transition: color 0.2s;
          transition: color 0.2s;
        }
        &::placeholder {
          color: var(--gsc-color-input-text);
          transition: color 0.2s;
        }
        .input-base:has(:focus) & {
          &::-moz-placeholder {
            color: var(--gsc-color-input-text-35);
          }
          &::placeholder {
            color: var(--gsc-color-input-text-35);
          }
        }
        .input-base:not(:has(.input-base__label)) & {
          &::-moz-placeholder {
            color: var(--gsc-color-input-text);
          }
          &::placeholder {
            color: var(--gsc-color-input-text);
          }
          .input-base:has(:focus) & {
            &::-moz-placeholder {
              color: var(--gsc-color-input-text-35);
            }
            &::placeholder {
              color: var(--gsc-color-input-text-35);
            }
            .input-base--variant-glass & {
              &::-moz-placeholder {
                color: var(--gsc-color-background-white-60);
              }
              &::placeholder {
                color: var(--gsc-color-background-white-60);
              }
            }
          }
        }
        .input-base--variant-glass & {
          .input-base--variant-glass & {
            &::-moz-placeholder {
              color: var(--gsc-color-background-white-100);
            }
            &::placeholder {
              color: var(--gsc-color-background-white-100);
            }
          }
          .input-base:has(:focus) & {
            &::-moz-placeholder {
              color: var(--gsc-color-background-white-75);
            }
            &::placeholder {
              color: var(--gsc-color-background-white-75);
            }
          }
        }
        .input-base--variant-filled &,
        .input-base--variant-glass &,
        .input-base--variant-outlined &,
        .input-base--variant-underlined & {
          .input-base--size-xxx-large & {
            font-size: var(--input-base--xxx-large--font-size);
            height: var(--input-base--xxx-large--line-height);
            --local: calc(
              (
                  var(--input-base--xxx-large--padding-block-start) +
                    var(--input-base--xxx-large--padding-block-end)
                ) /
                2
            );
            margin-block-start: var(--local);
            padding-block-end: var(--local);
          }
          @media (width < 750px) {
            .input-base--mobile-size-xxx-large & {
              font-size: var(--input-base--xxx-large--font-size);
              height: var(--input-base--xxx-large--line-height);
              --local: calc(
                (
                    var(--input-base--xxx-large--padding-block-start) +
                      var(--input-base--xxx-large--padding-block-end)
                  ) /
                  2
              );
              margin-block-start: var(--local);
              padding-block-end: var(--local);
            }
          }
          .input-base--size-xx-large & {
            font-size: var(--input-base--xx-large--font-size);
            height: var(--input-base--xx-large--line-height);
            --local: calc(
              (
                  var(--input-base--xx-large--padding-block-start) +
                    var(--input-base--xx-large--padding-block-end)
                ) /
                2
            );
            margin-block-start: var(--local);
            padding-block-end: var(--local);
          }
          @media (width < 750px) {
            .input-base--mobile-size-xx-large & {
              font-size: var(--input-base--xx-large--font-size);
              height: var(--input-base--xx-large--line-height);
              --local: calc(
                (
                    var(--input-base--xx-large--padding-block-start) +
                      var(--input-base--xx-large--padding-block-end)
                  ) /
                  2
              );
              margin-block-start: var(--local);
              padding-block-end: var(--local);
            }
          }
          .input-base--size-x-large & {
            font-size: var(--input-base--x-large--font-size);
            height: var(--input-base--x-large--line-height);
            --local: calc(
              (
                  var(--input-base--x-large--padding-block-start) +
                    var(--input-base--x-large--padding-block-end)
                ) /
                2
            );
            margin-block-start: var(--local);
            padding-block-end: var(--local);
          }
          @media (width < 750px) {
            .input-base--mobile-size-x-large & {
              font-size: var(--input-base--x-large--font-size);
              height: var(--input-base--x-large--line-height);
              --local: calc(
                (
                    var(--input-base--x-large--padding-block-start) +
                      var(--input-base--x-large--padding-block-end)
                  ) /
                  2
              );
              margin-block-start: var(--local);
              padding-block-end: var(--local);
            }
          }
          .input-base--size-large & {
            font-size: var(--input-base--large--font-size);
            height: var(--input-base--large--line-height);
            --local: calc(
              (
                  var(--input-base--large--padding-block-start) +
                    var(--input-base--large--padding-block-end)
                ) /
                2
            );
            margin-block-start: var(--local);
            padding-block-end: var(--local);
          }
          @media (width < 750px) {
            .input-base--mobile-size-large & {
              font-size: var(--input-base--large--font-size);
              height: var(--input-base--large--line-height);
              --local: calc(
                (
                    var(--input-base--large--padding-block-start) +
                      var(--input-base--large--padding-block-end)
                  ) /
                  2
              );
              margin-block-start: var(--local);
              padding-block-end: var(--local);
            }
          }
          .input-base--size-medium & {
            font-size: var(--input-base--medium--font-size);
            height: var(--input-base--medium--line-height);
            --local: calc(
              (
                  var(--input-base--medium--padding-block-start) +
                    var(--input-base--medium--padding-block-end)
                ) /
                2
            );
            margin-block-start: var(--local);
            padding-block-end: var(--local);
          }
          @media (width < 750px) {
            .input-base--mobile-size-medium & {
              font-size: var(--input-base--medium--font-size);
              height: var(--input-base--medium--line-height);
              --local: calc(
                (
                    var(--input-base--medium--padding-block-start) +
                      var(--input-base--medium--padding-block-end)
                  ) /
                  2
              );
              margin-block-start: var(--local);
              padding-block-end: var(--local);
            }
          }
          .input-base--size-small & {
            font-size: var(--input-base--small--font-size);
            height: var(--input-base--small--line-height);
            --local: calc(
              (
                  var(--input-base--small--padding-block-start) +
                    var(--input-base--small--padding-block-end)
                ) /
                2
            );
            margin-block-start: var(--local);
            padding-block-end: var(--local);
          }
          @media (width < 750px) {
            .input-base--mobile-size-small & {
              font-size: var(--input-base--small--font-size);
              height: var(--input-base--small--line-height);
              --local: calc(
                (
                    var(--input-base--small--padding-block-start) +
                      var(--input-base--small--padding-block-end)
                  ) /
                  2
              );
              margin-block-start: var(--local);
              padding-block-end: var(--local);
            }
          }
          .input-base--size-x-small & {
            font-size: var(--input-base--x-small--font-size);
            height: var(--input-base--x-small--line-height);
            --local: calc(
              (
                  var(--input-base--x-small--padding-block-start) +
                    var(--input-base--x-small--padding-block-end)
                ) /
                2
            );
            margin-block-start: var(--local);
            padding-block-end: var(--local);
          }
          @media (width < 750px) {
            .input-base--mobile-size-x-small & {
              font-size: var(--input-base--x-small--font-size);
              height: var(--input-base--x-small--line-height);
              --local: calc(
                (
                    var(--input-base--x-small--padding-block-start) +
                      var(--input-base--x-small--padding-block-end)
                  ) /
                  2
              );
              margin-block-start: var(--local);
              padding-block-end: var(--local);
            }
          }
          .input-base--size-xx-small & {
            font-size: var(--input-base--xx-small--font-size);
            height: var(--input-base--xx-small--line-height);
            --local: calc(
              (
                  var(--input-base--xx-small--padding-block-start) +
                    var(--input-base--xxsmall--padding-block-end)
                ) /
                2
            );
            margin-block-start: var(--local);
            padding-block-end: var(--local);
          }
          @media (width < 750px) {
            .input-base--mobile-size-xx-small & {
              font-size: var(--input-base--xx-small--font-size);
              height: var(--input-base--xx-small--line-height);
              --local: calc(
                (
                    var(--input-base--xx-small--padding-block-start) +
                      var(--input-base--xxsmall--padding-block-end)
                  ) /
                  2
              );
              margin-block-start: var(--local);
              padding-block-end: var(--local);
            }
          }
        }
        .input-base:has(.input-base__label) & {
          .input-base--variant-filled &,
          .input-base--variant-glass &,
          .input-base--variant-outlined &,
          .input-base--variant-underlined & {
            .input-base--size-xxx-large & {
              margin-block-start: var(
                --input-base--xxx-large--padding-block-start
              );
              padding-block-end: var(
                --input-base--xxx-large--padding-block-end
              );
            }
            @media (width < 750px) {
              .input-base--mobile-size-xxx-large & {
                margin-block-start: var(
                  --input-base--xxx-large--padding-block-start
                );
                padding-block-end: var(
                  --input-base--xxx-large--padding-block-end
                );
              }
            }
            .input-base--size-xx-large & {
              margin-block-start: var(
                --input-base--xx-large--padding-block-start
              );
              padding-block-end: var(--input-base--xx-large--padding-block-end);
            }
            @media (width < 750px) {
              .input-base--mobile-size-xx-large & {
                margin-block-start: var(
                  --input-base--xx-large--padding-block-start
                );
                padding-block-end: var(
                  --input-base--xx-large--padding-block-end
                );
              }
            }
            .input-base--size-x-large & {
              margin-block-start: var(
                --input-base--x-large--padding-block-start
              );
              padding-block-end: var(--input-base--x-large--padding-block-end);
            }
            @media (width < 750px) {
              .input-base--mobile-size-x-large & {
                margin-block-start: var(
                  --input-base--x-large--padding-block-start
                );
                padding-block-end: var(
                  --input-base--x-large--padding-block-end
                );
              }
            }
            .input-base--size-large & {
              margin-block-start: var(--input-base--large--padding-block-start);
              padding-block-end: var(--input-base--large--padding-block-end);
            }
            @media (width < 750px) {
              .input-base--mobile-size-large & {
                margin-block-start: var(
                  --input-base--large--padding-block-start
                );
                padding-block-end: var(--input-base--large--padding-block-end);
              }
            }
            .input-base--size-medium & {
              margin-block-start: var(
                --input-base--medium--padding-block-start
              );
              padding-block-end: var(--input-base--medium--padding-block-end);
            }
            @media (width < 750px) {
              .input-base--mobile-size-medium & {
                margin-block-start: var(
                  --input-base--medium--padding-block-start
                );
                padding-block-end: var(--input-base--medium--padding-block-end);
              }
            }
            .input-base--size-small & {
              margin-block-start: var(--input-base--small--padding-block-start);
              padding-block-end: var(--input-base--small--padding-block-end);
            }
            @media (width < 750px) {
              .input-base--mobile-size-small & {
                margin-block-start: var(
                  --input-base--small--padding-block-start
                );
                padding-block-end: var(--input-base--small--padding-block-end);
              }
            }
            .input-base--size-x-small & {
              margin-block-start: var(
                --input-base--x-small--padding-block-start
              );
              padding-block-end: var(--input-base--x-small--padding-block-end);
            }
            @media (width < 750px) {
              .input-base--mobile-size-x-small & {
                margin-block-start: var(
                  --input-base--x-small--padding-block-start
                );
                padding-block-end: var(
                  --input-base--x-small--padding-block-end
                );
              }
            }
            .input-base--size-xx-small & {
              margin-block-start: var(
                --input-base--xx-small--padding-block-start
              );
              padding-block-end: var(--input-base--xx-small--padding-block-end);
            }
            @media (width < 750px) {
              .input-base--mobile-size-xx-small & {
                margin-block-start: var(
                  --input-base--xx-small--padding-block-start
                );
                padding-block-end: var(
                  --input-base--xx-small--padding-block-end
                );
              }
            }
          }
          &::-moz-placeholder {
            color: transparent;
          }
          &::placeholder {
            color: transparent;
          }
          .input-base:has(:focus) & {
            &::-moz-placeholder {
              color: var(--gsc-color-input-text-35);
            }
            &::placeholder {
              color: var(--gsc-color-input-text-35);
            }
          }
          .input-base--variant-glass & {
            .input-base:has(:focus) & {
              &::-moz-placeholder {
                color: var(--gsc-color-background-white-50);
              }
              &::placeholder {
                color: var(--gsc-color-background-white-50);
              }
            }
          }
          &[type="textarea"] {
            field-sizing: content;
            height: auto;
            max-height: 160px;
            min-height: 80px;
            resize: none;
          }
        }
        &[type="textarea"] {
          field-sizing: content;
          height: auto;
          max-height: 160px;
          min-height: 80px;
          resize: none;
        }
        &[type="number"] {
          text-align: center;
        }
        &[type="number"]::-webkit-inner-spin-button,
        &[type="number"]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          appearance: none;
          margin: 0;
        }
        &[type="date"],
        &[type="time"] {
          margin-inline-end: auto;
          padding-inline-end: 16px !important;
          width: auto;
          &[type="time"] {
            padding-inline-end: 42px !important;
          }
        }
        &[type="date"]::-webkit-calendar-picker-indicator,
        &[type="time"]::-webkit-calendar-picker-indicator {
          cursor: pointer;
          height: 18px;
          position: absolute;
          right: 0;
          width: 18px;
        }
        &[type="time"]::-webkit-calendar-picker-indicator {
          height: 20px;
          width: 20px;
        }
        &:-webkit-autofill,
        &:-webkit-autofill:active,
        &:-webkit-autofill:focus,
        &:-webkit-autofill:hover {
          -webkit-transition: background 5000s ease-in-out 0s;
          transition: background 5000s ease-in-out 0s;
          -webkit-text-fill-color: var(--gsc-color-input-text);
          caret-color: var(--gsc-color-input-text);
          .input-base--variant-glass & {
            -webkit-text-fill-color: var(--gsc-color-background-white-100);
            caret-color: var(--gsc-color-background-white-100);
          }
        }
      }
      .input-base__prefix,
      .input-base__suffix {
        align-items: center;
        color: var(--gsc-color-input-text-tertiary);
        display: flex;
        flex-direction: row;
        opacity: 0;
        pointer-events: none;
        width: -moz-fit-content;
        width: fit-content;
        &:empty {
          display: none;
        }
        .input-base:has([type="textarea"]) & {
          align-items: start;
          height: var(--gsc-font-size-350);
        }
        .input-base:has(.input-base__label) & {
          .input-base:not(:has(:-moz-placeholder)) & {
            opacity: 1;
          }
          .input-base:has(:focus) &,
          .input-base:not(:has(:placeholder-shown)) & {
            opacity: 1;
          }
        }
        .input-base:not(:has(.input-base__label)) & {
          opacity: 1;
        }
      }
    }
    .input-base__clear {
      align-items: center;
      color: var(--gsc-color-input-text);
      display: flex;
      height: 100%;
      opacity: 0;
      pointer-events: none;
      transition:
        width 0.3s 0.1s,
        opacity 0.1s,
        visibility 0s 0.4s;
      visibility: hidden;
      width: 0;
      .input-base--variant-glass & {
        position: relative;
        z-index: 2000;
      }
      .input-base--has-value & {
        cursor: pointer;
        opacity: 1;
        pointer-events: auto;
        transition:
          width 0.3s,
          opacity 0.3s 0.2s;
        visibility: visible;
        width: 24px;
      }
      > svg {
        opacity: 0.35;
        transition: opacity 0.2s;
        .input-base--size-xxx-large & {
          opacity: 0.2;
        }
        @media (width < 750px) {
          .input-base--mobile-size-xxx-large & {
            opacity: 0.2;
          }
        }
        &:hover {
          opacity: 1;
        }
      }
    }
    .input-base__append-inner,
    .input-base__prepend-inner {
      align-items: center;
      display: flex;
      gap: var(--gsc-space-250);
      position: relative;
      &:empty {
        display: none;
      }
    }
    .input-base__append-inner,
    .input-base__clear,
    .input-base__prepend-inner {
      color: var(--gsc-color-input-text);
      .input-base--variant-glass & {
        color: var(--gsc-color-background-white-100);
        position: relative;
        z-index: 1000;
      }
      .input-base:has(:is(input, textarea):disabled) & {
        pointer-events: none;
      }
      .input-base--size-xxx-large & {
        height: var(--input-base--xxx-large--container-height);
      }
      @media (width < 750px) {
        .input-base--mobile-size-xxx-large & {
          height: var(--input-base--xxx-large--container-height);
        }
      }
      .input-base--size-xx-large & {
        height: var(--input-base--xx-large--container-height);
      }
      @media (width < 750px) {
        .input-base--mobile-size-xx-large & {
          height: var(--input-base--xx-large--container-height);
        }
      }
      .input-base--size-x-large & {
        height: var(--input-base--x-large--container-height);
      }
      @media (width < 750px) {
        .input-base--mobile-size-x-large & {
          height: var(--input-base--x-large--container-height);
        }
      }
      .input-base--size-large & {
        height: var(--input-base--large--container-height);
      }
      @media (width < 750px) {
        .input-base--mobile-size-large & {
          height: var(--input-base--large--container-height);
        }
      }
      .input-base--size-medium & {
        height: var(--input-base--medium--container-height);
      }
      @media (width < 750px) {
        .input-base--mobile-size-medium & {
          height: var(--input-base--medium--container-height);
        }
      }
      .input-base--size-small & {
        height: var(--input-base--small--container-height);
      }
      @media (width < 750px) {
        .input-base--mobile-size-small & {
          height: var(--input-base--small--container-height);
        }
      }
      .input-base--size-x-small & {
        height: var(--input-base--x-small--container-height);
      }
      @media (width < 750px) {
        .input-base--mobile-size-x-small & {
          height: var(--input-base--x-small--container-height);
        }
      }
      .input-base--size-xx-small & {
        height: var(--input-base--xx-small--container-height);
      }
      @media (width < 750px) {
        .input-base--mobile-size-xx-small & {
          height: var(--input-base--xx-small--container-height);
        }
      }
    }
  }
  .input-base__append {
    align-items: center;
    display: flex;
    gap: var(--gsc-space-250);
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
    padding-inline-start: 10px;
    &:empty {
      display: none;
    }
  }
  .input-base__details {
    align-items: end;
    color: var(--gsc-color-critical-primary);
    display: flex;
    font-size: var(--gsc-font-size-300);
    gap: var(--gsc-space-150);
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    height: 0;
    line-height: var(--gsc-font-line-height-3xl);
    opacity: 0;
    overflow: hidden;
    transition:
      height 0.3s,
      opacity 0.15s;
    .input-base__messages {
      display: block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .input-base--invalid & {
      height: 24px;
      opacity: 1;
      transition:
        height 0.3s,
        opacity 0.3s 0.15s;
    }
  }
  .input-base__minus,
  .input-base__plus {
    color: var(--gsc-color-input-text-35);
    transition: opacity 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .input-base__minus {
    .input-base--can-decrement & {
      color: var(--gsc-color-input-text);
      cursor: pointer;
      .input-base:has(:focus) & {
        color: var(--gsc-color-input-text);
        .input-base--variant-glass & {
          color: #fff;
        }
      }
      .input-base--variant-glass & {
        color: #fff;
      }
    }
  }
  .input-base__plus {
    .input-base--can-increment & {
      color: var(--gsc-color-input-text);
      cursor: pointer;
      .input-base:has(:focus) & {
        color: var(--gsc-color-input-text);
        .input-base--variant-glass & {
          color: var(--gsc-color-background-white-100);
        }
      }
      .input-base--variant-glass & {
        color: var(--gsc-color-background-white-100);
      }
    }
  }
  .input-base__eye,
  .input-base__eye-slash {
    color: var(--gsc-color-input-text);
    cursor: pointer;
    .input-base--variant-glass & {
      color: var(--gsc-color-background-white-100);
    }
  }
  .input-base__eye {
    display: none;
    .input-base--show-password & {
      display: block;
    }
  }
  .input-base__eye-slash {
    display: block;
    .input-base--show-password & {
      display: none;
    }
  }
  .input-base__control {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    justify-content: center;
    margin: 0;
    padding: 0;
  }
  .input-base__control:disabled {
    cursor: not-allowed;
  }
  .input-base__control:focus-visible {
    border-radius: 4px;
    outline: 2px solid var(--gsc-color-focus, currentColor);
    outline-offset: 2px;
  }
  .input-base:not(.input-base--can-decrement) .input-base__control--minus {
    cursor: default;
  }
  .input-base:not(.input-base--can-increment) .input-base__control--plus {
    cursor: default;
  }
}
.predictive-search__drawer.drawer--top.drawer--use-header > .drawer__content {
  border-radius: var(--border-radius, 0);
  left: var(--gsc-header-left, 0);
  max-width: none;
  transform: none;
  width: calc(var(--gsc-header-right, 100%) - var(--gsc-header-left, 0px));
}
.predictive-search {
  display: flex;
  flex-direction: column;
  --_side-width: 280px;
  .predictive-search__row {
    display: flex;
    flex-direction: column;
  }
  .predictive-search__view-all {
    color: var(--predictive-search-text-color, var(--gsc-color-heading));
    font-family: var(--gsc-font-body--family);
    font-size: var(--gsc-font-size-350);
    font-style: normal;
    font-weight: var(--gsc-font-weight-medium);
    gap: 0;
    padding-block: var(--gsc-space-300) var(--gsc-space-300);
    text-transform: uppercase;
    &:focus-visible {
      outline: 1px auto var(--gsc-color-outline);
      outline-offset: -2px;
    }
    @media (width < 750px) {
      display: none;
    }
  }
  .predictive-search__title {
    color: var(--predictive-search-text-color, var(--gsc-color-heading));
    font-family: var(--gsc-font-body--family);
    font-size: var(--gsc-font-size-350);
    font-style: normal;
    font-weight: var(--gsc-font-weight-medium);
    line-height: 140%;
    text-transform: uppercase;
    .tabs__tab & {
      color: inherit;
      color: rgb(
        from var(--predictive-search-text-color, var(--gsc-color-heading)) r g
          b/calc(alpha * 0.35)
      );
      padding-block: 0;
      &:focus-visible {
        outline: 1px auto var(--gsc-color-outline);
        outline-offset: -2px;
      }
    }
    .tabs__tab--active & {
      color: var(--predictive-search-text-color, var(--gsc-color-heading));
    }
    .predictive-search__recommended-products & {
      padding-block: var(--gsc-space-300) 0;
    }
    .predictive-search__collections &,
    .predictive-search__products & {
      padding-block: var(--gsc-space-500) var(--gsc-space-400);
    }
  }
  .predictive-search__spacer {
    flex: 1;
  }
  .predictive-search__block-wrapper {
    display: contents;
  }
  .predictive-search__tabs {
    gap: 0;
    .tabs__bar {
      gap: 24px;
      justify-content: start;
    }
    .tabs__tab {
      height: auto;
      padding-block: var(--gsc-space-300) var(--gsc-space-300);
    }
    .predictive-search__tabbar {
      display: flex;
    }
    .predictive-search--design-mode[data-active-type="recommended-products"] & {
      display: none;
    }
    .predictive-search--design-mode & {
      display: flex;
    }
  }
  .predictive-search__container {
    display: flex;
    flex-direction: column;
    gap: var(--gsc-space-400);
    height: 100%;
    position: relative;
    .predictive-search__clear {
      color: var(--gsc-color-heading);
      cursor: pointer;
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-300);
      font-style: normal;
      font-weight: var(--gsc-font-weight-regular);
      line-height: 135%;
      text-transform: uppercase;
    }
    .predictive-search__input {
      position: relative;
      @media (width >= 750px) {
        .input-base__append {
          display: none;
        }
      }
      @media (width < 750px) {
        .input-base__container {
          .input-base__input-container {
            .input-base__input {
              font-family: var(--gsc-font-heading--family);
              font-size: var(--gsc-font-size-500);
              font-style: normal;
              font-weight: var(--gsc-font-weight-regular);
              height: 20px;
              line-height: 100%;
              margin-block-start: 16px;
              padding-block-end: 16px;
            }
          }
        }
      }
    }
    .predictive-search__results {
      align-items: start;
      display: flex;
      flex: 1;
      flex-direction: row;
      gap: var(--gsc-space-800);
      overflow-y: auto;
      position: relative;
      scrollbar-width: none;
      @media (width < 750px) {
        flex-direction: column;
      }
      .predictive-search__empty-message {
        padding-block-start: var(--gsc-space-300);
        @media (width >= 750px) {
          &:has(+ div) {
            min-width: var(--_side-width);
          }
        }
        .predictive-search__empty-message-inner {
          color: var(--predictive-search-text-color, var(--gsc-color-heading));
          font-family: var(--gsc-font-body--family);
          font-size: var(--gsc-font-size-350);
          font-style: normal;
          font-weight: var(--gsc-font-weight-regular);
          line-height: 140%;
          padding-block: var(--gsc-space-100);
        }
        strong {
          font-weight: var(--gsc-font-weight-semibold);
        }
      }
      .predictive-search__recommendations {
        display: flex;
        flex-direction: column;
        gap: var(--gsc-space-400);
        min-width: var(--_side-width);
        padding-block: var(--gsc-space-300) 0;
        .predictive-search__recommendations-list {
          display: flex;
          flex-direction: column;
          .predictive-search__recommendation {
            color: var(
              --predictive-search-text-color,
              var(--gsc-color-heading)
            );
            cursor: pointer;
            font-family: var(--gsc-font-body--family);
            font-size: var(--gsc-font-size-300);
            font-style: normal;
            font-weight: var(--gsc-font-weight-regular);
            line-height: 135%;
            padding: var(--gsc-space-100) 0;
          }
        }
      }
      .predictive-search__suggestions {
        display: flex;
        flex-direction: column;
        gap: var(--gsc-space-400);
        min-width: var(--_side-width);
        padding-block: var(--gsc-space-300) 0;
        .predictive-search__suggestions-list {
          display: flex;
          flex-direction: column;
          .predictive-search__suggestion {
            color: rgb(
              from var(--predictive-search-text-color, var(--gsc-color-heading))
                r g b/calc(alpha * 0.35)
            );
            cursor: pointer;
            font-family: var(--gsc-font-body--family);
            font-size: var(--gsc-font-size-300);
            font-style: normal;
            font-weight: var(--gsc-font-weight-regular);
            line-height: 135%;
            padding: var(--gsc-space-100) 0;
            mark {
              background-color: transparent;
              color: var(
                --predictive-search-text-color,
                var(--gsc-color-heading)
              );
            }
          }
        }
      }
      .predictive-search__recommended-products {
        display: flex;
        flex-direction: column;
        gap: var(--gsc-space-400);
        width: 100%;
        .predictive-search--design-mode & {
          display: none;
        }
        .predictive-search--design-mode[data-active-type="recommended-products"]
          & {
          display: flex;
        }
      }
      .predictive-search__collections-list {
        width: 100%;
        .predictive-search__collection {
          cursor: pointer;
          display: flex;
          flex-direction: column;
          gap: var(--gsc-space-300);
          height: -moz-fit-content;
          height: fit-content;
          position: relative;
          .predictive-search__collection-link {
            inset: 0;
            position: absolute;
          }
          .predictive-search__collection-title {
            color: var(
              --predictive-search-text-color,
              var(--gsc-color-heading)
            );
            font-family: var(--gsc-font-body--family);
            font-size: var(--gsc-font-size-300);
            font-style: normal;
            font-weight: var(--gsc-font-weight-medium);
            letter-spacing: var(--gsc-font-letter-spacing-normal);
            line-height: 135%;
            padding: 0 var(--gsc-space-100) var(--gsc-space-300)
              var(--gsc-space-200);
            text-overflow: ellipsis;
            text-transform: var(--collection-title-case);
            sup {
              color: #939393;
              font-size: var(--gsc-font-size-250);
              margin-inline-start: 2px;
            }
          }
        }
      }
      .predictive-search__articles-list,
      .predictive-search__products-list {
        width: 100%;
        .predictive-search__product {
          cursor: pointer;
          display: flex;
          flex-direction: column;
          gap: var(--gsc-space-300);
          height: -moz-fit-content;
          height: fit-content;
          position: relative;
          .predictive-search__product-link {
            inset: 0;
            position: absolute;
          }
          .predictive-search__product-details {
            display: flex;
            flex-direction: column;
            gap: 6px;
            padding: 0 var(--gsc-space-100) var(--gsc-space-300)
              var(--gsc-space-200);
            .predictive-search__product-header {
              display: flex;
              gap: 6px;
              justify-content: space-between;
              .predictive-search__product-title {
                color: var(
                  --predictive-search-text-color,
                  var(--gsc-color-heading)
                );
                font-family: var(--gsc-font-body--family);
                font-size: var(--gsc-font-size-300);
                font-style: normal;
                font-weight: var(--gsc-font-weight-medium);
                letter-spacing: var(--gsc-font-letter-spacing-normal);
                line-height: 135%;
                text-overflow: ellipsis;
                text-transform: var(--product-title-case);
              }
              .predictive-search__product-rating {
                color: var(
                  --predictive-search-text-color,
                  var(--gsc-color-heading)
                );
                font-family: var(--gsc-font-body--family);
                font-size: var(--gsc-font-size-300);
                font-style: normal;
                font-weight: var(--gsc-font-weight-regular);
                letter-spacing: var(--gsc-font-letter-spacing-normal);
                line-height: 135%;
              }
            }
            .predictive-search__product-price {
              color: var(
                --predictive-search-text-color,
                var(--gsc-color-heading)
              );
              font-family: var(--gsc-font-body--family);
              font-size: var(--gsc-font-size-300);
              font-style: normal;
              font-weight: var(--gsc-font-weight-semibold);
              line-height: 135%;
            }
          }
        }
      }
      .predictive-search__pages-list {
        .predictive-search__page {
          padding-block: var(--gsc-space-200);
          .predictive-search__page-button {
            color: var(
              --predictive-search-text-color,
              var(--gsc-color-heading)
            );
            font-family: var(--gsc-font-body--family);
            font-size: var(--gsc-font-size-300);
            font-style: normal;
            font-weight: var(--gsc-font-weight-regular);
            line-height: 135%;
          }
        }
      }
    }
  }
}
.accordion {
  display: grid;
  max-width: var(--max-width, 100%);
  position: relative;
  width: 100%;
}
.accordion
  > :is(.accordion-item, .accordion-category)
  + :is(.accordion-item, .accordion-category) {
  margin-block-start: 28px;
}
.accordion > .accordion-item + .accordion-item {
  @media (width >= 750px) {
    margin-block-start: var(--accordion-item-gap-desktop);
  }
  @media (width < 750px) {
    margin-block-start: var(--accordion-item-gap-mobile);
  }
}
.accordion-item {
  background-color: var(--accordion-item-background);
  display: block;
  position: relative;
}
.accordion-item--style2 .accordion-item,
.accordion-item--style2.accordion-item {
  background-color: var(--accordion-item-background);
  border-radius: var(--accordion-item-corner-radius, 0);
  padding-inline: var(--accordion-item-padding-inline, 0);
}
.accordion-item--size-small {
  --accordion-item-padding-block: var(--gsc-space-250);
  --accordion-item-padding-inline: var(--gsc-space-400) var(--gsc-space-250);
}
.accordion-item--size-medium {
  --accordion-item-padding-block: var(--gsc-space-300);
  --accordion-item-padding-inline: var(--gsc-space-400) var(--gsc-space-300);
}
.accordion-item--size-large {
  --accordion-item-padding-block: var(--gsc-space-400);
  --accordion-item-padding-inline: var(--gsc-space-600) var(--gsc-space-400);
}
.accordion-item--with-divider .accordion-item,
.accordion-item--with-divider.accordion-item {
  border-bottom: 1px solid var(--accordion-item-divider-color);
  &:last-child {
    border-bottom: none;
  }
}
.accordion-item__button {
  align-items: center;
  color: inherit;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding-block: var(--accordion-item-padding-block);
  position: relative;
  width: 100%;
  z-index: 1;
}
.accordion-item__button {
  color: var(--color, var(--gsc-color-heading));
  font-family: var(--font-family);
  font-size: calc(var(--font-size) * var(--font-scale-factor, 1));
  font-style: var(--font-style);
  font-weight: var(--font-weight);
  letter-spacing: var(--letter-spacing);
  line-height: calc(var(--line-height) * var(--font-scale-factor, 1));
  opacity: var(--text-opacity, 1);
  text-align: left;
  text-transform: var(--text-transform);
}
.accordion-item__button-title {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 0;
}
.accordion-item--size-small .accordion-item__button-title {
  gap: 6px;
}
.accordion-item__button-title-text {
  min-width: 0;
  overflow-wrap: break-word;
}
.accordion--title-truncated .accordion-item__button-title {
  flex: 1;
}
.accordion--title-truncated .accordion-item__button-title-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--accordion-item-title-max-lines);
  line-clamp: var(--accordion-item-title-max-lines);
  overflow: hidden;
  text-overflow: ellipsis;
}
.accordion-item__button-icon-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: auto;
  padding: 4px;
}
.accordion-item--size-small .accordion-item__button-icon-svg {
  height: 20px;
  width: 20px;
}
.accordion-item__button-icon-svg {
  transition: transform 0.2s ease;
  will-change: transform;
}
.accordion-item__icon-caret .icon-plus,
.accordion-item__icon-plus .icon-caret {
  display: none;
}
.accordion-item__icon-with-bg .accordion-item__button-icon-wrapper {
  background: hsla(0, 0%, 79%, 0.25);
  border-radius: 100%;
}
.accordion-item[data-opened] .icon-caret {
  transform: rotate(180deg);
}
.accordion-item[data-opened] .icon-plus {
  transform: rotate(-45deg);
}
.accordion-item__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.2s cubic-bezier(0, 0, 0.5, 1),
    opacity 0.2s;
}
.accordion-item[data-opened] > .accordion-item__content {
  opacity: 1;
}
.accordion-item__content-inner {
  padding-bottom: var(--accordion-item-padding-block);
}
.accordion-category {
  color: var(--color, var(--gsc-color-heading));
  display: flex;
  flex-direction: column;
  width: 100%;
}
.accordion-category--x-small {
  gap: 0.8rem;
  --accordion-category-padding-block: var(--gsc-space-400);
  --accordion-category-padding-inline: var(--gsc-space-400);
}
.accordion-category--small {
  gap: 0.8rem;
  --accordion-category-padding-block: var(--gsc-space-500);
  --accordion-category-padding-inline: var(--gsc-space-500);
}
.accordion-category--medium {
  gap: 1.2rem;
  --accordion-category-padding-block: var(--gsc-space-600);
  --accordion-category-padding-inline: var(--gsc-space-600);
}
.accordion-category--large {
  gap: 1.6rem;
  --accordion-category-padding-block: var(--gsc-space-800);
  --accordion-category-padding-inline: var(--gsc-space-800);
}
.accordion-category--x-large {
  gap: 1.6rem;
  --accordion-category-padding-block: var(--gsc-space-1100);
  --accordion-category-padding-inline: var(--gsc-space-1100);
}
.accordion-category > .accordion-category__items > .accordion-item {
  background-color: var(
    --accordion-item-background,
    var(--gsc-color-background)
  );
  border-bottom: none;
}
.accordion-category--with-divider
  > .accordion-category__items
  > .accordion-item,
.accordion-item--with-divider
  .accordion-category
  > .accordion-category__items
  > .accordion-item {
  border-bottom: 1px solid var(--accordion-item-divider-color);
}
.accordion-category--plain > .accordion-category__items > .accordion-item {
  border-radius: 0;
  padding-inline: 0;
}
.accordion-item--style2
  .accordion-category--plain
  > .accordion-category__items
  > .accordion-item {
  background-color: var(--accordion-item-background, var(--gsc-color-surface));
  border-radius: var(--accordion-item-corner-radius, 0);
  padding-inline: var(--accordion-item-padding-inline, 0);
}
.accordion-category--solid {
  background: var(--accordion-category-background, var(--gsc-color-surface));
  padding-block: var(--accordion-category-padding-block, 0);
  padding-inline: var(--accordion-category-padding-inline, 0);
}
.accordion-category--solid > .accordion-category__items > .accordion-item {
  border-radius: 0;
  padding-inline: 0;
}
.accordion-item--style1
  .accordion-category--solid
  > .accordion-category__items
  > .accordion-item {
  background-color: var(--accordion-item-background, var(--gsc-color-surface));
}
.accordion-item--style2
  .accordion-category--solid
  > .accordion-category__items
  > .accordion-item {
  border-radius: var(--accordion-item-corner-radius, 0);
  padding-inline: var(--accordion-item-padding-inline, 0);
}
.accordion-category--plain
  > .accordion-category__items
  > .accordion-item:last-child {
  border-bottom: none;
}
.accordion-category--with-divider
  > .accordion-category__items
  > .accordion-item:last-child,
.accordion-item--with-divider
  .accordion-category
  > .accordion-category__items
  > .accordion-item:last-child {
  border-bottom: none;
}
.accordion-category__header {
  align-items: center;
  display: flex;
  gap: 0.8rem;
  min-width: 0;
}
.accordion-category__icon {
  align-items: center;
  color: var(--accordion-category-icon-color);
  display: inline-flex;
  flex: 0 0 auto;
  height: var(--accordion-category-icon-size);
  justify-content: center;
  opacity: var(--accordion-category-icon-opacity, 1);
  width: var(--accordion-category-icon-size);
}
.accordion-category__icon-image,
.accordion-category__icon-svg {
  display: block;
  height: var(--accordion-category-icon-size);
  width: var(--accordion-category-icon-size);
}
.accordion-category__icon-image {
  -o-object-fit: contain;
  object-fit: contain;
}
.accordion-category__title {
  min-width: 0;
}
.accordion-category__items {
  display: flex;
  flex-direction: column;
  @media (width >= 750px) {
    gap: var(--accordion-item-gap-desktop);
  }
  @media (width < 750px) {
    gap: var(--accordion-item-gap-mobile);
  }
}
.toggle {
  cursor: pointer;
  position: relative;
  .toggle__from {
    align-items: center;
    display: flex;
    .toggle--animation-none & {
      display: flex;
      .toggle--active & {
        display: none;
      }
    }
    .toggle--animation-fade & {
      inset: 0;
      opacity: 1;
      position: relative;
      transition: opacity 0.2s 0.1s;
      z-index: 2;
      .toggle--active & {
        opacity: 0;
        transition: opacity 0.2s;
        z-index: 1;
      }
    }
    .toggle--animation-rotate & {
      inset: 0;
      opacity: 1;
      position: relative;
      transform: rotate(0deg);
      transition:
        transform 0.3s,
        opacity 0.2s 0.1s;
      z-index: 2;
      .toggle--active & {
        opacity: 0;
        transform: rotate(180deg);
        transition:
          transform 0.3s,
          opacity 0.3s;
        z-index: 1;
      }
    }
  }
  .toggle__to {
    align-items: center;
    .toggle--animation-none & {
      display: none;
      .toggle--active & {
        display: flex;
      }
    }
    .toggle--animation-fade & {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transition: opacity 0.2s;
      z-index: 1;
      .toggle--active & {
        opacity: 1;
        transition: opacity 0.2s 0.1s;
        z-index: 2;
      }
    }
    .toggle--animation-rotate & {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transform: rotate(-90deg);
      transition:
        transform 0.3s,
        opacity 0.3s;
      z-index: 1;
      .toggle--active & {
        opacity: 1;
        transform: rotate(0deg);
        transition:
          transform 0.3s,
          opacity 0.2s 0.1s;
        z-index: 2;
      }
    }
  }
}
.search-header {
  background-color: var(--gsc-color-background);
  .search-header__dropdown,
  .search-header__empty-message,
  .search-header__tabs {
    position: relative;
    z-index: 1;
  }
  .search-header__title {
    color: var(--gsc-color-heading);
    font-family: var(--gsc-font-body--family);
    font-size: var(--gsc-font-size-350);
    font-style: normal;
    font-weight: var(--gsc-font-weight-medium);
    line-height: 140%;
    padding: var(--gsc-space-150) 0;
    text-transform: uppercase;
  }
}
.search-header__dropdown-content {
  padding: 0;
  padding-inline-end: var(--dropdown-content-padding-inline-end);
  padding-inline-start: var(--dropdown-content-padding-inline-start);
  @media (width < 750px) {
    padding-inline-end: var(--dropdown-content-padding-inline-end-mobile);
    padding-inline-start: var(--dropdown-content-padding-inline-start-mobile);
  }
}
.search-header__recommendations {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-400);
  padding-block: var(--gsc-space-200) var(--gsc-space-700);
  width: -moz-fit-content;
  width: fit-content;
  .search-header__recommendations-list {
    display: flex;
    flex-direction: column;
    .search-header__recommendation {
      color: var(--gsc-color-heading);
      cursor: pointer;
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-300);
      font-style: normal;
      font-weight: var(--gsc-font-weight-regular);
      line-height: 135%;
      padding: var(--gsc-space-100) 0;
      text-align: left;
    }
  }
}
.search-header__suggestions {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-400);
  padding-block: var(--gsc-space-200) var(--gsc-space-700);
  width: -moz-fit-content;
  width: fit-content;
  .search-header__suggestions-list {
    display: flex;
    flex-direction: column;
    .search-header__suggestion {
      color: var(--gsc-color-heading-tertiary);
      cursor: pointer;
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-300);
      font-style: normal;
      font-weight: var(--gsc-font-weight-regular);
      line-height: 135%;
      padding: var(--gsc-space-100) 0;
      text-align: left;
      mark {
        background-color: transparent;
        color: var(--gsc-color-heading);
      }
    }
  }
}
.search-header__tabs {
  display: flex;
  gap: 24px;
  justify-content: center;
  padding-block: var(--gsc-space-500) var(--gsc-space-800);
  transition: opacity 0.2s ease;
  &.unvisible {
    opacity: 0;
  }
  .search-header__tab {
    color: var(--search-header-text-color);
    font-family: var(--gsc-font-body--family);
    font-size: var(--gsc-font-size-350);
    font-style: normal;
    font-weight: var(--gsc-font-weight-medium);
    line-height: 140%;
    opacity: 0.65;
    text-transform: uppercase;
    &.search-header__tab--active {
      opacity: 1;
    }
  }
}
.search-header__empty-message {
  padding-block: var(--gsc-space-500) var(--gsc-space-800);
  padding-inline-end: 20px;
  padding-inline-start: 20px;
  @media (width < 750px) {
    padding-inline-end: 20px;
    padding-inline-start: 20px;
  }
  .search-header__empty-message-inner {
    color: var(--gsc-color-heading);
    font-family: var(--gsc-font-body--family);
    font-size: var(--gsc-font-size-350);
    font-style: normal;
    font-weight: var(--gsc-font-weight-regular);
    line-height: 140%;
    padding-block: var(--gsc-space-100);
  }
}
.search-section {
  position: relative;
  width: 100%;
  .collection-section {
    background-color: transparent;
  }
  .search-section__pages-list {
    padding-block: var(--gsc-space-200) var(--gsc-space-1000);
    padding-inline: var(--gsc-space-1000);
    @media (width < 750px) {
      padding-inline-end: var(--header-padding-inline-end-mobile);
      padding-inline-start: var(--header-padding-inline-start-mobile);
    }
    .search-section__page {
      padding-block: var(--gsc-space-200);
      .search-section__page-button {
        color: var(--gsc-color-heading);
        font-family: var(--fgsc-ont-body--family);
        font-size: var(--gsc-font-size-300);
        font-style: normal;
        font-weight: var(--gsc-font-weight-regular);
        line-height: 135%;
      }
    }
  }
  .search-section__blogs-list {
    padding-block: 0 var(--gsc-space-1000);
  }
  .search-section__empty {
    position: relative;
  }
}
.footer__content {
  display: grid;
  gap: var(--footer-mobile-gap);
  grid-template-columns: 1fr;
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .footer__content {
    -moz-column-gap: var(--footer-column-gap);
    column-gap: var(--footer-column-gap);
    grid-auto-flow: row;
    grid-template-columns: repeat(min(var(--grid-columns), 3), 1fr);
    row-gap: var(--footer-row-gap);
  }
  .footer__content--isolated-grid-item-tablet > :last-child {
    grid-column: 1/-1;
  }
}
@media screen and (min-width: 990px) {
  .footer__content {
    -moz-column-gap: var(--footer-column-gap);
    column-gap: var(--footer-column-gap);
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    row-gap: var(--footer-row-gap);
  }
  .footer__content--isolated-grid-item-desktop > :last-child {
    grid-column: 1/-1;
  }
}
.footer-logo__image {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
  width: var(--gsc-footer-logo-width-mobile);
}
@media (width >= 750px) {
  .footer-logo__image {
    width: var(--gsc-footer-logo-width-desktop);
  }
}
.footer-menu {
  width: 100%;
}
.footer-menu__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.footer-menu:has(.accordion-item) .footer-menu__wrapper--desktop {
  display: none;
}
.footer-menu__links {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: var(--gsc-footer-menu-links-gap);
}
.footer-menu .accordion-item__button,
.footer-menu .accordion-item__content .footer-menu__links {
  padding-block: 12px;
}
.footer-menu__wrapper--mobile {
  border-bottom: var(--gsc-footer-menu-accordion-border-width) solid
    var(--gsc-color-border);
}
.footer-menu__icon-caret,
.footer-menu__icon-plus {
  min-height: 24px;
  min-width: 24px;
  transition: 0.2s ease;
  will-change: transform;
}
.footer-menu__icon-caret,
.footer-menu__icon-plus {
  transform: rotate(90deg);
}
.accordion-item[data-opened] .footer-menu__icon-caret {
  transform: rotate(-90deg);
}
.accordion-item[data-opened] .footer-menu__icon-plus {
  transform: rotate(-45deg);
}
@media (width >= 750px) {
  .footer-menu__wrapper--mobile {
    display: none;
  }
  .footer-menu:has(.accordion-item) .footer-menu__wrapper--desktop {
    display: flex;
  }
}
.social-icons {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.social-icons__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.social-icons__icon-wrapper {
  display: block;
  height: 24px;
  width: 24px;
}
.footer-policies {
  align-items: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.footer-utilities {
  background: var(--gsc-color-background);
  border-top: var(--gsc-footer-utilities-border-width) solid
    var(--gsc-color-border);
  width: 100%;
}
.footer-utilities__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--gsc-footer-utilities-gap);
  text-wrap: nowrap;
  width: 100%;
}
.footer-utilities .localizations {
  --gsc-localizations-gap: 16px;
}
.footer-utilities .dropdown__content {
  --gsc-color-dropdown-content: var(--gsc-color-background);
  color: var(--gsc-color-heading);
}
.footer-utilities--with-background .dropdown__content {
  --gsc-color-dropdown-content: var(--background-color);
  color: var(--gsc-color-text);
}
.footer-utilities:has(:first-child) :last-child .localization__list {
  justify-self: flex-start;
}
.footer-utilities .localization__trigger {
  padding: 8px 0;
}
@media (width >= 750px) {
  .footer-utilities__content {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    text-align: left;
  }
  .footer-utilities__content.footer-utilities--2-blocks {
    grid-template-columns: 1fr 1fr;
  }
  .footer-utilities__content.footer-utilities--2-blocks :last-child {
    justify-self: end;
  }
  .footer-utilities__content.footer-utilities--3-blocks {
    grid-template-columns: auto 1fr auto;
  }
  .footer-utilities__content.footer-utilities--4-blocks {
    grid-template-columns: auto 1fr auto auto;
  }
  .footer-utilities__content.footer-utilities--3-blocks:has(:first-child)
    :nth-child(2),
  .footer-utilities__content.footer-utilities--4-blocks:has(:first-child)
    :nth-child(2) {
    justify-self: center;
  }
}
.blog-posts-section {
  min-width: 0;
}
.blog-posts-page {
  --resource-list--gap: 32px;
}
.blog-posts-page__header {
  width: 100%;
}
.blog-posts__tags {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  flex-wrap: wrap;
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  row-gap: 6px;
  text-transform: uppercase;
}
.blog-posts-page__tag {
  align-items: center;
  color: var(--gsc-color-heading-secondary);
  display: inline-flex;
}
.blog-posts-page__tag a {
  align-items: center;
  display: inline-flex;
  padding: 4px 0;
}
.blog-posts-page__tag.selected {
  color: var(--gsc-color-heading);
}
.blog-posts__tag.selected .button__label::before {
  transform: translateX(0);
}
.blog-posts-page__tags-separator {
  align-items: center;
  display: inline-flex;
  font-size: inherit;
  opacity: 0.5;
}
@media (width >= 750px) {
  .blog-posts-page {
    --resource-list--gap: 40px;
  }
  .blog-posts-page__card:has(.article-card--row) {
    --grid-columns: 2;
  }
  .blog-posts__tags {
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px;
  }
  .blog-posts-page__tag:hover {
    opacity: 1;
  }
}
.article-card {
  flex-direction: column;
  gap: 0;
  position: relative;
  --horizontal-alignment: left;
  --horizontal-alignment-mobile: left;
}
.article-card--align-center,
.article-card--align-center .text {
  text-align: center;
  --horizontal-alignment: center;
  --horizontal-alignment-mobile: center;
  --article-card-details-justify: center;
}
.article-card--align-right,
.article-card--align-right .text {
  text-align: right;
  --horizontal-alignment: right;
  --horizontal-alignment-mobile: right;
  --article-card-details-justify: flex-end;
}
.article-card__background-media,
.article-card__background-overlay,
.article-card__url {
  inset: 0;
  position: absolute;
  &:focus-visible {
    outline: 1px auto var(--gsc-color-outline);
    outline-offset: -1px;
  }
}
.article-card__background-overlay {
  background-color: rgb(
    from var(--gsc-color-background) r g
      b/calc(alpha * var(--article-card-overlay-opacity) / 100)
  );
}
.article-card__content {
  --border-radius: 0px;
  --overflow: visible;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  pointer-events: none;
  z-index: 1;
}
.article-card__content {
  padding: 16px 8px 16px 0;
}
.article-card--with-background .article-card__content,
.article-card--with-border .article-card__content {
  padding-inline: var(--gsc-article-card-content-padding-left-mobile, 24px)
    var(--gsc-article-card-content-padding-right-mobile, 24px);
}
.article-card--column,
.article-card-wrapper:has(.article-card--column) {
  height: 100%;
}
.article-card__details {
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--article-card-details-justify, flex-start);
  row-gap: 6px;
}
.article-card__details-inner {
  align-items: inherit;
  -moz-column-gap: inherit;
  column-gap: inherit;
  display: flex;
  flex-wrap: inherit;
  justify-content: inherit;
  row-gap: inherit;
}
.article-card__tag {
  overflow: hidden;
  pointer-events: all;
  &:focus-visible {
    outline: 1px auto var(--gsc-color-outline);
    outline-offset: -1px;
  }
}
.blog-posts-page__featurd-card {
  min-width: 100%;
}
.article-card--featured {
  height: 600px;
  --gsc-color-background: #000;
}
.article-card--featured .article-card__content {
  gap: 12px;
  inset: 0;
  justify-content: flex-end;
  padding: 20px;
  position: absolute;
}
.article-card--featured .article-card__details,
.article-card--featured .article-card__excerpt .text__inner {
  opacity: 0.85;
  --color: #fff;
  color: #fff;
}
.article-card--featured .article-card__background-image {
  height: 100%;
  width: 100%;
}
.article-card--featured .article-card__details .text__inner > * {
  --color: #fff;
  color: #fff;
}
.article-card--featured .article-card__title .text__inner > * {
  --color: #fff;
  color: #fff;
  font-family: var(--gsc-font-heading-4--family);
  font-size: calc(var(--gsc-font-heading-4--size));
  font-style: var(--gsc-font-heading-4--style);
  font-weight: var(--gsc-font-heading-4--weight);
  letter-spacing: var(--gsc-font-heading-4--letter-spacing);
  line-height: calc(var(--gsc-font-heading-4--line-height));
  text-transform:
    var(--case-override), var(--gsc-font-heading-4--text-transform);
}
.blog-post-banner--column .article-card__title .text__inner {
  text-align: center;
}
.article-card__excerpt {
  --font-style: normal;
  --font-weight: var(--gsc-font-weight-regular);
  --font-size: var(--gsc-font-size-350);
  --line-height: 140%;
  --color: var(--gsc-color-text);
}
.article-card__details {
  --font-style: normal;
  --font-weight: var(--gsc-font-weight-regular);
  --font-size: var(--gsc-font-size-300);
  --line-height: 135%;
  color: var(--color, var(--gsc-color-heading));
  text-transform: var(--case-override);
}
@media (width >= 750px) {
  .article-card:hover .article-card__image-wrapper img {
    transform: scale(1.1);
  }
  .article-card-wrapper {
    container-name: article-card-wrapper;
    container-type: inline-size;
  }
  .article-card--row {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(100px, 240px) minmax(200px, 1fr);
    [class*="-stepped"] & {
      grid-template-columns: unset;
    }
  }
  .article-card__content {
    padding-block: 24px;
    padding-inline: 0 8px;
  }
  .article-card--row .article-card__content {
    padding-block: 0;
  }
  .article-card--column.article-card--with-background .article-card__content,
  .article-card--column.article-card--with-border .article-card__content {
    padding-inline: var(--gsc-article-card-content-padding-left-desktop, 24px)
      var(--gsc-article-card-content-padding-right-desktop, 24px);
  }
  .article-card--row.article-card--with-background .article-card__content,
  .article-card--row.article-card--with-border .article-card__content {
    padding-block: var(--gsc-article-card-content-padding-top-desktop, 24px)
      var(--gsc-article-card-content-padding-bottom-desktop, 24px);
    padding-right: var(--gsc-article-card-content-padding-left-desktop, 24px);
  }
  @container article-card-wrapper (width < 365px) {
    .article-card--row {
      gap: 0;
      grid-template-columns: unset;
    }
    .article-card--row .article-card__content {
      padding: 16px 8px 8px 0;
    }
    .article-card--row.article-card--with-background .article-card__content,
    .article-card--row.article-card--with-border .article-card__content {
      padding-inline: var(--gsc-article-card-content-padding-left-mobile, 24px)
        var(--gsc-article-card-content-padding-right-mobile, 24px);
    }
  }
  .article-card--featured {
    height: 480px;
  }
  .article-card--featured .article-card__content {
    padding: 40px;
  }
}
.blog-post-banner {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.blog-post-banner__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  --article-card-details-justify: center;
  border-top-left-radius: var(--gsc-blog-post-banner-border-radius);
  border-top-right-radius: var(--gsc-blog-post-banner-border-radius);
  padding-bottom: 64px;
  padding-top: var(--padding-top-mobile, 0);
  padding-inline: var(--padding-left-mobile, 0) var(--padding-right-mobile, 0);
}
.blog-post-banner__image {
  margin-bottom: var(--padding-bottom-mobile, 0);
  padding-inline: var(--padding-left-mobile, 0) var(--padding-right-mobile, 0);
  position: relative;
}
.blog-post-banner__image-background {
  border-bottom-left-radius: var(--gsc-blog-post-banner-border-radius);
  border-bottom-right-radius: var(--gsc-blog-post-banner-border-radius);
  position: absolute;
  top: 0;
  inset: 0 0 50% 0;
  z-index: -1;
}
@media (width >= 750px) {
  .blog-post-banner__content {
    padding-top: var(--padding-top-desktop, 0);
    padding-inline: var(--padding-left-desktop, 0)
      var(--padding-right-desktop, 0);
  }
  .blog-post-banner__image {
    display: flex;
    justify-content: center;
    margin-bottom: var(--padding-top-desktop, 0);
    padding-inline: var(--padding-left-desktop, 0)
      var(--padding-right-desktop, 0);
  }
  .article-card__details,
  .article-card__title,
  .blog-post-banner__image .image {
    max-width: 1024px;
  }
}
.blog-post {
  background-color: var(--gsc-color-background);
  border-radius: var(--gsc-blog-post-border-radius);
  width: 100%;
}
.blog-post__content {
  display: grid;
  margin-inline: auto;
  --color: var(--gsc-color-heading);
}
@media (width >= 750px) {
  .blog-post__content {
    width: 100%;
  }
  .blog-post__content.rte blockquote,
  .blog-post__content.rte div:not(:has(img)),
  .blog-post__content.rte h1,
  .blog-post__content.rte h2,
  .blog-post__content.rte h3,
  .blog-post__content.rte h4,
  .blog-post__content.rte h5,
  .blog-post__content.rte h6,
  .blog-post__content.rte ol,
  .blog-post__content.rte p:not(:has(img)),
  .blog-post__content.rte table,
  .blog-post__content.rte ul {
    color: var(--color);
    margin-inline: auto;
    max-width: var(--gsc-blog-post-content-width);
    width: 100%;
  }
}
.infinite-scroll-handler {
  display: flex;
  justify-content: center;
  padding-top: 24px;
}
.infinite-scroll-handler .spinner {
  animation-play-state: paused;
  visibility: hidden;
}
.infinite-scroll-handler.loading .spinner {
  animation-play-state: running;
  visibility: visible;
}
.scrolling-text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: -moz-fit-content;
  min-height: fit-content;
  overflow: hidden;
  position: relative;
  width: 100%;
  --overflow: hidden;
}
.scrolling-text__link {
  inset: 0;
  position: absolute;
  z-index: 1;
}
.scrolling-text:has(> .scrolling-text__link) {
  cursor: pointer;
}
.scrolling-text.border-style {
  --overflow: hidden !important;
}
.scrolling-text__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  min-height: var(--gsc-scrolling-text-height, 0);
  overflow: hidden;
  pointer-events: none;
  position: relative;
  transition: min-height 0.2s;
  will-change: min-height;
  z-index: 2;
  --gsc-scrolling-text-base-gap: var(
    --gsc-scrolling-text-gap-mobile,
    var(--gsc-scrolling-text-gap)
  );
}
.scrolling-text__marquee {
  display: flex;
  gap: var(--gsc-scrolling-text-base-gap);
  opacity: 0;
  transform: translateY(var(--gsc-scrolling-text-translate-y, 0))
    rotate(var(--gsc-scrolling-text-rotation));
  transform-origin: left center;
  transition: opacity 0.2s;
  will-change: opacity, transform;
  z-index: 0;
}
.scrolling-text__marquee.visible {
  opacity: 1;
}
.scrolling-text__marquee-block {
  align-items: center;
  display: grid;
  gap: var(--gsc-scrolling-text-base-gap);
  grid-auto-flow: column;
  min-width: -moz-max-content;
  min-width: max-content;
  overflow: hidden;
  white-space: nowrap;
  will-change: transform;
}
.scrolling-text__marquee-block * {
  pointer-events: none;
}
.scrolling-text__marquee-block
  :is(a, button, input, select, textarea, [role="button"], [role="link"]),
.scrolling-text__marquee-block
  :is(a, button, input, select, textarea, [role="button"], [role="link"])
  * {
  pointer-events: auto;
}
@media (prefers-reduced-motion: no-preference) {
  .scrolling-text__marquee[animating] .scrolling-text__marquee-block {
    animation: gsс-scrolling-text var(--gsc-scrolling-text-speed) linear
      infinite var(--gsc-scrolling-text-direction);
  }
}
.scrolling-text__image {
  aspect-ratio: var(--scrolling-text-image-ratio);
  border: var(--scrolling-text-image-border-width) solid
    rgb(
      from var(--gsc-color-border) r g
        b/calc(alpha * var(--scrolling-text-image-border-opacity) / 100)
    );
  height: -moz-fit-content;
  height: fit-content;
  min-width: var(--scrolling-text-image-width-mobile);
  width: var(--scrolling-text-image-width-mobile);
}
@media (width >= 750px) {
  .scrolling-text__marquee {
    --gsc-scrolling-text-base-gap: var(--gsc-scrolling-text-gap);
  }
  .scrolling-text__marquee-block {
    --gsc-scrolling-text-base-gap: var(--gsc-scrolling-text-gap);
  }
  .scrolling-text__marquee--pause-on-hover[animating]:hover
    .scrolling-text__marquee-block,
  .scrolling-text__marquee[animating-paused] .scrolling-text__marquee-block {
    animation-play-state: paused;
  }
  .scrolling-text__image {
    min-width: var(--scrolling-text-image-width-desktop);
    width: var(--scrolling-text-image-width-desktop);
  }
}
@keyframes gsс-scrolling-text {
  to {
    transform: translate3d(
      calc(-100% - var(--gsc-scrolling-text-base-gap)),
      0,
      0
    );
  }
}
.scrolling-text-group .group__content {
  display: grid;
  grid-template-columns: repeat(var(--scrolling-text-group-columns), auto);
}
.rich-text {
  position: relative;
}
.rich-text__content {
  height: 100%;
  position: relative;
}
.rich-text_button-wrapper {
  width: var(--rich-text-button-width-mobile);
}
@media (width >= 750px) {
  .rich-text_button-wrapper {
    width: var(--rich-text-button-width-desktop);
  }
}
.product-media-container {
  --video-player-background: var(--gsc-product-media-background);
  cursor: pointer;
  display: block;
  position: relative;
  .product-media-container__gallery .image,
  .product-media-container__variants-gallery .image {
    background: var(--gsc-product-media-background);
  }
  &:focus-visible {
    outline: none;
  }
  .product-media-container__skeleton {
    background-color: #eee;
    height: 100%;
    width: 100%;
  }
  .product-media-container__inner {
    border-radius: var(--product-card-media-corner-radius, 0);
    overflow: hidden;
    position: relative;
    .product-media-container__gallery {
      transition: opacity 0.3s 0.1s;
      @media (width >= 750px) {
        .product-card:has(.swatches:hover) & {
          opacity: 0;
        }
      }
      .product-media__item {
        &.product-media__item--hidden-on-desktop {
          @media (width >= 750px) {
            visibility: hidden;
          }
        }
        &.product-media__item--hidden-on-mobile {
          @media (width < 750px) {
            display: none;
          }
        }
        > :first-child {
          transition: transform 0.3s;
          .product-card:hover .product-media-container--zoom-on-hover & {
            @media ((width >= 750px) and (hover: hover)) {
              transform: scale(1.1);
            }
          }
        }
      }
    }
    .product-media-container__variants-gallery {
      bottom: 0;
      display: none;
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      transition:
        opacity 0.3s 0.1s,
        display allow-discrete 0.3s 0.1s;
      will-change: opacity;
      @media (width >= 750px) {
        .product-card:has(.swatches:hover) &,
        .product-card:has(.swatches__swatch:focus-visible) & {
          display: block;
          opacity: 1;
          @starting-style {
            opacity: 0;
          }
        }
      }
    }
    .product-media-container__polygons {
      height: 100%;
      left: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      .smart-list--carousel,
      .smart-list--carousel-mobile & {
        pointer-events: auto;
      }
      .product-media-container__content {
        height: 100%;
        position: relative;
        width: 100%;
        .product-media-container:focus-visible & {
          outline: 1px auto var(--gsc-color-outline);
          outline-offset: -1px;
        }
      }
      .product-media-container--use-polygons & {
        @media (width >= 750px) {
          pointer-events: auto;
        }
      }
    }
  }
  .product-media-container__dots {
    display: none;
    justify-content: center;
    @media (width < 750px) {
      .product-media-container--show-dots-mobile & {
        display: flex;
        .product-media-container--dots-inside & {
          bottom: 2px;
          position: absolute;
        }
      }
    }
  }
  .product-media-container__link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.product-card {
  container-name: product-card;
  container-type: inline-size;
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
  --horizontal-alignment: start;
  --horizontal-alignment-mobile: start;
  &.product-card--preset-1:not(.product-card--alone) {
    height: -moz-fit-content;
    height: fit-content;
  }
  .product-card__inner {
    display: flex;
    flex-direction: column;
    gap: var(--gsc-space-300);
    height: 100%;
    position: relative;
    width: 100%;
    --product-card-inner-padding: 20px;
    @container (width < 280px) {
      --product-card-inner-padding: 16px;
    }
    @container (width < 220px) {
      --product-card-inner-padding: 12px;
    }
    @container (width < 160px) {
      --product-card-inner-padding: 8px;
      gap: var(--gsc-space-200);
    }
    .product-card__quick-view-fallback {
      display: none;
    }
    .product-card__mobile-center-rating {
      display: none;
    }
    .product-card__details-overlay {
      height: var(--product-card-details-overlay-height);
      inset-block-end: 0;
      inset-inline: 0;
      overflow: hidden;
      pointer-events: none;
      position: absolute;
    }
    .product-card--preset-1 & {
      @media (width < 750px) {
        .product-card:has(.product-media-container--show-dots-mobile) & {
          gap: 0;
        }
      }
      .product-card__media {
        .product-card__media-content {
          display: flex;
          flex-direction: column;
          height: 100%;
          justify-content: space-between;
          padding: var(--product-card-inner-padding);
          width: 100%;
          .product-card__media-top {
            display: flex;
            gap: var(--gsc-space-100);
            justify-content: space-between;
            .product-card__media-top-start {
              position: relative;
            }
            .product-card__media-top-end {
              display: flex;
              flex: 1;
              justify-content: end;
              @media (width >= 750px) {
                opacity: 0;
                transition: opacity 0.2s;
                .product-card:has(:focus-visible) &,
                .product-card:hover & {
                  opacity: 1;
                  position: relative;
                  @media (width < 750px) {
                    @container product-card (width < 160px) {
                      display: none;
                    }
                  }
                }
              }
            }
          }
          .product-card__media-bottom {
            @media (width >= 750px) {
              display: flex;
              opacity: 0;
              transform: translateY(100%);
              transition:
                opacity 0.2s,
                transform 0.2s;
              .product-card:has(:focus-visible) &,
              .product-card:hover & {
                opacity: 1;
                transform: translateY(0);
              }
              .product-card__add-to-cart {
                width: 100%;
              }
            }
            @media (width < 750px) {
              display: flex;
              .product-card:not(
                  :has(.product-card__add-to-cart .button--show-on-mobile)
                )
                & {
                .product-card__quick-view-fallback {
                  display: flex;
                }
              }
            }
            @media (width < 750px) {
              @container product-card (width < 160px) {
                display: flex;
                opacity: 1;
                transform: none;
              }
            }
          }
        }
      }
      .product-card__details {
        bottom: var(--product-card-inner-padding);
        display: flex;
        gap: var(--gsc-space-200);
        justify-content: space-between;
        left: var(--product-card-inner-padding);
        padding-block-end: var(--gsc-space-200);
        padding-inline-end: var(--gsc-space-100);
        right: var(--product-card-inner-padding);
        @container product-card (width < 160px) {
          bottom: 0;
          left: 0;
          right: 0;
        }
        @media (width >= 750px) {
          align-items: start;
        }
        @media (width < 750px) {
          align-items: end;
          @container product-card (width < 160px) {
            .product-card:has(.product-media-container--show-dots-mobile) & {
              margin-top: -4px;
            }
          }
          .product-card__vendor:has(> :not(.text--show-on-mobile)) {
            display: none;
          }
        }
        @container product-card (width < 160px) {
          position: relative;
        }
        .product-card__details-start {
          display: flex;
          flex-direction: column;
          gap: var(--gsc-space-200);
          width: 100%;
          .product-card__details-wrapper {
            display: flex;
            flex-direction: row;
            gap: var(--gsc-space-200);
            justify-content: space-between;
            .product-card--center & {
              align-items: center;
              flex-direction: column;
            }
            .product-card--right & {
              flex-direction: row-reverse;
            }
            @container (width < 160px) {
              align-items: start;
              flex-direction: column;
              .product-card--center & {
                align-items: center;
                flex-direction: column;
              }
              .product-card--right & {
                align-items: end;
                flex-direction: column;
              }
            }
            .product-card__rating {
              height: -moz-fit-content;
              height: fit-content;
            }
            .product-card__details-common {
              display: flex;
              flex-direction: column;
              gap: var(--gsc-space-200);
              .product-card__add-to-cart {
                display: none;
              }
              .product-card--left & {
                *:not(.price__container) {
                  align-items: start;
                  text-align: left;
                }
              }
              .product-card--center & {
                > *,
                > * > *,
                > * > * > * {
                  align-items: center;
                  text-align: center;
                }
                .product-card__price .price__container {
                  justify-content: center;
                }
              }
              .product-card--right & {
                > *,
                > * > *,
                > * > * > * {
                  align-items: end;
                  text-align: right;
                }
              }
            }
          }
          .product-card__swatches {
            display: flex;
            padding-block: var(--gsc-space-100);
            .product-card--left & {
              justify-content: start;
            }
            .product-card--center & {
              justify-content: center;
            }
            .product-card--right & {
              justify-content: end;
            }
            @media (width >= 750px) {
              transition: opacity 0.2s;
              .product-card:has(quick-view-button[class*="--show-on-desktop"])
                & {
                opacity: 0;
                .product-card:has(a:focus-visible) &,
                .product-card:hover & {
                  opacity: 1;
                }
              }
            }
          }
        }
        .product-card__details-end {
          display: none;
        }
      }
    }
    .product-card--preset-2 & {
      height: -moz-fit-content;
      height: fit-content;
      @container product-card (width < 160px) {
        .price--sale-price-first {
          .text__inner .price__container {
            flex-direction: row;
            .price__sale-price {
              order: -1;
            }
          }
        }
      }
      .product-card__media {
        .product-card__media-content {
          display: flex;
          flex-direction: column;
          height: 100%;
          justify-content: space-between;
          padding: var(--product-card-inner-padding);
          width: 100%;
          .product-card__media-top {
            display: flex;
            flex: 1;
            gap: var(--gsc-space-100);
            justify-content: space-between;
            .product-card__media-top-start {
              position: relative;
              .product-card__badge {
                left: 0;
                position: relative;
                top: 0;
                @media (width < 750px) {
                  .product-card__media-top-start:has(
                      .product-card__quick-view .button--show-on-mobile
                    )
                    & {
                    display: none;
                  }
                }
                @media (width >= 750px) {
                  opacity: 1;
                  transition: opacity 0.2s 0.1s;
                  .product-card:has(
                      quick-view-button[class*="--show-on-desktop"]
                    )
                    & {
                    .product-card:has(:focus-visible) &,
                    .product-card:hover & {
                      opacity: 0;
                      position: absolute;
                      transition-delay: 0s;
                      @media (width < 750px) {
                        @container product-card (width < 160px) {
                          opacity: 1;
                          position: relative;
                        }
                      }
                    }
                  }
                }
              }
              .product-card__quick-view {
                left: 0;
                position: absolute;
                top: 0;
                @media (width >= 750px) {
                  opacity: 0;
                  transition: opacity 0.2s;
                  .product-card:has(:focus-visible:not(.text)) &,
                  .product-card:hover & {
                    opacity: 1;
                    position: relative;
                    transition-delay: 0.1s;
                  }
                }
                @media (width < 750px) {
                  @container product-card (width < 160px) {
                    display: none;
                  }
                }
              }
            }
            .product-card__media-top-end {
              display: flex;
              flex: 1;
              .product-card__swatches {
                display: flex;
                flex: 1;
                justify-content: end;
              }
            }
          }
          .product-card__media-bottom {
            @media (width >= 750px) {
              display: flex;
              opacity: 0;
              transform: translateY(100%);
              transition:
                opacity 0.2s,
                transform 0.2s;
              .product-card:has(:focus-visible:not(.text)) &,
              .product-card:hover & {
                opacity: 1;
                transform: translateY(0);
              }
              .product-card__add-to-cart {
                width: 100%;
              }
            }
            @media (width < 750px) {
              display: none;
            }
          }
        }
      }
      .product-card__details {
        bottom: var(--product-card-inner-padding);
        display: flex;
        gap: var(--gsc-space-200);
        justify-content: space-between;
        left: var(--product-card-inner-padding);
        opacity: 1;
        padding-inline-end: var(--gsc-space-100);
        position: absolute;
        right: var(--product-card-inner-padding);
        transition:
          opacity 0.2s 0.1s,
          display allow-discrete 0.2s 0.1s;
        .product-card--right & {
          flex-direction: row-reverse;
        }
        @media (width >= 750px) {
          align-items: start;
          .product-card:has(
              .product-card__add-to-cart [class*="--show-on-desktop"]
            )
            & {
            .product-card:has(:focus-visible:not(.text)) &,
            .product-card:hover & {
              opacity: 0;
              transition-delay: 0s;
              z-index: -1;
            }
          }
        }
        @media (width < 750px) {
          align-items: end;
          .product-card--center & {
            @container product-card (width > 160px) {
              align-items: center;
              flex-direction: column;
            }
          }
        }
        .product-card__details-start {
          display: flex;
          width: 100%;
          .product-card__details-wrapper {
            display: flex;
            flex-direction: column-reverse;
            gap: var(--gsc-space-200);
            width: 100%;
            @media (width < 750px) {
              .product-card--left & {
                align-items: start;
              }
              .product-card--center & {
                align-items: center;
                @container product-card (width <= 160px) {
                  > .product-card__rating {
                    display: none;
                  }
                }
              }
              .product-card--right & {
                align-items: end;
              }
            }
            @media (width >= 750px) {
              align-items: end;
              flex-direction: row;
              justify-content: space-between;
              .product-card--center & {
                align-items: center;
                flex-direction: column;
                .product-card__rating {
                  order: -1;
                }
              }
              .product-card--right & {
                flex-direction: row-reverse;
              }
              @container product-card (width < 160px) {
                flex-direction: column;
                .product-card__rating {
                  order: -1;
                }
                .product-card--left & {
                  align-items: start;
                }
                .product-card--center & {
                  align-items: center;
                }
                .product-card--right & {
                  align-items: end;
                  flex-direction: column;
                }
              }
            }
            .product-card__details-common {
              display: flex;
              flex-direction: column-reverse;
              gap: var(--gsc-space-200);
              .product-card__add-to-cart {
                display: none;
              }
              .product-card--left & {
                > *,
                > * > *,
                > * > * > * {
                  align-items: start;
                  text-align: left;
                }
                .product-card__price .price__container {
                  justify-content: start;
                  width: 100%;
                }
              }
              .product-card--center & {
                @media (width < 750px) {
                  @container product-card (width <= 160px) {
                    flex-direction: column;
                    .product-card__mobile-center-rating {
                      display: block;
                    }
                    .product-card__add-to-cart {
                      display: flex;
                      justify-content: center;
                      width: 100%;
                    }
                    .product-card:not(
                        :has(.product-card__add-to-cart .button--show-on-mobile)
                      )
                      & {
                      .product-card__quick-view-fallback {
                        display: flex;
                        justify-content: center;
                        width: 100%;
                      }
                    }
                  }
                }
                > *,
                > * > *,
                > * > * > * {
                  align-items: center;
                  text-align: center;
                }
                .product-card__price .price__container {
                  justify-content: center;
                  width: 100%;
                }
              }
              .product-card--right & {
                > *,
                > * > *,
                > * > * > * {
                  align-items: end;
                  text-align: right;
                }
                .product-card__price .price__container {
                  justify-content: end;
                  width: 100%;
                }
              }
              @container product-card (width < 160px) {
                flex-direction: column;
              }
            }
          }
        }
        .product-card__details-end {
          @media (width >= 750px) {
            display: none;
          }
          @media (width < 750px) {
            display: flex;
            .product-card:not(
                :has(.product-card__add-to-cart .button--show-on-mobile)
              )
              & {
              .product-card__quick-view-fallback {
                display: flex;
              }
            }
            .product-card--center & {
              justify-content: center;
              width: 100%;
              &:has(
                .product-card__add-to-cart
                  .button--show-on-mobile
                  > .button__label:empty
              ) {
                align-self: center;
                margin-inline: auto;
                order: -1;
                width: -moz-fit-content;
                width: fit-content;
              }
              .product-card--center:not(
                  :has(.product-card__add-to-cart .button--show-on-mobile)
                )
                &:has(
                  .product-card__quick-view-fallback
                    .button--show-on-mobile
                    > .button__label:empty
                ) {
                align-self: center;
                margin-inline: auto;
                order: -1;
                width: -moz-fit-content;
                width: fit-content;
              }
              .product-card__add-to-cart,
              .product-card__quick-view-fallback {
                justify-content: center;
                width: 100%;
              }
              @container product-card (width <= 160px) {
                display: none;
              }
            }
          }
        }
      }
      .product-card__vendor:not(:has(.text)) {
        display: none;
      }
    }
    @media (width < 750px) {
      .product-card__media-top .product-card__quick-view {
        display: none;
      }
    }
    .product-card__media-content * {
      pointer-events: none;
    }
    .product-card__add-to-cart *,
    .product-card__badge,
    .product-card__price,
    .product-card__quick-view *,
    .product-card__quick-view-fallback *,
    .product-card__rating,
    .product-card__swatches *,
    .product-card__title,
    .product-card__vendor {
      pointer-events: auto;
    }
    .product-card__badge {
      cursor: default;
    }
  }
  .product-card--cleared-on-mobile & {
    @media (width < 750px) {
      .product-card__details {
        display: none !important;
      }
      .product-card__add-to-cart,
      .product-card__badge,
      .product-card__price,
      .product-card__quick-view,
      .product-card__rating,
      .product-card__swatches,
      .product-card__title,
      .product-card__vendor {
        visibility: hidden !important;
      }
    }
  }
  .product-card--cleared-on-desktop & {
    @media (width >= 750px) {
      .product-card__details {
        display: none !important;
      }
      .product-card__add-to-cart,
      .product-card__badge,
      .product-card__price,
      .product-card__quick-view,
      .product-card__rating,
      .product-card__swatches,
      .product-card__title,
      .product-card__vendor {
        visibility: hidden !important;
      }
    }
  }
}
body:not(:has(.quick-view-section)) .product-card__add-to-cart,
body:not(:has(.quick-view-section)) .product-card__quick-view {
  display: none !important;
}
.product-card-basic {
  --width: 100%;
  --width-mobile: var(--width);
  container-name: product-card-basic;
  container-type: inline-size;
  display: block;
  max-width: var(--max-width);
  position: relative;
  text-align: var(--product-card-basic-text-align, left);
  width: var(--width, 100%);
  @media (width < 750px) {
    width: var(--width-mobile, var(--width, 100%));
  }
}
.product-card-basic__inner {
  align-items: center;
  display: flex;
  gap: var(--gsc-space-400);
  width: 100%;
}
.product-card-basic--row .product-card-basic__inner {
  flex-direction: row;
}
.product-card-basic--column .product-card-basic__inner,
.product-card-basic--compact .product-card-basic__inner,
.product-card-basic--plain .product-card-basic__inner {
  align-items: stretch;
  flex-direction: column;
}
.product-card-basic__media {
  border-radius: var(--product-card-basic-media-radius);
  flex: 0 0 var(--product-card-basic-media-size);
  overflow: hidden;
  position: relative;
  width: var(--product-card-basic-media-size);
}
.product-card-basic--column .product-card-basic__media,
.product-card-basic--compact .product-card-basic__media,
.product-card-basic--plain .product-card-basic__media {
  flex-basis: auto;
  width: 100%;
}
.product-card-basic__media-image,
.product-card-basic__media-placeholder {
  background: var(--gsc-product-media-background);
  border-radius: inherit;
  display: block;
  width: 100%;
}
.product-card-basic__quick-view-trigger {
  background: transparent;
  border: 0;
  border-radius: inherit;
  color: inherit;
  cursor: pointer;
  display: block;
  padding: 0;
  position: relative;
  width: 100%;
}
.product-card-basic__quick-view-overlay {
  background-color: var(--gsc-color-background-black-50);
  color: var(--gsc-color-background-white-100);
  display: none;
  inset: 0;
  place-items: center;
  pointer-events: none;
  position: absolute;
}
.product-card-basic__quick-view-trigger[loading]
  .product-card-basic__quick-view-overlay {
  display: grid;
}
.product-card-basic__quick-view-spinner {
  --spinner-size: 28px;
  --spinner-color: var(--gsc-color-background-white-100);
}
@media (prefers-reduced-motion: reduce) {
  .product-card-basic__quick-view-overlay {
    transition: none;
  }
}
.image.product-card-basic__media-skeleton {
  background-color: var(--gsc-color-border);
}
.product-card-basic__details {
  -moz-column-gap: var(--gsc-space-400);
  column-gap: var(--gsc-space-400);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  row-gap: var(--gsc-space-200);
  text-align: var(--product-card-basic-text-align, left);
}
.product-card-basic--compact .product-card-basic__details {
  bottom: 0;
  padding: 16px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  @container (width < 160px) {
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
  }
  @container (width < 120px) {
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
  }
}
.product-card-basic--compact .product-card-basic__details * {
  pointer-events: none;
}
.product-card-basic--compact .product-card-basic__button-control {
  pointer-events: auto;
}
.product-card-basic--center .product-card-basic__details {
  align-items: center;
}
.product-card-basic--right .product-card-basic__details {
  align-items: flex-end;
}
.product-card-basic__details-content {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-150);
  width: 100%;
  --border-radius: 0;
}
.product-card-basic__skeleton-text {
  background-color: var(--gsc-color-border);
  block-size: 1em;
  border-radius: var(--gsc-border-radius-150);
  display: block;
  max-inline-size: 100%;
}
.product-card-basic__skeleton-text--title {
  inline-size: 75%;
}
.product-card-basic__skeleton-text--price {
  inline-size: 40%;
}
.product-card-basic--center .product-card-basic__skeleton-text {
  align-self: center;
}
.product-card-basic--right .product-card-basic__skeleton-text {
  align-self: flex-end;
}
.product-card-basic--button-overlay .product-card-basic__button-control {
  inset-block-end: var(--gsc-space-200);
  inset-inline-start: var(--gsc-space-200);
  position: absolute;
  z-index: 1;
}
.product-card-basic__button-control.button--size-custom {
  --button-padding-block-custom: var(--gsc-space-250);
  --button-padding-inline-custom: var(--gsc-space-500);
  --button-font-size-custom: var(--gsc-font-size-350);
  --button-font-line-height-custom: 140%;
  --spinner-size-custom: 20px;
  --button-gap-custom: var(--gsc-space-150);
  margin: var(--button-border-width, 0);
}
.product-card-basic__button-control.button--size-custom:has(
    .button__label:not(:empty)
  ) {
  --button-padding-block-custom: var(--gsc-space-150);
  --button-padding-inline-custom: var(--gsc-space-400);
}
.product-card-basic__button-control,
.product-card-basic__product-form,
.product-card-basic__product-form .product-form__form {
  width: -moz-fit-content;
  width: fit-content;
}
.product-card-basic--column .product-card-basic__button-control {
  margin: var(--button-border-width, 0);
  margin-top: unset;
}
.product-card-basic__product-form,
.product-card-basic__product-form .product-form__form {
  gap: 0;
}
.product-card-basic--row.product-card-basic--button-row
  .product-card-basic__details {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.product-card-basic--compact.product-card-basic--button-row
  .product-card-basic__details {
  align-items: flex-end;
  flex-direction: row;
  gap: var(--gsc-space-100);
  justify-content: space-between;
}
.product-card-basic--compact.product-card-basic--button-column
  .product-card-basic__details {
  flex-direction: column-reverse;
}
.product-card-basic--compact.product-card-basic--right.product-card-basic--button-row
  .product-card-basic__details {
  flex-direction: row-reverse;
}
.product-card-basic--row.product-card-basic--button-row
  .product-card-basic__details {
  row-gap: var(--gsc-space-200);
}
.product-card-basic--column .product-card-basic__media {
  position: relative;
}
.product-card-basic__price,
.product-card-basic__title {
  width: 100%;
}
.product-card-basic--left .price__container {
  justify-content: start;
}
.product-card-basic--center .price__container {
  justify-content: center;
}
.product-card-basic--right .price__container {
  justify-content: end;
}
.product-card-basic--center {
  --product-card-basic-text-align: center;
}
.product-card-basic--right {
  --product-card-basic-text-align: right;
}
@container product-card-basic (width < 220px) {
  .product-card-basic--row .product-card-basic__details {
    flex-wrap: wrap;
  }
}
@container product-card-basic (width < 180px) {
  .product-card-basic__inner {
    gap: var(--gsc-space-200);
  }
  .product-card-basic--row .product-card-basic__media {
    flex-basis: min(var(--product-card-basic-media-size), 35cqw);
    width: min(var(--product-card-basic-media-size), 35cqw);
  }
}
@container product-card-basic (width <= 160px) {
  .button--icon-none .button__icon--desktop {
    display: unset;
  }
  @media (width < 750px) {
    .button--icon-none .button__icon--mobile {
      display: unset;
    }
  }
  .product-card-basic__button-control {
    min-width: unset !important;
    --button-padding-block: var(--gsc-space-250);
    --button-padding-inline: var(--gsc-space-250);
    width: -moz-fit-content;
    width: fit-content;
  }
  .button__label {
    display: none !important;
  }
}
.shoppable-card {
  display: block;
  width: 100%;
  --carousel-item-height: fit-content;
  isolation: isolate;
  min-width: 0;
}
.shoppable-card[data-shopify-visual-preview] {
  margin-inline: auto;
  width: min(100%, 360px);
}
.shoppable-card__inner {
  aspect-ratio: var(--shoppable-card-ratio-mobile);
  background: var(--gsc-color-surface);
  border-radius: calc(var(--border-radius) - 6px);
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  @media (width >= 750px) {
    aspect-ratio: var(--shoppable-card-ratio);
  }
}
.shoppable-card__image,
.shoppable-card__media,
.shoppable-card__placeholder,
.shoppable-card__video {
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}
shoppable-video.shoppable-card__media {
  cursor: pointer;
}
.shoppable-card__image {
  aspect-ratio: auto;
}
.shoppable-card__image > img,
.shoppable-card__placeholder,
.shoppable-card__video {
  -o-object-fit: cover;
  object-fit: cover;
}
.shoppable-card__overlay {
  background: var(--shoppable-card-overlay);
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.shoppable-card__inner > .blur {
  pointer-events: none;
  z-index: 2;
}
.shoppable-card__video-toggle {
  backdrop-filter: blur(24px);
  background: hsla(0, 0%, 6%, 0.65);
  border: 0;
  border-radius: 50%;
  color: var(--gsc-color-background-white-100);
  cursor: pointer;
  display: grid;
  height: 48px;
  inset: 50% auto auto 50%;
  padding: 0;
  place-items: center;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease;
  width: 48px;
  z-index: 3;
}
.shoppable-card__video-toggle:focus-visible {
  outline: 2px solid var(--gsc-color-outline);
  outline-offset: 2px;
}
.shoppable-card__video-toggle [data-pause-icon],
.shoppable-card__video-toggle [data-play-icon] {
  grid-area: 1/1;
}
.shoppable-card__video-toggle [hidden] {
  display: none;
}
@media (width >= 750px) {
  .shoppable-card__media[data-playing="true"] .shoppable-card__video-toggle {
    opacity: 0;
  }
  .shoppable-card__media[data-playing="true"]
    .shoppable-card__video-toggle:focus-visible,
  .shoppable-card__media[data-playing="true"]:hover
    .shoppable-card__video-toggle {
    opacity: 1;
  }
}
@media (width < 750px) {
  .shoppable-card__media[data-playing="true"] .shoppable-card__video-toggle {
    display: none;
  }
}
.shoppable-card__product {
  border-radius: var(--shoppable-card-product-radius);
  container-name: shoppable-card-product;
  container-type: inline-size;
  inset-block-end: var(--shoppable-card-product-offset);
  inset-inline: var(--shoppable-card-product-offset);
  min-width: 0;
  overflow: hidden;
  position: absolute;
  z-index: 4;
}
.shoppable-card__product--default {
  --color: var(--gsc-color-background-black-100);
  background: var(--gsc-color-background-white-100);
}
.shoppable-card__product--dark {
  --color: var(--gsc-color-background-white-100);
  backdrop-filter: blur(var(--gsc-size-blur-1200));
  background: var(--gsc-color-background-black-50);
  border: 0.75px solid hsla(0, 0%, 100%, 0.15);
}
.shoppable-card__product--light {
  --color: var(--gsc-color-background-black-100);
  backdrop-filter: blur(var(--gsc-size-blur-1200));
  background: var(--gsc-color-background-white-75);
  border: 0.75px solid hsla(0, 0%, 100%, 0.35);
}
.shoppable-card__product .product-card-basic {
  padding: var(--gsc-space-200) var(--gsc-space-300) var(--gsc-space-200)
    var(--gsc-space-200);
}
.shoppable-card__product .product-card-basic__inner {
  gap: var(--gsc-space-200);
}
.shoppable-card__product .product-card-basic__details {
  -moz-column-gap: var(--gsc-space-200);
  column-gap: var(--gsc-space-200);
  flex-wrap: nowrap;
  min-width: 0;
}
.shoppable-card__product .product-card-basic__details-content {
  min-width: 0;
}
.shoppable-card__product .product-card-basic__details .price__container {
  flex-wrap: nowrap;
  width: 100%;
}
.shoppable-card__product .price__sale-price {
  flex: 0 0 auto;
  white-space: nowrap;
}
.shoppable-card__product .price__compare-at-price {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shoppable-card__product .product-card-basic__button-control,
.shoppable-card__product .product-card-basic__product-form,
.shoppable-card__product .product-card-basic__product-form .product-form__form {
  flex: 0 0 auto;
}
.shoppable-card__product .product-card-basic__title .text__inner {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
@container shoppable-card-product (width < 200px) {
  .shoppable-card__product .product-card-basic__button-control,
  .shoppable-card__product .product-card-basic__product-form {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .shoppable-card__video-toggle {
    transition: none;
  }
}
.product-list-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.product-list-block__header {
  align-items: center;
  display: flex;
  gap: var(--gsc-space-300);
  justify-content: space-between;
  min-height: 36px;
  width: 100%;
}
.product-list-block__title {
  border-radius: 0;
  margin: 0;
  min-width: 0;
}
.product-list-block__navigation {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  &:not(:has(.button:not([disabled]))) {
    display: none;
  }
}
.product-list-block__navigation:has(.button--nav-minimal-mobile) {
  gap: 0;
}
@media (width >= 750px) {
  .product-list-block__navigation--on-hover {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .product-list-block:hover .product-list-block__navigation--on-hover {
    opacity: 1;
  }
  .product-list-block__navigation:has(.button--nav-minimal) {
    gap: 0;
  }
}
recently-viewed {
  display: block;
  width: 100%;
}
.swatches {
  cursor: pointer;
  display: none;
  opacity: 1;
  transition: opacity 0.1s;
  will-change: opacity;
  &.swatches--hidden {
    opacity: 0;
  }
  @media (width >= 750px) {
    &.swatches--show-on-desktop {
      display: flex;
    }
  }
  @media (width < 750px) {
    &.swatches--show-on-mobile {
      display: flex;
    }
  }
  &.swatches--horizontal {
    align-items: center;
    flex-direction: row;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: start;
    margin-inline-start: 0.5px;
    width: -moz-fit-content;
    width: fit-content;
  }
  &.swatches--vertical {
    align-items: center;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: start;
    width: -moz-fit-content;
    width: fit-content;
  }
  .swatches__swatch {
    position: relative;
    @media (width >= 750px) {
      height: var(--swatches--swatch-height);
      width: var(--swatches--swatch-width);
    }
    @media (width < 750px) {
      height: var(--swatches--swatch-height-mobile);
      width: var(--swatches--swatch-width-mobile);
    }
    border-radius: var(--swatches--swatch-border-radius);
    flex-shrink: 0;
    transition: margin 0.2s;
    .swatches--show-swatch-outside-border & {
      outline: 2px solid var(--gsc-color-background);
      outline-offset: -1px;
    }
    &:after,
    &:before {
      border-radius: var(--swatches--swatch-border-radius);
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
    }
    .swatches:not(.swatches--show-swatch-border) & {
      &:before {
        background: var(--swatches--swatch-background) no-repeat
          var(--swatches--focal-point);
        background-size: cover;
        box-shadow: var(--gsc-size-depth-050) var(--gsc-size-depth-050)
          var(--gsc-size-blur-150) var(--gsc-size-depth-0)
          rgb(0 0 0 / var(--swatches--swatch-shadow-opacity)) inset;
      }
      &:after {
        border: 1px solid transparent;
        transition: border-color 0.2s;
      }
      &:focus-visible {
        &:after {
          border-color: var(--gsc-color-heading);
        }
      }
      @media (width >= 750px) {
        .swatches:not(.swatches--stacked-static) & {
          &:hover {
            &:after {
              border-color: var(--gsc-color-heading);
            }
          }
        }
      }
    }
    .swatches--show-swatch-border & {
      &:before {
        background: var(--gsc-color-background);
        border: 1px solid #c9c9c940;
        transition: border-color 0.2s;
      }
      &:after {
        background: var(--swatches--swatch-background) no-repeat
          var(--swatches--focal-point);
        background-size: cover;
        bottom: 1px;
        box-shadow: var(--gsc-size-depth-050) var(--gsc-size-depth-050)
          var(--gsc-size-blur-150) var(--gsc-size-depth-0)
          rgb(0 0 0 / var(--swatches--swatch-shadow-opacity)) inset;
        left: 1px;
        right: 1px;
        top: 1px;
      }
      &:focus-visible {
        &:before {
          border-color: var(--gsc-color-heading);
        }
      }
      @media (width >= 750px) {
        .swatches:not(.swatches--stacked-static) & {
          &:hover {
            &:before {
              border-color: var(--gsc-color-heading);
            }
          }
        }
      }
    }
    &.swatches--hidden {
      display: none;
    }
    .swatches--horizontal & {
      @media (width >= 750px) {
        margin-inline-start: var(--swatches--gap);
      }
      @media (width < 750px) {
        margin-inline-start: var(--swatches--gap-mobile);
      }
      .swatches:has(a:focus-visible) &,
      .swatches:hover & {
        @media (width >= 750px) {
          margin-inline-start: var(--swatches--hover-gap);
          &:first-child {
            margin-inline-start: 0;
          }
        }
      }
      &:first-child {
        margin-inline-start: 0;
      }
    }
    .swatches--vertical & {
      @media (width >= 750px) {
        margin-block-start: var(--swatches--gap);
      }
      @media (width < 750px) {
        margin-block-start: var(--swatches--gap-mobile);
      }
      .swatches:hover & {
        @media (width >= 750px) {
          margin-block-start: var(--swatches--hover-gap);
          &:first-child {
            margin-block-start: 0;
          }
        }
      }
      &:first-child {
        margin-block-start: 0;
      }
    }
  }
  .swatches__show-more {
    color: var(--gsc-color-heading);
    font-family: var(--gsc-font-body--family);
    font-size: var(--gsc-font-size-275);
    font-style: normal;
    font-weight: var(--gsc-font-weight-regular);
    letter-spacing: var(--gsc-font-letter-spacing-normal);
    line-height: 145%;
    opacity: 1;
    text-overflow: ellipsis;
    .swatches--show-more-position-start & {
      order: -1;
    }
    .swatches--show-more-position-end & {
      order: 1;
    }
    .swatches--horizontal & {
      .swatches--show-more-position-start & {
        @media (width >= 750px) {
          margin-inline-end: var(--swatches--show-more-gap);
        }
        @media (width < 750px) {
          margin-inline-end: var(--swatches--show-more-gap-mobile);
        }
      }
      .swatches--show-more-position-end & {
        @media (width >= 750px) {
          margin-inline-start: var(--swatches--show-more-gap);
        }
        @media (width < 750px) {
          margin-inline-start: var(--swatches--show-more-gap-mobile);
        }
      }
    }
    .swatches--vertical & {
      .swatches--show-more-position-start & {
        @media (width >= 750px) {
          margin-block-end: var(--swatches--show-more-gap);
        }
        @media (width < 750px) {
          margin-block-end: var(--swatches--show-more-gap-mobile);
        }
      }
      .swatches--show-more-position-end & {
        @media (width >= 750px) {
          margin-block-start: var(--swatches--show-more-gap);
        }
        @media (width < 750px) {
          margin-block-start: var(--swatches--show-more-gap-mobile);
        }
      }
    }
    &.swatches--hidden {
      opacity: 0;
    }
  }
}
.contact-form {
  --contact-form-inputs-gap: var(--gsc-space-400);
  .contact-form__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--gsc-space-600);
    .contact-form__inputs {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--contact-form-inputs-gap);
      width: 100%;
      > * {
        width: 100%;
      }
      .contact-form:not(.contact-form--stacked) & {
        .contact-form__first-name {
          width: 100%;
          @media (width >= 750px) {
            .contact-form:has(.contact-form__last-name) & {
              width: calc(50% - var(--contact-form-inputs-gap) / 2);
            }
            .contact-form:not(:has(.contact-form__last-name)) & {
              .contact-form:not(:has(.contact-form__phone)) & {
                width: calc(50% - var(--contact-form-inputs-gap) / 2);
              }
            }
          }
        }
        .contact-form__last-name {
          width: 100%;
          @media (width >= 750px) {
            .contact-form:has(.contact-form__first-name) & {
              width: calc(50% - var(--contact-form-inputs-gap) / 2);
            }
            .contact-form:not(:has(.contact-form__first-name)) & {
              .contact-form:not(:has(.contact-form__phone)) & {
                width: 100%;
              }
            }
          }
        }
        .contact-form__email {
          width: 100%;
          @media (width >= 750px) {
            .contact-form:has(.contact-form__phone) & {
              width: calc(50% - var(--contact-form-inputs-gap) / 2);
            }
            .contact-form:not(:has(.contact-form__first-name)) &,
            .contact-form:not(:has(.contact-form__last-name)) & {
              .contact-form:not(:has(.contact-form__phone)) & {
                width: calc(50% - var(--contact-form-inputs-gap) / 2);
                .contact-form:not(:has(.contact-form__first-name)) & {
                  width: 100%;
                }
              }
            }
          }
        }
        .contact-form__phone {
          width: 100%;
          @media (width >= 750px) {
            .contact-form:has(.contact-form__email) & {
              width: calc(50% - var(--contact-form-inputs-gap) / 2);
            }
          }
        }
        .contact-form__message {
          width: 100%;
        }
      }
      .contact-form__consent {
        padding-block: var(--gsc-space-200);
        width: 100%;
      }
    }
    > .contact-form__messages {
      display: flex;
      flex-direction: column;
      gap: var(--gsc-space-200);
    }
    > .contact-form__message {
      color: var(--gsc-color-text);
      display: flex;
      flex-direction: column;
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-350);
      font-style: normal;
      font-weight: var(--gsc-font-weight-regular);
      gap: var(--gsc-space-200);
      line-height: 140%;
      width: 100%;
      > .contact-form__message-row {
        align-items: center;
        display: flex;
        gap: var(--gsc-space-200);
        width: 100%;
      }
      li,
      ul {
        margin: 0;
      }
    }
    > .contact-form__message--error,
    > .contact-form__message--success {
      border-radius: var(--gsc-border-radius-300);
      padding: var(--gsc-space-400);
    }
    > .contact-form__message--success {
      background:
        linear-gradient(0deg, rgba(84, 172, 76, 0.05), rgba(84, 172, 76, 0.05)),
        hsla(0, 0%, 100%, 0.85);
      border: 1px solid var(--gsc-color-success-primary);
      color: var(--gsc-color-success-primary);
    }
    > .contact-form__message--error {
      background:
        linear-gradient(0deg, rgba(250, 0, 0, 0.05), rgba(250, 0, 0, 0.05)),
        hsla(0, 0%, 100%, 0.85);
      border: 1px solid var(--gsc-color-critical-primary);
      color: var(--gsc-color-critical-primary);
    }
  }
}
.checkbox {
  cursor: pointer;
  display: inline-flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  &.checkbox--size-small {
    gap: var(--gsc-space-200);
  }
  &.checkbox--size-medium {
    gap: var(--gsc-space-250);
  }
  &:has(:disabled) & {
    opacity: 0.5;
  }
  .checkbox__checkbox {
    align-items: center;
    background-color: var(--gsc-color-checkbox-bg);
    border: var(--gsc-border-width-checkbox) solid
      var(--gsc-color-checkbox-border);
    border-radius: var(--gsc-border-radius-150);
    box-shadow: var(--gsc-size-depth-0) var(--gsc-size-depth-050)
      var(--gsc-size-blur-200) 0 var(--gsc-color-background-black-5) inset;
    display: flex;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    overflow: hidden;
    transition: border-color 0.2s;
    width: 24px;
    .checkbox:hover & {
      background-color: var(--gsc-color-checkbox-bg-hover);
      border-color: var(--gsc-color-checkbox-border-hover);
    }
    .checkbox:has(:checked) & {
      background-color: var(--gsc-color-checkbox-selected-bg);
      border-color: var(--gsc-color-checkbox-selected-border);
    }
    .checkbox:has(:focus-visible) & {
      outline: 2px solid var(--gsc-color-checkbox-text);
      outline-offset: 2px;
    }
    .checkbox--size-small & {
      height: 20px;
      width: 20px;
    }
    .checkbox--size-medium & {
      height: 24px;
      width: 24px;
    }
    .checkbox__icon {
      color: var(--gsc-color-checkbox-selected-text);
      opacity: 0;
      transition: opacity 0.2s;
      .checkbox:has(:checked) & {
        opacity: 1;
      }
    }
  }
  .checkbox__label {
    color: var(--gsc-color-checkbox-text);
    font-family: var(--gsc-font-family-checkbox);
    font-size: var(--gsc-font-size-400);
    font-style: var(--gsc-font-style-checkbox);
    font-weight: var(--gsc-font-weight-regular);
    line-height: 150%;
    transition: opacity 0.2s;
    .checkbox--size-small & {
      font-size: var(--gsc-font-size-350);
      line-height: 140%;
    }
    .checkbox--size-medium & {
      font-size: var(--gsc-font-size-400);
      line-height: 150%;
    }
    .checkbox:hover & {
      opacity: 0.6;
    }
  }
  .checkbox__input {
    border: 0;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    clip: rect(0, 0, 0, 0);
  }
}
.email-signup {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-600);
  width: 100%;
  form {
    display: flex;
    flex-direction: column;
    .email-signup__inner {
      display: flex;
      gap: var(--gsc-space-300);
      width: 100%;
      .email-signup--row & {
        align-items: start;
        flex-direction: row;
      }
      .email-signup--column & {
        flex-direction: column;
      }
      .email-signup--align-left & {
        align-items: flex-start;
      }
      .email-signup--align-center & {
        align-items: center;
      }
      .email-signup--align-right & {
        align-items: flex-end;
      }
    }
    > .email-signup__message {
      color: var(--gsc-color-text);
      display: flex;
      flex-direction: column;
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-350);
      font-style: normal;
      font-weight: var(--gsc-font-weight-regular);
      gap: var(--gsc-space-200);
      line-height: 140%;
      margin-block-start: var(--gsc-space-600);
      width: 100%;
      > .email-signup__message-row {
        align-items: center;
        display: flex;
        gap: var(--gsc-space-200);
        width: 100%;
      }
      li,
      ul {
        margin: 0;
      }
    }
    > .email-signup__message--error,
    > .email-signup__message--success {
      border-radius: var(--gsc-border-radius-300);
      padding: var(--gsc-space-400);
    }
    > .email-signup__message--success {
      background:
        linear-gradient(0deg, rgba(84, 172, 76, 0.05), rgba(84, 172, 76, 0.05)),
        hsla(0, 0%, 100%, 0.85);
      border: 1px solid var(--gsc-color-success-primary);
      color: var(--gsc-color-success-primary);
    }
    > .email-signup__message--error {
      background:
        linear-gradient(0deg, rgba(250, 0, 0, 0.05), rgba(250, 0, 0, 0.05)),
        hsla(0, 0%, 100%, 0.85);
      border: 1px solid var(--gsc-color-critical-primary);
      color: var(--gsc-color-critical-primary);
    }
  }
}
.collection-product-count {
  align-items: center;
  display: flex;
  gap: var(--gsc-space-150);
  justify-content: var(--horizontal-alignment, flex-start);
  &[class*="-apart"] {
    width: 100%;
  }
  .collection-product-count__container {
    display: flex;
    gap: var(--gsc-space-100);
    .collection-product-count--count-with-text &,
    .collection-product-count--count-with-text-separated &,
    .collection-product-count--number-and-text &,
    .collection-product-count--number-and-text-apart & {
      flex-direction: row-reverse;
    }
    .collection-product-count[class*="-apart"] & {
      flex: 1;
    }
    .collection-product-count__count {
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-300);
      font-style: var(--gsc-font-body--style);
      font-weight: var(--gsc-font-weight-regular);
      line-height: 135%;
      .text__inner {
        white-space: nowrap;
      }
      .collection-product-count--count-with-text-separated &,
      .collection-product-count--number-and-text-apart & {
        flex: 1;
      }
    }
    .collection-product-count__text {
      font-family: var(--gsc-font-body--family);
      font-size: var(--gsc-font-size-300);
      font-style: var(--gsc-font-body--style);
      font-weight: var(--gsc-font-weight-regular);
      line-height: 135%;
      .collection-product-count--text-and-number-apart &,
      .collection-product-count--text-with-count-separated & {
        flex: 1;
      }
    }
  }
  .collection-product-count__icon {
    align-items: center;
    display: flex;
    font-family: var(--gsc-font-body--family);
    font-size: var(--gsc-font-size-300);
    font-style: var(--gsc-font-body--style);
    font-weight: var(--gsc-font-weight-regular);
    line-height: 135%;
  }
}
.collection-card {
  container-name: collection-card;
  container-type: inline-size;
  height: 100%;
  position: relative;
  width: 100%;
  .collection-card__link {
    bottom: 2px;
    display: block;
    left: 2px;
    position: absolute;
    right: 2px;
    top: 2px;
  }
  .collection-card__link:has(~ * .button[href]),
  .collection-card__link:has(~ .button[href]) {
    display: none;
  }
  &.collection-card--clickable {
    isolation: isolate;
    .collection-card__full-link {
      border-radius: inherit;
      inset: 0;
      position: absolute;
      z-index: 1;
      &:focus-visible {
        outline: 2px solid var(--gsc-color-outline);
        outline-offset: -2px;
      }
    }
    .collection-card__link {
      display: none;
    }
    &:hover .image--zoom-on-hover .image__placeholder > svg,
    &:hover .image--zoom-on-hover > img {
      transform: scale(1.1);
    }
    .collection-card__inner
      :is(
        a[href],
        button,
        input,
        select,
        textarea,
        summary,
        [role="button"],
        [role="link"]
      ):not(.group__link, .collection-card__link) {
      position: relative;
      z-index: 2;
    }
  }
  .collection-card__text,
  .collection-card__title {
    &:empty {
      display: none;
    }
  }
  &[class*="-left"] {
    --horizontal-alignment: left;
  }
  &[class*="-center"] {
    --horizontal-alignment: center;
  }
  &[class*="-right"] {
    --horizontal-alignment: right;
  }
  .collection-card__inner {
    display: flex;
    flex-direction: column;
    gap: var(--collection-card-gap);
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    > .collection-title,
    > .group .collection-title {
      height: -moz-min-content;
      height: min-content;
    }
  }
}
.not-found__backdrop {
  color: var(--gsc-color-heading);
  display: grid;
  font-family: var(--font-family-heading);
  font-size: 102px;
  font-size: min(380px, 45vw);
  font-style: normal;
  font-weight: 600;
  font-weight: var(--font-weight-medium);
  inset: 0;
  line-height: 110%;
  opacity: 0.1;
  place-items: center;
  position: absolute;
  text-align: center;
}
.pulse {
  background: var(--pulse-color);
  border-radius: 50%;
  display: inline-block;
  height: var(--pulse-size);
  position: relative;
  width: var(--pulse-size);
  &:before {
    animation: pulse var(--pulse-duration) infinite;
    background: var(--pulse-color);
    border-radius: 50%;
    content: " ";
    inset: 0;
    position: absolute;
  }
}
@keyframes pulse {
  0% {
    opacity: 0.8;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@media (width >= 750px) {
  .facet-switch--desktop-checkbox {
    --local-font-family: var(--gsc-font-family-checkbox);
    --local-font-style: var(--gsc-font-style-checkbox);
    --local-text-color: var(--gsc-color-checkbox-text);
    --local-icon-color: var(--gsc-color-checkbox-selected-text);
    --local-background-color: var(--gsc-color-checkbox-bg);
    --local-background-color-hover: var(--gsc-color-checkbox-bg-hover);
    --local-background-color-active: var(--gsc-color-checkbox-selected-bg);
    --local-border-width: var(--gsc-border-width-checkbox);
    --local-border-width-hover: var(--gsc-border-width-checkbox);
    --local-border-width-active: var(--gsc-border-width-checkbox);
    --local-border-color: var(--gsc-color-checkbox-border);
    --local-border-color-hover: var(--gsc-color-checkbox-border-hover);
    --local-border-color-active: var(--gsc-color-checkbox-selected-border);
    --local-border-radius: var(--gsc-border-radius-150);
    cursor: pointer;
    display: flex;
    gap: var(--local-gap);
    width: 100%;
  }
  .facet-switch--desktop-checkbox .facet-switch__inner {
    align-items: center;
    background-color: var(--local-background-color);
    border-color: var(--local-border-color);
    border-radius: var(--local-border-radius);
    border-style: solid;
    border-width: var(--local-border-width);
    box-shadow: var(--gsc-size-depth-0) var(--gsc-size-depth-050)
      var(--gsc-size-blur-200) 0 var(--gsc-color-background-black-5) inset;
    display: flex;
    height: var(--local-size);
    justify-content: center;
    transition:
      background-color 0.2s ease,
      border-color 0.2s ease;
    width: var(--local-size);
  }
  .facet-switch--desktop-checkbox .facet-switch__label {
    color: var(--local-text-color);
    display: flex;
    font-family: var(--local-font-family);
    font-size: var(--local-font-size);
    font-style: var(--local-font-style);
    gap: var(--gsc-space-100);
  }
  .facet-switch--desktop-checkbox .facet-switch__count {
    color: var(--gsc-color-input-text-35);
    display: none;
  }
  .facet-switch--desktop-checkbox .facet-switch__icon {
    color: var(--local-icon-color);
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .facet-switch--desktop-checkbox:hover:has(input:not(:disabled):not(:checked))
    .facet-switch__inner {
    background-color: var(--local-background-color-hover);
    border-color: var(--local-border-color-hover);
    border-width: var(--local-border-width-hover);
  }
  .facet-switch--desktop-checkbox:has(input:checked) .facet-switch__inner {
    background-color: var(--local-background-color-active);
    border-color: var(--local-border-color-active);
    border-width: var(--local-border-width-hover);
  }
  .facet-switch--desktop-checkbox:has(input:checked) .facet-switch__icon {
    opacity: 1;
  }
  .facet-switch--desktop-checkbox:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.5;
  }
  .facet-switch--desktop-checkbox-show-count .facet-switch__count {
    display: inline-block;
  }
  .facet-switch--desktop-checkbox-size-small {
    --local-gap: var(--gsc-space-200);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-350);
  }
  .facet-switch--desktop-checkbox-size-medium {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
  }
  .facet-switch--desktop-checkbox-swatch {
    --local-font-family: var(--gsc-font-family-checkbox);
    --local-font-style: var(--gsc-font-style-checkbox);
    --local-text-color: var(--gsc-color-checkbox-text);
    --local-icon-color: var(--gsc-color-checkbox-selected-text);
    --local-background-color: var(--desktop-checkbox-swatch-color);
    --local-background-color-hover: var(--desktop-checkbox-swatch-color);
    --local-background-color-active: var(--desktop-checkbox-swatch-color);
    --local-border-width: var(--gsc-border-width-checkbox);
    --local-border-width-hover: var(--gsc-border-width-checkbox);
    --local-border-width-active: var(--gsc-border-width-checkbox);
    --local-border-color: var(--gsc-color-checkbox-border);
    --local-border-color-hover: var(--gsc-color-checkbox-border-hover);
    --local-border-color-active: var(--gsc-color-checkbox-selected-border);
    --local-outline-color: var(--gsc-color-heading);
    cursor: pointer;
    display: flex;
    gap: var(--local-gap);
  }
  .facet-switch--desktop-checkbox-swatch .facet-switch__inner {
    align-items: center;
    background: var(--local-background-color) no-repeat 50% 50%;
    background-size: cover;
    border-radius: var(--local-border-radius, 1000px);
    box-shadow: var(--gsc-size-depth-050) var(--gsc-size-depth-050)
      var(--gsc-size-blur-150) var(--gsc-size-depth-0)
      var(--gsc-color-background-black-15) inset;
    display: flex;
    height: var(--local-size);
    justify-content: center;
    transition:
      background-color 0.15s ease,
      border-color 0.15s ease;
    width: var(--local-size);
  }
  .facet-switch--desktop-checkbox-swatch .facet-switch__label {
    color: var(--local-text-color);
    font-family: var(--local-font-family);
    font-size: var(--local-font-size);
    font-style: var(--local-font-style);
  }
  .facet-switch--desktop-checkbox-swatch .facet-switch__count {
    color: var(--gsc-color-input-text-35);
    display: none;
  }
  .facet-switch--desktop-checkbox-swatch .facet-switch__icon {
    color: var(--local-icon-color);
    opacity: 0;
    transition: opacity 0.15s ease;
  }
  .facet-switch--desktop-checkbox-swatch:hover:has(
      input:not(:disabled):not(:checked)
    )
    .facet-switch__inner {
    background-color: var(--local-background-color-hover);
  }
  .facet-switch--desktop-checkbox-swatch:has(input:checked)
    .facet-switch__inner {
    background-color: var(--local-background-color-active);
    outline: 1px solid var(--local-outline-color);
    outline-offset: var(--local-outline-offset);
  }
  .facet-switch--desktop-checkbox-swatch:has(input:checked)
    .facet-switch__icon {
    opacity: 1;
  }
  .facet-switch--desktop-checkbox-swatch:has(input:disabled) {
    cursor: not-allowed;
  }
  .facet-switch--desktop-checkbox-swatch:has(input:disabled)
    .facet-switch__inner {
    opacity: 0.35;
    overflow: hidden;
    position: relative;
  }
  .facet-switch--desktop-checkbox-swatch:has(input:disabled)
    .facet-switch__inner::after {
    border-bottom: 1px solid var(--gsc-color-input-text);
    content: " ";
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-45deg);
  }
  .facet-switch--desktop-checkbox-swatch:has(input:disabled)
    .facet-switch__label {
    opacity: 0.25;
  }
  .facet-switch--desktop-checkbox-swatch-show-count .facet-switch__count {
    display: inline-block;
  }
  .facet-switch--desktop-checkbox-swatch-size-small {
    --local-gap: var(--gsc-space-200);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-350);
    --local-outline-offset: 1.5px;
  }
  .facet-switch--desktop-checkbox-swatch-size-medium {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
    --local-outline-offset: 2px;
  }
  .facet-switch--desktop-chip {
    background-color: var(--local-background-color);
    border: var(--local-border);
    border-radius: var(--gsc-border-radius-full);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--local-font-family);
    font-style: var(--local-font-style);
    gap: var(--local-gap);
    padding-block: var(--local-padding-block);
    padding-inline: var(--local-padding-inline);
    transition:
      opacity 0.2s ease,
      background-color 0.2s ease;
    width: -moz-fit-content;
    width: fit-content;
  }
  .facet-switch--desktop-chip .facet-switch__inner {
    display: none;
  }
  .facet-switch--desktop-chip .facet-switch__label {
    color: var(--local-text-color);
    display: flex;
    font-size: var(--local-font-size);
    gap: var(--gsc-space-100);
  }
  .facet-switch--desktop-chip .facet-switch__count {
    color: rgb(from var(--local-text-color) r g b/calc(alpha * 0.6));
    display: none;
  }
  .facet-switch--desktop-chip .facet-switch__icon {
    display: none;
  }
  .facet-switch--desktop-chip:hover:has(input:not(:disabled):not(:checked)) {
    background-color: var(--local-background-color-hover);
  }
  .facet-switch--desktop-chip:hover:has(input:not(:disabled):checked) {
    opacity: 0.8;
  }
  .facet-switch--desktop-chip:has(input:checked) {
    background-color: var(--local-background-color-active);
    border: var(--local-border-active);
  }
  .facet-switch--desktop-chip:has(input:checked) .facet-switch__label {
    color: var(--local-text-color-active);
  }
  .facet-switch--desktop-chip:has(input:checked) .facet-switch__count {
    color: rgb(from var(--local-text-color-active) r g b/calc(alpha * 0.6));
  }
  .facet-switch--desktop-chip:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .facet-switch--desktop-chip-show-count .facet-switch__count {
    display: inline-block;
  }
  .facet-switch--desktop-chip-size-small {
    --local-gap: var(--gsc-space-200);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-150);
    --local-padding-inline: var(--gsc-space-300);
  }
  .facet-switch--desktop-chip-size-medium {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-400);
  }
  .facet-switch--desktop-chip-size-large {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-350);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-400);
  }
  .facet-switch--desktop-chip-size-x-large {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-500);
  }
  .facet-switch--desktop-chip-preset-filled {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .facet-switch--desktop-chip-preset-outlined {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .facet-switch--desktop-chip-swatch {
    align-items: center;
    background: var(--local-background-color);
    border: var(--local-border);
    border-radius: var(--gsc-border-radius-full);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--local-font-family);
    font-style: var(--local-font-style);
    gap: var(--local-gap);
    padding-block: var(--local-padding-block);
    padding-inline: var(--local-padding-inline);
    transition:
      opacity 0.2s ease,
      background-color 0.2s ease;
    width: -moz-fit-content;
    width: fit-content;
  }
  .facet-switch--desktop-chip-swatch .facet-switch__inner {
    background: var(--desktop-chip-swatch-color) no-repeat 50% 50%;
    border-radius: var(--gsc-border-radius-full);
    height: 16px;
    width: 16px;
  }
  .facet-switch--desktop-chip-swatch .facet-switch__label {
    color: var(--local-text-color);
    display: flex;
    font-size: var(--local-font-size);
    gap: var(--gsc-space-100);
  }
  .facet-switch--desktop-chip-swatch .facet-switch__count {
    color: rgb(from var(--local-text-color) r g b/calc(alpha * 0.6));
    display: none;
  }
  .facet-switch--desktop-chip-swatch .facet-switch__icon {
    display: none;
  }
  .facet-switch--desktop-chip-swatch:hover:has(
      input:not(:disabled):not(:checked)
    ) {
    background-color: var(--local-background-color-hover);
  }
  .facet-switch--desktop-chip-swatch:hover:has(input:not(:disabled):checked) {
    opacity: 0.8;
  }
  .facet-switch--desktop-chip-swatch:has(input:checked) {
    background-color: var(--local-background-color-active);
    border: var(--local-border-active);
  }
  .facet-switch--desktop-chip-swatch:has(input:checked) .facet-switch__label {
    color: var(--local-text-color-active);
  }
  .facet-switch--desktop-chip-swatch:has(input:checked) .facet-switch__count {
    color: rgb(from var(--local-text-color-active) r g b/calc(alpha * 0.6));
  }
  .facet-switch--desktop-chip-swatch:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .facet-switch--desktop-chip-swatch-show-count .facet-switch__count {
    display: inline-block;
  }
  .facet-switch--desktop-chip-swatch-size-small {
    --local-gap: var(--gsc-space-150);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-150);
    --local-padding-inline: var(--gsc-space-150) var(--gsc-space-300);
  }
  .facet-switch--desktop-chip-swatch-size-medium {
    --local-gap: var(--gsc-space-150);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-250) var(--gsc-space-400);
  }
  .facet-switch--desktop-chip-swatch-size-large {
    --local-gap: var(--gsc-space-150);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-350);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-250) var(--gsc-space-400);
  }
  .facet-switch--desktop-chip-swatch-size-x-large {
    --local-gap: var(--gsc-space-150);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-300) var(--gsc-space-500);
  }
  .facet-switch--desktop-chip-swatch-preset-filled {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .facet-switch--desktop-chip-swatch-preset-outlined {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .facet-switch--desktop-swatch {
    --local-text-color: var(--gsc-color-input-text);
    --local-background-color: var(--desktop-swatch-color);
    --local-background-color-hover: var(--desktop-swatch-color);
    --local-background-color-active: var(--desktop-swatch-color);
    --local-outline-color: var(--gsc-color-heading);
    --local-outline-color-hover: var(--gsc-color-heading-tertiary);
    --local-gap: var(--gsc-space-200);
    --local-size: var(--desktop-swatch-size);
    --local-font-size: var(--gsc-font-size-350);
    --local-outline-offset: 2px;
    --local-border-radius: var(--desktop-swatch-corner-radius);
    cursor: pointer;
    display: flex;
    gap: var(--local-gap);
    width: -moz-fit-content;
    width: fit-content;
  }
  .facet-switch--desktop-swatch .facet-switch__inner {
    align-items: center;
    background: var(--local-background-color) no-repeat 50% 50%;
    background-size: cover;
    border-radius: var(--local-border-radius, 1000px);
    box-shadow: var(--gsc-size-depth-050) var(--gsc-size-depth-050)
      var(--gsc-size-blur-150) var(--gsc-size-depth-0)
      var(--gsc-color-background-black-15) inset;
    display: flex;
    height: var(--local-size);
    justify-content: center;
    outline-offset: var(--local-outline-offset);
    transition: background-color 0.15s ease;
    width: var(--local-size);
  }
  .facet-switch--desktop-swatch .facet-switch__label {
    display: none;
  }
  .facet-switch--desktop-swatch .facet-switch__icon {
    color: #fff;
    opacity: 0;
    transition: opacity 0.15s ease;
  }
  .facet-switch--desktop-swatch:hover:has(input:not(:disabled):not(:checked))
    .facet-switch__inner {
    outline: 1px solid var(--local-outline-color-hover);
  }
  .facet-switch--desktop-swatch:has(input:checked) .facet-switch__inner {
    outline: 1px solid var(--local-outline-color);
  }
  .facet-switch--desktop-swatch:has(input:checked) .facet-switch__icon {
    opacity: 1;
  }
  .facet-switch--desktop-swatch:has(input:disabled) {
    cursor: not-allowed;
  }
  .facet-switch--desktop-swatch:has(input:disabled) .facet-switch__inner {
    opacity: 0.35;
    overflow: hidden;
    position: relative;
  }
  .facet-switch--desktop-swatch:has(input:disabled)
    .facet-switch__inner::after {
    background: linear-gradient(
      to bottom right,
      transparent calc(50% - 0.5px),
      var(--gsc-color-input-text) calc(50% - 0.25px),
      var(--gsc-color-input-text) calc(50% + 0.25px),
      transparent calc(50% + 0.5px)
    );
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    width: 100%;
  }
}
@media (width < 750px) {
  .filter:not(.filter--full-screen) .facet-switch--mobile-checkbox {
    --local-font-family: var(--gsc-font-family-checkbox);
    --local-font-style: var(--gsc-font-style-checkbox);
    --local-text-color: var(--gsc-color-checkbox-text);
    --local-icon-color: var(--gsc-color-checkbox-selected-text);
    --local-background-color: var(--gsc-color-checkbox-bg);
    --local-background-color-hover: var(--gsc-color-checkbox-bg-hover);
    --local-background-color-active: var(--gsc-color-checkbox-selected-bg);
    --local-border-width: var(--gsc-border-width-checkbox);
    --local-border-width-hover: var(--gsc-border-width-checkbox);
    --local-border-width-active: var(--gsc-border-width-checkbox);
    --local-border-color: var(--gsc-color-checkbox-border);
    --local-border-color-hover: var(--gsc-color-checkbox-border-hover);
    --local-border-color-active: var(--gsc-color-checkbox-selected-border);
    --local-border-radius: var(--gsc-border-radius-150);
    cursor: pointer;
    display: flex;
    gap: var(--local-gap);
    width: 100%;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox
    .facet-switch__inner {
    align-items: center;
    background-color: var(--local-background-color);
    border-color: var(--local-border-color);
    border-radius: var(--local-border-radius);
    border-style: solid;
    border-width: var(--local-border-width);
    box-shadow: var(--gsc-size-depth-0) var(--gsc-size-depth-050)
      var(--gsc-size-blur-200) 0 var(--gsc-color-background-black-5) inset;
    display: flex;
    height: var(--local-size);
    justify-content: center;
    transition:
      background-color 0.2s ease,
      border-color 0.2s ease;
    width: var(--local-size);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox
    .facet-switch__label {
    color: var(--local-text-color);
    display: flex;
    font-family: var(--local-font-family);
    font-size: var(--local-font-size);
    font-style: var(--local-font-style);
    gap: var(--gsc-space-100);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox
    .facet-switch__count {
    color: var(--gsc-color-input-text-35);
    display: none;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox
    .facet-switch__icon {
    color: var(--local-icon-color);
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox:hover:has(input:not(:disabled):not(:checked))
    .facet-switch__inner {
    background-color: var(--local-background-color-hover);
    border-color: var(--local-border-color-hover);
    border-width: var(--local-border-width-hover);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox:has(input:checked)
    .facet-switch__inner {
    background-color: var(--local-background-color-active);
    border-color: var(--local-border-color-active);
    border-width: var(--local-border-width-hover);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox:has(input:checked)
    .facet-switch__icon {
    opacity: 1;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.5;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-show-count
    .facet-switch__count {
    display: inline-block;
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-checkbox-size-small {
    --local-gap: var(--gsc-space-200);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-350);
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-checkbox-size-medium {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-checkbox-swatch {
    --local-font-family: var(--gsc-font-family-checkbox);
    --local-font-style: var(--gsc-font-style-checkbox);
    --local-text-color: var(--gsc-color-checkbox-text);
    --local-icon-color: var(--gsc-color-checkbox-selected-text);
    --local-background-color: var(--mobile-checkbox-swatch-color);
    --local-background-color-hover: var(--mobile-checkbox-swatch-color);
    --local-background-color-active: var(--mobile-checkbox-swatch-color);
    --local-border-width: var(--gsc-border-width-checkbox);
    --local-border-width-hover: var(--gsc-border-width-checkbox);
    --local-border-width-active: var(--gsc-border-width-checkbox);
    --local-border-color: var(--gsc-color-checkbox-border);
    --local-border-color-hover: var(--gsc-color-checkbox-border-hover);
    --local-border-color-active: var(--gsc-color-checkbox-selected-border);
    --local-outline-color: var(--gsc-color-heading);
    cursor: pointer;
    display: flex;
    gap: var(--local-gap);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch
    .facet-switch__inner {
    align-items: center;
    background: var(--local-background-color) no-repeat 50% 50%;
    background-size: cover;
    border-radius: var(--local-border-radius, 1000px);
    box-shadow: var(--gsc-size-depth-050) var(--gsc-size-depth-050)
      var(--gsc-size-blur-150) var(--gsc-size-depth-0)
      var(--gsc-color-background-black-15) inset;
    display: flex;
    height: var(--local-size);
    justify-content: center;
    transition:
      background-color 0.15s ease,
      border-color 0.15s ease;
    width: var(--local-size);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch
    .facet-switch__label {
    color: var(--local-text-color);
    font-family: var(--local-font-family);
    font-size: var(--local-font-size);
    font-style: var(--local-font-style);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch
    .facet-switch__count {
    color: var(--gsc-color-input-text-35);
    display: none;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch
    .facet-switch__icon {
    color: var(--local-icon-color);
    opacity: 0;
    transition: opacity 0.15s ease;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch:hover:has(
      input:not(:disabled):not(:checked)
    )
    .facet-switch__inner {
    background-color: var(--local-background-color-hover);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch:has(input:checked)
    .facet-switch__inner {
    background-color: var(--local-background-color-active);
    outline: 1px solid var(--local-outline-color);
    outline-offset: var(--local-outline-offset);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch:has(input:checked)
    .facet-switch__icon {
    opacity: 1;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch:has(input:disabled) {
    cursor: not-allowed;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch:has(input:disabled)
    .facet-switch__inner {
    opacity: 0.35;
    overflow: hidden;
    position: relative;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch:has(input:disabled)
    .facet-switch__inner::after {
    border-bottom: 1px solid var(--gsc-color-input-text);
    content: " ";
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-45deg);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch:has(input:disabled)
    .facet-switch__label {
    opacity: 0.25;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch-show-count
    .facet-switch__count {
    display: inline-block;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch-size-small {
    --local-gap: var(--gsc-space-200);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-350);
    --local-outline-offset: 1.5px;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-checkbox-swatch-size-medium {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
    --local-outline-offset: 2px;
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-chip {
    background-color: var(--local-background-color);
    border: var(--local-border);
    border-radius: var(--gsc-border-radius-full);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--local-font-family);
    font-style: var(--local-font-style);
    gap: var(--local-gap);
    padding-block: var(--local-padding-block);
    padding-inline: var(--local-padding-inline);
    transition:
      opacity 0.2s ease,
      background-color 0.2s ease;
    width: -moz-fit-content;
    width: fit-content;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip
    .facet-switch__inner {
    display: none;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip
    .facet-switch__label {
    color: var(--local-text-color);
    display: flex;
    font-size: var(--local-font-size);
    gap: var(--gsc-space-100);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip
    .facet-switch__count {
    color: rgb(from var(--local-text-color) r g b/calc(alpha * 0.6));
    display: none;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip
    .facet-switch__icon {
    display: none;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip:hover:has(input:not(:disabled):not(:checked)) {
    background-color: var(--local-background-color-hover);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip:hover:has(input:not(:disabled):checked) {
    opacity: 0.8;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip:has(input:checked) {
    background-color: var(--local-background-color-active);
    border: var(--local-border-active);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip:has(input:checked)
    .facet-switch__label {
    color: var(--local-text-color-active);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip:has(input:checked)
    .facet-switch__count {
    color: rgb(from var(--local-text-color-active) r g b/calc(alpha * 0.6));
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-show-count
    .facet-switch__count {
    display: inline-block;
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-chip-size-small {
    --local-gap: var(--gsc-space-200);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-150);
    --local-padding-inline: var(--gsc-space-300);
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-chip-size-medium {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-400);
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-chip-size-large {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-350);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-400);
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-chip-size-x-large {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-500);
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-chip-preset-filled {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-chip-preset-outlined {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-chip-swatch {
    align-items: center;
    background: var(--local-background-color);
    border: var(--local-border);
    border-radius: var(--gsc-border-radius-full);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--local-font-family);
    font-style: var(--local-font-style);
    gap: var(--local-gap);
    padding-block: var(--local-padding-block);
    padding-inline: var(--local-padding-inline);
    transition:
      opacity 0.2s ease,
      background-color 0.2s ease;
    width: -moz-fit-content;
    width: fit-content;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch
    .facet-switch__inner {
    background: var(--mobile-chip-swatch-color) no-repeat 50% 50%;
    border-radius: var(--gsc-border-radius-full);
    height: 16px;
    width: 16px;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch
    .facet-switch__label {
    color: var(--local-text-color);
    display: flex;
    font-size: var(--local-font-size);
    gap: var(--gsc-space-100);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch
    .facet-switch__count {
    color: rgb(from var(--local-text-color) r g b/calc(alpha * 0.6));
    display: none;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch
    .facet-switch__icon {
    display: none;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch:hover:has(
      input:not(:disabled):not(:checked)
    ) {
    background-color: var(--local-background-color-hover);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch:hover:has(input:not(:disabled):checked) {
    opacity: 0.8;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch:has(input:checked) {
    background-color: var(--local-background-color-active);
    border: var(--local-border-active);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch:has(input:checked)
    .facet-switch__label {
    color: var(--local-text-color-active);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch:has(input:checked)
    .facet-switch__count {
    color: rgb(from var(--local-text-color-active) r g b/calc(alpha * 0.6));
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch-show-count
    .facet-switch__count {
    display: inline-block;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch-size-small {
    --local-gap: var(--gsc-space-150);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-150);
    --local-padding-inline: var(--gsc-space-150) var(--gsc-space-300);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch-size-medium {
    --local-gap: var(--gsc-space-150);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-250) var(--gsc-space-400);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch-size-large {
    --local-gap: var(--gsc-space-150);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-350);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-250) var(--gsc-space-400);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch-size-x-large {
    --local-gap: var(--gsc-space-150);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-300) var(--gsc-space-500);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch-preset-filled {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-chip-swatch-preset-outlined {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .filter:not(.filter--full-screen) .facet-switch--mobile-swatch {
    --local-text-color: var(--gsc-color-input-text);
    --local-background-color: var(--mobile-swatch-color);
    --local-background-color-hover: var(--mobile-swatch-color);
    --local-background-color-active: var(--mobile-swatch-color);
    --local-outline-color: var(--gsc-color-heading);
    --local-outline-color-hover: var(--gsc-color-heading-tertiary);
    --local-gap: var(--gsc-space-200);
    --local-size: var(--mobile-swatch-size);
    --local-font-size: var(--gsc-font-size-350);
    --local-outline-offset: 2px;
    --local-border-radius: var(--mobile-swatch-corner-radius);
    cursor: pointer;
    display: flex;
    gap: var(--local-gap);
    width: -moz-fit-content;
    width: fit-content;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-swatch
    .facet-switch__inner {
    align-items: center;
    background: var(--local-background-color) no-repeat 50% 50%;
    background-size: cover;
    border-radius: var(--local-border-radius, 1000px);
    box-shadow: var(--gsc-size-depth-050) var(--gsc-size-depth-050)
      var(--gsc-size-blur-150) var(--gsc-size-depth-0)
      var(--gsc-color-background-black-15) inset;
    display: flex;
    height: var(--local-size);
    justify-content: center;
    outline-offset: var(--local-outline-offset);
    transition: background-color 0.15s ease;
    width: var(--local-size);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-swatch
    .facet-switch__label {
    display: none;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-swatch
    .facet-switch__icon {
    color: #fff;
    opacity: 0;
    transition: opacity 0.15s ease;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-swatch:hover:has(input:not(:disabled):not(:checked))
    .facet-switch__inner {
    outline: 1px solid var(--local-outline-color-hover);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-swatch:has(input:checked)
    .facet-switch__inner {
    outline: 1px solid var(--local-outline-color);
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-swatch:has(input:checked)
    .facet-switch__icon {
    opacity: 1;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-swatch:has(input:disabled) {
    cursor: not-allowed;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-swatch:has(input:disabled)
    .facet-switch__inner {
    opacity: 0.35;
    overflow: hidden;
    position: relative;
  }
  .filter:not(.filter--full-screen)
    .facet-switch--mobile-swatch:has(input:disabled)
    .facet-switch__inner::after {
    background: linear-gradient(
      to bottom right,
      transparent calc(50% - 0.5px),
      var(--gsc-color-input-text) calc(50% - 0.25px),
      var(--gsc-color-input-text) calc(50% + 0.25px),
      transparent calc(50% + 0.5px)
    );
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    width: 100%;
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-checkbox {
    --local-font-family: var(--gsc-font-family-checkbox);
    --local-font-style: var(--gsc-font-style-checkbox);
    --local-text-color: var(--gsc-color-checkbox-text);
    --local-icon-color: var(--gsc-color-checkbox-selected-text);
    --local-background-color: var(--gsc-color-checkbox-bg);
    --local-background-color-hover: var(--gsc-color-checkbox-bg-hover);
    --local-background-color-active: var(--gsc-color-checkbox-selected-bg);
    --local-border-width: var(--gsc-border-width-checkbox);
    --local-border-width-hover: var(--gsc-border-width-checkbox);
    --local-border-width-active: var(--gsc-border-width-checkbox);
    --local-border-color: var(--gsc-color-checkbox-border);
    --local-border-color-hover: var(--gsc-color-checkbox-border-hover);
    --local-border-color-active: var(--gsc-color-checkbox-selected-border);
    --local-border-radius: var(--gsc-border-radius-150);
    cursor: pointer;
    display: flex;
    gap: var(--local-gap);
    width: 100%;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox
    .facet-switch__inner {
    align-items: center;
    background-color: var(--local-background-color);
    border-color: var(--local-border-color);
    border-radius: var(--local-border-radius);
    border-style: solid;
    border-width: var(--local-border-width);
    box-shadow: var(--gsc-size-depth-0) var(--gsc-size-depth-050)
      var(--gsc-size-blur-200) 0 var(--gsc-color-background-black-5) inset;
    display: flex;
    height: var(--local-size);
    justify-content: center;
    transition:
      background-color 0.2s ease,
      border-color 0.2s ease;
    width: var(--local-size);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox
    .facet-switch__label {
    color: var(--local-text-color);
    display: flex;
    font-family: var(--local-font-family);
    font-size: var(--local-font-size);
    font-style: var(--local-font-style);
    gap: var(--gsc-space-100);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox
    .facet-switch__count {
    color: var(--gsc-color-input-text-35);
    display: none;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox
    .facet-switch__icon {
    color: var(--local-icon-color);
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox:hover:has(
      input:not(:disabled):not(:checked)
    )
    .facet-switch__inner {
    background-color: var(--local-background-color-hover);
    border-color: var(--local-border-color-hover);
    border-width: var(--local-border-width-hover);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox:has(input:checked)
    .facet-switch__inner {
    background-color: var(--local-background-color-active);
    border-color: var(--local-border-color-active);
    border-width: var(--local-border-width-hover);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox:has(input:checked)
    .facet-switch__icon {
    opacity: 1;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.5;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-show-count
    .facet-switch__count {
    display: inline-block;
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-checkbox-size-small {
    --local-gap: var(--gsc-space-200);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-350);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-size-medium {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-checkbox-swatch {
    --local-font-family: var(--gsc-font-family-checkbox);
    --local-font-style: var(--gsc-font-style-checkbox);
    --local-text-color: var(--gsc-color-checkbox-text);
    --local-icon-color: var(--gsc-color-checkbox-selected-text);
    --local-background-color: var(--mobile-screen-checkbox-swatch-color);
    --local-background-color-hover: var(--mobile-screen-checkbox-swatch-color);
    --local-background-color-active: var(--mobile-screen-checkbox-swatch-color);
    --local-border-width: var(--gsc-border-width-checkbox);
    --local-border-width-hover: var(--gsc-border-width-checkbox);
    --local-border-width-active: var(--gsc-border-width-checkbox);
    --local-border-color: var(--gsc-color-checkbox-border);
    --local-border-color-hover: var(--gsc-color-checkbox-border-hover);
    --local-border-color-active: var(--gsc-color-checkbox-selected-border);
    --local-outline-color: var(--gsc-color-heading);
    cursor: pointer;
    display: flex;
    gap: var(--local-gap);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch
    .facet-switch__inner {
    align-items: center;
    background: var(--local-background-color) no-repeat 50% 50%;
    background-size: cover;
    border-radius: var(--local-border-radius, 1000px);
    box-shadow: var(--gsc-size-depth-050) var(--gsc-size-depth-050)
      var(--gsc-size-blur-150) var(--gsc-size-depth-0)
      var(--gsc-color-background-black-15) inset;
    display: flex;
    height: var(--local-size);
    justify-content: center;
    transition:
      background-color 0.15s ease,
      border-color 0.15s ease;
    width: var(--local-size);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch
    .facet-switch__label {
    color: var(--local-text-color);
    font-family: var(--local-font-family);
    font-size: var(--local-font-size);
    font-style: var(--local-font-style);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch
    .facet-switch__count {
    color: var(--gsc-color-input-text-35);
    display: none;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch
    .facet-switch__icon {
    color: var(--local-icon-color);
    opacity: 0;
    transition: opacity 0.15s ease;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch:hover:has(
      input:not(:disabled):not(:checked)
    )
    .facet-switch__inner {
    background-color: var(--local-background-color-hover);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch:has(input:checked)
    .facet-switch__inner {
    background-color: var(--local-background-color-active);
    outline: 1px solid var(--local-outline-color);
    outline-offset: var(--local-outline-offset);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch:has(input:checked)
    .facet-switch__icon {
    opacity: 1;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch:has(input:disabled) {
    cursor: not-allowed;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch:has(input:disabled)
    .facet-switch__inner {
    opacity: 0.35;
    overflow: hidden;
    position: relative;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch:has(input:disabled)
    .facet-switch__inner::after {
    border-bottom: 1px solid var(--gsc-color-input-text);
    content: " ";
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-45deg);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch:has(input:disabled)
    .facet-switch__label {
    opacity: 0.25;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch-show-count
    .facet-switch__count {
    display: inline-block;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch-size-small {
    --local-gap: var(--gsc-space-200);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-350);
    --local-outline-offset: 1.5px;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-checkbox-swatch-size-medium {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
    --local-outline-offset: 2px;
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-chip {
    background-color: var(--local-background-color);
    border: var(--local-border);
    border-radius: var(--gsc-border-radius-full);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--local-font-family);
    font-style: var(--local-font-style);
    gap: var(--local-gap);
    padding-block: var(--local-padding-block);
    padding-inline: var(--local-padding-inline);
    transition:
      opacity 0.2s ease,
      background-color 0.2s ease;
    width: -moz-fit-content;
    width: fit-content;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip
    .facet-switch__inner {
    display: none;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip
    .facet-switch__label {
    color: var(--local-text-color);
    display: flex;
    font-size: var(--local-font-size);
    gap: var(--gsc-space-100);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip
    .facet-switch__count {
    color: rgb(from var(--local-text-color) r g b/calc(alpha * 0.6));
    display: none;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip
    .facet-switch__icon {
    display: none;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip:hover:has(
      input:not(:disabled):not(:checked)
    ) {
    background-color: var(--local-background-color-hover);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip:hover:has(input:not(:disabled):checked) {
    opacity: 0.8;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip:has(input:checked) {
    background-color: var(--local-background-color-active);
    border: var(--local-border-active);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip:has(input:checked)
    .facet-switch__label {
    color: var(--local-text-color-active);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip:has(input:checked)
    .facet-switch__count {
    color: rgb(from var(--local-text-color-active) r g b/calc(alpha * 0.6));
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-show-count
    .facet-switch__count {
    display: inline-block;
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-chip-size-small {
    --local-gap: var(--gsc-space-200);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-150);
    --local-padding-inline: var(--gsc-space-300);
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-chip-size-medium {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-400);
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-chip-size-large {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-350);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-400);
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-chip-size-x-large {
    --local-gap: var(--gsc-space-250);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-500);
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-chip-preset-filled {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-preset-outlined {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-chip-swatch {
    align-items: center;
    background: var(--local-background-color);
    border: var(--local-border);
    border-radius: var(--gsc-border-radius-full);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--local-font-family);
    font-style: var(--local-font-style);
    gap: var(--local-gap);
    padding-block: var(--local-padding-block);
    padding-inline: var(--local-padding-inline);
    transition:
      opacity 0.2s ease,
      background-color 0.2s ease;
    width: -moz-fit-content;
    width: fit-content;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch
    .facet-switch__inner {
    background: var(--mobile-screen-chip-swatch-color) no-repeat 50% 50%;
    border-radius: var(--gsc-border-radius-full);
    height: 16px;
    width: 16px;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch
    .facet-switch__label {
    color: var(--local-text-color);
    display: flex;
    font-size: var(--local-font-size);
    gap: var(--gsc-space-100);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch
    .facet-switch__count {
    color: rgb(from var(--local-text-color) r g b/calc(alpha * 0.6));
    display: none;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch
    .facet-switch__icon {
    display: none;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch:hover:has(
      input:not(:disabled):not(:checked)
    ) {
    background-color: var(--local-background-color-hover);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch:hover:has(
      input:not(:disabled):checked
    ) {
    opacity: 0.8;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch:has(input:checked) {
    background-color: var(--local-background-color-active);
    border: var(--local-border-active);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch:has(input:checked)
    .facet-switch__label {
    color: var(--local-text-color-active);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch:has(input:checked)
    .facet-switch__count {
    color: rgb(from var(--local-text-color-active) r g b/calc(alpha * 0.6));
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.4;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch-show-count
    .facet-switch__count {
    display: inline-block;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch-size-small {
    --local-gap: var(--gsc-space-150);
    --local-size: 20px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-150);
    --local-padding-inline: var(--gsc-space-150) var(--gsc-space-300);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch-size-medium {
    --local-gap: var(--gsc-space-150);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-300);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-250) var(--gsc-space-400);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch-size-large {
    --local-gap: var(--gsc-space-150);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-350);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-250) var(--gsc-space-400);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch-size-x-large {
    --local-gap: var(--gsc-space-150);
    --local-size: 24px;
    --local-font-size: var(--gsc-font-size-400);
    --local-padding-block: var(--gsc-space-200);
    --local-padding-inline: var(--gsc-space-300) var(--gsc-space-500);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch-preset-filled {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-chip-swatch-preset-outlined {
    --local-font-family: var(--gsc-font-family-filter-pill);
    --local-font-style: var(--gsc-font-style-filter-pill);
    --local-text-color: var(--gsc-color-filter-pill-text);
    --local-text-color-active: var(--gsc-color-filter-pill-selected-text);
    --local-background-color: var(--gsc-color-filter-pill-bg);
    --local-background-color-hover: var(--gsc-color-filter-pill-bg-hover);
    --local-background-color-active: var(--gsc-color-filter-pill-selected-bg);
    --local-border-radius: var(--gsc-border-radius-150);
    --local-border: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-border);
    --local-border-active: var(--gsc-border-width-filter-pill) solid
      var(--gsc-color-filter-pill-selected-border);
  }
  .filter.filter--full-screen .facet-switch--mobile-screen-swatch {
    --local-text-color: var(--gsc-color-input-text);
    --local-background-color: var(--mobile-screen-swatch-color);
    --local-background-color-hover: var(--mobile-screen-swatch-color);
    --local-background-color-active: var(--mobile-screen-swatch-color);
    --local-outline-color: var(--gsc-color-heading);
    --local-outline-color-hover: var(--gsc-color-heading-tertiary);
    --local-gap: var(--gsc-space-200);
    --local-size: var(--mobile-screen-swatch-size);
    --local-font-size: var(--gsc-font-size-350);
    --local-outline-offset: 2px;
    --local-border-radius: var(--mobile-screen-swatch-corner-radius);
    cursor: pointer;
    display: flex;
    gap: var(--local-gap);
    width: -moz-fit-content;
    width: fit-content;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-swatch
    .facet-switch__inner {
    align-items: center;
    background: var(--local-background-color) no-repeat 50% 50%;
    background-size: cover;
    border-radius: var(--local-border-radius, 1000px);
    box-shadow: var(--gsc-size-depth-050) var(--gsc-size-depth-050)
      var(--gsc-size-blur-150) var(--gsc-size-depth-0)
      var(--gsc-color-background-black-15) inset;
    display: flex;
    height: var(--local-size);
    justify-content: center;
    outline-offset: var(--local-outline-offset);
    transition: background-color 0.15s ease;
    width: var(--local-size);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-swatch
    .facet-switch__label {
    display: none;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-swatch
    .facet-switch__icon {
    color: #fff;
    opacity: 0;
    transition: opacity 0.15s ease;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-swatch:hover:has(
      input:not(:disabled):not(:checked)
    )
    .facet-switch__inner {
    outline: 1px solid var(--local-outline-color-hover);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-swatch:has(input:checked)
    .facet-switch__inner {
    outline: 1px solid var(--local-outline-color);
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-swatch:has(input:checked)
    .facet-switch__icon {
    opacity: 1;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-swatch:has(input:disabled) {
    cursor: not-allowed;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-swatch:has(input:disabled)
    .facet-switch__inner {
    opacity: 0.35;
    overflow: hidden;
    position: relative;
  }
  .filter.filter--full-screen
    .facet-switch--mobile-screen-swatch:has(input:disabled)
    .facet-switch__inner::after {
    background: linear-gradient(
      to bottom right,
      transparent calc(50% - 0.5px),
      var(--gsc-color-input-text) calc(50% - 0.25px),
      var(--gsc-color-input-text) calc(50% + 0.25px),
      transparent calc(50% + 0.5px)
    );
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    width: 100%;
  }
}
.password-footer {
  position: relative;
  width: 100%;
}
.password-footer__content {
  align-items: center;
  display: flex;
  gap: var(--gsc-space-600);
  justify-content: center;
  position: relative;
  .password-footer__login,
  .password-footer__password {
    align-items: center;
    color: var(--gsc-color-heading);
    display: flex;
    font-size: 14px;
    gap: var(--gsc-space-200);
    a,
    button {
      color: inherit;
      text-decoration: underline;
    }
  }
}
.password-header {
  position: relative;
  width: 100%;
  .password-header__content {
    align-items: center;
    display: flex;
    gap: var(--gsc-space-600);
    position: relative;
    .password-header--alignment-left & {
      justify-content: flex-start;
    }
    .password-header--alignment-center & {
      justify-content: center;
    }
    .password-header--alignment-right & {
      justify-content: flex-end;
    }
  }
}
.password-dialog {
  .password-dialog__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--gsc-space-800);
    height: 100%;
    justify-content: center;
    width: 100%;
    .password-dialog__form {
      max-width: 400px;
      width: 100%;
    }
  }
}
.gift-card {
  display: flex;
  flex-direction: column;
  padding: var(--gsc-space-600);
  --buttons-max-width: min(16rem, 100%);
  --gift-card-image-max-height: 35rem;
  --gift-card-image-max-width: 21rem;
  gap: var(--gsc-space-1200);
}
.gift-card__main {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-600);
}
.gift-card__image-wrapper {
  display: flex;
  height: 100%;
  margin: var(--padding-4xl) auto;
  max-width: var(--gift-card-image-max-width);
}
.gift-card__image {
  aspect-ratio: 5/3;
  max-height: var(--gift-card-image-max-height);
  max-width: var(--gift-card-image-max-width);
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
.gift-card__image-border {
  border: 1px solid var(--gsc-color-border);
  border-radius: 18px;
  padding: var(--padding-5xl);
}
.gift-card__price {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gsc-space-400);
  justify-content: center;
}
.gift-card__code {
  font-family: var(--gsc-font-body--family);
  font-style: var(--gsc-font-body--style);
}
.gift-card__price h2 {
  font-family: var(--gsc-font-body--family);
  font-style: var(--gsc-font-body--style);
  font-weight: var(--font-paragraph--weight);
  margin-block-end: var(--margin-xl);
  text-align: center;
}
.gift-card__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-200);
  margin: 0 auto;
  text-align: center;
}
.gift-card__badge {
  background-color: rgb(var(--gsc-color-background));
  border: 1px solid red;
  border-color: rgba(var(--gsc-color-border), 0.04);
  border-radius: 10px;
  color: rgb(var(--gsc-color-heading));
  display: inline-block;
  line-height: 0.25;
  margin-block: 0;
  padding: var(--gsc-space-400);
  text-align: center;
  &.gift-card__badge--expired {
    opacity: 0.7;
  }
}
.gift-card__qr-code {
  img {
    margin: 0 auto;
    width: auto;
  }
}
.gift-card__buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--gsc-space-200);
  justify-content: center;
  margin: 0 auto;
}
.gift-card__buttons .button {
  justify-content: center;
  padding: 50px;
  width: 100%;
}
.gift-card__copy-button {
  display: flex;
  padding-block-start: var(--gsc-space-500);
  position: relative;
}
.form__message {
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: calc(10px * -1);
  transform: translateY(50px);
  transition:
    opacity 0.4s,
    transform 40ms;
}
.form__message:not(.visually-hidden) {
  opacity: 1;
  transform: translateY(0);
}
.featured-product {
  position: relative;
}
.featured-product__content {
  height: 100%;
  position: relative;
}
.page-block {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-600);
  position: relative;
  .page-block__title {
    position: relative;
  }
  .page-block__content {
    overflow: hidden;
    position: relative;
    img {
      width: 100%;
    }
  }
}
.main-page {
  position: relative;
  width: 100%;
}
.main-page__content {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-600);
  height: 100%;
  position: relative;
}
.blog-post-comments {
  display: flex;
}
.blog-post-comments__container {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-1600);
  margin: 0 auto;
  max-width: var(--gsc-blog-post-content-width, 1024px);
  width: 100%;
}
.blog-post-comments__list-heading {
  color: var(--gsc-color-heading);
  font-family: var(--gsc-font-heading--family);
  font-size: var(--gsc-font-size-700);
  font-style: normal;
  font-weight: var(--gsc-font-weight-medium);
  line-height: 135%;
}
.blog-post-comments__list {
  background: var(--gsc-color-surface);
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-1000);
  padding: var(--gsc-space-800) var(--gsc-space-1000) var(--gsc-space-1000)
    var(--gsc-space-1000);
  @media (width < 750px) {
    padding: var(--gsc-space-800) var(--gsc-space-500) var(--gsc-space-1000)
      var(--gsc-space-500);
  }
}
.blog-post-comments__form {
  margin: 0 auto;
}
.blog-post-comments__comment {
  color: var(--gsc-color-heading);
  display: flex;
  flex-direction: column;
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-350);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  gap: var(--gsc-space-400);
  line-height: 140%;
  > p {
    color: var(--gsc-color-heading);
  }
}
.blog-post-comments__author {
  color: var(--gsc-color-heading-secondary);
  display: flex;
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  gap: var(--gsc-space-300);
  line-height: 150%;
}
.blog-comments-form {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-600);
  width: 100%;
}
.blog-comments-form__header {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-500);
  width: 100%;
}
.blog-comments-form__body {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-700);
  width: 100%;
}
.blog-comments-form__heading {
  color: var(--gsc-color-heading);
  font-family: var(--gsc-font-heading--family);
  font-size: var(--gsc-font-size-700);
  font-style: normal;
  font-weight: var(--gsc-font-weight-medium);
  line-height: 135%;
}
.blog-comments-form__form {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-800);
}
.blog-comments-form__messages {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-200);
}
.blog-comments-form__message-row {
  align-items: center;
  display: flex;
  gap: var(--gsc-space-200);
}
.blog-comments-form__message {
  color: var(--gsc-color-text);
  display: flex;
  flex-direction: column;
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-350);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  gap: var(--gsc-space-200);
  line-height: 140%;
  li,
  ul {
    margin: 0;
  }
}
.blog-comments-form__message--error,
.blog-comments-form__message--success {
  border-radius: var(--gsc-border-radius-300);
  padding: var(--gsc-space-400);
}
.blog-comments-form__message--success {
  background:
    linear-gradient(0deg, rgba(84, 172, 76, 0.05), rgba(84, 172, 76, 0.05)),
    hsla(0, 0%, 100%, 0.85);
  border: 1px solid var(--gsc-color-success-primary);
  color: var(--gsc-color-success-primary);
}
.blog-comments-form__message--error {
  background:
    linear-gradient(0deg, rgba(250, 0, 0, 0.05), rgba(250, 0, 0, 0.05)),
    hsla(0, 0%, 100%, 0.85);
  border: 1px solid var(--gsc-color-critical-primary);
  color: var(--gsc-color-critical-primary);
}
.blog-comments-form__fields {
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-400);
}
.blog-comments-form__fields-row {
  display: flex;
  gap: var(--gsc-space-400);
  @media (width < 750px) {
    flex-direction: column;
  }
}
.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gsc-space-600);
  &.pagination--compact {
    gap: var(--gsc-space-100);
  }
}
.pagination__item {
  align-items: center;
  aspect-ratio: 1;
  border-radius: 100px;
  color: var(--gsc-color-heading);
  display: flex;
  justify-content: center;
  padding: 0;
  width: 44px;
  .pagination--compact & {
    width: 36px;
  }
}
.pagination__item--active {
  .pagination--preset-fill & {
    background-color: var(--gsc-color-heading);
    color: var(--gsc-color-background);
  }
  .pagination--preset-outline & {
    box-shadow: inset 0 0 0 1px var(--gsc-color-heading);
  }
}
.pagination--alignment-left {
  justify-content: flex-start;
}
.pagination--alignment-center {
  justify-content: center;
}
.pagination--alignment-right {
  justify-content: flex-end;
}
@media (width >= 750px) {
  .navigation-dots__dots--desktop-hidden {
    display: none;
  }
}
@media (width < 750px) {
  .navigation-dots__dots--mobile-hidden {
    display: none;
  }
}
.custom-liquid {
  background-color: var(
    --custom-liquid-background-color,
    var(--gsc-color-background)
  );
  border-color: rgb(
    from var(--custom-liquid-border-color) r g
      b/calc(alpha * var(--custom-liquid-border-opacity))
  );
  border-radius: var(--custom-liquid-border-radius);
  border-style: solid;
  border-width: var(--custom-liquid-border-width, 0);
  overflow: var(--custom-liquid-overflow);
  position: relative;
  width: 100%;
  @media (width >= 750px) {
    min-height: var(--custom-liquid-min-height);
  }
  @media (width < 750px) {
    min-height: var(--custom-liquid-min-height-mobile);
  }
}
.custom-liquid__content {
  height: 100%;
  position: relative;
}
.timer {
  align-items: center;
  display: flex;
  justify-content: center;
  max-width: 100%;
  min-width: 0;
  transition: opacity 0.1s ease-in-out;
}
.timer:not(.timer--ready) {
  opacity: 0;
  visibility: hidden;
}
.timer[hidden] {
  display: none;
}
.timer__inner {
  align-items: var(--align-items-mobile, var(--align-items));
  display: flex;
  flex-wrap: nowrap;
  gap: calc(var(--timer-gap, 0px) * var(--timer-gap-scale-factor, 1));
  justify-content: var(--justify-content-mobile, var(--justify-content));
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.timer__unit {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  text-align: center;
}
.timer__value {
  border-radius: unset;
  display: inline-flex;
  white-space: nowrap;
}
.timer__value .text__inner {
  display: inline-flex;
  overflow: hidden;
}
.timer__digit {
  contain: paint;
  display: inline-grid;
  overflow: hidden;
  vertical-align: bottom;
  --font-scale-factor: var(--timer-font-scale-factor, 1);
  min-width: 1ch;
}
.timer__digit-content {
  will-change: transform;
}
.timer__label {
  border-radius: unset;
  display: block;
  white-space: nowrap;
  --font-scale-factor: var(--timer-label-scale-factor, 1);
}
.timer__separator {
  align-self: stretch;
}
.timer__separator--colon {
  align-items: center;
  color: var(--timer-separators-color);
  display: flex;
  font-family: var(--gsc-font-heading-4--family);
  --font-scale-factor: calc(1.5 * var(--timer-font-scale-factor, 1));
  font-size: calc(
    var(--gsc-font-heading-4--size) * var(--font-scale-factor, 1)
  );
  line-height: 1;
}
.timer__separator--divider {
  background-color: var(--timer-separators-color);
  min-height: 100%;
  width: 1px;
}
.timer--separate .timer__unit {
  padding: var(--padding-top-mobile, 0) var(--padding-right-mobile, 0)
    var(--padding-bottom-mobile, 0) var(--padding-left-mobile, 0);
}
.timer--bg.timer--separate .timer__unit {
  background: var(--background-color);
  border-radius: var(--border-radius);
}
.timer--solid {
  border-radius: var(--border-radius);
  padding: var(--padding-top-mobile, 0) var(--padding-right-mobile, 0)
    var(--padding-bottom-mobile, 0) var(--padding-left-mobile, 0);
}
.timer--bg.timer--solid {
  background: var(--background-color);
}
.timer--solid .timer__unit {
  border-radius: var(--border-radius);
}
@media (width >= 750px) {
  .timer__inner {
    align-items: var(--align-items, flex-start);
    justify-content: var(--justify-content, flex-start);
  }
  .timer--separate .timer__unit {
    padding: var(--padding-top-desktop, 0) var(--padding-right-desktop, 0)
      var(--padding-bottom-desktop, 0) var(--padding-left-desktop, 0);
  }
  .timer--solid {
    padding: var(--padding-top-desktop, 0) var(--padding-right-desktop, 0)
      var(--padding-bottom-desktop, 0) var(--padding-left-desktop, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .timer__digit-content,
  .timer__label,
  .timer__value {
    transform: none;
    transition: none;
  }
}
.accelerated-checkout {
  --accelerated-checkout-button-background: var(--gsc-color-primary-button-bg);
  --accelerated-checkout-button-background-hover: var(
    --gsc-color-primary-button-bg-hover
  );
  --accelerated-checkout-button-background-active: var(
    --gsc-color-primary-button-bg-active
  );
  --accelerated-checkout-button-color: var(--gsc-color-primary-button-text);
  --accelerated-checkout-button-border-width: var(--gsc-border-width-primary);
  --accelerated-checkout-button-border-color: var(
    --gsc-color-primary-button-border
  );
  --accelerated-checkout-button-border-color-hover: var(
    --gsc-color-primary-button-border-hover
  );
  --accelerated-checkout-button-font-family: var(--gsc-font-family-primary);
  --accelerated-checkout-button-font-style: var(--gsc-font-style-primary);
  --accelerated-checkout-button-font-weight: var(--gsc-font-weight-primary);
  --accelerated-checkout-button-text-transform: var(--gsc-text-case-primary);
  --accelerated-checkout-button-backdrop-filter: var(
    --gsc-backdrop-filter-primary
  );
  z-index: 1;
  shopify-accelerated-checkout {
    --shopify-accelerated-checkout-button-block-size: calc(
      var(--accelerated-checkout-button-block-size) +
        var(--accelerated-checkout-button-border-width) +
        var(--accelerated-checkout-button-border-width)
    );
    --shopify-accelerated-checkout-button-border-radius: var(
      --accelerated-checkout-border-radius
    );
    .shopify-payment-button__button--unbranded {
      backdrop-filter: var(--accelerated-checkout-button-backdrop-filter);
      background: var(--accelerated-checkout-button-background);
      background-clip: padding-box;
      border: 0;
      border-radius: var(--accelerated-checkout-border-radius);
      color: var(--accelerated-checkout-button-color);
      font-family: var(--accelerated-checkout-button-font-family) !important;
      font-size: var(--accelerated-checkout-font-size) !important;
      font-style: var(--accelerated-checkout-button-font-style) !important;
      font-weight: var(--accelerated-checkout-button-font-weight) !important;
      line-height: var(--accelerated-checkout-font-line-height) !important;
      padding: 0;
      position: relative;
      text-transform: var(
        --accelerated-checkout-button-text-transform
      ) !important;
      &::before {
        background: var(--accelerated-checkout-button-border-color);
        border-radius: inherit;
        content: "";
        inset: 0;
        -webkit-mask:
          linear-gradient(#000 0 0) content-box,
          linear-gradient(#000 0 0);
        mask:
          linear-gradient(#000 0 0) content-box,
          linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: sign(var(--accelerated-checkout-button-border-width));
        padding: var(--accelerated-checkout-button-border-width);
        pointer-events: none;
        position: absolute;
      }
      &:hover {
        --accelerated-checkout-button-border-color: var(
          --accelerated-checkout-button-border-color-hover
        );
        background: var(--accelerated-checkout-button-background-hover);
      }
      &:active {
        background: var(--accelerated-checkout-button-background-active);
      }
    }
  }
}
.accelerated-checkout--secondary {
  --accelerated-checkout-button-background: var(
    --gsc-color-secondary-button-bg
  );
  --accelerated-checkout-button-background-hover: var(
    --gsc-color-secondary-button-bg-hover
  );
  --accelerated-checkout-button-background-active: var(
    --gsc-color-secondary-button-bg-active
  );
  --accelerated-checkout-button-color: var(--gsc-color-secondary-button-text);
  --accelerated-checkout-button-border-width: var(--gsc-border-width-secondary);
  --accelerated-checkout-button-border-color: var(
    --gsc-color-secondary-button-border
  );
  --accelerated-checkout-button-border-color-hover: var(
    --gsc-color-secondary-button-border-hover
  );
  --accelerated-checkout-button-font-family: var(--gsc-font-family-secondary);
  --accelerated-checkout-button-font-style: var(--gsc-font-style-secondary);
  --accelerated-checkout-button-font-weight: var(--gsc-font-weight-secondary);
  --accelerated-checkout-button-text-transform: var(--gsc-text-case-secondary);
  --accelerated-checkout-button-backdrop-filter: var(
    --gsc-backdrop-filter-secondary
  );
}
.accelerated-checkout--tertiary {
  --accelerated-checkout-button-background: var(--gsc-color-tertiary-button-bg);
  --accelerated-checkout-button-background-hover: var(
    --gsc-color-tertiary-button-bg-hover
  );
  --accelerated-checkout-button-background-active: var(
    --gsc-color-tertiary-button-bg-active
  );
  --accelerated-checkout-button-color: var(--gsc-color-tertiary-button-text);
  --accelerated-checkout-button-border-width: var(--gsc-border-width-tertiary);
  --accelerated-checkout-button-border-color: var(
    --gsc-color-tertiary-button-border
  );
  --accelerated-checkout-button-border-color-hover: var(
    --gsc-color-tertiary-button-border-hover
  );
  --accelerated-checkout-button-font-family: var(--gsc-font-family-tertiary);
  --accelerated-checkout-button-font-style: var(--gsc-font-style-tertiary);
  --accelerated-checkout-button-font-weight: var(--gsc-font-weight-tertiary);
  --accelerated-checkout-button-text-transform: var(--gsc-text-case-tertiary);
  --accelerated-checkout-button-backdrop-filter: var(
    --gsc-backdrop-filter-tertiary
  );
}
.accelerated-checkout--link-with-paddings {
  --accelerated-checkout-button-background: transparent;
  --accelerated-checkout-button-background-hover: transparent;
  --accelerated-checkout-button-background-active: transparent;
  --accelerated-checkout-button-color: var(--gsc-color-link-button-text);
  --accelerated-checkout-button-border-width: 0px;
  --accelerated-checkout-button-border-color: transparent;
  --accelerated-checkout-button-border-color-hover: transparent;
  --accelerated-checkout-button-font-family: var(--gsc-font-family-plain);
  --accelerated-checkout-button-font-style: var(--gsc-font-style-plain);
  --accelerated-checkout-button-font-weight: var(--gsc-font-weight-plain);
  --accelerated-checkout-button-text-transform: var(--gsc-text-case-plain);
  --accelerated-checkout-button-backdrop-filter: none;
}
.accelerated-checkout--custom {
  --accelerated-checkout-button-background: var(
    --custom-button-background-color
  );
  --accelerated-checkout-button-background-hover: var(
    --custom-button-background-color-hover
  );
  --accelerated-checkout-button-background-active: var(
    --custom-button-background-color-active
  );
  --accelerated-checkout-button-color: var(--custom-button-color);
  --accelerated-checkout-button-border-width: var(--custom-button-border-width);
  --accelerated-checkout-button-border-color: var(--custom-button-border-color);
  --accelerated-checkout-button-border-color-hover: var(
    --custom-button-border-color-hover
  );
  --accelerated-checkout-button-font-family: var(--custom-button-font-family);
  --accelerated-checkout-button-font-style: var(--custom-button-font-style);
  --accelerated-checkout-button-font-weight: var(--custom-button-font-weight);
  --accelerated-checkout-button-text-transform: var(
    --custom-button-text-transform
  );
  --accelerated-checkout-button-backdrop-filter: var(
    --custom-button-backdrop-filter
  );
}
.accelerated-checkout--x-large {
  --accelerated-checkout-button-block-size: 56px;
  --accelerated-checkout-font-size: var(--gsc-font-size-400);
  --accelerated-checkout-font-line-height: 150%;
}
.accelerated-checkout--large {
  --accelerated-checkout-button-block-size: 52px;
  --accelerated-checkout-font-size: var(--gsc-font-size-350);
  --accelerated-checkout-font-line-height: 140%;
}
.accelerated-checkout--medium {
  --accelerated-checkout-button-block-size: 48px;
  --accelerated-checkout-font-size: var(--gsc-font-size-350);
  --accelerated-checkout-font-line-height: 140%;
}
.accelerated-checkout--small {
  --accelerated-checkout-button-block-size: 44px;
  --accelerated-checkout-font-size: var(--gsc-font-size-350);
  --accelerated-checkout-font-line-height: 140%;
}
.accelerated-checkout--x-small {
  --accelerated-checkout-button-block-size: 38px;
  --accelerated-checkout-font-size: var(--gsc-font-size-350);
  --accelerated-checkout-font-line-height: 140%;
}
.accelerated-checkout--unavailable {
  cursor: not-allowed;
  shop-pay-wallet-button,
  shopify-amazon-pay-button,
  shopify-apple-pay-button,
  shopify-buy-it-now-button,
  shopify-google-pay-button,
  shopify-paypal-button {
    opacity: 0.3;
    pointer-events: none;
  }
}
.multi-product-list {
  display: block;
  width: 100%;
}
.multi-product-list__tabs {
  display: block;
  max-width: 100%;
  padding-inline: var(--multi-product-list-tabs-padding-inline);
  width: -moz-fit-content;
  width: fit-content;
  .smart-list__item {
    overflow: visible;
    width: auto;
  }
}
.multi-product-list__tabs-wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
}
.multi-product-list__header {
  align-items: center;
  display: grid;
  gap: var(--gsc-space-400);
  grid-template-columns: minmax(0, 1fr);
  margin-block-end: var(--gsc-space-700);
  width: 100%;
}
.multi-product-list__heading {
  display: flex;
  min-width: 0;
}
.multi-product-list__heading .multi-product-list__heading-text {
  max-width: 100%;
}
.multi-product-list__heading
  .multi-product-list__heading-text[style*="--width: fit-content"] {
  text-align: inherit;
}
.multi-product-list__header--align-left {
  grid-template-columns: fit-content(50%) minmax(0, 1fr);
  .multi-product-list__heading {
    grid-column: 2;
    justify-content: flex-end;
    text-align: end;
  }
  .multi-product-list__tabs-wrapper {
    grid-column: 1;
    grid-row: 1;
  }
}
.multi-product-list__header--align-center {
  grid-template-columns: minmax(0, 1fr);
  .multi-product-list__heading,
  .multi-product-list__tabs-wrapper {
    justify-content: center;
    text-align: center;
  }
}
.multi-product-list__header--align-right {
  grid-template-columns: minmax(0, 1fr) fit-content(50%);
  .multi-product-list__heading {
    justify-content: flex-start;
    text-align: start;
  }
  .multi-product-list__tabs-wrapper {
    grid-column: 2;
  }
}
.multi-product-list__tabs-wrapper--align-left {
  justify-content: flex-start;
}
.multi-product-list__tabs-wrapper--align-center {
  justify-content: center;
}
.multi-product-list__tabs-wrapper--align-right {
  justify-content: flex-end;
  @media (width < 750px) {
    justify-content: flex-start;
  }
}
.multi-product-list__tab {
  flex-shrink: 0;
}
.multi-product-list__tab:is(.chip--preset-plain, .chip--preset-custom) {
  text-transform: var(--multi-product-list-tab-text-transform);
}
.multi-product-list__tab.chip--preset-plain {
  border: 0;
  font-weight: var(--gsc-font-weight-medium);
  line-height: 1.35;
  padding: 0;
  &.chip--active::before,
  &::before,
  &:hover::before {
    content: none;
    display: none;
  }
}
.multi-product-list__panel[hidden] {
  display: none;
}
@media (width < 750px) {
  .multi-product-list__header {
    grid-auto-flow: row;
    grid-template-columns: minmax(0, 1fr);
  }
  .multi-product-list__header .multi-product-list__heading {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
  }
  .multi-product-list__header .multi-product-list__tabs-wrapper {
    grid-column: 1;
    grid-row: 2;
  }
  .multi-product-list__header--align-left {
    .multi-product-list__heading {
      justify-content: flex-start;
      text-align: start;
    }
  }
  .multi-product-list__header--align-right {
    .multi-product-list__heading {
      justify-content: flex-start;
      text-align: start;
    }
  }
}
@media (width <= 320px) {
  .multi-product-list__panel {
    .product-card__details {
      min-block-size: 5lh;
    }
  }
}
@property --before-after-position {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.before-after {
  display: block;
  --before-after-position: 50;
  --before-after-handle-size: var(--gsc-space-1000, 3rem);
  --before-after-handle-contrast: var(--gsc-color-background);
  --before-after-divider-size: 2px;
  isolation: isolate;
  max-width: 100%;
  min-width: 200px;
  overflow-wrap: break-word;
}
.before-after__viewport {
  aspect-ratio: var(--before-after-ratio);
  border-radius: var(--border-radius, 0);
  isolation: isolate;
  min-height: var(--section-min-height, auto);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.before-after__media {
  inset: 0;
  overflow: hidden;
  position: absolute;
}
.before-after__media--before {
  z-index: 1;
}
.before-after__media--after {
  clip-path: inset(0 0 0 calc(var(--before-after-position) * 1%));
  z-index: 2;
}
.before-after[data-direction="vertical"] .before-after__media--after {
  clip-path: inset(calc(var(--before-after-position) * 1%) 0 0);
}
.before-after--with-transition {
  transition: --before-after-position 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
.before-after__label {
  display: block;
  overflow: hidden;
  overflow-wrap: break-word;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.before-after__label--with-background {
  background-color: var(--before-after-label-background, transparent);
  border-radius: var(--before-after-label-radius, 0);
  padding: var(--gsc-space-150) var(--gsc-space-300);
}
.before-after__label .blur {
  border-radius: var(--before-after-label-radius, 0);
}
.before-after__label > span {
  position: relative;
  z-index: 1;
}
.before-after__label--case-override {
  text-transform: var(--case-override);
}
.before-after__label--top-left {
  inset-block-start: var(--before-after-label-offset);
  inset-inline-start: var(--before-after-label-offset);
}
.before-after__label--top-right {
  inset-block-start: var(--before-after-label-offset);
  inset-inline-end: var(--before-after-label-offset);
}
.before-after__label--bottom-left {
  inset-block-end: var(--before-after-label-offset);
  inset-inline-start: var(--before-after-label-offset);
}
.before-after__label--bottom-right {
  inset-block-end: var(--before-after-label-offset);
  inset-inline-end: var(--before-after-label-offset);
}
.before-after__divider {
  background-color: var(--before-after-handle-contrast);
  inset-block: 0;
  inset-inline-start: calc(var(--before-after-position) * 1%);
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: var(--before-after-divider-size);
  z-index: 2;
}
.before-after__divider-handle {
  background-color: var(--gsc-color-background);
  border-radius: 50px;
  color: var(--gsc-color-heading);
  cursor: pointer;
  display: grid;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  min-block-size: var(--before-after-handle-size);
  min-inline-size: var(--before-after-handle-size);
  padding: 20px 10px;
  place-items: center;
  pointer-events: auto;
  position: absolute;
  touch-action: none;
  transform: translate(-50%, -50%);
}
.before-after__range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 100%;
  inset: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  touch-action: none;
  width: 100%;
  z-index: 5;
}
.before-after__range::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  height: 100%;
  width: 100%;
}
.before-after__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  height: var(--before-after-handle-size);
  width: var(--before-after-handle-size);
}
.before-after__range::-moz-range-track {
  background: transparent;
  border: 0;
  height: 100%;
  width: 100%;
}
.before-after__range::-moz-range-thumb {
  background: transparent;
  border: 0;
  height: var(--before-after-handle-size);
  width: var(--before-after-handle-size);
}
.before-after__viewport:has(.before-after__range:focus-visible) {
  outline: 3px solid var(--gsc-color-heading);
}
.before-after[data-direction="vertical"] .before-after__divider {
  height: var(--before-after-divider-size);
  inset-block-end: auto;
  inset-block-start: calc(var(--before-after-position) * 1%);
  inset-inline: 0;
  transform: translateY(-50%);
  width: auto;
}
.before-after[data-direction="vertical"] .before-after__range {
  writing-mode: vertical-lr;
}
.before-after[data-direction="vertical"] .before-after__divider-handle {
  padding: 10px 20px;
}
.before-after[data-direction="vertical"] .before-after__divider-icon {
  transform: rotate(90deg);
}
@media (prefers-reduced-motion: reduce) {
  .before-after--with-transition {
    transition: none;
  }
}
@media (width >= 750px) {
  .before-after__range {
    pointer-events: auto;
  }
  .before-after__label {
    --before-after-label-offset: var(
      --before-after-label-offset-desktop,
      var(--gsc-space-300)
    );
  }
}
@media (width < 750px) {
  .before-after__divider-handle {
    padding: 16px 8px;
  }
  .before-after__label {
    --before-after-label-offset: var(
      --before-after-label-offset-mobile,
      var(--gsc-space-300)
    );
  }
}
.navigation-progress {
  height: var(--gsc-size-depth-050);
  inset-block-start: 0;
  inset-inline: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity 0.15s ease;
  z-index: 2147483647;
}
.navigation-progress__bar {
  background: contrast-color(
    var(--header-background-color, var(--gsc-color-background))
  );
  display: block;
  height: 100%;
  transform: scaleX(var(--navigation-progress-value, 0));
  transform-origin: left center;
  transition: transform 0.4s ease-out;
  width: 100%;
}
.navigation-progress--active {
  opacity: 1;
}
.navigation-progress--complete {
  opacity: 0;
  transition-delay: 0.15s;
}
@media (prefers-reduced-motion: reduce) {
  .navigation-progress__bar {
    transition-duration: 0.01ms;
  }
}
.hotspot {
  left: var(--gsc-hotspot-left-mobile);
  position: absolute;
  top: var(--gsc-hotspot-top-mobile);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.hotspot[aria-expanded="true"] {
  z-index: 100;
}
.hotspots--hotspot-icon,
.hotspots--hotspot-numbers {
  --gsc-hotspot-pin-size: 56px;
  --gsc-hotspot-pin-inner-size: 36px;
}
.hotspots--hotspot-plain {
  --gsc-hotspot-pin-size: 32px;
  --gsc-hotspot-pin-inner-size: 12px;
}
.hotspot__pin {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: var(--gsc-hotspot-pin-size);
  justify-content: center;
  width: var(--gsc-hotspot-pin-size);
}
.hotspot__pin::before {
  animation: gsc-hotspot-pulse 1.6s ease-out 0.1s infinite both;
  animation-play-state: running;
  background-color: var(--gsc-hotspot-sub-background-color);
  border-radius: 50%;
  content: "";
  height: 100%;
  inset: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.hotspot__pin::after {
  background-color: var(--gsc-hotspot-background-color);
  border-radius: 50%;
  content: "";
  height: var(--gsc-hotspot-pin-inner-size);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: var(--gsc-hotspot-pin-inner-size);
  z-index: 1;
}
.hotspot__pin-icon {
  color: var(--gsc-hotspot-icon-color);
  transition: transform 0.2s ease;
  z-index: 2;
}
.hotspot__pin-number {
  color: var(--gsc-hotspot-icon-color);
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-variant-numeric: tabular-nums;
  font-weight: var(--gsc-font-weight-semibold);
  line-height: 1;
  position: relative;
  z-index: 2;
}
.hotspots--hotspot-plain .hotspot__pin-icon {
  display: none;
}
.hotspot[aria-expanded="true"] .hotspot__pin-icon {
  transform: rotate(45deg);
}
.hotspot__dropdown {
  --gsc-color-dropdown-content: var(--background-color, transparent);
}
.hotspot__dropdown-content {
  align-items: var(--gsc-hotspot-content-align);
  display: flex;
  flex-direction: column;
  gap: var(--gsc-hotspot-content-gap);
}
@media (width >= 750px) {
  .hotspot {
    left: var(--gsc-hotspot-left-desktop);
    top: var(--gsc-hotspot-top-desktop);
  }
  .dropdown__content:has(.hotspot__dropdown .blur) {
    transition: none;
    will-change: unset;
  }
}
@media (width < 750px) {
  .dropdown__content:has(.hotspot__dropdown .blur) {
    opacity: 1;
    transform: translateY(100%);
    will-change: unset;
  }
  .dropdown__content.visible:has(.hotspot__dropdown .blur) {
    transform: translateY(0);
  }
}
@keyframes gsc-hotspot-pulse {
  0% {
    transform: scale(0.4);
  }
  45% {
    transform: scale(1);
  }
  55% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.border-style {
  border: var(--border-width) var(--border-style) var(--border-color);
  border-radius: var(--border-radius);
  border-width: var(--border-widths);
  overflow: var(--overflow);
  position: relative;
}
.border-gradient-style {
  border-radius: var(--border-radius);
  overflow: var(--overflow);
  padding: var(--border-widths);
  position: relative;
  &:after {
    background: var(--border-color);
    border-radius: var(--border-radius);
    content: "";
    inset: 0;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: var(--border-opacity);
    padding: var(--border-widths);
    pointer-events: none;
    position: absolute;
  }
}
.layout-style {
  align-items: var(--align-items, flex-start);
  display: flex;
  flex-direction: var(--flex-direction, row);
  flex-wrap: var(--flex-wrap, nowrap);
  gap: var(--gap, 0);
  justify-content: var(--justify-content, flex-start);
  @media (width < 750px) {
    align-items: var(--align-items-mobile, var(--align-items));
    flex-direction: var(--flex-direction-mobile, var(--flex-direction));
    flex-wrap: var(--flex-wrap-mobile, var(--justify-wrap));
    gap: var(--gap-mobile, var(--gap));
    justify-content: var(--justify-content-mobile, var(--justify-content));
  }
}
.spacing-style {
  @media (width >= 750px) {
    margin-bottom: var(--margin-bottom-desktop);
    margin-left: var(--margin-left-desktop);
    margin-right: var(--margin-right-desktop);
    margin-top: var(--margin-top-desktop);
    padding-bottom: var(--padding-bottom-desktop);
    padding-left: var(--padding-left-desktop);
    padding-right: var(--padding-right-desktop);
    padding-top: var(--padding-top-desktop);
  }
  @media (width < 750px) {
    margin-bottom: var(--margin-bottom-mobile);
    margin-left: var(--margin-left-mobile);
    margin-right: var(--margin-right-mobile);
    margin-top: var(--margin-top-mobile);
    padding-bottom: var(--padding-bottom-mobile);
    padding-left: var(--padding-left-mobile);
    padding-right: var(--padding-right-mobile);
    padding-top: var(--padding-top-mobile);
  }
}
.padding-style {
  @media (width >= 750px) {
    padding-bottom: var(--padding-bottom-desktop);
    padding-left: var(--padding-left-desktop);
    padding-right: var(--padding-right-desktop);
    padding-top: var(--padding-top-desktop);
  }
  @media (width < 750px) {
    padding-bottom: var(--padding-bottom-mobile);
    padding-left: var(--padding-left-mobile);
    padding-right: var(--padding-right-mobile);
    padding-top: var(--padding-top-mobile);
  }
}
.margin-style {
  @media (width >= 750px) {
    margin-bottom: var(--margin-bottom-desktop);
    margin-left: var(--margin-left-desktop);
    margin-right: var(--margin-right-desktop);
    margin-top: var(--margin-top-desktop);
  }
  @media (width < 750px) {
    margin-bottom: var(--margin-bottom-mobile);
    margin-left: var(--margin-left-mobile);
    margin-right: var(--margin-right-mobile);
    margin-top: var(--margin-top-mobile);
  }
}
.size-style {
  height: var(--height, -moz-fit-content);
  height: var(--height, fit-content);
  max-width: var(--max-width);
  min-height: -moz-fit-content;
  min-height: fit-content;
  width: var(--width, -moz-fit-content);
  width: var(--width, fit-content);
  @media (width < 750px) {
    height: var(--height-mobile, var(--height));
    width: var(--width-mobile, var(--width));
  }
}
.gap-style {
  gap: var(--gap);
  @media (width < 750px) {
    gap: var(--gap-mobile);
  }
}
.appearance-style {
  background-color: var(--background-color);
  border: var(--border);
  border-radius: var(--border-radius);
  color: var(--color);
}
.background-style {
  background: var(--background-color, var(--gsc-color-background));
}
.section-height-style {
  min-height: var(--section-min-height);
  @media (width < 750px) {
    min-height: var(--section-min-height-mobile);
  }
}
.section-width-style {
  max-width: var(--section-max-width);
  width: var(--section-width);
}
.shadow-style {
  box-shadow: var(--box-shadow);
}
.hidden {
  display: none !important;
}
.unvisible {
  visibility: hidden;
}
.visually-hidden {
  border: 0 !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  clip: rect(0, 0, 0, 0) !important;
}
.skip-to-content-link {
  inset-block-start: var(--gsc-space-300);
  inset-inline-start: var(--gsc-space-300);
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transform: translateY(calc(-100% - var(--gsc-space-500)));
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  z-index: 9999;
}
.skip-to-content-link:focus,
.skip-to-content-link:focus-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
#MainContent {
  scroll-margin-block-start: var(--gsc-header-height, 0);
}
.hide-on-desktop {
  @media (width >= 750px) {
    display: none;
  }
}
.hide-on-mobile {
  @media (width < 750px) {
    display: none;
  }
}
.shopify-section.back-to-top-section {
  display: contents;
}
.back-to-top {
  display: inline-block;
  pointer-events: none;
  position: fixed;
  transition:
    inset-block-end 0.2s ease-in-out,
    visibility 0s linear 0.2s;
  visibility: hidden;
  z-index: 20;
}
.back-to-top--desktop {
  display: none;
}
.back-to-top__button {
  --back-to-top-position-x: 0%;
  --back-to-top-animation-y: 0px;
  --back-to-top-animation-scale: 1;
  --back-to-top-animation-rotate: 0deg;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--background-color, var(--gsc-color-background-white-100));
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow, none);
  color: var(--back-to-top-icon-color);
  cursor: pointer;
  display: grid;
  isolation: isolate;
  min-height: 44px;
  min-width: 44px;
  opacity: 0;
  place-items: center;
  pointer-events: auto;
  position: relative;
  transform: translateX(var(--back-to-top-position-x))
    translateY(var(--back-to-top-animation-y))
    scale(var(--back-to-top-animation-scale))
    rotate(var(--back-to-top-animation-rotate));
  transition:
    opacity 0.2s ease-in-out,
    transform 0.2s ease-in-out;
}
.back-to-top__button:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: 3px;
}
.back-to-top__button--blur-flat {
  backdrop-filter: blur(var(--back-to-top-blur-intensity));
}
.back-to-top__button--blur-fade {
  backdrop-filter: blur(
    max(var(--back-to-top-blur-start), var(--back-to-top-blur-end))
  );
}
.back-to-top__button--blur-fade > .blur,
.back-to-top__button--blur-flat > .blur {
  display: none;
}
.back-to-top--mobile-left {
  inset-block-end: max(
    calc(
      var(--mobile-menu-bar-height, 0px) +
        var(--sticky-add-to-cart-left-height, 0px) +
        max(
          var(--sticky-add-to-cart-mobile-offset, 0px),
          var(--back-to-top-mobile-vertical-offset)
        )
    ),
    calc(
      var(--mobile-menu-bar-height, 0px) +
        max(
          var(--mobile-menu-bar-stack-offset, 0px),
          var(--back-to-top-mobile-vertical-offset)
        )
    ),
    calc(
      var(--mobile-menu-bar-height, 0px) +
        var(--collection-filter-button-left-height, 0px) +
        max(
          var(--collection-filter-button-offset, 0px),
          var(--back-to-top-mobile-vertical-offset)
        )
    )
  );
  inset-inline-start: var(--back-to-top-mobile-horizontal-offset);
}
.back-to-top--mobile-center {
  inset-block-end: max(
    calc(
      var(--mobile-menu-bar-height, 0px) +
        var(--sticky-add-to-cart-center-height, 0px) +
        max(
          var(--sticky-add-to-cart-mobile-offset, 0px),
          var(--back-to-top-mobile-vertical-offset)
        )
    ),
    calc(
      var(--mobile-menu-bar-height, 0px) +
        max(
          var(--mobile-menu-bar-stack-offset, 0px),
          var(--back-to-top-mobile-vertical-offset)
        )
    ),
    calc(
      var(--mobile-menu-bar-height, 0px) +
        var(--collection-filter-button-center-height, 0px) +
        max(
          var(--collection-filter-button-offset, 0px),
          var(--back-to-top-mobile-vertical-offset)
        )
    )
  );
  inset-inline-start: 50%;
}
.back-to-top--mobile-center .back-to-top__button {
  --back-to-top-position-x: -50%;
}
.back-to-top--mobile-right {
  inset-block-end: max(
    calc(
      var(--mobile-menu-bar-height, 0px) +
        var(--sticky-add-to-cart-right-height, 0px) +
        max(
          var(--sticky-add-to-cart-mobile-offset, 0px),
          var(--back-to-top-mobile-vertical-offset)
        )
    ),
    calc(
      var(--mobile-menu-bar-height, 0px) +
        max(
          var(--mobile-menu-bar-stack-offset, 0px),
          var(--back-to-top-mobile-vertical-offset)
        )
    ),
    calc(
      var(--mobile-menu-bar-height, 0px) +
        var(--collection-filter-button-right-height, 0px) +
        max(
          var(--collection-filter-button-offset, 0px),
          var(--back-to-top-mobile-vertical-offset)
        )
    )
  );
  inset-inline-end: var(--back-to-top-mobile-horizontal-offset);
}
.back-to-top.is-visible {
  transition-delay: 0s;
  visibility: visible;
}
.back-to-top--animation-none,
.back-to-top--animation-none .back-to-top__button {
  transition: none;
}
.back-to-top.is-visible .back-to-top__button {
  opacity: 1;
}
.back-to-top--animation-fade .back-to-top__button {
  transition-duration: 0.2s;
}
.back-to-top--animation-scale:not(.is-visible) .back-to-top__button {
  --back-to-top-animation-scale: 0.15;
}
.back-to-top--animation-rotate:not(.is-visible) .back-to-top__button {
  --back-to-top-animation-scale: 0.15;
  --back-to-top-animation-rotate: -90deg;
}
.back-to-top--animation-rotate.is-visible .back-to-top__button {
  --back-to-top-animation-scale: 1;
  --back-to-top-animation-rotate: 0deg;
}
.back-to-top--animation-rotate .back-to-top__button {
  transform-origin: center;
  transition-duration: 0.2s;
}
.back-to-top--animation-rotate {
  transition: visibility 0s linear 0.2s;
}
.back-to-top--animation-slide-up:not(.is-visible) .back-to-top__button {
  --back-to-top-animation-y: 50px;
}
@media (hover: hover) {
  .back-to-top.is-visible .back-to-top__button:hover {
    --back-to-top-animation-scale: 1.06;
  }
}
.back-to-top__icon,
.back-to-top__icon img,
.back-to-top__icon svg {
  display: block;
  height: var(--back-to-top-mobile-icon-size);
  width: var(--back-to-top-mobile-icon-size);
}
.back-to-top__icon {
  position: relative;
  z-index: 1;
}
.back-to-top__button > .background__image,
.back-to-top__button > .background__overlay,
.back-to-top__button > .background__video,
.back-to-top__button > .blur {
  z-index: 0;
}
.back-to-top__icon img {
  -o-object-fit: cover;
  object-fit: cover;
}
@media (width >= 750px) {
  .back-to-top--desktop {
    display: block;
  }
  .back-to-top--mobile {
    display: none;
  }
  .back-to-top--desktop-left {
    inset-block-end: calc(
      var(--back-to-top-vertical-offset) +
        var(--sticky-add-to-cart-left-height, 0px)
    );
    inset-inline: var(--back-to-top-horizontal-offset) auto;
  }
  .back-to-top--desktop-center {
    inset-block-end: calc(
      var(--back-to-top-vertical-offset) +
        var(--sticky-add-to-cart-center-height, 0px)
    );
    inset-inline: 50% auto;
  }
  .back-to-top--desktop-center .back-to-top__button {
    --back-to-top-position-x: -50%;
  }
  .back-to-top--desktop-right {
    inset-block-end: calc(
      var(--back-to-top-vertical-offset) +
        var(--sticky-add-to-cart-right-height, 0px)
    );
    inset-inline: auto var(--back-to-top-horizontal-offset);
  }
  .back-to-top__icon,
  .back-to-top__icon img,
  .back-to-top__icon svg {
    height: var(--back-to-top-icon-size);
    width: var(--back-to-top-icon-size);
  }
}
@media (prefers-reduced-motion: reduce) {
  .back-to-top,
  .back-to-top__button {
    transition: none;
  }
  .back-to-top.is-visible .back-to-top__button:hover {
    --back-to-top-animation-scale: 1;
  }
}
.shopify-design-mode .popup-section {
  inset: 0 0 auto;
  position: fixed;
  z-index: 900;
}
.popup {
  align-items: center;
  display: none;
  inset: 0;
  justify-content: center;
  padding: 20px;
  position: fixed;
  z-index: 900;
}
.popup--active {
  display: flex;
}
.popup[data-popup-position^="top-"] {
  align-items: flex-start;
}
.popup[data-popup-position^="bottom-"] {
  align-items: flex-end;
}
.popup[data-popup-position$="-left"] {
  justify-content: flex-start;
}
.popup[data-popup-position$="-right"] {
  justify-content: flex-end;
}
.popup[data-show-overlay="false"] {
  pointer-events: none;
}
.popup[data-show-overlay="false"] .popup__shell {
  pointer-events: auto;
}
@media (width >= 750px) {
  .popup {
    padding: 34px;
  }
  .popup[data-show-overlay="false"] .popup__dialog {
    max-height: calc(100dvh - 32px);
  }
  .popup[data-show-overlay="false"]:has(
      .popup__shell[data-close-position^="outside-top"] .popup__close
    ) {
    padding-block-start: 64px;
  }
  .popup[data-show-overlay="false"]:has(
      .popup__shell[data-close-position^="outside-bottom"] .popup__close
    ) {
    padding-block-end: 64px;
  }
  .popup[data-show-overlay="false"]:has(
      .popup__shell[data-close-position^="outside"] .popup__close
    )
    .popup__dialog {
    max-height: calc(100dvh - 80px);
  }
}
.popup--preparing {
  pointer-events: none;
  visibility: hidden;
}
.popup__overlay {
  backdrop-filter: blur(var(--popup-overlay-blur));
  background: var(--popup-overlay-color);
  inset: 0;
  opacity: 0;
  position: absolute;
}
.popup__shell {
  max-height: 100%;
  opacity: var(--popup-start-opacity, 1);
  position: relative;
  transform: var(--popup-start-transform, none);
  width: min(var(--popup-width), 100%);
}
.popup--open .popup__overlay,
.popup--open .popup__shell {
  opacity: 1;
}
.popup--open .popup__shell {
  transform: none;
}
.popup__dialog {
  border-radius: var(--popup-corner-radius);
  color: var(--gsc-color-text);
  max-height: calc(100dvh - 128px);
  overflow: hidden;
  width: 100%;
}
.popup__body {
  display: grid;
  grid-template-areas: "media content";
  grid-template-columns: var(--popup-media-width) minmax(0, 1fr);
  max-height: inherit;
  overflow: auto;
}
.popup__body:not(:has(.popup-media)) {
  grid-template-areas: "content";
  grid-template-columns: minmax(0, 1fr);
}
.popup__shell[data-media-position="right"] .popup__body {
  grid-template-areas: "content media";
  grid-template-columns: minmax(0, 1fr) var(--popup-media-width);
}
.popup__shell[data-media-position="top"] .popup__body {
  grid-template-areas: "media" "content";
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: var(--popup-media-height) auto;
}
.popup__shell[data-media-position="right"] .popup__body:not(:has(.popup-media)),
.popup__shell[data-media-position="top"] .popup__body:not(:has(.popup-media)) {
  grid-template-areas: "content";
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
}
.popup__media-slot {
  grid-area: media;
  min-height: 0;
  overflow: hidden;
  position: relative;
}
.popup-media,
.popup-media__item {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}
.popup-media__item {
  -o-object-fit: cover;
  object-fit: cover;
}
.popup-media__item--mobile {
  display: none;
}
.popup__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  grid-area: content;
  justify-content: center;
  --horizontal-alignment: center;
  --horizontal-alignment-mobile: center;
  gap: var(--popup-content-gap, var(--gsc-space-300));
  min-width: 0;
}
.popup__shell[data-content-alignment="start"] .popup__content {
  align-items: flex-start;
  --horizontal-alignment: left;
  --horizontal-alignment-mobile: left;
}
.popup__shell[data-content-alignment="end"] .popup__content {
  align-items: flex-end;
  --horizontal-alignment: right;
  --horizontal-alignment-mobile: right;
}
.popup__close {
  position: absolute;
  right: 16px;
  top: 16px;
  --popup-close-outside-offset: -54px;
}
.popup__close:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
@media (width >= 750px) and (hover: hover) {
  .popup__close:hover {
    transform: rotate(90deg);
  }
  @media (prefers-reduced-motion: no-preference) {
    .popup__close {
      transition: transform 0.3s;
    }
  }
}
@media (width >= 750px) {
  .popup__shell[data-close-position="inside-top-left"] .popup__close {
    left: 16px;
    right: auto;
  }
  .popup__shell[data-close-position^="outside-top"] .popup__close {
    top: var(--popup-close-outside-offset);
  }
  .popup__shell[data-close-position^="outside-bottom"] .popup__close {
    bottom: var(--popup-close-outside-offset);
    top: auto;
  }
  .popup__shell[data-close-position^="outside"][data-close-position$="left"]
    .popup__close {
    left: 0;
    right: auto;
  }
  .popup__shell[data-close-position^="outside"][data-close-position$="center"]
    .popup__close {
    left: 50%;
    right: auto;
    translate: -50%;
  }
  .popup__shell[data-close-position^="outside"][data-close-position$="right"]
    .popup__close {
    right: 0;
  }
}
.popup__configuration-warning {
  background: var(--gsc-color-critical-primary);
  bottom: 12px;
  color: #fff;
  left: 16px;
  padding: 8px 12px;
  position: absolute;
  right: 16px;
  text-align: center;
}
@media (prefers-reduced-motion: no-preference) {
  .popup {
    --popup-animation-function: cubic-bezier(0.7, 0, 0.3, 1);
  }
  .popup--active:not([data-animation="none"]):not(.popup--preparing)
    .popup__overlay {
    transition: opacity var(--popup-animation-duration)
      var(--popup-animation-function);
  }
  .popup--active:not([data-animation="none"]):not(.popup--preparing)
    .popup__shell {
    transition:
      opacity var(--popup-animation-duration) var(--popup-animation-function),
      transform var(--popup-animation-duration) var(--popup-animation-function);
  }
}
.popup[data-animation="fade"] {
  --popup-start-opacity: 0;
}
.popup[data-animation="fade-up"] {
  --popup-start-opacity: 0;
  --popup-start-transform: translateY(2rem);
}
.popup[data-animation="fade-down"] {
  --popup-start-opacity: 0;
  --popup-start-transform: translateY(-2rem);
}
.popup[data-animation="fade-left"] {
  --popup-start-opacity: 0;
  --popup-start-transform: translateX(2rem);
}
.popup[data-animation="fade-right"] {
  --popup-start-opacity: 0;
  --popup-start-transform: translateX(-2rem);
}
.popup[data-animation="zoom-in"] {
  --popup-start-opacity: 0;
  --popup-start-transform: scale(0.8);
}
.popup[data-animation="zoom-out"] {
  --popup-start-opacity: 0;
  --popup-start-transform: scale(1.2);
}
@media (width < 750px) {
  .popup {
    padding: 16px;
  }
  .popup__dialog {
    max-height: calc(100dvh - 32px);
  }
  .popup__shell[data-close-position-mobile="inside-top-left"] .popup__close {
    left: 16px;
    right: auto;
  }
  .popup__shell[data-close-position-mobile^="outside-top"] .popup__close {
    top: var(--popup-close-outside-offset);
  }
  .popup__shell[data-close-position-mobile^="outside-bottom"] .popup__close {
    bottom: var(--popup-close-outside-offset);
    top: auto;
  }
  .popup__shell[data-close-position-mobile^="outside"][data-close-position-mobile$="left"]
    .popup__close {
    left: 0;
    right: auto;
  }
  .popup__shell[data-close-position-mobile^="outside"][data-close-position-mobile$="center"]
    .popup__close {
    left: 50%;
    right: auto;
    translate: -50%;
  }
  .popup__shell[data-close-position-mobile^="outside"][data-close-position-mobile$="right"]
    .popup__close {
    right: 0;
  }
  .popup:has(
    .popup__shell[data-close-position-mobile^="outside-top"] .popup__close
  ) {
    padding-block: 64px 16px;
  }
  .popup:has(
    .popup__shell[data-close-position-mobile^="outside-bottom"] .popup__close
  ) {
    padding-block: 16px 64px;
  }
  .popup:has(.popup__shell[data-close-position-mobile^="outside"] .popup__close)
    .popup__dialog {
    max-height: calc(100dvh - 80px);
  }
  .popup__body,
  .popup__shell[data-media-position="right"] .popup__body,
  .popup__shell[data-media-position="top"] .popup__body {
    grid-template-areas: "media" "content";
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--popup-media-height-mobile) auto;
    min-height: 0;
  }
  .popup__body:not(:has(.popup-media)),
  .popup__shell .popup__body:has(.popup-media--hide-mobile),
  .popup__shell[data-media-position="right"]
    .popup__body:not(:has(.popup-media)),
  .popup__shell[data-media-position="top"]
    .popup__body:not(:has(.popup-media)) {
    grid-template-areas: "content";
    grid-template-rows: auto;
  }
  .popup__media-slot:has(.popup-media--hide-mobile) {
    display: none;
  }
  .popup-media__item--desktop {
    display: none;
  }
  .popup-media__item--mobile {
    display: block;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .popup--active:not([data-animation="none"]):not(
      [data-animate-media-reveal="false"]
    ):not(.popup--preparing)
    .popup__shell:has(.popup-media) {
    transition:
      opacity var(--popup-animation-duration) var(--popup-animation-function),
      transform var(--popup-animation-duration) var(--popup-animation-function),
      width min(0.5s, var(--popup-animation-duration)) ease;
  }
  .popup--active.popup--open:not([data-animation="none"]):not(
      [data-animate-media-reveal="false"]
    )
    .popup__shell:has(.popup-media) {
    transition-delay: 0s, 0s, var(--popup-animation-duration);
  }
  .popup--active:not([data-animation="none"]):not(
      [data-animate-media-reveal="false"]
    ):not(.popup--preparing)
    .popup__body:has(.popup-media) {
    transition:
      grid-template-columns min(0.5s, var(--popup-animation-duration)) ease,
      grid-template-rows min(0.5s, var(--popup-animation-duration)) ease;
  }
  .popup--active.popup--open:not([data-animation="none"]):not(
      [data-animate-media-reveal="false"]
    )
    .popup__body:has(.popup-media) {
    transition-delay: var(--popup-animation-duration);
  }
  @media (width >= 750px) {
    .popup:not(.popup--media-revealed):not([data-animation="none"]):not(
        [data-animate-media-reveal="false"]
      )
      .popup__shell:has(.popup-media):is(
        [data-media-position="left"],
        [data-media-position="right"]
      ) {
      width: var(--popup-reveal-content-width);
    }
    .popup:not([data-animation="none"]):not([data-animate-media-reveal="false"])
      .popup__shell[data-media-position="left"]
      .popup__body:has(.popup-media) {
      grid-template-columns: var(--popup-reveal-media-width) minmax(0, 1fr);
    }
    .popup:not([data-animation="none"]):not([data-animate-media-reveal="false"])
      .popup__shell[data-media-position="right"]
      .popup__body:has(.popup-media) {
      grid-template-columns: minmax(0, 1fr) var(--popup-reveal-media-width);
    }
    .popup:not(.popup--media-revealed):not([data-animation="none"]):not(
        [data-animate-media-reveal="false"]
      )
      .popup__shell[data-media-position="left"]
      .popup__body:has(.popup-media) {
      grid-template-columns: 0 minmax(0, 1fr);
    }
    .popup:not(.popup--media-revealed):not([data-animation="none"]):not(
        [data-animate-media-reveal="false"]
      )
      .popup__shell[data-media-position="right"]
      .popup__body:has(.popup-media) {
      grid-template-columns: minmax(0, 1fr) 0;
    }
    .popup:not(.popup--media-revealed):not([data-animation="none"]):not(
        [data-animate-media-reveal="false"]
      )
      .popup__shell[data-media-position="top"]
      .popup__body:has(.popup-media) {
      grid-template-rows: 0 auto;
    }
    .popup:not([data-animation="none"]):not([data-animate-media-reveal="false"])
      .popup__shell[data-media-position="left"]
      .popup-media {
      left: 0;
      right: auto;
      width: var(--popup-reveal-media-width);
    }
    .popup:not([data-animation="none"]):not([data-animate-media-reveal="false"])
      .popup__shell[data-media-position="right"]
      .popup-media {
      left: auto;
      right: 0;
      width: var(--popup-reveal-media-width);
    }
    .popup:not([data-animation="none"]):not([data-animate-media-reveal="false"])
      .popup__shell[data-media-position="top"]
      .popup-media {
      bottom: auto;
      height: var(--popup-media-height);
      top: 0;
    }
  }
  @media (width < 750px) {
    .popup:not(.popup--media-revealed):not([data-animation="none"]):not(
        [data-animate-media-reveal="false"]
      )
      .popup__body:has(.popup-media):not(:has(.popup-media--hide-mobile)) {
      grid-template-rows: 0 auto;
    }
    .popup:not([data-animation="none"]):not([data-animate-media-reveal="false"])
      .popup-media {
      bottom: auto;
      height: var(--popup-media-height-mobile);
      top: 0;
    }
  }
}
.shopify-section.mobile-menu-bar-section {
  display: contents;
}
.mobile-menu-bar {
  display: block;
  inset-block-end: var(--mobile-menu-bar-offset);
  pointer-events: none;
  position: fixed;
  transition:
    opacity 0.2s ease-in-out,
    translate 0.2s ease-in-out,
    visibility 0s linear 0.2s;
  translate: 0 calc(100% + var(--mobile-menu-bar-offset));
  visibility: hidden;
  z-index: 20;
}
.mobile-menu-bar[data-stuck="true"] {
  pointer-events: auto;
  transition-delay: 0s;
  translate: 0;
  visibility: visible;
}
.mobile-menu-bar--fill {
  inset-inline: var(--mobile-menu-bar-offset);
}
.mobile-menu-bar--fit {
  inset-inline-start: 50%;
  max-width: calc(100vw - var(--mobile-menu-bar-offset) * 2);
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
}
.mobile-menu-bar__nav {
  color: var(--gsc-color-heading);
  isolation: isolate;
  position: relative;
  width: 100%;
}
.mobile-menu-bar .blur--flat {
  backdrop-filter: blur(0);
  transition: backdrop-filter 0.2s ease;
}
.mobile-menu-bar .blur--progressive > span {
  backdrop-filter: blur(0);
  transition: backdrop-filter 0.2s ease;
}
.mobile-menu-bar[data-stuck="true"] .blur--flat {
  backdrop-filter: blur(var(--blur-start));
}
.mobile-menu-bar[data-stuck="true"] .blur--progressive > span {
  backdrop-filter: blur(var(--layer-blur));
}
.mobile-menu-bar__content {
  --mobile-menu-bar-content-inline-padding: var(--gsc-space-300);
  --mobile-menu-bar-gap: var(--gsc-space-100);
  display: flex;
  gap: var(--mobile-menu-bar-gap);
  padding: var(--mobile-menu-bar-content-inline-padding);
  position: relative;
  width: 100%;
  z-index: 1;
}
.mobile-menu-bar[data-show-labels="false"] .mobile-menu-bar__content {
  padding: var(--gsc-space-500);
}
.mobile-menu-bar__content > * {
  flex: 1 1 0;
  min-width: 0;
}
.mobile-menu-bar--fit .mobile-menu-bar__content > * {
  width: calc(
    (
        100vw - calc(var(--mobile-menu-bar-offset) * 2) -
          calc(var(--mobile-menu-bar-content-inline-padding) * 2) -
          calc(var(--mobile-menu-bar-gap) * var(--mobile-menu-bar-gaps-count))
      ) /
      var(--mobile-menu-bar-items-divisor)
  );
}
.mobile-menu-bar__link {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-150);
  justify-content: center;
}
.mobile-menu-bar__label {
  color: var(--mobile-menu-bar-label-color);
  font-family: var(--mobile-menu-bar-label-font-family);
  font-size: var(--mobile-menu-bar-label-font-size);
  font-style: var(--mobile-menu-bar-label-font-style);
  font-weight: var(--mobile-menu-bar-label-font-weight);
  letter-spacing: var(--mobile-menu-bar-label-letter-spacing);
  line-height: var(--mobile-menu-bar-label-line-height);
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: var(--mobile-menu-bar-label-text-transform);
  transition: color 0.2s ease-in-out;
  white-space: nowrap;
}
.mobile-menu-bar[data-show-labels="false"] .mobile-menu-bar__label {
  display: none;
}
.mobile-menu-bar__account-icon,
.mobile-menu-bar__cart-icon,
.mobile-menu-bar__link > svg,
.mobile-menu-bar__svg {
  color: var(--mobile-menu-bar-icon-color);
  height: var(--mobile-menu-bar-icon-size);
  transition: color 0.2s ease-in-out;
  width: var(--mobile-menu-bar-icon-size);
}
.mobile-menu-bar__link[aria-current="page"] .mobile-menu-bar__account-icon,
.mobile-menu-bar__link[aria-current="page"] .mobile-menu-bar__cart-icon,
.mobile-menu-bar__link[aria-current="page"] .mobile-menu-bar__svg,
.mobile-menu-bar__link[aria-current="page"] > svg,
.mobile-menu-bar__link[aria-expanded="true"] .mobile-menu-bar__account-icon,
.mobile-menu-bar__link[aria-expanded="true"] .mobile-menu-bar__cart-icon,
.mobile-menu-bar__link[aria-expanded="true"] .mobile-menu-bar__svg,
.mobile-menu-bar__link[aria-expanded="true"] > svg {
  color: var(--mobile-menu-bar-icon-selected-color);
}
.mobile-menu-bar__link[aria-current="page"] .mobile-menu-bar__label,
.mobile-menu-bar__link[aria-expanded="true"] .mobile-menu-bar__label {
  color: var(--mobile-menu-bar-label-selected-color);
}
.mobile-menu-bar__trigger {
  display: block;
}
.mobile-menu-bar__account-trigger {
  --shopify-account-signed-in-avatar-size: var(--mobile-menu-bar-icon-size);
  align-items: center;
  color: inherit;
  display: flex;
  height: var(--mobile-menu-bar-icon-size);
  justify-content: center;
  width: var(--mobile-menu-bar-icon-size);
}
.mobile-menu-bar__account-icon {
  display: grid;
  place-items: center;
}
.mobile-menu-bar__cart {
  display: block;
  width: 100%;
}
.mobile-menu-bar__cart-icon {
  --mobile-menu-bar-cart-badge-background: var(--mobile-menu-bar-icon-color);
  display: flex;
  height: var(--mobile-menu-bar-icon-size);
  position: relative;
  width: var(--mobile-menu-bar-icon-size);
}
.mobile-menu-bar__link[aria-current="page"] .mobile-menu-bar__cart-icon,
.mobile-menu-bar__link[aria-expanded="true"] .mobile-menu-bar__cart-icon {
  --mobile-menu-bar-cart-badge-background: var(
    --mobile-menu-bar-icon-selected-color
  );
  .mobile-menu-bar__cart-badge {
    color: var(--mobile-menu-bar-cart-badge-selected-text);
  }
}
.mobile-menu-bar__cart:not(.mobile-menu-bar__cart--empty)
  .mobile-menu-bar__cart-icon:has(> .mobile-menu-bar__cart-badge)
  > :is(svg, .mobile-menu-bar__svg) {
  -webkit-mask-image: radial-gradient(
    circle 0.6875rem at calc(100% - 0.125rem) 0.125rem,
    transparent 99%,
    #000 100%
  );
  mask-image: radial-gradient(
    circle 0.6875rem at calc(100% - 0.125rem) 0.125rem,
    transparent 99%,
    #000 100%
  );
}
.mobile-menu-bar__cart-badge {
  background-color: var(--mobile-menu-bar-cart-badge-background);
  border-radius: 999px;
  color: var(--mobile-menu-bar-cart-badge-text);
  display: grid;
  font-size: 0.6875rem;
  height: 1.25rem;
  inset-block-start: -8px;
  inset-inline-end: -8px;
  line-height: 1;
  min-width: 1.25rem;
  padding-inline: 0.25rem;
  place-items: center;
  pointer-events: none;
  position: absolute;
  transition: background-color 0.2s ease-in-out;
}
.mobile-menu-bar__cart--empty .mobile-menu-bar__cart-badge {
  display: none;
}
button.mobile-menu-bar__link {
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
  padding: 0;
  width: 100%;
}
.mobile-menu-bar__link:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: -4px;
}
.mobile-menu-bar__svg {
  display: grid;
  place-items: center;
}
.mobile-menu-bar__account-icon svg,
.mobile-menu-bar__cart-icon > svg,
.mobile-menu-bar__svg svg {
  height: 100%;
  width: 100%;
}
@media (width >= 750px) {
  .mobile-menu-bar {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-menu-bar,
  .mobile-menu-bar .blur--flat,
  .mobile-menu-bar .blur--progressive > span,
  .mobile-menu-bar__account-icon,
  .mobile-menu-bar__cart-badge,
  .mobile-menu-bar__cart-icon,
  .mobile-menu-bar__label,
  .mobile-menu-bar__link > svg,
  .mobile-menu-bar__svg {
    transition: none;
  }
}
.hotspots-with-products {
  display: block;
  min-width: 0;
}
.hotspots-with-products__layout {
  display: grid;
  grid-template-columns: var(--hotspots-products-media-width) minmax(0, 1fr);
  width: 100%;
}
.hotspots-with-products--image-right {
  .hotspots-with-products__media {
    order: 2;
  }
  .hotspots-with-products__products {
    order: 1;
  }
}
.hotspots-with-products__media {
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.hotspots-with-products__banner,
.hotspots-with-products__image {
  height: 100%;
}
.hotspots-with-products__content,
.hotspots-with-products__pins {
  inset: 0;
  position: absolute;
}
.hotspots-with-products__content {
  align-items: var(--hotspots-content-horizontal);
  display: flex;
  flex-direction: column;
  gap: var(--gsc-space-500);
  justify-content: var(--hotspots-content-vertical);
  overflow: hidden;
  padding: var(--gsc-space-1000);
  pointer-events: none;
  text-align: var(--hotspots-content-text-alignment);
  z-index: 2;
  @media (width < 750px) {
    padding: var(--gsc-space-600);
  }
  :is(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    video,
    audio,
    iframe,
    [contenteditable],
    [tabindex]:not([tabindex="-1"])
  ) {
    pointer-events: auto;
  }
}
.hotspots-with-products__text-group {
  align-items: var(--hotspots-content-horizontal);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--gsc-space-300);
  max-width: 100%;
}
.hotspots-with-products__pins {
  pointer-events: none;
  z-index: 3;
}
.hotspots-with-products__pin {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  display: flex;
  justify-content: center;
  min-height: 2.75rem;
  min-width: 2.75rem;
  padding: 0;
  pointer-events: auto;
}
.hotspots-with-products__pin .hotspot__pin {
  cursor: pointer;
  flex: none;
  position: relative;
}
.hotspots-with-products__pin--active .hotspot__pin-icon {
  transform: rotate(45deg);
}
.hotspots-with-products__products {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  min-width: 0;
  overflow: hidden;
  position: relative;
  visibility: hidden;
}
.hotspots-with-products[data-initialized] .hotspots-with-products__products {
  visibility: visible;
}
.hotspots-with-products__carousel-stage {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 0;
}
.hotspots-with-products__carousel {
  overflow: clip visible;
  width: min(100%, var(--hotspots-products-card-width));
  --carousel-direction: row;
  --carousel-mobile-direction: row;
  --carousel-gap: var(--hotspots-products-carousel-gap);
  --carousel-mobile-gap: var(--hotspots-products-carousel-mobile-gap);
  --carousel-item-width: var(--hotspots-products-card-width);
  --carousel-mobile-item-width: 100%;
}
.hotspot-product {
  max-width: 100%;
  overflow: visible;
  width: var(--hotspots-products-card-width);
}
.hotspots-with-products__navigation-zone {
  background: transparent;
  border: 0;
  color: inherit;
  display: block;
  inset-block: 0;
  min-width: 0;
  padding: 0;
  position: absolute;
  z-index: 4;
  &:disabled {
    pointer-events: none;
  }
}
.hotspots-with-products__navigation-zone--prev {
  inset-inline: 0 calc(50% + var(--hotspots-products-card-width) / 2);
}
.hotspots-with-products__navigation-zone--next {
  inset-inline: calc(50% + var(--hotspots-products-card-width) / 2) 0;
}
.hotspots-with-products__cursor {
  inset-block-start: 0;
  inset-inline-start: 0;
  position: absolute;
}
.hotspots-with-products__pagination {
  align-items: center;
  color: var(--hotspots-products-pagination-color);
  display: flex;
  justify-content: center;
  transition: opacity 0.2s ease;
}
.hotspots-with-products__dots {
  left: auto;
  transform: none;
}
.hotspots-with-products__pagination-numbers {
  display: flex;
  font-family: var(--gsc-font-caption--family);
  font-size: var(--gsc-font-size-300);
  font-style: var(--gsc-font-caption--style);
  font-weight: var(--gsc-font-weight-regular);
  gap: var(--gsc-space-200);
  letter-spacing: var(--gsc-font-letter-normal);
  line-height: 135%;
}
.hotspots-with-products__pagination-divider,
.hotspots-with-products__pagination-total {
  opacity: 0.5;
}
.hotspots-with-products__pagination-total {
  min-width: 1ch;
}
.hotspots-with-products[data-empty] {
  .hotspots-with-products__products {
    display: none;
  }
  .hotspots-with-products__layout {
    grid-template-columns: 1fr;
  }
}
@media (width < 750px) {
  .hotspots-with-products__layout {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .hotspots-with-products__products {
    gap: 20px;
  }
  .hotspots-with-products__carousel-stage {
    padding-inline: var(--gsc-space-800);
  }
  .hotspots-with-products__carousel {
    width: 100%;
  }
  .hotspot-product {
    width: 100%;
  }
  .hotspots-with-products:not(
    .hotspots-with-products--image-bottom-sheet-mobile
  ) {
    .hotspots-with-products__products {
      padding-block: var(--gsc-space-1100);
    }
    .hotspots-with-products__products:has(.hotspots-with-products__dots) {
      gap: var(--gsc-space-800);
    }
    .hotspots-with-products__carousel {
      width: min(100%, 240px);
    }
  }
  .hotspots-with-products--image-bottom-sheet-mobile {
    .hotspots-with-products__layout > .hotspots-with-products__products {
      display: none;
    }
    .hotspots-with-products__bottom-sheet
      .hotspots-with-products__carousel-stage {
      padding-inline: 0;
    }
  }
  .hotspots-with-products__bottom-sheet.drawer--temporary.drawer--bottom
    > .hotspots-with-products__bottom-sheet-panel {
    align-items: flex-end;
    display: flex;
    height: 100dvh;
    inset: 0;
    justify-content: center;
    max-height: none;
    opacity: 0;
    padding-block: var(--gsc-space-500)
      calc(var(--gsc-space-1200) + var(--gsc-space-700));
    padding-inline: var(--gsc-space-500);
    pointer-events: none;
    transform: translateY(5%);
    transition:
      transform 0.2s,
      opacity 0.2s;
    width: 100%;
  }
  .hotspots-with-products__bottom-sheet.drawer--temporary.drawer--bottom.drawer--open
    > .hotspots-with-products__bottom-sheet-panel {
    opacity: 1;
    transform: translateY(0);
  }
  .hotspots-with-products__bottom-sheet.drawer--temporary.drawer--scrollable-on-mobile
    > .hotspots-with-products__bottom-sheet-panel
    > .hotspots-with-products__bottom-sheet-inner {
    background-color: var(--gsc-color-background);
    border-radius: var(--gsc-border-radius-300);
    height: auto;
    max-height: 100%;
    overflow: visible;
    padding: var(--gsc-space-250);
    pointer-events: all;
    width: 100%;
  }
  .hotspots-with-products__bottom-sheet-host {
    max-height: calc(100dvh - 7.25rem);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }
  .hotspots-with-products--image-bottom-mobile {
    .hotspots-with-products__media {
      order: 2;
    }
    .hotspots-with-products__products {
      order: 1;
    }
  }
  .hotspots-with-products__navigation-zone {
    display: none;
  }
}
@media (width >= 750px) {
  .hotspots-with-products__media:hover
    .image--zoom-on-hover
    > .image__placeholder,
  .hotspots-with-products__media:hover .image--zoom-on-hover > img {
    transform: scale(1.1);
  }
  .hotspots-with-products--pagination-on-hover {
    .hotspots-with-products__pagination {
      opacity: 0;
    }
    .hotspots-with-products__products:focus-within
      .hotspots-with-products__pagination,
    .hotspots-with-products__products:hover
      .hotspots-with-products__pagination {
      opacity: 1;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .hotspots-with-products__media .image--zoom-on-hover > .image__placeholder,
  .hotspots-with-products__media .image--zoom-on-hover > img,
  .hotspots-with-products__pagination,
  .hotspots-with-products__pin .hotspot__pin-icon {
    transition-duration: 0.01ms;
  }
  .hotspots-with-products__bottom-sheet.drawer--bottom > .drawer__content {
    transition-duration: 0.01ms;
  }
}
.lookbook {
  align-items: start;
  display: grid;
  grid-template-columns: var(--lookbook-media-width) minmax(0, 1fr);
  min-width: 0;
  width: 100%;
}
.lookbook__media {
  align-self: start;
  min-width: 0;
  position: sticky;
  top: 0;
}
.lookbook__video-player {
  aspect-ratio: var(--lookbook-video-ratio);
  background: var(--gsc-color-surface);
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.lookbook__video {
  display: block;
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.lookbook__overlay {
  background: var(--lookbook-overlay);
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.lookbook__content {
  align-items: var(--lookbook-content-horizontal);
  display: flex;
  flex-direction: column;
  gap: var(--lookbook-content-gap);
  inset: 0;
  justify-content: var(--lookbook-content-vertical);
  padding: var(--gsc-space-700);
  pointer-events: none;
  position: absolute;
  text-align: var(--lookbook-content-text-alignment);
  z-index: 2;
  :is(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    video,
    audio,
    iframe,
    [contenteditable],
    [tabindex]:not([tabindex="-1"])
  ) {
    pointer-events: auto;
  }
}
.lookbook__button,
.lookbook__heading,
.lookbook__subheading {
  flex-shrink: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.lookbook__products {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: var(--lookbook-products-alignment);
  min-width: 0;
}
@media (width >= 750px) {
  .lookbook__media:hover .image--zoom-on-hover > .image__placeholder,
  .lookbook__media:hover .image--zoom-on-hover > img {
    transform: scale(1.1);
  }
  .lookbook--image-right {
    .lookbook__media {
      order: 2;
    }
    .lookbook__products {
      order: 1;
    }
  }
  .lookbook__products
    .smart-list--grid:not(
      :has(> .smart-list__items > .smart-list__item:nth-of-type(2))
    )
    > .smart-list__items
    > .smart-list__item {
    width: 100%;
  }
  body:has(.header-section--sticky-always) .lookbook__media,
  body:has(.header-section--sticky-on-scroll-up.header-section--sticky-visible)
    .lookbook__media {
    top: var(--gsc-single-header-height, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .lookbook__media .image--zoom-on-hover > .image__placeholder,
  .lookbook__media .image--zoom-on-hover > img {
    transition-duration: 0.01ms;
  }
}
@media (width < 750px) {
  .lookbook {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .lookbook__media {
    position: relative;
    top: auto;
    width: 100%;
  }
  .lookbook__products {
    width: 100%;
  }
  .lookbook__content {
    gap: var(--lookbook-content-gap-mobile);
  }
  .lookbook--image-bottom-mobile {
    .lookbook__media {
      order: 2;
    }
    .lookbook__products {
      order: 1;
    }
  }
}
.quotes-section__content {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.quotes-carousel {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--quotes-layout-gap);
  max-width: var(--quotes-content-max-width);
  min-width: 0;
  text-align: center;
  width: 100%;
}
.quotes-section__content[data-reveal-pending] {
  @media (scripting: enabled) {
    overflow-x: clip;
    visibility: hidden;
  }
}
.quotes-carousel__heading {
  color: var(--quotes-heading-color, var(--gsc-color-heading));
  font-family: var(--quotes-heading-font-family);
  font-size: calc(
    var(--quotes-heading-font-size) * var(--font-scale-factor, 1)
  );
  font-style: var(--quotes-heading-font-style);
  font-weight: var(--quotes-heading-font-weight);
  letter-spacing: var(--quotes-heading-letter-spacing);
  line-height: calc(
    var(--quotes-heading-line-height) * var(--font-scale-factor, 1)
  );
  margin: 0;
  overflow-wrap: anywhere;
  text-transform: var(--quotes-heading-text-transform);
}
.quotes-carousel__stage {
  min-width: 0;
  position: relative;
  width: 100%;
}
.quotes-carousel .quote {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--quotes-layout-gap);
  justify-content: center;
  overflow: visible;
  text-align: center;
  @media (scripting: enabled) {
    transform: translateX(calc(var(--quotes-slide-index, 0) * -100%));
  }
}
.quotes-carousel .quote__content {
  isolation: isolate;
  margin: 0;
  position: relative;
  width: 100%;
}
.quotes-carousel
  .quote__text--with-mark
  > :nth-child(1 of :not(:where(:empty, :has(> br:only-child)))):is(ul, ol)
  > li:first-child::before,
.quotes-carousel
  .quote__text--with-mark
  > :nth-child(1 of :not(:where(:empty, :has(> br:only-child)))):not(
    ul,
    ol
  )::before {
  aspect-ratio: var(--quotes-mark-aspect-ratio, 1);
  background-color: var(--quotes-mark-color);
  content: "";
  display: inline-block;
  inset-block-start: -1.4ch;
  -webkit-mask-image: var(--quotes-mark-mask);
  mask-image: var(--quotes-mark-mask);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  pointer-events: none;
  position: absolute;
  transform: translateX(-44px) translateY(-4px);
  width: 4ch;
  z-index: -1;
}
.quotes-section__content[data-quote-icon="style-4"] {
  --quotes-mark-aspect-ratio: 48/38;
}
.quotes-section__content[data-quote-icon="style-9"] {
  --quotes-mark-aspect-ratio: 48/44;
}
.quotes-carousel .quote__text {
  color: var(--quotes-quote-color, var(--gsc-color-heading));
  font-family: var(--quotes-quote-font-family);
  font-size: calc(var(--quotes-quote-font-size) * var(--font-scale-factor, 1));
  font-style: var(--quotes-quote-font-style);
  font-weight: var(--quotes-quote-font-weight);
  letter-spacing: var(--quotes-quote-letter-spacing);
  line-height: calc(
    var(--quotes-quote-line-height) * var(--font-scale-factor, 1)
  );
  overflow-wrap: anywhere;
  position: relative;
  text-transform: var(--quotes-quote-text-transform);
  z-index: 1;
}
.quotes-carousel .quote__text > * {
  margin: 0;
}
.quotes-carousel .quote__text > *,
.quotes-carousel .quote__text > :is(ul, ol) > li:first-child {
  isolation: isolate;
  position: relative;
}
.quotes-carousel .quote__text p {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
.quotes-carousel .quote__attribution {
  width: 100%;
}
.quotes-section__content[data-quote-navigation="tabs"] .quote__attribution {
  @media (scripting: enabled) {
    display: none;
  }
}
.quotes-carousel__navigation {
  container-type: inline-size;
  min-width: 0;
  overflow: clip;
  width: 100%;
}
.quotes-carousel__navigation > .smart-list__items {
  align-items: center;
  justify-content: safe center;
  padding: 0.25rem;
}
.quotes-carousel__navigation-item {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--gsc-color-heading);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  max-width: calc(100cqi - 0.5rem);
  min-height: 24px;
  padding: 0;
  transition: opacity 0.2s ease;
}
.quotes-carousel__navigation-item:not([aria-current="true"]) {
  opacity: 0.3;
}
.quotes-carousel__navigation-item:focus-visible {
  outline: 2px solid var(--gsc-color-outline);
  outline-offset: 0.25rem;
}
.quotes-carousel__navigation-entry {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: var(--gsc-space-300);
  max-width: 100%;
}
.quotes-section__content[data-source-layout="horizontal"]
  .quotes-carousel__navigation-entry {
  flex-direction: row;
}
.quotes-section__content[data-source-layout="horizontal"]
  .quotes-carousel__navigation-image {
  flex: 0 1 var(--quotes-navigation-image-width);
  min-width: 0;
}
.quotes-carousel__navigation-image {
  aspect-ratio: var(--quotes-navigation-image-ratio);
  border-radius: var(--quotes-navigation-image-corner-radius);
  display: grid;
  flex: none;
  max-width: 100%;
  overflow: hidden;
  place-items: center;
  width: var(--quotes-navigation-image-width);
}
.quotes-carousel__navigation-image-content {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.quotes-carousel__navigation-source {
  color: var(--quotes-source-color, var(--gsc-color-heading));
  font-family: var(--quotes-source-font-family);
  font-size: calc(var(--quotes-source-font-size) * var(--font-scale-factor, 1));
  font-style: var(--quotes-source-font-style);
  font-weight: var(--quotes-source-font-weight);
  letter-spacing: var(--quotes-source-letter-spacing);
  line-height: calc(
    var(--quotes-source-line-height) * var(--font-scale-factor, 1)
  );
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: center;
  text-transform: var(--quotes-source-text-transform);
  white-space: normal;
}
.quotes-carousel__arrows {
  display: flex;
  justify-content: space-between;
  margin-block-start: var(--gsc-space-400);
  @media (width < 750px) {
    display: none;
  }
}
.quotes-carousel__arrow {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  display: flex;
  justify-content: center;
  padding: 0;
  &:disabled {
    pointer-events: none;
  }
  &:focus-visible {
    outline: 2px solid var(--gsc-color-outline);
    outline-offset: 2px;
  }
}
.quotes-section__content > .media-cursor {
  background-color: transparent;
  display: none;
}
.quotes-section__content .media-cursor__arrows {
  color: var(--gsc-color-heading);
  fill: none;
}
.quotes-section__content .media-cursor__arrows > path:last-child {
  transform-origin: center;
  transition: transform 0.3s;
}
.quotes-section__content
  .media-cursor--left
  .media-cursor__arrows
  > path:last-child {
  transform: scaleX(-1);
}
@media ((width >= 750px) and (hover: hover)) {
  .quotes-carousel__stage {
    position: static;
  }
  .quotes-carousel__arrows {
    display: contents;
  }
  .quotes-carousel__arrow {
    cursor: none;
    inset-block: 0;
    position: absolute;
    width: 50%;
    z-index: 4;
  }
  .quotes-carousel__arrow--previous {
    left: 0;
  }
  .quotes-carousel__arrow--next {
    right: 0;
  }
  .quotes-carousel__arrow-static {
    display: none;
  }
  .quotes-carousel__arrow:focus-visible .quotes-carousel__arrow-static {
    display: block;
  }
  .quotes-section__content > .media-cursor--visible {
    display: flex;
  }
  .quotes-section__content:has(.quotes-carousel__arrow:focus-visible)
    > .media-cursor {
    visibility: hidden;
  }
}
@media (prefers-reduced-motion: reduce) {
  .quotes-carousel__navigation-item,
  .quotes-section__content .media-cursor__arrows > path:last-child {
    transition-duration: 0.01ms;
  }
}
@media (scripting: none) {
  .quotes-carousel__stage .smart-list__items {
    flex-direction: column;
    gap: var(--quotes-layout-gap);
  }
  .quotes-carousel__arrows,
  .quotes-carousel__navigation {
    display: none;
  }
}
.products-bundle {
  --bundle-carousel-card-max-inline-size: 280px;
  --bundle-content-padding-inline: clamp(
    20px,
    calc(20px + (100vw - 750px) / 4.5667),
    var(--gsc-space-2000)
  );
  align-items: center;
  display: grid;
  gap: 0;
  min-inline-size: 0;
  @media (width >= 750px) {
    --bundle-column-gap: 0px;
    grid-template-columns: minmax(0, var(--bundle-image-fr, 1fr)) minmax(
        0,
        var(--bundle-content-fr, 1fr)
      );
  }
}
.products-bundle--banner-right {
  @media (width >= 750px) {
    grid-template-columns: minmax(0, var(--bundle-content-fr, 1fr)) minmax(
        0,
        var(--bundle-image-fr, 1fr)
      );
    .products-bundle__image {
      grid-column: 2;
    }
    .products-bundle__content {
      grid-column: 1;
      grid-row: 1;
    }
  }
}
.products-bundle:not(:has(> .products-bundle__image:not([hidden]))) {
  @media (width >= 750px) {
    .products-bundle__content {
      grid-column: 1/-1;
      inline-size: calc((100% - var(--bundle-column-gap)) / 2);
      justify-self: center;
    }
  }
}
.products-bundle__content,
.products-bundle__image {
  min-inline-size: 0;
}
.products-bundle__content,
.products-bundle__footer,
.products-bundle__group {
  display: grid;
  gap: var(--gsc-space-400);
}
.products-bundle__content,
.products-bundle__group {
  gap: var(--gsc-space-800, 32px);
  @media (width >= 750px) {
    gap: var(--bundle-content-gap, 32px);
  }
}
.products-bundle__group {
  min-inline-size: 0;
}
.products-bundle__content {
  padding-inline: var(--bundle-content-padding-inline);
}
@media (width < 750px) {
  .products-bundle {
    --bundle-content-padding-inline: 0px;
    gap: var(--gsc-space-800, 32px);
  }
  .products-bundle__content {
    display: contents;
  }
  .products-bundle__image {
    order: 1;
  }
  .products-bundle .products-bundle__header {
    grid-row: auto;
    order: 2;
  }
  .products-bundle__group {
    order: 3;
  }
  .products-bundle__group,
  .products-bundle__header {
    padding-inline: var(--bundle-content-padding-inline);
  }
  .products-bundle--mobile-bottom .products-bundle__header,
  .products-bundle--mobile-center .products-bundle__header {
    order: 1;
  }
  .products-bundle--mobile-bottom .products-bundle__group,
  .products-bundle--mobile-center .products-bundle__image {
    order: 2;
  }
  .products-bundle--mobile-bottom .products-bundle__image {
    order: 3;
  }
}
.products-bundle__header {
  display: grid;
  gap: var(--gsc-space-300, 12px);
  grid-row: 1;
  min-inline-size: 0;
  text-align: var(--bundle-alignment, center);
}
.products-bundle__image {
  position: relative;
}
:is(.products-bundle__banner-desktop, .products-bundle__banner-mobile):has(
  .blur
) {
  clip-path: inset(0 round var(--image-border-radius));
}
.products-bundle__footer {
  justify-items: var(--bundle-alignment, center);
  text-align: var(--bundle-alignment, center);
}
.products-bundle__items {
  counter-reset: bundle-product;
  list-style: none;
  margin: 0;
  padding: 0;
}
.products-bundle__group--single-column-carousel .products-bundle__items {
  @media (width >= 750px) {
    inline-size: 100%;
    justify-self: var(--bundle-alignment, center);
    max-inline-size: var(--bundle-carousel-card-max-inline-size);
  }
}
.products-bundle__item {
  align-items: center;
  counter-increment: bundle-product;
  display: flex;
  gap: var(--gsc-space-400);
  min-inline-size: 0;
  .product-card-basic {
    min-inline-size: 0;
  }
  .product-card-basic__price,
  .product-card-basic__title {
    min-inline-size: 0;
    overflow-wrap: anywhere;
  }
}
.products-bundle__item .product-card-basic__media,
.products-bundle__item .product-card-basic__media .image {
  border-radius: var(--bundle-card-radius, 12px);
}
.products-bundle__item .product-card-basic__title,
.products-bundle__popup .product-card-basic__title {
  color: var(--bundle-title-color, var(--gsc-color-heading));
  font-family: var(--bundle-title-font-family, var(--gsc-font-body--family));
  font-size: var(--bundle-title-font-size, var(--gsc-font-size-350));
  font-style: var(--bundle-title-font-style, normal);
  font-weight: var(--bundle-title-font-weight, var(--gsc-font-weight-semibold));
  letter-spacing: var(--bundle-title-letter-spacing, normal);
  line-height: var(--bundle-title-line-height, 140%);
  overflow: hidden;
  text-transform: var(--bundle-title-case-override, none);
  .text__inner {
    color: var(--bundle-title-color, var(--gsc-color-heading));
    display: block;
    font-family: var(--bundle-title-font-family, var(--gsc-font-body--family));
    font-size: var(--bundle-title-font-size, var(--gsc-font-size-350));
    font-style: var(--bundle-title-font-style, normal);
    font-weight: var(
      --bundle-title-font-weight,
      var(--gsc-font-weight-semibold)
    );
    letter-spacing: var(--bundle-title-letter-spacing, normal);
    line-height: var(--bundle-title-line-height, 140%);
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: var(--bundle-title-case-override, none);
    white-space: nowrap;
  }
}
:is(.products-bundle__item, .products-bundle__popup)
  .product-card-basic__price {
  color: var(--bundle-price-color, var(--gsc-color-heading));
  font-family: var(--bundle-price-font-family, var(--gsc-font-body--family));
  font-size: var(--bundle-price-font-size, var(--gsc-font-size-300));
  letter-spacing: var(--bundle-price-letter-spacing, normal);
  line-height: var(--bundle-price-line-height, 150%);
}
:is(.products-bundle__item, .products-bundle__popup)
  .price
  .text__inner
  .price__container {
  gap: var(--gsc-space-100, 4px);
}
:is(.products-bundle__item, .products-bundle__popup) .price__sale-price {
  color: var(--bundle-price-color, var(--gsc-color-heading));
  font-family: var(--bundle-price-font-family, var(--gsc-font-body--family));
  font-size: var(--bundle-price-font-size, var(--gsc-font-size-300));
  font-style: var(--bundle-price-font-style, normal);
  font-weight: var(--bundle-price-font-weight, var(--gsc-font-weight-semibold));
  letter-spacing: var(--bundle-price-letter-spacing, normal);
  line-height: var(--bundle-price-line-height, 150%);
}
:is(.products-bundle__item, .products-bundle__popup)
  .price
  .price__container
  .price__compare-at-price {
  color: var(--bundle-price-color, var(--gsc-color-heading-secondary));
  font-family: var(--bundle-price-font-family, var(--gsc-font-body--family));
  font-size: var(--bundle-price-font-size, var(--gsc-font-size-300));
  font-style: var(--bundle-price-font-style, normal);
  font-weight: var(--bundle-price-font-weight, var(--gsc-font-weight-regular));
  letter-spacing: var(--bundle-price-letter-spacing, normal);
  line-height: var(--bundle-price-line-height, 150%);
  max-inline-size: 100%;
  min-inline-size: 0;
  opacity: 1;
  overflow: hidden;
  text-decoration-line: line-through;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.products-bundle .products-bundle__items .products-bundle__item {
  transition: opacity 0.25s ease-in-out;
}
.products-bundle__item {
  border-block-end: 0;
  padding-block: var(--gsc-space-500, 20px);
  &:first-child {
    padding-block-start: 0;
  }
  &:last-child {
    border-block-end: 0;
    padding-block-end: 0;
  }
  .product-card-basic__details-content {
    align-items: start;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--gsc-space-100, 4px);
  }
  .product-card-basic__price,
  .product-card-basic__title {
    min-inline-size: 0;
    overflow-wrap: anywhere;
  }
  @media (width < 750px) {
    .product-card-basic__inner {
      align-items: center;
      flex-direction: row;
    }
    .product-card-basic__media {
      flex: 0 0 68px;
      inline-size: 68px;
    }
  }
}
.products-bundle--dividers .products-bundle__item:not(:last-child) {
  border-block-end: 1px solid
    var(--bundle-divider-color, var(--gsc-color-heading-15));
}
.products-bundle--vertical .products-bundle__item {
  @media (width >= 1280px) {
    .product-card-basic__details-content {
      -moz-column-gap: var(--gsc-space-400);
      column-gap: var(--gsc-space-400);
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-rows: 1fr auto auto 1fr;
      row-gap: 0;
    }
    .product-card-basic__title {
      grid-column: 1;
      grid-row: 2;
    }
    .product-card-basic__price {
      align-self: center;
      grid-column: 2;
      grid-row: 1/-1;
      text-align: end;
    }
    .products-bundle__sold-out,
    .products-bundle__variant {
      grid-column: 1;
      grid-row: 3;
      margin-block-start: var(--gsc-space-100, 4px);
    }
  }
}
.products-bundle__group.products-bundle--horizontal .products-bundle__item {
  @media (width >= 750px) {
    align-items: stretch;
    border-block-end: 0;
    flex-direction: column;
    padding-block: 0;
    .product-card-basic {
      --product-card-basic-text-align: var(--bundle-card-alignment, left);
    }
    .price__container {
      justify-content: var(--bundle-card-alignment, left);
    }
    .products-bundle__variant {
      justify-self: var(--bundle-card-alignment, left);
    }
  }
}
.products-bundle--horizontal .products-bundle__number {
  @media (width >= 750px) {
    align-self: center;
  }
}
.products-bundle__variant {
  align-items: center;
  color: var(--gsc-color-text);
  display: flex;
  grid-column: 1;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  max-inline-size: 100%;
  min-inline-size: 0;
  position: relative;
  &:has(
    .products-bundle__variant-select:focus-visible:not(
        [data-bundle-pointer-focus]
      )
  ) {
    outline: auto;
    outline-color: var(--gsc-color-outline);
  }
}
.products-bundle__footer .products-bundle__notice,
.products-bundle__footer [data-bundle-error],
.products-bundle__footer [data-bundle-status],
.products-bundle__sold-out,
.products-bundle__variant-select,
.products-bundle__variant-value {
  color: var(--gsc-color-text);
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-300);
  font-style: normal;
  font-weight: var(--gsc-font-weight-regular);
  line-height: 150%;
}
.products-bundle__footer
  :is(.products-bundle__notice, [data-bundle-status], [data-bundle-error]) {
  font-size: var(--gsc-font-size-350);
}
.products-bundle__footer [data-bundle-error] {
  color: var(--gsc-color-critical-primary);
}
.products-bundle__variant-select {
  background: Field;
  border: 0;
  color: FieldText;
  cursor: pointer;
  height: 100%;
  inset: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.products-bundle__variant-value {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.products-bundle__variant-icon {
  flex: 0 0 auto;
  pointer-events: none;
}
.products-bundle__number,
.products-bundle__pin {
  align-items: center;
  block-size: 32px;
  border: 0;
  border-radius: 50%;
  color: #111;
  display: inline-flex;
  flex-shrink: 0;
  font-family: var(--gsc-font-body--family);
  font-size: var(--gsc-font-size-275);
  font-style: normal;
  font-weight: var(--gsc-font-weight-medium);
  inline-size: 32px;
  justify-content: center;
  letter-spacing: var(--gsc-font-letter-spacing-normal, normal);
  line-height: 145%;
  text-align: center;
}
.products-bundle__number {
  background: var(--bundle-number-background, var(--gsc-color-surface));
  color: var(--bundle-number-color, #111);
}
.products-bundle__number:empty::before {
  content: counter(bundle-product);
}
.products-bundle__hotspot {
  left: var(--bundle-x-mobile);
  position: absolute;
  top: var(--bundle-y-mobile);
  transform: translate(-50%, -50%);
  @media (width >= 750px) {
    left: var(--bundle-x-desktop);
    top: var(--bundle-y-desktop);
  }
}
.products-bundle__pin {
  background: transparent;
  color: var(--bundle-pin-color);
  cursor: pointer;
  position: relative;
  text-decoration: none;
  transition: transform 0.25s ease-in-out;
}
.products-bundle__hotspots[data-bundle-hover="true"] .products-bundle__pin {
  @media (hover: hover) {
    &:hover {
      transform: scale(1.15);
    }
  }
}
.products-bundle__hotspots[data-bundle-hover="true"]
  .products-bundle__hotspot.is-active
  .products-bundle__pin,
.products-bundle__hotspots[data-bundle-hover="true"]
  .products-bundle__hotspot:has(
    .products-bundle__dropdown[aria-expanded="true"]
  )
  .products-bundle__pin {
  transform: scale(1.15);
}
.products-bundle__hotspots[data-bundle-hover="false"]
  .products-bundle__hotspot.is-active
  .products-bundle__pin::before {
  animation: gsc-hotspot-pulse 1.6s ease-out 0.1s infinite both;
  opacity: 0.5;
}
.products-bundle.is-highlighting .products-bundle__item:not(.is-active) {
  opacity: 0.35;
}
.products-bundle__popup {
  color: var(--gsc-color-heading);
  padding-block: var(--gsc-space-200);
  padding-inline: var(--gsc-space-200) var(--gsc-space-300);
  .product-card-basic__inner {
    gap: var(--gsc-space-300);
  }
}
@starting-style {
  .dropdown__content.visible:has(> .products-bundle__popup),
  .products-bundle__popup.visible {
    opacity: 0;
  }
}
.products-bundle__popup .product-card-basic__details {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.products-bundle__submit {
  display: none;
}
.products-bundle.is-ready .products-bundle__submit {
  display: inline-flex;
}
.products-bundle__footer p {
  margin: 0;
}
.products-bundle:not(:has([data-bundle-unavailable])) .products-bundle__notice {
  display: none;
}
.products-bundle__footer [hidden],
.products-bundle__footer p:empty {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .dropdown__content:has(> .products-bundle__popup),
  .products-bundle .products-bundle__items .products-bundle__item,
  .products-bundle__pin,
  .products-bundle__popup {
    transition: none;
  }
}
.products-bundle__pin::after,
.products-bundle__pin::before {
  background: var(--bundle-pin-background);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  position: absolute;
}
.products-bundle__pin::before {
  background: var(
    --gsc-hotspot-sub-background-color,
    var(--bundle-pin-background)
  );
  inset: -8px;
  opacity: 0;
}
.products-bundle__pin::after {
  inset: 0;
}
.products-bundle__pin-label {
  pointer-events: none;
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .products-bundle__hotspots[data-bundle-hover="false"]
    .products-bundle__hotspot.is-active
    .products-bundle__pin::before {
    animation: none;
    opacity: 0.3;
  }
}
.products-bundle__hotspots {
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.products-bundle__hotspot {
  pointer-events: auto;
}
.products-bundle__banner-link {
  inset: 0;
  position: absolute;
}
.lag-gallery {
  display: block;
  flex: 1;
  min-height: var(--lag-gallery-height);
  min-width: 0;
  overflow: hidden;
  position: relative;
  width: auto;
}
.lag-gallery__screen {
  color: var(--gsc-color-text);
  position: relative;
}
.lag-gallery__screen.border-gradient-style::after {
  z-index: 4;
}
.lag-gallery__content {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.lag-gallery__body,
.lag-gallery__text-screen {
  height: 100%;
  position: relative;
}
@media (width >= 750px) {
  .lag-gallery--page-scroll {
    --lag-gallery-header-offset: 0px;
    --lag-gallery-viewport-height: var(--section-min-height, 100dvh);
    height: var(
      --lag-gallery-scroll-height,
      var(--lag-gallery-viewport-height)
    );
    min-height: var(--lag-gallery-viewport-height);
    overflow: clip;
    overflow-anchor: none;
    body:has(
        .header-section--sticky-on-scroll-up.header-section--sticky-visible
      )
      &,
    body:has(.header-section--sticky-always) & {
      --lag-gallery-header-offset: var(
        --lag-gallery-header-height,
        calc(
          var(--gsc-single-header-height, 0px) +
            var(--header-margin-top-desktop, 0px)
        )
      );
    }
    main > .section-lag-gallery:first-child & {
      --lag-gallery-header-offset: var(
        --lag-gallery-header-visible-height,
        0px
      );
    }
    body:has(.header-section--sticky-always) &,
    main > .section-lag-gallery:first-child & {
      --lag-gallery-viewport-height: max(
        0px,
        min(
          var(--section-min-height, 100dvh),
          calc(100dvh - var(--lag-gallery-header-offset))
        )
      );
    }
  }
  .lag-gallery--page-scroll .lag-gallery__screen {
    height: var(--lag-gallery-viewport-height);
    inset-block-start: var(--lag-gallery-header-offset);
    overflow: hidden;
    position: sticky;
    body:has(.header-section--sticky-on-scroll-up) & {
      transition: inset-block-start
        var(--lag-gallery-header-transition, 0.2s ease-in-out);
    }
    main > .section-lag-gallery:first-child & {
      transition: none;
    }
  }
  .lag-gallery[data-scroll-mode="hover"] {
    --lag-gallery-viewport-height: var(--section-min-height, 100dvh);
    height: var(--lag-gallery-viewport-height);
    min-height: 0;
    overflow: clip;
    overflow-anchor: none;
  }
  .lag-gallery[data-scroll-mode="hover"] .lag-gallery__screen {
    height: var(--lag-gallery-viewport-height);
    overflow: hidden;
  }
  .lag-gallery--page-scroll .lag-gallery__viewport,
  .lag-gallery:defined[data-scroll-mode="hover"] .lag-gallery__viewport {
    cursor: auto;
    height: 100%;
    overflow: clip;
  }
  .lag-gallery__slide {
    min-width: 1200px;
  }
}
.lag-gallery__text-screen {
  padding: 40px 40px 40px 64px;
}
.lag-gallery__heading {
  inset-block-start: 0;
  inset-inline-start: 0;
  margin: 0;
  position: absolute;
  z-index: 3;
}
.lag-gallery__titles {
  display: grid;
  inset-block-start: 50%;
  inset-inline-start: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
  width: min(42vw, 40rem);
  z-index: 3;
}
.lag-gallery__title {
  align-self: center;
  font-size: clamp(1.5rem, 4vw, 4.5rem);
  grid-area: 1/1;
  line-height: 1.05;
  margin: 0;
  opacity: 0.001;
  overflow-wrap: break-word;
  transform: translate3d(0, -65%, 0);
  transition:
    opacity 0.4s ease,
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s;
  width: 100%;
}
.lag-gallery:defined .lag-gallery__title {
  will-change: transform, opacity;
}
.lag-gallery__title--active {
  opacity: 1;
  transform: translateZ(0);
  transition-delay: 0.12s;
}
.lag-gallery__title--leaving {
  transform: translate3d(0, 65%, 0);
  transition-delay: 0s;
}
.lag-gallery__title-link {
  border-radius: 0;
  color: var(--color, inherit);
  display: block;
  overflow: visible;
  pointer-events: none;
  text-decoration: none;
}
.lag-gallery__title-link.rte {
  font: inherit;
}
.lag-gallery__title-link.text .text__inner > .lag-gallery__title-ending {
  font: inherit;
  white-space: nowrap;
}
.lag-gallery__title-link.text .text__inner .lag-gallery__product-count {
  font: inherit;
  font-size: 0.5em;
  line-height: 0;
}
.lag-gallery__title--active .lag-gallery__title-link {
  pointer-events: auto;
}
.lag-gallery__title-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.lag-gallery__media-link {
  display: block;
  height: 100%;
  width: 100%;
}
.lag-gallery__media-cursor {
  display: none;
}
.lag-gallery__pagination {
  font-size: clamp(0.5rem, 1.333vw, 1.5rem);
  font-variant-numeric: tabular-nums;
  inset-block-end: 0;
  inset-inline-start: 0;
  margin: 0;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}
.lag-gallery__pagination-text {
  color: var(--color, inherit);
  display: block;
}
.lag-gallery__pagination-text.text > .text__inner {
  align-items: center;
  display: inline-flex;
  gap: var(--gsc-space-300);
}
.lag-gallery__pagination-separator {
  background: currentColor;
  flex-shrink: 0;
  height: 1px;
  width: 20px;
}
.lag-gallery__pagination-text.rte {
  font: inherit;
}
.lag-gallery__skip {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--gsc-color-text);
  cursor: pointer;
  display: grid;
  height: var(--gsc-space-1200);
  inset-block-end: var(--gsc-space-600);
  inset-inline: 0;
  margin-inline: auto;
  opacity: 0;
  padding: 0;
  place-items: center;
  pointer-events: none;
  position: absolute;
  transition:
    opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0.4s;
  visibility: hidden;
  width: var(--gsc-space-1200);
  z-index: 3;
}
.lag-gallery__skip[data-visible] {
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
  visibility: visible;
}
.lag-gallery__skip[hidden] {
  display: none;
}
.lag-gallery__skip:focus-visible {
  outline: 2px solid var(--gsc-color-text);
  outline-offset: 2px;
}
.lag-gallery__skip-arrow {
  transform-box: fill-box;
  transform-origin: center top;
}
.lag-gallery__skip-arrow--small {
  transform: translateY(-11.166px) scale(0.5);
}
@media (width >= 750px) and (prefers-reduced-motion: no-preference) {
  .lag-gallery__skip-arrow {
    animation: lag-gallery-skip-arrow 1.6s linear infinite;
  }
  .lag-gallery__skip-arrow--small {
    animation-delay: -0.8s;
  }
}
@keyframes lag-gallery-skip-arrow {
  0% {
    opacity: 0;
    transform: translateY(-15px) scale(0.35);
  }
  20%,
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(2px) scale(1.05);
  }
}
.lag-gallery__viewport {
  container-type: inline-size;
  cursor: grab;
  height: var(--lag-gallery-height);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  position: relative;
  scrollbar-width: none;
  width: 100%;
  z-index: 1;
}
.lag-gallery__viewport::-webkit-scrollbar {
  display: none;
}
.lag-gallery__viewport:focus-visible {
  outline: 0.125rem solid currentColor;
  outline-offset: -0.25rem;
}
.lag-gallery__track {
  display: flex;
  gap: var(--lag-gallery-gap);
  height: 100%;
  width: -moz-max-content;
  width: max-content;
}
.lag-gallery:defined .lag-gallery__track {
  backface-visibility: hidden;
  will-change: transform;
}
.lag-gallery__slide {
  --lag-gallery-media-unit: min(
    1cqw,
    max(
      0px,
      calc((100cqh - 2 * var(--lag-gallery-media-offset-desktop, 44px)) / 100)
    )
  );
  container-type: size;
  flex: 0 0 100cqw;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100cqw;
}
.lag-gallery__slide--layout-1 {
  --lag-gallery-media-1-height: calc(100 * var(--lag-gallery-media-unit));
  --lag-gallery-media-2-height: calc(58 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-height: calc(34 * var(--lag-gallery-media-unit));
  --lag-gallery-media-1-end: 0px;
  --lag-gallery-media-2-end: calc(62 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-end: calc(41 * var(--lag-gallery-media-unit));
}
.lag-gallery__slide--layout-2 {
  --lag-gallery-media-1-height: calc(100 * var(--lag-gallery-media-unit));
  --lag-gallery-media-2-height: calc(58 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-height: calc(34 * var(--lag-gallery-media-unit));
  --lag-gallery-media-1-end: calc(8 * var(--lag-gallery-media-unit));
  --lag-gallery-media-2-end: calc(55 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-end: calc(-5 * var(--lag-gallery-media-unit));
}
.lag-gallery__slide--layout-3 {
  --lag-gallery-media-1-height: calc(100 * var(--lag-gallery-media-unit));
  --lag-gallery-media-2-height: calc(58 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-height: calc(34 * var(--lag-gallery-media-unit));
  --lag-gallery-media-1-end: 0px;
  --lag-gallery-media-2-end: calc(-16 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-end: calc(67 * var(--lag-gallery-media-unit));
}
.lag-gallery__slide--layout-4 {
  --lag-gallery-media-1-height: calc(100 * var(--lag-gallery-media-unit));
  --lag-gallery-media-2-height: calc(58 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-height: calc(34 * var(--lag-gallery-media-unit));
  --lag-gallery-media-1-end: calc(34 * var(--lag-gallery-media-unit));
  --lag-gallery-media-2-end: calc(0 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-end: calc(34 * var(--lag-gallery-media-unit));
}
.lag-gallery__slide--layout-5 {
  --lag-gallery-media-1-height: calc(100 * var(--lag-gallery-media-unit));
  --lag-gallery-media-2-height: calc(58 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-height: calc(34 * var(--lag-gallery-media-unit));
  --lag-gallery-media-1-end: 0px;
  --lag-gallery-media-2-end: calc(63 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-end: calc(98 * var(--lag-gallery-media-unit));
}
.lag-gallery__slide--layout-6 {
  --lag-gallery-media-1-height: calc(100 * var(--lag-gallery-media-unit));
  --lag-gallery-media-2-height: calc(58 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-height: calc(34 * var(--lag-gallery-media-unit));
  --lag-gallery-media-1-end: calc(27 * var(--lag-gallery-media-unit));
  --lag-gallery-media-2-end: calc(14 * var(--lag-gallery-media-unit));
  --lag-gallery-media-3-end: 0px;
}
.lag-gallery__media {
  --lag-gallery-media-width: min(
    100cqw,
    calc(var(--lag-gallery-media-height) * var(--lag-gallery-media-ratio))
  );
  aspect-ratio: var(--lag-gallery-media-ratio);
  backface-visibility: hidden;
  background: var(--gsc-product-media-background);
  border-radius: var(--lag-gallery-media-corner-radius, 0);
  height: auto;
  inset-block-end: var(--lag-gallery-media-offset-desktop, 44px);
  inset-inline-end: clamp(
    0px,
    var(--lag-gallery-media-end),
    calc(100cqw - var(--lag-gallery-media-width))
  );
  margin: 0;
  overflow: hidden;
  position: absolute;
  transform: translateZ(0);
  width: var(--lag-gallery-media-width);
}
.lag-gallery:defined .lag-gallery__media {
  will-change: transform;
}
.lag-gallery__media--skeleton {
  background: var(--gsc-color-surface);
  pointer-events: none;
}
.lag-gallery__media--1 {
  --lag-gallery-media-height: var(--lag-gallery-media-1-height);
  --lag-gallery-media-ratio: var(--lag-gallery-media-1-ratio);
  --lag-gallery-media-end: var(--lag-gallery-media-1-end);
}
.lag-gallery__media--2 {
  --lag-gallery-media-height: var(--lag-gallery-media-2-height);
  --lag-gallery-media-ratio: var(--lag-gallery-media-2-ratio);
  --lag-gallery-media-end: var(--lag-gallery-media-2-end);
  z-index: 1;
}
.lag-gallery__media--3 {
  --lag-gallery-media-height: var(--lag-gallery-media-3-height);
  --lag-gallery-media-ratio: var(--lag-gallery-media-3-ratio);
  --lag-gallery-media-end: var(--lag-gallery-media-3-end);
  z-index: 2;
}
.lag-gallery__image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.lag-gallery__placeholder {
  background: transparent;
}
.lag-gallery:defined
  :is(
    img.lag-gallery__image,
    .lag-gallery__video,
    .lag-gallery__model,
    .lag-gallery__external-video > iframe
  ):not(.lag-gallery__media-loaded) {
  opacity: 0;
}
.lag-gallery:defined .lag-gallery__media-loaded {
  animation: lag-gallery-media-reveal 0.3s ease both;
  opacity: 1;
}
@keyframes lag-gallery-media-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.lag-gallery__external-video,
.lag-gallery__model,
.lag-gallery__video {
  pointer-events: none;
}
.lag-gallery__external-video,
.lag-gallery__model {
  display: block;
  height: 100%;
  inset: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  width: 100%;
}
.lag-gallery__model > [slot="poster"] {
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.lag-gallery__external-video {
  background: var(--gsc-product-media-background);
  overflow: clip;
}
.lag-gallery__external-video > .lag-gallery__image,
.lag-gallery__external-video > iframe {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}
.lag-gallery__media-link--overlay {
  inset: 0;
  position: absolute;
}
.lag-gallery__video-toggle {
  background: #000;
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: grid;
  height: 44px;
  inset-block-end: 12px;
  inset-inline-end: 12px;
  padding: 0;
  place-items: center;
  position: absolute;
  width: 44px;
}
.lag-gallery__video-toggle:not([data-playing]) .lag-gallery__video-pause,
.lag-gallery__video-toggle[data-playing] .lag-gallery__video-play,
.lag-gallery__video-toggle[hidden] {
  display: none;
}
.lag-gallery__video-toggle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
@media (width >= 750px) and (hover: hover) and (pointer: fine) {
  .lag-gallery[data-media-cursor-active],
  .lag-gallery[data-media-cursor-active] * {
    cursor: none;
  }
  .lag-gallery__media-cursor {
    display: block;
    inset-block-start: 0;
    inset-inline-start: 0;
    pointer-events: none;
    position: fixed;
    transform: translate3d(
      var(--lag-gallery-cursor-x, -100px),
      var(--lag-gallery-cursor-y, -100px),
      0
    );
    will-change: transform;
    z-index: 5;
  }
  .lag-gallery__media-cursor-disc {
    align-items: center;
    background: var(--lag-gallery-cursor-background, #000);
    border-radius: 50%;
    color: var(--lag-gallery-cursor-color, #fff);
    display: flex;
    height: 60px;
    justify-content: center;
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0);
    transition:
      opacity 0.4s ease,
      transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    width: 60px;
    will-change: transform, opacity;
  }
  .lag-gallery__media-cursor[data-visible] .lag-gallery__media-cursor-disc {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
  .lag-gallery__media-cursor-icon {
    height: 28px;
    width: 28px;
  }
  .lag-gallery:defined .lag-gallery__skip,
  .lag-gallery:defined .lag-gallery__skip *,
  .lag-gallery:defined .lag-gallery__video-toggle,
  .lag-gallery:defined .lag-gallery__video-toggle * {
    cursor: pointer;
  }
  .lag-gallery__video-toggle {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  .lag-gallery__media:hover .lag-gallery__video-toggle,
  .lag-gallery__video-toggle:focus-visible {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (width < 750px) {
  .lag-gallery__titles {
    width: 100%;
  }
  .lag-gallery__pagination,
  .lag-gallery__skip {
    display: none;
  }
  .lag-gallery__screen {
    overflow: clip;
  }
  .lag-gallery {
    min-height: 0;
    overflow: clip;
    overflow-anchor: none;
  }
  .lag-gallery__text-screen {
    height: 100dvh;
    inset-block-start: 0;
    max-height: 100%;
    padding: 32px 24px;
    position: sticky;
  }
  .lag-gallery__viewport {
    cursor: auto;
    height: auto;
    overflow: visible;
    overscroll-behavior-block: auto;
    overscroll-behavior-inline: auto;
    touch-action: auto;
  }
  .lag-gallery__track {
    flex-direction: column;
    height: -moz-max-content;
    height: max-content;
    overflow: visible;
    width: 100%;
  }
  .lag-gallery__slide {
    --lag-gallery-media-unit: max(
      0px,
      calc((100cqw - 2 * var(--lag-gallery-media-offset-mobile, 16px)) / 100)
    );
    --lag-gallery-media-1-height-mobile: calc(
      var(--lag-gallery-media-1-width-mobile) / var(--lag-gallery-media-1-ratio)
    );
    --lag-gallery-media-2-height-mobile: calc(
      var(--lag-gallery-media-2-width-mobile) / var(--lag-gallery-media-2-ratio)
    );
    --lag-gallery-media-3-height-mobile: calc(
      var(--lag-gallery-media-3-width-mobile) / var(--lag-gallery-media-3-ratio)
    );
    --lag-gallery-slide-height-mobile: max(
      var(--section-min-height-mobile, var(--lag-gallery-height)),
      185vw,
      calc(
        var(--lag-gallery-media-top-mobile) +
          var(--lag-gallery-media-1-height-mobile)
      ),
      calc(
        var(--lag-gallery-media-top-mobile) +
          var(--lag-gallery-media-1-height-mobile) +
          var(--lag-gallery-media-2-drop-mobile) +
          var(--lag-gallery-media-2-height-mobile)
      ),
      calc(
        var(--lag-gallery-media-top-mobile) +
          var(--lag-gallery-media-1-height-mobile) +
          var(--lag-gallery-media-3-drop-mobile) +
          var(--lag-gallery-media-3-height-mobile)
      )
    );
    flex-basis: auto;
    height: var(--lag-gallery-slide-height-mobile);
    min-height: var(--lag-gallery-slide-height-mobile);
    overflow: clip;
    width: 100%;
  }
  .lag-gallery__slide:nth-child(10n + 1) {
    --lag-gallery-media-top-mobile: calc(0 * var(--lag-gallery-media-unit));
    --lag-gallery-media-1-width-mobile: calc(
      100 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-1-end-mobile: 0px;
    --lag-gallery-media-2-width-mobile: calc(
      47 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-2-end-mobile: calc(43 * var(--lag-gallery-media-unit));
    --lag-gallery-media-2-drop-mobile: calc(8 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-width-mobile: calc(
      38 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-3-end-mobile: calc(14 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-drop-mobile: calc(52 * var(--lag-gallery-media-unit));
  }
  .lag-gallery__slide:nth-child(10n + 2) {
    --lag-gallery-media-top-mobile: calc(0 * var(--lag-gallery-media-unit));
    --lag-gallery-media-1-width-mobile: calc(
      100 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-1-end-mobile: 0px;
    --lag-gallery-media-2-width-mobile: calc(
      47 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-2-end-mobile: calc(6 * var(--lag-gallery-media-unit));
    --lag-gallery-media-2-drop-mobile: calc(-8 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-width-mobile: calc(
      32 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-3-end-mobile: calc(61 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-drop-mobile: calc(30 * var(--lag-gallery-media-unit));
  }
  .lag-gallery__slide:nth-child(10n + 3) {
    --lag-gallery-media-top-mobile: calc(6 * var(--lag-gallery-media-unit));
    --lag-gallery-media-1-width-mobile: calc(
      100 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-1-end-mobile: 0px;
    --lag-gallery-media-2-width-mobile: calc(
      47 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-2-end-mobile: calc(46 * var(--lag-gallery-media-unit));
    --lag-gallery-media-2-drop-mobile: calc(-6 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-width-mobile: calc(
      28 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-3-end-mobile: calc(7 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-drop-mobile: calc(30 * var(--lag-gallery-media-unit));
  }
  .lag-gallery__slide:nth-child(10n + 4) {
    --lag-gallery-media-top-mobile: calc(6 * var(--lag-gallery-media-unit));
    --lag-gallery-media-1-width-mobile: calc(
      100 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-1-end-mobile: 0px;
    --lag-gallery-media-2-width-mobile: calc(
      60 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-2-end-mobile: calc(10 * var(--lag-gallery-media-unit));
    --lag-gallery-media-2-drop-mobile: calc(10 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-width-mobile: calc(
      36 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-3-end-mobile: calc(55 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-drop-mobile: calc(28 * var(--lag-gallery-media-unit));
  }
  .lag-gallery__slide:nth-child(10n + 5) {
    --lag-gallery-media-top-mobile: calc(0 * var(--lag-gallery-media-unit));
    --lag-gallery-media-1-width-mobile: calc(
      100 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-1-end-mobile: 0px;
    --lag-gallery-media-2-width-mobile: calc(
      47 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-2-end-mobile: calc(43 * var(--lag-gallery-media-unit));
    --lag-gallery-media-2-drop-mobile: calc(8 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-width-mobile: calc(
      38 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-3-end-mobile: calc(14 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-drop-mobile: calc(52 * var(--lag-gallery-media-unit));
  }
  .lag-gallery__slide:nth-child(10n + 6) {
    --lag-gallery-media-top-mobile: calc(0 * var(--lag-gallery-media-unit));
    --lag-gallery-media-1-width-mobile: calc(
      100 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-1-end-mobile: 0px;
    --lag-gallery-media-2-width-mobile: calc(
      47 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-2-end-mobile: calc(6 * var(--lag-gallery-media-unit));
    --lag-gallery-media-2-drop-mobile: calc(-8 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-width-mobile: calc(
      32 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-3-end-mobile: calc(61 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-drop-mobile: calc(30 * var(--lag-gallery-media-unit));
  }
  .lag-gallery__slide:nth-child(10n + 7) {
    --lag-gallery-media-top-mobile: calc(6 * var(--lag-gallery-media-unit));
    --lag-gallery-media-1-width-mobile: calc(
      100 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-1-end-mobile: 0px;
    --lag-gallery-media-2-width-mobile: calc(
      47 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-2-end-mobile: calc(46 * var(--lag-gallery-media-unit));
    --lag-gallery-media-2-drop-mobile: calc(-6 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-width-mobile: calc(
      28 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-3-end-mobile: calc(7 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-drop-mobile: calc(30 * var(--lag-gallery-media-unit));
  }
  .lag-gallery__slide:nth-child(10n + 8) {
    --lag-gallery-media-top-mobile: calc(6 * var(--lag-gallery-media-unit));
    --lag-gallery-media-1-width-mobile: calc(
      100 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-1-end-mobile: 0px;
    --lag-gallery-media-2-width-mobile: calc(
      60 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-2-end-mobile: calc(10 * var(--lag-gallery-media-unit));
    --lag-gallery-media-2-drop-mobile: calc(10 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-width-mobile: calc(
      36 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-3-end-mobile: calc(55 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-drop-mobile: calc(28 * var(--lag-gallery-media-unit));
  }
  .lag-gallery__slide:nth-child(10n + 9) {
    --lag-gallery-media-top-mobile: calc(0 * var(--lag-gallery-media-unit));
    --lag-gallery-media-1-width-mobile: calc(
      100 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-1-end-mobile: 0px;
    --lag-gallery-media-2-width-mobile: calc(
      47 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-2-end-mobile: calc(43 * var(--lag-gallery-media-unit));
    --lag-gallery-media-2-drop-mobile: calc(8 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-width-mobile: calc(
      38 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-3-end-mobile: calc(14 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-drop-mobile: calc(52 * var(--lag-gallery-media-unit));
  }
  .lag-gallery__slide:nth-child(10n) {
    --lag-gallery-media-top-mobile: calc(0 * var(--lag-gallery-media-unit));
    --lag-gallery-media-1-width-mobile: calc(
      100 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-1-end-mobile: 0px;
    --lag-gallery-media-2-width-mobile: calc(
      47 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-2-end-mobile: calc(6 * var(--lag-gallery-media-unit));
    --lag-gallery-media-2-drop-mobile: calc(-8 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-width-mobile: calc(
      32 * var(--lag-gallery-media-unit)
    );
    --lag-gallery-media-3-end-mobile: calc(61 * var(--lag-gallery-media-unit));
    --lag-gallery-media-3-drop-mobile: calc(30 * var(--lag-gallery-media-unit));
  }
  .lag-gallery__media {
    contain: layout paint;
    inset-block-end: auto;
    inset-block-start: var(--lag-gallery-media-top-mobile);
    transform: translateZ(0);
  }
  .lag-gallery__media--1 {
    aspect-ratio: var(--lag-gallery-media-1-ratio);
    height: auto;
    inset-inline-end: calc(
      var(--lag-gallery-media-offset-mobile, 16px) +
        var(--lag-gallery-media-1-end-mobile)
    );
    width: var(--lag-gallery-media-1-width-mobile);
  }
  .lag-gallery__media--2,
  .lag-gallery__media--3 {
    height: auto;
  }
  .lag-gallery__media--2 {
    aspect-ratio: var(--lag-gallery-media-2-ratio);
    inset-block-start: calc(
      var(--lag-gallery-media-top-mobile) +
        var(--lag-gallery-media-1-height-mobile) +
        var(--lag-gallery-media-2-drop-mobile)
    );
    inset-inline-end: calc(
      var(--lag-gallery-media-offset-mobile, 16px) +
        var(--lag-gallery-media-2-end-mobile)
    );
    width: var(--lag-gallery-media-2-width-mobile);
  }
  .lag-gallery__media--3 {
    aspect-ratio: var(--lag-gallery-media-3-ratio);
    inset-block-start: calc(
      var(--lag-gallery-media-top-mobile) +
        var(--lag-gallery-media-1-height-mobile) +
        var(--lag-gallery-media-3-drop-mobile)
    );
    inset-inline-end: calc(
      var(--lag-gallery-media-offset-mobile, 16px) +
        var(--lag-gallery-media-3-end-mobile)
    );
    width: var(--lag-gallery-media-3-width-mobile);
  }
}
.lag-gallery[data-visual-preview] {
  height: var(--lag-gallery-viewport-height, 100dvh);
  min-height: 0;
  .lag-gallery__screen {
    height: 100%;
    inset-block-start: 0;
    position: relative;
  }
  .lag-gallery__viewport {
    height: 100%;
    overflow: clip;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lag-gallery:defined .lag-gallery__media-loaded {
    animation: none;
  }
  .lag-gallery__media {
    transform: none;
    will-change: auto;
  }
  .lag-gallery__skip,
  .lag-gallery__title {
    transition: none;
  }
}