/** Shopify CDN: Minification failed

Line 102:73 The "+" operator only works if there is whitespace on both sides
Line 104:111 The "+" operator only works if there is whitespace on both sides

**/
/* Generated from the rules used in the first mobile product viewport. */
:root { --focused-base-outline: 0.2rem solid rgb(var(--color-foreground-rgb) / var(--opacity-50)); --focused-base-outline-offset: 0.3rem; --focused-base-box-shadow: 0 0 0 0.3rem var(--color-foreground),
    0 0 0.5rem 0.4rem rgb(var(--color-foreground-rgb) / var(--opacity-30)); --duration-extra-short: 10ms; --duration-short: 100ms; --duration-default: 200ms; --duration-announcement-bar: 250ms; --duration-medium: 300ms; --duration-long: 500ms; --duration-extra-long: 600ms; --duration-extra-longer: 750ms; --duration-extended: 3s; --ease-out-slow: cubic-bezier(0, 0, 0.3, 1); --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards; --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow); --cubic-fast: cubic-bezier(0.34, 1.56, 0.64, 1); --cubic-smooth: cubic-bezier(0.7, 0, 0.3, 1); --tst-smooth: 0.6s cubic-bezier(0.7, 0, 0.3, 1); }a:empty:not([class]), ul:empty:not([class]), dl:empty:not([class]), div:empty:not([class]), section:empty:not([class]), article:empty:not([class]), p:empty:not([class]), h1:empty:not([class]), h2:empty:not([class]), h3:empty:not([class]), h4:empty:not([class]), h5:empty:not([class]), h6:empty:not([class]) { display: none; }*, ::before, ::after { box-sizing: border-box; }html { overflow-y: scroll; touch-action: manipulation; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; font-feature-settings: normal; }html.no-js .no-js-hidden, html.js noscript { display: none !important; }html, body { overflow-x: clip; }@supports (text-wrap:balance){h1, h2, h3, h4, h5 { text-wrap: balance; }}@supports (text-wrap:pretty){p, .inline-richtext, .rte { text-wrap: pretty; }}:is(p, h1, h2, h3, h4, h5, h6):first-child, :empty:first-child + :where(p, h1, h2, h3, h4, h5, h6) { margin-block-start: 0px; }:is(p, h1, h2, h3, h4, h5, h6):last-child, :where(p, h1, h2, h3, h4, h5, h6) + :has(+ :empty:last-child) { margin-block-end: 0px; }.section + .section { margin-top: var(--spacing-sections-mobile); }.list-unstyled { margin: 0px; padding: 0px; list-style: none; }.visually-hidden { overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; clip: rect(0px, 0px, 0px, 0px); position: absolute !important; overflow-wrap: normal !important; }.visually-hidden--inline { margin: 0px; height: 1em; }.skip-to-content-link:focus { z-index: 9999; position: inherit; overflow: auto; width: auto; height: auto; clip: auto; }h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { overflow-wrap: break-word; }h1, .h1, .text-block.h1 > * { font-family: var(--font-h1--family); font-style: var(--font-h1--style); font-weight: var(--font-h1--weight); font-size: var(--font-size--h1); letter-spacing: var(--font-h1--letter-spacing); text-transform: var(--font-h1--case); line-height: var(--font-h1--line-height); }h2, .h2, .text-block.h2 > * { font-family: var(--font-h2--family); font-style: var(--font-h2--style); font-weight: var(--font-h2--weight); font-size: var(--font-size--h2); letter-spacing: var(--font-h2--letter-spacing); text-transform: var(--font-h2--case); line-height: var(--font-h2--line-height); }h3, .h3, .text-block.h3 > * { font-family: var(--font-h3--family); font-style: var(--font-h3--style); font-weight: var(--font-h3--weight); font-size: var(--font-size--h3); letter-spacing: var(--font-h3--letter-spacing); text-transform: var(--font-h3--case); line-height: var(--font-h3--line-height); }h4, .h4, .text-block.h4 > * { font-family: var(--font-h4--family); font-style: var(--font-h4--style); font-weight: var(--font-h4--weight); font-size: var(--font-size--h4); letter-spacing: var(--font-h4--letter-spacing); text-transform: var(--font-h4--case); line-height: var(--font-h4--line-height); }h5, .h5, .text-block.h5 > * { font-family: var(--font-h5--family); font-style: var(--font-h5--style); font-weight: var(--font-h5--weight); font-size: var(--font-size--h5); letter-spacing: var(--font-h5--letter-spacing); text-transform: var(--font-h5--case); line-height: var(--font-h5--line-height); }h6, .h6, .text-block.h6 > * { font-family: var(--font-h6--family); font-style: var(--font-h6--style); font-weight: var(--font-h6--weight); font-size: var(--font-size--h6); letter-spacing: var(--font-h6--letter-spacing); text-transform: var(--font-h6--case); line-height: var(--font-h6--line-height); }.caption { font-size: var(--font-size--3xs); letter-spacing: 0.07rem; }.caption-large, .customer .field input, .customer select, .field__input, .form__label, .select__select { font-size: var(--font-size--sm); letter-spacing: 0.04rem; }.color-foreground { color: var(--color-foreground); }@media screen and (max-width: 749px){.small-hide { display: none !important; }}img, picture, video, canvas, svg { display: block; max-width: 100%; }:not(.svg-wrapper) > svg { min-width: var(--icon-size-md); min-height: var(--icon-size-md); }img { width: 100%; height: auto; }.left { text-align: left; }.center { text-align: center; }.uppercase { text-transform: uppercase; }.decoration-none { text-decoration: none; }.leading-none { line-height: var(--line-height--display-tight); }.font-bold { font-weight: 700; }.hidden { display: none !important; }.none { display: none; }.block { display: block; }.inline-block { display: inline-block; }.flex { display: flex; }.inline-flex { display: inline-flex; }.grid { display: grid; }.flex-center { display: flex; justify-content: center; align-items: center; }.relative { position: relative; }.fixed { position: fixed; }.absolute-c-c, .absolute-c-y, .absolute-c-x, .absolute { position: absolute; }.absolute-c-c, .absolute-c-x { left: 50%; transform: translateX(-50%); }.absolute-c-c, .absolute-c-y { top: 50%; transform: translateY(-50%); }.absolute-c-c { transform: translate(-50%, -50%); }.top-0 { inset-block-start: 0px; }.top-full { inset-block-start: 100%; }.right-0 { inset-inline-end: 0px; }.bottom-0 { inset-block-end: 0px; }.left-0 { inset-inline-start: 0px; }.inset-0 { inset: 0px; }.transform-y-50 { transform: translateY(-50%); }.bor-none { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }.rounded-full { border-radius: var(--style-border-radius-50); }.z-1 { z-index: 1; }.z-2 { z-index: 2; }.z-3 { z-index: 3; }.z-9 { z-index: 9; }.z-10 { z-index: 10; }.z-100 { z-index: 100; }.t-button { appearance: none; background-color: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }.bg-transparent { background-color: rgba(255, 255, 255, 0); }.justify-center { justify-content: center; }.justify-between { justify-content: space-between; }.justify-end { justify-content: flex-end; }.items-center { align-items: center; }.flex-wrap { flex-wrap: wrap; }.flex-column { flex-direction: column; }.whitespace-nowrap { white-space: nowrap; }.cursor-pointer { cursor: pointer; }.pointer-events-none { pointer-events: none; }.overflow-hidden { overflow: hidden; }.overflow-auto { overflow: auto; }.overflow-x-a { overflow-x: auto; }.w-auto { width: auto; }.size-full, .w-full { width: 100%; }.w-fit { width: fit-content; }.w-screen { width: 100vw; }.h-auto { height: auto; }.size-full, .h-full { height: 100%; }.max-w-full { max-width: 100%; }.max-h-full { max-height: 100%; }.flex-1 { flex: 1 1 0%; }.flex-grow { flex-grow: 1; }.shrink-0 { flex-shrink: 0; }.m-0 { margin: 0px; }.p-0 { padding: 0px; }.break { word-break: break-word; }.object-cover { object-fit: cover; }.after-none::after, .before-none::before { content: none; }[style*="--w:"] { width: var(--w); }[style*="--h:"] { height: var(--h); }[style*="--min-w:"] { min-width: var(--min-w); }[style*="--mt:"] { margin-top: var(--mt); }[style*="--mb:"] { margin-bottom: var(--mb); }[style*="--p:"] { padding: var(--p); }[style*="--pt:"] { padding-top: calc(var(--pt) * 0.5); }[style*="--pb:"] { padding-bottom: calc(var(--pb) * 0.5); }[style*="--pl:"] { padding-left: calc(var(--pl) * 0.5); }[style*="--pr:"] { padding-right: calc(var(--pr) * 0.5); }[style*="--mb:"] { margin-bottom: var(--mb); }[style*="--gap:"] { gap: var(--gap,0); }[style*="--gap-x:"] { column-gap: var(--gap-x,0); }[style*="--gap-y:"] { row-gap: var(--gap-y,0); }[style*="--bg-color:"] { background: var(--bg-color); }[style*="--top:"] { top: var(--top); }[style*="--bottom:"] { bottom: var(--bottom); }[style*="--right:"] { right: var(--right); }.group-block { max-width: var(--globalGroupWidth,100%); }@media (max-width: 1024px){.max-md\:hidden { display: none !important; }[style*="--mt:"] { margin-top: calc(var(--mt) * 0.75); }[style*="--mb:"] { margin-bottom: calc(var(--mb) * 0.75); }[style*="--gap-x"] { column-gap: calc(var(--gap-x) * 0.75); }[style*="--gap-y"] { row-gap: calc(var(--gap-y) * 0.75); }}@media screen and (max-width: 749px){.max-sm\:w-full { width: 100%; }[style*="--mt:"] { margin-top: calc(var(--mt) * 0.5); }[style*="--mb:"] { margin-bottom: calc(var(--mb) * 0.5); }[style*="--gap-x:"] { column-gap: calc(var(--gap-x) * 0.5); }[style*="--gap-y:"] { row-gap: calc(var(--gap-y) * 0.5); }.body-l-font-size { font-size: calc(var(--body-l-font-size) - 0.2rem); }.body-m-font-size { font-size: calc(var(--body-m-font-size) - 0.2rem); }}a:not([href]) { cursor: not-allowed; }@keyframes indeterminateAnimation { 
  0% { transform: translateX(0px) scaleX(0); }
  40% { transform: translateX(0px) scaleX(0.4); }
  100% { transform: translateX(100%) scaleX(0.5); }
}details > * { box-sizing: border-box; }.svg-wrapper { display: inline-flex; justify-content: center; align-items: center; width: var(--icon-size-md); height: var(--icon-size-md); }.svg-wrapper > svg { height: 100%; width: 100%; }summary {
  cursor: pointer; list-style: none; user-select: none; position: relative;
  & .svg-wrapper { margin-inline-start: auto; height: var(--icon-size-xs); width: var(--icon-size-xs); transition: transform var(--animation-speed) var(--animation-easing); }
}summary::-webkit-details-marker { display: none; }details { width: 100%; }summary { display: flex; align-items: center; gap: var(--gap-lg); position: relative; padding-block: 1.5rem; padding-inline: 0px; cursor: pointer; list-style: none; }.details__summary .icon-caret { height: var(--icon-size-xs); width: var(--icon-size-xs); min-height: var(--icon-size-xs); min-width: var(--icon-size-xs); color: rgb(var(--color-foreground-rgb) / var(--icon-opacity)); margin-block: var(--margin-2xs); transition: color var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing); }.details--dropdown .details__list:not(.list-menu--wrapper) { opacity: var(--opacity-0); visibility: hidden; overflow: hidden; }:focus { outline: 0px; box-shadow: none; }.focus-none { box-shadow: none !important; outline: 0px !important; }.cus-scrollbar::-webkit-scrollbar { width: 0.3rem; height: 0.3rem; background: rgb(241, 241, 241); }.cus-scrollbar::-webkit-scrollbar-thumb { background: rgb(0 0 0 / var(--opacity-30)); }.cus-scrollbar::-webkit-scrollbar-track { background: rgb(241, 241, 241); }.spacing { padding-block: calc(var(--p-spacing-t, 0) * 0.5) calc(var(--p-spacing-b, 0) * 0.5); }.media {
  display: block; position: relative; overflow: hidden; width: 100%;
  & > img { backface-visibility: hidden; object-fit: var(--media-image-fit,cover); object-position: center center; }
  &.media--hover-effect > img + img { opacity: var(--resource-card-secondary-image-opacity); }
}.media--transparent { background-color: rgba(255, 255, 255, 0); }.media .product-media *, .media model-viewer { display: block; max-width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }deferred-media { display: block; }.button:focus-visible, .button:focus, .button.focused, .shopify-payment-button__button--unbranded:focus-visible, .shopify-payment-button__button--unbranded:focus { outline: 0px; box-shadow: 0 0 0 .3rem var(--color-foreground),0 0 0 .5rem rgb(var(--color-foreground-rgb) / var(--opacity-50)),0 0 .5rem .4rem rgb(var(--color-foreground-rgb) / var(--opacity-30)); }.button:focus:not(:focus-visible):not(.focused), .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused) { box-shadow: inherit; }.button::selection, .shopify-challenge__button::selection, .customer button::selection { background-color: rgb(var(--color-primary-button-text-rgb) / var(--opacity-30)); }.button, .button-label, .shopify-challenge__button, .customer button { font-size: var(--font-size--md); letter-spacing: 0.1rem; }.button--small { padding: 1.2rem 2.6rem; }.button[disabled], button.shopify-payment-button__button--unbranded[disabled], .button[aria-disabled="true"], .button.disabled, .customer button:disabled, .customer button[aria-disabled="true"], .customer button.disabled, .quantity__button.disabled { cursor: not-allowed; opacity: var(--opacity-50); }.button, .button-secondary, .shopify-challenge__button, button.shopify-payment-button__button--unbranded { --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset); --shadow-vertical-offset: var(--buttons-shadow-vertical-offset); --shadow-blur-radius: var(--buttons-shadow-blur-radius); --text-align: center; display: inline-grid; align-content: center; text-decoration: none; text-align: var(--text-align); color: var(--button-color); appearance: none; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-clip: ; background-color: ; background-origin: border-box; border: var(--button-border-width) solid var(--button-border-color); border-radius: var(--button-border-radius); font-family: var(--button-font-family,var(--font-paragraph--family)); font-style: var(--font-paragraph--style); font-size: var(--button-font-size,var(--font-size--paragraph-md)); font-weight: var(--button-font-weight,var(--font-paragraph--weight)); text-transform: var(--button-text-case,var(--font-paragraph--case)); line-height: var(--font-paragraph--line-height); margin-block: 0px; transition: color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing); cursor: pointer; width: fit-content; box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) var(--color-shadow); padding-block: var(--button-padding-vertical-mobile,var(--button-padding-vertical)); padding-inline: var(--button-padding-horizontal-mobile,var(--button-padding-horizontal)); }.button.w-full, .button-secondary.w-full, .shopify-challenge__button.w-full, button.shopify-payment-button__button--unbranded.w-full { width: 100%; }.button--full-width { width: 100%; }.button:not(.button-secondary, .button-unstyled) { outline-color: var(--button-background-color); }textarea, input { background-color: var(--color-input-background); border-color: var(--color-input-border); }textarea::placeholder, input::placeholder { color: var(--color-input-text); }textarea:not(:placeholder-shown)::placeholder, input:not(:placeholder-shown)::placeholder { opacity: var(--opacity-0); }.button[aria-disabled="true"], .button-secondary[aria-disabled="true"], .button:disabled { opacity: var(--opacity-50); cursor: not-allowed; }.button, .shopify-challenge__button, button.shopify-payment-button__button--unbranded { --button-font-family: var(--button-font-family-primary); --button-font-size: var(--button-font-size-primary); --button-font-weight: var(--button-font-weight-primary); --button-text-case: var(--button-text-case-primary); --button-border-radius: var(--style-border-radius-buttons-primary); --button-color: var(--color-primary-button-text); --button-background-color: var(--color-primary-button-background); --button-border-color: var(--color-primary-button-border); --button-border-width: var(--style-border-width-primary); }.button-secondary { --button-font-family: var(--button-font-family-secondary); --button-font-size: var(--button-font-size-secondary); --button-font-weight: var(--button-font-weight-secondary); --button-text-case: var(--button-text-case-secondary); --button-border-radius: var(--style-border-radius-buttons-secondary); --button-color: var(--color-secondary-button-text); --button-background-color: var(--color-secondary-button-background); --button-border-color: var(--color-secondary-button-border); --button-border-width: var(--style-border-width-secondary); }.button-unstyled { display: block; padding: 0px; background: inherit; color: inherit; border: 0px; border-radius: 0px; overflow: hidden; box-shadow: none; font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-size: var(--font-paragraph--size); }.button.button-unstyled:active { transform: none; }.share-button__message:not(:empty) { display: flex; align-items: center; width: 100%; height: 100%; padding: 0.8rem 0px 0.8rem 1.5rem; margin: var(--inputs-border-width); }.field__input, .select__select, .customer .field input, .customer select { appearance: none; background: var(--color-input-background); color: var(--color-input-text); font-family: var(--font-body--family); font-style: var(--font-body--style); font-weight: var(--font-body--weight); font-size: var(--font-input-size,var(--font-body--size)); width: 100%; box-sizing: border-box; transition: box-shadow var(--duration-short) ease; border-radius: var(--inputs-radius); height: 4rem; min-height: calc(var(--inputs-border-width) * 2); min-width: calc(7rem + (var(--inputs-border-width) * 2)); position: relative; border: 0px; }.field::before, .select::before, .customer .field::before, .customer select::before, .input--primary::before { pointer-events: none; content: ""; position: absolute; inset: 0px; border-radius: var(--inputs-radius-outset); box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) var(--color-shadow); z-index: -1; }.field::after, .select::after, .customer .field::after, .customer select::after, .input--primary::after { pointer-events: none; content: ""; position: absolute; top: var(--inputs-border-width); right: var(--inputs-border-width); bottom: var(--inputs-border-width); left: var(--inputs-border-width); border: 0.1rem solid rgba(255, 255, 255, 0); border-radius: var(--inputs-radius); box-shadow: 0 0 0 var(--inputs-border-width) var(--color-foreground); transition: box-shadow var(--duration-short) ease; z-index: 1; }.text-area, .select { display: flex; position: relative; width: 100%; }.select .svg-wrapper, .customer select + .svg-wrapper { height: 0.6rem; pointer-events: none; position: absolute; top: calc(50% - 0.2rem); right: calc(var(--inputs-border-width) + 1.5rem); }.select__select, .customer select { cursor: pointer; padding: 0 calc(var(--inputs-border-width) + 3.5rem) 0 1rem; min-height: calc(var(--inputs-border-width) * 2); }.field { position: relative; width: 100%; display: flex; transition: box-shadow var(--duration-short) ease; }.customer .field { display: flex; }.field__input, .customer .field input { flex-grow: 1; text-align: left; padding: 1rem; margin: var(--inputs-border-width); transition: box-shadow var(--duration-short) ease; }.field__label, .customer .field label { font-size: var(--font-label-size,1.2rem); left: 1rem; top: 50%; transform: translateY(-50%); margin-bottom: 0px; pointer-events: none; position: absolute; color: rgb(var(--color-foreground-rgb) / var(--opacity-75)); transition: top var(--duration-medium) var(--ease-out-cubic),left var(--duration-medium) var(--ease-out-cubic),font-size var(--duration-medium) var(--ease-out-cubic),letter-spacing var(--duration-medium) var(--ease-out-cubic); }.field__input:focus ~ .field__label, .field__input:not(:placeholder-shown) ~ .field__label, .field__input:-webkit-autofill ~ .field__label { font-size: var(--font-size--3xs); top: calc(var(--inputs-border-width) + 0.2rem); transform: none; left: 1.5rem; letter-spacing: 0.04rem; }.field__input:focus, .field__input:not(:placeholder-shown), .field__input:-webkit-autofill { padding: 1.5rem 0px 0px 1rem; margin: var(--inputs-border-width); }.field__input::-webkit-search-cancel-button, .customer .field input::-webkit-search-cancel-button { display: none; }.field__button {
  align-items: center; background-color: rgba(255, 255, 255, 0); border: 0px; color: var(--color-primary-button-text); cursor: pointer; display: flex; height: 100%; justify-content: center; overflow: hidden; padding: 0px; position: absolute; right: 0px; top: 0px; width: var(--minimum-touch-target);
  & > .svg-wrapper { height: 2.5rem; width: 2.5rem; }
}.text-area { font-family: var(--font-body--family); font-style: var(--font-body--style); font-weight: var(--font-body--weight); min-height: 10rem; resize: none; }.form__label { display: block; margin-bottom: 0.6rem; }.localization-form__select::before { pointer-events: none; content: ""; position: absolute; inset: 0px; border-radius: var(--localization-radius); box-shadow: var(--localization-shadow); z-index: -1; }.localization-form__select::after { pointer-events: none; content: ""; position: absolute; top: var(--localization-border-width); right: var(--localization-border-width); bottom: var(--localization-border-width); left: var(--localization-border-width); border: 0.1rem solid rgba(255, 255, 255, 0); border-radius: var(--localization-radius); box-shadow: 0 0 0 var(--localization-border-width) var(--color-foreground); transition: box-shadow var(--duration-short) ease; z-index: 1; }.localization-form__select:focus { outline: 0px; box-shadow: none; }.quantity {
  color: var(--color-foreground); position: relative; width: 11rem; display: flex; border-radius: var(--quantity-radius); min-height: var(--minimum-touch-target);
  &.cart-quantity { min-height: 4.5rem; }
  &::after { pointer-events: none; content: ""; position: absolute; top: var(--quantity-border-width); right: var(--quantity-border-width); bottom: var(--quantity-border-width); left: var(--quantity-border-width); border: 0.1rem solid rgba(255, 255, 255, 0); border-radius: var(--quantity-radius); box-shadow: 0 0 0 var(--quantity-border-width) rgb(var(--color-border-rgb) / var(--opacity-20)); transition: box-shadow var(--duration-short) ease; z-index: 1; }
  &::before { pointer-events: none; content: ""; position: absolute; inset: 0px; border-radius: var(--quantity-radius); box-shadow: var(--quantity-shadow); z-index: -1; }
}.quantity__input { color: currentcolor; font-family: var(--font-body--family); font-style: var(--font-body--style); font-size: var(--font-body--size); font-weight: 500; opacity: var(--opacity-85); text-align: center; background-color: rgba(255, 255, 255, 0); border: 0px; padding: 0px 0.5rem; width: 100%; flex-grow: 1; appearance: none; }.quantity__button {
  width: 3rem; flex-shrink: 0; font-size: var(--font-size--lg); border: 0px; background-color: rgba(255, 255, 255, 0); cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--color-foreground); padding: 0px;
  &:first-child { margin-left: calc(var(--quantity-border-width)); }
  &:last-child { margin-right: calc(var(--quantity-border-width)); }
  & .svg-wrapper { width: 1rem; pointer-events: none; }
}.quantity__button:focus, .quantity__input:focus { background: var(--color-background); z-index: 2; }.quantity__button:not(:focus-visible):not(.focused), .quantity__input:not(:focus-visible):not(.focused) { box-shadow: inherit; background-color: rgba(255, 255, 255, 0); }.quantity__input::-webkit-outer-spin-button, .quantity__input::-webkit-inner-spin-button { appearance: none; margin: 0px; }.quantity__input[type="number"] { }.quantity__rules-cart { position: relative; }.quantity__rules-cart .svg-wrapper { width: var(--size-15); height: var(--size-15); }.quantity__tooltip-trigger { position: relative; top: 0.2rem; display: inline-block; cursor: pointer; padding: 0.3rem; border-radius: 50%; border: .1rem solid var(--color-black); color: var(--color-black); width: var(--size-23); height: var(--size-23); }.quantity__tooltip { position: absolute; bottom: 125%; left: 50%; background: var(--color-black); color: var(--color-white); font-size: var(--font-size--2xs); padding: 0.4rem 0.8rem; border-radius: var(--quantity-radius); white-space: nowrap; opacity: var(--opacity-0); visibility: hidden; transition: opacity 0.15s, visibility 0.15s, transform 0.15s; z-index: 10; transform: translateX(-50%) translateY(-0.5rem); }.quantity__tooltip::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 0.5rem; border-style: solid; border-color: var(--color-black) #fff0 #fff0 #fff0; }.quantity__tooltip-trigger:focus .quantity__tooltip { opacity: var(--opacity-100); visibility: visible; transform: translateX(-50%) translateY(0px); }.modal__toggle { list-style-type: none; }.cart-count-bubble, .wishlist-count-bubble {
  position: absolute; color: var(--color-secondary-button-text); background-color: var(--color-secondary-button-background); height: 1.7rem; width: 1.7rem; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-size: 0.9rem; top: -1rem; right: 0rem; line-height: 1;
  &.cart-page-count-bubble { position: relative; }
}.rte::after { clear: both; content: ""; display: block; }.rte > :first-child { margin-top: 0px; }.rte > :last-child { margin-bottom: 0px; }@media (prefers-reduced-motion: no-preference){@keyframes animateAmbient { 
  0% { transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2); }
  100% { transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2); }
}@keyframes slideIn { 
  0% { transform: translateY(2rem); opacity: var(--opacity-1); }
  100% { transform: translateY(0px); opacity: var(--opacity-100); }
}@keyframes fadeIn { 
  0% { opacity: var(--opacity-1); }
  100% { opacity: var(--opacity-100); }
}}.loading__spinner { position: absolute; z-index: 1; width: 1.8rem; display: inline-block; }.spinner { animation: 1.4s linear 0s infinite normal none running rotator; }@keyframes rotator { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}.path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: center center; stroke: var(--color-foreground); animation: 1.4s ease-in-out 0s infinite normal none running dash; }@keyframes dash { 
  0% { stroke-dashoffset: 280; }
  50% { stroke-dashoffset: 75; transform: rotate(135deg); }
  100% { stroke-dashoffset: 280; transform: rotate(450deg); }
}@keyframes indeterminateAnimation { 
  0% { transform: translateX(-20%) scaleX(0); }
  40% { transform: translateX(30%) scaleX(0.7); }
  100% { transform: translateX(100%) scaleX(0); }
}.drawer, .modal--popup { opacity: var(--opacity-0); visibility: hidden; pointer-events: none; transition-property: opacity, background-color, transform; transition-duration: var(--duration-extra-short); transition-timing-function: var(--cubic-smooth); z-index: var(--layer-menu-drawer); }.modal__overlay:empty, .drawer__overlay:empty { display: block; min-height: 100lvh; background-color: rgb(var(--color-shadow-rgb) / var(--opacity-70)); z-index: -1; }.drawer__inner { height: 100%; padding: 0px 1.5rem; border-right: 0px; overflow: hidden; display: flex; flex-direction: column; transition-property: transform, box-shadow; transition-duration: var(--duration-extra-long); transition-timing-function: var(--cubic-smooth); }.drawer__close {
  top: var(--top,0); right: var(--right,0); z-index: var(--layer-raised); width: var(--minimum-touch-target); height: var(--minimum-touch-target); min-width: var(--minimum-touch-target); min-height: var(--minimum-touch-target); color: var(--color-foreground); background-color: rgba(255, 255, 255, 0); box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0.2rem; padding: var(--padding-sm); display: inline-flex; justify-content: center; align-items: center;
  & > button:not(.button--drawer) { height: 100%; width: 100%; padding: var(--padding-md); }
  &:has(> button) {
  padding: 0px;
  & > button { height: 100%; width: 100%; padding: var(--padding-md); }
}
}.drawer__header .drawer__close { margin-right: calc(-1 * var(--margin-sm)); }.modal--popup .drawer__close { position: fixed; top: 1.5rem; right: 1.5rem; z-index: 5; }.drawer__close .icon-close { width: var(--icon-size-md); height: var(--icon-size-md); transition: transform var(--duration-default) ease; will-change: transform; }.popup__inner { pointer-events: none; box-shadow: var(--style-shadow-popover); border: var(--style-border-popover); border-radius: var(--style-border-radius-popover); background: var(--color-background); max-width: var(--modal-max-width,var(--normal-content-width)); max-height: var(--popup-max-height,var(--modal-max-height)); overflow: hidden auto; opacity: var(--opacity-0); visibility: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40%); transition-property: opacity, transform, box-shadow; transition-duration: var(--duration-extra-long); transition-timing-function: var(--cubic-smooth); will-change: transform; }.popup__inner--content { padding: var(--padding-5xl); }.popup__button svg { display: inline-block; position: relative; top: var(--margin-2xs); }@media screen and (max-width: 749px){.popup__inner { width: calc(100% - 3rem); }.popup__inner--content { padding: var(--padding-4xl) var(--padding-xl) var(--padding-xl); }}.modal-component {
  & .modal__overlay:empty { background-color: rgb(var(--color-shadow-rgb) / var(--opacity-40)); }
  & .modal__inner { padding: 2.5rem 1.2rem; }
  & .modal-header { padding-bottom: 2rem; }
  & .modal-header__title { font-size: var(--size-16); }
  & .modal__close .svg-wrapper { padding: 0.35rem; width: 2.2rem; height: 2.2rem; }
  & .modal-footer { padding-top: 1.5rem; }
}.media > :not(.zoom, .deferred-media__poster-icon, template, .card-placeholder) { display: block; max-width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }.swiper {
  --swiper-navigation-sides-offset: 0; --swiper-navigation-size: 3.6rem; --swiper-navigation-top-offset: 50%;
  &.product-slider { --swiper-navigation-top-offset: calc(50% - 7rem); }
  & .swiper-pagination { --swiper-pagination-bullet-inactive-color: var(--pagination-color); --swiper-pagination-bullet-inactive-opacity: var(--opacity-100); --swiper-pagination-bullet-size: 1rem; --swiper-pagination-color: var(--pagination-active-color); --swiper-pagination-bullet-horizontal-gap: 0.7rem; }
  & .swiper-pagination-fraction { --swiper-pagination-fraction-color: var(--pagination-color); }
}.swiper-button {
  border-radius: var(--arrow-radius); transition: opacity var(--animation-speed-slow) var(--cubic-fast),transform var(--animation-speed-slow) var(--cubic-fast);
  &.swiper-button-prev, &.swiper-button-next {
  --button-width: max(3.6rem, calc(var(--arrow-width) * 0.5)); --button-height: max(3.6rem, calc(var(--arrow-height) * 0.5)); --button-icon-size: max(1.2rem, calc(var(--arrow-icon-size) * 0.5)); --swiper-navigation-size: var(--button-height); color: var(--arrow-color); background-color: var(--arrow-background); border: var(--arrow-border-thickness) solid var(--arrow-border); width: var(--button-width); height: var(--button-height);
  .section--full-width & { --swiper-navigation-sides-offset: 2rem; }
  &.swiper-button-disabled { opacity: var(--opacity-0); }
  &:active { transform: scale(0.9); }
  @media screen and (min-width: 750px) {
  --button-width: max(4rem, calc(var(--arrow-width) * 0.75)); --button-height: max(4rem, calc(var(--arrow-height) * 0.75)); --button-icon-size: max(1.4rem, calc(var(--arrow-icon-size) * 0.75));
}
  @media screen and (min-width: 1280px) {
  --button-width: var(--arrow-width); --button-height: var(--arrow-height); --button-icon-size: var(--arrow-icon-size);
}
}
  & .svg-wrapper { width: auto; height: auto; }
  & .icon { width: var(--button-icon-size); }
  @media screen and (min-width: 1025px) {
  opacity: var(--opacity-0);
  &.swiper-button-prev { transform: translateX(0.5rem); }
  &.swiper-button-next { transform: translateX(-0.5rem); }
  .swiper:hover & {
  &:not(.swiper-button-disabled) { opacity: var(--opacity-100); }
  &.swiper-button-prev, &.swiper-button-next { transform: translateX(0px); }
  &:active { transform: translateX(0px) scale(0.9); }
}
}
}.spacing-style, .inherit-spacing {
  padding-block: calc((var(--padding-block-start) * var(--spacing-scale))+var(--section-top-offset,0)) calc(var(--padding-block-end) * var(--spacing-scale)); padding-inline: calc(var(--padding-inline-start) * var(--spacing-scale)) calc(var(--padding-inline-end) * var(--spacing-scale)); margin-block: calc(var(--margin-block-start) * var(--spacing-scale)) calc(var(--margin-block-end) * var(--spacing-scale)); margin-inline: calc(var(--margin-inline-start) * var(--spacing-scale)) calc(var(--margin-inline-end) * var(--spacing-scale));
  @media (max-width: 749px) {
  padding-block: calc(var(--padding-block-start-mobile,calc(var(--padding-block-start) * var(--spacing-scale)))+var(--section-top-offset,0)) var(--padding-block-end-mobile,calc(var(--padding-block-end) * var(--spacing-scale))); padding-inline: var(--padding-inline-start-mobile,calc(var(--padding-inline-start) * var(--spacing-scale))) var(--padding-inline-end-mobile,calc(var(--padding-inline-end) * var(--spacing-scale))); margin-block: var(--margin-block-start-mobile,calc(var(--margin-block-start) * var(--spacing-scale))) var(--margin-block-end-mobile,calc(var(--margin-block-end) * var(--spacing-scale))); margin-inline: var(--margin-inline-start-mobile,calc(var(--margin-inline-start) * var(--spacing-scale))) var(--margin-inline-end-mobile,calc(var(--margin-inline-end) * var(--spacing-scale)));
}
}.paragraph:not(.button, .button-secondary), .paragraph:not(.button, .button-secondary) > * { font-family: var(--font-body--family); font-style: var(--font-body--style); font-weight: var(--font-body--weight); font-size: var(--font-body--size); line-height: var(--font-body--line-height); text-transform: var(--font-body--case); -webkit-font-smoothing: antialiased; color: var(--color,var(--color-foreground)); }.paragraph > small { font-size: smaller; }.body-xxs-font-size, .body-l-font-size, .body-s-font-size, .body-xxs-font-size { line-height: var(--line-height--body-normal); }.body-3xl-font-size, .body-2xl-font-size, .body-xl-font-size, .body-m-font-size, .body-xs-font-size { line-height: var(--line-height--body-medium); }h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--color,var(--color-foreground-heading)); }h1, .h1, .text-block.h1 > * { font-size: var(--font-size--h1); letter-spacing: var(--font-h1--letter-spacing); text-transform: var(--font-h1--case); line-height: var(--font-h1--line-height); }h2, .h2, .text-block.h2 > * { font-size: var(--font-size--h2); letter-spacing: var(--font-h2--letter-spacing); text-transform: var(--font-h2--case); line-height: var(--font-h2--line-height); }h3, .h3, .text-block.h3 > * { font-size: var(--font-size--h3); letter-spacing: var(--font-h3--letter-spacing); text-transform: var(--font-h3--case); line-height: var(--font-h3--line-height); }h4, .h4, .text-block.h4 > * { font-size: var(--font-size--h4); letter-spacing: var(--font-h4--letter-spacing); text-transform: var(--font-h4--case); line-height: var(--font-h4--line-height); }h5, .h5, .text-block.h5 > * { font-size: var(--font-size--h5); letter-spacing: var(--font-h5--letter-spacing); text-transform: var(--font-h5--case); line-height: var(--font-h5--line-height); }h6, .h6, .text-block.h6 > * { font-size: var(--font-size--h6); letter-spacing: var(--font-h6--letter-spacing); text-transform: var(--font-h6--case); line-height: var(--font-h6--line-height); }.custom-typography, .custom-typography > *, .custom-typography.heading-border--solid .text > * { font-family: var(--font-family); font-weight: var(--font-weight); text-transform: var(--text-transform); text-wrap: var(--text-wrap); line-height: var(--line-height); letter-spacing: var(--letter-spacing); }.custom-font-size, .custom-font-size > *, .custom-font-size.heading-border--solid .text > * { font-size: var(--font-size); }.border-style { border-width: var(--border-width); border-style: var(--border-style); border-color: var(--border-color); border-radius: var(--border-radius); }.shadow-style { box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur) var(--shadow-spread-radius,0) var(--color-shadow); }.bottom-shadow::before { content: ""; box-shadow: 0 0 10px var(--color-shadow); position: absolute; z-index: var(--layer-lowest); inset: 0px; clip-path: inset(0px 0px -50px); }.group-block, .group-block-content { position: relative; }.group-block-content { height: 100%; width: 100%; }.group-block--height-fit { height: auto; }.layout-panel-flex--column > .group-block--height-fit { flex: 0 1 auto; }:root { --hover-lift-amount: 4px; --hover-scale-amount: 1.03; --hover-subtle-zoom-amount: 1.05; --hover-clip-path: inset(2% 2% 2% 2%); --hover-shadow-color: var(--color-shadow); --hover-transition-duration: 0.25s; --hover-transition-timing: var(--ease-out-smooth); }.gap-2xs { gap: var(--gap-2xs); }.gap-xs { gap: var(--gap-xs); }.gap-xl { gap: var(--gap-xl); }.gap-2xl { gap: var(--gap-2xl); }@media screen and (max-width: 749px){.gap-style, .layout-panel-flex { --gap-scale: var(--spacing-scale-sm); }}@media screen and (max-width: 1024px){.spacing-style, .inherit-spacing { --spacing-scale: var(--spacing-scale-md); }}@media screen and (max-width: 749px){.spacing-style, .inherit-spacing { --spacing-scale: var(--spacing-scale-sm); }}.deferred-media__poster-button { width: 100%; height: 100%; }deferred-media[class] :is(.deferred-media__poster-button img, .deferred-media__poster-button ~ video) { object-fit: cover; height: 100%; aspect-ratio: var(--size-style-aspect-ratio,auto); }product-model model-viewer, :is(deferred-media, product-model) > .deferred-media__poster-button ~ :not(template) { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; padding: inherit; }.deferred-media__poster-icon, .video-placeholder-wrapper__poster-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: var(--style-border-radius-50); display: flex; align-items: center; justify-content: center; }.deferred-media__poster-icon svg, .video-placeholder-wrapper__poster-icon svg {
  width: var(--button-size); height: var(--button-size); color: var(--color-white); filter: drop-shadow(var(--shadow-button));
  @media (hover: hover) {
  &:hover { color: rgba(var(--color-white-rgb) / var(--opacity-80)); }
}
  @media screen and (min-width: 750px) {
  width: var(--size-40); height: var(--size-40);
}
}summary { padding-block: var(--padding-sm); }.drawer__container:not(.blog-posts__sidebar-drawer) {
  & [data-drawer-content] { width: min(calc(100% - var(--minimum-touch-target)), var(--drawer-max-width,var(--narrow-content-width))); height: 100%; background-color: var(--color-background); z-index: var(--layer-raised); position: relative; }
  &[data-drawer-direction="right"] [data-drawer-content] { margin-inline-start: auto; }
  &:not(.drawer--menu)[data-drawer-direction="left"] .drawer__close { right: calc(var(--minimum-touch-target) * -1); }
  &:not(.drawer--menu)[data-drawer-direction="right"] .drawer__close { left: calc(var(--minimum-touch-target) * -1); }
  @media screen and (max-width: 1024px) {
  &[data-mobile-drawer-direction="left"] [data-drawer-content] { margin-inline: 0px auto; }
  &[data-mobile-drawer-direction="right"] [data-drawer-content] { margin-inline: auto 0px; }
}
}.field::after { box-shadow: 0 0 0 var(--inputs-border-width) var(--color-input-border); inset: 0px; }.button--drawer { padding: 0px; cursor: pointer; appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: currentcolor; background-color: rgba(255, 255, 255, 0); }.popup__close { position: absolute; top: 2rem; right: 2rem; z-index: var(--layer-raised); width: var(--size-32); height: var(--size-32); color: var(--color-foreground); background-color: rgba(255, 255, 255, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0.6rem; cursor: pointer; border-radius: 50%; }.disabled {
  opacity: var(--opacity-50); cursor: not-allowed;
  & button { cursor: not-allowed; }
}.icon-caret svg { transition: transform var(--animation-speed) var(--animation-easing); }.icon-caret--forward svg { transform: rotate(-90deg); }.icon-caret--backward svg { transform: rotate(90deg); }.gap-style, .layout-panel-flex {
  --gap-scale: var(--spacing-scale-md);
  @media screen and (min-width: 990px) {
  --gap-scale: var(--spacing-scale-default);
}
}.layout-panel-flex { display: flex; gap: var(--gap); height: 100%; }.layout-panel-flex--row { flex-flow: row var(--flex-wrap); justify-content: var(--horizontal-alignment); align-items: var(--vertical-alignment); }.layout-panel-flex--column { flex-flow: column var(--flex-wrap); align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment); }@media screen and (max-width: 749px){.mobile-column { flex-flow: column; align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment-mobile); }}.spacing-style {
  --spacing-scale: var(--spacing-scale-md);
  @media screen and (min-width: 990px) {
  --spacing-scale: var(--spacing-scale-default);
}
  --padding-block: 0px; --padding-block-start: var(--padding-block, 0px); --padding-block-end: var(--padding-block, 0px); --padding-inline: 0px; --padding-inline-start: var(--padding-inline, 0px); --padding-inline-end: var(--padding-inline, 0px); --margin-block: 0px; --margin-block-start: var(--margin-block, 0px); --margin-block-end: var(--margin-block, 0px); --margin-inline: 0px; --margin-inline-start: var(--margin-inline, 0px); --margin-inline-end: var(--margin-inline, 0px);
  @media screen and (max-width: 749px) {
  --padding-block-start-mobile: var(--padding-block-start, 0px); --padding-block-end-mobile: var(--padding-block-end, 0px); --padding-inline-start-mobile: var(--padding-inline-start, 0px); --padding-inline-end-mobile: var(--padding-inline-end, 0px); --margin-block-start-mobile: var(--margin-block-start, 0px); --margin-block-end-mobile: var(--margin-block-end, 0px); --margin-inline-start-mobile: var(--margin-inline-start, 0px); --margin-inline-end-mobile: var(--margin-inline-end, 0px);
}
}.size-style {
  width: var(--size-style-width-mobile,var(--size-style-width)); height: var(--size-style-height-mobile,var(--size-style-height));
  @media screen and (min-width: 750px) and (max-width: 1024px) {
  width: var(--size-style-width-tablet,var(--size-style-width)); height: var(--size-style-height-tablet,var(--size-style-height));
}
  @media screen and (min-width: 1025px) {
  width: var(--size-style-width); height: var(--size-style-height);
}
}.section {
  --full-page-grid-central-column-width: min(
    var(--page-width) - var(--page-margin) * 2,
    calc(100% - var(--page-margin) * 2)
  ); --full-page-grid-margin: minmax(var(--page-margin), 1fr); --full-page-grid-with-margins: var(--full-page-grid-margin) var(--full-page-grid-central-column-width)
    var(--full-page-grid-margin); --util-page-margin-offset: max(
    var(--page-margin),
    calc((100% - min(var(--page-content-width), calc(100% - (var(--page-margin) * 2)))) / 2)
  ); --full-page-margin-inline-offset: calc(((100vw - var(--scrollbar-width, 0px) - var(--full-page-grid-central-column-width)) / 2) * -1); width: 100%; position: relative; display: grid; grid-template-columns: var(--full-page-grid-with-margins); min-height: var(--section-min-height,'auto');
  @media screen and (max-width: 749px) {
  min-height: var(--section-min-height-mobile,var(--section-min-height));
}
}.section > * { grid-column: 2; }.section--page-width > * { grid-column: 2; }.text-block > :first-child, .text-block > :empty:first-child + * { margin-block-start: 0px; }.text-block > :last-child, .text-block > :has(+ :empty:last-child) { margin-block-end: 0px; }a {
  --button-color: var(--color, var(--color-primary)); color: var(--button-color); text-decoration-color: rgba(255, 255, 255, 0); text-decoration-thickness: 0.075em; text-underline-offset: 0.125em; transition: text-decoration-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing);
  @media screen and (min-width: 1025px) {
  &:not(.button, .button-secondary):hover { color: var(--color-primary-hover); }
}
}p:not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-primary, .button-secondary)), .rte :is(p, ul, ol, table):not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-primary, .button-secondary)) {
  text-decoration-color: currentcolor;
  @media (hover: hover) {
  &:hover { text-decoration-color: rgba(255, 255, 255, 0); color: var(--color-primary-hover); }
}
}media-gallery { display: block; width: 100%; }:where(media-gallery, .product-grid__item) {
  & .media-gallery__grid { grid-template-columns: 1fr; gap: var(--image-gap); }
}:not(.dialog-zoomed-gallery) > .product-media-container {
  --slide-width: round(up, 100%, 1px); display: flex; aspect-ratio: var(--gallery-aspect-ratio,var(--media-preview-ratio)); max-height: var(--constrained-height); width: 100%; position: relative; overflow: hidden;
  &:where(.constrain-height) { --viewport-offset: 400px; --constrained-min-height: 300px; --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset))); margin-right: auto; margin-left: auto; }
}.product-media-container img { aspect-ratio: inherit; object-fit: contain; object-position: center center; }.close-button { position: fixed; top: var(--margin-lg); right: var(--margin-lg); width: var(--minimum-touch-target); height: var(--minimum-touch-target); z-index: var(--layer-flat); background-color: rgba(255, 255, 255, 0); display: flex; align-items: center; justify-content: center; border-radius: var(--style-border-radius-50); }.close-button svg { width: var(--icon-size-md); height: var(--icon-size-md); }.product-media { display: flex; flex: 1 1 0%; }product-model model-viewer, :is(deferred-media, product-model) > .deferred-media__poster-button ~ :not(template) { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; padding: inherit; }:is(deferred-media, .video-placeholder-wrapper).border-style { overflow: hidden; }deferred-media {
  &:has(:focus-visible) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }
  @supports not selector(:focus-visible) {
  &:has(:focus) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }
}
}.deferred-media__poster-button { width: 100%; height: 100%; aspect-ratio: var(--video-aspect-ratio,auto); }deferred-media img { height: 100%; object-fit: cover; transition: opacity 0.3s; }.deferred-media__poster-icon, .video-placeholder-wrapper__poster-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: var(--style-border-radius-50); display: flex; align-items: center; justify-content: center; }.deferred-media__poster-icon svg, .video-placeholder-wrapper__poster-icon svg {
  width: var(--button-size); height: var(--button-size); color: var(--color-white); filter: drop-shadow(var(--shadow-button));
  @media (hover: hover) {
  &:hover svg { color: rgb(var(--color-white-rgb) / var(--opacity-80)); }
}
  @media screen and (min-width: 750px) {
  width: 4rem; height: 4rem;
}
}deferred-media[class] :is(.deferred-media__poster-button img, .deferred-media__poster-button ~ video) { object-fit: cover; height: 100%; aspect-ratio: var(--size-style-aspect-ratio,auto); }.quantity-selector {
  --quantity-selector-width: 4.5rem; display: flex; justify-content: space-between; align-items: center; color: var(--color-input-text); background-color: var(--color-input-background); border-radius: var(--inputs-radius); flex: 1 1 var(--quantity-selector-width); align-self: stretch; transition: background-color var(--animation-speed) var(--animation-easing);
  @media (hover: hover) {
  &:hover { background-color: var(--color-input-hover-background); }
}
  & .quantity__button {
  position: absolute; z-index: 3;
  &.quantity-minus { left: 0px; right: auto; }
  &.quantity-plus { right: 0px; left: auto; }
}
}.product-form__buttons:has(.add-to-cart-button.button-secondary) .quantity-selector { border-radius: var(--style-border-radius-buttons-secondary); }.quantity-selector :is(.quantity-minus, .quantity-plus) { padding: var(--button-padding-vertical) 0; background: rgba(255, 255, 255, 0); box-shadow: none; display: flex; justify-content: center; align-items: center; cursor: pointer; width: var(--size-45); height: var(--size-45); flex-shrink: 0; color: var(--color-input-text); }.quantity-selector .quantity-minus { border-start-start-radius: var(--inputs-radius); border-end-start-radius: var(--inputs-radius); }.quantity-selector .quantity-plus { border-start-end-radius: var(--inputs-radius); border-end-end-radius: var(--inputs-radius); }.product-details .quantity-selector .quantity-minus { border-start-start-radius: var(--style-border-radius-buttons-primary); border-end-start-radius: var(--style-border-radius-buttons-primary); }.product-details .quantity-selector .quantity-plus { border-start-end-radius: var(--style-border-radius-buttons-primary); border-end-end-radius: var(--style-border-radius-buttons-primary); }:is(.quantity-minus, .quantity-plus):active .svg-wrapper { transform: scale(0.9); }.pills__pill {
  --pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); color: var(--color-foreground); display: flex; justify-content: space-between; align-items: center; gap: var(--gap-sm); min-width: 48px; padding: 6px 12px; border-radius: var(--style-border-radius-pills); cursor: pointer; background-color: var(--pills-pill-background-color); transition: background-color var(--animation-speed) var(--animation-easing);
  @media (hover: hover) {
  &:hover { --pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); }
}
  @media screen and (max-width: 749px) {
  padding: var(--padding-xs) var(--padding-md);
}
}.pills__pill > .svg-wrapper { --close-icon-opacity: 0.4; --icon-stroke-width: 1px; color: var(--color-foreground); }.swiper-controls__thumbnails {
  height: fit-content;
  & .swiper-control {
  border-radius: var(--media-radius); height: auto; aspect-ratio: var(--aspect-ratio);
  & img { border-radius: var(--media-radius); }
}
  @media screen and (min-width: 750px) {
  &[data-thumbnail-direction="vertical"]:not(.swiper-initialized) {
  & .swiper-wrapper { flex-direction: column; gap: 0.8rem; }
}
}
}.button.swiper-controls__thumbnail:active { transform: none; }.swiper-slide-thumb-active { opacity: var(--opacity-30); }.swiper-main { width: 100%; }.alertBox { display: flex; gap: var(--gap-sm); width: 100%; font-size: var(--font-size--sm); padding: var(--size-20) var(--size-17); border-radius: var(--inputs-radius); }.alertBox--error { color: var(--color-error-text); background-color: var(--color-error-background); }img { width: 100%; height: auto; }.section-resource-list__content { display: flex; flex-direction: column; align-items: var(--horizontal-alignment); gap: var(--gap); width: 100%; }@media screen and (max-width: 749px){.mobile-column { flex-flow: column; align-items: var(--horizontal-alignment-mobile); justify-content: var(--vertical-alignment-mobile); }.layout-panel-flex--row {
  justify-content: var(--horizontal-alignment-mobile);
  &:not(.mobile-column) {
  & .text-block { flex: 1 1 var(--max-width--display-tight); }
  & .image-block { flex: 1 1 var(--size-style-width-mobile-min); }
  & .button { flex: 0 0 fit-content; }
}
}}.spacing-style {
  --spacing-scale: var(--spacing-scale-md);
  @media screen and (min-width: 990px) {
  --spacing-scale: var(--spacing-scale-default);
}
  @media screen and (max-width: 749px) {
  --spacing-scale: var(--spacing-scale-sm);
}
}.group-block--height-fit { height: auto; }.layout-panel-flex--column > .group-block--height-fit { flex: 0 1 auto; }.swiper-wrapper[style*="--card-grid-per-row-mobile"] > * { --card-grid-per-row: var(--card-grid-per-row-mobile); }.section-resource-list { gap: var(--gap) 0; }.cart-count-bubble, .wishlist-count-bubble { top: 0px; left: calc(50% + 12px); right: 0px; transform: translateX(-50%); }@media screen and (max-width: 749px){.layout-panel-flex { flex-direction: var(--flex-direction-mobile); }}.link { font-style: var(--font-style); }.price-item--sale { color: var(--sale-price-color); }.popup__inner--video {
  width: 50%; height: fit-content;
  @media (max-width: 749px) {
  width: 80%;
}
  & iframe { aspect-ratio: 4 / 3; }
}.halo-compareProduct:not(.is-show) [data-compare-link] { display: none; }.cart-drawer .caption-large { font-size: calc(var(--font-body--size) - 2px); }section-fetcher { pointer-events: none; }.button-close-circle {
  &.button-unstyled { overflow: visible; }
  @media (hover: hover) {
  transition: transform var(--animation-speed) var(--animation-easing); will-change: transform;
  &::after { content: ""; position: absolute; inset: -2px; border: .1rem solid var(--color-foreground); border-radius: 50%; z-index: -1; transform: scale(0.8); transition: transform var(--animation-speed) var(--animation-easing),opacity var(--animation-speed) var(--animation-easing); will-change: transform, opacity; opacity: 0; }
  &:hover {
  transform: rotate(90deg);
  &::after { transform: scale(1); opacity: 1; }
}
}
}.disclosure__list-wrapper { border-width: var(--style-border-width-popover); border-style: solid; border-color: var(--color-foreground); overflow: hidden; position: absolute; bottom: 100%; z-index: 2; background: var(--color-background); border-radius: var(--style-border-radius-popover); box-shadow: var(--style-shadow-popover); max-height: 27.5rem; transform: translate3d(0px, 100%, 0px); }.minimum-touch-target-before::before { content: ""; position: absolute; inset: 50%; transform: translate(-50%, -50%); width: var(--minimum-touch-target); height: var(--minimum-touch-target); }.form-error { display: none; }.popup.ask-an-expert > .button { display: flex; justify-content: center; align-items: center; gap: 10px; text-transform: none; text-align: left; }.popup.ask-an-expert > .button svg { top: 0px; }.ask-an-expert__content { padding: 1.5rem; width: 100%; max-width: 54.5rem; margin: 0px auto; }.ask-an-expert__content .button[type="submit"] { display: flex; justify-content: center; margin: 0px auto 2rem; }.custom-color, .custom-color > :is(h1, h2, h3, h4, h5, h6, p, *) { color: var(--color); }.button {
  transition: color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing);
  &:not(.deferred-media__poster, .prevent-active):active { transform: scale(0.9); }
}.collection-card__image .group-collection-information__content > :not(.button, .button-secondary, .link) { opacity: 0; transform: rotateX(90deg); transition: transform 0.3s linear 0.1s; }.collection-card:hover .collection-card__image .group-collection-information__content > :not(.button, .button-secondary, .link) { opacity: 1; transform: rotateX(0deg); }@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}.marquee__content :is(p, h1, h2, h3, h4, h5, h6) { white-space: nowrap; }@keyframes marquee-motion { 
  100% { transform: translate3d(calc(var(--percent, -50%) - (var(--marquee-gap) / 2)),0,0); }
}.view-product-title { display: none; }.product-details { padding: 0px; display: flex; align-self: start; justify-content: center; }.product-details .form__label { font-size: var(--font-size-heading); }@media screen and (max-width: 749px){media-gallery swiper-component .swiper { padding-bottom: 0.5rem !important; }}.product-media-container--zoomable.product-media-container--image { cursor: zoom-in; }.video-dialog button { width: 100%; }.video-modal-dialog deferred-media { max-height: 85dvh; }.form-ratio { display: flex; flex-wrap: wrap; gap: 20px; }.form-ratio--horizontal { flex-direction: row; }.buy-buttons-block { width: 100%; }.product-form__buttons { display: flex; align-items: flex-end; flex-wrap: wrap; gap: var(--gap); }.product-form__buttons > :not(.quantity-selector, .product-form__quantity, .add-to-cart-button-container) { min-width: 100%; }.quantity-selector { flex-grow: 0; }.overlay-component { opacity: var(--opacity-0); visibility: hidden; transition: opacity 0.3s, visibility linear 0.3s; }.sticky-atc {
  padding: 1rem; z-index: 11; opacity: 0; visibility: hidden; transform: translateY(100%); transition: opacity 0.3s, box-shadow 0.3s, transform 0.3s, visibility linear 0.3s; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1rem 0px;
  & .section { padding: 1rem; }
}.sticky-atc__variant { padding: 1.5rem 0px 0px; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(255, 255, 255); transform: translateY(-100%); opacity: 0; pointer-events: none; transition: 0.3s ease-in-out; box-shadow: rgba(0, 0, 0, 0.2) 0px -0.2rem 1rem; }.sticky-atc .variant-selects { padding: 2rem 0px 0px; display: flex; flex-wrap: wrap; gap: 20px; }.sticky-atc .product-form__submit { display: none; }@media screen and (max-width: 749px){.sticky-atc { bottom: calc(var(--toolbar-mobile-height) + 5px); }.sticky-atc__action { width: 100%; }}:root { --text-align-default: left; }.buy-buttons-block { width: 100%; }.product-form__buttons { display: flex; align-items: flex-end; flex-wrap: wrap; gap: var(--gap); }.product-form__buttons > :not(.quantity-selector, .product-form__quantity, .add-to-cart-button-container) { min-width: 100%; }.quantity-selector { flex-grow: 0; }.product-form-text__error { display: flex; align-items: flex-start; gap: var(--gap-xs); }.block-contact-form .contact-form-stack {
  --padding-gap: calc(var(--gap, 0.8rem) / 4); display: flex; flex-wrap: wrap; margin: 0 calc(var(--padding-gap) / -1);
  @media (min-width: 750px) {
  --padding-gap: calc(var(--gap) / 2);
}
  & > .shopify-block { display: contents; }
  & .contact-form-row {
  width: 100%; padding: 0 var(--padding-gap); margin-bottom: var(--margin-sm);
  @media screen and (min-width: 750px) {
  width: calc(var(--formRowWidth, 50%)); padding: 0 var(--padding-gap); margin-bottom: var(--margin-md);
}
}
  & .button { width: calc(100% - (var(--padding-gap) * 2)); margin-inline: auto; }
}.contact-form-input, .contact-form-textarea { border-radius: var(--border-radius); }.contact-form-textarea { height: var(--textarea-height); resize: vertical; }.border-style--all { border: var(--border-width) solid var(--color-input-border); }.text-block--align-left { margin-inline-end: auto; }.text-block--align-center { margin-inline: auto; }@keyframes rotate-circle { 
  0% { letter-spacing: -2px; }
  50% { letter-spacing: 0px; }
  100% { letter-spacing: -2px; transform: rotate(-1turn); }
}:root { --text-align-default: left; }.product-recommendations .product-recommendations__skeleton-item { aspect-ratio: 3 / 4; background-color: rgba(255, 255, 255, 0); }@media screen and (max-width: 749px){.product-recommendations__skeleton-item:nth-child(2n+1) { display: none; }}@keyframes overlaySlide { 
  25%, 75% { transform: translateY(0px); }
  100% { transform: translateY(100%); }
}.product-information__media { display: flex; order: 0; width: 0px; min-width: 100%; }@media screen and (max-width: 749px){.product-information__media { grid-column: 1 / -1; }}.marquee__content :is(p, h1, h2, h3, h4, h5, h6) { white-space: nowrap; }@keyframes marquee-motion { 
  100% { transform: translate3d(calc(var(--percent, -100%) - (var(--marquee-gap) / 2)),0,0); }
}@keyframes jello-vertical { 
  0% { transform: scale3d(1, 1, 1); }
  30% { transform: scale3d(0.75, 1.25, 1); }
  40% { transform: scale3d(1.25, 0.75, 1); }
  50% { transform: scale3d(0.85, 1.15, 1); }
  65% { transform: scale3d(1.05, 0.95, 1); }
  75% { transform: scale3d(0.95, 1.05, 1); }
  100% { transform: scale3d(1, 1, 1); }
}@keyframes zoom-in-out { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}.section--page-width {
  &.media-banner {
  grid-template-areas: "margin-left media margin-right" "margin-left content margin-right";
  @media screen and (min-width: 750px) {
  grid-template-areas: "margin-left media content margin-right"; --media-banner-grid-columns: var(--full-page-grid-margin)
        calc((var(--full-page-grid-central-column-width) / 12) * 7)
        calc((var(--full-page-grid-central-column-width) / 12) * 5) var(--full-page-grid-margin);
}
}
  &.media-banner--media-right {
  @media screen and (min-width: 750px) {
  --media-banner-grid-columns: var(--full-page-grid-margin)
        calc((var(--full-page-grid-central-column-width) / 12) * 5)
        calc((var(--full-page-grid-central-column-width) / 12) * 7) var(--full-page-grid-margin); grid-template-areas: "margin-left content media margin-right";
}
}
  &.media-banner--medium {
  @media screen and (min-width: 750px) {
  --media-banner-grid-columns: var(--full-page-grid-margin)
        repeat(2, calc(var(--full-page-grid-central-column-width) / 2)) var(--full-page-grid-margin);
}
}
  &.media-banner--narrow.media-banner--media-right {
  @media screen and (min-width: 750px) {
  --media-banner-grid-columns: var(--full-page-grid-margin)
        calc((var(--full-page-grid-central-column-width) / 3) * 2)
        calc(var(--full-page-grid-central-column-width) / 3) var(--full-page-grid-margin);
}
}
  &.media-banner--narrow {
  @media screen and (min-width: 750px) {
  --media-banner-grid-columns: var(--full-page-grid-margin)
        calc(var(--full-page-grid-central-column-width) / 3)
        calc((var(--full-page-grid-central-column-width) / 3) * 2) var(--full-page-grid-margin);
}
}
  &.media-banner.media-banner--media-stack, &.media-banner--medium.media-banner--media-stack, &.media-banner--narrow.media-banner--media-stack {
  @media screen and (min-width: 750px) {
  grid-template-areas: "media"; --media-banner-grid-columns: 1fr;
}
}
}.product-recommendations__skeleton-item { aspect-ratio: 3 / 4; background-color: rgba(255, 255, 255, 0); }@media screen and (max-width: 749px){.product-recommendations__skeleton-item:nth-child(2n+1) { display: none; }}.drawer__form-field {
  & label { font-weight: 500; }
  & input {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground-rgb) / .2); outline: 0px; border-radius: var(--inputs-radius);
  &.field__input:not(:placeholder-shown) { padding-top: 0px; }
}
  & input:focus {
  padding-top: 0px;
  &::placeholder { opacity: 0; }
}
}.add-to-cart-text { display: flex; gap: var(--gap-2xs); white-space: nowrap; align-items: center; justify-content: center; animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing); animation-fill-mode: forwards; transition: opacity var(--animation-speed) var(--animation-easing); }@keyframes atc-slide-in { 
  0% { opacity: 0; transform: translateY(0.5em); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes atc-slide-out { 
  0% { transform: translateY(0px); opacity: 1; }
  100% { transform: translateY(-1em); opacity: 0; }
}.button:not(.button-unstyled) {
  --color-effect-background: var(--color-primary-button-hover-background); transition: color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing);
  &:not(.deferred-media__poster, .prevent-active):active { transform: scale(0.9); }
}.button-hover--effect .button-secondary:not(.button-unstyled, .header__icon, [disabled]) { --color-effect-background: var(--color-secondary-button-hover-background); }.button-hover--effect .button:not(.button-unstyled, .header__icon, .button--outline) { background-color: var(--color-primary-button-background); }.button-hover--effect .button-secondary:not(.button-unstyled, .header__icon, .button--outline) { background-color: var(--color-secondary-button-background); }.button-hover--effect .button-secondary:not(.button-unstyled, .header__icon, [disabled]), .button-hover--effect .button:not(.button-unstyled, .header__icon, [disabled]) {
  --tss: transform var(--animation-slowest-smooth), opacity var(--animation-slowest-smooth); position: relative; overflow: hidden; isolation: isolate;
  & .button-text-main { transition: var(--tss); }
  & .button-overflow {
  &::after { content: attr(data-button-text); transform: translateY(100%); transition: var(--tss); display: inline-block; position: absolute; inset-block-start: 0px; inset-inline-start: 0px; height: 100%; width: 100%; }
}
  &::after { content: ""; position: absolute; top: 50%; left: 50%; width: 120%; height: calc(100% + (max(0.2rem, var(--button-border-width)) * 2)); background-color: var(--color-effect-background); backface-visibility: hidden; will-change: transform; transform: translate(-50%, -50%) rotate3d(0, 0, 2, 20deg) translate3d(-1.2em, 105%, 0px); transform-origin: 0% 100%; transition: var(--tss); z-index: -1; }
  &:hover {
  & .button-overflow::after { transform: translateY(0px); }
  & .button-text-main { transform: translateY(-100%); opacity: 0; }
  &::after { transform: translate(-50%, -50%) rotate3d(0, 0, 1, 0deg) translate3d(0px, 0px, 0px); }
}
}.link {
  cursor: pointer; height: auto; font-size: var(--button-font-size-link,var(--font-size--sm)); font-weight: var(--button-font-weight-link,var(--font-body--weight)); font-family: inherit; text-decoration: none; text-wrap: var(--text-wrap); text-transform: var(--text-transform); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none;
  &[style*="--button-font-size-link"] { font-size: var(--button-font-size-link); }
  @media screen and (min-width: 1025px) {
  &:hover { color: var(--color-primary-hover); }
}
}.link--text {
  color: var(--color-foreground);
  @media screen and (min-width: 1025px) {
  &:hover { color: rgb(var(--color-foreground-rgb) / var(--opacity-75)); }
}
}.link--hover-underline .text, .link--hover-underline:not(:has(.text)) { transition: background-size var(--animation-values-slow),opacity var(--animation-speed) var(--animation-delay,0s) var(--animation-easing),color var(--animation-speed) var(--animation-delay,0s) var(--animation-easing); }.link--underline:not(:has(.text)), .link--underline .text, .link--hover-underline .text, .link--hover-underline:not(:has(.text)) { --line-link-gap: min(100%, 1.35em); text-decoration: none; }.link--underline:not(:has(.text)), .link--underline .text { background-image: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position: left bottom; background-size: 100% 1px; transition: background-size var(--animation-values-slow),opacity var(--animation-speed) var(--animation-delay,0s) var(--animation-easing),color var(--animation-speed) var(--animation-delay,0s) var(--animation-easing); }.link--hover-underline .text, .link--hover-underline:not(:has(.text)) { background-image: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position: right bottom; display: inline; }.cart-discount__input { height: 100%; flex-grow: 1; min-width: 0px; }.cart-discount__codes { display: none; gap: var(--padding-xs); flex-wrap: wrap; list-style: none; padding-inline: 0px; margin: var(--margin-sm) 0 0 0; }.cart-discount__button { height: 100%; }.cart-discount__content { display: inherit; height: calc(var(--button-size) + var(--padding-2xs) + var(--padding-sm)); }.cart-discount__form {
  display: flex; gap: var(--padding-md); align-items: stretch; height: 100%;
  & .button { min-width: 10rem; padding-inline: 1rem; }
  & .field .cart-discount__input { height: 100%; }
}.cart-discount__error { display: flex; align-items: center; width: 100%; padding-block: var(--padding-sm); }.cart-discount__error .svg-wrapper { flex-shrink: 0; margin-inline: var(--margin-3xs) var(--margin-xs); }.cart-discount__error-text { margin-block-start: var(--margin-3xs); }.divider { align-self: stretch; display: flex; align-items: center; justify-content: var(--divider-justify-content); }.divider__line { border-bottom: var(--divider-border-thickness) solid var(--color-border); border-right: var(--divider-border-thickness) solid var(--color-border); border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); flex-basis: var(--divider-flex-basis); min-height: var(--divider-flex-basis); }.drawer--menu .menu-drawer__utility-links .menu-drawer__back-button {
  display: flex; align-items: center; width: 100%; height: 100%; padding: var(--padding-md) var(--minimum-touch-target) var(--padding-md) var(--padding-xl); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color-foreground); background-color: rgba(255, 255, 255, 0); text-align: left; text-decoration: none; white-space: nowrap; overflow-x: hidden; line-height: 1.2; box-shadow: none; letter-spacing: normal;
  &:hover > .svg-wrapper svg { color: currentcolor; fill: currentcolor; }
}.drawer--menu .menu-drawer__utility-links .menu-drawer__back-button > .svg-wrapper { margin-right: var(--padding-md); width: var(--icon-size-xs); height: var(--icon-size-xs); }.menu-drawer {
  overflow-y: auto;
  & svg { width: var(--icon-size-xs); height: var(--icon-size-xs); }
  & .disclosure__list-wrapper { opacity: var(--opacity-0); visibility: hidden; transform: translateY(0px); transition-property: opacity, transform; transition-duration: var(--duration-medium); transition-timing-function: var(--cubic-smooth); }
  & .selector__dropdown .disclosure__list-wrapper { transform: translate(-5%); border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: var(--layer-raised); }
  & .selector__dropdown.active .disclosure__list-wrapper { transform: translate(0px); opacity: var(--opacity-100); visibility: visible; }
  & .country-selector-form__wrapper .country-selector__list, & .localization-form--language { padding-inline: var(--padding-xl); }
  & .disclosure-has-popup[open] > summary::before { position: absolute; }
  & .details--dropdown .details__list { top: unset; bottom: 100%; }
  & .country-selector-form__wrapper .localization-form:only-child { padding: 0px; width: 100%; }
  & .country-filter, & .language-filler { padding-inline: var(--padding-xl); }
  & .language-selector localization-form { height: 100%; display: flex; }
}.drawer__container .list-menu__item { padding-block: var(--padding-sm); }.menu-drawer__utility-links .header__icon--wishlist {
  display: flex; width: 100%; justify-content: flex-start; padding: var(--padding-sm) var(--padding-xl); gap: var(--gap-lg);
  & .svg-wrapper { width: var(--size-24); }
  & .wishlist-count-bubble { position: unset; transform: unset; }
}.menu-drawer__utility-links .disclosure__list.country-selector__list, .menu-drawer__utility-links .disclosure__list.language-selector__list { padding-block-end: var(--padding-sm); width: 100%; max-height: calc(100dvh - 16.5rem); }.menu-drawer__utility-links .disclosure__list-wrapper { position: fixed; width: 100%; top: 0px; height: 100dvh; left: 0px; background-color: var(--color-background); max-height: initial; display: grid; grid-template-rows: 4.5rem 1fr 5rem; }.menu-drawer__utility-links localization-form:has(.country-selector__list--with-multiple-currencies) {
  width: 100%; max-height: calc(100dvh - 9.5rem); display: block;
  & .country-selector__list--with-multiple-currencies { width: 100%; max-height: calc(100dvh - 16.5rem); }
}.header__icon--menu .button { padding: 0px; }.header__icon--menu button { height: var(--minimum-touch-target); width: var(--minimum-touch-target); padding: 0px; }@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes numberUpdate { 
  0% { transform: scale(1); }
  50% { transform: scale(1.1); color: var(--pagination-active-color); }
  100% { transform: scale(1); }
}.search--inline.search-modal__form { background-color: rgba(255, 255, 255, 0); }.search-action .header__search--inline.header__search--frame { min-width: 23rem; }@keyframes progressBar { 
  0% { width: 0%; }
  100% { width: var(--progress-bar-width); }
}.product-media { aspect-ratio: var(--gallery-aspect-ratio,var(--ratio)); min-height: 0px; min-width: 0px; }.variant-selects { width: 100%; }.variant-option { margin-block-end: var(--margin-xl); --options-border-radius: var(--variant-selects-button-radius); --options-border-width: var(--variant-selects-button-border-width); --variant-option-padding-inline: var(--padding-md); }.variant-option--buttons { display: flex; flex-wrap: wrap; gap: var(--gap-sm); padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }.variant-option--buttons legend { padding: 0px; margin-block-end: var(--margin-xs); }.share-drawer .popup__inner { padding: 2rem; }.share-header { margin-bottom: 1rem; }.wrapper-content { padding: 1rem 0px; }.wrapper-content .form-label { margin-bottom: 1rem; }.share-button__product .button { margin-top: 10px; }.share-button__product .icon-clipboard { height: 2.2rem; width: 2.2rem; }.share-button__message:not(:empty) { display: block; font-size: var(--font-body-size); font-weight: var(--font-weight-normal); text-align: center; line-height: var(--body-line-height); letter-spacing: var(--body-letter-spacing); color: var(--color-text2); margin: 10px 0px 0px; }.share-button__product .share-group { display: flex; justify-content: space-between; }.share-button__product .share-group .button { width: 6rem; margin: 0px 0px 0px 1rem; min-width: auto; align-items: flex-start; font-size: 0px; }.share-button__product .share_toolbox { margin-top: 3rem; }.social-share { display: flex; align-items: center; justify-content: flex-start; padding: 0px; }.social-share .svg-wrapper { width: 2.4rem; height: 2.4rem; }.social-share li { list-style: none; margin-right: 1.5rem; }@media (max-width: 1024px){.field__input { padding-top: 13px; padding-bottom: 13px; }.share-button__product .share-group .button { width: 50px; }}.swiper-button {
  overflow: hidden;
  &::before { content: ""; position: absolute; inset: 1px; background-color: var(--arrow-background); z-index: -1; border-radius: var(--arrow-radius); }
  @media (hover: hover) {
  &:hover { --arrow-color: var(--arrow-color-hover); --arrow-background: var(--arrow-background-hover); }
}
}.swiper-button .fill-bg { background-color: var(--arrow-color); z-index: -2; inset: -1px; border-radius: var(--arrow-radius); }.swiper-button-prev .fill-bg { transform: translateX(100%); }.swiper-button-next .fill-bg { transform: translateX(-100%); }:root { --text-align-default: left; }[style*="--horizontal-alignment: flex-start"] > .text-block { --text-align-default: left; }@media screen and (max-width: 749px){[style*="--horizontal-alignment-mobile: flex-start"] > .text-block { --text-align-default: left; }}.text-block {
  align-items: var(--horizontal-alignment);
  &.size-style { height: auto; }
}.text-block > * {
  width: inherit; text-align: var(--text-align-mobile,var(--text-align-default)); text-wrap: var(--text-wrap);
  @media screen and (min-width: 750px) and (max-width: 1024px) {
  text-align: var(--text-align-tablet,var(--text-align-default));
}
  @media screen and (min-width: 1025px) {
  text-align: var(--text-align,var(--text-align-default));
}
}.text-block:not(.text-block--full-width-mobile).rte, .text-block:not(.text-block--full-width-mobile).paragraph { text-wrap: pretty; }.text-block:not(.text-block--full-width-mobile):is(.h1, .h2, .h3, .h4, .h5, .h6) { text-wrap: balance; }.text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) a { text-decoration-color: rgba(255, 255, 255, 0); }.text-block h1, .text-block.h1 > * { margin-block: var(--font-h1--spacing); }.text-block h2, .text-block.h2 > * { margin-block: var(--font-h2--spacing); }.text-block h3, .text-block.h3 > * { margin-block: var(--font-h3--spacing); }.text-block p, .text-block.p > * { margin-block: var(--font-paragraph--spacing); }.text-block .text > :first-child, .text-block > :first-child { margin-block-start: 0px; }.text-block .text > :last-child, .text-block > :last-child { margin-block-end: 0px; }.custom-color, .custom-color > :is(h1, h2, h3, h4, h5, h6, p, *), .text-block a { color: var(--color); }.variant-selects { width: 100%; }.variant-option { margin-block-end: var(--margin-xl); --options-border-radius: var(--variant-selects-button-radius); --options-border-width: var(--variant-selects-button-border-width); --variant-option-padding-inline: var(--padding-md); }.variant-option--buttons { display: flex; flex-wrap: wrap; gap: var(--gap-sm); padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }.variant-option--buttons legend { padding: 0px; margin-block-end: var(--margin-xs); }.slide__img-wrapper { grid-template-columns: repeat(var(--slide-media-count,1),1fr); }body { --header-height: 0px; --header-group-height: var(--header-height); --transparent-header-offset-boolean: 0; }body:has(> #header-group > header) { --header-height: 60px; }.header:not([transparent]) { min-height: var(--header-height); display: block; }.header-section { position: relative; }.header:has(.header__row--bottom) .row-group--shadow .header__row--bottom { box-shadow: rgba(var(--color-shadow-rgb) / var(--opacity-20)) 0rem .2rem 2rem 0rem; }#header-group:has(#header-component[data-sticky-type]) { display: contents; }.header__row {
  --color-primary-button-background: transparent; --color-primary-button-border: transparent; position: relative; background-color: var(--header-bg-color,var(--color-background));
  &:has(.header__search--inline), &:has(.header__search--inline .search__input.field__input:focus) { z-index: 3; }
  &.header__row--top:has(.header-localization) { z-index: 4; }
}.header {
  --last-item-minus-margin: 0rem;
  & .header__row--top {
  padding-block-start: var(--padding-block-start-top); padding-block-end: var(--padding-block-end-top);
  @media screen and (max-width: 749px) {
  padding-block-start: var(--padding-block-start-top) * .5; padding-block-end: var(--padding-block-end-top) * .5;
}
}
  & .header__row--bottom {
  padding-block-start: var(--padding-block-start-bottom); padding-block-end: var(--padding-block-end-bottom);
  @media screen and (max-width: 749px) {
  padding-block-start: var(--padding-block-start-bottom) * .5; padding-block-end: var(--padding-block-end-bottom) * .5;
}
}
}.header__row--top:not(.divider--page-width), .header__row--top.divider--page-width .header__columns, .header__row--bottom { border-bottom: var(--border-bottom-width) solid var(--color-border); }.header__row--bottom .header__column--right > :last-child { margin-right: calc(var(--last-item-minus-margin) * -1); }@media screen and (max-width: 749px){.header__row--top:not(.divider--page-width), .header__row--top.divider--page-width .header__columns { border-bottom-width: var(--border-bottom-width-mobile); }}.header__column {
  display: flex; align-items: center;
  @media screen and (max-width: 1024px) {
  display: contents;
}
}.header__column--left, .header__column--center { gap: var(--gap-items); grid-area: left; }.header__column--center {
  justify-content: center; grid-area: center;
  & header-menu:only-child .overflow-menu::part(list) { justify-content: center; }
}.header__column--right {
  gap: var(--gap-items); justify-content: flex-end; grid-area: right;
  & .overflow-menu::part(list) { justify-content: flex-end; }
}.header__columns {
  --header-left: 1fr; --header-center: auto; --header-right: 1fr; --header-template-columns: var(--header-left) var(--header-center) var(--header-right); --header-mobile-bookend: 44px; display: grid; grid-template-areas: "left center right"; gap: var(--gap-xl); grid-template-columns: var(--header-template-columns);
  &:has(.header__column--center .header-menu) { --header-center: auto; --header-left: minmax(max-content, 1fr); --header-right: minmax(max-content, 1fr); }
  &:has(.header__column--center .header__search):not(:has(.header__column--center .header-menu)) {
  --header-center: minmax(max-content, 1fr); --header-left: minmax(max-content, 1fr); --header-right: minmax(max-content, 1fr);
  & .header__search, & .search-action { width: 100%; justify-content: center; }
}
  &:has(.header__column--center .header__search) {
  & .header__search .svg-wrapper { margin-inline-start: 0px; }
}
  &:has(.header__column--left .header__search .search--inline) {
  & .header__search .details__list { left: 0px; }
  & .header__search .search-modal__form:has(.search__input.field__input:focus) .details__list, & .header__search .search-modal__form[open] .details__list { opacity: 1; transform: translate3d(0px, 1rem, 0px); pointer-events: auto; }
}
  &:has(.header__column--center .header__search .search--inline) {
  & .header__search .predictive-search--center { width: 100%; max-height: 70dvh; }
  & .header__search .details__list { left: 50%; transform: translate(-50%, 5rem); }
  & .header__search .search-modal__form:has(.search__input.field__input:focus) .details__list, & .header__search .search-modal__form[open] .details__list { transform: translate3d(-50%, 1rem, 0px); }
}
  &:has(.header__column--right .header__search .search--inline) {
  & .header__search .details__list { right: 0px; }
  & .header__search .search-modal__form:has(.search__input.field__input:focus) .details__list, & .header__search .search-modal__form[open] .details__list { transform: translate3d(0px, 1rem, 0px); }
}
  &:has(.header__search .search--inline) {
  & .search__input.field__input { padding: 1.5rem 0px 1.5rem 2rem; }
  & .header__search--underline .search__input.field__input { padding-left: 0px; }
  & .header__search .details__list { opacity: 0; transition: opacity var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing); pointer-events: none; }
  & .header__search .search-modal__form:has(.search__input.field__input:focus) .details__list, & .header__search .search-modal__form[open] .details__list { opacity: 1; pointer-events: auto; }
  & .predictive-search { padding-inline: var(--padding-2xl); max-height: 70dvh; }
}
  &:has(.header__column--center .header-menu):has(.header__column--center .header__search) {
  --header-center: minmax(max-content, 2fr); --header-left: minmax(max-content, 1fr); --header-right: minmax(max-content, 1fr);
  & .header__search { width: 30rem; }
  & .header__column--center { justify-content: space-between; }
  & .predictive-search-results__list-inline { --card-grid-per-row: 2; }
}
  &:where(:not(:has(.header__column--center))) {
  @media screen and (min-width: 750px) {
  --header-template-columns: var(--header-left) var(--header-right); grid-template-areas: "left right";
}
  &:has(.header__column--right header-menu) { --header-right: auto; --header-left: minmax(max-content, 1fr); }
  &:has(.header__column--left header-menu) { --header-left: auto; --header-right: minmax(max-content, 1fr); }
}
  @media screen and (max-width: 1024px) {
  --header-template-columns: var(--header-mobile-bookend) var(--header-mobile-bookend) 1fr
      var(--header-mobile-bookend) var(--header-mobile-bookend); grid-template-areas: "leftA leftB center rightA rightB"; grid-column: span 3; gap: var(--gap-2xs); align-items: center; padding-block: 0px; padding-inline: 0 var(--padding-3xs);
  & .header-logo { grid-area: center; text-align: center; }
  &:not(:has(.header-actions)) .search-action { grid-area: leftB; }
  & .account-actions, &:not(:has(.account-actions)) .search-action { grid-area: rightA; }
  &:not(:has(.header-actions)) .account-actions { grid-area: rightB; }
  & .search-action { grid-area: leftB; }
  & .header-actions { grid-area: rightB; }
  &:has(.header-multi-site) {
  & .header-multi-site { grid-area: 1 / 1 / auto / 6; }
  & .header-logo, &:not(:has(.header-actions)) .search-action, & .account-actions, &:not(:has(.account-actions)) .search-action, & .search-action, & .header-actions { grid-row: 2; }
}
}
}.header__columns:has(.header__column--left .header__vertical-menu) {
  @media screen and (min-width: 750px) {
  --header-left: 1fr; --header-right: max-content;
}
}.header__columns:has(.header__column--left):has(.header__column--right):has(.header-menu):has(.header-localization):not(:has(.header__column--center)) {
  @media screen and (min-width: 750px) {
  --header-left: 1fr; --header-right: max-content;
}
}.predictive-search-results__pill, .predictive-search__item-heading { animation: search-element-slide-up-heading var(--animation-speed-slow) var(--ease-out-smooth) backwards; }.recently-viewed-products__skeleton-item { aspect-ratio: 3 / 4; background-color: rgba(255, 255, 255, 0); }@media screen and (max-width: 749px){.recently-viewed-products__skeleton-item:nth-child(2n+1) { display: none; }}.slideshow .swiper:has(.swiper-pagination) { padding-bottom: 0px; }.slideshow .swiper-pagination {
  --swiper-pagination-bottom: 4rem; position: absolute; left: 50%; transform: translateX(-50%); width: auto;
  &.swiper-pagination-pos--outside { position: static; transform: none; margin-top: var(--margin-3xl); }
}.slideshow .swiper-slide { height: auto; }.slideshow :is(.swiper-actions--bottom_center, .swiper-actions--bottom_right) {
  position: absolute; left: 50%; bottom: 1rem; transform: translateX(-50%); z-index: 1;
  & .swiper-btns-wrap { display: flex; justify-content: center; align-items: center; gap: var(--button-gap); }
  & .swiper-pagination, & .swiper-button { position: relative; transform: none; margin: 0px; inset: unset; }
  & .swiper-button-prev { order: -1; flex-shrink: 0; }
  & .swiper-pagination { order: 0; }
  & .swiper-button-next { order: 1; flex-shrink: 0; }
  @media screen and (min-width: 750px) {
  bottom: 2rem;
}
  @media screen and (min-width: 1280px) {
  bottom: 4rem;
}
}.header-localization .disclosure__list-wrapper { bottom: initial; top: 100%; }.localization-form {
  display: flex; flex-direction: column; flex: 1 0 auto; padding: 1rem; margin: 0px auto;
  &.localization-form--language { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; padding: 0px; margin: 0px; }
}.localization-form:only-child { display: inline-flex; }.localization-form:only-child .button, .localization-form:only-child .localization-form__select:not(.localization-form__select--icon) { margin: 1rem 1rem 0.5rem; flex-grow: 1; }.localization-form__select:not(.localization-form__select--icon) { border-radius: var(--inputs-radius-outset); position: relative; margin-bottom: 1.5rem; padding-left: 1rem; text-align: left; min-height: calc(4rem + var(--localization-border-width) * 2); min-width: calc(7rem + var(--localization-border-width) * 2); }.disclosure__button.localization-form__select:not(.localization-form__select--icon) { padding: calc(2rem + var(--localization-border-width)); background: var(--color-background); }.localization-form__select:not(.localization-form__select--icon) .icon-caret { position: absolute; content: ""; height: 0.6rem; right: calc(var(--localization-border-width) + 1.5rem); top: calc(50% - 0.2rem); transition: transform var(--duration-medium) ease-out; }.disclosure .localization-form__select:not(.localization-form__select--icon) { padding-top: 1.5rem; }.disclosure { position: relative; }.disclosure__button:not(.localization-form__select--icon) { align-items: center; cursor: pointer; display: flex; gap: 0.5rem; height: 4rem; padding: 0px 1.5rem; font-size: var(--font-size--xs); background-color: rgba(255, 255, 255, 0); }.disclosure__list-wrapper { border-width: var(--style-border-width-popover); border-style: solid; border-color: var(--color-foreground); overflow: hidden; position: absolute; bottom: 100%; z-index: 2; background: var(--color-background); border-radius: var(--style-border-radius-popover); box-shadow: var(--style-shadow-popover); max-height: 27.5rem; transform: translate3d(0px, 100%, 0px); }.disclosure__list { position: relative; overflow-y: auto; font-size: var(--font-size--sm); padding-bottom: 0.5rem; padding-top: 0.5rem; scroll-padding: 0.5rem 0px; max-height: 20.5rem; min-width: 12rem; width: max-content; }.country-selector__list { padding-bottom: 0.95rem; padding-top: 0px; }.country-selector__list--with-multiple-currencies { width: 24rem; }.selector__close-button { display: none; }.country-filter, .language-filler { gap: 0.5rem; padding: var(--padding-sm); }.country-filter__reset-button, .country-filter__search-icon { right: calc(var(--localization-border-width)); top: var(--localization-border-width); }.country-filter__reset-button:not(:focus-visible)::after, .country-filter__reset-button:not(:focus)::after { display: block; height: calc(100% - 1.8rem); content: ""; position: absolute; right: 0px; }.country-filter__reset-button:focus, .country-filter__reset-button:focus-visible { background: var(--color-background); z-index: 4; }.country-filter__reset-button:not(:focus-visible):not(.focused) { box-shadow: inherit; background-color: inherit; }.country-filter__reset-button:hover .icon { transform: scale(1.07); }.country-filter__reset-button .icon.icon-close, .country-filter__search-icon .icon { height: 1.8rem; width: 1.8rem; stroke-width: 0.1rem; }.country-filter__search-icon { transition: opacity var(--duration-short) ease,visibility var(--duration-short) ease; opacity: var(--opacity-100); visibility: visible; pointer-events: none; cursor: text; }@media screen and (max-width: 749px){.disclosure__list-wrapper.disclosure-selector { position: fixed; bottom: -1rem; left: 0px; width: 100%; max-height: calc(100% - 20vh); border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; z-index: 4; }.disclosure__list.country-selector__list, .disclosure__list.language-selector__list { max-height: 85%; min-width: 100%; margin-bottom: 0px; padding-bottom: 4rem; z-index: 5; }.selector__close-button.link, .selector__close-button { display: flex; justify-content: center; align-items: center; padding: 0rem; background-color: rgba(255, 255, 255, 0); height: 4.4rem; width: 4.4rem; }.selector__close-button .icon { width: 2rem; height: 2rem; }}.countries { padding-top: 0.6rem; }.disclosure__item { position: relative; }.disclosure__link { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.5rem; padding: var(--padding-xs) var(--padding-sm); text-decoration: none; color: rgb(var(--color-foreground-rgb) / var(--opacity-75)); word-break: break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: var(--menu-localization-font-size); font-family: var(--menu-localization-font); transition: text-decoration-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing),background var(--animation-speed) var(--animation-easing); }.disclosure__link:hover { color: var(--color-foreground); background: rgb(var(--color-foreground-rgb) / var(--opacity-8)); }.disclosure__link .country { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }.header-localization .localization-form:only-child { margin: 0px; }.header-localization .disclosure .localization-form__select:not(.localization-form__select--icon) { font-size: var(--menu-localization-font-size); letter-spacing: var(--letter-spacing--body-loose); font-family: var(--menu-localization-font); height: auto; min-height: initial; background: rgba(255, 255, 255, 0); }.header-localization .disclosure .localization-form__select:not(.localization-form__select--icon):hover { text-decoration: underline; }.header-localization .localization-form__select:not(.localization-form__select--icon).link::after, .header-localization .localization-form__select:not(.localization-form__select--icon).link::before { box-shadow: none; }.desktop-localization-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; }.desktop-localization-wrapper .localization-form:only-child { padding: 0px; }.header-localization:not(.menu-drawer__localization) { align-items: center; }.header-localization:not(.menu-drawer__localization) .localization-form__select:not(.localization-form__select--icon) { width: max-content; height: var(--size-38); }.header-localization:not(.menu-drawer__localization) .localization-form__select:not(.localization-form__select--icon):not(:has(.icon-caret)) { padding: 0 var(--padding-xs) 0 0; min-width: initial; }.header-localization:not(.menu-drawer__localization) .localization-form__select:not(.localization-form__select--icon):has(.icon-caret) { padding: 0 var(--padding-3xl) 0 var(--padding-md); }.header-localization:not(.menu-drawer__localization) .localization-form:only-child .localization-form__select:not(.localization-form__select--icon) { margin: 0px; }.header-localization:not(.menu-drawer__localization) .localization-form__select:not(.localization-form__select--icon) .icon-caret { right: 0.8rem; min-width: initial; min-height: initial; }.header-localization .country-filter__input:focus { padding: 0px 1.5rem; margin: 0px; }.popup-edit-header { padding: var(--padding-3xl) var(--padding-4xl) var(--padding-2xl); }.popup-edit-header h5 { text-transform: capitalize; }.edit-cart-popup .popup-wrapper { padding: 0px; }.edit-cart-popup .popup__inner { height: auto; }@media (max-width: 1024px){.edit-cart-popup .popup__inner { width: 100%; }}@media (max-width: 551px){.popup-edit-header { padding: var(--padding-lg) var(--padding-sm); }}.header-logo {
  padding-inline-start: var(--header-logo-spacing-left,0); padding-inline-end: var(--header-logo-spacing-right,0);
  @media screen and (max-width: 1024px) {
  padding-inline: 0px;
}
}.header-logo__image-container {
  min-width: 5rem; width: var(--header-logo-image-width); height: var(--header-logo-image-height); display: block; transform-origin: left top; transition: transform var(--animation-speed-slowest) var(--ease-out-cubic); will-change: transform;
  @media (min-width: 750px) and (max-width: 1024px) {
  width: calc(var(--header-logo-image-width) * 0.6); height: calc(var(--header-logo-image-height) * 0.6);
}
  & img, & svg { width: 100%; height: auto; aspect-ratio: var(--aspect-ratio); object-fit: contain; display: block; }
  @media screen and (max-width: 1024px) {
  transform-origin: center top;
}
  @media screen and (max-width: 749px) {
  transform-origin: center center;
}
  @media screen and (max-width: 749px) {
  width: var(--header-logo-image-width-mobile); height: var(--header-logo-image-height-mobile);
}
  @media screen and (max-width: 375px) {
  width: calc(var(--header-logo-image-width-mobile) * 0.5); height: calc(var(--header-logo-image-height-mobile) * 0.5);
}
}.vertical-menu__item { display: flex; align-items: center; }.header__vertical-menu {
  --width-vertical-menu: 26rem;
  &:has(.header__vertical-menu__summary--radius) {
  & .vertical-menu { border-top-right-radius: 0px; border-top-left-radius: 0px; }
}
  & .header__vertical-menu__summary { padding-inline: var(--padding-xl); }
  & .header__vertical-menu__summary--radius { border-top-right-radius: var(--border-radius); border-top-left-radius: var(--border-radius); }
  & .header__vertical-menu__summary-custom { background: var(--color-background); color: var(--color-foreground); }
  & .header__vertical-menu__summary--divider { border-right: 1px solid rgb(var(--color-border-rgb) / var(--opacity-20)); }
  & .header__vertical-menu__summary--large { min-width: var(--width-vertical-menu); }
  &[open] .header__vertical-menu__summary .svg-wrapper { transform: rotate(-180deg); }
  & .vertical-menu {
  width: var(--width-vertical-menu);
  &:hover { overflow: visible; }
}
  & .list-menu--disclosure { left: 100%; top: 0px; padding-inline: 10px; }
}.header__menu-item > .text { color: currentcolor; }.header [tabindex="-1"]:focus { outline: none; }.header__heading-link { display: inline-block; padding: var(--padding-xs); text-decoration: none; word-break: break-word; }.header__icon {
  @media (hover: hover) {
  & svg { transition: transform var(--animation-speed) var(--animation-easing); }
  &:hover {
  & svg { transform: scale(1.15); }
}
}
}.header__icon.button:not(.button-secondary, .button-unstyled), .header__icon.button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; background-color: rgba(255, 255, 255, 0); }.header__icon:not(.header__icon--summary), .header__icon span { display: flex; align-items: center; justify-content: center; padding: 0px; }.header__icon span:not(.icon-flag) { height: 100%; }.header__icon .svg-wrapper { width: 44px; height: 44px; }.header__icon::after { content: none; }.header__icon .icon { height: var(--size-24); width: var(--size-24); fill: none; vertical-align: middle; }.header__icon--both { display: flex; flex-direction: column; font-size: var(--body-s-font-size); gap: var(--gap-2xs); padding: 0px; }.header__icon.header__icon--search, .header__icon.header__icon--icon { min-height: var(--minimum-touch-target); min-width: var(--minimum-touch-target); padding: 0px; }.header__icon.header__icon--both {
  @media (max-width: 1024px) {
  height: var(--minimum-touch-target); width: var(--minimum-touch-target);
}
}.header__icon--cart { margin-right: -1.2rem; overflow: visible; height: var(--minimum-touch-target); width: var(--minimum-touch-target); }.header__search { display: inline-flex; }.search-modal__form { width: 100%; }.header__inline-menu { display: none; }.header__menu-item { padding: 1.2rem; text-decoration: none; color: rgb(var(--color-primary-rgb) / var(--opacity-100)); }.header__menu-item span:not(.svg-wrapper) {
  &.svg-wrapper { margin-right: 0px; }
}.global-settings-popup { border-radius: var(--style-border-radius-popover); border-color: var(--color-foreground); border-style: solid; border-width: var(--style-border-width-popover); box-shadow: var(--style-shadow-popover); }.list-menu { list-style: none; padding: 0px; margin: 0px; }.list-menu--inline {
  display: inline-flex; flex-wrap: wrap; gap: 0px; margin-inline: calc(var(--gap-x) / 2 * -1);
  & > li > .header__menu-item { padding-inline: calc(var(--gap-x) / 2 + 1.2rem); }
}.list-menu__item { display: flex; align-items: center; }@keyframes animateMenuOpen { 
  0% { opacity: var(--opacity-0); transform: translateY(-1.5rem); }
  100% { opacity: var(--opacity-100); transform: translateY(0px); }
}.header__inline-menu { --submenu-animation-speed: var(--animation-speed-slowest); --submenu-opacity: 0; --submenu-height-transition: 0px; }.list-menu__item .label-wrapper { position: absolute; left: 50%; top: -9px; transform: translateX(-50%); }.header__menu-item { position: relative; }.header__inline-menu .label-wrapper { display: inline-flex; align-items: center; gap: var(--gap-xs); font-size: 1.2rem; pointer-events: none; }.header__search .search--inline .predictive-search--center .search__button { right: 1px; top: 1px; border-top-right-radius: var(--inputs-radius); border-bottom-right-radius: var(--inputs-radius); border-top-left-radius: 0px; border-bottom-left-radius: 0px; height: var(--minimum-touch-target); }.header__search .search--inline .predictive-search--center .search__button:not(:focus-visible):not(.focused) { background-color: var(--color-primary-button-background); }.header__search .search--inline .predictive-search--center .search__input { height: var(--minimum-touch-target); }.drawer-localization__button--label {
  font-size: var(--menu-localization-font-size); font-family: var(--menu-localization-font); width: 100%;
  & .icon-flag { width: calc(var(--menu-localization-font-size, var(--icon-size-sm)) * 1.5); height: var(--menu-localization-font-size,var(--icon-size-sm)); }
  & .icon-caret { margin-left: auto; }
}.search-drawer .predictive-search {
  border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; overflow-x: hidden; max-height: calc(-143px + 100svh) !important;
  & .resource-card { --resource-card-image-size: 5.5rem; }
}.search-drawer .drawer__inner {
  padding: var(--padding-lg) 0;
  @media screen and (min-width: 1025px) {
  padding: var(--padding-4xl) 0;
}
  & .predictive-search--center {
  padding-inline: var(--padding-lg);
  @media screen and (min-width: 1025px) {
  padding-inline: var(--padding-4xl);
}
}
}.quick-add-modal {
  inset: 0px; background: rgb(var(--color-foreground-rgb) / var(--opacity-20));
  & .product-form__buttons-wrapper { grid-template-columns: 1fr; margin-top: 1rem; }
  & .scroll-trigger.scroll-trigger { animation: auto ease 0s 1 normal none running none; opacity: var(--opacity-100); transform: none; }
  & .quick-order-list__container { padding-bottom: 1.5rem; }
  & .product-form__submit { min-height: 4.4rem; font-size: initial; }
  & .product__tax { margin-top: 0px; }
  & button[type="submit"] { overflow: hidden; position: relative; }
  @media screen and (min-width: 990px) {
  & .shopify-payment-button { width: 100%; }
}
}.quick-add-modal__content { --modal-height-offset: 3.2rem; padding: 1rem 0.5rem; min-height: 35rem; }.quick-add-modal__content:not(.quick-add-modal__content--bulk) {
  max-width: 47.5rem; height: auto; max-height: max-content; width: calc(100% - 3rem);
  @media screen and (min-width: 750px) {
  width: 80%;
}
  @media screen and (min-width: 990px) {
  width: 70%;
}
}.quick-add-modal--bulk .popup__inner {
  overflow: initial;
  @media screen and (max-width: 1279px) {
  width: 100%;
}
  @media screen and (min-width: 1280px) {
  min-width: var(--popup-max-width);
}
}.quick-add-modal__content-info.quick-add-modal__content-info--bulk { padding-bottom: 0px; }.quick-add-modal__content-info { --modal-padding: 1.5rem; padding-inline-end: 4.4rem; display: flex; overflow: hidden auto; padding: var(--modal-padding); height: 100%; }.quick-add-modal--bulk .quick-add-modal__toggle { background: var(--color-background); border: .1rem solid rgb(var(--color-foreground-rgb) / var(--opacity-10)); border-radius: var(--style-border-radius-50); color: rgb(var(--color-foreground-rgb) / var(--opacity-55)); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 1.2rem; z-index: 5; position: fixed; top: 1.5rem; right: 1.5rem; }.quick-add-modal__toggle .icon { height: auto; margin: 0px; width: 1.8rem; }@media screen and (max-width: 1024px){.quick-add-modal__content-info.quick-add-modal__content-info--bulk { --modal-padding: 1.5rem; }.quick-add-modal__content-info--bulk { flex-direction: column; }}@media screen and (max-width: 749px){.quick-add-modal__content { bottom: var(--modal-height-offset); }}