/** Shopify CDN: Minification failed

Line 7017:0 Unexpected "}"
Line 11368:1 Unexpected ";"

**/
/* Bebas Neue */
@font-face {
  font-family: "Bebas Neue";
  src: url('{{ "BebasNeue-Regular.woff2" | asset_url }}') format("woff2");
  font-style: normal;
  font-display: swap;
}

/* Hanken Grotesk */
@font-face {
  font-family: "Hanken Grotesk";
  src: url('{{ "HankenGrotesk-Regular.woff2" | asset_url }}') format("woff2");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Hanken Grotesk Light";
  src: url('{{ "HankenGrotesk-Light.ttf" | asset_url }}') format("ttf");
  font-style: light;
  font-display: swap;
}

:root {
  --font-family-heading: "Bebas Neue", sans-serif;
  --font-family-body: "Hanken Grotesk", sans-serif;
  --font-family-navigation: "Hanken Grotesk", sans-serif;
  --font-family-body-light: "Hanken Grotesk Light", sans-serif;
}

:root {
  --font-weight-body: 300;
  --font-weight-heading: 400;
  --font-weight-button: 700;
  --font-size-body-100:18px;
  
}

:root {
  --js-mobile: (max-width: 719.9px);
  --js-tablet: (min-width: 720px);
  --js-below-small-desktop: (max-width: 1023.9px);
  --js-small-desktop: (min-width: 1024px);
  --js-desktop: (min-width: 1440px);
  --js-max-page-width: (min-width: 1600px);
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}
:root {
  --spacing-unit: 8px;
  --spacing-25: calc(var(--spacing-unit) / 4);
  --spacing-50: calc(var(--spacing-unit) / 2);
  --spacing-75: calc(var(--spacing-unit) * 0.75);
  --spacing-100: var(--spacing-unit);
  --spacing-125: calc(var(--spacing-unit) * 1.25);
  --spacing-150: calc(var(--spacing-unit) * 1.5);
  --spacing-200: calc(var(--spacing-unit) * 2);
  --spacing-250: calc(var(--spacing-unit) * 2.5);
  --spacing-300: calc(var(--spacing-unit) * 3);
  --spacing-350: calc(var(--spacing-unit) * 3.5);
  --spacing-400: calc(var(--spacing-unit) * 4);
  --spacing-450: calc(var(--spacing-unit) * 4.5);
  --spacing-500: calc(var(--spacing-unit) * 5);
  --spacing-600: calc(var(--spacing-unit) * 6);
  --spacing-700: calc(var(--spacing-unit) * 7);
  --spacing-800: calc(var(--spacing-unit) * 8);
  --spacing-900: calc(var(--spacing-unit) * 9);
  --spacing-1000: calc(var(--spacing-unit) * 10);
  --spacing-1100: calc(var(--spacing-unit) * 11);
  --spacing-1200: calc(var(--spacing-unit) * 12);
  --spacing-1300: calc(var(--spacing-unit) * 13);
  --gutter: var(--spacing-250);
}
@media (min-width: 1024px) {
  :root {
    --gutter: var(--spacing-400);
  }
}
@media (min-width: 1440px) {
  :root {
    --gutter: var(--spacing-900);
  }
}
:root {
  --grid-1-column-gap: var(--spacing-200);
  --grid-2-column-gap: var(--spacing-200);
  --grid-3-column-gap: var(--spacing-200);
  --grid-4-column-gap: var(--spacing-200);
  --grid-row-gap: var(--spacing-600);
}
@media (min-width: 720px) {
  :root {
    --grid-2-column-gap: var(--spacing-250);
    --grid-3-column-gap: var(--spacing-250);
    --grid-4-column-gap: var(--spacing-250);
    --grid-row-gap: var(--spacing-700);
  }
}
@media (min-width: 1024px) {
  :root {
    --grid-2-column-gap: var(--spacing-350);
    --grid-3-column-gap: var(--spacing-350);
    --grid-4-column-gap: var(--spacing-300);
    --grid-row-gap: var(--spacing-800);
  }
}
@media (desktop) {
  :root {
    --grid-2-column-gap: var(--spacing-350);
    --grid-3-column-gap: var(--spacing-350);
    --grid-4-column-gap: var(--spacing-350);
    --grid-row-gap: var(--spacing-800);
  }
}
:root {
  --block-spacing-overline: var(--spacing-200);
  --block-spacing-heading: var(--spacing-200);
  --block-spacing-text: var(--spacing-200);
  --block-spacing-button: var(--spacing-300);
  --block-spacing-image: var(--spacing-300);
}
@media (min-width: 1024px) {
  :root {
    --block-spacing-overline: var(--spacing-250);
    --block-spacing-heading: var(--spacing-250);
    --block-spacing-text: var(--spacing-250);
    --block-spacing-button: var(--spacing-350);
    --block-spacing-image: var(--spacing-300);
  }
}
:root {
  --rte-spacing-paragraph: var(--spacing-250);
  --rte-spacing-list: var(--spacing-250);
  --rte-spacing-heading-top: var(--spacing-500);
  --rte-spacing-heading-bottom: var(--spacing-250);
  --rte-spacing-table: var(--spacing-400);
  --rte-spacing-blockquote: var(--spacing-350);
}
@media (min-width: 720px) {
  :root {
    --rte-spacing-heading-top: var(--spacing-600);
  }
}
@media (min-width: 1024px) {
  :root {
    --rte-spacing-paragraph: var(--spacing-300);
    --rte-spacing-list: var(--spacing-350);
    --rte-spacing-heading-bottom: var(--spacing-350);
    --rte-spacing-table: var(--spacing-500);
    --rte-spacing-blockquote: var(--spacing-450);
  }
}
:root {
  --button-padding: var(--spacing-200) var(--spacing-350);
  --button-padding-vertical: var(--spacing-200);
  --button-padding-horizontal: var(--spacing-350);
  --button-padding-small: var(--spacing-125) var(--spacing-300);
  --button-padding-small-vertical: var(--spacing-125);
  --button-padding-small-horizontal: var(--spacing-300);
  --button-padding-x-small: var(--spacing-125) var(--spacing-200);
  --button-padding-x-small-vertical: var(--spacing-125);
  --button-padding-x-small-horizontal: var(--spacing-200);
  --banner-padding-vertical: var(--spacing-400);
  --banner-padding-horizontal: var(--spacing-350);
}
@media (min-width: 720px) {
  :root {
    --banner-padding-vertical: var(--spacing-500);
    --banner-padding-horizontal: var(--spacing-400);
  }
}
@media (min-width: 1440px) {
  :root {
    --banner-padding-vertical: var(--spacing-600);
    --banner-padding-horizontal: var(--spacing-900);
  }
}
:root {
  --banner-tile-padding: var(--spacing-350);
}
@media (min-width: 720px) {
  :root {
    --banner-tile-padding: var(--spacing-400);
  }
}
@media (min-width: 1440px) {
  :root {
    --banner-tile-padding: var(--spacing-500);
  }
}
:root {
  --modal-padding-vertical: var(--spacing-300);
  --modal-padding-horizontal: var(--spacing-250);
}
@media (min-width: 720px) {
  :root {
    --modal-padding-vertical: var(--spacing-350);
    --modal-padding-horizontal: var(--spacing-350);
  }
}
@media (min-width: 1024px) {
  :root {
    --modal-padding-vertical: var(--spacing-400);
    --modal-padding-horizontal: var(--spacing-400);
  }
}
:root {
  --drawer-padding-vertical: var(--spacing-200);
  --drawer-padding-horizontal: var(--spacing-200);
}
@media (min-width: 1024px) {
  :root {
    --drawer-padding-vertical: var(--spacing-300);
    --drawer-padding-horizontal: var(--spacing-350);
  }
}
:root {
  --search-item-padding-vertical: var(--spacing-200);
  --search-item-padding-horizontal: var(--spacing-200);
}
@media (min-width: 720px) {
  :root {
    --search-item-padding-vertical: var(--spacing-250);
    --search-item-padding-horizontal: var(--spacing-250);
  }
}
@media (min-width: 1024px) {
  :root {
    --search-item-padding-vertical: var(--spacing-350);
    --search-item-padding-horizontal: var(--spacing-350);
  }
}
@media (min-width: 1440px) {
  :root {
    --search-item-padding-vertical: var(--spacing-400);
    --search-item-padding-horizontal: var(--spacing-400);
  }
}
:root {
  --horizontal-font-padding: 0.3em;
  --bottom-font-padding: 0.35em;
  --max-page-width: 1600px;
  --max-width-wide: 1200px;
  --max-width-narrow: 800px;
  --height-input: 44px;
  --modal-width: 600px;
  --drawer-width: 340px;
  --navigation-drawer-width: 419px;
  --impact-logo-height: 0px;
  --submenu-width: 300px;
}
@media (min-width: 720px) {
  :root {
    --drawer-width: 475px;
  }
}
@media (min-width: 1024px) {
  :root {
    --modal-width: 960px;
  }
}
:root {
  --z-index-bar: 300;
  --z-index-popup: 517;
  --z-index-filter-bar-wash: 400;
  --z-index-filter-bar: 450;
  --z-index-quick-search: 480;
  --z-index-header: 510;
  --z-index-announcement-bar: 515;
  --z-index-drawers: 520;
  --z-index-modal-wash: 1200;
  --z-index-modal: 1300;
  --z-index-theme-editor-offset: 2000;
  --z-index-page-transition-overlay: 2100;
  --z-index-drawer-content: 0;
  --z-index-drawer-header-footer: 1;
}
@media (min-width: 1024px) {
  :root {
    --z-index-quick-search: 520;
  }
}
:root {
  --text-direction-vector-left: 1;
  --text-direction-vector-right: -1;
}
:root [dir="rtl"] {
  --text-direction-vector-left: -1;
  --text-direction-vector-right: 1;
}
:root {
  --box-shadow-short: 0 1px 1px rgba(0, 0, 0, 0.1),
    0 1px 4px rgba(0, 0, 0, 0.15);
  --box-shadow-large: 0 1px 2px rgba(0, 0, 0, 0.09),
    0 2px 8px rgba(0, 0, 0, 0.15);
  --box-shadow-modal: 0 1px 3px 0 rgba(0, 0, 0, 0.15),
    0 4px 8px 3px rgba(0, 0, 0, 0.05);
  --box-shadow-drawer-right: calc(var(--text-direction-vector-right) * 1px) 0
      3px 0 rgba(0, 0, 0, 0.15),
    -4px 0 8px 3px rgba(0, 0, 0, 0.05);
  --box-shadow-drawer-left: calc(var(--text-direction-vector-left) * 1px) 0 3px
      0 rgba(0, 0, 0, 0.15),
    4px 0 8px 3px rgba(0, 0, 0, 0.05);
  --box-shadow-disclosure: 0 1px 3px 0 rgba(0, 0, 0, 0.15),
    0 2px 6px 2px rgba(0, 0, 0, 0.05);
  --box-shadow-dropdowns-and-meganavs: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 2px 6px 1px rgba(0, 0, 0, 0.05);
  --box-shadow-scroll-overflow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  --box-shadow-scroll-overflow-alpha-0: 0px 0px 16px 0px rgba(0, 0, 0, 0);
  --box-shadow-menu-drawer: 0 0 1px 0 rgba(0, 0, 0, 0.05),
    0 2px 6px 0 rgba(0, 0, 0, 0.12);
  --box-shadow-popover: 0 0 1px 0 rgba(0, 0, 0, 0.1),
    0 8px 24px 0 rgba(0, 0, 0, 0.12);
  --box-shadow-action-button-level-1: 0px 0px 1px 0px rgba(0, 0, 0, 0.05),
    0px 2px 6px 0px rgba(0, 0, 0, 0.12);
  --box-shadow-action-button-level-2: 0px 0px 3px 0px rgba(0, 0, 0, 0.05),
    0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  --box-shadow-action-button-level-3: 0px 0px 5px 0px rgba(0, 0, 0, 0.05),
    0px 4px 16px 0px rgba(0, 0, 0, 0.12);
  --box-shadow-header: 0px 6px 6px 0px rgba(0, 0, 0, 0.02),
    0px 12px 12px 0px rgba(0, 0, 0, 0.03), 0px 20px 18px 0px rgba(0, 0, 0, 0.01);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-bounce: cubic-bezier(0.55, 2.55, 0.04, 0.61);
  --ease-in-out: ease-in-out;
  --animation-timing-unit: 80ms;
  --animation-timing-50: calc(var(--animation-timing-unit) * 0.5);
  --animation-timing-75: calc(var(--animation-timing-unit) * 0.75);
  --animation-timing-100: var(--animation-timing-unit);
  --animation-timing-150: calc(var(--animation-timing-unit) * 1.5);
  --animation-timing-200: calc(var(--animation-timing-unit) * 2);
  --animation-timing-250: calc(var(--animation-timing-unit) * 2.5);
  --animation-timing-300: calc(var(--animation-timing-unit) * 3);
  --animation-timing-350: calc(var(--animation-timing-unit) * 3.5);
  --animation-timing-400: calc(var(--animation-timing-unit) * 4);
  --animation-timing-450: calc(var(--animation-timing-unit) * 4.5);
  --animation-timing-500: calc(var(--animation-timing-unit) * 5);
  --animation-timing-600: calc(var(--animation-timing-unit) * 6);
  --animation-timing-625: calc(var(--animation-timing-unit) * 6.25);
  --animation-timing-675: calc(var(--animation-timing-unit) * 6.75);
  --animation-timing-700: calc(var(--animation-timing-unit) * 7);
  --animation-timing-750: calc(var(--animation-timing-unit) * 7.5);
  --animation-timing-800: calc(var(--animation-timing-unit) * 8);
  --animation-timing-900: calc(var(--animation-timing-unit) * 9);
  --animation-timing-1100: calc(var(--animation-timing-unit) * 11);
  --animation-timing-1300: calc(var(--animation-timing-unit) * 13);
  --animation-timing-1400: calc(var(--animation-timing-unit) * 14);
  --aspect-ratio-natural: unset;
  --aspect-ratio-portrait: 2 / 3;
  --aspect-ratio-portrait-alt: 4 / 5;
  --aspect-ratio-square: 1;
  --aspect-ratio-landscape-alt: 5 / 4;
  --aspect-ratio-landscape-alt2: 5 / 7;
  --aspect-ratio-landscape: 3 / 2;
  --aspect-ratio-landscape-wide: 16 / 9;
  --aspect-ratio-landscape-ultrawide: 21 / 9;
  --radius-checkbox: calc(var(--radius-input) * 0.6);
  --backdrop-blur: 5px;
  --backdrop-color: rgba(0, 0, 0, 0.3);
  --checkmark-small-svg-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.69231L3.82353 7L9 1' stroke='currentColor' stroke-width='1.4'/%3E%3C/svg%3E");
  --chevron-small-svg-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.9375 1.21875L6 6.28125L11.0625 1.21875' stroke='currentColor' stroke-width='1.375'/%3E%3C/svg%3E");
}
@keyframes contentOverlineAnimation {
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes contentHeadingAnimation-1 {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }

  100% {
    -webkit-mask-size: 120% 100%;
    mask-size: 120% 100%;
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes contentHeadingAnimation-2 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  100% {
    -webkit-mask-size: 120% 100%;
    mask-size: 120% 100%;
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes contentHeadingAnimation {
  0% {
    -webkit-mask-size: 0% 100%;
    mask-size: 0% 100%;
  }

  100% {
    -webkit-mask-size: 120% 100%;
    mask-size: 120% 100%;
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes contentContentAnimation {
  0% {
    -webkit-mask-size: 0% 100%;
    mask-size: 0% 100%;
  }

  100% {
    -webkit-mask-size: 120% 100%;
    mask-size: 120% 100%;
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes contentSliderAnimation {
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes slideIn {
  from {
    transform: translateX(-100%);
    transform: translateX(var(--startDistance, -100%));
  }

  to {
    transform: translateX(0);
    transform: translateX(var(--stopDistance, 0));
  }
}
@keyframes slideInRight {
  from {
    transform: translateX(100%);
    transform: translateX(var(--startDistance, 100%));
  }

  to {
    transform: translateX(0);
    transform: translateX(var(--stopDistance, 0));
  }
}
@keyframes slideOut {
  from {
    transform: translateX(0);
    transform: translateX(var(--startDistance, 0));
  }

  to {
    transform: translateX(-100%);
    transform: translateX(var(--stopDistance, -100%));
  }
}
@keyframes slideOutRight {
  from {
    transform: translateX(0);
    transform: translateX(var(--startDistance, 0));
  }

  to {
    transform: translateX(100%);
    transform: translateX(var(--stopDistance, 100%));
  }
}
@keyframes slideDown {
  from {
    transform: translateY(0);
    transform: translateY(var(--startDistance, 0));
  }

  to {
    transform: translateY(100%);
    transform: translateY(var(--stopDistance, 100%));
  }
}
@keyframes slideUp {
  from {
    transform: translateY(100%);
    transform: translateY(var(--startDistance, 100%));
  }

  to {
    transform: translateY(0);
    transform: translateY(var(--stopDistance, 0));
  }
}
@keyframes rollDown {
  from {
    height: 0;
    height: var(--closed-height, 0);
  }

  to {
    height: var(--opened-height);
  }
}
@keyframes rollUp {
  from {
    height: var(--opened-height);
  }

  to {
    height: 0;
    height: var(--closed-height, 0);
  }
}
@keyframes radiiIn {
  from {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  to {
    border-top-left-radius: var(--top-left-radius, var(--radius-drawer));
    border-top-right-radius: var(--top-right-radius, var(--radius-drawer));
    border-bottom-left-radius: var(--bottom-left-radius, var(--radius-drawer));
    border-bottom-right-radius: var(
      --bottom-right-radius,
      var(--radius-drawer)
    );
  }
}
@keyframes radiiOut {
  from {
    border-top-left-radius: var(--top-left-radius, var(--radius-drawer));
    border-top-right-radius: var(--top-right-radius, var(--radius-drawer));
    border-bottom-left-radius: var(--bottom-left-radius, var(--radius-drawer));
    border-bottom-right-radius: var(
      --bottom-right-radius,
      var(--radius-drawer)
    );
  }

  to {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@keyframes scaleUp {
  to {
    transform: scale(1);
    transform: scale(var(--scale-end, 1));
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  position: relative;
  margin: 0;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  font-size: 100%;
  font-size: var(--font-size-body-100, 100%);
  background-color: var(--color-background);
  color: var(--color-text);
}
blockquote {
  margin: 0;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
label[for],
label:has(input),
label:has(textarea) {
  display: block;
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-100);
  color: var(--color-text);
  -webkit-tap-highlight-color: transparent;
}
label[for] + input:not([type="checkbox"]):not([type="radio"]),
label[for] + textarea,
label[for] + select,
label:has(input) + input:not([type="checkbox"]):not([type="radio"]),
label:has(input) + textarea,
label:has(input) + select,
label:has(textarea) + input:not([type="checkbox"]):not([type="radio"]),
label:has(textarea) + textarea,
label:has(textarea) + select {
  margin-top: 8px;
  margin-top: var(--spacing-100);
}
input:-webkit-autofill::first-line {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-100);
}
input,
textarea,
select {
  position: relative;
  display: inline-block;
  padding: calc(8px * 2);
  padding: var(--spacing-200);
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--color-background);
  color: var(--color-text);
  border-radius: var(--radius-input);
  border: 1px solid var(--color-text-alpha-40);
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-100);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  transition: border-color calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border-color var(--animation-timing-200) var(--ease-out-quart);
}
input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
  border-color: var(--color-text-alpha-70);
  outline: none;
}
.user-is-tabbing input:focus,
.user-is-tabbing textarea:focus,
.user-is-tabbing select:focus {
  outline: revert;
}
@media (--below-720) {
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
  cursor: text;
}
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder {
  color: var(--color-text-alpha-60);
}
select {
  padding-right: calc(8px * 5);
  padding-right: var(--spacing-500);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.9375 1.21875L6 6.28125L11.0625 1.21875' stroke='currentColor' stroke-width='1.375'/%3E%3C/svg%3E");
  background-image: var(--chevron-small-svg-url);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center right calc(8px * 2);
  background-position: center right var(--spacing-200);
  cursor: pointer;
}
select option {
  background-color: var(--color-background);
}
textarea:not([rows]) {
  min-height: 10em;
}
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 calc((8px / 2) * -1) 0 0;
  margin: 0 calc(calc(8px / 2) * -1) 0 0;
  margin: 0 calc(var(--spacing-50) * -1) 0 0;
  padding: 0;
  background-color: var(--color-background);
  border: 1px solid var(--color-text-alpha-60);
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
  padding-left: var(--spacing-100);
  pointer-events: auto;
  cursor: pointer;
}
input[type="checkbox"] {
  border-radius: calc(var(--radius-input) * 0.6);
  border-radius: var(--radius-checkbox);
  transition: background-color 0s 80ms, border-color 0s 80ms;
  transition: background-color 0s var(--animation-timing-100),
    border-color 0s var(--animation-timing-100);
}
input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-background);
  border-radius: calc(var(--radius-input) * 0.6);
  border-radius: var(--radius-checkbox);
  transition: transform 80ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-100) var(--ease-out-quart);
}
input[type="checkbox"][disabled] {
  border-color: var(--color-text-alpha-30);
}
input[type="checkbox"][disabled]::before {
  background-color: var(--color-text-alpha-10);
}
input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 3px;
  width: 12.5px;
  height: 10px;
  background-color: var(--color-accent-foreground);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.69231L3.82353 7L9 1' stroke='currentColor' stroke-width='1.4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.69231L3.82353 7L9 1' stroke='currentColor' stroke-width='1.4'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--checkmark-small-svg-url);
  mask-image: var(--checkmark-small-svg-url);
  opacity: 0;
  transition: opacity calc(80ms * 4) 80ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity var(--animation-timing-400) var(--animation-timing-100)
    var(--ease-out-quart);
}
input[type="checkbox"]:checked {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  transition: background-color 0s 80ms;
  transition: background-color 0s var(--animation-timing-100);
}
input[type="checkbox"]:checked:before {
  transform: scale(0);
}
input[type="checkbox"]:checked:after {
  opacity: 1;
}
input[type="radio"] {
  background-clip: padding-box;
  border-radius: 40px;
  transition: background-color 0s calc(80ms * 3);
  transition: background-color 0s var(--animation-timing-300);
}
input[type="radio"]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-background);
  border-radius: 20px;
  transition: transform calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-300) var(--ease-out-quart);
}
input[type="radio"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 2px;
  background-color: var(--color-background);
  border-radius: 100%;
  filter: drop-shadow(0px 1px 1px var(--color-text-alpha-15));
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: width calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1),
    height calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: width var(--animation-timing-300) var(--ease-out-quart),
    height var(--animation-timing-300) var(--ease-out-quart),
    opacity var(--animation-timing-300) var(--ease-out-quart);
}
input[type="radio"]:checked {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  transition: background-color 0s;
}
input[type="radio"]:checked::before {
  transform: scale(0);
}
input[type="radio"]:checked::after {
  width: 10px;
  height: 10px;
  opacity: 1;
}
html:not(.no-js) input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
html:not(.no-js) input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
html:not(.no-js) input[type="search"]::-webkit-search-decoration,
html:not(.no-js) input[type="search"]::-webkit-search-cancel-button,
html:not(.no-js) input[type="search"]::-webkit-search-results-button,
html:not(.no-js) input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
html:not(.no-js) input[type="number"] {
  -moz-appearance: textfield;
}
html:not(.no-js) input[type="number"]::-webkit-outer-spin-button,
html:not(.no-js) input[type="number"]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  margin: 0;
}
a {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  color: currentColor;
}
button {
  color: currentColor;
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.inline,
ol.inline {
  display: inline-flex;
  flex-wrap: wrap;
}
dialog {
  border: medium none currentColor;
  border: initial;
  padding: 0;
  padding: initial;
  top: auto;
  top: initial;
  right: auto;
  right: initial;
  bottom: auto;
  bottom: initial;
  left: auto;
  left: initial;
  margin: 0;
  margin: initial;

  max-width: calc(100% - (8px * 2.5) * 2);

  max-width: calc(100% - calc(8px * 2.5) * 2);

  max-width: calc(100% - var(--gutter) * 2);

  --columns: initial;
  --columns-above-720: initial;
  --columns-above-1024: initial;
  --peek: initial;
  --peek-above-720: initial;
  --gap: initial;
  --slide-peek: initial;
  --gap-above-720: initial;
  --peek: initial;
  --peek-above-720: initial;
  --peek-for-above-540: initial;
  --peek-for-above-720: initial;
  --peek-for-above-860: initial;
  --peek-for-above-960: initial;
  --peek-for-above-1024: initial;
  --peek-for-above-1200: initial;
  --peek-for-above-1400: initial;
}
details {
  display: flex;
  flex-direction: column;
}
details summary {
  list-style: none;
}
details summary::-webkit-details-marker {
  display: none;
}
details summary > * {
  cursor: pointer;
}
p {
  margin: 0;
}
body > .page {
  display: flex;
  flex-direction: column;
}
.bottom-drawer {
  position: fixed;
  bottom: 0;
  left: 0;
  max-width: 100vw;
  width: 100vw;
  max-height: 80vh;
  border-top-left-radius: var(--radius-drawer);
  border-top-right-radius: var(--radius-drawer);
  overflow: hidden;
}
.bottom-drawer[data-fluco-dialog-backdrop="true"][open]::backdrop {
  animation: drawerBackdropFadeIn calc(80ms * 5);
  animation: drawerBackdropFadeIn var(--animation-timing-500);
}
.bottom-drawer[data-fluco-dialog-backdrop="true"].modal--trigger-close-animation::backdrop {
  animation: drawerBackdropFadeOut calc(80ms * 5);
  animation: drawerBackdropFadeOut var(--animation-timing-500);
}
.bottom-drawer[open] {
  animation: drawerSlideInFromBottom calc(80ms * 4)
    cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: drawerSlideInFromBottom var(--animation-timing-400)
    var(--ease-out-quart);
}
.bottom-drawer.modal--will-close {
  animation: drawerSlideOutToBottom calc(80ms * 4)
    cubic-bezier(0.55, 0.085, 0.68, 0.53);
  animation: drawerSlideOutToBottom var(--animation-timing-400)
    var(--ease-in-quad);
  animation-play-state: paused;
}
.bottom-drawer.modal--will-close.modal--trigger-close-animation {
  animation-play-state: running;
}
.bottom-drawer .dialog-inner {
  padding: 8px 8px calc(8px * 2.5);
  padding: var(--spacing-100) var(--spacing-100) var(--spacing-250);
  border-radius: var(--radius-drawer);
  overflow: auto;
}
@keyframes drawerBackdropFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes drawerBackdropFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes drawerSlideInFromBottom {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}
@keyframes drawerSlideOutToBottom {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(100%);
  }
}
.drawer {
  position: fixed;
  width: 340px;
  width: var(--drawer-width);
  background: var(
    --color-drawer-background-gradient,
    var(--color-drawer-background)
  );
  max-width: none;
}
.drawer:focus-visible {
  outline: none;
}
.drawer[data-fluco-dialog-backdrop="true"][open]::backdrop {
  animation: drawerBackdropFadeIn calc(80ms * 3);
  animation: drawerBackdropFadeIn var(--animation-timing-300);
}
.drawer[data-fluco-dialog-backdrop="true"].modal--trigger-close-animation::backdrop {
  animation: drawerBackdropFadeOut calc(80ms * 5);
  animation: drawerBackdropFadeOut var(--animation-timing-500);
}
.drawer.drawer--alignment-right,
.drawer.drawer--alignment-left {
  min-height: 100%;
  height: 100%;
  top: 0;
}
.drawer.drawer--alignment-right {
  right: 0;
  border-top-left-radius: var(--radius-drawer);
  border-bottom-left-radius: var(--radius-drawer);
  box-shadow: calc(-1 * 1px) 0 3px 0 rgba(0, 0, 0, 0.15),
    -4px 0 8px 3px rgba(0, 0, 0, 0.05);
  box-shadow: var(--box-shadow-drawer-right);
}
.drawer.drawer--alignment-right[open] {
  animation: drawerSlideInFromRight calc(80ms * 5)
      cubic-bezier(0.165, 0.84, 0.44, 1),
    drawerFadeIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1) both;
  animation: drawerSlideInFromRight var(--animation-timing-500)
      var(--ease-out-quart),
    drawerFadeIn var(--animation-timing-400) var(--ease-out-quart) both;
  animation-delay: calc(80ms * 2), calc(80ms * 2.5);
  animation-delay: var(--animation-timing-200), var(--animation-timing-250);
}
.drawer.drawer--alignment-right.modal--will-close {
  animation: drawerSlideOutToRightWithFadeOut calc(80ms * 3.5)
    cubic-bezier(0.55, 0.085, 0.68, 0.53);
  animation: drawerSlideOutToRightWithFadeOut var(--animation-timing-350)
    var(--ease-in-quad);
  animation-play-state: paused;
}
.drawer.drawer--alignment-right.modal--will-close.modal--trigger-close-animation {
  animation-play-state: running;
}
.drawer.drawer--alignment-left {
  left: 0;
  border-top-right-radius: var(--radius-drawer);
  border-bottom-right-radius: var(--radius-drawer);
  box-shadow: calc(1 * 1px) 0 3px 0 rgba(0, 0, 0, 0.15),
    4px 0 8px 3px rgba(0, 0, 0, 0.05);
  box-shadow: var(--box-shadow-drawer-left);
}
.drawer.drawer--alignment-left[open] {
  animation: drawerSlideInFromLeft calc(80ms * 5)
      cubic-bezier(0.165, 0.84, 0.44, 1),
    drawerFadeIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1) both;
  animation: drawerSlideInFromLeft var(--animation-timing-500)
      var(--ease-out-quart),
    drawerFadeIn var(--animation-timing-400) var(--ease-out-quart) both;
  animation-delay: calc(80ms * 2), calc(80ms * 2.5);
  animation-delay: var(--animation-timing-200), var(--animation-timing-250);
}
.drawer.drawer--alignment-left.modal--will-close {
  animation: drawerSlideOutToLeftWithFadeOut calc(80ms * 3.5)
    cubic-bezier(0.55, 0.085, 0.68, 0.53);
  animation: drawerSlideOutToLeftWithFadeOut var(--animation-timing-350)
    var(--ease-in-quad);
  animation-play-state: paused;
}
.drawer.drawer--alignment-left.modal--will-close.modal--trigger-close-animation {
  animation-play-state: running;
}
.drawer.drawer--alignment-bottom {
  bottom: 0;
  left: 0;
  min-width: 100%;
}
.drawer .dialog-inner {
  padding: calc(8px * 2) calc(8px * 2);
  padding: var(--drawer-padding-horizontal) var(--drawer-padding-vertical);
  height: 100%;
}
.drawer-header,
.drawer-footer {
  z-index: 1;
  z-index: var(--z-index-drawer-header-footer);
}
html.js .drawer-header,
html.js .drawer-footer {
  transition: box-shadow calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: box-shadow var(--animation-timing-300) var(--ease-out-quart);
}
.drawer-header {
  padding: calc(8px * 2) calc(8px * 2);
  padding: var(--spacing-200) var(--drawer-padding-horizontal);
}
html.js .drawer-header {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0);
  box-shadow: var(--box-shadow-scroll-overflow-alpha-0);
}
drawer-inner:has([data-scroll-start][data-visible="false"]) .drawer-header {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: var(--box-shadow-scroll-overflow);
}
.drawer-footer {
  padding: calc(8px * 1.5) calc(8px * 2) calc(8px * 2);
  padding: var(--spacing-150) var(--drawer-padding-horizontal)
    var(--spacing-200);
}
@media (min-width: 1024px) {
  .drawer-footer {
    padding-top: calc(8px * 1.5);
    padding-bottom: calc(8px * 2.5);
    padding-top: var(--spacing-150);
    padding-bottom: var(--spacing-250);
  }
}
html.js .drawer-footer {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0);
  box-shadow: var(--box-shadow-scroll-overflow-alpha-0);
}
drawer-inner:has([data-scroll-end][data-visible="false"]) .drawer-footer {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: var(--box-shadow-scroll-overflow);
}
drawer-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.drawer-viewport {
  overflow-y: auto;
  position: relative;
  flex-grow: 1;
  z-index: 0;
  z-index: var(--z-index-drawer-content);
  padding-top: calc(8px * 1.5);
  padding-top: var(--spacing-150);
  scroll-behavior: smooth;
}
html.no-js .drawer-viewport {
  background: linear-gradient(
      to bottom,
      var(--color-drawer-background) 16px,
      transparent
    ),
    linear-gradient(to top, var(--color-drawer-background) 16px, transparent) 0
      100%,
    linear-gradient(
      to bottom,
      var(--color-drawer-lines-and-borders-alpha-40),
      transparent
    ),
    linear-gradient(
        to top,
        var(--color-drawer-lines-and-borders-alpha-40),
        transparent
      )
      0 100%;

  background-repeat: no-repeat;
  background-color: var(--color-drawer-background);
  background-size: 100% 32px, 100% 32px, 100% 16px, 100% 16px;
  background-attachment: local, local, scroll, scroll;
}
.drawer-viewport .scroll-sentinel {
  height: 1px;
  width: 100%;
  display: block;
}
.drawer-viewport .scroll-sentinel[data-scroll-start] {
  margin-bottom: -1px;
}
.drawer-viewport .scroll-sentinel[data-scroll-end] {
  margin-top: -1px;
}
.drawer-content {
  padding: 0 calc(8px * 2);
  padding: 0 var(--drawer-padding-horizontal);
}
@keyframes drawerFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes drawerSlideInFromRight {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}
@keyframes drawerSlideOutToRightWithFadeOut {
  0% {
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes drawerSlideInFromLeft {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}
@keyframes drawerSlideOutToLeftWithFadeOut {
  0% {
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes drawerBackdropFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes drawerBackdropFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.banner {
  position: relative;
  border-radius: var(--radius-image);
  overflow: hidden;
}
.banner .animation-overline {
  transform: translateY(10px);
  opacity: 0;
}
.banner .animation-heading {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.banner .animation-content {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.banner .animation-slider {
  transform: translateX(35px);
  opacity: 0;
}
@media (min-width: 1024px) {
  .banner .animation-slider:not(.animation-slider--small) {
    transform: translateX(50px);
  }
}
.banner.became-visible .animation-heading {
  animation-name: contentHeadingAnimation;
  animation-duration: calc(80ms * 8);
  animation-duration: var(--animation-timing-800);
  animation-delay: calc(80ms * 6.25);
  animation-delay: var(--animation-timing-625);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.banner.became-visible .animation-overline {
  animation-name: contentOverlineAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-delay: calc((80ms * 6.25) + (80ms * 0.75));
  animation-delay: calc(calc(80ms * 6.25) + calc(80ms * 0.75));
  animation-delay: calc(
    var(--animation-timing-625) + var(--animation-timing-75)
  );
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.banner.became-visible .animation-content {
  animation-name: contentContentAnimation;
  animation-duration: calc(80ms * 9);
  animation-duration: var(--animation-timing-900);
  animation-delay: calc((80ms * 6.25) + (80ms * 0.75));
  animation-delay: calc(calc(80ms * 6.25) + calc(80ms * 0.75));
  animation-delay: calc(
    var(--animation-timing-625) + var(--animation-timing-75)
  );
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.banner.became-visible .animation-slider {
  animation-name: contentSliderAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
@media (min-width: 1024px) {
  .banner.became-visible .animation-slider:not(.animation-slider--small) {
    animation-duration: calc(80ms * 5);
    animation-duration: var(--animation-timing-500);
  }
}
.section-inner--width-full-width .banner {
  border-radius: 0;
  border-radius: initial;
}
.banner__image-wrapper--custom-height {
  height: var(--custom-mobile-height);
}
@media (min-width: 720px) {
  .banner__image-wrapper--custom-height {
    height: var(--custom-desktop-height);
  }
}
.banner__image-wrapper--custom-height .banner__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: cover;
  height: 100%;
}
.banner__image-wrapper:has(.banner__image--mobile) .banner__image--desktop {
  display: none;
}
@media (min-width: 720px) {
  .banner__image-wrapper:has(.banner__image--mobile) .banner__image--desktop {
    display: block;
  }
}
@media (min-width: 720px) {
  .banner__image.banner__image--mobile {
    display: none;
  }
}
.banner__background_link,
.banner__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.banner__overlay {
  background: var(--color-background-gradient, var(--color-background));
  opacity: var(--overlay-opacity);
}
.banner__content-wrapper {
  position: absolute;
  top: calc(8px * 4);
  top: var(--banner-padding-vertical);
  right: calc(8px * 3.5);
  right: var(--banner-padding-horizontal);
  bottom: calc(8px * 4);
  bottom: var(--banner-padding-vertical);
  left: calc(8px * 3.5);
  left: var(--banner-padding-horizontal);
  display: flex;
  align-items: center;
  overflow: hidden;
}
.section-inner--width-full-width .banner__content-wrapper {
  right: calc(8px * 2.5);
  right: var(--gutter);
  left: calc(8px * 2.5);
  left: var(--gutter);
}
@media (min-width: 720px) {
  .banner__content-wrapper.content-alignment-horizontal--center
    .banner__content {
    text-align: center;
  }
  .banner__content-wrapper.content-alignment-horizontal--right
    .banner__content {
    text-align: right;
  }
}
@media (max-width: 719.9px) {
  .banner__content-wrapper.mobile-content-alignment-horizontal--center
    .banner__content {
    text-align: center;
  }
  .banner__content-wrapper.mobile-content-alignment-horizontal--right
    .banner__content {
    text-align: right;
  }
}
.banner__content-wrapper .banner__content {
  margin-left: 0;
  margin-left: initial;
  margin-right: 0;
  margin-right: initial;
}
.banner__content {
  width: 100%;
  max-width: min(var(--max-content-width), 100%);
  margin: 0 auto;
  color: var(--color-text);
}
.banner__footer-content {
  position: absolute;
  bottom: 0;
}
.banner-tile {
  position: relative;
  border-radius: var(--image-radius);
  overflow: hidden;
}
.banner-tile .animation-overline {
  transform: translateY(10px);
  opacity: 0;
}
.banner-tile .animation-heading {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.banner-tile .animation-content {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.banner-tile .animation-slider {
  transform: translateX(35px);
  opacity: 0;
}
@media (min-width: 1024px) {
  .banner-tile .animation-slider:not(.animation-slider--small) {
    transform: translateX(50px);
  }
}
.banner-tile.became-visible .animation-heading {
  animation-name: contentHeadingAnimation;
  animation-duration: calc(80ms * 8);
  animation-duration: var(--animation-timing-800);
  animation-delay: calc(80ms * 6.25);
  animation-delay: var(--animation-timing-625);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.banner-tile.became-visible .animation-overline {
  animation-name: contentOverlineAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-delay: calc((80ms * 6.25) + (80ms * 0.75));
  animation-delay: calc(calc(80ms * 6.25) + calc(80ms * 0.75));
  animation-delay: calc(
    var(--animation-timing-625) + var(--animation-timing-75)
  );
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.banner-tile.became-visible .animation-content {
  animation-name: contentContentAnimation;
  animation-duration: calc(80ms * 9);
  animation-duration: var(--animation-timing-900);
  animation-delay: calc((80ms * 6.25) + (80ms * 0.75));
  animation-delay: calc(calc(80ms * 6.25) + calc(80ms * 0.75));
  animation-delay: calc(
    var(--animation-timing-625) + var(--animation-timing-75)
  );
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.banner-tile.became-visible .animation-slider {
  animation-name: contentSliderAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
@media (min-width: 1024px) {
  .banner-tile.became-visible .animation-slider:not(.animation-slider--small) {
    animation-duration: calc(80ms * 5);
    animation-duration: var(--animation-timing-500);
  }
}
.section-inner--width-full-width .banner-tile {
  border-radius: 0;
  border-radius: initial;
}
.banner-tile__media-wrapper:has(.banner-tile__image--mobile)
  .banner-tile__image--desktop {
  display: none;
}
@media (min-width: 720px) {
  .banner-tile__media-wrapper:has(.banner-tile__image--mobile)
    .banner-tile__image--desktop {
    display: block;
  }
}
@media (min-width: 720px) {
  .banner-tile__image.banner-tile__image--mobile {
    display: none;
  }
}
.banner-tile__background_link,
.banner-tile__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.banner-tile__overlay {
  background: var(--color-background-gradient, var(--color-background));
  opacity: var(--overlay-opacity);
}
.banner-tile__content-wrapper {
  position: absolute;
  top: calc(8px * 3.5);
  top: var(--banner-tile-padding);
  right: calc(8px * 3.5);
  right: var(--banner-tile-padding);
  bottom: calc(8px * 3.5);
  bottom: var(--banner-tile-padding);
  left: calc(8px * 3.5);
  left: var(--banner-tile-padding);
  display: flex;
  align-items: center;
  overflow: hidden;
}
.section-inner--width-full-width .banner-tile__content-wrapper {
  right: calc(8px * 2.5);
  right: var(--gutter);
  left: calc(8px * 2.5);
  left: var(--gutter);
}
@media (min-width: 720px) {
  .banner-tile__content-wrapper.content-alignment-horizontal--center
    .banner-tile__content {
    text-align: center;
  }

  .banner-tile__content-wrapper.content-alignment-horizontal--center
    .banner-tile__content
    .btn-wrapper {
    display: flex;
    justify-content: center;
  }
  .banner-tile__content-wrapper.content-alignment-horizontal--right
    .banner-tile__content {
    text-align: right;
  }

  .banner-tile__content-wrapper.content-alignment-horizontal--right
    .banner-tile__content
    .btn-wrapper {
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 719.9px) {
  .content-block-wrapper--heading .content-block--heading.animation-heading h1 {
    font-size: 4.5rem !important;
  }
  .current-slide .slideshow-slide__content-inner .animation-slideshow-heading {
    font-size: 4.5rem !important;
  }
  .navigation__submenu.submenu.submenu--primary.is-open {
    height: 50vh;
  }

  .multi-column.section .multi-column__inner {
    padding-top: 45px;
  }
  .media-with-text-inner .media-with-text__content-blocks {
    margin-bottom: 20px;
  }

  .banner-tile__content-wrapper.mobile-content-alignment-horizontal--center
    .banner-tile__content {
    text-align: center;
  }

  .banner-tile__content-wrapper.mobile-content-alignment-horizontal--center
    .banner-tile__content
    .btn-wrapper {
    display: flex;
    justify-content: center;
  }
  .banner-tile__content-wrapper.mobile-content-alignment-horizontal--right
    .banner-tile__content {
    text-align: right;
  }

  .banner-tile__content-wrapper.mobile-content-alignment-horizontal--right
    .banner-tile__content
    .btn-wrapper {
    display: flex;
    justify-content: flex-end;
  }
}
.banner-tile__content-wrapper .banner-tile__content {
  --vertical-space-for-active-focus: var(--spacing-100);
  margin-left: 0;
  margin-left: initial;
  margin-right: 0;
  margin-right: initial;
}
.banner-tile__content-wrapper .banner-tile__content .overline,
.banner-tile__content-wrapper .banner-tile__content .heading,
.banner-tile__content-wrapper .banner-tile__content .text {
  border-left: calc(8px / 4) transparent solid;
  border-left: var(--spacing-25) transparent solid;
  border-right: calc(8px / 4) transparent solid;
  border-right: var(--spacing-25) transparent solid;
}
.banner-tile__content-wrapper .banner-tile__content .overline:has(+ .heading) {
  margin-bottom: calc((8px * 2) - var(--vertical-space-for-active-focus));
  margin-bottom: calc(calc(8px * 2) - var(--vertical-space-for-active-focus));
  margin-bottom: calc(
    var(--block-spacing-overline) - var(--vertical-space-for-active-focus)
  );
}
.banner-tile__content-wrapper
  .banner-tile__content
  .overline:not(:has(+ .heading)) {
  margin-bottom: calc(8px * 2);
  margin-bottom: var(--block-spacing-overline);
}
.banner-tile__content-wrapper .banner-tile__content .heading {
  margin-bottom: calc((8px * 2) - var(--vertical-space-for-active-focus));
  margin-bottom: calc(calc(8px * 2) - var(--vertical-space-for-active-focus));
  margin-bottom: calc(
    var(--block-spacing-heading) - var(--vertical-space-for-active-focus)
  );
  border-top: 8px transparent solid;
  border-top: var(--spacing-100) transparent solid;
  border-bottom: 8px transparent solid;
  border-bottom: var(--spacing-100) transparent solid;
}
.banner-tile__content-wrapper .banner-tile__content .heading a {
  outline-offset: -2px;
}
.banner-tile__content-wrapper .banner-tile__content .heading.rte a {
  background-position-y: calc(100% - var(--vertical-space-for-active-focus));
}
.banner-tile__content-wrapper .banner-tile__content .text {
  margin-bottom: calc(8px * 2);
  margin-bottom: var(--block-spacing-text);
  border-bottom: calc(8px / 4) transparent solid;
  border-bottom: var(--spacing-25) transparent solid;
  border-top: calc(8px / 4) transparent solid;
  border-top: var(--spacing-25) transparent solid;
}
.banner-tile__content-wrapper .banner-tile__content .text a {
  outline-offset: 0px;
}
.banner-tile__content-wrapper .banner-tile__content .text:last-child {
  margin-bottom: 0px;
}
.banner-tile__content {
  max-width: min(var(--max-content-width), 100%);
  margin: 0 auto;
  color: var(--color-text);
}
.banner-tile__footer-content {
  position: absolute;
  bottom: 0;
}
@property --image-reveal-iris-radius {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}
.animating-image-wrap {
  position: relative;
  border-radius: var(--radius-image);
  overflow: hidden;
}
html.js
  .animating-image-wrap:has(.animating-image-revealer--type-fade)
  .animating-image-revealer
  ~ .image,
html.js
  .animating-image-wrap:has(.animating-image-revealer--type-iris)
  .animating-image-revealer
  ~ .image {
  transform: scale(1.2);
  opacity: 0;
}
.animating-image-revealer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-black);
  pointer-events: none;
  z-index: 1;
}
html.no-js .animating-image-revealer {
  display: none;
}
html.js
  .animating-image-wrap.became-visible:has(.image.visible)
  .animating-image-revealer--type-fade,
html.js
  .animating-image-wrap.became-visible:has(background-video)
  .animating-image-revealer--type-fade {
  animation: imageRevealerFade calc(80ms * 9) cubic-bezier(0.16, 1, 0.3, 1)
    forwards;
  animation: imageRevealerFade var(--animation-timing-900) var(--ease-out-expo)
    forwards;
}
html.js
  .animating-image-wrap.became-visible:has(.image.visible):has(
    .animating-image-revealer--type-fade
  )
  .animating-image-revealer
  ~ .image.visible,
html.js
  .animating-image-wrap.became-visible:has(.image.visible):has(
    .animating-image-revealer--type-fade
  )
  .animating-image-revealer
  ~ background-video,
html.js
  .animating-image-wrap.became-visible:has(background-video):has(
    .animating-image-revealer--type-fade
  )
  .animating-image-revealer
  ~ .image.visible,
html.js
  .animating-image-wrap.became-visible:has(background-video):has(
    .animating-image-revealer--type-fade
  )
  .animating-image-revealer
  ~ background-video {
  animation: bannerImage calc(80ms * 13) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: bannerImage var(--animation-timing-1300) var(--ease-out-quart)
    forwards;
}
html.js
  .animating-image-wrap.became-visible:has(.image.visible):has(
    .animating-image-revealer--type-iris
  )
  .animating-image-revealer
  ~ .image.visible,
html.js
  .animating-image-wrap.became-visible:has(.image.visible):has(
    .animating-image-revealer--type-iris
  )
  .animating-image-revealer
  ~ background-video,
html.js
  .animating-image-wrap.became-visible:has(background-video):has(
    .animating-image-revealer--type-iris
  )
  .animating-image-revealer
  ~ .image.visible,
html.js
  .animating-image-wrap.became-visible:has(background-video):has(
    .animating-image-revealer--type-iris
  )
  .animating-image-revealer
  ~ background-video {
  opacity: 1;
  animation: bannerImageIris calc(80ms * 13) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: bannerImageIris var(--animation-timing-1300) var(--ease-out-quart)
    forwards;
}
html.js.prop-value-api-supported
  .animating-image-wrap.became-visible:has(.image.visible)
  .animating-image-revealer--type-iris,
html.js.prop-value-api-supported
  .animating-image-wrap.became-visible:has(background-video)
  .animating-image-revealer--type-iris {
  -webkit-mask-image: radial-gradient(
    circle,
    transparent calc(var(--image-reveal-iris-radius) - 5%),
    var(--color-black)
      calc(
        var(--image-reveal-iris-radius) + 5% +
          (var(--image-reveal-iris-radius) * 0.5)
      )
  );
  mask-image: radial-gradient(
    circle,
    transparent calc(var(--image-reveal-iris-radius) - 5%),
    var(--color-black)
      calc(
        var(--image-reveal-iris-radius) + 5% +
          (var(--image-reveal-iris-radius) * 0.5)
      )
  );

  animation: imageRevealerIrisWipe calc(80ms * 14) cubic-bezier(0.16, 1, 0.3, 1)
    forwards;

  animation: imageRevealerIrisWipe var(--animation-timing-1400)
    var(--ease-out-expo) forwards;
}
html.js.prop-value-api-not-supported
  .animating-image-wrap.became-visible:has(.image.visible)
  .animating-image-revealer--type-iris,
html.js.prop-value-api-not-supported
  .animating-image-wrap.became-visible:has(background-video)
  .animating-image-revealer--type-iris {
  animation: imageRevealerFade calc(80ms * 9) cubic-bezier(0.16, 1, 0.3, 1)
    forwards;
  animation: imageRevealerFade var(--animation-timing-900) var(--ease-out-expo)
    forwards;
}
.image-animation-progress-bar--wrap {
  opacity: 0;
  animation: progressBarAppear calc(80ms * 9) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards calc(80ms * 14);
  animation: progressBarAppear var(--animation-timing-900) var(--ease-out-quart)
    forwards var(--animation-timing-1400);
}
@keyframes progressBarAppear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes imageRevealerFade {
  100% {
    opacity: 0;
  }
}
@keyframes imageRevealerIrisWipe {
  100% {
    --image-reveal-iris-radius: 105%;
  }
}
@keyframes bannerImage {
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes bannerImageIris {
  100% {
    transform: scale(1);
  }
}
.cluster {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0;
  column-gap: var(--column-gap, 0);
  row-gap: 0;
  row-gap: var(--row-gap, var(--column-gap, 0));
}
.spread {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  column-gap: 0;
  column-gap: var(--column-gap, 0);
  row-gap: 0;
  row-gap: var(--row-gap, var(--column-gap, 0));
}
.no-wrap {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.stack {
  display: flex;
  flex-direction: column;
  column-gap: 0;
  column-gap: var(--column-gap, 0);
  row-gap: 0;
  row-gap: var(--row-gap, var(--column-gap, 0));
}
.shopify-section > * {
  color: var(--color-text);
  background-color: var(--color-background);
  background: var(--color-background-gradient, var(--color-background));
}
.section-inner {
  margin: 0 auto;
  padding:  var(--section-padding-bottom) calc(8px * 2.5)
    var(--section-padding-bottom);
  padding:  var(--section-padding-top) var(--gutter)
    var(--section-padding-bottom);
}
.section-inner.section-inner--width-narrow {
  max-width: calc(800px + (2 * calc(8px * 2.5)));
  max-width: calc(var(--max-width-narrow) + (2 * var(--gutter)));
}
.section-inner.section-inner--width-wide {
  max-width: calc(1200px + (2 * calc(8px * 2.5)));
  max-width: calc(var(--max-width-wide) + (2 * var(--gutter)));
}
.section-inner.section-inner--width-page-width {
  /* max-width: calc(1600px + (2 * calc(8px * 2.5)));
  max-width: calc(var(--max-page-width) + (2 * var(--gutter))); */
}
.section-inner.section-inner--width-full-width {
  padding: var(--section-padding-top) 0 var(--section-padding-bottom);
}
.section-inner.section-inner--width-custom-width {
  max-width: calc(var(--custom-width) + (2 * calc(8px * 2.5)));
  max-width: calc(var(--custom-width) + (2 * var(--gutter)));
}
.section-header {
  display: flex;
  flex-direction: column;
  gap: calc(8px * 4);
  gap: var(--spacing-400);
  margin-bottom: calc(8px * 5);
  margin-bottom: var(--spacing-500);
}
.section-inner--width-full-width .section-header {
  padding-left: calc(8px * 2.5);
  padding-right: calc(8px * 2.5);
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}
.section-header.section-header--alignment-center {
  flex-direction: initial;
  justify-content: center;
}
.section-header.section-header--alignment-center .section-header__content {
  text-align: center;
}
.section-header:not(:has(.section-header__content-text)) {
  gap: calc(8px * 2);
  gap: var(--spacing-200);
}
@media (min-width: 720px) {
  .section-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 15vw;
  }
}
.section-header .animation-overline {
  transform: translateY(10px);
  opacity: 0;
}
.section-header .animation-heading {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.section-header .animation-content {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.section-header .animation-slider {
  transform: translateX(35px);
  opacity: 0;
}
@media (min-width: 1024px) {
  .section-header .animation-slider:not(.animation-slider--small) {
    transform: translateX(50px);
  }
}
.section-header.became-visible .animation-heading {
  animation-name: contentHeadingAnimation-1;
  animation-duration: calc(80ms * 8);
  animation-duration: var(--animation-timing-800);
  animation-delay: 0;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.section-header.became-visible .animation-overline {
  animation-name: contentOverlineAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.section-header.became-visible .animation-content {
  animation-name: contentContentAnimation;
  animation-duration: calc(80ms * 9);
  animation-duration: var(--animation-timing-900);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.section-header.became-visible .animation-slider {
  animation-name: contentSliderAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
@media (min-width: 1024px) {
  .section-header.became-visible
    .animation-slider:not(.animation-slider--small) {
    animation-duration: calc(80ms * 5);
    animation-duration: var(--animation-timing-500);
  }
}
.section-header__content-title-wrapper {
  width: -moz-fit-content;
  width: fit-content;
}
.section-header--alignment-center .section-header__content-title-wrapper {
  margin: 0 auto;
}
.section-header__content-title {
  text-wrap: balance;
}
.section-header__content-title.animation-heading {
  margin: 0 calc(0.3em * -1) calc(0.35em * -1);
  margin: 0 calc(var(--horizontal-font-padding) * -1)
    calc(var(--bottom-font-padding) * -1);
  padding: 0 0.3em 0.35em;
  padding: 0 var(--horizontal-font-padding) var(--bottom-font-padding);
}
.section-header__content-text {
  margin-top: calc(8px * 2);
  margin-top: var(--block-spacing-heading);
}
.section-header__link {
  flex-shrink: 0;
}
.section-slider-wrap-outer {
  position: relative;
}
.section-slider-wrap {
  overflow: hidden;
}
.section-inner--width-full-width-padded .section-slider-wrap {
  margin-left: calc(-1 * (8px * 2.5));
  margin-left: calc(-1 * calc(8px * 2.5));
  margin-left: calc(-1 * var(--gutter));
  margin-right: calc(-1 * (8px * 2.5));
  margin-right: calc(-1 * calc(8px * 2.5));
  margin-right: calc(-1 * var(--gutter));
}
.section-inner--width-full-width-padded
  .section-slider-wrap
  .scroll-slider__slider {
  padding: 0 calc(8px * 2.5);
  padding: 0 var(--gutter);
  scroll-padding-inline: calc(8px * 2.5);
  scroll-padding-inline: var(--gutter);
}
.section-inner--width-page-width .section-slider-wrap {
  --actual-gutter: var(--gutter);
}
@media (min-width: 1600px) {
  .section-inner--width-page-width .section-slider-wrap {
    --actual-gutter: calc((100vw - var(--max-page-width)) / 2);
  }
}
.section-inner--width-page-width .section-slider-wrap {
  margin-left: calc(-1 * var(--actual-gutter));

  margin-right: calc(-1 * var(--actual-gutter));
}
.section-inner--width-page-width .section-slider-wrap .scroll-slider__slider {
  padding-left: var(--actual-gutter);
  padding-right: var(--actual-gutter);
  scroll-padding-inline: var(--actual-gutter);
}
.section-slider-wrap .scroll-indicator {
  width: calc(100% - (2 * calc(8px * 2.5)));
  width: calc(100% - (2 * var(--actual-gutter, var(--gutter))));
  margin-left: calc(8px * 2.5);
  margin-left: var(--actual-gutter, var(--gutter));
}
.link-with-arrow-icon {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--color-text);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.link-with-arrow-icon .link-with-arrow-icon__text {
  padding-bottom: 1px;
  background: linear-gradient(
    to right,
    transparent 50%,
    var(--color-text) 50%,
    var(--color-text) 100%
  );
  background-size: 200% 1px;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
  animation: linkUnderlineOut calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: linkUnderlineOut var(--animation-timing-400) var(--ease-out-quart);
}
.link-with-arrow-icon .link-with-arrow-icon__text:hover {
  animation: linkUnderlineIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: linkUnderlineIn var(--animation-timing-400) var(--ease-out-quart)
    forwards;
}
.link-with-arrow-icon .link-with-arrow-icon__text {
  animation: linkUnderlineOut calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);

  animation: linkUnderlineOut var(--animation-timing-400) var(--ease-out-quart);
}
.link-with-arrow-icon .link-with-arrow-icon__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.3em;
  height: 1.3em;
  background: var(--color-icon-button-background);
  color: var(--color-icon-button-foreground);
  border-radius: 100%;
}
.link-with-arrow-icon .link-with-arrow-icon__icon .icon {
  width: 0.8em;
  height: 0.8em;
}
.link-with-arrow-icon .hover-arrow-wrapper {
  overflow: hidden;
}
.link-with-arrow-icon .hover-arrow-wrapper--scales-false {
  width: 16px;
}
.link-with-arrow-icon
  .hover-arrow-wrapper--scales-false.hover-arrow-wrapper--right
  .hover-arrow-inner {
  transform: translateX(calc((8px * 4) * -1));
  transform: translateX(calc(calc(8px * 4) * -1));
  transform: translateX(calc(var(--spacing-400) * -1));
}
.link-with-arrow-icon .hover-arrow-wrapper--scales-true {
  width: 0.8em;
}
.link-with-arrow-icon
  .hover-arrow-wrapper--scales-true.hover-arrow-wrapper--right
  .hover-arrow-inner {
  transform: translateX(-1.6em);
}
.link-with-arrow-icon .hover-arrow-wrapper--scales-true .hover-arrow-inner {
  gap: 0.8em;
}
.link-with-arrow-icon .hover-arrow-inner {
  display: flex;
  gap: calc(8px * 2);
  gap: var(--spacing-200);
  transition: transform calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-400) var(--ease-out-quart);
}
.link-with-arrow-icon:hover .link-with-arrow-icon__text {
  animation: linkUnderlineIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: linkUnderlineIn var(--animation-timing-400) var(--ease-out-quart)
    forwards;
}
.link-with-arrow-icon:hover .hover-arrow-wrapper--left .hover-arrow-inner {
  transform: translateX(calc((8px * 4) * -1));
  transform: translateX(calc(calc(8px * 4) * -1));
  transform: translateX(calc(var(--spacing-400) * -1));
}
.link-with-arrow-icon:hover
  .hover-arrow-wrapper--left.hover-arrow-wrapper--scales-true
  .hover-arrow-inner {
  transform: translateX(-1.6em);
}
.link-with-arrow-icon:hover
  .hover-arrow-wrapper.hover-arrow-wrapper--right
  .hover-arrow-inner {
  transform: translateX(0);
}
@keyframes linkUnderlineIn {
  0% {
    background-position-x: 200%;
  }

  100% {
    background-position-x: 100%;
  }
}
@keyframes linkUnderlineOut {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}
.announcement-bar-wrapper {
  order: -1;
  z-index: 510;
  z-index: var(--z-index-header);
}
announcement-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px calc(8px * 2.5);
  padding: var(--spacing-100) var(--gutter);
  background-color: var(--color-background);
  color: var(--color-text);
}
announcement-bar[data-style="scrolling-text"]:not([data-item-count="1"]) {
  padding: 8px 0;
  padding: var(--spacing-100) 0;
}
@media (min-width: 720px) {
  .announcement-bar__text--mobile {
    display: none;
  }
}
@media (max-width: 719.9px) {
  .announcement-bar__text--mobile + .announcement-bar__text--desktop {
    display: none;
  }
}
.badge {
  margin-bottom: calc(8px * 1.5);
  margin-bottom: var(--spacing-150);
  padding: calc(8px * 0.75) calc(8px * 1.5);
  padding: var(--spacing-75) var(--spacing-150);
  border-radius: var(--radius-badge);
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-background);
}
.badge--discount {
  background-color: var(--color-products-sale);
}
.badge--sold-out {
  background-color: var(--color-products-sold-out);
}
.background-video {
  position: relative;
}
.current-video__container {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
  overflow: hidden;
  background-image: var(--background-video-preview-image);
}
@media (max-width: 719.9px) {
  [data-has-mobile-video="true"] .current-video__container {
    background-image: var(--background-video-preview-image-mobile);
  }
}
.background-video--rounded .current-video__container {
  border-radius: var(--radius-image);
}
.current-video__container .background-video__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--background-video-focal-point);
}
@media (max-width: 719.9px) {
  [data-has-mobile-video="true"]
    .current-video__container
    .background-video__video {
    object-position: var(--background-video-focal-point-mobile);
  }
}
.current-video__container .background-video__video--fade-in {
  animation-duration: 1s;
  animation-name: fadeIn;
}
.current-video__container,
.background-video__video {
  width: 100%;
}
:not([data-aspect-ratio="natural"]) .current-video__container,
:not([data-aspect-ratio="natural"]) .background-video__video {
  aspect-ratio: var(--background-video-aspect-ratio);
}
@media (max-width: 719.9px) {
  [data-has-mobile-video="true"] .current-video__container,
  [data-has-mobile-video="true"] .background-video__video {
    aspect-ratio: var(--background-video-aspect-ratio-mobile);
  }
}
.background-video__placeholder .placeholder-image {
  background-color: rgba(0, 0, 0, 0.1);
}
button.btn.video__pause {
  visibility: hidden;
  position: absolute;
  right: calc(8px * 1.5);
  right: var(--spacing-150);
  z-index: 10;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
  border-radius: var(--radius-button);
}
button.btn.video__pause.video__pause-alignment--top-right {
  top: calc(8px * 1.5);
  top: var(--spacing-150);
}
button.btn.video__pause.video__pause-alignment--bottom-right {
  bottom: calc(8px * 2);
  bottom: var(--spacing-200);
}
.user-is-tabbing button.btn.video__pause {
  visibility: visible;
}
@media (prefers-reduced-motion) {
  button.btn.video__pause {
    visibility: visible;
  }
}
.btn-wrapper {
  display: flex;
}
.btn-wrapper.btn-wrapper--align-left {
  justify-content: flex-start;
}
.btn-wrapper.btn-wrapper--align-center {
  justify-content: center;
}
.btn-wrapper.btn-wrapper--align-right {
  justify-content: flex-end;
}
.btn,
.shopify-challenge__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: calc(8px * 2) calc(8px * 3.5);
  padding: var(--button-padding);
  background-color: var(--color-solid-button-background);
  color: var(--color-solid-button-text);
  border: none;
  border-radius: var(--radius-button);
  font-family: var(--font-family-button);
  font-weight: var(--font-weight-button);
  font-size: var(--font-size-button);
  line-height: var(--line-height-button);
  letter-spacing: var(--letter-spacing-button);
  text-transform: none;
  text-transform: var(--text-transform-button, none);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  word-break: break-word;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
}
.btn:hover.btn--style-solid,
.user-is-tabbing .btn:focus.btn--style-solid,
.shopify-challenge__button:hover.btn--style-solid,
.user-is-tabbing .shopify-challenge__button:focus.btn--style-solid {
  transition-delay: calc(80ms * 3);
  transition-delay: var(--animation-timing-300);
  background-color: transparent;
}
.btn:hover.btn--style-solid .btn__label--default,
.user-is-tabbing .btn:focus.btn--style-solid .btn__label--default,
.shopify-challenge__button:hover.btn--style-solid .btn__label--default,
.user-is-tabbing
  .shopify-challenge__button:focus.btn--style-solid
  .btn__label--default {
  color: var(--color-solid-button-background);
  transform: translateY(-50%);
  opacity: 0;
  transition-delay: 0ms, 0ms, calc(80ms * 3);
  transition-delay: 0ms, 0ms, var(--animation-timing-300);
}
.btn:hover.btn--style-outline .btn__label--combined,
.user-is-tabbing .btn:focus.btn--style-outline .btn__label--combined,
.shopify-challenge__button:hover.btn--style-outline .btn__label--combined,
.user-is-tabbing
  .shopify-challenge__button:focus.btn--style-outline
  .btn__label--combined {
  box-shadow: inset 0 0 0 1px var(--color-accent);
}
.btn:hover.btn--style-outline .btn__label--combined .label-default,
.user-is-tabbing
  .btn:focus.btn--style-outline
  .btn__label--combined
  .label-default,
.shopify-challenge__button:hover.btn--style-outline
  .btn__label--combined
  .label-default,
.user-is-tabbing
  .shopify-challenge__button:focus.btn--style-outline
  .btn__label--combined
  .label-default {
  color: var(--color-outline-button-background);
  transform: translateY(-50%);
}
.btn:hover.btn--style-outline .btn__label--combined .label-active,
.user-is-tabbing
  .btn:focus.btn--style-outline
  .btn__label--combined
  .label-active,
.shopify-challenge__button:hover.btn--style-outline
  .btn__label--combined
  .label-active,
.user-is-tabbing
  .shopify-challenge__button:focus.btn--style-outline
  .btn__label--combined
  .label-active {
  visibility: visible;
  transform: scaleY(1);
  transition: transform calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-400) var(--ease-out-quart);
}
.btn:hover .btn__label--active,
.user-is-tabbing .btn:focus .btn__label--active,
.shopify-challenge__button:hover .btn__label--active,
.user-is-tabbing .shopify-challenge__button:focus .btn__label--active {
  transform: scaleY(1);
}
.btn .btn__label,
.shopify-challenge__button .btn__label {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: calc(8px * 2) calc(8px * 3.5);
  padding: var(--button-padding);
  border-radius: var(--radius-button);
  text-align: center;
  left: 0;
  top: 0;
}
.btn.btn--style-solid,
.shopify-challenge__button.btn--style-solid {
  transition: background-color 0ms 0ms;
}
.btn.btn--style-solid .btn__label--default,
.shopify-challenge__button.btn--style-solid .btn__label--default {
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-color: var(--color-solid-button-background);
  color: var(--color-solid-button-text);
  transition-property: color, transform, opacity;
  transition-duration: calc(80ms * 2), calc(80ms * 4), 0ms;
  transition-duration: var(--animation-timing-200), var(--animation-timing-400),
    0ms;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1),
    cubic-bezier(0.165, 0.84, 0.44, 1), linear;
  transition-timing-function: var(--ease-out-quart), var(--ease-out-quart),
    linear;
  transition-delay: 0ms, 0ms, 0ms;
}
.btn .btn__label--hidden,
.shopify-challenge__button .btn__label--hidden {
  position: relative;
  visibility: hidden;
  padding: 0;
}
.btn.btn--style-outline .btn__label--combined,
.shopify-challenge__button.btn--style-outline .btn__label--combined {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--radius-button);
  box-shadow: inset 0 0 0 2px
    var(--color-outline-button-text-and-border-alpha-50);
  transition: box-shadow calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: box-shadow var(--animation-timing-200) var(--ease-out-quart);
  overflow: hidden;
}
.btn.btn--style-outline .btn__label--combined .label-default,
.shopify-challenge__button.btn--style-outline
  .btn__label--combined
  .label-default {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  /* padding:calc(8px * 2) calc(8px * 3.5);
        padding:var(--button-padding); */
  padding: 12px 55px;
  color: var(--color-outline-button-text-and-border);
  transition: color calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1),
    transform calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color var(--animation-timing-200) var(--ease-out-quart),
    transform var(--animation-timing-400) var(--ease-out-quart);
}
.btn.btn--style-outline .btn__label--combined .label-active,
.shopify-challenge__button.btn--style-outline
  .btn__label--combined
  .label-active {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  /* padding:calc(8px * 2) calc(8px * 3.5);
        padding:var(--button-padding); */
  padding: 12px 55px;
  background-color: var(--color-accent);
  color: var(--color-accent-foreground);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1),
    visibility 0s calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-400) var(--ease-out-quart),
    visibility 0s var(--animation-timing-400) var(--ease-out-quart);
}
.btn.btn--style-outline.btn--size-regular.btn--width-regular {
  padding: 12px 55px;
}
.btn .btn__label--hidden,
.shopify-challenge__button .btn__label--hidden {
  position: relative;
  visibility: hidden;
  padding: 0;
}
.btn .btn__label--active,
.shopify-challenge__button .btn__label--active {
  background-color: var(--color-accent);
  color: var(--color-accent-foreground);
  width: 100%;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-400) var(--ease-out-quart);
}
.btn.btn--style-outline {
  background-color: var(--color-outline-button-background);
  color: var(--color-outline-button-text-and-border);
}
.btn.btn--style-icon {
  --icon-button-size: 36px;
}
.btn.btn--style-icon.btn--size-small {
  --icon-button-size: 24px;

  padding: 0;
}
.btn.btn--style-icon.btn--size-large {
  --icon-button-size: 44px;
}
.btn.btn--style-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-button-size);
  height: var(--icon-button-size);
  padding: 0;
  background-color: var(--color-icon-button-background-alpha-60);
  color: var(--color-icon-button-foreground);
  border-radius: 100%;
  transition-property: background-color, transform;
  transition-duration: calc(80ms * 2);
  transition-duration: var(--animation-timing-200);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
  overflow: visible;
  overflow: initial;
}
.btn.btn--style-icon:hover,
.user-is-tabbing .btn.btn--style-icon:focus {
  background-color: var(--color-icon-button-background);
  color: var(--color-icon-button-foreground);
}
.btn.btn--style-icon:hover:disabled,
.btn.btn--style-icon:hover[disabled],
.user-is-tabbing .btn.btn--style-icon:focus:disabled,
.user-is-tabbing .btn.btn--style-icon:focus[disabled] {
  background-color: var(--color-text-alpha-10);
  opacity: 0.4;
}
.btn.btn--style-icon:active {
  transform: scale(0.88);
}
.btn.btn--style-icon:active::after {
  content: "";
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  position: absolute;
  display: block;
}
.btn.btn--style-icon:disabled,
.btn.btn--style-icon[disabled] {
  background-color: var(--color-text-alpha-10);
  opacity: 0.4;
}
.btn.btn--style-icon .btn__label {
  position: static;
  position: initial;
}
.btn.btn--style-inline-icon {
  --inline-icon-button-size: 20px;

  position: relative;
  flex-shrink: 0;
  padding: 0;
  width: 20px;
  width: var(--inline-icon-button-size);
  height: 20px;
  height: var(--inline-icon-button-size);
  background-color: transparent;
  color: var(--color-text);
}
.btn.btn--style-inline-icon:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100%;
  background-color: transparent;
  transform: scale(0.3);
  transition-property: background-color, transform;
  transition-duration: calc(80ms * 4);
  transition-duration: var(--animation-timing-400);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.btn.btn--style-inline-icon:hover:before,
.user-is-tabbing .btn.btn--style-inline-icon:focus:before {
  background-color: var(--color-text-alpha-10);
  transform: scale(1);
}
.btn.btn--style-inline-icon:active {
  transform: scale(0.88);
}
.btn.btn--style-text {
  padding: 0;
  background-color: transparent;
  background-color: initial;
  color: var(--color-text);
  text-transform: none;
  min-height: 0;
  min-height: initial;
  border-radius: 0;
  border-radius: initial;
}
.btn.btn--style-text:not([class*="fs-"]) {
  font-size: inherit;
}
@keyframes underlinedLinkHover {
  0% {
    background-position-x: 100%;
    background-size: 100% 1px;
  }

  50% {
    background-position-x: 100%;
    background-size: 0% 1px;
  }

  51% {
    background-position-x: 0%;
    background-size: 0% 1px;
  }

  100% {
    background-position-x: 0%;
    background-size: 100% 1px;
  }
}
.btn.btn--style-text.underlined {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.btn.btn--style-text.underlined:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
@keyframes linkUnderlineIn {
  0% {
    background-position-x: 200%;
  }

  100% {
    background-position-x: 100%;
  }
}
@keyframes linkUnderlineOut {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}
.btn.btn--style-text:not(.underlined) {
  padding-bottom: 1px;
  background: linear-gradient(
    to right,
    transparent 50%,
    var(--color-text) 50%,
    var(--color-text) 100%
  );
  background-size: 200% 1px;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
  /* animation: linkUnderlineOut calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: linkUnderlineOut var(--animation-timing-400) var(--ease-out-quart); */
}
.btn.btn--style-text:not(.underlined):hover {
  animation: linkUnderlineIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: linkUnderlineIn var(--animation-timing-400) var(--ease-out-quart)
    forwards;
}
.btn.btn--style-text .btn__label {
  position: static;
  position: initial;
  padding: 0;
}
.btn:disabled,
.btn[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}
.btn:disabled:not(.btn--style-icon),
.btn[disabled]:not(.btn--style-icon) {
  background-color: var(--color-text-alpha-10);
  color: var(--color-text);
  box-shadow: none;
}
.btn.btn--width-full {
  width: 100%;
}
.btn.btn--size-small {
  font-size: var(--font-size-button-small);
}
.btn.btn--size-small:not(.btn--style-text):not(.btn--style-icon) {
  padding: calc(8px * 1.25) calc(8px * 3);
  padding: var(--button-padding-small);
}
.btn.btn--size-small:not(.btn--style-text):not(.btn--style-icon)
  .btn__label.btn__label--default,
.btn.btn--size-small:not(.btn--style-text):not(.btn--style-icon)
  .btn__label.btn__label--active,
.btn.btn--size-small:not(.btn--style-text):not(.btn--style-icon)
  .btn__label.btn__label--combined
  .label-default,
.btn.btn--size-small:not(.btn--style-text):not(.btn--style-icon)
  .btn__label.btn__label--combined
  .label-active {
  padding: calc(8px * 1.25) calc(8px * 3);
  padding: var(--button-padding-small);
}
.btn.btn--size-x-small {
  font-size: var(--font-size-button-small);
  padding: calc(8px * 1.25) calc(8px * 2);
  padding: var(--button-padding-x-small);
}
.btn.btn--size-x-small:not(.btn--style-text) .btn__label.btn__label--default,
.btn.btn--size-x-small:not(.btn--style-text) .btn__label.btn__label--active,
.btn.btn--size-x-small:not(.btn--style-text)
  .btn__label.btn__label--combined
  .label-default,
.btn.btn--size-x-small:not(.btn--style-text)
  .btn__label.btn__label--combined
  .label-active {
  padding: calc(8px * 1.25) calc(8px * 2);
  padding: var(--button-padding-x-small);
}
.chip {
  position: relative;
  padding: calc(8px * 1.5) calc(8px * 2);
  padding: var(--spacing-150) var(--spacing-200);
  background-color: var(--color-background);
  color: var(--color-text);
  box-shadow: inset 0 0 0 1px var(--color-text-alpha-40);
  border: none;
  border-radius: var(--radius-button);
  cursor: pointer;
  overflow: hidden;
  transition: all 80ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all var(--animation-timing-100) var(--ease-out-quart);
}
.chip.chip--selected {
  background-color: var(--color-text);
  color: var(--color-background);
}
.chip:disabled,
.chip[disabled] {
  background-color: var(--color-text-alpha-05);
  color: var(--color-text-alpha-60);
}
.chip:disabled.chip--selected,
.chip[disabled].chip--selected {
  background-color: var(--color-text);
  color: var(--color-background);
  opacity: 0.8;
}
.chip:disabled.chip--selected::before,
.chip[disabled].chip--selected::before {
  background-color: var(--color-background);
}
.chip:disabled::before,
.chip[disabled]::before {
  visibility: visible;
}
.chip::before {
  content: "";
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-text-alpha-30);
  transform: translateY(-50%) rotate(-45deg);
}
.chip:hover {
  background-color: var(--color-text-alpha-05);
  box-shadow: inset 0 0 0 1px var(--color-text-alpha-70);
}
.chip:hover.chip--selected {
  background-color: var(--color-text);
  color: var(--color-background);
}
.chip:hover::before {
  background-color: var(--color-text-alpha-70);
}
.content-blocks .animation-overline {
  transform: translateY(10px);
  opacity: 0;
}
.content-blocks .animation-heading {
  /* -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%); */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  /* opacity: 0; */
}
.content-blocks .animation-content {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.content-blocks .animation-slider {
  transform: translateX(35px);
  opacity: 0;
}
@media (min-width: 1024px) {
  .content-blocks .animation-slider:not(.animation-slider--small) {
    transform: translateX(50px);
  }
}
.content-blocks.became-visible .animation-heading {
  /* opacity: 1; */
  /* animation-name: fadeIn;
  animation-duration: calc(80ms * 8);
  animation-duration: var(--animation-timing-800);
  animation-delay: .5s;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards; */
}
.content-blocks.became-visible .content-block--overline,
.content-blocks.became-visible .content-block--text,
.content-blocks.became-visible .content-block--button {
  /* animation-name: bottomToTop;
  animation-duration: 1.5s;
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards; */
}
.content-blocks .content-block--liquid {
  opacity: 0;
}
.content-blocks.became-visible .content-block--liquid {
  animation-name: fadeIn;
  animation-duration: 1.5s;
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}

.content-blocks.became-visible .animation-overline {
  animation-name: contentOverlineAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.content-blocks.became-visible .animation-content {
  animation-name: contentContentAnimation;
  animation-duration: calc(80ms * 9);
  animation-duration: var(--animation-timing-900);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.content-blocks.became-visible .animation-slider {
  animation-name: contentSliderAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
@media (min-width: 1024px) {
  .content-blocks.became-visible
    .animation-slider:not(.animation-slider--small) {
    animation-duration: calc(80ms * 5);
    animation-duration: var(--animation-timing-500);
  }
}
.content-blocks--alignment-center {
  text-align: center;
}
.content-blocks--alignment-center .content-blocks__inline-buttons,
.content-blocks--alignment-center.content-blocks__inline-buttons {
  justify-content: center;
}
.content-blocks--alignment-center .content-block--image .image-block__inner,
.content-blocks--alignment-center.content-block--image .image-block__inner {
  margin: 0 auto;
}
.content-blocks--alignment-center .rte ul,
.content-blocks--alignment-center .rte ol {
  padding-left: 0;
}
.content-blocks--alignment-right {
  text-align: right;
}
.content-blocks--alignment-right .content-blocks__inline-buttons,
.content-blocks--alignment-right.content-blocks__inline-buttons {
  justify-content: right;
}
.content-blocks--alignment-right
  .content
  .content-block--image
  .image-block__inner,
.content-blocks--alignment-right.content-block--image .image-block__inner {
  margin-left: auto;
}
.content-blocks > .content-block:last-child,
.content-blocks > .content-block-wrapper:last-child {
  margin-bottom: 0;
}
.content-block-wrapper {
  display: flex;
}
.content-block-wrapper--heading {
  margin-bottom: calc(8px * 2);
  margin-bottom: var(--block-spacing-heading);
}
.content-block-wrapper--heading:has(.animation-heading) {
  margin-bottom: calc((8px * 2) - 0.35em);
  margin-bottom: calc(calc(8px * 2) - 0.35em);
  margin-bottom: calc(
    var(--block-spacing-heading) - var(--bottom-font-padding)
  );
}
.content-block-wrapper--heading .content-block--heading {
  /* margin-bottom: 0; */
}
.content-block-wrapper--heading .content-block--heading.animation-heading {
  /* margin: 0 calc(0.3em * -1);
  margin: 0 calc(var(--horizontal-font-padding) * -1);
  padding: 0.3em 0.35em;
  padding: var(--horizontal-font-padding) var(--bottom-font-padding); */
}
.content-block--overline {
  margin-bottom: calc(8px * 2);
  margin-bottom: var(--block-spacing-overline);
}
.content-block--heading {
  width: max-content;
  max-width: 100%;
  margin-bottom: calc(8px * 2);
  margin-bottom: var(--block-spacing-heading);
  margin-top: calc(8px * 2);
  margin-top: var(--block-spacing-heading);
}
.content-block--text {
  margin-bottom: calc(8px * 2);
  margin-bottom: var(--block-spacing-text);
}
.content-block--text + .content-block--heading,
.content-block--text + .content-block-wrapper--heading {
  margin-top: calc((8px * 2) + (8px * 2));
  margin-top: calc(calc(8px * 2) + calc(8px * 2));
  margin-top: calc(var(--block-spacing-text) + var(--spacing-200));
}
.content-block--button:not(:first-child) {
  margin-top: calc(8px * 3);
  margin-top: var(--block-spacing-button);
}
.content-block--button:not(:last-child) {
  margin-bottom: calc(8px * 3);
  margin-bottom: var(--block-spacing-button);
}
.content-blocks__inline-buttons {
  display: flex;
  column-gap: calc(8px * 2);
  column-gap: var(--spacing-200);
  row-gap: calc(8px * 3);
  row-gap: var(--block-spacing-button);
  align-items: center;
  flex-wrap: wrap;
  margin-top: calc(8px * 3);
  margin-bottom: calc(8px * 3);
  margin-top: var(--block-spacing-button);
  margin-bottom: var(--block-spacing-button);
}
.content-blocks__inline-buttons:last-child {
  margin-bottom: 0;
}
.content-blocks__inline-buttons .content-block--button {
  margin-top: 0;
  margin-bottom: 0;
}
.content-block--image {
  margin-bottom: calc(8px * 3);
  margin-bottom: var(--block-spacing-image);
}
.content-block--image .image-block__inner {
  max-width: var(--image-max-width-mobile);
}
@media (min-width: 720px) {
  .content-block--image .image-block__inner {
    max-width: var(--image-max-width);
  }
}
.content-block--divider {
  display: grid;
}
.content-block--divider .divider {
  height: var(--divider-height);
  background-color: var(--color-lines-and-borders);
  margin-top: var(--divider-margin-top-mobile);
  margin-bottom: var(--divider-margin-bottom-mobile);
}
@media (min-width: 720px) {
  .content-block--divider .divider {
    margin-top: var(--divider-margin-top);
    margin-bottom: var(--divider-margin-bottom);
  }
}
.content-block--spacer {
  height: var(--spacer-height-mobile);
}
@media (min-width: 720px) {
  .content-block--spacer {
    height: var(--spacer-height);
  }
}
.custom-input {
  position: relative;
}
.custom-input.label-internal {
  position: relative;
  display: inline-block;
}
.custom-input.label-internal.custom-input--text label,
.custom-input.label-internal.custom-input--textarea label {
  cursor: text;
  pointer-events: none;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 30px;
}
.custom-input.label-internal.custom-input--select label {
  pointer-events: none;
}
.custom-input.label-internal.custom-input--textarea label {
  top: calc(8px * 2);
  top: var(--spacing-200);
  transform: none;
  transform: initial;
}
.custom-input.label-internal.custom-input--select label {
  color: var(--color-text);
  z-index: 1;
}
.custom-input.label-internal label {
  position: absolute;
  top: 50%;
  left: calc(8px * 2);
  left: var(--spacing-200);
  color: var(--color-text-alpha-60);
  transform: translateY(-50%);
  transition-property: top, transform, font-size;
  transition-duration: calc(80ms * 2);
  transition-duration: var(--animation-timing-200);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.custom-input.label-internal input:focus,
.custom-input.label-internal input:not(:placeholder-shown),
.custom-input.label-internal textarea:focus,
.custom-input.label-internal textarea:not(:placeholder-shown) {
  padding: calc(8px * 3) calc(8px * 2) 8px;
  padding: var(--spacing-300) var(--spacing-200) var(--spacing-100);
}
.custom-input.label-internal input:focus + label,
.custom-input.label-internal input:not(:placeholder-shown) + label,
.custom-input.label-internal textarea:focus + label,
.custom-input.label-internal textarea:not(:placeholder-shown) + label {
  top: 8px;
  top: var(--spacing-100);
  color: var(--color-text-alpha-70);
  transform: none;
  transform: initial;
  font-size: var(--font-size-body-25);
}
.custom-input.label-internal input::placeholder,
.custom-input.label-internal textarea::placeholder {
  opacity: 0;
}
.custom-input.label-internal input[type="date"] {
  min-height: 59px;
}
.custom-input.label-internal input[type="date"]::-webkit-date-and-time-value {
  text-align: left;
}
.custom-input.label-internal select {
  margin-top: 0;
}
.custom-input.label-internal
  select:has(option[value="placeholder"]:not(:checked)) {
  padding: calc(8px * 3) calc(8px * 5) 8px calc(8px * 2);
  padding: var(--spacing-300) var(--spacing-500) var(--spacing-100)
    var(--spacing-200);
}
.custom-input.label-internal
  select:has(option[value="placeholder"]:not(:checked))
  + label {
  top: 8px;
  top: var(--spacing-100);
  color: var(--color-text-alpha-70);
  transform: none;
  transform: initial;
  font-size: var(--font-size-body-25);
}
.custom-input .checkbox-wrapper {
  position: relative;
  width: 20px;
  height: 20px;
}
.custom-input .checkbox-wrapper input {
  display: block;
}
.custom-input .checkbox-wrapper input::after {
  content: none;
}
.custom-input .checkbox-wrapper input:checked + .checkbox-checkmark {
  color: var(--color-accent-foreground);
}
.custom-input .checkbox-wrapper input:checked + .checkbox-checkmark svg {
  stroke-dashoffset: 24;
  transition: stroke-dashoffset calc(80ms * 4) 80ms
    cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: stroke-dashoffset var(--animation-timing-400)
    var(--animation-timing-100) var(--ease-out-quart);
}
.custom-input
  .checkbox-wrapper
  input:checked
  + .checkbox-checkmark
  + .checkbox-shadow {
  box-shadow: 0px 0px 0px 7px var(--color-accent);
  opacity: 0;
  transition: box-shadow calc(80ms * 4) 80ms cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity calc(80ms * 4) 80ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: box-shadow var(--animation-timing-400) var(--animation-timing-100)
      var(--ease-out-quart),
    opacity var(--animation-timing-400) var(--animation-timing-100)
      var(--ease-out-quart);
}
.custom-input .checkbox-wrapper .checkbox-checkmark {
  position: absolute;
  top: calc(8px / 2);
  right: calc(8px / 2);
  bottom: calc(8px / 2);
  left: calc(8px / 2);
  top: var(--spacing-50);
  right: var(--spacing-50);
  bottom: var(--spacing-50);
  left: var(--spacing-50);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.custom-input .checkbox-wrapper .checkbox-checkmark .icon svg {
  stroke-dasharray: 12;
  stroke-dashoffset: 12;
}
.custom-input .checkbox-wrapper .checkbox-shadow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: calc(var(--radius-input) * 0.6);
  border-radius: var(--radius-checkbox);
  box-shadow: 0px 0px 0px 0px var(--color-accent);
  opacity: 1;
  z-index: -1;
}
.custom-input .checkbox-wrapper + label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-left: calc(20px + (8px * 1.5));
  padding-left: calc(20px + calc(8px * 1.5));
  padding-left: calc(20px + var(--spacing-150));
  pointer-events: auto;
  cursor: pointer;
  z-index: 2;
}
.custom-input.custom-input--radio {
  display: flex;
  align-items: center;
}
.custom-input.custom-input--radio input {
  flex-shrink: 0;
  margin-right: 0;
}
.custom-input.custom-input--radio label {
  padding-left: 8px;
  padding-left: var(--spacing-100);
}
.custom-input.custom-input--radio .hidden-label {
  visibility: hidden;
  margin-left: calc(8px * 1.5);
  margin-left: var(--spacing-150);
}
.custom-input.custom-input--switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-input.custom-input--switch label {
  pointer-events: auto;
  cursor: pointer;
}
.custom-input.custom-input--switch input {
  position: relative;
  width: 48px;
  height: 28px;
  background-color: var(--color-background);
  border: 1px solid;
  border-color: var(--color-text-alpha-40);
  border-radius: 30px;
  transition-property: background-color, border-color;
  transition-duration: 80ms;
  transition-duration: var(--animation-timing-100);
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.custom-input.custom-input--switch input::before {
  content: "";
  position: absolute;
  top: calc(8px / 2);
  top: var(--spacing-50);
  left: calc(8px / 2);
  left: var(--spacing-50);
  width: 18px;
  height: 18px;
  background-color: var(--color-text-alpha-40);
  border-radius: 100%;
  transition: background-color 80ms cubic-bezier(0.165, 0.84, 0.44, 1),
    transform calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1),
    width 80ms cubic-bezier(0.165, 0.84, 0.44, 1),
    height 80ms cubic-bezier(0.165, 0.84, 0.44, 1),
    top 80ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background-color var(--animation-timing-100) var(--ease-out-quart),
    transform var(--animation-timing-300) var(--ease-out-quart),
    width var(--animation-timing-100) var(--ease-out-quart),
    height var(--animation-timing-100) var(--ease-out-quart),
    top var(--animation-timing-100) var(--ease-out-quart);
}
.custom-input.custom-input--switch input::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 7px;
  bottom: auto;
  bottom: initial;
  left: auto;
  left: initial;
  width: 12.5px;
  height: 10px;
  background-color: var(--color-accent);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.69231L3.82353 7L9 1' stroke='currentColor' stroke-width='1.4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.69231L3.82353 7L9 1' stroke='currentColor' stroke-width='1.4'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--checkmark-small-svg-url);
  mask-image: var(--checkmark-small-svg-url);
  transform: scale(0) rotate(-35deg);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.custom-input.custom-input--switch input:checked {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  transition-delay: calc(80ms * 2);
  transition-delay: var(--animation-timing-200);
}
.custom-input.custom-input--switch input:checked::before {
  top: calc(8px / 4);
  top: var(--spacing-25);
  right: auto;
  right: initial;
  bottom: auto;
  bottom: initial;
  left: calc(8px / 4);
  left: var(--spacing-25);
  width: 22px;
  height: 22px;
  background-color: var(--color-accent-foreground);
  transform: translateX(20px);
  transition: background-color 80ms calc(80ms * 2)
      cubic-bezier(0.165, 0.84, 0.44, 1),
    transform calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1),
    width 80ms cubic-bezier(0.165, 0.84, 0.44, 1),
    height 80ms cubic-bezier(0.165, 0.84, 0.44, 1),
    top 80ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background-color var(--animation-timing-100)
      var(--animation-timing-200) var(--ease-out-quart),
    transform var(--animation-timing-400) var(--ease-out-quart),
    width var(--animation-timing-100) var(--ease-out-quart),
    height var(--animation-timing-100) var(--ease-out-quart),
    top var(--animation-timing-100) var(--ease-out-quart);
}
.custom-input.custom-input--switch input:checked::after {
  transform: scale(1) rotate(0deg);
  opacity: 1;
  transition-duration: calc(80ms * 2);
  transition-duration: var(--animation-timing-200);
  transition-delay: calc(80ms * 2);
  transition-delay: var(--animation-timing-200);
}
.custom-input.has-error input,
.custom-input.has-error textarea,
.custom-input.has-error select {
  border-color: var(--color-notifications-error);
}
.custom-input-help-text {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body-60);
  color: var(--color-text-alpha-70);
  padding-top: 8px;
  padding-top: var(--spacing-100);
}
.custom-input-help-text:empty {
  display: none;
}
@keyframes draw-checkmark {
  to {
    stroke-dashoffset: 0;
  }
}
.flash-alert {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  justify-content: flex-end;
  align-items: flex-start;
  visibility: hidden;
  pointer-events: none;
  max-width: 1600px;
  max-width: var(--max-page-width);
  margin: 0 auto;
  padding: 0 calc(8px * 2.5);
  padding: 0 var(--gutter);
}
.flash-alert.is-visible {
  visibility: visible;
}
.flash-alert.is-visible .flash-alert__container {
  animation: show 4s ease 0s;
}
.template-password .flash-alert {
  position: fixed;
}
@keyframes show {
  0% {
    opacity: 0;
    transform: translateY(calc(8px * 2));
    transform: translateY(var(--spacing-200));
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}
.flash-alert__container {
  max-width: 200px;
  margin-top: calc(8px * 1.5);
  margin-top: var(--spacing-150);
  padding: 8px calc(8px * 1.5);
  padding: var(--spacing-100) var(--spacing-150);
  background-color: var(--color-background);
  color: var(--color-text);
  opacity: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: var(--box-shadow-short);
}
.template-password .flash-alert__container {
  margin-top: calc(8px * 5);
  margin-top: var(--spacing-500);
}
.header-section {
  position: relative;
  z-index: 510;
  z-index: var(--z-index-header);
}
.header-section header-wrapper {
  background-color: transparent;
  background-color: initial;
}
header-wrapper {
  --color-background: var(
    --color-background-header-gradient,
    var(--color-background-header)
  );
  --color-background-opaque: var(
    --color-background-header-gradient,
    var(--color-background-header)
  );
  --color-text: var(--color-text-header);
  --color-hover: var(--color-hover-header);
  --color-accent: var(--color-accent-header);
  --color-accent-foreground: var(--color-accent-foreground-header);

  display: block;
  color: var(--color-text-header);
  color: var(--color-text);
}
header-wrapper header {
  --num-icon-buttons: 2;
  /* padding: calc(8px * 1.25) calc(8px * 2.5);
  padding: var(--spacing-125) var(--gutter); */
  padding: 25px 30px !important;
  background: var(--color-background);
}
@media (min-width: 1024px) {
  header-wrapper header {
    padding-top: calc(8px * 1.5);
    padding-bottom: calc(8px * 1.5);
    padding-top: var(--spacing-150);
    padding-bottom: var(--spacing-150);
    min-height: 60px;
  }
}
header-wrapper header.header--has-search {
  --num-icon-buttons: 3;
}
.header__logo-wrapper {
  min-width: 100%;
  max-width: var(--logo-width-mobile);
}
@media (min-width: 720px) {
  .header__logo-wrapper {
    max-width:none !important;
  }
}
.header__logo-link {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.header__logo-text {
  --icon-button-width: 40px;
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 719.9px) {
  .header__logo-text {
    max-width: calc(
      100vw - (calc(8px * 2.5) * 2) - (calc(8px * 3) * 2) -
        (var(--icon-button-width) * var(--num-icon-buttons))
    );
    max-width: calc(
      100vw - (var(--gutter) * 2) - (var(--spacing-300) * 2) -
        (var(--icon-button-width) * var(--num-icon-buttons))
    );
  }
}
.header__button {
  cursor: pointer;
  margin: 0 -12px;
}
.header__button.btn--style-inline-icon {
  --inline-icon-button-size: 40px;
}
.header__button--account {
  display: none;
}
@media (min-width: 1024px) {
  .header__button--account {
    display: flex;
  }
}
.header__skip-to-content {
  z-index: 1300;
  z-index: var(--z-index-modal);
  visibility: hidden;
  position: absolute;
  top: var(--header-height);
  left: 0;
  width: max-content;
}
body.user-is-tabbing .header__skip-to-content {
  visibility: visible;
}
header-wrapper .localization-wrapper {
  --column-gap: 0;

  display: none;
  align-items: center;
  margin-right: calc(-1 * (8px * 1.25));
  margin-right: calc(-1 * calc(8px * 1.25));
  margin-right: calc(-1 * var(--spacing-125));
}
@media screen and (min-width: 1024px) {
  header-wrapper .localization-wrapper {
    display: flex;
    flex-wrap: nowrap;
  }
}
header-wrapper .localization-wrapper .disclosure-content {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  box-shadow: var(--box-shadow-popover);
}
header-wrapper .localization-wrapper .localization-trigger-label {
  white-space: nowrap;
  flex-wrap: nowrap;
}
header-wrapper
  .localization-wrapper.localization--country
  .localization-trigger-label__country-name {
  max-width: 14rem;
}
header-wrapper
  .localization-wrapper.localization--language-and-country
  .localization-trigger-label__country-name {
  max-width: 6rem;
}
header-wrapper .localization-wrapper .localization-list .t-overflow-ellipsis {
  max-width: none;
  max-width: initial;
  margin-right: calc(8px * 0.75);
  margin-right: var(--spacing-75);
}
header-wrapper
  .localization-wrapper
  + .header__content-segment--icons-inner-wrapper {
  padding-left: calc(8px * 1.25);
  padding-left: var(--spacing-125);
}
.header__button .icon-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__button .icon {
  transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) calc(80ms * 4),
    transform cubic-bezier(0.165, 0.84, 0.44, 1) calc(80ms * 4);
  transition: opacity var(--ease-out-quart) var(--animation-timing-400),
    transform var(--ease-out-quart) var(--animation-timing-400);
}
.header__button .icon:nth-of-type(2) {
  position: absolute;
  transform: translateY(100%);
  opacity: 0;
}
.header__button:hover .icon {
  transform: translateY(-100%);
  opacity: 0;
}
.header__button:hover .icon:nth-of-type(2) {
  transform: translateY(0);
  opacity: 1;
}
.header__button.btn.btn--style-inline-icon:active {
  transform: none;
  transform: initial;
}
.header__button.btn.btn--style-inline-icon:active::before {
  transform: scale(0.88);
}
@keyframes dropFromTopNav {
  0% {
    transform: translateY(-10vh) scale(1);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

.header__content {
  min-height: 35px;
  margin-left: auto;
  margin-right: auto;
  /* display: flex; */
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-column-gap: calc(8px * 3);
  grid-column-gap: var(--spacing-300);
  column-gap: calc(8px * 3);
  column-gap: var(--spacing-300);
  align-items: center;
  animation: dropFromTopNav 1.2s forwards;
}
.header__content-segment--icons {
  margin-left: auto;
}
/* @media (max-width: 1023.9px) {
  .header__content {
    display: grid;
  }
}
@media (min-width: 1800px) {
  .header__content {
    display: grid;
  }
} */
.header__content-segment {
  display: flex;
  column-gap: calc(8px * 3);
  column-gap: var(--spacing-300);
}
.header__content-segment--logo {
  justify-content: center;
}
.header__content-segment--menu {
  z-index: 1;
}
.header__content-segment--icons {
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.header__content-segment--icons-inner-wrapper {
  display: flex;
  column-gap: calc(8px * 3);
  column-gap: var(--spacing-300);
  flex-shrink: 0;
}
@media screen and (max-width: 1023.9px) {
  .header__content-segment--logo-first {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .header--logo-position-left.header--menu-position-left .header__content {
    grid-template-columns: auto auto 1fr;
  }

  .header--logo-position-left.header--menu-position-left
    .header__content-segment--logo-second {
    display: none;
  }
  .header--logo-position-left.header--menu-position-center
    .header__content-segment--logo {
    justify-content: flex-start;
  }

  .header--logo-position-left.header--menu-position-center
    .header__content-segment--logo-second {
    display: none;
  }
  .header--logo-position-center.header--menu-position-left
    .header__content-segment--logo-first,
  .header--logo-position-center.header--menu-position-drawer
    .header__content-segment--logo-first {
    display: none;
  }

  .header--logo-position-center.header--menu-position-left
    .header__content-segment--menu,
  .header--logo-position-center.header--menu-position-drawer
    .header__content-segment--menu {
    justify-content: flex-start;
  }
}
header-wrapper .btn.btn--style-inline-icon:hover:before,
header-wrapper
  .localization-wrapper--trigger-roll-animation
  .disclosure-wrapper::before {
  background: var(--color-hover);
}
header-wrapper[data-enable-transparent-header="true"] {
  --color-background: var(--color-background-transparent);
  --color-text: var(--color-text-transparent);
  --color-hover: var(--color-hover-transparent);
}
header-wrapper[data-enable-transparent-header="true"]:has(
    .active > .submenu--mega
  ),
header-wrapper[data-enable-transparent-header="true"]:has(
    .submenu--mega.is-opening,
    .submenu--mega.is-open,
    .submenu--mega.is-closing
  ) {
  --color-background: var(--color-background-opaque);
  --color-text: var(--color-text-header);
  --color-hover: var(--color-hover-header);
}
header-wrapper[data-enable-transparent-header="true"]:before {
  --header-close-delay: 0.24s;

  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100%;
  background: var(--color-background-opaque);
  z-index: -1;
  transition: all cubic-bezier(0.16, 1, 0.3, 1) calc(80ms * 2);
  transition: all var(--ease-out-expo) var(--animation-timing-200);
  transition-delay: calc(80ms * 3);
  transition-delay: var(--animation-timing-300);
}
@media screen and (min-width: 1024px) {
  body:has(.navigation:not(.navigation--drawer).dropdown-breakpoint)
    header-wrapper[data-enable-transparent-header="true"][data-is-sticky="false"]
    .submenu--primary,
  body:has(.navigation:not(.navigation--drawer).dropdown-breakpoint)
    header-wrapper[data-enable-transparent-header="true"]:not([data-is-sticky])
    .submenu--primary {
    --color-text: var(--color-text-transparent);
  }
  body:has(.navigation:not(.navigation--drawer).dropdown-breakpoint)
    header-wrapper[data-enable-transparent-header="true"]:has(
      .submenu.is-open,
      .submenu.is-opening,
      .submenu.is-closing
    )
    .submenu--secondary {
    --color-text: var(--color-text-header);
  }
  body:has(.navigation:not(.navigation--drawer).dropdown-breakpoint)
    header-wrapper[data-enable-transparent-header="true"]:has(
      .submenu--mega.is-open,
      .submenu--mega.is-opening,
      .submenu--mega.is-closing
    )
    .submenu--primary {
    --color-text: var(--color-text);
  }
  body:has(.navigation:not(.navigation--drawer).dropdown-breakpoint)
    header-wrapper[data-enable-transparent-header="true"]:has(
      .submenu__item--primary:hover > .submenu--mega
    ):before {
    transition-delay: 0s;
    transition-duration: calc(80ms * 2);
    transition-duration: var(--animation-timing-200);
    bottom: 0;
  }
  body:has(
      .navigation:not(.navigation--drawer).dropdown-breakpoint
    ).user-is-tabbing
    header-wrapper[data-enable-transparent-header="true"]:has(
      .submenu--mega:focus-within
    ) {
    --color-text: var(--color-text-header);
    background: var(--color-background-opaque);
  }
  body:has(
      .navigation:not(.navigation--drawer).dropdown-breakpoint
    ).user-is-tabbing
    header-wrapper[data-enable-transparent-header="true"]:has(
      .submenu--mega:focus-within
    )
    .submenu--primary {
    --color-text: var(--color-text);
  }
}
header .header__logo-wrapper:has(.logo--transparent + .logo--regular) .image {
  transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) calc(80ms * 2.5);
  transition: opacity var(--ease-out-quart) var(--animation-timing-250);
}
header
  .header__logo-wrapper:has(.logo--transparent + .logo--regular)
  .logo--regular {
  position: absolute;
  top: 0;
  opacity: 0;
}
header:has(
    .submenu--mega.is-open,
    .submenu--mega.is-opening,
    .submenu--mega.is-closing
  )
  .header__logo-wrapper:has(.logo--transparent + .logo--regular)
  .logo--transparent {
  opacity: 0;
}
header:has(
    .submenu--mega.is-open,
    .submenu--mega.is-opening,
    .submenu--mega.is-closing
  )
  .header__logo-wrapper:has(.logo--transparent + .logo--regular)
  .logo--regular {
  opacity: 1;
}
.no-js .header-section:has([data-enable-sticky-header="true"]) {
  top: 0;
  position: sticky;
}
.page:has(impact-logo):not(header-wrapper[data-enable-sticky-header="true"])
  .header__logo-link {
  display: none;
}
@media (max-width: 719.9px) {
  .page:has(header-wrapper[data-enable-sticky-header="true"]):not(
      .page:has(header-wrapper[data-enable-sticky-header="true"]):has(
          [data-enable-sticky-announcement-bar*="mobile"]
        )
    ) {
    --announcement-height: 0;
  }

  .section-inner {
    padding: 30px 10px;
  }
  .section-slider-wrap{
    width: 101vw;
  }
  .collapsible-left__inner {
    padding: 20px 20px !important;
    flex-direction: column;
  }
  .section-header.became-visible {
    margin-bottom: 10px !important;
  }
  .featured-collection-paginated__header-navigation {
    margin: 10px 0 !important;
  }
  .collapsible-left__title {
    font-size: 35px !important;
    line-height: 40px !important;
  }
  .content-block.content-block--heading.ff-heading.rte.animation-heading.fs-heading-display-1 {
    font-size: 48px !important;
    line-height: 56px !important;
  }
  .slideshow-slide-content__navigation-buttons-top {
    width: 100%;
  }
  .section-slider-wrap-outer.scroll-slider-wrap-outer {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 720px) {
  .page:has(header-wrapper[data-enable-sticky-header="true"]):not(
      .page:has(header-wrapper[data-enable-sticky-header="true"]):has(
          [data-enable-sticky-announcement-bar*="desktop"]
        )
    ) {
    --announcement-height: 0;
  }
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-is-sticky="true"]
  )
  header-wrapper {
  --color-background: var(--color-background-opaque);
  --color-text: var(--color-text-header);
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-is-sticky="true"]
  )
  .header__logo-wrapper:has(.logo--transparent + .logo--regular)
  .logo--transparent {
  opacity: 0;
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-is-sticky="true"]
  )
  .header__logo-wrapper:has(.logo--transparent + .logo--regular)
  .logo--regular {
  opacity: 1;
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):not(
    .page:has(header-wrapper[data-enable-sticky-header="true"]):has(impact-logo)
  )
  .header__logo-link
  > * {
  transform: none;
  transform: initial;
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  )
  .announcement-bar-wrapper {
  transition: top cubic-bezier(0.165, 0.84, 0.44, 1) calc(80ms * 4);
  transition: top var(--ease-out-quart) var(--animation-timing-400);
  top: var(
    --announcement-bar-top,
    calc((var(--header-height-internal) + 0) * -1)
  );
  top: var(
    --announcement-bar-top,
    calc((var(--header-height-internal) + var(--announcement-height, 0)) * -1)
  );
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  )
  .header-section {
  position: sticky;
  transition: top cubic-bezier(0.165, 0.84, 0.44, 1) calc(80ms * 4);
  transition: top var(--ease-out-quart) var(--animation-timing-400);
  top: var(--header-top, calc(var(--header-height-internal) * -1));
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  )
  header-wrapper {
  transition: box-shadow cubic-bezier(0.165, 0.84, 0.44, 1) calc(80ms * 3);
  transition: box-shadow var(--ease-out-quart) var(--animation-timing-300);
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  )
  .header__logo-link {
  display: block;
  overflow: hidden;
  pointer-events: none;
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  )
  .header__logo-link
  > * {
  transform: translateY(calc(100% + 1px));
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  )
  .header__logo-link:focus {
  pointer-events: inherit;
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  )
  .header__logo-link:focus
  > * {
  transform: translateY(0);
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  )
  .header-section:has(header-wrapper[data-reveal-logo="true"])
  .header__logo-link {
  pointer-events: inherit;
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  )
  .header-section:has(header-wrapper[data-reveal-logo="true"])
  .header__logo-link
  > * {
  transform: translateY(0);
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  ):has(header-wrapper[data-is-sticky="true"])
  .announcement-bar-wrapper {
  position: relative;
  position: var(--announcement-bar-position, relative);
  top: 0;
}
@media (max-width: 719.9px) {
  .page:has(header-wrapper[data-enable-sticky-header="true"]):has(
      header-wrapper[data-sticky-header-style="delayed"]
    ):has(header-wrapper[data-is-sticky="true"])
    .announcement-bar-wrapper:has(
      [data-enable-sticky-announcement-bar*="mobile"]
    ) {
    --announcement-bar-position: sticky;
  }
}
@media (min-width: 720px) {
  .page:has(header-wrapper[data-enable-sticky-header="true"]):has(
      header-wrapper[data-sticky-header-style="delayed"]
    ):has(header-wrapper[data-is-sticky="true"])
    .announcement-bar-wrapper:has(
      [data-enable-sticky-announcement-bar*="desktop"]
    ) {
    --announcement-bar-position: sticky;
  }
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="delayed"]
  ):has(header-wrapper[data-is-sticky="true"])
  .header-section {
  --header-top: var(--announcement-height, 0);

  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.02),
    0px 12px 12px 0px rgba(0, 0, 0, 0.03), 0px 20px 18px 0px rgba(0, 0, 0, 0.01);

  box-shadow: var(--box-shadow-header);
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  )
  .announcement-bar-wrapper {
  position: var(--announcement-bar-position);
  top: 0;
}
@media (max-width: 719.9px) {
  .page:has(header-wrapper[data-enable-sticky-header="true"]):has(
      header-wrapper[data-sticky-header-style="instant"]
    )
    .announcement-bar-wrapper:has(
      [data-enable-sticky-announcement-bar*="mobile"]
    ) {
    --announcement-bar-position: sticky;
  }
}
@media (min-width: 720px) {
  .page:has(header-wrapper[data-enable-sticky-header="true"]):has(
      header-wrapper[data-sticky-header-style="instant"]
    )
    .announcement-bar-wrapper:has(
      [data-enable-sticky-announcement-bar*="desktop"]
    ) {
    --announcement-bar-position: sticky;
  }
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  )
  .header-section {
  --header-top: var(--announcement-height, 0);
  position: sticky;
  top: 0;
  top: var(--header-top);
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  )
  header-wrapper {
  transition: background cubic-bezier(0.165, 0.84, 0.44, 1) calc(80ms * 3),
    box-shadow cubic-bezier(0.165, 0.84, 0.44, 1) calc(80ms * 3);
  transition: background var(--ease-out-quart) var(--animation-timing-300),
    box-shadow var(--ease-out-quart) var(--animation-timing-300);
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  )
  .header__logo-link {
  display: block;
  overflow: hidden;
  pointer-events: none;
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  )
  .header__logo-link
  > * {
  transform: translateY(calc(100% + 1px));
}
:has(header-wrapper[data-is-sticky="true"])
  .page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  )
  .header__logo-link
  > * {
  transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) calc(80ms * 4);
  transition: transform var(--ease-out-quart) var(--animation-timing-400);
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  )
  .header__logo-link:focus {
  pointer-events: inherit;
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  )
  .header__logo-link:focus
  > * {
  transform: translateY(0);
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  )
  .header-section:has(header-wrapper[data-reveal-logo="true"])
  .header__logo-link {
  pointer-events: inherit;
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  )
  .header-section:has(header-wrapper[data-reveal-logo="true"])
  .header__logo-link
  > * {
  transform: translateY(0);
}
.page:has(header-wrapper[data-enable-sticky-header="true"]):has(
    header-wrapper[data-sticky-header-style="instant"]
  ):has(header-wrapper[data-is-sticky="true"])
  .header-section {
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.02),
    0px 12px 12px 0px rgba(0, 0, 0, 0.03), 0px 20px 18px 0px rgba(0, 0, 0, 0.01);
  box-shadow: var(--box-shadow-header);
}
body:not(body:has(impact-logo[data-enable-impact-logo="all-screens"]))
  .header__logo-link {
  pointer-events: inherit;
}
@media (max-width: 719.9px) {
  body:not(body:has(impact-logo[data-enable-impact-logo="all-screens"]))
    header-wrapper
    .header__content
    .header__logo-link
    > .header__logo-wrapper {
    transform: translateY(0);
  }
}
body:has(header-wrapper[data-enable-transparent-header="true"]):not(
    body:has(header-wrapper[data-enable-transparent-header="true"]):has(
        impact-logo
      )
  )
  main,
body:has(header-wrapper[data-enable-transparent-header="true"]):has(
    impact-logo[data-impact-logo-transparent="true"]
  )
  main {
  margin-top: calc(var(--header-height-internal) * -1 - 0.5px);
}
.icon {
  display: inline-block;
  width: 24px;
  width: var(--icon-width, 24px);
  height: 24px;
  height: var(--icon-height, 24px);
  flex-shrink: 0;
}
@media (max-width: 719.9px) {
  .icon[style*="--icon-width-mobile"] {
    width: 24px;
    width: var(--icon-width-mobile, 24px);
    height: 24px;
    height: var(--icon-height-mobile, 24px);
  }
}
.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.image-animation-progress-bar {
  height: 3.2px;
  width: 104px;
  background: linear-gradient(#ffffff 0, #ffffff 0),
    linear-gradient(#ffffff 0, #ffffff 0), #8c8c8c;
  background: linear-gradient(#ffffff 0 0), linear-gradient(#ffffff 0 0),
    #8c8c8c;
  background-size: 60% 100%;
  background-repeat: no-repeat;
  animation: imageLoading 1.8s infinite;
}
@keyframes imageLoading {
  0% {
    background-position: -150% 0, -150% 0;
  }

  66% {
    background-position: 250% 0, -150% 0;
  }

  100% {
    background-position: 250% 0, 250% 0;
  }
}
.loader {
  width: 20px;
  width: var(--loader-size, 20px);
  height: 20px;
  height: var(--loader-size, 20px);
  display: flex;
  pointer-events: none;
}
.loader__spinner {
  animation: rotator 1.4s linear infinite;
  display: block;
}
.loader__circle {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: var(--loader-foreground-color, var(--color-text));
  animation: dash 1.4s ease-in-out infinite;
  animation: dash 1.4s var(--ease-in-out) infinite;
}
.loader__circle-background {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: var(--loader-background-color, var(--color-text-alpha-20));
}
@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}
@keyframes rotator {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(270deg);
  }
}
html:has([data-fluco-dialog-scroll-lock="true"][open]) {
  overflow: hidden;
}
@media (max-width: 1023.9px) {
  html:has([data-fluco-dialog-mobile-scroll-lock="true"][open]) {
    overflow: hidden;
  }
}
[data-fluco-dialog-backdrop="true"]::backdrop {
  background: rgba(0, 0, 0, 0.3);
  background: var(--backdrop-color);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(var(--backdrop-blur, 5px));
  backdrop-filter: blur(var(--backdrop-blur, 5px));
}
.popover {
  position: relative;
}
.popover::backdrop {
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll;
  background: initial;
}
.popup {
  position: fixed;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1),
    0px 8px 24px 0px rgba(0, 0, 0, 0.12);
  z-index: 517;
  z-index: var(--z-index-popup);
}
.popup::backdrop {
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll;
  background: initial;
}
.popup form[method="dialog"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.popup .modal-close-button {
  background-color: var(--color-background);
  padding: calc(8px * 1.25);
  padding: var(--spacing-125);
  top: calc(8px * 1.25);
  top: var(--spacing-125);
  left: calc(100% - 40px - (8px * 1.25));
  left: calc(100% - 40px - calc(8px * 1.25));
  left: calc(100% - 40px - var(--spacing-125));
}
@media (min-width: 720px) {
  .popup .modal-close-button {
    top: calc(8px * 1.5);
    top: var(--spacing-150);
    left: calc(100% - 40px - (8px * 1.5));
    left: calc(100% - 40px - calc(8px * 1.5));
    left: calc(100% - 40px - var(--spacing-150));
  }
}
.modal {
  top: revert;
  right: revert;
  bottom: revert;
  left: revert;
  max-width: 600px;
  max-width: var(--modal-width);
  max-height: calc(100vh - 2em);
  margin: revert;
  border-radius: var(--radius-modal);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15),
    0px 2px 6px 2px rgba(0, 0, 0, 0.05);
}
@media (max-width: 719.9px) {
  .modal {
    max-width: calc(100vw - (8px * 2.5));
    max-width: calc(100vw - calc(8px * 2.5));
    max-width: calc(100vw - var(--gutter));
  }
}
.modal .dialog-inner {
  max-height: calc(100vh - 2em);
  overflow-y: auto;
  padding: calc(8px * 3) calc(8px * 2.5);
  padding: var(--modal-padding-vertical) var(--modal-padding-horizontal);
}
.modal form[method="dialog"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.modal .modal-close-button {
  position: absolute;
  top: calc(8px * 1.25);
  top: var(--spacing-125);
  right: calc(8px * 1.25);
  right: var(--spacing-125);
  padding: calc(8px * 1.5);
  padding: var(--spacing-150);
  background-color: var(--color-background);
  z-index: 1;
}
@media (min-width: 1024px) {
  .modal .modal-close-button {
    top: calc(8px * 1.5);
    top: var(--spacing-150);
    right: calc(8px * 1.5);
    right: var(--spacing-150);
  }
}
.modal[open] {
  animation: revealModal calc(80ms * 5) cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: revealModal var(--animation-timing-500) var(--ease-out-quart);
}
.modal[open][data-fluco-dialog-backdrop="true"]::backdrop {
  animation: modalBackdropFadeIn calc(80ms * 5)
    cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: modalBackdropFadeIn var(--animation-timing-500)
    var(--ease-out-quart);
}
.modal.modal--will-close {
  animation: hideModal calc(80ms * 2) cubic-bezier(0.55, 0.085, 0.68, 0.53);
  animation: hideModal var(--animation-timing-200) var(--ease-in-quad);
  animation-play-state: paused;
}
.modal.modal--will-close.modal--trigger-close-animation {
  animation-play-state: running;
}
.modal.modal--will-close.modal--trigger-close-animation[data-fluco-dialog-backdrop="true"]::backdrop {
  animation: modalBackdropFadeOut calc(80ms * 2)
    cubic-bezier(0.55, 0.085, 0.68, 0.53);
  animation: modalBackdropFadeOut var(--animation-timing-200)
    var(--ease-in-quad);
}
.toast {
  top: auto;
  top: initial;
  right: initial;
  bottom: initial;
  left: auto;
  left: initial;
  bottom: 0;
  right: 0;
  position: fixed;
}
.modal-close-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  padding: calc(8px * 1.25);
  padding: var(--spacing-125);
  background: none;
  color: var(--color-text);
  border: none;
  border-radius: 100%;
  overflow: hidden;
  pointer-events: all;
  cursor: pointer;
}
.modal-close-button::before {
  content: "";
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-text-alpha-10);
  border-radius: 100%;
  transform: scale(0);
  transition-property: visibility, transform;
  transition-duration: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.modal-close-button:hover::before {
  visibility: visible;
  transform: scale(1);
  transition-duration: calc(80ms * 3);
  transition-duration: var(--animation-timing-300);
}
.modal-close-button:focus {
  outline: none;
}
.user-is-tabbing .modal-close-button:focus {
  outline: revert;
}
@keyframes modalBackdropFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modalBackdropFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes revealModal {
  from {
    scale: 0.9;
    opacity: 0;
  }
  to {
    scale: 1;
    opacity: 1;
  }
}
@keyframes hideModal {
  from {
    scale: 1;
    opacity: 1;
  }
  to {
    scale: 0.9;
    opacity: 0;
  }
}
model-viewer {
  width: 100%;
  height: 100%;
  position: absolute;
}
.shopify-model-viewer-ui {
  width: 100%;
  height: 100%;
  transition: all 0.1s ease-in;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.model-viewer__active .shopify-model-viewer-ui {
  position: relative;
  opacity: 1;
  visibility: visible;
}
.shopify-model-viewer-ui__controls-area {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  bottom: 20px;
  right: 20px;
  border-radius: 5px;
  overflow: hidden;
}
.shopify-model-viewer-ui__controls-area:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid var(--color-text-alpha-10);
  border-radius: 5px;
}
@media (min-width: 720px) {
  .shopify-model-viewer-ui__controls-area {
    width: 44px;
    bottom: 16px;
    right: 16px;
  }
}
.shopify-model-viewer-ui__button {
  display: inline-block;
  margin: 0;
  text-align: center;
  white-space: no-wrap;
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 0;
  box-sizing: content-box;
  border: 0px;
  background: var(--color-background);
  color: var(--color-text-body);
}
.shopify-model-viewer-ui__button svg {
  display: block;
}
@media (min-width: 720px) {
  .shopify-model-viewer-ui__button {
    width: 44px;
    height: 44px;
  }

  .shopify-model-viewer-ui__button svg {
    width: 44px;
    height: 44px;
  }
}
.shopify-model-viewer-ui__button:hover {
  background-color: var(--color-text-alpha-10);
}
.shopify-model-viewer-ui__poster-control-icon,
.shopify-model-viewer-ui__control-icon {
  width: 40px;
  height: 40px;
}
.shopify-model-viewer-ui--fullscreen
  .shopify-model-viewer-ui__control-icon--enter-fullscreen {
  display: none !important;
}
.shopify-model-viewer-ui__control-icon--exit-fullscreen {
  display: none !important;
}
.shopify-model-viewer-ui--fullscreen
  .shopify-model-viewer-ui__control-icon--exit-fullscreen {
  display: block !important;
}
.shopify-model-viewer-ui__button--poster {
  position: absolute;
  width: 40px;
  top: 0px;
  right: 10px;
}
@media (min-width: 720px) {
  .shopify-model-viewer-ui__button--poster {
    width: 44px;
    top: 20px;
    right: 20px;
  }
}
.shopify-model-viewer-ui__button--zoom-out {
  position: relative;
}
.shopify-model-viewer-ui__button--zoom-out:before,
.shopify-model-viewer-ui__button--zoom-out:after {
  content: "";
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  height: 1px;
  width: 28px;
  background-color: var(--color-text-alpha-10);
}
.shopify-model-viewer-ui__button--zoom-out:before {
  top: 0;
}
.shopify-model-viewer-ui__button--zoom-out:after {
  bottom: 0;
}
.shopify-model-viewer-ui__sr-only {
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}
.shopify-model-viewer-ui--fullscreen model-viewer {
  height: 100vh;
}
.model-viewer__poster {
  cursor: pointer;
  position: relative;
  display: flex;
  width: 100%;
  transition: all 0.1s ease-in;
}
.model-viewer__active .model-viewer__poster {
  opacity: 0;
  visibility: hidden;
}
.model-viewer__poster .model-viewer__media-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  transform: translate(-50%, -50%);
  padding: 0;
  background-color: var(--color-background);
  border: none;
  border-radius: var(--radius-badge);
  box-shadow: 0 0 0 1px var(--color-text-alpha-10);
  cursor: pointer;
  z-index: 1;
}
.model-viewer__poster .model-viewer__media-badge .icon {
  width: 60px;
  height: 60px;
}
.model-viewer__poster:focus {
  outline: auto;
}
.model-viewer__poster:focus svg path {
  opacity: 1;
}
.model-viewer__poster svg {
  border-radius: 30px;
}
.model-viewer__poster svg .bg {
  fill: var(--color-text);
}
.model-viewer__poster svg path {
  opacity: 1;
  transition: opacity 0.25s;
}
.model-viewer__poster svg:hover path {
  opacity: 1;
  transition: opacity 0.25s;
}
.model-viewer__close-button {
  --model-close-size: 44px;
  --model-close-icon-size: 12px;

  display: none;
  position: absolute;
  top: calc(8px * 2);
  top: var(--spacing-200);
  right: calc(8px * 2);
  right: var(--spacing-200);
  height: 44px;
  height: var(--model-close-size);
  width: 44px;
  width: var(--model-close-size);
  border-radius: 45px;
  border: 1px solid var(--color-text-alpha-10);
  color: var(--color-text);
  background-color: var(--color-background);
}
.model-viewer__close-button .icon {
  height: var(--model-close-icon-size);
  width: var(--model-close-icon-size);
}
.model-viewer__active .model-viewer__close-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shopify-model-viewer-ui__button--poster {
  display: none !important;
}
rte-container[data-alignment="center"] ul,
.rte[data-alignment="center"] ul,
.shopify-policy__body[data-alignment="center"] ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: max-content;
  margin: calc(8px * 2.5) auto;
  margin: var(--rte-spacing-list) auto;
}
rte-container p,
rte-container li,
.rte p,
.rte li,
.shopify-policy__body p,
.shopify-policy__body li {
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  line-height: var(--line-height-body);
}
rte-container p:first-child,
rte-container ol:first-child,
rte-container ul:first-child,
.rte p:first-child,
.rte ol:first-child,
.rte ul:first-child,
.shopify-policy__body p:first-child,
.shopify-policy__body ol:first-child,
.shopify-policy__body ul:first-child {
  margin-top: 0;
}
rte-container p:last-child,
rte-container ol:last-child,
rte-container ul:last-child,
.rte p:last-child,
.rte ol:last-child,
.rte ul:last-child,
.shopify-policy__body p:last-child,
.shopify-policy__body ol:last-child,
.shopify-policy__body ul:last-child {
  margin-bottom: 0;
}
rte-container p,
.rte p,
.shopify-policy__body p {
  margin-top: calc(8px * 2.5);
  margin-top: var(--rte-spacing-paragraph);
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--rte-spacing-paragraph);
}
rte-container ul,
rte-container ol,
.rte ul,
.rte ol,
.shopify-policy__body ul,
.shopify-policy__body ol {
  list-style: revert;
  list-style-position: inside;
  margin: revert;
  margin-top: calc(8px * 2.5);
  margin-top: var(--rte-spacing-list);
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--rte-spacing-list);
  padding-left: calc(8px * 2.5);
  padding-left: var(--spacing-250);
}
rte-container li,
.rte li,
.shopify-policy__body li {
  margin-top: 8px;
  margin-top: var(--spacing-100);
}
rte-container li:first-child,
.rte li:first-child,
.shopify-policy__body li:first-child {
  margin-top: 0;
}
rte-container iframe,
rte-container video,
.rte iframe,
.rte video,
.shopify-policy__body iframe,
.shopify-policy__body video {
  width: 100%;
  display: block;
}
rte-container:not(.non-page-rte) iframe,
rte-container:not(.non-page-rte) video,
rte-container:not(.non-page-rte) img,
rte-container:not(.non-page-rte) div,
rte-container:not(.non-page-rte) .rte__iframe,
.rte:not(.non-page-rte) iframe,
.rte:not(.non-page-rte) video,
.rte:not(.non-page-rte) img,
.rte:not(.non-page-rte) div,
.rte:not(.non-page-rte) .rte__iframe,
.shopify-policy__body:not(.non-page-rte) iframe,
.shopify-policy__body:not(.non-page-rte) video,
.shopify-policy__body:not(.non-page-rte) img,
.shopify-policy__body:not(.non-page-rte) div,
.shopify-policy__body:not(.non-page-rte) .rte__iframe {
  margin: calc(8px * 3.5) 0;
  margin: var(--spacing-350) 0;
}
rte-container:not(.non-page-rte) blockquote,
.rte:not(.non-page-rte) blockquote,
.shopify-policy__body:not(.non-page-rte) blockquote {
  margin: calc(8px * 3.5) 0;
  margin: var(--rte-spacing-blockquote) 0;
}
rte-container:not(.non-page-rte) table,
rte-container:not(.non-page-rte) .rte__table-wrapper,
.rte:not(.non-page-rte) table,
.rte:not(.non-page-rte) .rte__table-wrapper,
.shopify-policy__body:not(.non-page-rte) table,
.shopify-policy__body:not(.non-page-rte) .rte__table-wrapper {
  margin: calc(8px * 4) 0;
  margin: var(--rte-spacing-table) 0;
}
rte-container div > iframe,
.rte div > iframe,
.shopify-policy__body div > iframe {
  margin: 0;
}
rte-container table,
.rte table,
.shopify-policy__body table {
  width: 100%;
  border-collapse: collapse;
  border-radius: var(--radius-input);
  overflow: hidden;
  box-shadow: 0px 0px 0px 1px var(--color-lines-and-borders) inset;
}
rte-container table:first-child,
.rte table:first-child,
.shopify-policy__body table:first-child {
  margin-top: 0;
}
rte-container table td,
rte-container table th,
.rte table td,
.rte table th,
.shopify-policy__body table td,
.shopify-policy__body table th {
  border: 1px solid var(--color-lines-and-borders);
  padding: calc(8px * 1.5) calc(8px * 2);
  padding: var(--spacing-150) var(--spacing-200);
}
rte-container table th,
.rte table th,
.shopify-policy__body table th {
  background-color: var(--color-text-alpha-10);
  text-align: left;
  font-weight: inherit;
}
rte-container table tr:first-child td:first-child,
rte-container table tr:first-child th:first-child,
.rte table tr:first-child td:first-child,
.rte table tr:first-child th:first-child,
.shopify-policy__body table tr:first-child td:first-child,
.shopify-policy__body table tr:first-child th:first-child {
  border-top-left-radius: var(--radius-input);
}
rte-container table tr:first-child td:last-child,
.rte table tr:first-child td:last-child,
.shopify-policy__body table tr:first-child td:last-child {
  border-top-right-radius: var(--radius-input);
}
rte-container table tr:last-child td:first-child,
.rte table tr:last-child td:first-child,
.shopify-policy__body table tr:last-child td:first-child {
  border-bottom-left-radius: var(--radius-input);
}
rte-container table tr:last-child td:last-child,
.rte table tr:last-child td:last-child,
.shopify-policy__body table tr:last-child td:last-child {
  border-bottom-right-radius: var(--radius-input);
}
rte-container hr,
.rte hr,
.shopify-policy__body hr {
  background-color: var(--color-border);
  border: none;
  height: 1px;
  margin: calc(8px * 4) 0;
  margin: var(--spacing-400) 0;
}
rte-container i,
rte-container em,
.rte i,
.rte em,
.shopify-policy__body i,
.shopify-policy__body em {
  font-style: var(--font-style-italic-body);
}
rte-container h1,
rte-container h2,
rte-container h3,
rte-container h4,
rte-container h5,
rte-container h6,
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6,
.shopify-policy__body h1,
.shopify-policy__body h2,
.shopify-policy__body h3,
.shopify-policy__body h4,
.shopify-policy__body h5,
.shopify-policy__body h6 {
  margin-top: calc(8px * 5);
  margin-top: var(--rte-spacing-heading-top);
  margin-bottom: var(---rte-spacing-heading-bottom);
  font-family: var(--font-family-heading);
  line-height: var(--line-height-heading);
  font-weight: var(--font-weight-heading);
  letter-spacing: 0;
  letter-spacing: var(--letter-spacing-heading, 0);
  text-transform: none;
  text-transform: var(--text-transform-heading, none);
  color: var(--color-text);
}
rte-container h1,
.rte h1,
.shopify-policy__body h1 {
  font-size: var(--font-size-heading-1-base);
}
rte-container h2,
.rte h2,
.shopify-policy__body h2 {
  font-size: var(--font-size-heading-2-base);
}
rte-container h3,
.rte h3,
.shopify-policy__body h3 {
  font-size: var(--font-size-heading-3-base);
}
rte-container h4,
.rte h4,
.shopify-policy__body h4 {
  font-size: var(--font-size-heading-4-base);
}
rte-container h5,
.rte h5,
.shopify-policy__body h5 {
  font-size: var(--font-size-heading-5-base);
}
rte-container h6,
.rte h6,
.shopify-policy__body h6 {
  font-size: var(--font-size-heading-6-base);
}
rte-container a,
.rte a,
.shopify-policy__body a {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
rte-container a:hover,
.rte a:hover,
.shopify-policy__body a:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
rte-container img,
.rte img,
.shopify-policy__body img {
  display: block;
  max-width: 100%;
}
rte-container strong,
rte-container b,
.rte strong,
.rte b,
.shopify-policy__body strong,
.shopify-policy__body b {
  font-weight: var(--font-weight-bold-body);
}
rte-container blockquote,
.rte blockquote,
.shopify-policy__body blockquote {
  padding-left: calc(8px * 3);
  padding-left: var(--spacing-300);
  border-left: solid 2px var(--color-accent);
  position: relative;
}
rte-container blockquote::before,
.rte blockquote::before,
.shopify-policy__body blockquote::before {
  content: "“";
  font-size: 1.7em;
  position: absolute;
  top: -0.25em;
  left: calc(8px / 2);
  left: var(--spacing-50);
}
rte-container blockquote p,
.rte blockquote p,
.shopify-policy__body blockquote p {
  margin: 0;
}
rte-container pre > code,
.rte pre > code,
.shopify-policy__body pre > code {
  width: 100%;
  overflow-x: scroll;
  display: block;
}
rte-container .rte__table-wrapper,
.rte .rte__table-wrapper,
.shopify-policy__body .rte__table-wrapper {
  overflow-x: auto;
  position: relative;
  margin: calc(8px * 4) 0;
  margin: var(--rte-spacing-table) 0;
}
rte-container .rte__table-wrapper table,
.rte .rte__table-wrapper table,
.shopify-policy__body .rte__table-wrapper table {
  margin: 0;
}
rte-container .rte__iframe iframe,
.rte .rte__iframe iframe,
.shopify-policy__body .rte__iframe iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.rte--with-rounded-images img {
  border-radius: var(--radius-image);
}
@keyframes underlinedLinkHover {
  0% {
    background-position-x: 100%;
    background-size: 100% 1px;
  }

  50% {
    background-position-x: 100%;
    background-size: 0% 1px;
  }

  51% {
    background-position-x: 0%;
    background-size: 0% 1px;
  }

  100% {
    background-position-x: 0%;
    background-size: 100% 1px;
  }
}
.social-icons {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(8px * 1.25);
  column-gap: var(--spacing-125);
  row-gap: calc(8px * 1.25);
  row-gap: var(--spacing-125);
}
.social-icons a:hover {
  opacity: 0.7;
}
.social-icons .icon {
  display: block;
  padding: calc(8px / 4);
  padding: var(--spacing-25);
}
.newsletter-form__email {
  display: flex;
  align-items: center;
}
.newsletter-form__email:hover .newsletter-form__email-input {
  border-color: var(--color-text-alpha-70);
  outline: none;
}
.newsletter-form__email:hover .newsletter-form__button:before {
  background-color: var(--color-text-alpha-10);
  transform: scale(1);
}
.newsletter-form__email .custom-input-wrapper,
.newsletter-form__email .custom-input {
  width: 100%;
}
.newsletter-form__email .newsletter-form__email-input {
  padding-right: calc(8px * 6);
  padding-right: var(--spacing-600);
  width: 100%;
}
.newsletter-form__email .newsletter-form__button {
  --inline-icon-button-size: 33px;
  position: absolute;
  top: 50%;
  right: calc((8px * 2) - ((33px - 18.667px) / 2));
  right: calc(calc(8px * 2) - ((33px - 18.667px) / 2));
  right: calc(
    var(--spacing-200) - ((var(--inline-icon-button-size) - 18.667px) / 2)
  );
  transform: translateY(-50%);
}
.newsletter-form__email .newsletter-form__button:active {
  transform: translateY(-50%) scale(0.88);
}
.newsletter-form__email .newsletter-form__button:hover .icon svg {
  animation: newsletterInputIconHover calc(80ms * 4)
    cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  animation: newsletterInputIconHover var(--animation-timing-400)
    var(--ease-out-quart) forwards;
}
.newsletter-form__email .newsletter-form__button .icon {
  overflow: hidden;
}
@keyframes newsletterInputIconHover {
  0% {
    transform: translateX(-120%);
  }

  100% {
    transform: translateX(0%);
    color: var(--color-icon-button-foreground);
  }
}
#form-status--newsletter-email {
  margin-top: calc(8px * 1.25);
  margin-top: var(--spacing-125);
}
.swatch-wrapper {
  --swatch-outer-size: calc(var(--swatch-size) + 6px);
  --swatch-outer-size-large: calc(var(--swatch-size) + 8px);

  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--swatch-size) + 6px);
  width: var(--swatch-outer-size);
  height: calc(var(--swatch-size) + 6px);
  height: var(--swatch-outer-size);
}
.swatch-wrapper.swatch-wrapper--increased-offset,
.swatch-wrapper.swatch-wrapper--increased-offset .swatch {
  width: var(--swatch-outer-size-large);
  height: var(--swatch-outer-size-large);
}
.swatch-wrapper.swatch-wrapper--increased-offset .swatch::before {
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
}
.swatch {
  --swatch-inner-scale: calc(1 - (2 / var(--swatch-size-unitless)));

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--swatch-outer-size);
  height: var(--swatch-outer-size);
  padding: 0;
  background-color: var(--color-background);
  border: none;
  cursor: pointer;
}
.swatch.swatch--shape-round {
  border-radius: 100%;
}
.swatch.swatch--shape-round::before,
.swatch.swatch--shape-round .swatch__inner {
  border-radius: 100%;
}
.swatch.swatch--selected::before {
  box-shadow: 0 0 0 2px var(--color-text);
  opacity: 1;
}
.swatch.swatch--selected .swatch__inner {
  transform: scale(var(--swatch-inner-scale));
}
.swatch:disabled .swatch__inner,
.swatch[disabled] .swatch__inner {
  opacity: 0.6;
}
.swatch:disabled .swatch__inner-disabled-strikethrough::before,
.swatch[disabled] .swatch__inner-disabled-strikethrough::before {
  visibility: visible;
}
.swatch::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  box-shadow: 0 0 0 1px var(--color-text);
  opacity: 0;
  transition: opacity, box-shadow;
  transition-duration: calc(80ms * 4);
  transition-duration: var(--animation-timing-400);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.swatch .swatch__inner {
  position: relative;
  display: block;
  width: var(--swatch-size);
  height: var(--swatch-size);
  box-shadow: inset 0 0 0 1.5px var(--color-text-alpha-05);
  transition-property: box-shadow, transform;
  transition-duration: calc(80ms * 4);
  transition-duration: var(--animation-timing-400);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.swatch .swatch__inner-disabled-strikethrough {
  position: absolute;
  width: var(--swatch-size);
  height: var(--swatch-size);
}
.swatch .swatch__inner-disabled-strikethrough::before {
  content: "";
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-text);
  transform: translateY(-50%) rotate(-45deg);
}
.swatch .swatch__tooltip {
  visibility: hidden;
  position: absolute;
  bottom: calc(100% + (8px * 1.25));
  bottom: calc(100% + calc(8px * 1.25));
  bottom: calc(100% + var(--spacing-125));
  left: 50%;
  transform: translate(-50%, 4px);
  width: max-content;
  max-width: 95px;
  padding: calc(8px * 0.75) 8px;
  padding: var(--spacing-75) var(--spacing-100);
  background-color: var(--color-text);
  color: var(--color-background);
  border-radius: var(--radius-button);
  filter: drop-shadow(0px 4px 5px var(--color-text-alpha-10));
  opacity: 0;
  word-break: break-word;
  transition: opacity, transform;
  transition-duration: 80ms;
  transition-duration: var(--animation-timing-100);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
@media (min-width: 720px) {
  .swatch .swatch__tooltip {
    max-width: 125px;
  }
}
.swatch:not(.swatch--selected):not(:disabled):not([disabled]):hover::before {
  opacity: 0.3;
}
.swatch:not(.swatch--selected):not(:disabled):not([disabled]):hover
  .swatch__inner {
  box-shadow: none;
  transform: scale(var(--swatch-inner-scale));
}
.swatch:not(.swatch--selected):not(:disabled):not([disabled]):hover
  .swatch__tooltip {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0px);
}
.swatch:hover .swatch__tooltip,
.user-is-tabbing .swatch:focus .swatch__tooltip {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0px);
}
.variant-option--swatches:hover .swatch__tooltip {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0px);
}
.variant-option--swatches:hover
  .swatch-wrapper
  .swatch:not(.swatch--selected):before {
  opacity: 0.3;
}
.variant-option--swatches:hover
  .swatch-wrapper
  .swatch:not(.swatch--selected):not(:disabled):not([disabled])
  .swatch__inner {
  box-shadow: none;
  transform: scale(var(--swatch-inner-scale));
}
label.navigation__control {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.navigation__control-input[type="checkbox"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline-offset: -3px;
  z-index: -1;
}
.navigation__control-input[type="checkbox"]::before,
.navigation__control-input[type="checkbox"]::after {
  content: normal;
  content: initial;
}
.navigation__control-input[type="checkbox"]:checked {
  background-color: transparent;
  transition: none 0s ease 0s;
  transition: initial;
}
.submenu__list-control-input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  margin: -1px;
  height: 0;
  display: none;
  opacity: 0;
}
.navigation__control ~ .navigation__submenu {
  display: none;
}
.navigation__control:has(input:checked) + .submenu,
.navigation__submenu.submenu--primary.is-open,
.navigation__submenu.submenu--primary.is-opening,
.navigation__submenu.submenu--primary.is-closing {
  display: flex;
}
.submenu__list-control:has(input:checked) ~ .submenu {
  opacity: 1;
  display: flex;
}
body:has(
    .navigation__control-input:checked,
    .navigation__submenu.submenu--primary.is-open,
    .navigation__submenu.submenu--primary.is-opening,
    .navigation__submenu.submenu--primary.is-closing
  ) {
  overflow: hidden;
}
.navigation:has(.navigation__control-input:checked) .navigation__backdrop,
.navigation__backdrop.is-open,
.navigation__backdrop.is-opening,
.navigation__backdrop.is-closing {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
  backdrop-filter: blur(var(--backdrop-blur));
  background-color: rgba(0, 0, 0, 0.3);
  background-color: var(--backdrop-color);
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
}
.navigation__submenu {
  --color-background: var(--color-background-drawer);
  --color-hover: var(--color-hover-drawer);
  --color-border: var(--color-border-drawer);

  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 6px 0 rgba(0, 0, 0, 0.12);

  box-shadow: var(--box-shadow-menu-drawer);
  flex-direction: column;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 100dvh;
  max-width: 419px;
  max-width: var(--navigation-drawer-width);
  position: fixed;
  width: calc(100dvw - 35px);
}
.navigation--drawer .navigation__submenu,
.drawer-breakpoint .navigation__submenu {
  --color-text: var(--color-text-drawer);
}
.navigation__control-close[for] {
  --button-size: 36px;

  position: absolute;
  top: calc(8px * 2);
  top: var(--spacing-200);
  right: calc(8px * 1.25);
  right: var(--spacing-125);
  display: flex;
  align-items: center;
  width: 36px;
  width: var(--button-size);
  height: 36px;
  height: var(--button-size);
  color: var(--color-text);
  z-index: 1000;
  cursor: pointer;
}
.navigation__control-close[for]:focus {
  outline: none;
}
.user-is-tabbing .navigation__control-close[for]:focus {
  outline: revert;
}
.navigation__control-close[for]::before {
  content: "";
  position: absolute;
  width: var(--button-size);
  height: var(--button-size);
  background-color: var(--color-hover);
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.navigation__control-close[for]:hover::before {
  transform: scale(1);
  transition-duration: calc(80ms * 3);
  transition-duration: var(--animation-timing-300);
}
.navigation__control-close[for] .icon {
  display: block;
  margin: 0 auto;
}
.submenu {
  background: var(--color-drawer-background-gradient, var(--color-background));
  border-bottom-right-radius: var(--radius-drawer);
  border-top-right-radius: var(--radius-drawer);
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.submenu--secondary,
.submenu--tertiary {
  width: 100%;
  top: 0;
  position: absolute;
  opacity: 0;
  display: none;
}
.submenu--secondary:not(.tertiary-menu--opens-left),
.submenu--tertiary:not(.tertiary-menu--opens-left) {
  left: 0;
}
.submenu--secondary.tertiary-menu--opens-left,
.submenu--tertiary.tertiary-menu--opens-left {
  right: 100%;
}
.submenu--secondary .submenu-header,
.submenu--tertiary .submenu-header {
  background: var(--color-drawer-background);
}
.submenu-header {
  --button-size: 36px;
  --icon-size: 14px;
  padding: calc(8px * 2.5) calc(8px * 2);
  padding: var(--spacing-250) var(--drawer-padding-horizontal);
  z-index: 1;
  background-color: transparent;
}
.submenu-header__inner {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
.submenu-header__title {
  width: calc(100% - var(--button-size));
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  text-overflow: "…";
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-text);
}
.submenu-header__control[for] {
  --button-offset: calc(((var(--button-size) - var(--icon-size)) / 2) * -1);

  position: absolute;
  cursor: pointer;
  height: var(--button-size);
  width: var(--button-size);
  display: flex;
  align-content: center;
}
.submenu-header__control[for].submenu-header__control--back {
  left: var(--button-offset);
}
.submenu-header__control[for].submenu-header__control--back .icon {
  height: var(--button-size);
}
.submenu-header__control[for]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  left: 2px;
  background-color: var(--color-hover);
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.submenu-header__control[for]:hover::before {
  transform: scale(1);
  transition-duration: calc(80ms * 3);
  transition-duration: var(--animation-timing-300);
}
.submenu-header__control[for] .icon {
  display: block;
  margin: 0 auto;
}
.submenu__container {
  height: 100%;
}
.submenu__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
ul.submenu__list {
  display: flex;
  flex-direction: column;
  gap: calc(8px / 2);
  gap: var(--spacing-50);
  padding: calc(8px * 2) calc(8px * 2);
  padding: var(--drawer-padding-vertical) var(--drawer-padding-horizontal);
  overflow-y: scroll;
  flex-shrink: 1;
}
@media (max-width: 1023.9px) {
  ul.submenu__list {
    padding-bottom: calc(8px * 9);
    padding-bottom: var(--spacing-900);
  }
}
ul.submenu__list .submenu__list {
  padding-top: calc(8px * 1.25);
  padding-top: var(--spacing-125);
  padding-bottom: calc(8px * 1.25);
  padding-bottom: var(--spacing-125);
}
.submenu__item {
  margin-left: calc(8px * -1);
  margin-right: calc(8px * -1);
  margin-left: calc(var(--spacing-100) * -1);
  margin-right: calc(var(--spacing-100) * -1);
}
.submenu__link,
.submenu__list-control {
  padding: calc(8px * 1.5);
  padding: var(--spacing-150);
  border-radius: var(--radius-button);
  cursor: pointer;
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: background 80ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background var(--animation-timing-100) var(--ease-out-quart);
}
.submenu__link:hover,
.submenu__link:active,
.submenu__list-control:hover,
.submenu__list-control:active {
  background-color: var(--color-hover);
}
.submenu__item--parent > .submenu__link.submenu__link,
.submenu__item--parent > .submenu__list-control.submenu__link {
  display: none;
}
.submenu__item .submenu__link.submenu__list-control,
.submenu__item .submenu__list-control.submenu__list-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(8px * 1.5);
  padding: var(--spacing-150);
}
label.submenu__item-display-text[for],
.submenu__item-display-text {
  color: var(--color-text);
  font-size: var(--font-size-body-200);
  font-weight: var(--font-weight-heading);
  font-family: var(--font-family-heading);
  font-style: var(--font-style-heading);
  line-height: var(--line-height-heading);
  letter-spacing: 0;
  letter-spacing: var(--letter-spacing-heading, 0);
  text-transform: none;
  text-transform: var(--text-transform-heading, none);
}
.submenu .submenu label.submenu__item-display-text[for],
.submenu .submenu .submenu__item-display-text {
  font-size: var(--font-size-body-100);
  text-transform: inherit;
  letter-spacing: var(--letter-spacing-body);
  line-height: var(--line-height-body);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  text-transform: none;
}
body.user-is-tabbing .submenu__list-control {
  position: relative;
}
body.user-is-tabbing .submenu-header__control--back {
  display: none;
}
body.user-is-tabbing .submenu__list-control-input[type="checkbox"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  color: transparent;
  display: block;
  opacity: 1;
}
body.user-is-tabbing .submenu__list-control-input[type="checkbox"]::before,
body.user-is-tabbing .submenu__list-control-input[type="checkbox"]::after {
  content: normal;
  content: initial;
}
body.user-is-tabbing .submenu__item--collected-list .submenu {
  background-image: none;
}
body.user-is-tabbing .submenu--secondary,
body.user-is-tabbing .submenu--tertiary {
  display: block;
  opacity: 1;
  z-index: 1;
}
body.user-is-tabbing .submenu--secondary:not(.tertiary-menu--opens-left),
body.user-is-tabbing .submenu--tertiary:not(.tertiary-menu--opens-left) {
  left: 100%;
}
body.user-is-tabbing .submenu--secondary.tertiary-menu--opens-left,
body.user-is-tabbing .submenu--tertiary.tertiary-menu--opens-left {
  right: 100%;
}
body.user-is-tabbing .submenu:has(:focus) {
  left: 0;
}
@media (max-width: 1023.9px) {
  .submenu__list.localization-offset--language-and-country {
    padding-bottom: calc(8px * 13);
    padding-bottom: var(--spacing-1300);
  }
}
.navigation__cross-border-account {
  --color-solid-button-background: var(--color-background);
  --color-solid-button-text: var(--color-text);
  --button-padding: var(--spacing-125) var(--spacing-150);
  --column-gap: var(--spacing-125);

  position: sticky;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: calc(8px * 2);
  gap: var(--spacing-200);
  background-image: linear-gradient(
    to top,
    var(--color-background) 0%,
    transparent 100%
  );
  padding: calc(8px * 2) calc(8px * 2);
  padding: var(--drawer-padding-vertical) var(--drawer-padding-horizontal);
  z-index: 1;
}
.navigation__cross-border-account .cross-border-account__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: calc((8px * 1.25) / 2);
  gap: calc(calc(8px * 1.25) / 2);
  gap: calc(var(--spacing-125) / 2);
  flex-shrink: 1;
  flex-grow: 0;
  overflow: hidden;
  max-width: calc(100% * (2 / 3));
}
.navigation__cross-border-account .mobile-country-trigger-wrapper {
  max-width: 100%;
}
.navigation__cross-border-account .t-overflow-ellipsis {
  max-width: 100%;
}
.navigation__cross-border-account .btn {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-top: var(--spacing-100);
  padding-bottom: var(--spacing-100);
  flex-wrap: nowrap;
}
.navigation__cross-border-account .customer-login {
  padding-top: 0;
  padding-bottom: 0;
  margin-right: calc(8px * 2);
  margin-right: var(--spacing-200);
  margin-bottom: 8px;
  margin-bottom: var(--spacing-100);
  text-align: center;
}
.navigation__cross-border-account .customer-login .btn__label {
  word-break: break-word;
}
.navigation__cross-border-account .modal-close-button {
  margin-left: auto;
}
.navigation__cross-border-account .localization-drawer-trigger {
  border-radius: var(--radius-button);
  border: 1px solid var(--color-border);
}
.navigation__cross-border-account
  [data-fluco-dialog-backdrop="true"]::backdrop {
  -webkit-backdrop-filter: initial;
  backdrop-filter: initial;
}
.navigation__cross-border-account dialog {
  width: calc(100dvw - 35px);
  max-width: 419px;
  max-width: var(--navigation-drawer-width);
  border-bottom-left-radius: 0;
}
.navigation__cross-border-account .dialog-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 0;
}
.navigation__cross-border-account .mobile-country-drawer__content {
  height: 100%;
  overflow: scroll;
}
.navigation__cross-border-account .localization-list li:last-child {
  margin-bottom: 8px;
  margin-bottom: var(--spacing-100);
}
.navigation__cross-border-account .country-drawer,
.navigation__cross-border-account .language-drawer {
  height: 100%;
  max-height: 50dvh;
}
html.js .submenu-header {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0);
  box-shadow: var(--box-shadow-scroll-overflow-alpha-0);
  transition: box-shadow calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: box-shadow var(--animation-timing-300) var(--ease-out-quart);
}
.submenu__inner:has(
    > .submenu__list > [data-scroll-start][data-visible="false"]
  )
  > .submenu-header,
.submenu__inner:has(> [data-scroll-start][data-visible="false"])
  > .submenu-header {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: var(--box-shadow-scroll-overflow);
}
.submenu__inner:has(.submenu__list > [data-scroll-end][data-visible="false"])
  > .submenu__list::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -23px;
  left: 0;
  right: 0;
  height: 83px;
  background-image: linear-gradient(
    to top,
    var(--color-background) 0,
    transparent 100%
  );
  pointer-events: none;
}
.navigation--left .submenu__link,
.navigation--left .submenu__list-control {
  border-radius: var(--radius-button-within-drawer);
}
@media screen and (min-width: 1024px) {
  .navigation__cross-border-account {
    display: none;
  }

  .navigation:not(.navigation--drawer) {
  }
  .user-is-tabbing .navigation:not(.navigation--drawer) .submenu--secondary,
  .user-is-tabbing .navigation:not(.navigation--drawer) .submenu--tertiary {
    --color-text: var(--color-text-header);

    display: flex;
    opacity: 0;
    z-index: auto;
    z-index: initial;
    left: 0;
  }

  .user-is-tabbing .navigation:not(.navigation--drawer) .submenu--tertiary {
    left: 100%;
  }

  .user-is-tabbing
    .navigation:not(.navigation--drawer)
    .submenu__item--primary:focus-within
    > .submenu__link {
    background: var(--color-accent);
    color: var(--color-accent-foreground-header);
  }

  .navigation:not(.navigation--drawer) .navigation__submenu {
    --color-background: var(
      --color-background-header-gradient,
      var(--color-background-header)
    );
    --color-accent: var(--color-accent-header);
    --color-hover: var(--color-hover-header);
  }

  .navigation:not(.navigation--drawer) {
    margin-left: calc((8px * 2) * -1);
    margin-left: calc(calc(8px * 2) * -1);
    margin-left: calc(var(--spacing-200) * -1);
  }
  .navigation:not(.navigation--drawer) .navigation__backdrop {
    display: none;
  }

  .navigation:not(.navigation--drawer) .navigation__control-close {
    display: none;
  }
  .navigation:not(.navigation--drawer)
    .submenu__list-control-input:checked
    ~ .submenu {
    opacity: 0;
    display: none;
  }
  .navigation:not(.navigation--drawer) .navigation__control {
    display: none;
  }
  .navigation:not(.navigation--drawer) .submenu-header {
    display: none;
  }
  .navigation:not(.navigation--drawer) .submenu__inner > .submenu__list::after {
    display: none !important;
  }

  .navigation:not(.navigation--drawer) .submenu--primary {
    overflow: visible;
    overflow: initial;
    background: transparent none repeat 0 0 / auto auto padding-box border-box
      scroll;
    background: initial;
    border-radius: 0;
    border-radius: initial;
    height: auto;
    height: initial;
    max-width: none;
    max-width: initial;
    box-shadow: none;
    box-shadow: initial;
    width: 100%;
    position: relative;
  }
  .navigation:not(.navigation--drawer)
    .submenu--primary
    > .submenu__container
    > .submenu__inner
    > .submenu__list {
    padding: 0;
    flex-direction: row;
  }

  .navigation:not(.navigation--drawer) .submenu--primary .submenu__item {
    padding: 0;
    padding: initial;
  }

  .navigation:not(.navigation--drawer) .submenu {
    background: none;
    border-radius: 0;
    border-radius: initial;
    overflow: visible;
    overflow: initial;
  }

  .navigation:not(.navigation--drawer)
    .submenu__item:not(:hover):not(.active)
    * {
    pointer-events: none;
  }

  .navigation:not(.navigation--drawer) .submenu__container {
    height: auto;
    height: initial;
  }

  .navigation:not(.navigation--drawer) .submenu__inner {
    overflow: visible;
    max-height: none;
    max-height: initial;
    background: none;
  }

  .navigation:not(.navigation--drawer) .submenu__list {
    overflow: visible;
    background: none;
    flex-wrap: wrap;
  }
  .navigation:not(.navigation--drawer) .submenu--primary {
    display: flex;
    z-index: 510;
    z-index: var(--z-index-header);
  }
  .navigation:not(.navigation--drawer)
    .submenu--primary
    > .submenu__container
    > .submenu__inner
    > .submenu__list
    > .submenu__item
    > .submenu__parent-item,
  .navigation:not(.navigation--drawer)
    .submenu--primary
    > .submenu__container
    > .submenu__inner
    > .submenu__list
    > .submenu__item
    > .submenu__link {
    border-radius: 1lh;
    padding: 8px calc(8px * 1.5);
    padding: var(--spacing-50) var(--spacing-100);
  }

  .navigation:not(.navigation--drawer)
    .submenu--primary
    > .submenu__container
    > .submenu__inner
    > .submenu__list
    > .submenu__item
    > .submenu__parent-item
    > .icon,
  .navigation:not(.navigation--drawer)
    .submenu--primary
    > .submenu__container
    > .submenu__inner
    > .submenu__list
    > .submenu__item
    > .submenu__link
    > .icon {
    display: none;
  }
  .navigation:not(.navigation--drawer) .submenu__item--primary-submenu::after {
    content: "";
    display: block;
    height: calc(8px * 0.75);
    height: var(--spacing-75);
    position: absolute;
    top: 100%;
    width: 100%;
  }

  .navigation:not(.navigation--drawer) .submenu--secondary,
  .navigation:not(.navigation--drawer) .submenu--tertiary {
    width: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .navigation:not(.navigation--drawer) .submenu--secondary::-webkit-scrollbar,
  .navigation:not(.navigation--drawer) .submenu--tertiary::-webkit-scrollbar {
    display: none;
  }

  .navigation:not(.navigation--drawer) .submenu__container--secondary,
  .navigation:not(.navigation--drawer) .submenu__container--tertiary {
    width: 219px;
    width: var(--submenu-width);
    z-index: 510;
    z-index: var(--z-index-header);
  }

  .navigation:not(.navigation--drawer) .submenu--secondary {
    top: calc(100% + (8px * 0.75));
    top: calc(100% + calc(8px * 0.75));
    top: calc(100% + var(--spacing-75));
  }
  .navigation:not(.navigation--drawer) .submenu--secondary .icon {
    width: 7px;
    height: 12px;
  }

  .navigation:not(.navigation--drawer)
    .submenu--tertiary:not(.tertiary-menu--opens-left) {
    top: 0;
    left: 100%;
    z-index: -1;
  }
  .navigation:not(.navigation--drawer)
    .submenu__list
    .submenu__list:not(.trigger-open-dropdown-animation) {
    border-radius: var(--radius-popover);
    background: var(--color-background);
    padding: 0;
    width: 100%;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
    box-shadow: var(--box-shadow-popover);
    gap: 0;
  }
  .navigation:not(.navigation--drawer)
    .submenu--secondary
    .submenu__item
    + .submenu__item {
    margin-top: calc((8px / 2) * -1);
    margin-top: calc(calc(8px / 2) * -1);
    margin-top: calc(var(--spacing-50) * -1);
  }

  .navigation:not(.navigation--drawer) .submenu--secondary {
    left: calc(8px * -1);
    left: calc(var(--spacing-100) * -1);
  }

  .navigation:not(.navigation--drawer) .submenu--secondary .submenu__item {
    padding: calc(8px / 2);
    padding: var(--spacing-50);
  }

  .navigation:not(.navigation--drawer) .submenu--secondary .submenu__link {
    border-radius: var(--radius-button-within-popover);
  }

  .navigation:not(.navigation--drawer)
    .submenu--secondary
    .submenu__list-control,
  .navigation:not(.navigation--drawer) .submenu--secondary .submenu__link {
    padding: calc(8px * 1.25) calc(8px * 2);
    padding: var(--spacing-125) var(--spacing-200);
  }
  .navigation:not(.navigation--drawer)
    .submenu--secondary
    .submenu__item--parent
    .submenu__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .navigation:not(.navigation--drawer)
    .submenu--secondary
    .submenu__item--parent
    .submenu__list-control {
    display: none;
  }

  .navigation:not(.navigation--drawer) .submenu__item {
    margin-left: 0;
    margin-left: initial;
    margin-right: 0;
    margin-right: initial;
    position: relative;
  }
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent.active::after,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:has(
      .is-open,
      .is-opening,
      .is-closing
    )::after,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:active::after,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:focus::after,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:focus-within::after {
    content: "";
    display: block;
    height: calc(8px * 0.75);
    height: var(--spacing-75);
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
  }

  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent.active
    > .submenu,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:has(.is-open, .is-opening, .is-closing)
    > .submenu,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:active
    > .submenu,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:focus
    > .submenu,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:focus-within
    > .submenu {
    opacity: 1;
    height: auto;
    display: flex;
    z-index: 1;
  }

  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent.active
    > .submenu
    .submenu,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:has(.is-open, .is-opening, .is-closing)
    > .submenu
    .submenu,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:active
    > .submenu
    .submenu,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:focus
    > .submenu
    .submenu,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:focus-within
    > .submenu
    .submenu {
    z-index: -1;
  }

  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent.active
    > .submenu__link,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:has(.is-open, .is-opening, .is-closing)
    > .submenu__link,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:active
    > .submenu__link,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:focus
    > .submenu__link,
  .navigation:not(.navigation--drawer)
    .submenu__item.submenu__item--parent:focus-within
    > .submenu__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .navigation:not(.navigation--drawer) label.submenu__item-display-text[for],
  .navigation:not(.navigation--drawer) .submenu__item-display-text {
    color: var(--color-text);
    font-weight: var(--font-weight-navigation);
    font-family: var(--font-family-navigation);
    font-size: var(--font-size-navigation);
    text-transform: var(--text-transform-navigation);
    letter-spacing: var(--letter-spacing-navigation);
    line-height: var(--line-height-navigation);
  }
  .navigation:not(.navigation--drawer)
    .submenu
    .submenu
    label.submenu__item-display-text[for],
  .navigation:not(.navigation--drawer)
    .submenu
    .submenu
    .submenu__item-display-text {
    color: var(--color-text);
    font-size: var(--font-size-body-100);
    text-transform: inherit;
    letter-spacing: var(--letter-spacing-body);
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-body);
    font-style: var(--font-style-body);
    line-height: var(--line-height-body);
    text-transform: none;
  }
}
.js.do-anim {
}
.js.do-anim .submenu--secondary,
.js.do-anim .submenu--tertiary {
  display: flex;
}
.js.do-anim body:not(.user-is-tabbing) .submenu--secondary,
.js.do-anim body:not(.user-is-tabbing) .submenu--tertiary {
  z-index: -1;
  background: transparent;
}
.js.do-anim body:not(.user-is-tabbing) .submenu__inner {
  background: transparent;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary.trigger-open-drawer-animation {
  --startDistance: -100%;
  --stopDistance: 0;

  animation-name: slideIn, fadeIn;
  animation-duration: calc(80ms * 5), calc(80ms * 4);
  animation-duration: var(--animation-timing-500), var(--animation-timing-400);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1),
    cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart), var(--ease-out-quart);
  animation-fill-mode: both, both;
  animation-delay: calc(80ms * 2), calc(80ms * 2.5);
  animation-delay: var(--animation-timing-200), var(--animation-timing-250);
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary.trigger-open-drawer-animation
  .submenu__inner--primary {
  --startDistance: -20px;

  animation-name: fadeIn;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: both;
  animation-delay: calc(80ms * 5);
  animation-delay: var(--animation-timing-500);
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary.trigger-close-drawer-animation {
  --startDistance: 0;
  --stopDistance: -100%;

  animation-name: slideOut, fadeOut;
  animation-duration: calc(80ms * 3.5), calc(80ms * 3.5);
  animation-duration: var(--animation-timing-350), var(--animation-timing-350);
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53),
    cubic-bezier(0.55, 0.085, 0.68, 0.53);
  animation-timing-function: var(--ease-in-quad), var(--ease-in-quad);
  animation-fill-mode: both, both;
  animation-delay: 0s, 0s;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary.trigger-close-drawer-animation
  .submenu__inner--primary {
  --startDistance: 0;
  --stopDistance: -20px;

  animation-name: slideOut, fadeOut;
  animation-play-state: running;
}
.js.do-anim .navigation.drawer-breakpoint .navigation__backdrop {
  animation-duration: calc(80ms * 3);
  animation-duration: var(--animation-timing-300);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: both;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .navigation__backdrop.trigger-open-drawer-animation {
  animation-name: fadeIn;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .navigation__backdrop.trigger-close-drawer-animation {
  animation-name: fadeOut;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(.submenu.is-open, .submenu.is-opening)
  > .submenu__container
  > .submenu__inner
  > .submenu__header,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(.submenu.is-open, .submenu.is-opening)
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(.submenu.is-open, .submenu.is-opening)
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item--collected-list
  .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(.submenu.is-open, .submenu.is-opening)
  > .submenu__container
  > .submenu__inner
  > .submenu__navigation-promos,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(.submenu.is-open, .submenu.is-opening)
  > .submenu__container
  > .submenu__inner
  > .submenu__header,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(.submenu.is-open, .submenu.is-opening)
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(.submenu.is-open, .submenu.is-opening)
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item--collected-list
  .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(.submenu.is-open, .submenu.is-opening)
  > .submenu__container
  > .submenu__inner
  > .submenu__navigation-promos {
  --startDistance: 0;
  --stopDistance: -30px;

  animation-name: slideOut, fadeOut;
  animation-duration: calc(80ms * 3), calc(80ms * 2);
  animation-duration: var(--animation-timing-300), var(--animation-timing-200);
  animation-fill-mode: both, both;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(.submenu.is-open, .submenu.is-opening)
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(.submenu.is-open, .submenu.is-opening)
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text {
  --stopDistance: -30px;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(.submenu.is-open, .submenu.is-opening)
  > .navigation__cross-border-account,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(.submenu.is-open, .submenu.is-opening)
  > .navigation__cross-border-account {
  --startDistance: 0;
  --stopDistance: -30px;

  animation-name: slideOut, fadeOut;
  animation-duration: calc(80ms * 3), calc(80ms * 2);
  animation-duration: var(--animation-timing-300), var(--animation-timing-200);
  animation-fill-mode: both, both;
  pointer-events: none;
}
.js.do-anim .navigation.drawer-breakpoint .submenu.is-open,
.js.do-anim .navigation.drawer-breakpoint .submenu.is-opening {
  opacity: 1;
  z-index: 1;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary.trigger-open-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__header,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary.trigger-open-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary.trigger-open-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item--collected-list
  .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary.trigger-open-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__navigation-promos,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--tertiary.trigger-open-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__header,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--tertiary.trigger-open-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--tertiary.trigger-open-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item--collected-list
  .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--tertiary.trigger-open-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__navigation-promos {
  --startDistance: 30px;
  --stopDistance: 0;

  animation-name: slideIn, fadeIn;
  animation-duration: calc(80ms * 3), calc(80ms * 2);
  animation-duration: var(--animation-timing-300), var(--animation-timing-200);
  animation-fill-mode: both, both;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary.trigger-open-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--tertiary.trigger-open-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text {
  --startDistance: 30px;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary.trigger-close-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__header,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary.trigger-close-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary.trigger-close-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item--collected-list
  .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary.trigger-close-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__navigation-promos,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--tertiary.trigger-close-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__header,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--tertiary.trigger-close-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--tertiary.trigger-close-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item--collected-list
  .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--tertiary.trigger-close-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__navigation-promos {
  --startDistance: 0;
  --stopDistance: 30px;

  animation-name: slideOut, fadeOut;
  animation-duration: calc(80ms * 3), calc(80ms * 2);
  animation-duration: var(--animation-timing-300), var(--animation-timing-200);
  animation-fill-mode: both, both;
  animation-delay: 0s, 0s;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary.trigger-close-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--tertiary.trigger-close-drawer-panel-animation
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text {
  --startDistance: 0;
  --stopDistance: 30px;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(
    .submenu--secondary.trigger-close-drawer-panel-animation
  )
  > .submenu__container
  > .submenu__inner
  > .submenu__header,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(
    .submenu--secondary.trigger-close-drawer-panel-animation
  )
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(
    .submenu--secondary.trigger-close-drawer-panel-animation
  )
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item--collected-list
  .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(
    .submenu--secondary.trigger-close-drawer-panel-animation
  )
  > .submenu__container
  > .submenu__inner
  > .submenu__navigation-promos,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(
    .submenu--tertiary.trigger-close-drawer-panel-animation
  )
  > .submenu__container
  > .submenu__inner
  > .submenu__header,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(
    .submenu--tertiary.trigger-close-drawer-panel-animation
  )
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(
    .submenu--tertiary.trigger-close-drawer-panel-animation
  )
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item--collected-list
  .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(
    .submenu--tertiary.trigger-close-drawer-panel-animation
  )
  > .submenu__container
  > .submenu__inner
  > .submenu__navigation-promos {
  --startDistance: -30px;
  --stopDistance: 0;

  animation-name: slideIn, fadeIn;
  animation-duration: calc(80ms * 3), calc(80ms * 2);
  animation-duration: var(--animation-timing-300), var(--animation-timing-200);
  animation-fill-mode: both, both;
  animation-delay: 0, calc(80ms * 3);
  animation-delay: 0, var(--animation-timing-300);
  animation-play-state: running;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(
    .submenu--secondary.trigger-close-drawer-panel-animation
  )
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(
    .submenu--tertiary.trigger-close-drawer-panel-animation
  )
  > .submenu__container
  > .submenu__inner
  > .submenu__list
  > .submenu__item
  > .submenu__item-display-text {
  --startDistance: -30px;
}
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--primary:has(
    .submenu--secondary.trigger-close-drawer-panel-animation
  )
  > .navigation__cross-border-account,
.js.do-anim
  .navigation.drawer-breakpoint
  .submenu--secondary:has(
    .submenu--tertiary.trigger-close-drawer-panel-animation
  )
  > .navigation__cross-border-account {
  --startDistance: -30px;
  --stopDistance: 0;

  animation-name: slideIn, fadeIn;
  animation-duration: calc(80ms * 3), calc(80ms * 2);
  animation-duration: var(--animation-timing-300), var(--animation-timing-200);
  animation-fill-mode: both, both;
  animation-delay: 0, calc(80ms * 3);
  animation-delay: 0, var(--animation-timing-300);
  animation-play-state: running;
}
@media screen and (min-width: 1024px) {
  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu--secondary {
    --closed-height: 30px;
    --opened-height: var(--js-max-height);

    justify-content: flex-end;
    animation-fill-mode: both;
    animation-duration: calc(80ms * 3), calc(80ms * 2);
    animation-duration: var(--animation-timing-300), var(--animation-timing-200);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1),
      cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: var(--ease-out-quart), var(--ease-out-quart);
  }
  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu--secondary.trigger-open-dropdown-animation,
  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu--secondary.trigger-close-dropdown-animation {
    border-radius: var(--radius-popover);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
    box-shadow: var(--box-shadow-popover);
  }

  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu--secondary.trigger-open-dropdown-animation {
    overflow-y: hidden;
    animation-name: rollDown, fadeIn;
    animation-play-state: running;
  }

  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu--secondary.trigger-close-dropdown-animation {
    overflow-y: hidden;
    animation-name: rollUp, fadeOut;
    animation-play-state: running;
  }

  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu--tertiary {
    animation-duration: calc(80ms * 2), calc(80ms * 2);
    animation-duration: var(--animation-timing-200), var(--animation-timing-200);
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1),
      cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: var(--ease-out-quart), var(--ease-out-quart);
  }
  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu--tertiary:not(
      .tertiary-menu--opens-left
    ).trigger-open-dropdown-animation {
    --startDistance: -4px;

    animation-name: slideIn, fadeIn;
    animation-play-state: running;
  }

  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu--tertiary:not(
      .tertiary-menu--opens-left
    ).submenu--tertiary.trigger-close-dropdown-animation {
    --stopDistance: -4px;

    animation-name: slideOut, fadeOut;
    animation-play-state: running;
  }
  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu--tertiary.tertiary-menu--opens-left.trigger-open-dropdown-animation {
    --startDistance: 4px;

    animation-name: slideInRight, fadeIn;
    animation-play-state: running;
  }

  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu--tertiary.tertiary-menu--opens-left.submenu--tertiary.trigger-close-dropdown-animation {
    --stopDistance: 4px;

    animation-name: slideOutRight, fadeOut;
    animation-play-state: running;
  }

  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    a.submenu__parent-item:hover
    > .icon {
    transform: translateX(2px);
    transition: transform calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform var(--animation-timing-200) var(--ease-out-quart);
  }
  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu__item--primary
    > .submenu__list-control {
    display: none;
  }
  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu__item--primary
    > .submenu__link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-color:var(--color-accent);
          transform:scale(0.3);
          border-radius:1lh; */
    opacity: 0;
  }

  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu__item--primary
    > .submenu__link {
    display: block;
  }

  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu__item--primary
    > .submenu__link
    .submenu__link-text-wrapper {
    overflow: hidden;
    display: block;
    position: relative;
  }

  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu__item--primary
    > .submenu__link
    .submenu__link-text {
    display: block;
    /* transition:color 0.32s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.32s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition:color 0.32s var(--ease-out-quart), transform 0.32s var(--ease-out-quart); */
  }

  /* .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu__item--primary
    > .submenu__link
    .submenu__link-text::after {
    color: var(--color-accent-foreground);
    content: attr(data-content);
    display: block;
    position: absolute;
  } */
  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu__item--primary:hover
    > .submenu__link::before {
    animation-name: scaleUp, fadeIn;
    animation-duration: calc(80ms * 4), calc(80ms * 4);
    animation-duration: var(--animation-timing-400), var(--animation-timing-400);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1),
      cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: var(--ease-out-quart), var(--ease-out-quart);
    animation-fill-mode: forwards, forwards;
  }

  .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint:hover
    .submenu__item--primary:not(:hover)
    > .submenu__link {
    overflow: hidden;
    position: relative;
    background-color: transparent;
    /* color: var(--color-accent-foreground); */
    color: #0000003b;
  }
  
  /* color: var(--color-accent-foreground); */
}

  /* .js.do-anim
    .navigation:not(.navigation--drawer).dropdown-breakpoint
    .submenu__item--primary:not(:hover)
    > .submenu__link
    .submenu__link-text {
    transform: translateY(-100%);
    color: transparent;
  } */
}
disclosure-component {
  --disclosure-closed-animation-height: 30px;
}
disclosure-component .disclosure-wrapper {
  position: relative;
}
disclosure-component .disclosure-content {
  position: absolute;
  z-index: 517;
  z-index: var(--z-index-popup);
  background: var(
    --color-popup-modal-background-gradient,
    var(--color-popup-modal-background)
  );
  color: var(--color-popup-modal-text);
  border-radius: var(--radius-popover);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 2px 6px 2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--box-shadow-disclosure);
  padding: calc(8px / 2);
  padding: var(--spacing-50);
  margin-top: calc(8px * 0.75);
  margin-top: var(--spacing-75);
  margin-bottom: calc(8px * 0.75);
  margin-bottom: var(--spacing-75);
  overflow: hidden;
}
disclosure-component .disclosure-content > * {
  max-height: 300px;
  overflow-y: auto;
}
@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    height: var(--disclosure-closed-animation-height);
  }

  66% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    height: var(--disclosure-opened-animation-height);
  }
}
@keyframes animateMenuClose {
  0% {
    opacity: 1;
    height: var(--disclosure-opened-animation-height);
  }

  100% {
    opacity: 0;
    height: var(--disclosure-closed-animation-height);
  }
}
html.js details.disclosure-wrapper .disclosure-content {
  display: flex;
  align-items: flex-end;
}
html.js details.disclosure-wrapper.animating .disclosure-content {
  overflow: hidden;
}
html.js details.disclosure-wrapper[open].will-animate .disclosure-content {
  opacity: 0;
}
html.js details.disclosure-wrapper[open].animate-open .disclosure-content {
  animation: animateMenuOpen calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: animateMenuOpen var(--animation-timing-300) var(--ease-out-quart)
    forwards;
}
html.js details.disclosure-wrapper[open].animate-close .disclosure-content {
  animation: animateMenuClose calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: animateMenuClose var(--animation-timing-300) var(--ease-out-quart)
    forwards;
}
html.js
  details.disclosure-wrapper.disclosure--alignment-above.animating
  .disclosure-content,
html.js
  details.disclosure-wrapper.disclosure--alignment-overlaid.animating
  .disclosure-content {
  pointer-events: none;
}
html.js
  details.disclosure-wrapper.disclosure--alignment-above
  .disclosure-content {
  left: 0;
  bottom: 100%;
}
html.js
  details.disclosure-wrapper.disclosure--alignment-above.animating
  .disclosure-content {
  align-items: flex-start;
}
html.js
  details.disclosure-wrapper.disclosure--alignment-below
  .disclosure-content {
  top: 100%;
}
html.js
  details.disclosure-wrapper.disclosure--alignment-overlaid
  .disclosure-content {
  left: 0;
  top: 0;
  margin-top: 0;
}
.price,
.discount-display,
.unit-price {
  font-family: var(--font-family-body);
}
@media (min-width: 1024px) {
  .price {
    font-size: 23px;
  }
}

.price__main + .price__strikethrough {
  margin-left: 8px;
  margin-left: var(--spacing-100);
  color: var(--color-text-alpha-60);
}
.price__main.price__main--sold-out {
  color: var(--color-products-sold-out);
}
.price__main.price__main--sale {
  color: var(--color-products-sale);
}
.price + .discount-display {
  margin-left: 8px;
  margin-left: var(--spacing-100);
}
.unit-price {
  font-size: var(--font-size-body-60);
}
.product-details__price-and-payments {
  margin-bottom: var(--bottom-spacing);
}
.no-js .product-details__price-and-payments {
  display: none;
}
.product-details__price-and-payments .price__container {
  display: flex;
  flex-direction: column;
}
.product-details__price-and-payments .price__container .price__wrapper,
.product-details__price-and-payments .price__container .price {
  display: flex;
  align-items: center;
}
.product-details__price-and-payments .price__container .price__main {
  font-size: var(--font-size-body-300);
}
.product-details__price-and-payments .price__container .price__strikethrough {
  font-size: var(--font-size-body-150);
  color: var(--color-text-alpha-60);
}
.product-details__price-and-payments .price__container .badge-alignment--above {
  margin-bottom: calc(8px * 1.5);
  margin-bottom: var(--spacing-150);
}
.product-details__price-and-payments .price__container .badge-alignment--left {
  margin-right: 8px;
  margin-right: var(--spacing-100);
}
.product-details__price-and-payments .price__container .badge-alignment--right {
  margin: 0 8px;
  margin: 0 var(--spacing-100);
}
.product-details__price-and-payments
  .product-form__shop-pay:has(shopify-payment-terms) {
  margin-top: 8px;
  margin-top: var(--spacing-100);
}
.shopify-challenge__container {
  margin: calc(8px * 8) auto !important;
  margin: var(--spacing-800) auto !important;
}
.shopify-challenge__container .shopify-challenge__message {
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--spacing-250);
}
.shopify-challenge__container .shopify-challenge__button.btn {
  margin-top: calc(8px * 3);
  margin-top: var(--spacing-300);
}
.standard-grid {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(var(--column-count-mobile), minmax(0, 1fr));
  grid-row-gap: calc(8px * 6);
  grid-row-gap: var(--grid-row-gap);
  row-gap: calc(8px * 6);
  row-gap: var(--grid-row-gap);
  grid-column-gap: calc(8px * 2);
  grid-column-gap: var(--grid-2-column-gap);
  column-gap: calc(8px * 2);
  column-gap: var(--grid-2-column-gap);
}
@media (max-width: 719.9px) {
  .standard-grid.standard-grid--with-count-based-gaps.standard-grid--mobile-1-column.standard-grid--with-matching-row-gaps {
    row-gap: calc(8px * 2);
    row-gap: var(--grid-1-column-gap);
  }
  .standard-grid.standard-grid--with-count-based-gaps.standard-grid--mobile-2-column.standard-grid--with-matching-row-gaps {
    row-gap: calc(8px * 2);
    row-gap: var(--grid-2-column-gap);
  }
}
@media (min-width: 720px) {
  .standard-grid {
    grid-template-columns: repeat(
      min(3, var(--column-count-desktop)),
      minmax(0, 1fr)
    );
  }
  .standard-grid.standard-grid--with-count-based-gaps.standard-grid--desktop-2-column {
    column-gap: calc(8px * 2);
    column-gap: var(--grid-2-column-gap);
  }

  .standard-grid.standard-grid--with-count-based-gaps.standard-grid--desktop-2-column.standard-grid--with-matching-row-gaps {
    row-gap: calc(8px * 2);
    row-gap: var(--grid-2-column-gap);
  }

  .standard-grid.standard-grid--with-count-based-gaps.standard-grid--desktop-3-column,
  .standard-grid.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column {
    column-gap: calc(8px * 2);
    column-gap: var(--grid-3-column-gap);
  }

  .standard-grid.standard-grid--with-count-based-gaps.standard-grid--desktop-3-column.standard-grid--with-matching-row-gaps,
  .standard-grid.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column.standard-grid--with-matching-row-gaps {
    row-gap: calc(8px * 2);
    row-gap: var(--grid-3-column-gap);
  }
}
@media (min-width: 1024px) {
  .standard-grid {
    grid-template-columns: repeat(var(--column-count-desktop), minmax(0, 1fr));
  }
  .standard-grid.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column {
    column-gap: calc(8px * 2);
    column-gap: var(--grid-4-column-gap);
  }

  .standard-grid.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column.standard-grid--with-matching-row-gaps {
    row-gap: calc(8px * 2);
    row-gap: var(--grid-4-column-gap);
  }
}
@media (max-width: 719.9px) {
  .standard-grid-below-tablet {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(var(--column-count-mobile), minmax(0, 1fr));
    grid-row-gap: calc(8px * 6);
    grid-row-gap: var(--grid-row-gap);
    row-gap: calc(8px * 6);
    row-gap: var(--grid-row-gap);
    grid-column-gap: calc(8px * 2);
    grid-column-gap: var(--grid-2-column-gap);
    column-gap: calc(8px * 2);
    column-gap: var(--grid-2-column-gap);
    padding: 0 !important;
  }
  @media (max-width: 719.9px) {
    .standard-grid-below-tablet.standard-grid--with-count-based-gaps.standard-grid--mobile-1-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-1-column-gap);
    }
    .standard-grid-below-tablet.standard-grid--with-count-based-gaps.standard-grid--mobile-2-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-2-column-gap);
    }
  }
  @media (min-width: 720px) {
    .standard-grid-below-tablet {
      grid-template-columns: repeat(
        min(3, var(--column-count-desktop)),
        minmax(0, 1fr)
      );
    }
    .standard-grid-below-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-2-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-2-column-gap);
    }

    .standard-grid-below-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-2-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-2-column-gap);
    }

    .standard-grid-below-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-3-column,
    .standard-grid-below-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-3-column-gap);
    }

    .standard-grid-below-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-3-column.standard-grid--with-matching-row-gaps,
    .standard-grid-below-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-3-column-gap);
    }
  }
  @media (min-width: 1024px) {
    .standard-grid-below-tablet {
      grid-template-columns: repeat(
        var(--column-count-desktop),
        minmax(0, 1fr)
      );
    }
    .standard-grid-below-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-4-column-gap);
    }

    .standard-grid-below-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-4-column-gap);
    }
  }
}
@media (min-width: 720px) {
  .standard-grid-above-tablet {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(var(--column-count-mobile), minmax(0, 1fr));
    grid-row-gap: calc(8px * 6);
    grid-row-gap: var(--grid-row-gap);
    row-gap: calc(8px * 6);
    row-gap: var(--grid-row-gap);
    grid-column-gap: calc(8px * 2);
    grid-column-gap: var(--grid-2-column-gap);
    column-gap: calc(8px * 2);
    column-gap: var(--grid-2-column-gap);
  }
  @media (max-width: 719.9px) {
    .standard-grid-above-tablet.standard-grid--with-count-based-gaps.standard-grid--mobile-1-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-1-column-gap);
    }
    .standard-grid-above-tablet.standard-grid--with-count-based-gaps.standard-grid--mobile-2-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-2-column-gap);
    }
  }
  @media (min-width: 720px) {
    .standard-grid-above-tablet {
      grid-template-columns: repeat(
        min(3, var(--column-count-desktop)),
        minmax(0, 1fr)
      );
    }
    .standard-grid-above-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-2-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-2-column-gap);
    }

    .standard-grid-above-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-2-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-2-column-gap);
    }

    .standard-grid-above-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-3-column,
    .standard-grid-above-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-3-column-gap);
    }

    .standard-grid-above-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-3-column.standard-grid--with-matching-row-gaps,
    .standard-grid-above-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-3-column-gap);
    }
  }
  @media (min-width: 1024px) {
    .standard-grid-above-tablet {
      grid-template-columns: repeat(
        var(--column-count-desktop),
        minmax(0, 1fr)
      );
    }
    .standard-grid-above-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-4-column-gap);
    }

    .standard-grid-above-tablet.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-4-column-gap);
    }
  }
}
@media (min-width: 1024px) {
  .standard-grid-above-small-desktop {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(var(--column-count-mobile), minmax(0, 1fr));
    grid-row-gap: calc(8px * 6);
    grid-row-gap: var(--grid-row-gap);
    row-gap: calc(8px * 6);
    row-gap: var(--grid-row-gap);
    grid-column-gap: calc(8px * 2);
    grid-column-gap: var(--grid-2-column-gap);
    column-gap: calc(8px * 2);
    column-gap: var(--grid-2-column-gap);
  }
  @media (max-width: 719.9px) {
    .standard-grid-above-small-desktop.standard-grid--with-count-based-gaps.standard-grid--mobile-1-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-1-column-gap);
    }
    .standard-grid-above-small-desktop.standard-grid--with-count-based-gaps.standard-grid--mobile-2-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-2-column-gap);
    }
  }
  @media (min-width: 720px) {
    .standard-grid-above-small-desktop {
      grid-template-columns: repeat(
        min(3, var(--column-count-desktop)),
        minmax(0, 1fr)
      );
    }
    .standard-grid-above-small-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-2-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-2-column-gap);
    }

    .standard-grid-above-small-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-2-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-2-column-gap);
    }

    .standard-grid-above-small-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-3-column,
    .standard-grid-above-small-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-3-column-gap);
    }

    .standard-grid-above-small-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-3-column.standard-grid--with-matching-row-gaps,
    .standard-grid-above-small-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-3-column-gap);
    }
  }
  @media (min-width: 1024px) {
    .standard-grid-above-small-desktop {
      grid-template-columns: repeat(
        var(--column-count-desktop),
        minmax(0, 1fr)
      );
    }
    .standard-grid-above-small-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-4-column-gap);
    }

    .standard-grid-above-small-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-4-column-gap);
    }
  }
}
@media (min-width: 1440px) {
  .standard-grid-above-desktop {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(var(--column-count-mobile), minmax(0, 1fr));
    grid-row-gap: calc(8px * 6);
    grid-row-gap: var(--grid-row-gap);
    row-gap: calc(8px * 6);
    row-gap: var(--grid-row-gap);
    grid-column-gap: calc(8px * 2);
    grid-column-gap: var(--grid-2-column-gap);
    column-gap: calc(8px * 2);
    column-gap: var(--grid-2-column-gap);
  }
  @media (max-width: 719.9px) {
    .standard-grid-above-desktop.standard-grid--with-count-based-gaps.standard-grid--mobile-1-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-1-column-gap);
    }
    .standard-grid-above-desktop.standard-grid--with-count-based-gaps.standard-grid--mobile-2-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-2-column-gap);
    }
  }
  @media (min-width: 720px) {
    .standard-grid-above-desktop {
      grid-template-columns: repeat(
        min(3, var(--column-count-desktop)),
        minmax(0, 1fr)
      );
    }
    .standard-grid-above-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-2-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-2-column-gap);
    }

    .standard-grid-above-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-2-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-2-column-gap);
    }

    .standard-grid-above-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-3-column,
    .standard-grid-above-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-3-column-gap);
    }

    .standard-grid-above-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-3-column.standard-grid--with-matching-row-gaps,
    .standard-grid-above-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-3-column-gap);
    }
  }
  @media (min-width: 1024px) {
    .standard-grid-above-desktop {
      grid-template-columns: repeat(
        var(--column-count-desktop),
        minmax(0, 1fr)
      );
    }
    .standard-grid-above-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column {
      column-gap: calc(8px * 2);
      column-gap: var(--grid-4-column-gap);
    }

    .standard-grid-above-desktop.standard-grid--with-count-based-gaps.standard-grid--desktop-4-column.standard-grid--with-matching-row-gaps {
      row-gap: calc(8px * 2);
      row-gap: var(--grid-4-column-gap);
    }
  }
}
.product-media__container {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .product-media__container[data-media-layout="thumbnails"] {
    display: flex;
    gap: calc(8px * 3.5);
    gap: var(--spacing-350);
  }

  .product-inner--quick-view
    .product-media__container[data-media-layout="thumbnails"] {
    gap: calc(8px * 2.5);
    gap: var(--spacing-250);
  }

  .product-media__container[data-media-layout="thumbnails"][data-thumbnail-position="left"] {
    flex-direction: row;
  }
}
.product-media__container iframe,
.product-media__container video,
.product-media__container .current-video__container {
  border-radius: var(--radius-image);
}
[data-mobile-media-width="full_width"] .product-media__container iframe,
[data-mobile-media-width="full_width"] .product-media__container video,
[data-mobile-media-width="full_width"]
  .product-media__container
  .current-video__container {
  border-radius: 0;
}
@media (min-width: 1024px) {
  [data-mobile-media-width="full_width"] .product-media__container iframe,
  [data-mobile-media-width="full_width"] .product-media__container video,
  [data-mobile-media-width="full_width"]
    .product-media__container
    .current-video__container {
    border-radius: var(--radius-image);
  }
}
.product-media__container .placeholder-image {
  width: 100%;
  border-radius: var(--radius-image);
}
@media not (prefers-reduced-motion: reduce) {
  html.js .product__media .image.visible {
    animation-name: fadeIn;
    animation-duration: calc(80ms * 7.5);
    animation-duration: var(--animation-timing-750);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: var(--ease-out-quart);
    animation-fill-mode: backwards;
  }
  html.js
    .product__media
    [data-thumbnail-position="left"].product-media__container
    .product-thumbnails,
  html.js
    .product__media
    [data-thumbnail-position="left"].product-media__container
    .product-thumbnails__active {
    visibility: hidden;
  }
  html.js
    .product__media
    [data-thumbnail-position="left"].product-media__container:has(
      .initial-image
    )
    .product-thumbnails,
  html.js
    .product__media
    [data-thumbnail-position="left"].product-media__container:has(
      .initial-image
    )
    .product-thumbnails__active {
    visibility: visible;
    animation-name: fadeIn;
    animation-duration: calc(80ms * 7.5);
    animation-duration: var(--animation-timing-750);
    animation-timing-function: ease-in-out;
    animation-timing-function: var(--ease-in-out);
    animation-fill-mode: backwards;
  }
}
.product-thumbnails {
  padding-top: calc(8px * 2.5);
  padding-top: var(--spacing-250);
}
@media (min-width: 1024px) {
  .product-thumbnails {
    padding-top: 0;
  }

  [data-media-layout="columns"] .product-thumbnails {
    display: none;
  }
}
@media (min-width: 1024px) {
  .product-thumbnails__end-cap-gradient {
    position: relative;
    --thumb-gradient: transparent, rgba(255, 255, 255, 0),
      var(--color-background) 100%;
    --thumb-opacity-before: 0;
    --thumb-opacity-after: 1;
  }

  .product-thumbnails__end-cap-gradient::before,
  .product-thumbnails__end-cap-gradient::after {
    content: "";
    position: absolute;
  }

  [data-thumbnail-position="left"] .product-thumbnails__end-cap-gradient {
    max-height: calc(var(--left-thumbnail-container-height));
  }

  [data-thumbnail-position="left"]
    .product-thumbnails__end-cap-gradient::before {
    top: auto;
    width: var(--thumbnail-size);
    left: 0;
    height: 14px;
    z-index: 1;
    background: linear-gradient(360deg, var(--thumb-gradient));
    opacity: var(--thumb-opacity-before);
  }

  [data-thumbnail-position="left"]
    .product-thumbnails__end-cap-gradient::after {
    bottom: 0;
    left: 0;
    width: var(--thumbnail-size);
    height: 14px;
    background: linear-gradient(180deg, var(--thumb-gradient));
    opacity: var(--thumb-opacity-after);
  }
  [data-thumbnail-position="below"]
    .product-thumbnails__end-cap-gradient::before {
    left: auto;
    width: 14px;
    height: 100%;
    z-index: 1;
    background: linear-gradient(270deg, var(--thumb-gradient));
    opacity: var(--thumb-opacity-before);
  }

  [data-thumbnail-position="below"]
    .product-thumbnails__end-cap-gradient::after {
    top: 0;
    right: 0;
    width: 14px;
    height: 100%;
    background: linear-gradient(90deg, var(--thumb-gradient));
    opacity: var(--thumb-opacity-after);
  }
}
.product-thumbnails__container {
  display: flex;
  width: 100%;
  overflow-x: scroll;
  scroll-behavior: smooth;
}
@media (min-width: 1024px) {
  .product-thumbnails__container {
    gap: calc(8px * 1.5);
    gap: var(--spacing-150);
  }

  .product-thumbnails__container[data-thumbnail-position="left"] {
    flex-direction: column;
    height: var(--left-thumbnail-container-height);
    overflow-y: scroll;
    gap: calc(8px * 1.25);
    gap: var(--spacing-125);
    min-width: var(--thumbnail-size);
  }
}
.product-thumbnails__item {
  flex-shrink: 0;
  scroll-snap-stop: always;
  scroll-snap-align: start;
  width: var(--mobile-thumbnail-width-percentage);
}
.product-thumbnails__item img {
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .product-thumbnails__item {
    width: var(--thumbnail-size);
  }
}
[data-has-default-thumbnail-aspect-ratio="false"]
  .product-thumbnails__item
  img {
  aspect-ratio: var(--thumbnail-aspect-ratio);
  object-fit: cover;
}
.product-thumbnails__item-link {
  display: none;
  border: none;
  padding: 0;
  background-color: transparent;
  background-color: initial;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .product-thumbnails__item-link {
    display: flex;
    position: relative;
    justify-content: right;
    align-items: end;
    width: 100%;
    border-radius: var(--radius-image-thumbnail);
    overflow: hidden;
  }

  .product-thumbnails__item-link img {
    position: relative;
  }

  .product-thumbnails__item-link:has(.image:not(.visible)) {
    background-color: var(--color-text-alpha-05);
  }
}
.product-thumbnails__item-badge {
  position: absolute;
  padding-right: calc(8px / 2);
  padding-right: var(--spacing-50);
}
.product-thumbnails__active {
  font-size: 0;
  border: 0;
  padding-top: calc(8px / 2);
  padding-top: var(--spacing-50);
  border-bottom: 2px solid var(--color-text-alpha-10);
}
@media (min-width: 1024px) {
  .product-thumbnails__active {
    border-bottom: 2px solid var(--color-text);
    transform: scaleX(0);
    transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) calc(80ms * 3);
    transition: transform var(--ease-out-quart) var(--animation-timing-300);
  }
}
.product-thumbnails__item-link.active + .product-thumbnails__active {
  border-bottom: 2px solid var(--color-text);
}
@media (min-width: 1024px) {
  .product-thumbnails__item-link.active + .product-thumbnails__active {
    transform: scaleX(1);
  }
}
@media (min-width: 1024px) {
  .product-media__container[data-media-layout="columns"]
    .scroll-slider__slider {
    display: grid;
    grid-template-columns: repeat(
      var(--media-layout-column-count),
      minmax(0, 1fr)
    );

    grid-gap: calc(8px * 2.5);

    grid-gap: var(--spacing-250);

    gap: calc(8px * 2.5);

    gap: var(--spacing-250);
  }

  .product-media__container[data-media-layout="columns"]
    .scroll-slider__slider
    .scroll-slider__mobile-loop-nav {
    display: none;
  }
}
@media (min-width: 1440px) {
  .product-media__container[data-media-layout="columns"]
    .scroll-slider__slider {
    gap: calc(8px * 3);
    gap: var(--spacing-300);
  }
}
[data-mobile-media-width="contained"]
  .product-media__container
  .scroll-slider__mobile-loop-nav {
  border-radius: var(--radius-image);
}
.product-media__container .scroll-slider__slider {
  flex: 1 1;
}
.product-inner[data-mobile-media-width="contained"]
  .product-media__container
  .scroll-slider__slider {
  border-radius: var(--radius-image);
}
.product-media__container .scroll-slider__slider {
  aspect-ratio: var(--aspect-ratio);
}
.product-media__container .scroll-slider__slider .video-player {
  aspect-ratio: var(--aspect-ratio);
}
.product-media__container .scroll-slider__mobile-loop-nav {
  padding: calc(8px * 4);
  padding: var(--spacing-400);
  background-color: var(--color-text);
  color: var(--color-background);
}
.product-media__items-wrapper {
  flex-grow: 1;
}
.product-media__items {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-media__items .product-media-slider-wrap-outer {
  flex-grow: 1;
}
[data-media-layout="columns"]
  .product-media__items
  .scroll-slider-nav-button-wrap {
  display: none;
}
.product-media__item .hidden {
  display: none;
}
.product-media__item img {
  border-radius: 0;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .product-media__item img {
    border-radius: var(--radius-image);
  }
}
[data-mobile-media-width="contained"] .product-media__item img {
  border-radius: var(--radius-image);
}
@media (min-width: 1024px) {
  .product-media__item :hover .product-media__lightbox-zoom {
    opacity: 1;
  }
}
.product-media__item .media > * {
  background-color: var(--color-text-alpha-05);
  border-radius: var(--radius-image);
  overflow: hidden;
}
@media (max-width: 1023.9px) {
  [data-mobile-media-width="full_width"] .product-media__item .media > * {
    border-radius: 0;
  }
}
.product-media__item .media[data-media-type="model"] {
  width: 100%;
  height: 100%;
  position: relative;
}
.lightbox-image {
  position: relative;
}
.lightbox-media {
  display: flex;
  position: relative;
}
[data-aspect-ratio="natural"] .lightbox-media[data-pswp-type="video"] img {
  aspect-ratio: var(--video-aspect-ratio);
  object-fit: cover;
}
[data-aspect-ratio="natural"] .media[data-media-type="external_video"],
[data-aspect-ratio="natural"]
  .media[data-media-type="external_video"]
  .lightbox-media {
  height: 100%;
}
.product-media__lightbox-zoom {
  --size: 44px;
  position: absolute;
  bottom: calc(8px * 2);
  bottom: var(--spacing-200);
  right: calc(8px * 2);
  right: var(--spacing-200);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  width: var(--size);
  height: 44px;
  height: var(--size);
  padding: 0;
  border: none;
  border-radius: 44px;
  border-radius: var(--size);
  background-color: transparent;
  cursor: pointer;
  transition: opacity calc(80ms * 2) ease-in;
  transition: opacity var(--animation-timing-200) ease-in;
}
@media (min-width: 1024px) {
  .product-media__lightbox-zoom {
    opacity: 0;
  }
}
.user-is-tabbing .product-media__lightbox-zoom {
  opacity: 1;
}
.product-media__lightbox-zoom .icon {
  z-index: 1;
}
.product-media__lightbox-zoom:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-background);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.05),
    0px 2px 6px 0px rgba(0, 0, 0, 0.12);
  box-shadow: var(--box-shadow-action-button-level-1);
  border-radius: var(--size);
}
.product-media__lightbox-zoom:hover:before {
  transform: scale(1.18);
  transition: calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: var(--animation-timing-300) var(--ease-out-quart);
}
.view-in-space__container {
  margin-top: calc(8px * 2);
  margin-top: var(--spacing-200);
  padding: 0 calc(8px * 2.5);
  padding: 0 var(--gutter);
}
@media (min-width: 1024px) {
  .view-in-space__container {
    margin-top: calc(8px * 2.5);
    margin-top: var(--spacing-250);
    padding: 0;
  }
}
.view-in-space__container:has(.view-in-space[data-shopify-xr-hidden]) {
  display: none;
}
.view-in-space {
  gap: 8px;
  gap: var(--spacing-100);
  color: var(--color-text);
  background-color: var(--color-text-alpha-10);
}
.product-media__items {
  overflow: hidden;
}
.product-media__items .scroll-slider-nav-button-wrapper.prev button {
  transform: translateX(calc(-100% - (8px * 2)));
  transform: translateX(calc(-100% - calc(8px * 2)));
  transform: translateX(calc(-100% - var(--spacing-200)));
}
.product-media__items .scroll-slider-nav-button-wrapper.next button {
  transform: translateX(calc(100% + (8px * 2)));
  transform: translateX(calc(100% + calc(8px * 2)));
  transform: translateX(calc(100% + var(--spacing-200)));
}
.user-is-tabbing .product-media__items .scroll-slider-nav-button-wrapper {
  top: calc(8px * 6);
  top: var(--spacing-600);
}
@media (max-width: 719.9px) {
  .product-media__items .scroll-slider-nav-button-wrap {
    display: none;
  }
}
.video-player-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  aspect-ratio: var(--aspect-ratio);
}
.video-player-wrapper[data-media-aspect-ratio="natural"] {
  aspect-ratio: var(--video-aspect-ratio);
}
iframe,
video,
.video-player {
  display: flex;
  width: 100%;
  height: min-content;
  aspect-ratio: var(--video-aspect-ratio);
}
.mismatched-aspect-video iframe,
.mismatched-aspect-video video,
.mismatched-aspect-video .video-player {
  height: 100%;
}
.cropped-video iframe,
.cropped-video video,
.cropped-video .video-player {
  aspect-ratio: var(--media-aspect-ratio);
  object-fit: cover;
  object-position: var(--focal-point);
}
.video-poster__container {
  position: absolute;
  width: 100%;
}
[data-show-poster="true"] .video-poster__container {
  visibility: visible;
}
[data-show-poster="false"] .video-poster__container,
[data-video-initialized="true"] .video-poster__container {
  visibility: hidden;
}
[data-media-aspect-ratio="natural"] .video-poster__container img {
  aspect-ratio: var(--video-aspect-ratio);
  object-fit: cover;
}
[data-show-poster="true"][data-has-poster="false"] .video-poster__container {
  height: 100%;
  background-color: var(--color-text-alpha-10);
}
[data-show-poster="true"][data-has-poster="false"]
  .video-poster__container
  svg {
  width: 100%;
}
[data-show-poster="true"] .video-player {
  visibility: hidden;
}
[data-show-poster="false"] .video-player,
[data-video-initialized="true"] .video-player {
  visibility: visible;
}
[data-show-poster="true"] .video-player__poster-play-icon {
  visibility: visible;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-background);
  border: none;
  border-radius: 60px;
  box-shadow: 0 0 0 1px var(--color-text-alpha-10);
  cursor: pointer;
  z-index: 2;
}
[data-show-poster="false"] .video-player__poster-play-icon,
[data-video-initialized="true"] .video-player__poster-play-icon {
  visibility: hidden;
}
.lightbox-video__container {
  position: relative;
  box-sizing: border-box;
  width: auto;
  max-height: 100%;
  aspect-ratio: var(--video-aspect-ratio);
  flex-grow: 1;
}
.lightbox-video__container video,
.lightbox-video__container image,
.lightbox-video__container iframe {
  position: relative;
  width: 100%;
  height: 100%;
}
.lightbox-video__poster-placeholder,
.lightbox-video__poster-image {
  max-height: inherit;
}
[data-show-poster="true"] .lightbox-video__poster-placeholder,
[data-show-poster="true"] .lightbox-video__poster-image {
  position: relative;
  aspect-ratio: var(--video-aspect-ratio);
  object-fit: cover;
  visibility: visible;
}
[data-show-poster="false"] .lightbox-video__poster-placeholder,
[data-show-poster="false"] .lightbox-video__poster-image {
  visibility: hidden;
}
[data-video-initialized="true"] .lightbox-video__poster-placeholder,
[data-video-initialized="true"] .lightbox-video__poster-image {
  position: absolute;
  visibility: hidden;
}
.image {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  object-fit: var(--object-fit);
  object-position: var(--mobile-object-position, var(--object-position));
  aspect-ratio: revert-layer;
  aspect-ratio: var(--aspect-ratio, revert-layer);
}
@media (min-width: 720px) {
  .image {
    object-position: var(--object-position);
  }
}
.image.with-lazy-load-stagger {
  --lazy-load-stagger-delay: 80ms;
}
.image.image--rounded {
  overflow: hidden;
  border-radius: var(--radius-image);
}
.placeholder-image {
  background-color: var(--color-text-alpha-10);
}
@media not (prefers-reduced-motion: reduce) {
  .grid-section__watcher .image[loading="lazy"].lazy-load-effect--blur.visible {
    animation-name: none !important;
  }

  .grid-section__watcher.became-visible .image[loading="lazy"].lazy-load-effect--blur.visible {
    animation-name: imageAppearDeblur !important;
    animation-duration: calc(80ms * 7.5);
    animation-duration: var(--animation-timing-750);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: var(--ease-out-quart);
    animation-fill-mode: backwards;
  }

  .image:not(.visible) {
    opacity: 0;
  }
  html.js .image[loading="lazy"].with-lazy-load-stagger,
  html.js .placeholder-image.with-lazy-load-stagger {
    animation-delay: calc(
      var(--lazy-load-stagger-index) * var(--lazy-load-stagger-delay)
    );
  }
  html.js .image[loading="lazy"].lazy-load-effect--blur.visible,
  html.js .placeholder-image.lazy-load-effect--blur.visible {
    animation-name: imageAppearDeblur;
    animation-duration: calc(80ms * 7.5);
    animation-duration: var(--animation-timing-750);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: var(--ease-out-quart);
    animation-fill-mode: backwards;
  }
  html.js .image[loading="lazy"].lazy-load-effect--fade.visible,
  html.js .placeholder-image.lazy-load-effect--fade.visible {
    animation-name: imageAppearFadeInAndScaleDown;
    animation-duration: calc(80ms * 3);
    animation-duration: var(--animation-timing-300);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: var(--ease-out-quart);
    animation-fill-mode: backwards;
  }
  html.js .image[loading="lazy"].lazy-load-effect--right-left.visible,
  html.js .placeholder-image.lazy-load-effect--right-left.visible {
    animation-name: imageRightToLeft;
    animation-duration: calc(80ms * 3);
    animation-duration: var(--animation-timing-300);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: var(--ease-out-quart);
    animation-fill-mode: backwards;
  }
}
@keyframes imageAppearFadeInAndScaleDown {
  from {
    transform: scale(1.05);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes imageRightToLeft {
  from {
    transform: translateX(5vw);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes imageAppearDeblur {
  from {
    filter: blur(8px);
    transform: scale(1.1);
  }

  to {
    filter: blur(0);
    transform: scale(1);
  }
}
.cart-button {
  position: relative;
  background-color: transparent;
  color: var(--color-accent-foreground);
  width: 40px;
  height: 40px;
  padding: 0;
  overflow: visible;
}
div.cart-button {
  pointer-events: none;
}
.cart-button cart-count {
  color: var(--color-accent-foreground);
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.33em;
  transition: all calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all var(--animation-timing-200) var(--ease-out-quart);
}
.cart-button cart-count.prepare-to-update {
  transform: scale(0.4);
  opacity: 0;
  transition: all calc(80ms * 4) cubic-bezier(0.55, 2.55, 0.04, 0.61);
  transition: all var(--animation-timing-400) var(--ease-out-bounce);
}
.cart-button cart-count.prepare-to-update.updated {
  transform: scale(1);
  opacity: 1;
}
.cart-button[data-icon-type="no-icon"] {
  width: auto;
}
.cart-button[data-icon-type="no-icon"]:hover cart-count::before {
  transform: scale(1.2);
}
.cart-button[data-icon-type="no-icon"]:active cart-count::before {
  transform: scale(1.1);
}
.cart-button[data-icon-type="no-icon"] cart-count {
  border-radius: 30px;
  min-width: 30px;
  height: 20px;
  position: relative;
  z-index: 0;
}
.cart-button[data-icon-type="no-icon"] cart-count::before {
  transition: all calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all var(--animation-timing-300) var(--ease-out-quart);
  border-radius: 30px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-accent);
  z-index: -1;
}
.cart-button:not([data-icon-type="no-icon"]) cart-count {
  position: absolute;
  top: 5px;
  left: calc(100% - 20px);
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: var(--color-accent);
}
.cart-button:not([data-icon-type="no-icon"])
  .cart-button-count[data-cart-count="0"] {
  opacity: 0;
  transform: scale(0);
}
.cart-button:not(.btn--style-inline-icon) {
  margin: 0;
}
[data-aspect-ratio="portrait"] {
  --aspect-ratio: var(--aspect-ratio-landscape-alt2);
}
[data-aspect-ratio="portrait-alt"] {
  --aspect-ratio: var(--aspect-ratio-portrait-alt);
}
[data-aspect-ratio="square"] {
  --aspect-ratio: var(--aspect-ratio-square);
}
[data-aspect-ratio="landscape-alt"] {
  --aspect-ratio: var(--aspect-ratio-landscape-alt);
}
[data-aspect-ratio="landscape"] {
  --aspect-ratio: var(--aspect-ratio-landscape);
}
[data-aspect-ratio="landscape-wide"] {
  --aspect-ratio: var(--aspect-ratio-landscape-wide);
}
[data-aspect-ratio="landscape-ultrawide"] {
  --aspect-ratio: var(--aspect-ratio-landscape-ultrawide);
}
.color-popup-modal {
  --color-background: var(--color-popup-modal-background);
  --color-background-gradient: var(--color-popup-modal-background-gradient);
  --color-text: var(--color-popup-modal-text);
  --color-text-alpha-05: var(--color-popup-modal-text-alpha-05);
  --color-text-alpha-10: var(--color-popup-modal-text-alpha-10);
  --color-text-alpha-20: var(--color-popup-modal-text-alpha-20);
  --color-text-alpha-30: var(--color-popup-modal-text-alpha-30);
  --color-text-alpha-40: var(--color-popup-modal-text-alpha-40);
  --color-text-alpha-50: var(--color-popup-modal-text-alpha-50);
  --color-text-alpha-60: var(--color-popup-modal-text-alpha-60);
  --color-text-alpha-70: var(--color-popup-modal-text-alpha-70);
  --color-text-alpha-80: var(--color-popup-modal-text-alpha-80);
  --color-text-alpha-90: var(--color-popup-modal-text-alpha-90);
  --color-lines-and-borders: var(--color-popup-modal-lines-and-borders);
  --color-lines-and-borders-alpha-20: var(
    --color-popup-modal-lines-and-borders-alpha-20
  );
  --color-lines-and-borders-alpha-40: var(
    --color-popup-modal-lines-and-borders-alpha-40
  );
  --color-lines-and-borders-alpha-50: var(
    --color-popup-modal-lines-and-borders-alpha-50
  );
  --color-lines-and-borders-alpha-60: var(
    --color-popup-modal-lines-and-borders-alpha-60
  );
  --color-accent: var(--color-popup-modal-accent);
  --color-accent-foreground: var(--color-popup-modal-accent-foreground);
  --color-solid-button-background: var(
    --color-popup-modal-solid-button-background
  );
  --color-solid-button-text: var(--color-popup-modal-solid-button-text);
  --color-outline-button-background: var(
    --color-popup-modal-outline-button-background
  );
  --color-outline-button-text-and-border: var(
    --color-popup-modal-outline-button-text-and-border
  );
  --color-outline-button-text-and-border-alpha-10: var(
    --color-popup-modal-outline-button-text-and-border-alpha-10
  );
  --color-outline-button-text-and-border-alpha-20: var(
    --color-popup-modal-outline-button-text-and-border-alpha-20
  );
  --color-outline-button-text-and-border-alpha-30: var(
    --color-popup-modal-outline-button-text-and-border-alpha-30
  );
  --color-outline-button-text-and-border-alpha-40: var(
    --color-popup-modal-outline-button-text-and-border-alpha-40
  );
  --color-outline-button-text-and-border-alpha-50: var(
    --color-popup-modal-outline-button-text-and-border-alpha-50
  );
  --color-icon-button-background: var(
    --color-popup-modal-icon-button-background
  );
  --color-icon-button-foreground: var(
    --color-popup-modal-icon-button-foreground
  );
  color: var(--color-popup-modal-text);
  color: var(--color-text);
  background-color: var(--color-popup-modal-background);
  background-color: var(--color-background);
}
.color-drawer {
  --color-background: var(--color-drawer-background);
  --color-background-gradient: var(--color-drawer-background-gradient);
  --color-text: var(--color-drawer-text);
  --color-text-alpha-05: var(--color-drawer-text-alpha-05);
  --color-text-alpha-10: var(--color-drawer-text-alpha-10);
  --color-text-alpha-20: var(--color-drawer-text-alpha-20);
  --color-text-alpha-30: var(--color-drawer-text-alpha-30);
  --color-text-alpha-40: var(--color-drawer-text-alpha-40);
  --color-text-alpha-50: var(--color-drawer-text-alpha-50);
  --color-text-alpha-60: var(--color-drawer-text-alpha-60);
  --color-text-alpha-70: var(--color-drawer-text-alpha-70);
  --color-text-alpha-80: var(--color-drawer-text-alpha-80);
  --color-text-alpha-90: var(--color-drawer-text-alpha-90);
  --color-lines-and-borders: var(--color-drawer-lines-and-borders);
  --color-lines-and-borders-alpha-20: var(
    --color-drawer-lines-and-borders-alpha-20
  );
  --color-lines-and-borders-alpha-40: var(
    --color-drawer-lines-and-borders-alpha-40
  );
  --color-lines-and-borders-alpha-50: var(
    --color-drawer-lines-and-borders-alpha-50
  );
  --color-lines-and-borders-alpha-60: var(
    --color-drawer-lines-and-borders-alpha-60
  );
  --color-accent: var(--color-drawer-accent);
  --color-accent-foreground: var(--color-drawer-accent-foreground);
  --color-solid-button-background: var(--color-drawer-solid-button-background);
  --color-solid-button-text: var(--color-drawer-solid-button-text);
  --color-outline-button-background: var(
    --color-drawer-outline-button-background
  );
  --color-outline-button-text-and-border: var(
    --color-drawer-outline-button-text-and-border
  );
  --color-outline-button-text-and-border-alpha-10: var(
    --color-drawer-outline-button-text-and-border-alpha-10
  );
  --color-outline-button-text-and-border-alpha-20: var(
    --color-drawer-outline-button-text-and-border-alpha-20
  );
  --color-outline-button-text-and-border-alpha-30: var(
    --color-drawer-outline-button-text-and-border-alpha-30
  );
  --color-outline-button-text-and-border-alpha-40: var(
    --color-drawer-outline-button-text-and-border-alpha-40
  );
  --color-outline-button-text-and-border-alpha-50: var(
    --color-drawer-outline-button-text-and-border-alpha-50
  );
  --color-icon-button-background: var(--color-drawer-icon-button-background);
  --color-icon-button-foreground: var(--color-drawer-icon-button-foreground);
}
.content-alignment-vertical--top {
  align-items: flex-start;
}
.content-alignment-vertical--center {
  align-items: center;
}
.content-alignment-vertical--bottom {
  align-items: flex-end;
}
.content-alignment-horizontal--left {
  justify-content: flex-start;
}
.content-alignment-horizontal--center {
  justify-content: center;
}
.content-alignment-horizontal--right {
  justify-content: flex-end;
}
@media (max-width: 719.9px) {
  .mobile-content-alignment-vertical--top {
    align-items: flex-start;
  }

  .mobile-content-alignment-vertical--center {
    align-items: center;
  }

  .mobile-content-alignment-vertical--bottom {
    align-items: flex-end;
  }

  .mobile-content-alignment-horizontal--left {
    justify-content: flex-start;
  }

  .mobile-content-alignment-horizontal--center {
    justify-content: center;
  }

  .mobile-content-alignment-horizontal--right {
    justify-content: flex-end;
  }
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
}
.visually-hidden {
  overflow: hidden;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
}
.scrollbars-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbars-hidden::-webkit-scrollbar {
  display: none;
}
.nowrap {
  white-space: nowrap;
}
:target {
  scroll-margin-block: 5ex;
}
.ff-heading {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  font-style: var(--font-style-heading);
  line-height: var(--line-height-heading);
  letter-spacing: 0;
  letter-spacing: var(--letter-spacing-heading, 0);
  text-transform: none;
  text-transform: var(--text-transform-heading, none);
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.ff-body {
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
.ff-heading-in-body {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  text-transform: none;
  text-transform: var(--text-transform-heading, none);
}
.ff-overline {
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  line-height: var(--line-height-body);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.fs-navigation {
  font-family: var(--font-family-navigation);
  font-size: var(--font-size-navigation);
  font-weight: var(--font-weight-navigation);
  text-transform: none;
  text-transform: var(--text-transform-navigation, none);
  letter-spacing: 0;
  letter-spacing: var(--letter-spacing-navigation, 0);
}
.fs-product-listing-title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-body-100);
  letter-spacing: 0;
}
.fs-heading-display-9 {
  font-size: 112px;
}
.fs-heading-display-1 {
  font-size: var(--font-size-heading-display-1);
}
.fs-heading-display-2 {
  font-size: var(--font-size-heading-display-2);
}
.fs-heading-display-3 {
  font-size: var(--font-size-heading-display-3);
}
.fs-heading-1-base {
  font-size: var(--font-size-heading-1-base);
}
.fs-heading-2-base {
  font-size: var(--font-size-heading-2-base);
}
.fs-heading-3-base {
  font-size: var(--font-size-heading-3-base);
}
.fs-heading-4-base {
  font-size: var(--font-size-heading-4-base);
}
.fs-heading-5-base {
  font-size: var(--font-size-heading-5-base);
}
.fs-heading-6-base {
  font-size: var(--font-size-heading-6-base);
}
@media (max-width: 719.9px) {
  .fs-heading-display-1-mobile-only {
    font-size: var(--font-size-heading-display-1);
  }

  .fs-heading-display-2-mobile-only {
    font-size: var(--font-size-heading-display-2);
  }

  .fs-heading-display-3-mobile-only {
    font-size: var(--font-size-heading-display-3);
  }

  .fs-heading-1-base-mobile-only {
    font-size: var(--font-size-heading-1-base);
  }

  .fs-heading-2-base-mobile-only {
    font-size: var(--font-size-heading-2-base);
  }

  .fs-heading-3-base-mobile-only {
    font-size: var(--font-size-heading-3-base);
  }

  .fs-heading-4-base-mobile-only {
    font-size: var(--font-size-heading-4-base);
  }

  .fs-heading-5-base-mobile-only {
    font-size: var(--font-size-heading-5-base);
  }

  .fs-heading-6-base-mobile-only {
    font-size: var(--font-size-heading-6-base);
  }
}
@media (min-width: 720px) {
  .fs-heading-display-1-above-mobile-only {
    font-size: var(--font-size-heading-display-1);
  }

  .fs-heading-display-2-above-mobile-only {
    font-size: var(--font-size-heading-display-2);
  }

  .fs-heading-display-3-above-mobile-only {
    font-size: var(--font-size-heading-display-3);
  }

  .fs-heading-1-base-above-mobile-only {
    font-size: var(--font-size-heading-1-base);
  }

  .fs-heading-2-base-above-mobile-only {
    font-size: var(--font-size-heading-2-base);
  }

  .fs-heading-3-base-above-mobile-only {
    font-size: var(--font-size-heading-3-base);
  }

  .fs-heading-4-base-above-mobile-only {
    font-size: var(--font-size-heading-4-base);
  }

  .fs-heading-5-base-above-mobile-only {
    font-size: var(--font-size-heading-5-base);
  }

  .fs-heading-6-base-above-mobile-only {
    font-size: var(--font-size-heading-6-base);
  }
}
.fs-body-20 {
  font-size: var(--font-size-body-20);
}
.fs-body-25 {
  font-size: var(--font-size-body-25);
}
.fs-body-50 {
  font-size: var(--font-size-body-50);
}
.fs-body-60 {
  font-size: var(--font-size-body-60);
}
.fs-body-75 {
  font-size: var(--font-size-body-75);
}
.fs-body-100 {
  font-size: var(--font-size-body-100);
}
.fs-body-150 {
  font-size: var(--font-size-body-150);
}
.fs-body-200 {
  font-size: var(--font-size-body-200);
}
.fs-body-250 {
  font-size: var(--font-size-body-250);
}
.fs-body-300 {
  font-size: var(--font-size-body-300);
}
.fs-body-350 {
  font-size: var(--font-size-body-350);
}
.fs-body-400 {
  font-size: var(--font-size-body-400);
}
@media (max-width: 719.9px) {
  .fs-body-20-mobile-only {
    font-size: var(--font-size-body-20);
  }

  .fs-body-25-mobile-only {
    font-size: var(--font-size-body-25);
  }

  .fs-body-50-mobile-only {
    font-size: var(--font-size-body-50);
  }

  .fs-body-60-mobile-only {
    font-size: var(--font-size-body-60);
  }

  .fs-body-75-mobile-only {
    font-size: var(--font-size-body-75);
  }

  .fs-body-100-mobile-only {
    font-size: var(--font-size-body-100);
  }

  .fs-body-150-mobile-only {
    font-size: var(--font-size-body-150);
  }

  .fs-body-200-mobile-only {
    font-size: var(--font-size-body-200);
  }

  .fs-body-250-mobile-only {
    font-size: var(--font-size-body-250);
  }

  .fs-body-300-mobile-only {
    font-size: var(--font-size-body-300);
  }

  .fs-body-350-mobile-only {
    font-size: var(--font-size-body-350);
  }

  .fs-body-400-mobile-only {
    font-size: var(--font-size-body-400);
  }
}
.fs-body-bold {
  font-weight: var(--font-weight-bold-body);
}
.fs-heading-bold {
  font-weight: var(--font-weight-bold-heading);
}
.fs-body-italic {
  font-style: var(--font-style-italic-body);
}
.fs-heading-in-body-100 {
  font-size: var(--font-size-body-100);
}
.fs-heading-in-body-150 {
  font-size: var(--font-size-body-150);
}
.fs-heading-in-body-200 {
  font-size: var(--font-size-body-200);
}
.fs-overline-small {
  font-size: var(--font-size-body-25);
}
.fs-overline {
  font-size: var(--font-size-body-50);
}
.fs-overline-large {
  font-size: var(--font-size-body-75);
}
a.link {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
a.link:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
.ta-l {
  text-align: left;
}
.ta-c {
  text-align: center;
}
.ta-r {
  text-align: right;
}
.t-subdued {
  opacity: 0.66;
}
.t-opacity-60 {
  opacity: 0.6;
}
.t-opacity-70 {
  opacity: 0.7;
}
.t-opacity-80 {
  opacity: 0.7;
}
.t-overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@keyframes linkUnderlineIn {
  0% {
    background-position-x: 200%;
  }

  100% {
    background-position-x: 100%;
  }
}
@keyframes linkUnderlineOut {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}
.notification-display {
  padding: calc(8px * 0.75) 8px;
  padding: var(--spacing-75) var(--spacing-100);
  border-radius: var(--radius-input);
  font-size: var(--font-size-body-75);
  z-index: 0;
  position: relative;
}
.notification-display::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: -1;
  border-radius: var(--radius-input);
}
.error-display {
  background-color: var(--color-notifications-error);
  color: var(--color-notifications-error);
}
.error-display::before {
  opacity: 0.9;
}
.success-display {
  background-color: var(--color-notifications-success);
  color: var(--color-notifications-success);
}
.success-display::before {
  opacity: 0.8;
}
.a404 {
  padding: calc(8px * 8);
  padding: var(--spacing-800);
}
.a404__heading {
  margin-bottom: 8px;
  margin-bottom: var(--spacing-100);
}
.a404__subheading {
  margin-bottom: calc(8px * 4);
  margin-bottom: var(--spacing-400);
}
.blog .section-inner .animation-overline {
  transform: translateY(10px);
  opacity: 0;
}
.blog .section-inner .animation-heading {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.blog .section-inner .animation-content {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.blog .section-inner .animation-slider {
  transform: translateX(35px);
  opacity: 0;
}
@media (min-width: 1024px) {
  .blog .section-inner .animation-slider:not(.animation-slider--small) {
    transform: translateX(50px);
  }
}
.blog .section-inner.became-visible .animation-heading {
  animation-name: contentHeadingAnimation;
  animation-duration: calc(80ms * 8);
  animation-duration: var(--animation-timing-800);
  animation-delay: 0;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.blog .section-inner.became-visible .animation-overline {
  animation-name: contentOverlineAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.blog .section-inner.became-visible .animation-content {
  animation-name: contentContentAnimation;
  animation-duration: calc(80ms * 9);
  animation-duration: var(--animation-timing-900);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.blog .section-inner.became-visible .animation-slider {
  animation-name: contentSliderAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
@media (min-width: 1024px) {
  .blog
    .section-inner.became-visible
    .animation-slider:not(.animation-slider--small) {
    animation-duration: calc(80ms * 5);
    animation-duration: var(--animation-timing-500);
  }
}
.blog .section-inner {
  display: block;
}
.blog .blog__header {
  margin-bottom: calc(8px * 7);
  margin-bottom: var(--spacing-700);
}
@media (min-width: 1024px) {
  .blog .blog__header {
    margin-bottom: calc(8px * 8);
    margin-bottom: var(--spacing-800);
  }
}
.blog .blog__title-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: calc(8px * 3);
  margin-bottom: var(--spacing-300);
}
.blog .blog__title-wrapper:has(.animation-heading) {
  margin-bottom: calc((8px * 3) - 0.35em);
  margin-bottom: calc(calc(8px * 3) - 0.35em);
  margin-bottom: calc(var(--spacing-300) - var(--bottom-font-padding));
}
@media (min-width: 720px) {
  .blog .blog__title-wrapper:has(.animation-heading) {
    margin-bottom: calc((8px * 4) - 0.35em);
    margin-bottom: calc(calc(8px * 4) - 0.35em);
    margin-bottom: calc(var(--spacing-400) - var(--bottom-font-padding));
  }
}
@media (min-width: 1024px) {
  .blog .blog__title-wrapper:has(.animation-heading) {
    margin-bottom: calc((8px * 4.5) - 0.35em);
    margin-bottom: calc(calc(8px * 4.5) - 0.35em);
    margin-bottom: calc(var(--spacing-450) - var(--bottom-font-padding));
  }
}
.blog .blog__title-wrapper .blog__title {
  width: max-content;
}
.blog .blog__title-wrapper .blog__title.animation-heading {
  margin: 0 calc(0.3em * -1);
  margin: 0 calc(var(--horizontal-font-padding) * -1);
  padding: 0 0.3em 0.35em;
  padding: 0 var(--horizontal-font-padding) var(--bottom-font-padding);
}
.blog .blog-navigation {
  display: flex;
  justify-content: center;
  column-gap: calc(8px * 3);
  column-gap: var(--spacing-300);
  flex-wrap: wrap;
}
@media (max-width: 719.9px) {
  .blog .blog-navigation {
    display: none;
  }
}
.blog .blog-navigation--mobile {
  display: flex;
  justify-content: center;
}
.blog .blog-navigation--mobile select {
  padding-top: calc(8px * 1.5);
  padding-top: var(--spacing-150);
  padding-bottom: calc(8px * 1.5);
  padding-bottom: var(--spacing-150);
}
@media (min-width: 720px) {
  .blog .blog-navigation--mobile {
    display: none;
  }
}
.blog .blog-navigation__item {
  display: flex;
  column-gap: calc(8px / 4);
  column-gap: var(--spacing-25);
}
.blog .blog-navigation__item.selected a:after {
  width: 100%;
}
.blog .blog-navigation__item:not(.selected) a:hover {
  color: var(--color-text-alpha-70);
}
.blog .blog-navigation__item:not(.selected) a:hover:before {
  opacity: 1;
}
.blog .blog-navigation__item:not(.selected) a:focus {
  color: var(--color-text);
}
.blog .blog-navigation__item:not(.selected) a:focus:after {
  width: 100%;
}
.blog .blog-navigation__item a {
  position: relative;
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color 240ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 240ms var(--ease-out-quart);
}
.blog .blog-navigation__item a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 1px;
  width: 100%;
  background-color: var(--color-text-alpha-40);
  opacity: 0;
  transition: opacity 240ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 240ms var(--ease-out-quart);
}
.blog .blog-navigation__item a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 1px;
  width: 0%;
  background-color: var(--color-text);
  transition: width 240ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: width 240ms var(--ease-out-quart);
}
.blog .blog__articles {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: calc(8px * 6);
  grid-row-gap: var(--spacing-600);
  row-gap: calc(8px * 6);
  row-gap: var(--spacing-600);
  grid-column-gap: calc(8px * 2);
  grid-column-gap: var(--spacing-200);
  column-gap: calc(8px * 2);
  column-gap: var(--spacing-200);
}
@media (min-width: 720px) {
  .blog .blog__articles {
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(8px * 4);
    column-gap: var(--spacing-400);
    row-gap: calc(8px * 7);
    row-gap: var(--spacing-700);
  }
}
@media (min-width: 1024px) {
  .blog .blog__articles {
    grid-template-columns: repeat(var(--column-count), 1fr);
    row-gap: calc(8px * 10);
    row-gap: var(--spacing-1000);
  }
}
@media (min-width: 1440px) {
  .blog .blog__articles {
    column-gap: calc(8px * 5);
    column-gap: var(--spacing-500);
  }
}
.blog .blog-article-item {
  position: relative;
  overflow: hidden;
  border-top-left-radius: var(--radius-image);
  border-top-right-radius: var(--radius-image);
}
.blog .blog-article-no-item {
  --column-gap: var(--spacing-50);
  grid-column: 1/-1;
  align-items: center;
}
.blog .blog-article-item__image {
  display: block;
  overflow: hidden;
  border-radius: var(--radius-image);
  margin-bottom: calc(8px * 4);
  margin-bottom: var(--spacing-400);
}
@media (min-width: 1440px) {
  .blog .blog-article-item__image {
    margin-bottom: calc(8px * 4);
    margin-bottom: var(--spacing-400);
  }
}
.blog .blog-posts-meta__button {
  margin-top: calc(8px * 3);
  margin-top: var(--spacing-300);
}
.blog .blog-posts-meta .blog-posts-meta__category,
.blog .blog-posts-meta .blog-posts-meta__title,
.blog .blog-posts-meta .blog-posts-meta__publish-info {
  margin-bottom: calc(8px * 1.25);
  margin-bottom: var(--spacing-125);
}
.blog .blog-posts-meta .blog-posts-meta__excerpt {
  margin-top: calc(8px * 2);
  margin-top: var(--spacing-200);
}
.blog .blog-posts-meta .blog-posts-meta__title a,
.blog .blog-posts-meta .blog-posts-meta__category a {
  width: -moz-fit-content;
  width: fit-content;
  outline-offset: -2px;
}
.blog .blog-posts-meta .blog-posts-meta__title-wrapper {
  margin-bottom: calc(8px * 1.25);
  margin-bottom: var(--spacing-125);
}
.blog .blog-posts-meta .blog-posts-meta__title-wrapper:has(.animation-heading) {
  margin-bottom: calc((8px * 1.25) - 0.35em);
  margin-bottom: calc(calc(8px * 1.25) - 0.35em);
  margin-bottom: calc(var(--spacing-125) - var(--bottom-font-padding));
}
.blog .blog-posts-meta .blog-posts-meta__title-wrapper .blog-posts-meta__title {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0;
}
.blog
  .blog-posts-meta
  .blog-posts-meta__title-wrapper
  .blog-posts-meta__title.animation-heading {
  margin: 0 calc(0.3em * -1);
  margin: 0 calc(var(--horizontal-font-padding) * -1);
  padding: 0 0.3em 0.35em;
  padding: 0 var(--horizontal-font-padding) var(--bottom-font-padding);
}
.blog .blog-posts-meta .blog-posts-meta__publish-info {
  align-items: center;
}
.blog .blog-posts-meta .publish-info__separator {
  display: block;
  width: 1px;
  height: 16px;
  margin: 0 10px;
  background-color: var(--color-text-alpha-70);
}
.blog .blog-posts-meta a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  z-index: 1;
}
.blog .blog-posts-meta > :last-child {
  margin-bottom: 0;
}
.blog scrolling-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 8px;
  padding-top: var(--spacing-100);
  padding-bottom: 8px;
  padding-bottom: var(--spacing-100);
  color: var(--color-accent-foreground);
  background-color: var(--color-accent);
  transform: translateY(-101%);
  transition: transform calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-300) var(--ease-out-quart);
  pointer-events: none;
}
@media (max-width: 719.9px) {
  .blog scrolling-content {
    display: none;
  }
}
.blog .scrolling-content__content {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  text-transform: uppercase;
}
.blog .article-tag {
  font-size: var(--font-size-body-50);
}
.blog .scrolling-content__separator {
  --radius: 3px;
  height: 3px;
  height: var(--radius);
  width: 3px;
  width: var(--radius);
  border-radius: 3px;
  border-radius: var(--radius);
  background-color: var(--color-accent-foreground);
}
@media (min-width: 1024px) {
  .blog .blog__articles--column-count-2 .blog-article-item--featured,
  .blog .blog__articles--column-count-2 .blog-article-item__overlay {
    min-height: calc((100vw - (calc(8px * 2.5) * 2)) * 9 / 16);
    min-height: calc((100vw - (var(--gutter) * 2)) * 9 / 16);
  }
}
.blog .blog-article-item--featured {
  display: grid;
  position: relative;
  grid-column: span 1;
  color: var(--color-text);
  border-radius: var(--radius-image);
}
@media (max-width: 719.9px) {
  .blog .blog-article-item--featured {
    margin-bottom: calc(8px * 4);
    margin-bottom: var(--spacing-400);
    min-height: calc(100vw - (calc(8px * 2.5) * 2));
    min-height: calc(100vw - (var(--gutter) * 2));
  }
}
@media (min-width: 720px) {
  .blog .blog-article-item--featured {
    grid-column: span 2;
    min-height: calc((100vw - (calc(8px * 2.5) * 2)) * 9 / 16);
    min-height: calc((100vw - (var(--gutter) * 2)) * 9 / 16);
  }
}
@media (min-width: 1024px) {
  .blog .blog-article-item--featured {
    height: 100%;
    min-height: 0;
    min-height: initial;
  }
}
.blog .blog-article-item--featured .blog-posts-meta {
  padding: calc(8px * 3.5);
  padding: var(--spacing-350);
  align-content: end;
}
.blog .blog-article-item--featured .blog-posts-meta > :last-child {
  margin-bottom: 0;
}
@media (min-width: 720px) {
  .blog .blog-article-item--featured .blog-posts-meta {
    padding: calc(8px * 4.5);
    padding: var(--spacing-450);
  }
}
.blog .blog-article-item--featured .blog-article-item__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
}
.blog .blog-article-item--featured .blog-article-item__image .image {
  --object-fit: cover;
  height: 100%;
}
.blog .blog-article-item--featured .blog-article-item__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-background-gradient, var(--color-background));
  opacity: var(--overlay-opacity);
}
.blog .blog-article-item--featured .blog-article-item__link {
  grid-row-start: 1;
  grid-column-start: 1;
  z-index: 0;
}
.blog .blog-article-item--featured .blog-posts-meta__category {
  position: sticky;
  bottom: 100%;
  margin-bottom: calc(8px * 4.5);
  margin-bottom: var(--spacing-450);
}
.blog .blog-article-item--featured .blog-posts-meta__title-wrapper {
  margin-bottom: calc(8px * 1.5);
  margin-bottom: var(--spacing-150);
}
.blog
  .blog-article-item--featured
  .blog-posts-meta__title-wrapper:has(.animation-heading) {
  margin-bottom: calc((8px * 1.5) - 0.35em);
  margin-bottom: calc(calc(8px * 1.5) - 0.35em);
  margin-bottom: calc(var(--spacing-150) - var(--bottom-font-padding));
}
.blog .blog-article-item--featured .blog-posts-meta__publish-info {
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--spacing-250);
}
.blog .blog-article-item--featured .blog-posts-meta__excerpt {
  transform: translateY(0px);
}
@media (max-width: 719.9px) {
  .blog .blog-article-item--featured .blog-posts-meta__excerpt {
    display: none;
  }

  .product-item__title.fs-product-listing-title {
    text-align: left !important;
  }
}
.blog .blog__pagination .pagination {
  margin-top: calc(8px * 7);
  margin-top: var(--spacing-700);
}
@media (min-width: 1024px) {
  .blog .blog__pagination .pagination {
    margin-top: calc(8px * 8);
    margin-top: var(--spacing-800);
  }
}
.blog .blog__articles .blog-article-item .blog-posts-meta .animation-heading {
  animation-delay: calc((80ms * 6.25) + (80ms * 1.5) * var(--animation-index));
  animation-delay: calc(
    calc(80ms * 6.25) + calc(80ms * 1.5) * var(--animation-index)
  );
  animation-delay: calc(
    var(--animation-timing-625) + var(--animation-timing-150) *
      var(--animation-index)
  );
}
.blog
  .blog-article-item--featured:hover
  scrolling-content
  + .blog-posts-meta
  .blog-posts-meta__category {
  opacity: 0;
}
.blog .blog-article-item--featured:hover .image {
  transform: scale(1.1);
}
.blog .blog-article-item--featured:hover scrolling-content {
  transform: translateY(0%);
}
.blog .blog-article-item--featured .blog-posts-meta__category {
  transition: opacity calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity var(--animation-timing-300) var(--ease-out-quart);
}
.blog .blog-article-item--featured .image {
  transition: transform calc(80ms * 7.5) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-750) var(--ease-out-quart);
}
.blog
  .blog-article-item:not(.blog-article-item--featured)
  .blog-article-item__image:hover
  .image {
  transform: scale(1.05);
}
.blog
  .blog-article-item:not(.blog-article-item--featured)
  .blog-article-item__image:hover
  ~ scrolling-content {
  transform: translateY(0%);
}
.blog
  .blog-article-item:not(.blog-article-item--featured)
  .blog-article-item__image
  .image {
  transition: transform calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-400) var(--ease-out-quart);
}
collection-product-grid {
  display: block;
}
collection-product-grid.loading .collection-product-grid__products,
collection-product-grid.loading .pagination {
  opacity: 0;
  transform: translateY(20px);
}
collection-product-grid.loading .collection-product-grid__loading {
  display: flex;
}
.collection-product-grid__products {
  transition-property: opacity, transform;
  transition-duration: calc(80ms * 5);
  transition-duration: var(--animation-timing-500);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.collection-product-grid__products.collection-product-grid__products--empty {
  display: block;
  text-align: center;
}
.collection-product-grid__products.collection-product-grid__products--empty
  .collection-product-grid__clear {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.collection-product-grid__products.collection-product-grid__products--empty
  .collection-product-grid__clear
  .btn-wrapper {
  display: inline-block;
}
.collection-product-grid__top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(8px * 4);
  margin-bottom: var(--spacing-400);
}
@media (min-width: 1024px) {
  .collection-product-grid__top-bar {
    margin-bottom: calc(8px * 5);
    margin-bottom: var(--spacing-500);
  }
}
.collection-product-grid__top-bar.collection-product-grid__top-bar--sort-enabled-only {
  justify-content: flex-end;
}
.collection-top-bar__filter-button,
.sticky-filter-sort__filter-button {
  font-family: inherit;
}
html.no-js .collection-top-bar__filter-button,
html.no-js .sticky-filter-sort__filter-button {
  display: none;
}
.collection-top-bar__filter-button .filter-button__count,
.sticky-filter-sort__filter-button .filter-button__count {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--color-accent-foreground);
  line-height: var(--line-height-body);
  z-index: 1;
}
.collection-top-bar__filter-button .filter-button__count::before,
.sticky-filter-sort__filter-button .filter-button__count::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-accent);
  border-radius: 100%;
  z-index: -1;
}
.collection-top-bar__filter-button {
  display: none;
  align-items: center;
  gap: calc(8px * 1.25);
  gap: var(--spacing-125);
  padding: calc(8px * 1.5);
  padding: var(--spacing-150);
  background-color: var(--color-icon-button-background);
  color: var(--color-icon-button-foreground);
  border: none;
  border-radius: var(--radius-button);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .collection-top-bar__filter-button {
    display: flex;
  }
}
.collection-top-bar__results-and-sort {
  display: flex;
  align-items: center;
}
.collection-top-bar__results-and-sort .result-sort-divider {
  display: none;
  align-self: stretch;
  width: 1px;
  margin: 2px calc(8px * 2);
  margin: 2px var(--spacing-200);
  background-color: var(--color-lines-and-borders);
}
@media (min-width: 1024px) {
  .collection-top-bar__results-and-sort .result-sort-divider {
    display: block;
  }

  html.no-js .collection-top-bar__results-and-sort .result-sort-divider {
    display: none;
  }
}
.collection-top-bar__result-count {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.collection-top-bar__result-count .result-count__showing {
  display: none;
  color: var(--color-text-alpha-70);
}
@media (min-width: 1024px) {
  .collection-top-bar__result-count .result-count__showing {
    display: block;
  }

  html.no-js .collection-top-bar__result-count .result-count__showing {
    display: none;
  }
}
.collection-top-bar__sort-wrapper {
  display: none;
}
.collection-top-bar__sort-wrapper .disclosure-trigger {
  border-radius: var(--radius-input);
}
html.js
  .collection-top-bar__sort-wrapper
  details.disclosure-wrapper.disclosure--alignment-overlaid
  .disclosure-content {
  top: -3px;
  width: 100%;
}
@media (min-width: 1024px) {
  .collection-top-bar__sort-wrapper {
    display: block;
  }

  html.no-js .collection-top-bar__sort-wrapper {
    display: none;
  }
}
.collection-top-bar__sort-wrapper .disclosure-content,
.sticky-filter-sort__sort-desktop .disclosure-content {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  box-shadow: var(--box-shadow-popover);
}
.collection-top-bar-sort__trigger {
  display: flex;
  align-items: center;
  min-width: 250px;
  padding: calc(8px * 1.5) calc(8px * 2);
  padding: var(--spacing-150) var(--spacing-200);
  background-color: var(--color-background);
  color: var(--color-text);
  border: 1px solid var(--color-text-alpha-30);
  border-radius: var(--radius-input);
  transition: border-color calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border-color var(--animation-timing-200) var(--ease-out-quart);
}
.collection-top-bar-sort__trigger:hover {
  border-color: var(--color-text-alpha-70);
}
.collection-top-bar-sort__trigger .sort-trigger__label {
  margin-right: calc(8px * 0.75);
  margin-right: var(--spacing-75);
  color: var(--color-text-alpha-70);
}
.collection-top-bar-sort__trigger .sort-trigger__value {
  margin-right: calc(8px * 1.5);
  margin-right: var(--spacing-150);
  flex-grow: 1;
}
.collection-top-bar-sort__disclosure > *,
.sticky-filter-sort__sort-disclosure > *,
.mobile-sort-drawer__content > * {
  padding: calc(8px * 1.25) calc(8px * 1.5);
  padding: var(--spacing-125) var(--spacing-150);
  border-radius: var(--radius-button-within-popover);
  transition: background-color calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background-color var(--animation-timing-200) var(--ease-out-quart);
}
.collection-top-bar-sort__disclosure > *:hover,
.sticky-filter-sort__sort-disclosure > *:hover,
.mobile-sort-drawer__content > *:hover {
  background-color: var(--color-text-alpha-10);
}
.collection-top-bar-sort__disclosure > *.custom-input label,
.sticky-filter-sort__sort-disclosure > *.custom-input label,
.mobile-sort-drawer__content > *.custom-input label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-left: calc(20px + (8px * 2.5));
  padding-left: calc(20px + calc(8px * 2.5));
  padding-left: calc(20px + var(--spacing-250));
}
.collection-top-bar-sort__disclosure > * input:not(:checked) + label,
.sticky-filter-sort__sort-disclosure > * input:not(:checked) + label,
.mobile-sort-drawer__content > * input:not(:checked) + label {
  color: var(--color-text-alpha-70);
}
.disclosure-wrapper.animating .collection-top-bar-sort__disclosure > *,
.disclosure-wrapper.animating .sticky-filter-sort__sort-disclosure > *,
.disclosure-wrapper.animating .mobile-sort-drawer__content > * {
  pointer-events: none;
}
.collection-top-bar-sort__disclosure {
  width: 100%;
}
.collection-product-grid__sticky-filter-sort-button {
  --sticky-filter-show-ease: cubic-bezier(0.22, 1.47, 0.75, 1);
  --sticky-filter-hide-ease: cubic-bezier(0.41, -0.28, 1, 0.05);

  position: fixed;
  bottom: calc(8px * 4);
  bottom: var(--spacing-400);
  left: 50%;
  display: flex;
  align-items: center;
  width: min-content;
  border-radius: var(--radius-button);
  background-color: var(--color-icon-button-background);
  transform: translate(-50%, calc(100% + (8px * 4)));
  transform: translate(-50%, calc(100% + calc(8px * 4)));
  transform: translate(-50%, calc(100% + var(--spacing-400)));
  transition-property: transform, visibility;
  transition-duration: calc(80ms * 3);
  transition-duration: var(--animation-timing-300);
  transition-timing-function: cubic-bezier(0.41, -0.28, 1, 0.05);
  transition-timing-function: var(--sticky-filter-hide-ease);
  z-index: 450;
  z-index: var(--z-index-filter-bar);
}
.collection-product-grid__sticky-filter-sort-button.active {
  transform: translate(-50%, 0);
  transition-timing-function: var(--sticky-filter-show-ease);
}
@media (min-width: 1024px) {
  .collection-product-grid__sticky-filter-sort-button {
    visibility: hidden;
    transform: translate(-50%, calc(100% + (8px * 4)));
    transform: translate(-50%, calc(100% + calc(8px * 4)));
    transform: translate(-50%, calc(100% + var(--spacing-400)));
  }

  .collection-product-grid__sticky-filter-sort-button.collection-product-grid__sticky-filter-sort-button--desktop-enabled.active {
    visibility: visible;
    transform: translate(-50%, 0);
    transition-timing-function: var(--sticky-filter-show-ease);
  }
}
.collection-product-grid__sticky-filter-sort-button .disclosure-trigger {
  border-radius: var(--radius-button);
}
.collection-product-grid__sticky-filter-sort-button
  .sticky-filter-sort__sort-wrapper
  disclosure-component
  .disclosure-wrapper.disclosure--alignment-above
  .disclosure-content {
  bottom: calc(100% + 8px);
  bottom: calc(100% + var(--spacing-100));
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
}
@media (min-width: 720px) {
  .sticky-filter-sort__sort-mobile {
    display: none;
  }
}
.sticky-filter-sort__sort-desktop {
  display: none;
}
@media (min-width: 720px) {
  .sticky-filter-sort__sort-desktop {
    display: block;
  }
}
.sticky-filter-sort__filter-button,
.sticky-filter-sort__sort-trigger {
  display: flex;
  align-items: center;
  gap: calc(8px * 1.25);
  gap: var(--spacing-125);
  padding: calc(8px * 1.5) calc(8px * 2);
  padding: var(--spacing-150) var(--spacing-200);
  background-color: transparent;
  color: var(--color-icon-button-foreground);
  border: none;
  border-radius: var(--radius-button);
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.sticky-filter-sort__divider {
  align-self: stretch;
  width: 1px;
  margin: calc(8px * 1.5) 0;
  margin: var(--spacing-150) 0;
  background-color: var(--color-icon-button-foreground);
  opacity: 0.3;
}
.sticky-filter-sort__sort-disclosure > * {
  padding: calc(8px * 1.25) calc(8px * 1.5);
  padding: var(--spacing-125) var(--spacing-150);
  border-radius: var(--radius-button);
}
.sticky-filter-sort__sort-disclosure > *:hover {
  background-color: var(--color-text-alpha-10);
}
.sticky-filter-sort__sort-disclosure > * input:not(:checked) + label {
  color: var(--color-text-alpha-70);
}
.mobile-sort-drawer__close-button {
  display: flex;
  justify-content: flex-end;
}
.collection-product-grid__loading {
  display: none;
  align-items: flex-start;
  justify-content: center;
  height: 100vw;
}
.collection-product-grid__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gift-card {
  padding: calc(8px * 2.5);
  padding: var(--spacing-250);
  text-align: center;
}
@media (min-width: 720px) {
  .gift-card {
    padding: calc(8px * 5);
    padding: var(--spacing-500);
  }
}
.gift-card__store-name a {
  padding-bottom: 1px;
  background: linear-gradient(
    to right,
    transparent 50%,
    var(--color-text) 50%,
    var(--color-text) 100%
  );
  background-size: 200% 1px;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
  animation: linkUnderlineOut calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: linkUnderlineOut var(--animation-timing-400) var(--ease-out-quart);
}
.gift-card__store-name a:hover {
  animation: linkUnderlineIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: linkUnderlineIn var(--animation-timing-400) var(--ease-out-quart)
    forwards;
}
.gift-card__title {
  margin-top: 0;
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--spacing-250);
}
.gift-card__tag {
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--spacing-250);
}
.gift-card__container {
  max-width: 560px;
  margin: 0 auto;
  padding: calc(8px * 2.5);
  padding: var(--spacing-250);
}
.gift-card__graphic img {
  width: 100%;
  height: auto;
  display: block;
}
.gift-card__initial-balance,
.gift-card__remaining-balance,
.gift-card__shopping-button,
.gift-card__print-giftcard,
.apple-wallet-image {
  margin-top: calc(8px * 2.5);
  margin-top: var(--spacing-250);
}
.gift-card__code-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(8px * 0.75);
  column-gap: var(--spacing-75);
  margin-top: calc(8px / 2);
  margin-top: var(--spacing-50);
  margin-bottom: calc(8px / 2);
  margin-bottom: var(--spacing-50);
}
.gift-card__code-wrapper .btn--style-inline-icon {
  --inline-icon-button-size: 40px;
}
.gift-card__code-wrapper .gift-card__copy-button {
  overflow: visible;
}
.gift-card__code-wrapper .gift-card__copy-button:hover .copy-button__tooltip {
  visibility: visible;
  opacity: 1;
}
html.no-js .gift-card__code-wrapper .gift-card__copy-button {
  display: none;
}
.gift-card__code-wrapper
  .gift-card__copy-button.copy-success
  .tooltip-copy--idle,
.gift-card__code-wrapper
  .gift-card__copy-button.copy-error
  .tooltip-copy--idle {
  display: none;
}
.gift-card__code-wrapper
  .gift-card__copy-button.copy-success
  .tooltip-copy--success {
  display: block;
}
.gift-card__code-wrapper
  .gift-card__copy-button.copy-error
  .tooltip-copy--error {
  display: block;
}
.gift-card__code-wrapper .copy-button__tooltip {
  position: absolute;
  bottom: calc(100% + 2px);
  left: 50%;
  width: max-content;
  max-width: 150px;
  padding: calc(8px * 0.75) 8px;
  padding: var(--spacing-75) var(--spacing-100);
  background-color: var(--color-text);
  color: var(--color-background);
  border-radius: var(--radius-button);
  filter: drop-shadow(0px 4px 5px var(--color-text-alpha-10));
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity var(--animation-timing-400) var(--ease-out-quart);
}
.gift-card__code-wrapper .copy-button__tooltip .tooltip-copy--success,
.gift-card__code-wrapper .copy-button__tooltip .tooltip-copy--error {
  display: none;
}
#qr-code {
  margin-top: calc(8px * 2.5);
  margin-top: var(--spacing-250);
  display: flex;
  justify-content: center;
}
@media (min-width: 720px) {
  #qr-code {
    margin-top: calc(8px * 5);
    margin-top: var(--spacing-500);
  }
}
.apple-wallet-image {
  display: block;
  margin: 0 auto;
}
@media print {
  @page {
    margin: 0.5cm;
  }

  p {
    orphans: 3;
    widows: 3;
  }

  .gift-card__print-giftcard,
  .apple-wallet,
  .gift-card__shopping-button {
    display: none;
  }
}
@keyframes linkUnderlineIn {
  0% {
    background-position-x: 200%;
  }

  100% {
    background-position-x: 100%;
  }
}
@keyframes linkUnderlineOut {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}
password-header-wrapper {
  display: block;
  z-index: 510;
  z-index: var(--z-index-header);
}
.password-header {
  --num-icon-buttons: 1;
  padding: calc(8px * 1.25) calc(8px * 2.5);
  padding: var(--spacing-125) var(--gutter);
  background-color: inherit;
}
@media (min-width: 1024px) {
  .password-header {
    padding-top: calc(8px * 1.5);
    padding-bottom: calc(8px * 1.5);
    padding-top: var(--spacing-150);
    padding-bottom: var(--spacing-150);
    min-height: 60px;
  }
}
.password-header__content {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin: 0 auto;
  max-width: 1600px;
  max-width: var(--max-page-width);
}
.password-header__content-segment {
  display: flex;
  column-gap: calc(8px * 3);
  column-gap: var(--spacing-300);
}
.password-header__content-segment--logo {
  justify-content: center;
}
.password-header__content-segment--password {
  justify-content: flex-end;
}
.password-header--logo-position-left .password-header__content {
  grid-template-columns: auto 1fr;
}
.password-header--logo-position-left .password-header__content-segment--spacer {
  display: none;
}
.password-header--logo-position-left .password-header__content-segment--logo {
  justify-content: flex-start;
}
.password-header-section
  password-header-wrapper[data-enable-transparent-header="true"] {
  position: absolute;
  left: 0;
  right: 0;
  background-color: transparent;
}
.password-link {
  display: flex;
  align-items: center;
  column-gap: 8px;
  column-gap: var(--spacing-100);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.password-link__text {
  padding-bottom: 1px;
  background: linear-gradient(
    to right,
    transparent 50%,
    var(--color-text) 50%,
    var(--color-text) 100%
  );
  background-size: 200% 1px;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
  animation: linkUnderlineOut calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: linkUnderlineOut var(--animation-timing-400) var(--ease-out-quart);
}
.password-link:hover .password-link__text {
  animation: linkUnderlineIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: linkUnderlineIn var(--animation-timing-400) var(--ease-out-quart)
    forwards;
}
@media (max-width: 719.9px) {
  .password-link__text {
    display: none;
  }
}
.password-link__icon {
  position: relative;
}
.password-link__icon:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100%;
  background-color: transparent;
  transform: scale(0.3);
  transition-property: background-color, transform;
  transition-duration: calc(80ms * 4);
  transition-duration: var(--animation-timing-400);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
@media (max-width: 719.9px) {
  .password-link__icon:hover:before,
  .user-is-tabbing .password-link__icon:focus:before {
    background-color: var(--color-text-alpha-10);
    transform: scale(1.4);
  }
}
@media (max-width: 719.9px) {
  .password-link__icon:active {
    transform: scale(0.88);
  }
}
.password-unlock {
  padding: calc(8px * 5) 0;
  padding: var(--spacing-500) 0;
  text-align: center;
  align-items: center;
  --row-gap: var(--spacing-350);
}
@media (min-width: 720px) {
  .password-unlock {
    padding-top: calc(8px * 2);
    padding-top: var(--spacing-200);
    padding-bottom: 0;
    min-width: 400px;
  }
}
.password-unlock__form {
  width: 100%;
}
.password-unlock__login-form {
  align-items: center;
  --column-gap: var(--spacing-150);
  --row-gap: var(--spacing-125);
}
.password-unlock__login-form .custom-input-wrapper {
  flex-grow: 1;
}
@media (max-width: 719.9px) {
  .password-unlock__login-form .custom-input-wrapper {
    width: 100%;
  }
}
.password-unlock__login-form .custom-input,
.password-unlock__login-form input {
  width: 100%;
}
.password-unlock__login-form .btn-wrapper {
  flex-shrink: 0;
  min-width: 130px;
}
.password-unlock__login-form .btn-wrapper button {
  flex-grow: 1;
}
@media (max-width: 719.9px) {
  .password-unlock__login-form .btn-wrapper {
    width: 100%;
  }
}
@media (min-width: 720px) {
  .password-unlock__login-form {
    flex-direction: row;
  }
}
.password-unlock__admin {
  --column-gap: var(--spacing-100);
}
.password-modal .modal-close-button {
  position: absolute;
  top: calc(8px * 1.5);
  top: var(--spacing-150);
  left: auto;
  left: initial;
  right: calc(8px * 1.5);
  right: var(--spacing-150);
}
.password .banner__content > :last-child {
  margin-bottom: 0;
}
.password .content-block--image {
  display: flex;
  justify-content: center;
}
.password .password__section-block--email-form {
  margin: calc(8px * 4) auto;
  margin: var(--spacing-400) auto;
  align-self: center;
  max-width: 350px;
}
.password .password__section-block--email-form input {
  --color-background: transparent;
  border-color: var(--color-text-alpha-60);
}
.password .password__section-block--email-form input:hover,
.password .password__section-block--email-form input:focus {
  border-color: var(--color-text-alpha-70);
}
.password .password__section-block--email-form .newsletter-form__button:hover {
  --color-icon-button-background: var(--color-text);
  --color-icon-button-foreground: var(--color-background);
}
.password .password__section-block--social-icons {
  margin: calc(8px * 4) 0;
  margin: var(--spacing-400) 0;
}
.password .password__section-block--social-icons .social-icons {
  justify-content: center;
}
.password .password__section-block--share {
  display: flex;
  justify-content: center;
  margin: calc(8px * 4) 0;
  margin: var(--spacing-400) 0;
}
.password .password__section-block--share .social-share__share-text {
  white-space: nowrap;
}
.password .password__section-block--share .icon {
  color: var(--color-text);
}
.password__content-footer {
  --column-gap: var(--spacing-100);
  align-items: center;
  justify-content: flex-end;
  color: var(--color-text);
}
.password__content-footer .content-footer__shopify,
.password__content-footer .shopify-link {
  display: flex;
  align-items: center;
}
.password__content-footer .icon {
  width: auto;
  height: 1.5em;
}
@keyframes linkUnderlineIn {
  0% {
    background-position-x: 200%;
  }

  100% {
    background-position-x: 100%;
  }
}
@keyframes linkUnderlineOut {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}
.shopify-policy__container {
  margin-top: calc(8px * 8) !important;
  margin-top: var(--spacing-800) !important;
  margin-bottom: calc(8px * 8) !important;
  margin-bottom: var(--spacing-800) !important;
}
.product-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: calc(8px * 5);
  gap: var(--spacing-500);
  background-color: var(--color-background);
  color: var(--color-text);
}
[data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded,
[data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width {
  padding: 0;
}
[data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded
  .product-thumbnails__container,
[data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width
  .product-thumbnails__container {
  padding: 0 calc(8px * 2.5);
  padding: 0 var(--gutter);
}
[data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded
  .product__details,
[data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width
  .product__details {
  padding: 0 calc(8px * 2.5) var(--section-padding-bottom);
  padding: 0 var(--gutter) var(--section-padding-bottom);
}
@media (min-width: 1024px) {
  [data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded,
  [data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width {
    padding: var(--section-padding-top) calc(8px * 2.5)
      var(--section-padding-bottom);
    padding: var(--section-padding-top) var(--gutter)
      var(--section-padding-bottom);
  }

  [data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded
    .product__details,
  [data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded
    .product-thumbnails__container,
  [data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width
    .product__details,
  [data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width
    .product-thumbnails__container {
    padding: 0;
  }
}
[data-mobile-media-width="contained"].product-inner.section-inner--width-full-width-padded,
[data-mobile-media-width="contained"].product-inner.section-inner--width-page-width {
  --section-padding-top: var(--gutter);
}
@media (min-width: 1024px) {
  [data-mobile-media-width="contained"].product-inner.section-inner--width-full-width-padded,
  [data-mobile-media-width="contained"].product-inner.section-inner--width-page-width {
    --section-padding-top: revert;
  }
}
.product-inner .product__details {
  padding-bottom: calc(8px * 5);
  padding-bottom: var(--spacing-500);
  transition: opacity calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity var(--animation-timing-300) var(--ease-out-quart);
}
.product-inner .product__details > .hidden {
  visibility: hidden;
}
.product-inner .product__details.change-pending product-block-variant-selector,
.product-inner .product__details.change-pending .product-details__quantity,
.product-inner .product__details.change-pending [js-buy-buttons],
.product-inner
  .product__details.change-pending
  [js-store-availability-container],
.product-inner .product__details.change-pending [js-sticky-atc-content],
.product-inner .product__details.change-pending .sticky-atc--modal-content {
  opacity: 0.5;
  pointer-events: none;
}
.product-inner
  .product__details
  .shopify_subscriptions_app_block_label
  .shopify_subscriptions_purchase_option_wrapper {
  margin-bottom: 1rem;
}
.product-inner .product__details .shopify_subscriptions_app_block_label ul {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
  padding: 0;
}
.product-inner .product__details .shopify_subscriptions_app_block_label label {
  display: flex;
  align-items: center;
}
.product-inner .product__details .shopify_subscriptions_app_block_label input {
  margin-right: 0.4rem;
}
.product-inner .product__details .shopify_subscriptions_app_policy {
  margin: 8px 0 calc(8px * 4.5);
  margin: var(--spacing-100) 0 var(--spacing-450);
}
@media (min-width: 1024px) {
  .product-inner {
  }
  .product-inner[data-desktop-media-position="right"] {
    flex-direction: row-reverse;
  }

  .product-inner[data-desktop-media-position="left"] {
    flex-direction: row;
  }

  .product-inner .product__media {
    flex-shrink: 0;
    width: calc(var(--desktop-media-width-percentage) - (calc(8px * 5) / 2));
    width: calc(
      var(--desktop-media-width-percentage) - (var(--spacing-500) / 2)
    );
  }

  .product-inner .product__details {
    flex-grow: 1;
    max-width: calc(
      100% - var(--desktop-media-width-percentage) - (calc(8px * 5) / 2)
    );
    max-width: calc(
      100% - var(--desktop-media-width-percentage) - (var(--spacing-500) / 2)
    );
    padding: 0;
  }

  .product-inner .product__media.sticky-media-container,
  .product-inner .product__details.sticky-details-container {
    height: min-content;
    position: sticky;
    top: calc(var(--header-height) + var(--section-padding-top));
  }
  .product-inner .product__details.sticky-details-container:has(.sticky-atc) {
    z-index: 10;
  }
}
search-result-grid {
  display: block;
}
search-result-grid.loading .search-result-grid__results,
search-result-grid.loading .pagination {
  opacity: 0;
  transform: translateY(20px);
}
search-result-grid.loading .search-result-grid__loading {
  display: flex;
}
.search-result-grid__heading-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: calc(8px * 4);
  margin-bottom: var(--spacing-400);
}
.search-result-grid__heading-wrapper .animation-overline {
  transform: translateY(10px);
  opacity: 0;
}
.search-result-grid__heading-wrapper .animation-heading {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.search-result-grid__heading-wrapper .animation-content {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.search-result-grid__heading-wrapper .animation-slider {
  transform: translateX(35px);
  opacity: 0;
}
@media (min-width: 1024px) {
  .search-result-grid__heading-wrapper
    .animation-slider:not(.animation-slider--small) {
    transform: translateX(50px);
  }
}
.search-result-grid__heading-wrapper.became-visible .animation-heading {
  animation-name: contentHeadingAnimation;
  animation-duration: calc(80ms * 8);
  animation-duration: var(--animation-timing-800);
  animation-delay: 0;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.search-result-grid__heading-wrapper.became-visible .animation-overline {
  animation-name: contentOverlineAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.search-result-grid__heading-wrapper.became-visible .animation-content {
  animation-name: contentContentAnimation;
  animation-duration: calc(80ms * 9);
  animation-duration: var(--animation-timing-900);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.search-result-grid__heading-wrapper.became-visible .animation-slider {
  animation-name: contentSliderAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
@media (min-width: 1024px) {
  .search-result-grid__heading-wrapper.became-visible
    .animation-slider:not(.animation-slider--small) {
    animation-duration: calc(80ms * 5);
    animation-duration: var(--animation-timing-500);
  }
}
.search-result-grid__heading-wrapper:has(.animation-heading) {
  margin-bottom: calc((8px * 4) - 0.35em);
  margin-bottom: calc(calc(8px * 4) - 0.35em);
  margin-bottom: calc(var(--spacing-400) - var(--bottom-font-padding));
}
.search-result-grid__heading-wrapper .search-result-grid__heading {
  width: max-content;
}
.search-result-grid__heading-wrapper
  .search-result-grid__heading.animation-heading {
  margin: 0 calc(0.3em * -1);
  margin: 0 calc(var(--horizontal-font-padding) * -1);
  padding: 0 0.3em 0.35em;
  padding: 0 var(--horizontal-font-padding) var(--bottom-font-padding);
}
.search-result-grid__search-input {
  max-width: 600px;
  margin: 0 auto calc(8px * 7);
  margin: 0 auto var(--spacing-700);
}
.search-result-grid__results {
  transition-property: opacity, transform;
  transition-duration: calc(80ms * 5);
  transition-duration: var(--animation-timing-500);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.search-result-grid__results.search-result-grid__results--empty {
  display: block;
  text-align: center;
}
.search-result-grid__results.search-result-grid__results--empty
  .search-result-grid__clear {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.search-result-grid__results.search-result-grid__results--empty
  .search-result-grid__clear
  .btn-wrapper {
  display: inline-block;
}
.search-result-grid__top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(8px * 4);
  margin-bottom: var(--spacing-400);
}
@media (min-width: 1024px) {
  .search-result-grid__top-bar {
    margin-bottom: calc(8px * 5);
    margin-bottom: var(--spacing-500);
  }
}
.search-result-grid__top-bar.search-result-grid__top-bar--sort-enabled-only {
  justify-content: flex-end;
}
.search-top-bar__filter-button,
.sticky-filter-sort__filter-button {
  font-family: inherit;
}
html.no-js .search-top-bar__filter-button,
html.no-js .sticky-filter-sort__filter-button {
  display: none;
}
.search-top-bar__filter-button .filter-button__count,
.sticky-filter-sort__filter-button .filter-button__count {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--color-accent-foreground);
  line-height: var(--line-height-body);
  z-index: 1;
}
.search-top-bar__filter-button .filter-button__count::before,
.sticky-filter-sort__filter-button .filter-button__count::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-accent);
  border-radius: 100%;
  z-index: -1;
}
.search-top-bar__filter-button {
  display: none;
  align-items: center;
  gap: calc(8px * 1.25);
  gap: var(--spacing-125);
  padding: calc(8px * 1.5);
  padding: var(--spacing-150);
  background-color: var(--color-icon-button-background);
  color: var(--color-icon-button-foreground);
  border: none;
  border-radius: var(--radius-button);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .search-top-bar__filter-button {
    display: flex;
  }
}
.search-top-bar__results-and-sort {
  display: flex;
  align-items: center;
}
.search-top-bar__results-and-sort .result-sort-divider {
  display: none;
  align-self: stretch;
  width: 1px;
  margin: 2px calc(8px * 2);
  margin: 2px var(--spacing-200);
  background-color: var(--color-lines-and-borders);
}
@media (min-width: 1024px) {
  .search-top-bar__results-and-sort .result-sort-divider {
    display: block;
  }

  html.no-js .search-top-bar__results-and-sort .result-sort-divider {
    display: none;
  }
}
.search-top-bar__result-count {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.search-top-bar__result-count .result-count__showing {
  display: none;
  color: var(--color-text-alpha-70);
}
@media (min-width: 1024px) {
  .search-top-bar__result-count .result-count__showing {
    display: block;
  }

  html.no-js .search-top-bar__result-count .result-count__showing {
    display: none;
  }
}
.search-top-bar__sort-wrapper {
  display: none;
}
.search-top-bar__sort-wrapper .disclosure-trigger {
  border-radius: var(--radius-input);
}
html.js
  .search-top-bar__sort-wrapper
  details.disclosure-wrapper.disclosure--alignment-overlaid
  .disclosure-content {
  top: -3px;
  width: 100%;
}
@media (min-width: 1024px) {
  .search-top-bar__sort-wrapper {
    display: block;
  }

  html.no-js .search-top-bar__sort-wrapper {
    display: none;
  }
}
.search-top-bar__sort-wrapper .disclosure-content,
.sticky-filter-sort__sort-desktop .disclosure-content {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  box-shadow: var(--box-shadow-popover);
}
.search-top-bar-sort__trigger {
  display: flex;
  align-items: center;
  min-width: 250px;
  padding: calc(8px * 1.5) calc(8px * 2);
  padding: var(--spacing-150) var(--spacing-200);
  background-color: var(--color-background);
  color: var(--color-text);
  border: 1px solid var(--color-text-alpha-30);
  border-radius: var(--radius-input);
  transition: border-color calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border-color var(--animation-timing-200) var(--ease-out-quart);
}
.search-top-bar-sort__trigger:hover {
  border-color: var(--color-text-alpha-70);
}
.search-top-bar-sort__trigger .sort-trigger__label {
  margin-right: calc(8px * 0.75);
  margin-right: var(--spacing-75);
  color: var(--color-text-alpha-70);
}
.search-top-bar-sort__trigger .sort-trigger__value {
  margin-right: calc(8px * 1.5);
  margin-right: var(--spacing-150);
  flex-grow: 1;
}
.search-top-bar-sort__disclosure > *,
.sticky-filter-sort__sort-disclosure > *,
.mobile-sort-drawer__content > * {
  padding: calc(8px * 1.25) calc(8px * 1.5);
  padding: var(--spacing-125) var(--spacing-150);
  border-radius: var(--radius-button-within-popover);
  transition: background-color calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background-color var(--animation-timing-200) var(--ease-out-quart);
}
.search-top-bar-sort__disclosure > *:hover,
.sticky-filter-sort__sort-disclosure > *:hover,
.mobile-sort-drawer__content > *:hover {
  background-color: var(--color-text-alpha-10);
}
.search-top-bar-sort__disclosure > *.custom-input label,
.sticky-filter-sort__sort-disclosure > *.custom-input label,
.mobile-sort-drawer__content > *.custom-input label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-left: calc(20px + (8px * 2.5));
  padding-left: calc(20px + calc(8px * 2.5));
  padding-left: calc(20px + var(--spacing-250));
}
.search-top-bar-sort__disclosure > * input:not(:checked) + label,
.sticky-filter-sort__sort-disclosure > * input:not(:checked) + label,
.mobile-sort-drawer__content > * input:not(:checked) + label {
  color: var(--color-text-alpha-70);
}
.disclosure-wrapper.animating .search-top-bar-sort__disclosure > *,
.disclosure-wrapper.animating .sticky-filter-sort__sort-disclosure > *,
.disclosure-wrapper.animating .mobile-sort-drawer__content > * {
  pointer-events: none;
}
.search-top-bar-sort__disclosure {
  width: 100%;
}
.search-result-grid__sticky-filter-sort-button {
  --sticky-filter-show-ease: cubic-bezier(0.22, 1.47, 0.75, 1);
  --sticky-filter-hide-ease: cubic-bezier(0.41, -0.28, 1, 0.05);

  position: fixed;
  bottom: calc(8px * 4);
  bottom: var(--spacing-400);
  left: 50%;
  display: flex;
  align-items: center;
  width: min-content;
  border-radius: var(--radius-button);
  background-color: var(--color-icon-button-background);
  transform: translate(-50%, calc(100% + (8px * 4)));
  transform: translate(-50%, calc(100% + calc(8px * 4)));
  transform: translate(-50%, calc(100% + var(--spacing-400)));
  transition-property: transform, visibility;
  transition-duration: calc(80ms * 3);
  transition-duration: var(--animation-timing-300);
  transition-timing-function: cubic-bezier(0.41, -0.28, 1, 0.05);
  transition-timing-function: var(--sticky-filter-hide-ease);
  z-index: 450;
  z-index: var(--z-index-filter-bar);
}
.search-result-grid__sticky-filter-sort-button.active {
  transform: translate(-50%, 0);
  transition-timing-function: var(--sticky-filter-show-ease);
}
@media (min-width: 1024px) {
  .search-result-grid__sticky-filter-sort-button {
    visibility: hidden;
    transform: translate(-50%, calc(100% + (8px * 4)));
    transform: translate(-50%, calc(100% + calc(8px * 4)));
    transform: translate(-50%, calc(100% + var(--spacing-400)));
  }

  .search-result-grid__sticky-filter-sort-button.search-result-grid__sticky-filter-sort-button--desktop-enabled.active {
    visibility: visible;
    transform: translate(-50%, 0);
    transition-timing-function: var(--sticky-filter-show-ease);
  }
}
.search-result-grid__sticky-filter-sort-button .disclosure-trigger {
  border-radius: var(--radius-button);
}
.search-result-grid__sticky-filter-sort-button
  .sticky-filter-sort__sort-wrapper
  disclosure-component
  .disclosure-wrapper.disclosure--alignment-above
  .disclosure-content {
  bottom: calc(100% + 8px);
  bottom: calc(100% + var(--spacing-100));
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
}
@media (min-width: 720px) {
  .sticky-filter-sort__sort-mobile {
    display: none;
  }
}
.sticky-filter-sort__sort-desktop {
  display: none;
}
@media (min-width: 720px) {
  .sticky-filter-sort__sort-desktop {
    display: block;
  }
}
.sticky-filter-sort__filter-button,
.sticky-filter-sort__sort-trigger {
  display: flex;
  align-items: center;
  gap: calc(8px * 1.25);
  gap: var(--spacing-125);
  padding: calc(8px * 1.5) calc(8px * 2);
  padding: var(--spacing-150) var(--spacing-200);
  background-color: transparent;
  color: var(--color-icon-button-foreground);
  border: none;
  border-radius: var(--radius-button);
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.sticky-filter-sort__divider {
  align-self: stretch;
  width: 1px;
  margin: calc(8px * 1.5) 0;
  margin: var(--spacing-150) 0;
  background-color: var(--color-icon-button-foreground);
  opacity: 0.3;
}
.sticky-filter-sort__sort-disclosure > * {
  padding: calc(8px * 1.25) calc(8px * 1.5);
  padding: var(--spacing-125) var(--spacing-150);
  border-radius: var(--radius-button);
}
.sticky-filter-sort__sort-disclosure > *:hover {
  background-color: var(--color-text-alpha-10);
}
.sticky-filter-sort__sort-disclosure > * input:not(:checked) + label {
  color: var(--color-text-alpha-70);
}
.mobile-sort-drawer__close-button {
  display: flex;
  justify-content: flex-end;
}
.search-result-grid__loading {
  display: none;
  align-items: flex-start;
  justify-content: center;
  height: 100vw;
}
.search-result-grid__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.account a {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.account a:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
.account__header {
  --column-gap: var(--block-spacing-heading);
  padding: 0;
  margin-bottom: calc(8px * 6);
  margin-bottom: var(--spacing-600);
}
.account__details {
  --row-gap: var(--spacing-250);
}
.account__content {
  --row-gap: var(--spacing-600);
}
@media (min-width: 720px) {
  .account__content {
    --row-gap: var(--spacing-800);
  }
}
.account__orders .orders__heading {
  display: none;
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--spacing-250);
}
@media (max-width: 719.9px) {
  .account__orders .orders__heading {
    display: block;
  }
}
.account__orders .orders__heading--no-orders {
  display: block;
}
@keyframes underlinedLinkHover {
  0% {
    background-position-x: 100%;
    background-size: 100% 1px;
  }

  50% {
    background-position-x: 100%;
    background-size: 0% 1px;
  }

  51% {
    background-position-x: 0%;
    background-size: 0% 1px;
  }

  100% {
    background-position-x: 0%;
    background-size: 100% 1px;
  }
}
.activate-account.section header {
  padding: 0;
}
.activate-account.section .section-inner {
  --max-width-narrow: 540px;
}
.activate-account.section .activate-account__header {
  --row-gap: var(--block-spacing-heading);
  margin-bottom: calc(8px * 7);
  margin-bottom: var(--spacing-700);
}
.activate-account.section .activate-account__form {
  --row-gap: var(--spacing-300);
}
.activate-account.section .activate-account__inline-buttons {
  --column-gap: var(--spacing-300);
  justify-content: center;
}
.activate-account.section .activate-account__inline-buttons .btn-wrapper {
  flex-grow: 1;
}
.activate-account.section .activate-account__inline-buttons button {
  width: 100%;
}
.activate-account.section input {
  width: 100%;
  margin-top: 8px;
  margin-top: var(--spacing-100);
}
.addresses.section .section-inner {
  --row-gap: var(--spacing-600);
}
@media (min-width: 1024px) {
  .addresses.section .section-inner {
    --row-gap: var(--spacing-700);
  }
}
.addresses.section .addresses__header {
  --row-gap: var(--block-spacing-heading);
  padding: 0;
}
.addresses.section .addresses__breadcrumbs .breadcrumbs {
  justify-content: center;
}
.addresses.section .addresses__breadcrumbs a {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.addresses.section .addresses__breadcrumbs a:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
.addresses.section .addresses__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: calc(8px * 2);
  grid-column-gap: var(--grid-1-column-gap);
  column-gap: calc(8px * 2);
  column-gap: var(--grid-1-column-gap);
  grid-row-gap: calc(8px * 6);
  grid-row-gap: var(--grid-row-gap);
  row-gap: calc(8px * 6);
  row-gap: var(--grid-row-gap);
}
@media (min-width: 720px) {
  .addresses.section .addresses__list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(8px * 2);
    column-gap: var(--grid-2-column-gap);
  }
}
@media (min-width: 1024px) {
  .addresses.section .addresses__list {
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(8px * 2);
    column-gap: var(--grid-3-column-gap);
  }
}
.addresses.section .addresses__list-item {
  --row-gap: var(--spacing-50);
  padding: calc(8px * 3);
  padding: var(--spacing-300);
  border: 1px solid var(--color-lines-and-borders);
  border-radius: var(--radius-card);
}
.addresses.section .addresses__list-item .list-item__inline-buttons {
  --column-gap: var(--spacing-200);
  margin-top: auto;
  padding-top: 8px;
  padding-top: var(--spacing-100);
}
.addresses.section
  .addresses__list-item
  .list-item__inline-buttons
  .btn__label {
  pointer-events: none;
}
.addresses.section .addresses__form {
  --row-gap: var(--spacing-300);
}
.addresses.section .addresses__form input:not([type="checkbox"]),
.addresses.section .addresses__form select {
  width: 100%;
}
.addresses.section .addresses__checkbox-wrapper {
  display: flex;
  align-items: center;
  column-gap: calc(8px / 2);
  column-gap: var(--spacing-50);
}
.addresses.section .addresses__checkbox-wrapper label {
  cursor: pointer;
}
.addresses.section .address-modal .modal-close-button {
  z-index: 1;
}
@keyframes underlinedLinkHover {
  0% {
    background-position-x: 100%;
    background-size: 100% 1px;
  }

  50% {
    background-position-x: 100%;
    background-size: 0% 1px;
  }

  51% {
    background-position-x: 0%;
    background-size: 0% 1px;
  }

  100% {
    background-position-x: 0%;
    background-size: 100% 1px;
  }
}
.login.section[data-form-mode="login"] #recover-form {
  display: none;
}
.login.section[data-form-mode="recover"] #login-form {
  display: none;
}
.login.section header {
  padding: 0;
}
.login.section .section-inner {
  --max-width-narrow: 540px;
}
.login.section .login__header {
  --row-gap: var(--block-spacing-heading);
  margin-bottom: calc(8px * 7);
  margin-bottom: var(--spacing-700);
}
.login.section .login__form {
  --row-gap: var(--spacing-300);
}
.login.section .password__label-wrapper {
  --row-gap: none;
  flex-wrap: wrap;
}
.login.section input {
  width: 100%;
  margin-top: 8px;
  margin-top: var(--spacing-100);
}
.login.section a {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.login.section a:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
.login.section a {
  white-space: nowrap;
}
.login.section #guest-form {
  margin-top: calc(8px * 7);
  margin-top: var(--spacing-700);
}
.login.section #guest-form h2 {
  margin-bottom: calc(8px * 3);
  margin-bottom: var(--spacing-300);
}
@keyframes underlinedLinkHover {
  0% {
    background-position-x: 100%;
    background-size: 100% 1px;
  }

  50% {
    background-position-x: 100%;
    background-size: 0% 1px;
  }

  51% {
    background-position-x: 0%;
    background-size: 0% 1px;
  }

  100% {
    background-position-x: 0%;
    background-size: 100% 1px;
  }
}
.order.section .section-inner {
  --row-gap: var(--spacing-600);
}
@media (min-width: 1024px) {
  .order.section .section-inner {
    --row-gap: var(--spacing-700);
  }
}
.order.section .order__header {
  --row-gap: var(--block-spacing-heading);
  padding: 0;
}
.order.section .order__breadcrumbs .breadcrumbs {
  justify-content: center;
}
.order.section .order__breadcrumbs a {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.order.section .order__breadcrumbs a:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
.order.section .order__messages {
  --row-gap: var(--spacing-250);
  background-color: var(--color-text-alpha-10);
  padding: calc(8px * 2.5);
  padding: var(--spacing-250);
}
@media (max-width: 719.9px) {
  .order.section .order__items tr {
    display: flex;
    flex-direction: column;
    row-gap: calc(8px * 1.5);
    row-gap: var(--spacing-150);
  }
}
.order.section .order__product {
  display: flex;
  align-items: center;
}
@media (max-width: 719.9px) {
  .order.section .order__product {
    margin-bottom: calc(8px * 2.5);
    margin-bottom: var(--spacing-250);
  }
}
.order.section .order__product ul {
  margin: 0;
  padding: 0;
}
.order.section .order__product li {
  list-style: none;
}
.order.section .order__product-details {
  white-space: normal;
}
.order.section .order__product-details .product-details__title a {
  padding-bottom: 1px;
  background: linear-gradient(
    to right,
    transparent 50%,
    var(--color-text) 50%,
    var(--color-text) 100%
  );
  background-size: 200% 1px;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
  animation: linkUnderlineOut calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: linkUnderlineOut var(--animation-timing-400) var(--ease-out-quart);
}
.order.section .order__product-details .product-details__title a:hover {
  animation: linkUnderlineIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: linkUnderlineIn var(--animation-timing-400) var(--ease-out-quart)
    forwards;
}
.order.section .order__image {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  background-color: var(--color-background);
  margin-right: calc(8px * 5);
  margin-right: var(--spacing-500);
}
.order.section .order__image .image {
  border-radius: var(--radius-image-thumbnail);
}
.order.section .order__summary {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: calc(8px * 5);
  grid-row-gap: var(--spacing-500);
  row-gap: calc(8px * 5);
  row-gap: var(--spacing-500);
  margin-top: calc(8px * 5);
  margin-top: var(--spacing-700);
}
@media (min-width: 720px) {
  .order.section .order__summary {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .order.section .order__summary {
    grid-template-columns: repeat(3, 1fr);
  }
}
.order.section .order__summary-addresses-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-start: 2;
  grid-row-gap: calc(8px * 5);
  grid-row-gap: var(--spacing-500);
  row-gap: calc(8px * 5);
  row-gap: var(--spacing-500);
}
@media (min-width: 720px) {
  .order.section .order__summary-addresses-wrapper {
    grid-row-start: unset;
  }
}
@media (min-width: 1024px) {
  .order.section .order__summary-addresses-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-column: span 2;
  }
}
.order.section .order__summary-item {
  --row-gap: var(--spacing-150);
  --column-gap: var(--spacing-150);
}
@media (min-width: 1024px) {
  .order.section .order__summary-item {
    --row-gap: var(--spacing-250);
  }
}
.order.section .order__summary-item--charges .summary-item__total {
  align-items: center;
  padding-top: calc(8px * 2.5);
  padding-top: var(--spacing-250);
  border-top: 1px solid var(--color-lines-and-borders);
}
@keyframes underlinedLinkHover {
  0% {
    background-position-x: 100%;
    background-size: 100% 1px;
  }

  50% {
    background-position-x: 100%;
    background-size: 0% 1px;
  }

  51% {
    background-position-x: 0%;
    background-size: 0% 1px;
  }

  100% {
    background-position-x: 0%;
    background-size: 100% 1px;
  }
}
@keyframes linkUnderlineIn {
  0% {
    background-position-x: 200%;
  }

  100% {
    background-position-x: 100%;
  }
}
@keyframes linkUnderlineOut {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}
.reset-password.section header {
  padding: 0;
}
.reset-password.section .section-inner {
  --max-width-narrow: 540px;
}
.reset-password.section .reset-password__header {
  --row-gap: var(--block-spacing-heading);
  margin-bottom: calc(8px * 7);
  margin-bottom: var(--spacing-700);
}
.reset-password.section .reset-password__form {
  --row-gap: var(--spacing-300);
}
.reset-password.section input {
  width: 100%;
  margin-top: 8px;
  margin-top: var(--spacing-100);
}
.register.section header {
  padding: 0;
}
.register.section .section-inner {
  --max-width-narrow: 540px;
}
.register.section .register__header {
  --row-gap: var(--block-spacing-heading);
  margin-bottom: calc(8px * 7);
  margin-bottom: var(--spacing-700);
}
.register.section .register__form {
  --row-gap: var(--spacing-300);
}
.register.section input {
  width: 100%;
  margin-top: 8px;
  margin-top: var(--spacing-100);
}
.media-with-text__content-blocks-inner .content-blocks.became-visible p,
.media-with-text__content-blocks-inner .content-blocks.became-visible .btn-wrapper{
  /* animation-name: contentHeadingAnimation-2;
  animation-duration: calc(80ms * 8);
  animation-duration: var(--animation-timing-800);
  animation-delay: .5s;
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
  opacity: 0; */
};
  /* animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
} */
.blog .section-inner.became-visible .animation-content {
  animation-name: contentContentAnimation;
  animation-duration: calc(80ms * 9);
  animation-duration: var(--animation-timing-900);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.blog .section-inner.became-visible .animation-slider {
  animation-name: contentSliderAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
@media (min-width: 1024px) {
  .blog
    .section-inner.became-visible
    .animation-slider:not(.animation-slider--small) {
    animation-duration: calc(80ms * 5);
    animation-duration: var(--animation-timing-500);
  }
}
.blog .section-inner {
  display: block;
}
.blog .blog__header {
  margin-bottom: calc(8px * 7);
  margin-bottom: var(--spacing-700);
}
@media (min-width: 1024px) {
  .blog .blog__header {
    margin-bottom: calc(8px * 8);
    margin-bottom: var(--spacing-800);
  }
}
.blog .blog__title-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: calc(8px * 3);
  margin-bottom: var(--spacing-300);
}
.blog .blog__title-wrapper:has(.animation-heading) {
  margin-bottom: calc((8px * 3) - 0.35em);
  margin-bottom: calc(calc(8px * 3) - 0.35em);
  margin-bottom: calc(var(--spacing-300) - var(--bottom-font-padding));
}
@media (min-width: 720px) {
  .blog .blog__title-wrapper:has(.animation-heading) {
    margin-bottom: calc((8px * 4) - 0.35em);
    margin-bottom: calc(calc(8px * 4) - 0.35em);
    margin-bottom: calc(var(--spacing-400) - var(--bottom-font-padding));
  }
}
@media (min-width: 1024px) {
  .blog .blog__title-wrapper:has(.animation-heading) {
    margin-bottom: calc((8px * 4.5) - 0.35em);
    margin-bottom: calc(calc(8px * 4.5) - 0.35em);
    margin-bottom: calc(var(--spacing-450) - var(--bottom-font-padding));
  }
}
.blog .blog__title-wrapper .blog__title {
  width: max-content;
}
.blog .blog__title-wrapper .blog__title.animation-heading {
  margin: 0 calc(0.3em * -1);
  margin: 0 calc(var(--horizontal-font-padding) * -1);
  padding: 0 0.3em 0.35em;
  padding: 0 var(--horizontal-font-padding) var(--bottom-font-padding);
}
.blog .blog-navigation {
  display: flex;
  justify-content: center;
  column-gap: calc(8px * 3);
  column-gap: var(--spacing-300);
  flex-wrap: wrap;
}
@media (max-width: 719.9px) {
  .blog .blog-navigation {
    display: none;
  }
}
.blog .blog-navigation--mobile {
  display: flex;
  justify-content: center;
}
.blog .blog-navigation--mobile select {
  padding-top: calc(8px * 1.5);
  padding-top: var(--spacing-150);
  padding-bottom: calc(8px * 1.5);
  padding-bottom: var(--spacing-150);
}
@media (min-width: 720px) {
  .blog .blog-navigation--mobile {
    display: none;
  }
}
.blog .blog-navigation__item {
  display: flex;
  column-gap: calc(8px / 4);
  column-gap: var(--spacing-25);
}
.blog .blog-navigation__item.selected a:after {
  width: 100%;
}
.blog .blog-navigation__item:not(.selected) a:hover {
  color: var(--color-text-alpha-70);
}
.blog .blog-navigation__item:not(.selected) a:hover:before {
  opacity: 1;
}
.blog .blog-navigation__item:not(.selected) a:focus {
  color: var(--color-text);
}
.blog .blog-navigation__item:not(.selected) a:focus:after {
  width: 100%;
}
.blog .blog-navigation__item a {
  position: relative;
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color 240ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 240ms var(--ease-out-quart);
}
.blog .blog-navigation__item a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 1px;
  width: 100%;
  background-color: var(--color-text-alpha-40);
  opacity: 0;
  transition: opacity 240ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 240ms var(--ease-out-quart);
}
.blog .blog-navigation__item a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 1px;
  width: 0%;
  background-color: var(--color-text);
  transition: width 240ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: width 240ms var(--ease-out-quart);
}
.blog .blog__articles {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: calc(8px * 6);
  grid-row-gap: var(--spacing-600);
  row-gap: calc(8px * 6);
  row-gap: var(--spacing-600);
  grid-column-gap: calc(8px * 2);
  grid-column-gap: var(--spacing-200);
  column-gap: calc(8px * 2);
  column-gap: var(--spacing-200);
}
@media (min-width: 720px) {
  .blog .blog__articles {
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(8px * 4);
    column-gap: var(--spacing-400);
    row-gap: calc(8px * 7);
    row-gap: var(--spacing-700);
  }
}
@media (min-width: 1024px) {
  .blog .blog__articles {
    grid-template-columns: repeat(var(--column-count), 1fr);
    row-gap: calc(8px * 10);
    row-gap: var(--spacing-1000);
  }
}
@media (min-width: 1440px) {
  .blog .blog__articles {
    column-gap: calc(8px * 5);
    column-gap: var(--spacing-500);
  }
}
.blog .blog-article-item {
  position: relative;
  overflow: hidden;
  border-top-left-radius: var(--radius-image);
  border-top-right-radius: var(--radius-image);
}
.blog .blog-article-no-item {
  --column-gap: var(--spacing-50);
  grid-column: 1/-1;
  align-items: center;
}
.blog .blog-article-item__image {
  display: block;
  overflow: hidden;
  border-radius: var(--radius-image);
  margin-bottom: calc(8px * 4);
  margin-bottom: var(--spacing-400);
}
@media (min-width: 1440px) {
  .blog .blog-article-item__image {
    margin-bottom: calc(8px * 4);
    margin-bottom: var(--spacing-400);
  }
}
.blog .blog-posts-meta__button {
  margin-top: calc(8px * 3);
  margin-top: var(--spacing-300);
}
.blog .blog-posts-meta .blog-posts-meta__category,
.blog .blog-posts-meta .blog-posts-meta__title,
.blog .blog-posts-meta .blog-posts-meta__publish-info {
  margin-bottom: calc(8px * 1.25);
  margin-bottom: var(--spacing-125);
}
.blog .blog-posts-meta .blog-posts-meta__excerpt {
  margin-top: calc(8px * 2);
  margin-top: var(--spacing-200);
}
.blog .blog-posts-meta .blog-posts-meta__title a,
.blog .blog-posts-meta .blog-posts-meta__category a {
  width: -moz-fit-content;
  width: fit-content;
  outline-offset: -2px;
}
.blog .blog-posts-meta .blog-posts-meta__title-wrapper {
  margin-bottom: calc(8px * 1.25);
  margin-bottom: var(--spacing-125);
}
.blog .blog-posts-meta .blog-posts-meta__title-wrapper:has(.animation-heading) {
  margin-bottom: calc((8px * 1.25) - 0.35em);
  margin-bottom: calc(calc(8px * 1.25) - 0.35em);
  margin-bottom: calc(var(--spacing-125) - var(--bottom-font-padding));
}
.blog .blog-posts-meta .blog-posts-meta__title-wrapper .blog-posts-meta__title {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0;
}
.blog
  .blog-posts-meta
  .blog-posts-meta__title-wrapper
  .blog-posts-meta__title.animation-heading {
  margin: 0 calc(0.3em * -1);
  margin: 0 calc(var(--horizontal-font-padding) * -1);
  padding: 0 0.3em 0.35em;
  padding: 0 var(--horizontal-font-padding) var(--bottom-font-padding);
}
.blog .blog-posts-meta .blog-posts-meta__publish-info {
  align-items: center;
}
.blog .blog-posts-meta .publish-info__separator {
  display: block;
  width: 1px;
  height: 16px;
  margin: 0 10px;
  background-color: var(--color-text-alpha-70);
}
.blog .blog-posts-meta a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  z-index: 1;
}
.blog .blog-posts-meta > :last-child {
  margin-bottom: 0;
}
.blog scrolling-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 8px;
  padding-top: var(--spacing-100);
  padding-bottom: 8px;
  padding-bottom: var(--spacing-100);
  color: var(--color-accent-foreground);
  background-color: var(--color-accent);
  transform: translateY(-101%);
  transition: transform calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-300) var(--ease-out-quart);
  pointer-events: none;
}
@media (max-width: 719.9px) {
  .blog scrolling-content {
    display: none;
  }
}
.blog .scrolling-content__content {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  text-transform: uppercase;
}
.blog .article-tag {
  font-size: var(--font-size-body-50);
}
.blog .scrolling-content__separator {
  --radius: 3px;
  height: 3px;
  height: var(--radius);
  width: 3px;
  width: var(--radius);
  border-radius: 3px;
  border-radius: var(--radius);
  background-color: var(--color-accent-foreground);
}
@media (min-width: 1024px) {
  .blog .blog__articles--column-count-2 .blog-article-item--featured,
  .blog .blog__articles--column-count-2 .blog-article-item__overlay {
    min-height: calc((100vw - (calc(8px * 2.5) * 2)) * 9 / 16);
    min-height: calc((100vw - (var(--gutter) * 2)) * 9 / 16);
  }
}
.blog .blog-article-item--featured {
  display: grid;
  position: relative;
  grid-column: span 1;
  color: var(--color-text);
  border-radius: var(--radius-image);
}
@media (max-width: 719.9px) {
  .blog .blog-article-item--featured {
    margin-bottom: calc(8px * 4);
    margin-bottom: var(--spacing-400);
    min-height: calc(100vw - (calc(8px * 2.5) * 2));
    min-height: calc(100vw - (var(--gutter) * 2));
  }
}
@media (min-width: 720px) {
  .blog .blog-article-item--featured {
    grid-column: span 2;
    min-height: calc((100vw - (calc(8px * 2.5) * 2)) * 9 / 16);
    min-height: calc((100vw - (var(--gutter) * 2)) * 9 / 16);
  }
}
@media (min-width: 1024px) {
  .blog .blog-article-item--featured {
    height: 100%;
    min-height: 0;
    min-height: initial;
  }
}
.blog .blog-article-item--featured .blog-posts-meta {
  padding: calc(8px * 3.5);
  padding: var(--spacing-350);
  align-content: end;
}
.blog .blog-article-item--featured .blog-posts-meta > :last-child {
  margin-bottom: 0;
}
@media (min-width: 720px) {
  .blog .blog-article-item--featured .blog-posts-meta {
    padding: calc(8px * 4.5);
    padding: var(--spacing-450);
  }
}
.blog .blog-article-item--featured .blog-article-item__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
}
.blog .blog-article-item--featured .blog-article-item__image .image {
  --object-fit: cover;
  height: 100%;
}
.blog .blog-article-item--featured .blog-article-item__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-background-gradient, var(--color-background));
  opacity: var(--overlay-opacity);
}
.blog .blog-article-item--featured .blog-article-item__link {
  grid-row-start: 1;
  grid-column-start: 1;
  z-index: 0;
}
.blog .blog-article-item--featured .blog-posts-meta__category {
  position: sticky;
  bottom: 100%;
  margin-bottom: calc(8px * 4.5);
  margin-bottom: var(--spacing-450);
}
.blog .blog-article-item--featured .blog-posts-meta__title-wrapper {
  margin-bottom: calc(8px * 1.5);
  margin-bottom: var(--spacing-150);
}
.blog
  .blog-article-item--featured
  .blog-posts-meta__title-wrapper:has(.animation-heading) {
  margin-bottom: calc((8px * 1.5) - 0.35em);
  margin-bottom: calc(calc(8px * 1.5) - 0.35em);
  margin-bottom: calc(var(--spacing-150) - var(--bottom-font-padding));
}
.blog .blog-article-item--featured .blog-posts-meta__publish-info {
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--spacing-250);
}
.blog .blog-article-item--featured .blog-posts-meta__excerpt {
  transform: translateY(0px);
}
@media (max-width: 719.9px) {
  .blog .blog-article-item--featured .blog-posts-meta__excerpt {
    display: none;
  }
}
.blog .blog__pagination .pagination {
  margin-top: calc(8px * 7);
  margin-top: var(--spacing-700);
}
@media (min-width: 1024px) {
  .blog .blog__pagination .pagination {
    margin-top: calc(8px * 8);
    margin-top: var(--spacing-800);
  }
}
.blog .blog__articles .blog-article-item .blog-posts-meta .animation-heading {
  animation-delay: calc((80ms * 6.25) + (80ms * 1.5) * var(--animation-index));
  animation-delay: calc(
    calc(80ms * 6.25) + calc(80ms * 1.5) * var(--animation-index)
  );
  animation-delay: calc(
    var(--animation-timing-625) + var(--animation-timing-150) *
      var(--animation-index)
  );
}
.blog
  .blog-article-item--featured:hover
  scrolling-content
  + .blog-posts-meta
  .blog-posts-meta__category {
  opacity: 0;
}
.blog .blog-article-item--featured:hover .image {
  transform: scale(1.1);
}
.blog .blog-article-item--featured:hover scrolling-content {
  transform: translateY(0%);
}
.blog .blog-article-item--featured .blog-posts-meta__category {
  transition: opacity calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity var(--animation-timing-300) var(--ease-out-quart);
}
.blog .blog-article-item--featured .image {
  transition: transform calc(80ms * 7.5) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-750) var(--ease-out-quart);
}
.blog
  .blog-article-item:not(.blog-article-item--featured)
  .blog-article-item__image:hover
  .image {
  transform: scale(1.05);
}
.blog
  .blog-article-item:not(.blog-article-item--featured)
  .blog-article-item__image:hover
  ~ scrolling-content {
  transform: translateY(0%);
}
.blog
  .blog-article-item:not(.blog-article-item--featured)
  .blog-article-item__image
  .image {
  transition: transform calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform var(--animation-timing-400) var(--ease-out-quart);
}
collection-product-grid {
  display: block;
}
collection-product-grid.loading .collection-product-grid__products,
collection-product-grid.loading .pagination {
  opacity: 0;
  transform: translateY(20px);
}
collection-product-grid.loading .collection-product-grid__loading {
  display: flex;
}
.collection-product-grid__products {
  transition-property: opacity, transform;
  transition-duration: calc(80ms * 5);
  transition-duration: var(--animation-timing-500);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.collection-product-grid__products.collection-product-grid__products--empty {
  display: block;
  text-align: center;
}
.collection-product-grid__products.collection-product-grid__products--empty
  .collection-product-grid__clear {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.collection-product-grid__products.collection-product-grid__products--empty
  .collection-product-grid__clear
  .btn-wrapper {
  display: inline-block;
}
.collection-product-grid__top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(8px * 4);
  margin-bottom: var(--spacing-400);
}
@media (min-width: 1024px) {
  .collection-product-grid__top-bar {
    margin-bottom: calc(8px * 5);
    margin-bottom: var(--spacing-500);
  }
}
.collection-product-grid__top-bar.collection-product-grid__top-bar--sort-enabled-only {
  justify-content: flex-end;
}
.collection-top-bar__filter-button,
.sticky-filter-sort__filter-button {
  font-family: inherit;
}
html.no-js .collection-top-bar__filter-button,
html.no-js .sticky-filter-sort__filter-button {
  display: none;
}
.collection-top-bar__filter-button .filter-button__count,
.sticky-filter-sort__filter-button .filter-button__count {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--color-accent-foreground);
  line-height: var(--line-height-body);
  z-index: 1;
}
.collection-top-bar__filter-button .filter-button__count::before,
.sticky-filter-sort__filter-button .filter-button__count::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-accent);
  border-radius: 100%;
  z-index: -1;
}
.collection-top-bar__filter-button {
  display: none;
  align-items: center;
  gap: calc(8px * 1.25);
  gap: var(--spacing-125);
  padding: calc(8px * 1.5);
  padding: var(--spacing-150);
  background-color: var(--color-icon-button-background);
  color: var(--color-icon-button-foreground);
  border: none;
  border-radius: var(--radius-button);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .collection-top-bar__filter-button {
    display: flex;
  }
}
.collection-top-bar__results-and-sort {
  display: flex;
  align-items: center;
}
.collection-top-bar__results-and-sort .result-sort-divider {
  display: none;
  align-self: stretch;
  width: 1px;
  margin: 2px calc(8px * 2);
  margin: 2px var(--spacing-200);
  background-color: var(--color-lines-and-borders);
}
@media (min-width: 1024px) {
  .collection-top-bar__results-and-sort .result-sort-divider {
    display: block;
  }

  html.no-js .collection-top-bar__results-and-sort .result-sort-divider {
    display: none;
  }
}
.collection-top-bar__result-count {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.collection-top-bar__result-count .result-count__showing {
  display: none;
  color: var(--color-text-alpha-70);
}
@media (min-width: 1024px) {
  .collection-top-bar__result-count .result-count__showing {
    display: block;
  }

  html.no-js .collection-top-bar__result-count .result-count__showing {
    display: none;
  }
}
.collection-top-bar__sort-wrapper {
  display: none;
}
.collection-top-bar__sort-wrapper .disclosure-trigger {
  border-radius: var(--radius-input);
}
html.js
  .collection-top-bar__sort-wrapper
  details.disclosure-wrapper.disclosure--alignment-overlaid
  .disclosure-content {
  top: -3px;
  width: 100%;
}
@media (min-width: 1024px) {
  .collection-top-bar__sort-wrapper {
    display: block;
  }

  html.no-js .collection-top-bar__sort-wrapper {
    display: none;
  }
}
.collection-top-bar__sort-wrapper .disclosure-content,
.sticky-filter-sort__sort-desktop .disclosure-content {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  box-shadow: var(--box-shadow-popover);
}
.collection-top-bar-sort__trigger {
  display: flex;
  align-items: center;
  min-width: 250px;
  padding: calc(8px * 1.5) calc(8px * 2);
  padding: var(--spacing-150) var(--spacing-200);
  background-color: var(--color-background);
  color: var(--color-text);
  border: 1px solid var(--color-text-alpha-30);
  border-radius: var(--radius-input);
  transition: border-color calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border-color var(--animation-timing-200) var(--ease-out-quart);
}
.collection-top-bar-sort__trigger:hover {
  border-color: var(--color-text-alpha-70);
}
.collection-top-bar-sort__trigger .sort-trigger__label {
  margin-right: calc(8px * 0.75);
  margin-right: var(--spacing-75);
  color: var(--color-text-alpha-70);
}
.collection-top-bar-sort__trigger .sort-trigger__value {
  margin-right: calc(8px * 1.5);
  margin-right: var(--spacing-150);
  flex-grow: 1;
}
.collection-top-bar-sort__disclosure > *,
.sticky-filter-sort__sort-disclosure > *,
.mobile-sort-drawer__content > * {
  padding: calc(8px * 1.25) calc(8px * 1.5);
  padding: var(--spacing-125) var(--spacing-150);
  border-radius: var(--radius-button-within-popover);
  transition: background-color calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background-color var(--animation-timing-200) var(--ease-out-quart);
}
.collection-top-bar-sort__disclosure > *:hover,
.sticky-filter-sort__sort-disclosure > *:hover,
.mobile-sort-drawer__content > *:hover {
  background-color: var(--color-text-alpha-10);
}
.collection-top-bar-sort__disclosure > *.custom-input label,
.sticky-filter-sort__sort-disclosure > *.custom-input label,
.mobile-sort-drawer__content > *.custom-input label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-left: calc(20px + (8px * 2.5));
  padding-left: calc(20px + calc(8px * 2.5));
  padding-left: calc(20px + var(--spacing-250));
}
.collection-top-bar-sort__disclosure > * input:not(:checked) + label,
.sticky-filter-sort__sort-disclosure > * input:not(:checked) + label,
.mobile-sort-drawer__content > * input:not(:checked) + label {
  color: var(--color-text-alpha-70);
}
.disclosure-wrapper.animating .collection-top-bar-sort__disclosure > *,
.disclosure-wrapper.animating .sticky-filter-sort__sort-disclosure > *,
.disclosure-wrapper.animating .mobile-sort-drawer__content > * {
  pointer-events: none;
}
.collection-top-bar-sort__disclosure {
  width: 100%;
}
.collection-product-grid__sticky-filter-sort-button {
  --sticky-filter-show-ease: cubic-bezier(0.22, 1.47, 0.75, 1);
  --sticky-filter-hide-ease: cubic-bezier(0.41, -0.28, 1, 0.05);

  position: fixed;
  bottom: calc(8px * 4);
  bottom: var(--spacing-400);
  left: 50%;
  display: flex;
  align-items: center;
  width: min-content;
  border-radius: var(--radius-button);
  background-color: var(--color-icon-button-background);
  transform: translate(-50%, calc(100% + (8px * 4)));
  transform: translate(-50%, calc(100% + calc(8px * 4)));
  transform: translate(-50%, calc(100% + var(--spacing-400)));
  transition-property: transform, visibility;
  transition-duration: calc(80ms * 3);
  transition-duration: var(--animation-timing-300);
  transition-timing-function: cubic-bezier(0.41, -0.28, 1, 0.05);
  transition-timing-function: var(--sticky-filter-hide-ease);
  z-index: 450;
  z-index: var(--z-index-filter-bar);
}
.collection-product-grid__sticky-filter-sort-button.active {
  transform: translate(-50%, 0);
  transition-timing-function: var(--sticky-filter-show-ease);
}
@media (min-width: 1024px) {
  .collection-product-grid__sticky-filter-sort-button {
    visibility: hidden;
    transform: translate(-50%, calc(100% + (8px * 4)));
    transform: translate(-50%, calc(100% + calc(8px * 4)));
    transform: translate(-50%, calc(100% + var(--spacing-400)));
  }

  .collection-product-grid__sticky-filter-sort-button.collection-product-grid__sticky-filter-sort-button--desktop-enabled.active {
    visibility: visible;
    transform: translate(-50%, 0);
    transition-timing-function: var(--sticky-filter-show-ease);
  }
}
.collection-product-grid__sticky-filter-sort-button .disclosure-trigger {
  border-radius: var(--radius-button);
}
.collection-product-grid__sticky-filter-sort-button
  .sticky-filter-sort__sort-wrapper
  disclosure-component
  .disclosure-wrapper.disclosure--alignment-above
  .disclosure-content {
  bottom: calc(100% + 8px);
  bottom: calc(100% + var(--spacing-100));
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
}
@media (min-width: 720px) {
  .sticky-filter-sort__sort-mobile {
    display: none;
  }
}
.sticky-filter-sort__sort-desktop {
  display: none;
}
@media (min-width: 720px) {
  .sticky-filter-sort__sort-desktop {
    display: block;
  }
}
.sticky-filter-sort__filter-button,
.sticky-filter-sort__sort-trigger {
  display: flex;
  align-items: center;
  gap: calc(8px * 1.25);
  gap: var(--spacing-125);
  padding: calc(8px * 1.5) calc(8px * 2);
  padding: var(--spacing-150) var(--spacing-200);
  background-color: transparent;
  color: var(--color-icon-button-foreground);
  border: none;
  border-radius: var(--radius-button);
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.sticky-filter-sort__divider {
  align-self: stretch;
  width: 1px;
  margin: calc(8px * 1.5) 0;
  margin: var(--spacing-150) 0;
  background-color: var(--color-icon-button-foreground);
  opacity: 0.3;
}
.sticky-filter-sort__sort-disclosure > * {
  padding: calc(8px * 1.25) calc(8px * 1.5);
  padding: var(--spacing-125) var(--spacing-150);
  border-radius: var(--radius-button);
}
.sticky-filter-sort__sort-disclosure > *:hover {
  background-color: var(--color-text-alpha-10);
}
.sticky-filter-sort__sort-disclosure > * input:not(:checked) + label {
  color: var(--color-text-alpha-70);
}
.mobile-sort-drawer__close-button {
  display: flex;
  justify-content: flex-end;
}
.collection-product-grid__loading {
  display: none;
  align-items: flex-start;
  justify-content: center;
  height: 100vw;
}
.collection-product-grid__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gift-card {
  padding: calc(8px * 2.5);
  padding: var(--spacing-250);
  text-align: center;
}
@media (min-width: 720px) {
  .gift-card {
    padding: calc(8px * 5);
    padding: var(--spacing-500);
  }
}
.gift-card__store-name a {
  padding-bottom: 1px;
  background: linear-gradient(
    to right,
    transparent 50%,
    var(--color-text) 50%,
    var(--color-text) 100%
  );
  background-size: 200% 1px;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
  animation: linkUnderlineOut calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: linkUnderlineOut var(--animation-timing-400) var(--ease-out-quart);
}
.gift-card__store-name a:hover {
  animation: linkUnderlineIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: linkUnderlineIn var(--animation-timing-400) var(--ease-out-quart)
    forwards;
}
.gift-card__title {
  margin-top: 0;
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--spacing-250);
}
.gift-card__tag {
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--spacing-250);
}
.gift-card__container {
  max-width: 560px;
  margin: 0 auto;
  padding: calc(8px * 2.5);
  padding: var(--spacing-250);
}
.gift-card__graphic img {
  width: 100%;
  height: auto;
  display: block;
}
.gift-card__initial-balance,
.gift-card__remaining-balance,
.gift-card__shopping-button,
.gift-card__print-giftcard,
.apple-wallet-image {
  margin-top: calc(8px * 2.5);
  margin-top: var(--spacing-250);
}
.gift-card__code-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(8px * 0.75);
  column-gap: var(--spacing-75);
  margin-top: calc(8px / 2);
  margin-top: var(--spacing-50);
  margin-bottom: calc(8px / 2);
  margin-bottom: var(--spacing-50);
}
.gift-card__code-wrapper .btn--style-inline-icon {
  --inline-icon-button-size: 40px;
}
.gift-card__code-wrapper .gift-card__copy-button {
  overflow: visible;
}
.gift-card__code-wrapper .gift-card__copy-button:hover .copy-button__tooltip {
  visibility: visible;
  opacity: 1;
}
html.no-js .gift-card__code-wrapper .gift-card__copy-button {
  display: none;
}
.gift-card__code-wrapper
  .gift-card__copy-button.copy-success
  .tooltip-copy--idle,
.gift-card__code-wrapper
  .gift-card__copy-button.copy-error
  .tooltip-copy--idle {
  display: none;
}
.gift-card__code-wrapper
  .gift-card__copy-button.copy-success
  .tooltip-copy--success {
  display: block;
}
.gift-card__code-wrapper
  .gift-card__copy-button.copy-error
  .tooltip-copy--error {
  display: block;
}
.gift-card__code-wrapper .copy-button__tooltip {
  position: absolute;
  bottom: calc(100% + 2px);
  left: 50%;
  width: max-content;
  max-width: 150px;
  padding: calc(8px * 0.75) 8px;
  padding: var(--spacing-75) var(--spacing-100);
  background-color: var(--color-text);
  color: var(--color-background);
  border-radius: var(--radius-button);
  filter: drop-shadow(0px 4px 5px var(--color-text-alpha-10));
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity var(--animation-timing-400) var(--ease-out-quart);
}
.gift-card__code-wrapper .copy-button__tooltip .tooltip-copy--success,
.gift-card__code-wrapper .copy-button__tooltip .tooltip-copy--error {
  display: none;
}
#qr-code {
  margin-top: calc(8px * 2.5);
  margin-top: var(--spacing-250);
  display: flex;
  justify-content: center;
}
@media (min-width: 720px) {
  #qr-code {
    margin-top: calc(8px * 5);
    margin-top: var(--spacing-500);
  }
}
.apple-wallet-image {
  display: block;
  margin: 0 auto;
}
@media print {
  @page {
    margin: 0.5cm;
  }

  p {
    orphans: 3;
    widows: 3;
  }

  .gift-card__print-giftcard,
  .apple-wallet,
  .gift-card__shopping-button {
    display: none;
  }
}
@keyframes linkUnderlineIn {
  0% {
    background-position-x: 200%;
  }

  100% {
    background-position-x: 100%;
  }
}
@keyframes linkUnderlineOut {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}
password-header-wrapper {
  display: block;
  z-index: 510;
  z-index: var(--z-index-header);
}
.password-header {
  --num-icon-buttons: 1;
  padding: calc(8px * 1.25) calc(8px * 2.5);
  padding: var(--spacing-125) var(--gutter);
  background-color: inherit;
}
@media (min-width: 1024px) {
  .password-header {
    padding-top: calc(8px * 1.5);
    padding-bottom: calc(8px * 1.5);
    padding-top: var(--spacing-150);
    padding-bottom: var(--spacing-150);
    min-height: 60px;
  }
}
.password-header__content {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin: 0 auto;
  max-width: 1600px;
  max-width: var(--max-page-width);
}
.password-header__content-segment {
  display: flex;
  column-gap: calc(8px * 3);
  column-gap: var(--spacing-300);
}
.password-header__content-segment--logo {
  justify-content: center;
}
.password-header__content-segment--password {
  justify-content: flex-end;
}
.password-header--logo-position-left .password-header__content {
  grid-template-columns: auto 1fr;
}
.password-header--logo-position-left .password-header__content-segment--spacer {
  display: none;
}
.password-header--logo-position-left .password-header__content-segment--logo {
  justify-content: flex-start;
}
.password-header-section
  password-header-wrapper[data-enable-transparent-header="true"] {
  position: absolute;
  left: 0;
  right: 0;
  background-color: transparent;
}
.password-link {
  display: flex;
  align-items: center;
  column-gap: 8px;
  column-gap: var(--spacing-100);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.password-link__text {
  padding-bottom: 1px;
  background: linear-gradient(
    to right,
    transparent 50%,
    var(--color-text) 50%,
    var(--color-text) 100%
  );
  background-size: 200% 1px;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
  animation: linkUnderlineOut calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: linkUnderlineOut var(--animation-timing-400) var(--ease-out-quart);
}
.password-link:hover .password-link__text {
  animation: linkUnderlineIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: linkUnderlineIn var(--animation-timing-400) var(--ease-out-quart)
    forwards;
}
@media (max-width: 719.9px) {
  .password-link__text {
    display: none;
  }
}
.password-link__icon {
  position: relative;
}
.password-link__icon:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100%;
  background-color: transparent;
  transform: scale(0.3);
  transition-property: background-color, transform;
  transition-duration: calc(80ms * 4);
  transition-duration: var(--animation-timing-400);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
@media (max-width: 719.9px) {
  .password-link__icon:hover:before,
  .user-is-tabbing .password-link__icon:focus:before {
    background-color: var(--color-text-alpha-10);
    transform: scale(1.4);
  }
}
@media (max-width: 719.9px) {
  .password-link__icon:active {
    transform: scale(0.88);
  }
}
.password-unlock {
  padding: calc(8px * 5) 0;
  padding: var(--spacing-500) 0;
  text-align: center;
  align-items: center;
  --row-gap: var(--spacing-350);
}
@media (min-width: 720px) {
  .password-unlock {
    padding-top: calc(8px * 2);
    padding-top: var(--spacing-200);
    padding-bottom: 0;
    min-width: 400px;
  }
}
.password-unlock__form {
  width: 100%;
}
.password-unlock__login-form {
  align-items: center;
  --column-gap: var(--spacing-150);
  --row-gap: var(--spacing-125);
}
.password-unlock__login-form .custom-input-wrapper {
  flex-grow: 1;
}
@media (max-width: 719.9px) {
  .password-unlock__login-form .custom-input-wrapper {
    width: 100%;
  }
}
.password-unlock__login-form .custom-input,
.password-unlock__login-form input {
  width: 100%;
}
.password-unlock__login-form .btn-wrapper {
  flex-shrink: 0;
  min-width: 130px;
}
.password-unlock__login-form .btn-wrapper button {
  flex-grow: 1;
}
@media (max-width: 719.9px) {
  .password-unlock__login-form .btn-wrapper {
    width: 100%;
  }
}
@media (min-width: 720px) {
  .password-unlock__login-form {
    flex-direction: row;
  }
}
.password-unlock__admin {
  --column-gap: var(--spacing-100);
}
.password-modal .modal-close-button {
  position: absolute;
  top: calc(8px * 1.5);
  top: var(--spacing-150);
  left: auto;
  left: initial;
  right: calc(8px * 1.5);
  right: var(--spacing-150);
}
.password .banner__content > :last-child {
  margin-bottom: 0;
}
.password .content-block--image {
  display: flex;
  justify-content: center;
}
.password .password__section-block--email-form {
  margin: calc(8px * 4) auto;
  margin: var(--spacing-400) auto;
  align-self: center;
  max-width: 350px;
}
.password .password__section-block--email-form input {
  --color-background: transparent;
  border-color: var(--color-text-alpha-60);
}
.password .password__section-block--email-form input:hover,
.password .password__section-block--email-form input:focus {
  border-color: var(--color-text-alpha-70);
}
.password .password__section-block--email-form .newsletter-form__button:hover {
  --color-icon-button-background: var(--color-text);
  --color-icon-button-foreground: var(--color-background);
}
.password .password__section-block--social-icons {
  margin: calc(8px * 4) 0;
  margin: var(--spacing-400) 0;
}
.password .password__section-block--social-icons .social-icons {
  justify-content: center;
}
.password .password__section-block--share {
  display: flex;
  justify-content: center;
  margin: calc(8px * 4) 0;
  margin: var(--spacing-400) 0;
}
.password .password__section-block--share .social-share__share-text {
  white-space: nowrap;
}
.password .password__section-block--share .icon {
  color: var(--color-text);
}
.password__content-footer {
  --column-gap: var(--spacing-100);
  align-items: center;
  justify-content: flex-end;
  color: var(--color-text);
}
.password__content-footer .content-footer__shopify,
.password__content-footer .shopify-link {
  display: flex;
  align-items: center;
}
.password__content-footer .icon {
  width: auto;
  height: 1.5em;
}
@keyframes linkUnderlineIn {
  0% {
    background-position-x: 200%;
  }

  100% {
    background-position-x: 100%;
  }
}
@keyframes linkUnderlineOut {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}
.shopify-policy__container {
  margin-top: calc(8px * 8) !important;
  margin-top: var(--spacing-800) !important;
  margin-bottom: calc(8px * 8) !important;
  margin-bottom: var(--spacing-800) !important;
}
.product-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: calc(8px * 5);
  gap: var(--spacing-500);
  background-color: var(--color-background);
  color: var(--color-text);
}
[data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded,
[data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width {
  padding: 0;
}
[data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded
  .product-thumbnails__container,
[data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width
  .product-thumbnails__container {
  padding: 0 calc(8px * 2.5);
  padding: 0 var(--gutter);
}
[data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded
  .product__details,
[data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width
  .product__details {
  padding: 0 calc(8px * 2.5) var(--section-padding-bottom);
  padding: 0 var(--gutter) var(--section-padding-bottom);
}
@media (min-width: 1024px) {
  [data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded,
  [data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width {
    padding: var(--section-padding-top) calc(8px * 2.5)
      var(--section-padding-bottom);
    padding: var(--section-padding-top) var(--gutter)
      var(--section-padding-bottom);
  }

  [data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded
    .product__details,
  [data-mobile-media-width="full_width"].product-inner.section-inner--width-full-width-padded
    .product-thumbnails__container,
  [data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width
    .product__details,
  [data-mobile-media-width="full_width"].product-inner.section-inner--width-page-width
    .product-thumbnails__container {
    padding: 0;
  }
}
[data-mobile-media-width="contained"].product-inner.section-inner--width-full-width-padded,
[data-mobile-media-width="contained"].product-inner.section-inner--width-page-width {
  --section-padding-top: var(--gutter);
}
@media (min-width: 1024px) {
  [data-mobile-media-width="contained"].product-inner.section-inner--width-full-width-padded,
  [data-mobile-media-width="contained"].product-inner.section-inner--width-page-width {
    --section-padding-top: revert;
  }
}
.product-inner .product__details {
  padding-bottom: calc(8px * 5);
  padding-bottom: var(--spacing-500);
  transition: opacity calc(80ms * 3) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity var(--animation-timing-300) var(--ease-out-quart);
}
.product-inner .product__details > .hidden {
  visibility: hidden;
}
.product-inner .product__details.change-pending product-block-variant-selector,
.product-inner .product__details.change-pending .product-details__quantity,
.product-inner .product__details.change-pending [js-buy-buttons],
.product-inner
  .product__details.change-pending
  [js-store-availability-container],
.product-inner .product__details.change-pending [js-sticky-atc-content],
.product-inner .product__details.change-pending .sticky-atc--modal-content {
  opacity: 0.5;
  pointer-events: none;
}
.product-inner
  .product__details
  .shopify_subscriptions_app_block_label
  .shopify_subscriptions_purchase_option_wrapper {
  margin-bottom: 1rem;
}
.product-inner .product__details .shopify_subscriptions_app_block_label ul {
  display: flex;
  flex-direction: column;
  row-gap: 0.2rem;
  padding: 0;
}
.product-inner .product__details .shopify_subscriptions_app_block_label label {
  display: flex;
  align-items: center;
}
.product-inner .product__details .shopify_subscriptions_app_block_label input {
  margin-right: 0.4rem;
}
.product-inner .product__details .shopify_subscriptions_app_policy {
  margin: 8px 0 calc(8px * 4.5);
  margin: var(--spacing-100) 0 var(--spacing-450);
}
@media (min-width: 1024px) {
  .product-inner {
  }
  .product-inner[data-desktop-media-position="right"] {
    flex-direction: row-reverse;
  }

  .product-inner[data-desktop-media-position="left"] {
    flex-direction: row;
  }

  .product-inner .product__media {
    flex-shrink: 0;
    width: calc(var(--desktop-media-width-percentage) - (calc(8px * 5) / 2));
    width: calc(
      var(--desktop-media-width-percentage) - (var(--spacing-500) / 2)
    );
  }

  .product-inner .product__details {
    flex-grow: 1;
    max-width: calc(
      100% - var(--desktop-media-width-percentage) - (calc(8px * 5) / 2)
    );
    max-width: calc(
      100% - var(--desktop-media-width-percentage) - (var(--spacing-500) / 2)
    );
    padding: 0;
  }

  .product-inner .product__media.sticky-media-container,
  .product-inner .product__details.sticky-details-container {
    height: min-content;
    position: sticky;
    top: calc(var(--header-height) + var(--section-padding-top));
  }
  .product-inner .product__details.sticky-details-container:has(.sticky-atc) {
    z-index: 10;
  }
}
search-result-grid {
  display: block;
}
search-result-grid.loading .search-result-grid__results,
search-result-grid.loading .pagination {
  opacity: 0;
  transform: translateY(20px);
}
search-result-grid.loading .search-result-grid__loading {
  display: flex;
}
.search-result-grid__heading-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: calc(8px * 4);
  margin-bottom: var(--spacing-400);
}
.search-result-grid__heading-wrapper .animation-overline {
  transform: translateY(10px);
  opacity: 0;
}
.search-result-grid__heading-wrapper .animation-heading {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.search-result-grid__heading-wrapper .animation-content {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 20%);
  mask-image: linear-gradient(to left, transparent 0%, black 20%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(20px);
  opacity: 0;
}
.search-result-grid__heading-wrapper .animation-slider {
  transform: translateX(35px);
  opacity: 0;
}
@media (min-width: 1024px) {
  .search-result-grid__heading-wrapper
    .animation-slider:not(.animation-slider--small) {
    transform: translateX(50px);
  }
}
.search-result-grid__heading-wrapper.became-visible .animation-heading {
  animation-name: contentHeadingAnimation;
  animation-duration: calc(80ms * 8);
  animation-duration: var(--animation-timing-800);
  animation-delay: 0;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.search-result-grid__heading-wrapper.became-visible .animation-overline {
  animation-name: contentOverlineAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.search-result-grid__heading-wrapper.became-visible .animation-content {
  animation-name: contentContentAnimation;
  animation-duration: calc(80ms * 9);
  animation-duration: var(--animation-timing-900);
  animation-delay: calc(0 + (80ms * 0.75));
  animation-delay: calc(0 + calc(80ms * 0.75));
  animation-delay: calc(0 + var(--animation-timing-75));
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
.search-result-grid__heading-wrapper.became-visible .animation-slider {
  animation-name: contentSliderAnimation;
  animation-duration: calc(80ms * 4);
  animation-duration: var(--animation-timing-400);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}
@media (min-width: 1024px) {
  .search-result-grid__heading-wrapper.became-visible
    .animation-slider:not(.animation-slider--small) {
    animation-duration: calc(80ms * 5);
    animation-duration: var(--animation-timing-500);
  }
}
.search-result-grid__heading-wrapper:has(.animation-heading) {
  margin-bottom: calc((8px * 4) - 0.35em);
  margin-bottom: calc(calc(8px * 4) - 0.35em);
  margin-bottom: calc(var(--spacing-400) - var(--bottom-font-padding));
}
.search-result-grid__heading-wrapper .search-result-grid__heading {
  width: max-content;
}
.search-result-grid__heading-wrapper
  .search-result-grid__heading.animation-heading {
  margin: 0 calc(0.3em * -1);
  margin: 0 calc(var(--horizontal-font-padding) * -1);
  padding: 0 0.3em 0.35em;
  padding: 0 var(--horizontal-font-padding) var(--bottom-font-padding);
}
.search-result-grid__search-input {
  max-width: 600px;
  margin: 0 auto calc(8px * 7);
  margin: 0 auto var(--spacing-700);
}
.search-result-grid__results {
  transition-property: opacity, transform;
  transition-duration: calc(80ms * 5);
  transition-duration: var(--animation-timing-500);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: var(--ease-out-quart);
}
.search-result-grid__results.search-result-grid__results--empty {
  display: block;
  text-align: center;
}
.search-result-grid__results.search-result-grid__results--empty
  .search-result-grid__clear {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.search-result-grid__results.search-result-grid__results--empty
  .search-result-grid__clear
  .btn-wrapper {
  display: inline-block;
}
.search-result-grid__top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(8px * 4);
  margin-bottom: var(--spacing-400);
}
@media (min-width: 1024px) {
  .search-result-grid__top-bar {
    margin-bottom: calc(8px * 5);
    margin-bottom: var(--spacing-500);
  }
}
.search-result-grid__top-bar.search-result-grid__top-bar--sort-enabled-only {
  justify-content: flex-end;
}
.search-top-bar__filter-button,
.sticky-filter-sort__filter-button {
  font-family: inherit;
}
html.no-js .search-top-bar__filter-button,
html.no-js .sticky-filter-sort__filter-button {
  display: none;
}
.search-top-bar__filter-button .filter-button__count,
.sticky-filter-sort__filter-button .filter-button__count {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--color-accent-foreground);
  line-height: var(--line-height-body);
  z-index: 1;
}
.search-top-bar__filter-button .filter-button__count::before,
.sticky-filter-sort__filter-button .filter-button__count::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-accent);
  border-radius: 100%;
  z-index: -1;
}
.search-top-bar__filter-button {
  display: none;
  align-items: center;
  gap: calc(8px * 1.25);
  gap: var(--spacing-125);
  padding: calc(8px * 1.5);
  padding: var(--spacing-150);
  background-color: var(--color-icon-button-background);
  color: var(--color-icon-button-foreground);
  border: none;
  border-radius: var(--radius-button);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .search-top-bar__filter-button {
    display: flex;
  }
}
.search-top-bar__results-and-sort {
  display: flex;
  align-items: center;
}
.search-top-bar__results-and-sort .result-sort-divider {
  display: none;
  align-self: stretch;
  width: 1px;
  margin: 2px calc(8px * 2);
  margin: 2px var(--spacing-200);
  background-color: var(--color-lines-and-borders);
}
@media (min-width: 1024px) {
  .search-top-bar__results-and-sort .result-sort-divider {
    display: block;
  }

  html.no-js .search-top-bar__results-and-sort .result-sort-divider {
    display: none;
  }
}
.search-top-bar__result-count {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.search-top-bar__result-count .result-count__showing {
  display: none;
  color: var(--color-text-alpha-70);
}
@media (min-width: 1024px) {
  .search-top-bar__result-count .result-count__showing {
    display: block;
  }

  html.no-js .search-top-bar__result-count .result-count__showing {
    display: none;
  }
}
.search-top-bar__sort-wrapper {
  display: none;
}
.search-top-bar__sort-wrapper .disclosure-trigger {
  border-radius: var(--radius-input);
}
html.js
  .search-top-bar__sort-wrapper
  details.disclosure-wrapper.disclosure--alignment-overlaid
  .disclosure-content {
  top: -3px;
  width: 100%;
}
@media (min-width: 1024px) {
  .search-top-bar__sort-wrapper {
    display: block;
  }

  html.no-js .search-top-bar__sort-wrapper {
    display: none;
  }
}
.search-top-bar__sort-wrapper .disclosure-content,
.sticky-filter-sort__sort-desktop .disclosure-content {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  box-shadow: var(--box-shadow-popover);
}
.search-top-bar-sort__trigger {
  display: flex;
  align-items: center;
  min-width: 250px;
  padding: calc(8px * 1.5) calc(8px * 2);
  padding: var(--spacing-150) var(--spacing-200);
  background-color: var(--color-background);
  color: var(--color-text);
  border: 1px solid var(--color-text-alpha-30);
  border-radius: var(--radius-input);
  transition: border-color calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border-color var(--animation-timing-200) var(--ease-out-quart);
}
.search-top-bar-sort__trigger:hover {
  border-color: var(--color-text-alpha-70);
}
.search-top-bar-sort__trigger .sort-trigger__label {
  margin-right: calc(8px * 0.75);
  margin-right: var(--spacing-75);
  color: var(--color-text-alpha-70);
}
.search-top-bar-sort__trigger .sort-trigger__value {
  margin-right: calc(8px * 1.5);
  margin-right: var(--spacing-150);
  flex-grow: 1;
}
.search-top-bar-sort__disclosure > *,
.sticky-filter-sort__sort-disclosure > *,
.mobile-sort-drawer__content > * {
  padding: calc(8px * 1.25) calc(8px * 1.5);
  padding: var(--spacing-125) var(--spacing-150);
  border-radius: var(--radius-button-within-popover);
  transition: background-color calc(80ms * 2) cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background-color var(--animation-timing-200) var(--ease-out-quart);
}
.search-top-bar-sort__disclosure > *:hover,
.sticky-filter-sort__sort-disclosure > *:hover,
.mobile-sort-drawer__content > *:hover {
  background-color: var(--color-text-alpha-10);
}
.search-top-bar-sort__disclosure > *.custom-input label,
.sticky-filter-sort__sort-disclosure > *.custom-input label,
.mobile-sort-drawer__content > *.custom-input label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-left: calc(20px + (8px * 2.5));
  padding-left: calc(20px + calc(8px * 2.5));
  padding-left: calc(20px + var(--spacing-250));
}
.search-top-bar-sort__disclosure > * input:not(:checked) + label,
.sticky-filter-sort__sort-disclosure > * input:not(:checked) + label,
.mobile-sort-drawer__content > * input:not(:checked) + label {
  color: var(--color-text-alpha-70);
}
.disclosure-wrapper.animating .search-top-bar-sort__disclosure > *,
.disclosure-wrapper.animating .sticky-filter-sort__sort-disclosure > *,
.disclosure-wrapper.animating .mobile-sort-drawer__content > * {
  pointer-events: none;
}
.search-top-bar-sort__disclosure {
  width: 100%;
}
.search-result-grid__sticky-filter-sort-button {
  --sticky-filter-show-ease: cubic-bezier(0.22, 1.47, 0.75, 1);
  --sticky-filter-hide-ease: cubic-bezier(0.41, -0.28, 1, 0.05);

  position: fixed;
  bottom: calc(8px * 4);
  bottom: var(--spacing-400);
  left: 50%;
  display: flex;
  align-items: center;
  width: min-content;
  border-radius: var(--radius-button);
  background-color: var(--color-icon-button-background);
  transform: translate(-50%, calc(100% + (8px * 4)));
  transform: translate(-50%, calc(100% + calc(8px * 4)));
  transform: translate(-50%, calc(100% + var(--spacing-400)));
  transition-property: transform, visibility;
  transition-duration: calc(80ms * 3);
  transition-duration: var(--animation-timing-300);
  transition-timing-function: cubic-bezier(0.41, -0.28, 1, 0.05);
  transition-timing-function: var(--sticky-filter-hide-ease);
  z-index: 450;
  z-index: var(--z-index-filter-bar);
}
.search-result-grid__sticky-filter-sort-button.active {
  transform: translate(-50%, 0);
  transition-timing-function: var(--sticky-filter-show-ease);
}
@media (min-width: 1024px) {
  .search-result-grid__sticky-filter-sort-button {
    visibility: hidden;
    transform: translate(-50%, calc(100% + (8px * 4)));
    transform: translate(-50%, calc(100% + calc(8px * 4)));
    transform: translate(-50%, calc(100% + var(--spacing-400)));
  }

  .search-result-grid__sticky-filter-sort-button.search-result-grid__sticky-filter-sort-button--desktop-enabled.active {
    visibility: visible;
    transform: translate(-50%, 0);
    transition-timing-function: var(--sticky-filter-show-ease);
  }
}
.search-result-grid__sticky-filter-sort-button .disclosure-trigger {
  border-radius: var(--radius-button);
}
.search-result-grid__sticky-filter-sort-button
  .sticky-filter-sort__sort-wrapper
  disclosure-component
  .disclosure-wrapper.disclosure--alignment-above
  .disclosure-content {
  bottom: calc(100% + 8px);
  bottom: calc(100% + var(--spacing-100));
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
}
@media (min-width: 720px) {
  .sticky-filter-sort__sort-mobile {
    display: none;
  }
}
.sticky-filter-sort__sort-desktop {
  display: none;
}
@media (min-width: 720px) {
  .sticky-filter-sort__sort-desktop {
    display: block;
  }
}
.sticky-filter-sort__filter-button,
.sticky-filter-sort__sort-trigger {
  display: flex;
  align-items: center;
  gap: calc(8px * 1.25);
  gap: var(--spacing-125);
  padding: calc(8px * 1.5) calc(8px * 2);
  padding: var(--spacing-150) var(--spacing-200);
  background-color: transparent;
  color: var(--color-icon-button-foreground);
  border: none;
  border-radius: var(--radius-button);
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.sticky-filter-sort__divider {
  align-self: stretch;
  width: 1px;
  margin: calc(8px * 1.5) 0;
  margin: var(--spacing-150) 0;
  background-color: var(--color-icon-button-foreground);
  opacity: 0.3;
}
.sticky-filter-sort__sort-disclosure > * {
  padding: calc(8px * 1.25) calc(8px * 1.5);
  padding: var(--spacing-125) var(--spacing-150);
  border-radius: var(--radius-button);
}
.sticky-filter-sort__sort-disclosure > *:hover {
  background-color: var(--color-text-alpha-10);
}
.sticky-filter-sort__sort-disclosure > * input:not(:checked) + label {
  color: var(--color-text-alpha-70);
}
.mobile-sort-drawer__close-button {
  display: flex;
  justify-content: flex-end;
}
.search-result-grid__loading {
  display: none;
  align-items: flex-start;
  justify-content: center;
  height: 100vw;
}
.search-result-grid__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.account a {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.account a:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
.account__header {
  --column-gap: var(--block-spacing-heading);
  padding: 0;
  margin-bottom: calc(8px * 6);
  margin-bottom: var(--spacing-600);
}
.account__details {
  --row-gap: var(--spacing-250);
}
.account__content {
  --row-gap: var(--spacing-600);
}
@media (min-width: 720px) {
  .account__content {
    --row-gap: var(--spacing-800);
  }
}
.account__orders .orders__heading {
  display: none;
  margin-bottom: calc(8px * 2.5);
  margin-bottom: var(--spacing-250);
}
@media (max-width: 719.9px) {
  .account__orders .orders__heading {
    display: block;
  }
}
.account__orders .orders__heading--no-orders {
  display: block;
}
@keyframes underlinedLinkHover {
  0% {
    background-position-x: 100%;
    background-size: 100% 1px;
  }

  50% {
    background-position-x: 100%;
    background-size: 0% 1px;
  }

  51% {
    background-position-x: 0%;
    background-size: 0% 1px;
  }

  100% {
    background-position-x: 0%;
    background-size: 100% 1px;
  }
}
.activate-account.section header {
  padding: 0;
}
.activate-account.section .section-inner {
  --max-width-narrow: 540px;
}
.activate-account.section .activate-account__header {
  --row-gap: var(--block-spacing-heading);
  margin-bottom: calc(8px * 7);
  margin-bottom: var(--spacing-700);
}
.activate-account.section .activate-account__form {
  --row-gap: var(--spacing-300);
}
.activate-account.section .activate-account__inline-buttons {
  --column-gap: var(--spacing-300);
  justify-content: center;
}
.activate-account.section .activate-account__inline-buttons .btn-wrapper {
  flex-grow: 1;
}
.activate-account.section .activate-account__inline-buttons button {
  width: 100%;
}
.activate-account.section input {
  width: 100%;
  margin-top: 8px;
  margin-top: var(--spacing-100);
}
.addresses.section .section-inner {
  --row-gap: var(--spacing-600);
}
@media (min-width: 1024px) {
  .addresses.section .section-inner {
    --row-gap: var(--spacing-700);
  }
}
.addresses.section .addresses__header {
  --row-gap: var(--block-spacing-heading);
  padding: 0;
}
.addresses.section .addresses__breadcrumbs .breadcrumbs {
  justify-content: center;
}
.addresses.section .addresses__breadcrumbs a {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.addresses.section .addresses__breadcrumbs a:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
.addresses.section .addresses__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: calc(8px * 2);
  grid-column-gap: var(--grid-1-column-gap);
  column-gap: calc(8px * 2);
  column-gap: var(--grid-1-column-gap);
  grid-row-gap: calc(8px * 6);
  grid-row-gap: var(--grid-row-gap);
  row-gap: calc(8px * 6);
  row-gap: var(--grid-row-gap);
}
@media (min-width: 720px) {
  .addresses.section .addresses__list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(8px * 2);
    column-gap: var(--grid-2-column-gap);
  }
}
@media (min-width: 1024px) {
  .addresses.section .addresses__list {
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(8px * 2);
    column-gap: var(--grid-3-column-gap);
  }
}
.addresses.section .addresses__list-item {
  --row-gap: var(--spacing-50);
  padding: calc(8px * 3);
  padding: var(--spacing-300);
  border: 1px solid var(--color-lines-and-borders);
  border-radius: var(--radius-card);
}
.addresses.section .addresses__list-item .list-item__inline-buttons {
  --column-gap: var(--spacing-200);
  margin-top: auto;
  padding-top: 8px;
  padding-top: var(--spacing-100);
}
.addresses.section
  .addresses__list-item
  .list-item__inline-buttons
  .btn__label {
  pointer-events: none;
}
.addresses.section .addresses__form {
  --row-gap: var(--spacing-300);
}
.addresses.section .addresses__form input:not([type="checkbox"]),
.addresses.section .addresses__form select {
  width: 100%;
}
.addresses.section .addresses__checkbox-wrapper {
  display: flex;
  align-items: center;
  column-gap: calc(8px / 2);
  column-gap: var(--spacing-50);
}
.addresses.section .addresses__checkbox-wrapper label {
  cursor: pointer;
}
.addresses.section .address-modal .modal-close-button {
  z-index: 1;
}
@keyframes underlinedLinkHover {
  0% {
    background-position-x: 100%;
    background-size: 100% 1px;
  }

  50% {
    background-position-x: 100%;
    background-size: 0% 1px;
  }

  51% {
    background-position-x: 0%;
    background-size: 0% 1px;
  }

  100% {
    background-position-x: 0%;
    background-size: 100% 1px;
  }
}
.login.section[data-form-mode="login"] #recover-form {
  display: none;
}
.login.section[data-form-mode="recover"] #login-form {
  display: none;
}
.login.section header {
  padding: 0;
}
.login.section .section-inner {
  --max-width-narrow: 540px;
}
.login.section .login__header {
  --row-gap: var(--block-spacing-heading);
  margin-bottom: calc(8px * 7);
  margin-bottom: var(--spacing-700);
}
.login.section .login__form {
  --row-gap: var(--spacing-300);
}
.login.section .password__label-wrapper {
  --row-gap: none;
  flex-wrap: wrap;
}
.login.section input {
  width: 100%;
  margin-top: 8px;
  margin-top: var(--spacing-100);
}
.login.section a {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.login.section a:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
.login.section a {
  white-space: nowrap;
}
.login.section #guest-form {
  margin-top: calc(8px * 7);
  margin-top: var(--spacing-700);
}
.login.section #guest-form h2 {
  margin-bottom: calc(8px * 3);
  margin-bottom: var(--spacing-300);
}
@keyframes underlinedLinkHover {
  0% {
    background-position-x: 100%;
    background-size: 100% 1px;
  }

  50% {
    background-position-x: 100%;
    background-size: 0% 1px;
  }

  51% {
    background-position-x: 0%;
    background-size: 0% 1px;
  }

  100% {
    background-position-x: 0%;
    background-size: 100% 1px;
  }
}
.order.section .section-inner {
  --row-gap: var(--spacing-600);
}
@media (min-width: 1024px) {
  .order.section .section-inner {
    --row-gap: var(--spacing-700);
  }
}
.order.section .order__header {
  --row-gap: var(--block-spacing-heading);
  padding: 0;
}
.order.section .order__breadcrumbs .breadcrumbs {
  justify-content: center;
}
.order.section .order__breadcrumbs a {
  padding-bottom: 1px;
  background: linear-gradient(90deg, var(--color-text), var(--color-text));
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.order.section .order__breadcrumbs a:hover {
  animation: underlinedLinkHover calc(80ms * 7.5) ease-in-out;
  animation: underlinedLinkHover var(--animation-timing-750) var(--ease-in-out);
}
.order.section .order__messages {
  --row-gap: var(--spacing-250);
  background-color: var(--color-text-alpha-10);
  padding: calc(8px * 2.5);
  padding: var(--spacing-250);
}
@media (max-width: 719.9px) {
  .order.section .order__items tr {
    display: flex;
    flex-direction: column;
    row-gap: calc(8px * 1.5);
    row-gap: var(--spacing-150);
  }
}
.order.section .order__product {
  display: flex;
  align-items: center;
}
@media (max-width: 719.9px) {
  .order.section .order__product {
    margin-bottom: calc(8px * 2.5);
    margin-bottom: var(--spacing-250);
  }
}
.order.section .order__product ul {
  margin: 0;
  padding: 0;
}
.order.section .order__product li {
  list-style: none;
}
.order.section .order__product-details {
  white-space: normal;
}
.order.section .order__product-details .product-details__title a {
  padding-bottom: 1px;
  background: linear-gradient(
    to right,
    transparent 50%,
    var(--color-text) 50%,
    var(--color-text) 100%
  );
  background-size: 200% 1px;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  -webkit-text-decoration: none;
  text-decoration: none;
  animation: linkUnderlineOut calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: linkUnderlineOut var(--animation-timing-400) var(--ease-out-quart);
}
.order.section .order__product-details .product-details__title a:hover {
  animation: linkUnderlineIn calc(80ms * 4) cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;
  animation: linkUnderlineIn var(--animation-timing-400) var(--ease-out-quart)
    forwards;
}
.order.section .order__image {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  background-color: var(--color-background);
  margin-right: calc(8px * 5);
  margin-right: var(--spacing-500);
}
.order.section .order__image .image {
  border-radius: var(--radius-image-thumbnail);
}
.order.section .order__summary {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: calc(8px * 5);
  grid-row-gap: var(--spacing-500);
  row-gap: calc(8px * 5);
  row-gap: var(--spacing-500);
  margin-top: calc(8px * 5);
  margin-top: var(--spacing-700);
}
@media (min-width: 720px) {
  .order.section .order__summary {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .order.section .order__summary {
    grid-template-columns: repeat(3, 1fr);
  }
}
.order.section .order__summary-addresses-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-start: 2;
  grid-row-gap: calc(8px * 5);
  grid-row-gap: var(--spacing-500);
  row-gap: calc(8px * 5);
  row-gap: var(--spacing-500);
}
@media (min-width: 720px) {
  .order.section .order__summary-addresses-wrapper {
    grid-row-start: unset;
  }
}
@media (min-width: 1024px) {
  .order.section .order__summary-addresses-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-column: span 2;
  }
}
.order.section .order__summary-item {
  --row-gap: var(--spacing-150);
  --column-gap: var(--spacing-150);
}
@media (min-width: 1024px) {
  .order.section .order__summary-item {
    --row-gap: var(--spacing-250);
  }
}
.order.section .order__summary-item--charges .summary-item__total {
  align-items: center;
  padding-top: calc(8px * 2.5);
  padding-top: var(--spacing-250);
  border-top: 1px solid var(--color-lines-and-borders);
}
@keyframes underlinedLinkHover {
  0% {
    background-position-x: 100%;
    background-size: 100% 1px;
  }

  50% {
    background-position-x: 100%;
    background-size: 0% 1px;
  }

  51% {
    background-position-x: 0%;
    background-size: 0% 1px;
  }

  100% {
    background-position-x: 0%;
    background-size: 100% 1px;
  }
}
@keyframes linkUnderlineIn {
  0% {
    background-position-x: 200%;
  }

  100% {
    background-position-x: 100%;
  }
}
@keyframes linkUnderlineOut {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}
.reset-password.section header {
  padding: 0;
}
.reset-password.section .section-inner {
  --max-width-narrow: 540px;
}
.reset-password.section .reset-password__header {
  --row-gap: var(--block-spacing-heading);
  margin-bottom: calc(8px * 7);
  margin-bottom: var(--spacing-700);
}
.reset-password.section .reset-password__form {
  --row-gap: var(--spacing-300);
}
.reset-password.section input {
  width: 100%;
  margin-top: 8px;
  margin-top: var(--spacing-100);
}
.register.section header {
  padding: 0;
}
.register.section .section-inner {
  --max-width-narrow: 540px;
}
.register.section .register__header {
  --row-gap: var(--block-spacing-heading);
  margin-bottom: calc(8px * 7);
  margin-bottom: var(--spacing-700);
}
.register.section .register__form {
  --row-gap: var(--spacing-300);
}
.register.section input {
  width: 100%;
  margin-top: 8px;
  margin-top: var(--spacing-100);
}


.media-with-text__content-blocks-inner .content-blocks.became-visible p,
.media-with-text__content-blocks-inner .content-blocks.became-visible .btn-wrapper
{
  /* animation-name: fadeIn;
  animation-duration: calc(80ms * 8);
  animation-duration: var(--animation-timing-800);
  animation-delay: .5s;
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
  opacity: 0; */
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.scroll-slider-component__watcher.became-visible .scroll-slider__slider .multi-column-item {
  animation-name: imageRightToLeft;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  animation-timing-function: var(--ease-out-quart);
}

.scroll-slider-component__watcher .scroll-slider__slider .multi-column-item:hover {
  transform: translateY(-10px);
  transition: transform 0.3s ease-in-out;
}

.scroll-slider-component__watcher.became-visible scroll-slider-component .scroll-slider__slider .collection-item {
  animation-name: imageRightToLeft;
  animation-fill-mode: forwards;
  animation-timing-function: var(--ease-out-quart);
}

.scroll-slider-component__watcher.became-visible scroll-slider-component .scroll-slider__slider .collection-item:nth-child(1) {
  animation-duration: 1s;
}

.scroll-slider-component__watcher.became-visible scroll-slider-component .scroll-slider__slider .collection-item:nth-child(2) {
  animation-duration: 1.4s;
}

.scroll-slider-component__watcher.became-visible scroll-slider-component .scroll-slider__slider .collection-item:nth-child(3) {
  animation-duration: 1.8s;
}
.scroll-slider-component__watcher.became-visible scroll-slider-component .scroll-slider__slider .collection-item:nth-child(4) {
  animation-duration: 2s;
}





scroll-slider-component .scroll-slider__slider .product-item__watcher .product-item__image--main img {
   visibility: hidden; 
}
scroll-slider-component .scroll-slider__slider .product-item__watcher .product-item__image--main:hover {
  visibility: hidden; 
}
scroll-slider-component .scroll-slider__slider .product-item__watcher.became-visible .product-item__image--main img {
  animation-name: showImage;
  animation-fill-mode: forwards;
  animation-timing-function: var(--ease-out-quart);
  animation-duration: 1s;
}

scroll-slider-component .scroll-slider__slider product-item[data-index="0"] .product-item__image--main img {
  animation-delay: 0.5s;
}
scroll-slider-component .scroll-slider__slider product-item[data-index="2"] .product-item__image--main img {
  animation-delay: 1s;
}
scroll-slider-component .scroll-slider__slider product-item[data-index="1"] .product-item__image--main img {
  animation-delay: 1.3s;
}
scroll-slider-component .scroll-slider__slider product-item[data-index="3"] .product-item__image--main img {
  animation-delay: 1.5s;
}




@keyframes showImage {
  from {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes leftToRight {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}


@keyframes rightToLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@media (min-width: 1024px) {
  .product-item__details .product-item__title {
    font-size: 32px !important;
  }
}
.product-item__details .product-item__title {
  font-size: 32px !important;
}

.submenu__item .submenu__link .submenu__link-text-wrapper{
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.23em !important;
  font-family: var(--font-family-navigation) !important;
}
.btn.btn--style-text.btn--size-regular.btn--width-regular.customer-login.fs-body-75{
  font-size: 18px !important;
  font-weight: 600 !important;
  font-family: var(--font-family-navigation) !important;
}


.content-block-wrapper.content-block-wrapper--heading.content-alignment-horizontal--left.fs-heading-5-base h6{
  font-size: 30px !important;
  font-weight: 500 !important;
  font-family: var(--font-family-body) !important;
}

.multi-column-item__text.rte.fs-body-100 p{
  font-size: 18px !important;
  font-weight: 300 !important;
  font-family: var(--font-family-body) !important;
}

.fs-heading-4-base-above-mobile-only h4{
  font-size: 32px !important; 
}

.grid-item-content__overline{
  font-family: Hanken Grotesk;
font-weight: 500;
font-size: 18px;
line-height: 138%;
letter-spacing: 0%;
vertical-align: middle;

}


@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bottomToTop {
  from {
    transform: translateY(20vh);
  }
  to {
    transform: translateY(0);
  }
}

.list-collections__grid.standard-grid .collection-item:has(.collection-item__watcher.became-visible){
  animation-name: imageRightToLeft;
  animation-duration: 1s;
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}

.btn.btn--style-outline.btn--size-regular.btn--width-regular span {
  font-size: 17px !important;
  font-weight: 700 !important;
  font-family: var(--font-family-navigation) !important;
  letter-spacing: .15em !important;
}


.content-block.content-block--text.ff-body.rte.fs-body-200 p{
  font-size: 26px !important;
  font-weight: 300 !important;
  font-family: var(--font-family-body-light) !important;
}

.accordion-item.filter-group-wrapper{
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .25em;
  color: #9B9B9B;
}

.filter-groups-wrapper accordion-item:first-of-type .accordion-item__title {
  padding-left: 0px !important;
}
.filter-groups-wrapper accordion-item .accordion-item__title {
  margin: 0px 17px !important; 
}

.filter-item-label{
  font-size: 15px;
  letter-spacing: 0.1em;
}

.slideshow-slide-content__text.rte.content-block.content-block--text.fs-body-350.animation-slideshow-content-text{
    font-weight: 600 !important;
}

.shopify-section-group-footer-group {

}
.section.newsletter:last-child {
  display: none;
}

.grid-item-content__heading.rte.ff-heading.fs-heading-display-1 {
  font-size: 112px !important;
}

.content-block.content-block--heading.ff-heading.rte.animation-heading.fs-heading-display-1 {
  font-size: 112px;
}


.slideshow-slide-content__heading.rte.ff-heading.fs-heading-display-2.animation-slideshow-heading {
  font-size: 101px !important;
  }

.section-inner.multi-column__inner.section-inner--width-full-width-padded h2.section-header__content-title.ff-heading.fs-heading-1-base.animation-heading {
  padding: 120px 0px 80px 0px !important;
}

.content-block.content-block--image.content-blocks--alignment-left .image-block__inner img.image.image--rounded.visible{
  height: 41px !important;
  width: auto !important;
}

.multi-column__grid .multi-column-items .multi-column__item-text-wrapper:has(.multi-column-item__heading){
  align-items: center;
}
.multi-column__grid .multi-column-items .multi-column__item-text-wrapper .multi-column-item__heading{
  font-size: 52px !important;
}

.multi-column-items.standard-grid.standard-grid--mobile-1-column.standard-grid--desktop-2-column {
 align-items: center !important;
}

.submenu__link-text-wrapper{
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.23em !important;
  font-family: var(--font-family-navigation) !important;
}
.submenu__link--item.submenu__item-display-text{
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.23em !important;
  font-family: var(--font-family-navigation) !important;
  text-transform: uppercase !important;
}
/**************** Homepage Styles Start *****************/

 @media (max-width: 719.9px) {
  .template-page .grid-section .btn,
  .template-page .grid-section .shopify-challenge__button {
    width: 98% !important;
  }
  .template-page .grid-section .btn,
  .template-page .grid-section .shopify-challenge__button,
  .template-page .btn.btn--style-outline .btn__label--combined .label-default{
    padding: 12px 20px;
  }
}
.template-index .btn.btn--style-outline .btn__label--combined .label-active {
  background-color: var(--color-outline-button-background);
    color: var(--color-outline-button-text-and-border);
}
.template-index .btn:hover.btn--style-outline .btn__label--combined{
  box-shadow: inset 0 0 0 2px
    var(--color-outline-button-text-and-border-alpha-50);
}
.template-index .image_hero .banner__content .text-block-wrapper{
  width: 65%;
}
/**************** Homepage Styles End *****************/
/************* Footer Styles Start ********************/
.shopify-section-group-footer-group .icon--large-arrow{
  display: none;
}