.b-ext *, .b-ext :before, .b-ext :after {box-sizing: border-box;border-style: solid;border-width: 0;border-color: rgb(var(--border-color));-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .b-ext {-webkit-text-size-adjust: 100%;tab-size: 4;scroll-padding-top: var(--sticky-area-height);interpolate-size: allow-keywords;line-height: 1.5;} .b-ext {background: rgb(var(--page-background));font: var(--text-font-style) var(--text-font-weight) var(--text-base)/1.65 var(--text-font-family);letter-spacing: var(--text-letter-spacing);margin: 0;position: relative;} .b-ext hr {border-top-width: 1px;justify-self: stretch;height: 0;} .b-ext a {color: inherit;-webkit-text-decoration: inherit;text-decoration: inherit;} .b-ext b, .b-ext strong {font-weight: bolder;} .b-ext code, .b-ext kbd, .b-ext samp, .b-ext pre {font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size: 1em;} .b-ext table {text-indent: 0;border-color: inherit;border-collapse: collapse;} .b-ext button, .b-ext input, .b-ext optgroup, .b-ext select, .b-ext textarea {font-family: inherit;font-size: 100%;font-weight: inherit;font-style: inherit;line-height: inherit;text-transform: inherit;color: inherit;margin: 0;padding: 0;} .b-ext input[type=submit] {cursor: pointer;} .b-ext button, .b-ext select {text-transform: none;} .b-ext button, .b-ext [type=button], .b-ext [type=reset], .b-ext [type=submit] {-webkit-appearance: button;background-color: rgba(0,0,0,0);background-image: none;} .b-ext button, .b-ext label, .b-ext summary, .b-ext [role=button], .b-ext [type=checkbox], .b-ext [type=radio] {-webkit-tap-highlight-color: transparent;touch-action: manipulation;cursor: pointer;} .b-ext :-moz-focusring {outline: auto;} .b-ext :-moz-ui-invalid {box-shadow: none;} .b-ext ::-webkit-inner-spin-button {height: auto;} .b-ext ::-webkit-outer-spin-button {height: auto;} .b-ext ::-webkit-date-and-time-value {text-align: start;} .b-ext [type=date] {min-height: calc(var(--font-size) * 3);} .b-ext [type=search] {-webkit-appearance: textfield;outline-offset: -2px;} .b-ext ::-webkit-search-decoration {-webkit-appearance: none;} .b-ext ::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;} .b-ext summary {list-style-type: none;} .b-ext summary::-webkit-details-marker {display: none;} .b-ext blockquote, .b-ext dl, .b-ext dd, .b-ext h1, .b-ext h2, .b-ext h3, .b-ext h4, .b-ext h5, .b-ext h6, .b-ext hr, .b-ext figure, .b-ext p, .b-ext pre {margin: 0;} .b-ext fieldset {margin: 0;padding: 0;} .b-ext legend {padding: 0;} .b-ext ul, .b-ext ol, .b-ext menu {margin: 0;padding: 0;} .b-ext .unstyled-list {margin: 0;padding: 0;list-style: none;} .b-ext textarea {resize: vertical;field-sizing: content;min-height: 4 lh;} .b-ext input::placeholder, .b-ext textarea::placeholder {opacity: 1;} .b-ext :disabled {cursor: default !important;} .b-ext img, .b-ext svg, .b-ext video, .b-ext canvas, .b-ext audio, .b-ext iframe, .b-ext embed, .b-ext object {vertical-align: middle;display: block;} .b-ext img {color: rgba(0,0,0,0);max-width: 100%;height: auto;} .b-ext [role=img] svg {display: initial;} .b-ext picture source {display: contents;} .b-ext video {max-width: 100%;height: auto;} .b-ext :focus:not(:focus-visible) {outline: none;} .b-ext [hidden] {display: none !important;} .b-ext height-observer {display: block;} .b-ext .color-scheme {background-color: rgb(var(--background));background-image: var(--background-gradient);color: rgb(var(--text-color));border-color: rgb(var(--border-color));} .b-ext .color-scheme--with-image-overlay {--border-color: var(--text-color)/.6;} .b-ext .color-scheme--with-image-overlay .button--outline {--border-color: var(--text-color);} .b-ext .accordion {box-sizing: content-box;display: block;} .b-ext .accordion {border-block-width: 1px;} .b-ext .accordion :is(svg) {transition: transform .2s;} .b-ext .accordion+.accordion {border-block-start-width: 0;} .b-ext .accordion__toggle {justify-content: space-between;align-items: center;column-gap: calc(var(--font-size) * .625);padding-block: calc(var(--font-size) * 1.25);display: flex;} .b-ext .accordion__content {margin-block-start: calc(var(--font-size) * -.25);padding-block-end: calc(var(--font-size) * 1.25);padding-inline-end: calc(var(--font-size) * 1.25);} @media screen and (min-width: 1000px) {.b-ext .accordion__toggle.text-lg {padding-block: calc(var(--font-size) * 1.5);} .b-ext .accordion--lg .accordion__toggle {padding-block: calc(var(--font-size) * 2);} .b-ext .accordion--lg .accordion__content {margin-block-start: calc(var(--font-size) * -.5);}} .b-ext .accordion-group>*+*>.accordion {border-block-start-width: 0;} .b-ext .blog-post-card {align-content: start;gap: calc(var(--font-size) * 1.25);display: grid;} .b-ext .blog-post-card__info {justify-items: start;row-gap: calc(var(--font-size) * 1);display: grid;} .b-ext .blog-post-card__meta {flex-wrap: wrap;align-items: center;column-gap: calc(var(--font-size) * .5);display: flex;} .b-ext .blog-post-card__title.title {font-weight: 600;} .b-ext .blog-post-card__meta>*+:before {content: "•";margin-inline-end: calc(var(--font-size) * .5);} .b-ext .blog-post-list {--blog-post-list-items-per-row: 1;--blog-post-list-column-gap: calc(var(--font-size) * 1.875);--blog-post-list-row-gap: var(--section-stack-gap);--blog-post-list-card-width: calc(100% / var(--blog-post-list-items-per-row) - var(--blog-post-list-column-gap) * ( var(--blog-post-list-items-per-row) - 1 ) / var(--blog-post-list-items-per-row));grid: auto/repeat(auto-fit,var(--blog-post-list-card-width));align-items: start;column-gap: var(--blog-post-list-column-gap);row-gap: var(--blog-post-list-row-gap);display: grid;} .b-ext .featured-blog-post {grid-column: 1/-1;display: none;} @media screen and (min-width: 700px) {.b-ext .blog-post-list {--blog-post-list-items-per-row: 2;}} @media screen and (max-width: 999px) {.b-ext .blog-post-list--carousel {--blog-post-list-card-width: 40vw;grid: auto/auto-flow var(--blog-post-list-card-width);}} @media screen and (max-width: 699px) {.b-ext .blog-post-list--carousel {--blog-post-list-card-width: 74vw;}} @media screen and (min-width: 1000px) {.b-ext .blog-post-list {--blog-post-list-items-per-row: 3;--blog-post-list-column-gap: calc(var(--font-size) * 3.75);} .b-ext .featured-blog-post {display: block;} .b-ext .featured-blog-post+.blog-post-card {display: none;}} @media screen and (min-width: 1150px) {.b-ext .blog-post-list {--blog-post-list-row-gap: calc(var(--font-size) * 3.75);}} .b-ext .shopify-challenge__button, .b-ext .shopify-payment-button__button--unbranded {all: revert;} .b-ext .button, .b-ext .shopify-challenge__button, .b-ext .shopify-payment-button__button--unbranded {--initial-gradient: linear-gradient(rgb(var(--button-background)),rgb(var(--button-background)));--hover-gradient: linear-gradient(transparent,transparent);--initial-background-position: var(--transform-origin-end);--hover-background-position: var(--transform-origin-start);--button-background-hover: transparent;-webkit-appearance: none;appearance: none;text-transform: var(--button-text-transform);font: var(--button-font);letter-spacing: var(--button-letter-spacing);text-shadow: none;text-align: center;cursor: pointer;color: rgb(var(--button-text-color));border: 1px solid rgb(var(--button-outline-color,var(--button-background)));border-radius: var(--button-border-radius);background-color: rgb(var(--button-background));background-size: 101% 101%,0 101%;background-position: var(--initial-background-position);background-repeat: no-repeat;justify-content: center;align-items: center;column-gap: calc(var(--font-size) * 1.125);padding: calc(var(--font-size) * .65) calc(var(--font-size) * 1.75);transition: background-color .45s cubic-bezier(.785,.135,.15,.86),background-position .45s step-end,color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);display: inline-flex;position: relative;} .b-ext .shopify-payment-button__button--unbranded {border: 1px solid rgb(var(--button-outline-color,var(--button-background))) !important;border-radius: var(--button-border-radius) !important;background-color: rgba(0,0,0,0) !important;transition: background-size .45s cubic-bezier(.785,.135,.15,.86),background-position .45s step-end,color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86) !important;} .b-ext .shopify-payment-button__button--unbranded:not(:hover) {color: rgb(var(--button-text-color)) !important;} .b-ext .button--outline {--initial-gradient: linear-gradient(transparent,transparent);--hover-gradient: linear-gradient(rgb(var(--button-background)),rgb(var(--button-background)));--initial-background-position: var(--transform-origin-start);--hover-background-position: var(--transform-origin-end);--button-background-hover: var(--button-background);color: rgb(var(--button-background,var(--text-color)));border-color: rgb(var(--button-outline-color,var(--border-color)));background-color: transparent;} .b-ext .button--subdued.button--outline {border-color: rgb(var(--border-color));} .b-ext .button--sm {font-size: var(--text-xs);padding: calc(var(--font-size) * .5) calc(var(--font-size) * .75);} @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) {.b-ext .features--button-transition :is(.button, .b-ext .shopify-challenge__button, .b-ext .shopify-payment-button__button--unbranded):not([disabled]):hover {color: rgb(var(--button-background));background-position: var(--hover-background-position);border-color: rgb(var(--button-background));background-size: 0 101%,101% 101%;background-color: rgb(var(--button-background-hover));} .b-ext .features--button-transition .shopify-payment-button__button--unbranded:not([disabled]):hover {background-color: rgba(0,0,0,0);} .b-ext .features--button-transition .button--outline:not([disabled]):hover {color: rgb(var(--button-text-color));}} .b-ext .button-group {flex-wrap: wrap;align-items: center;gap: calc(var(--font-size) * 1);display: flex;} .b-ext .button-group>* {margin: 0 !important;} .b-ext .button-group:has(.link):has(.button) {column-gap: calc(var(--font-size) * 1.5);} @media screen and (min-width: 700px) {.b-ext .button-group {gap: calc(var(--font-size) * 1.25);} .b-ext .button-group:has(.link):not(:has(.button)) {column-gap: calc(var(--font-size) * 2);} .b-ext .button-group--same-width {grid-auto-columns: minmax(0,1fr);grid-auto-flow: column;display: grid;}} .b-ext .additional-checkout-buttons {width: 100%;} .b-ext .shopify-payment-button__button {vertical-align: top;width: 100%;} .b-ext shopify-accelerated-checkout, .b-ext shopify-accelerated-checkout-cart {--shopify-accelerated-checkout-button-block-size: 44px;--shopify-accelerated-checkout-button-border-radius: var(--button-border-radius);--shopify-accelerated-checkout-button-box-shadow: none;} @keyframes animateIconInline {0% {opacity: 1;transform: translate(0);} 50% {opacity: 0;transform: translate(100%);} 51% {opacity: 0;transform: translate(-100%);} to {opacity: 1;transform: translate(0);}} @keyframes animateIconBlock {0% {opacity: 1;transform: translateY(0);} 50% {opacity: 0;transform: translateY(100%);} 51% {opacity: 0;transform: translateY(-100%);} to {opacity: 1;transform: translateY(0);}} .b-ext .circle-button {--circle-button-size: calc(var(--font-size) * 2.75);width: var(--circle-button-size);height: var(--circle-button-size);background: rgb(var(--circle-button-background));color: rgb(var(--circle-button-text-color));border-radius: var(--rounded-full);place-items: center;display: grid;} .b-ext .circle-button>svg {width: calc(var(--font-size) * .75);} .b-ext .circle-button>.icon-zoom {width: calc(var(--font-size) * .875);} @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) {.b-ext .circle-button.hover\:animate-icon-inline:hover svg {animation: .35s ease-in-out forwards animateIconInline;} .b-ext .circle-button.hover\:animate-icon-block:hover svg {animation: .35s ease-in-out forwards animateIconBlock;}} .b-ext .circle-button--sm {--circle-button-size: calc(var(--font-size) * 2.25);} .b-ext .circle-button--lg, .b-ext .circle-button--xl {--circle-button-size: calc(var(--font-size) * 3.125);} .b-ext :is(.circle-button--lg, .b-ext .circle-button--xl)>svg {width: calc(var(--font-size) * 1);} @media screen and (min-width: 700px) {.b-ext .circle-button--xl {--circle-button-size: calc(var(--font-size) * 3.5);}} .b-ext .content-over-media {--content-over-media-gap: calc(var(--font-size) * 1.25);--content-over-media-calculated-row-gap: var(--content-over-media-row-gap,var(--content-over-media-gap));--content-over-media-calculated-column-gap: var(--content-over-media-column-gap,var(--content-over-media-gap));grid-template: [full-start] 0 [content-start] minmax(0,1fr) [content-end] 0 [full-end]/[full-start] minmax(0,1fr) [content-start] minmax(0,min(var(--container-max-width),100% - var(--content-over-media-column-gap,var(--content-over-media-gap,var(--container-gutter))) * 2)) [content-end] minmax(0,1fr) [full-end];row-gap: var(--content-over-media-calculated-row-gap);column-gap: var(--content-over-media-calculated-column-gap);min-height: var(--content-over-media-height,auto);place-items: center;display: grid;position: relative;overflow: hidden;} .b-ext .content-over-media:before {content: "";background: var(--content-over-media-gradient-overlay,rgb(var(--content-over-media-overlay)));border-radius: inherit;z-index: 1;pointer-events: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .b-ext .content-over-media>picture, .b-ext .content-over-media>image-parallax picture {display: contents;} .b-ext .content-over-media>:is(img, .b-ext video, .b-ext iframe, .b-ext svg, .b-ext video-media), .b-ext .content-over-media>picture img, .b-ext .content-over-media>image-parallax img {height: var(--content-over-media-height,auto);overflow-wrap: anywhere;object-fit: cover;object-position: center;border-radius: inherit;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;grid-area: full-start/full-start/full-end/full-end;min-width: 100%;min-height: 100%;max-height: 100%;} .b-ext .content-over-media>:not(img, .b-ext video, .b-ext iframe, .b-ext svg, .b-ext video-media, .b-ext picture, .b-ext image-parallax) {max-width: var(--content-over-media-content-max-width,calc(var(--font-size) * 48));z-index: 1;grid-area: content-start/content-start/content-end/content-end;position: relative;} .b-ext .content-over-media:has(>.prose):not(:has(>.prose .button:last-child)) {row-gap: calc(var(--content-over-media-calculated-row-gap) - calc(var(--font-size) * .5));} @supports (row-gap: 1lh) {.b-ext .content-over-media:has(>.prose):not(:has(>.prose .button:last-child)) {}} .b-ext .content-over-media>video-media:not([autoplay])~:not(img, .b-ext video, .b-ext iframe, .b-ext svg, .b-ext video-media, .b-ext picture, .b-ext image-parallax) {pointer-events: none;transition: opacity .2s ease-in-out,visibility .2s ease-in-out;} .b-ext .content-over-media>video-media:not([autoplay])[loaded]~:not(img, .b-ext video, .b-ext iframe, .b-ext svg, .b-ext video-media, .b-ext picture, .b-ext image-parallax) {opacity: 0;visibility: hidden;} .b-ext .content-over-media:has(video-media:not([autoplay])) .play-button {transition: transform .2s ease-in-out;} .b-ext .content-over-media:has(video-media:not([autoplay])):hover .play-button {transform: scale(1.1);} .b-ext .shopify-section:first-child [allow-transparent-header]>.content-over-media>:not(img, .b-ext video, .b-ext iframe, .b-ext svg, .b-ext video-media, .b-ext picture, .b-ext image-parallax) {padding-block-start: var(--header-height,0px);} .b-ext .content-over-media--xs {--content-over-media-height: clamp(calc(var(--font-size) * 15),65vw,calc(var(--font-size) * 25));} .b-ext .content-over-media--sm {--content-over-media-height: clamp(calc(var(--font-size) * 20),85vw,calc(var(--font-size) * 32));} .b-ext .content-over-media--md {--content-over-media-height: clamp(calc(var(--font-size) * 25),100vw,calc(var(--font-size) * 36));} .b-ext .content-over-media--lg {--content-over-media-height: clamp(calc(var(--font-size) * 30),125vw,calc(var(--font-size) * 42));} .b-ext .content-over-media--fill {--content-over-media-height: calc(100vh - var(--sticky-area-height));} .b-ext .shopify-section:first-child .content-over-media--fill {--content-over-media-height: calc(100vh - ( var(--announcement-bar-height,0px) + var(--header-height,0px) ));} .b-ext .shopify-section:first-child:has([allow-transparent-header]) .content-over-media--fill {--content-over-media-height: calc(100vh - ( var(--announcement-bar-height,0px) ));} @supports (height: 100svh) {.b-ext .content-over-media--fill {--content-over-media-height: calc(100svh - var(--sticky-area-height));} .b-ext .shopify-section:first-child .content-over-media--fill {--content-over-media-height: calc(100svh - ( var(--announcement-bar-height,0px) + var(--header-height,0px) ));} .b-ext .shopify-section:first-child:has([allow-transparent-header]) .content-over-media--fill {--content-over-media-height: calc(100svh - ( var(--announcement-bar-height,0px) ));}} @media screen and (min-width: 700px) {.b-ext .content-over-media {--content-over-media-gap: calc(var(--font-size) * 2);}} @media screen and (min-width: 1000px) {.b-ext .content-over-media {--content-over-media-gap: calc(var(--font-size) * 3);}} .b-ext .page-dots {--dot-size: calc(var(--font-size) * .375);flex-wrap: wrap;justify-content: center;gap: calc(var(--font-size) * .5) calc(var(--font-size) * 1);display: flex;} .b-ext .page-dots>* {width: var(--dot-size);height: var(--dot-size);border-radius: var(--rounded-full);place-content: center;display: grid;} .b-ext .page-dots>*:after {content: "";border-radius: inherit;opacity: .4;background: currentColor;transition: opacity .25s,background .25s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .b-ext .page-dots>*[aria-current=true]:after {opacity: 1;} .b-ext .page-dots--narrow {column-gap: calc(var(--font-size) * .5);} .b-ext .page-dots--autoplay>[aria-current=false]:after, .b-ext .page-dots--autoplay>[aria-current=true] .circular-progress {transition-delay: .15s;} .b-ext .page-dots--autoplay>[aria-current=true]:after, .b-ext .page-dots--autoplay>[aria-current=false] .circular-progress {opacity: 0;} .b-ext .page-dots--autoplay>[aria-current=true] .circular-progress circle:last-child {animation: animateCircularProgress var(--slideshow-progress-duration) linear var(--slideshow-progress-play-state) both;} .b-ext .prev-next-button {transition: opacity .15s ease-in-out,transform .15s ease-in-out,visibility .15s ease-in-out;} .b-ext .prev-next-button[disabled] {opacity: 0;visibility: hidden;} @media screen and (pointer: fine) {.b-ext .prev-next-button--prev:hover svg {animation-direction: reverse !important;}} @media screen and (pointer: fine) {.b-ext .floating-controls-container {padding-inline: calc(var(--font-size) * 4.625);display: block;position: relative;} .b-ext .floating-controls-container:not(:has(.is-scrollable)) .floating-controls-container__control {display: none;} .b-ext .floating-controls-container--inside {--floating-controls-inset-inline: calc(var(--font-size) * 1.5);padding-inline: 0;} .b-ext .floating-controls-container--on-hover>.floating-controls-container__control {opacity: 0;transform: translateY(-10px);} .b-ext .floating-controls-container--on-hover:hover>.floating-controls-container__control:not(:has([disabled])) {opacity: 1;transform: translateY(0);} .b-ext .floating-controls-container__control {z-index: 2;transition: opacity .2s,transform .2s;display: grid;position: absolute;inset-block-start: calc(50% - calc(var(--font-size) * 1.5625));} .b-ext .floating-controls-container__control:first-child {inset-inline-start: var(--floating-controls-inset-inline,0);} .b-ext .floating-controls-container__control:last-child {inset-inline-end: var(--floating-controls-inset-inline,0);}} @media not screen and (pointer: fine) {.b-ext .floating-controls-container>.floating-controls-container__control {display: none;}} .b-ext :where(x-drawer, .b-ext x-modal, .b-ext x-popover):not(:defined) {display: none;} .b-ext :where(.modal, .b-ext .drawer, .b-ext .popover, .b-ext .header-search) {z-index: 999;display: none;position: relative;} .b-ext :where(.modal, .b-ext .drawer, .b-ext .popover, .b-ext .header-search)::part(overlay) {background: rgb(var(--page-overlay));min-height: 100vh;position: fixed;top: 0;right: 0;bottom: 0;left: 0;} .b-ext :where(.modal, .b-ext .drawer, .b-ext .popover, .b-ext .header-search)::part(close-button) {color: currentColor;cursor: pointer;background: none;border: none;place-items: center;padding: 0;display: grid;} .b-ext :where(.modal, .b-ext .drawer, .b-ext .popover, .b-ext .header-search)::part(close-button)>svg {display: block;} @media screen and (pointer: fine) {.b-ext :where(.modal, .b-ext .drawer, .b-ext .popover, .b-ext .header-search)::part(close-button) {opacity: .6;transition: all .2s ease-in;} .b-ext :where(.modal, .b-ext .drawer, .b-ext .popover, .b-ext .header-search)::part(close-button):hover {opacity: 1;}} .b-ext :where(.modal, .b-ext .drawer, .b-ext .popover, .b-ext .header-search)::part(tap-area) {position: relative;} .b-ext :where(.modal, .b-ext .drawer, .b-ext .popover, .b-ext .header-search)::part(tap-area):before {content: "";position: absolute;top: calc(var(--font-size) * -.65);right: calc(var(--font-size) * -.65);bottom: calc(var(--font-size) * -.65);left: calc(var(--font-size) * -.65);} .b-ext .modal {--distance-to-bleed: var(--modal-body-padding-inline);--modal-header-padding-block: calc(var(--font-size) * .875);--modal-header-padding-inline: calc(var(--font-size) * 1.25);--modal-body-padding-block: calc(var(--font-size) * 1.25);--modal-body-padding-inline: calc(var(--font-size) * 1.25);--modal-body-max-width: calc(var(--font-size) * 30);} .b-ext .modal::part(base) {place-items: end center;width: 100%;height: 100%;display: grid;position: fixed;top: 0;right: 0;bottom: 0;left: 0;} .b-ext .modal::part(content) {width: 100%;max-width: var(--modal-body-max-width);background-color: rgb(var(--background));background-image: var(--background-gradient);max-height: 75vh;color: rgb(var(--text-color));isolation: isolate;overflow: auto;} @supports (height: 100dvh) {.b-ext .modal::part(content) {max-height: 85dvh;}} .b-ext .modal::part(header) {background: inherit;border-block-end: 1px solid rgb(var(--border-color));text-align: center;z-index: 2;align-items: center;padding-block-start: var(--modal-header-padding-block);padding-block-end: var(--modal-header-padding-block);padding-inline-start: var(--modal-header-padding-inline);padding-inline-end: var(--modal-header-padding-inline);display: grid;position: sticky;inset-block-start: 0;} .b-ext .modal::part(close-button) {position: absolute;inset-inline-end: var(--modal-header-padding-inline);} .b-ext .modal::part(body) {padding-block-start: var(--modal-body-padding-block);padding-block-end: var(--modal-body-padding-block);padding-inline-start: var(--modal-body-padding-inline);padding-inline-end: var(--modal-body-padding-inline);} @media screen and (min-width: 700px) {.b-ext .modal {--modal-header-padding-block: calc(var(--font-size) * 1.125);--modal-header-padding-inline: calc(var(--font-size) * 2);--modal-body-padding-block: calc(var(--font-size) * 2);--modal-body-padding-inline: calc(var(--font-size) * 2);} .b-ext .modal::part(base) {place-items: center;} .b-ext .modal--lg {--modal-body-max-width: calc(var(--font-size) * 45);}} .b-ext .drawer {--distance-to-bleed: var(--drawer-body-padding-inline);--drawer-header-padding-block: calc(var(--font-size) * 1);--drawer-header-padding-inline: calc(var(--font-size) * 1.25);--drawer-body-padding-block: calc(var(--font-size) * 1.25);--drawer-body-padding-inline: calc(var(--font-size) * 1.25);--drawer-footer-padding-block: calc(var(--font-size) * 1);--drawer-footer-padding-inline: calc(var(--font-size) * 1.25);--drawer-max-width: min(92vw,calc(var(--font-size) * 28.125));} .b-ext .drawer::part(base) {width: 100%;height: 100%;position: fixed;top: 0;right: 0;bottom: 0;left: 0;} .b-ext .drawer::part(content) {width: 100%;height: 100%;max-width: var(--drawer-max-width);background-color: rgb(var(--background));background-image: var(--background-gradient);color: rgb(var(--text-color));grid-auto-rows: auto minmax(0,1fr) auto;align-content: start;display: grid;position: relative;} .b-ext .drawer::part(header) {min-height: min(var(--header-height),calc(var(--font-size) * 5));border-block-end: 1px solid rgb(var(--border-color));box-sizing: border-box;justify-content: space-between;align-items: center;column-gap: calc(var(--font-size) * 1);padding-block-start: var(--drawer-header-padding-block);padding-block-end: var(--drawer-header-padding-block);padding-inline-start: var(--drawer-header-padding-inline);padding-inline-end: var(--drawer-header-padding-inline);display: flex;} .b-ext .drawer::part(body) {overscroll-behavior-y: contain;grid-template-columns: minmax(0,1fr);align-content: start;padding-block-start: var(--drawer-body-padding-block);padding-block-end: var(--drawer-body-padding-block);padding-inline-start: var(--drawer-body-padding-inline);padding-inline-end: var(--drawer-body-padding-inline);display: grid;overflow: hidden auto;} .b-ext .drawer::part(footer) {background-color: rgb(var(--background));background-image: var(--background-gradient);border-block-start: 1px solid rgb(var(--border-color));padding-block-start: var(--drawer-footer-padding-block);padding-block-end: var(--drawer-footer-padding-block);padding-inline-start: var(--drawer-footer-padding-inline);padding-inline-end: var(--drawer-footer-padding-inline);} .b-ext .drawer--sm {--drawer-max-width: min(92vw,calc(var(--font-size) * 25));} .b-ext .drawer--center-body::part(body) {align-self: center;} @media screen and (min-width: 1000px) {.b-ext .drawer {--drawer-header-padding-block: calc(var(--font-size) * 1.125);--drawer-header-padding-inline: calc(var(--font-size) * 2);--drawer-body-padding-block: calc(var(--font-size) * 2);--drawer-body-padding-inline: calc(var(--font-size) * 2);--drawer-footer-padding-block: calc(var(--font-size) * 2);--drawer-footer-padding-inline: calc(var(--font-size) * 2);}} .b-ext .popover {--distance-to-bleed: var(--popover-body-padding-inline);--popover-header-padding-block: calc(var(--font-size) * .875);--popover-header-padding-inline: calc(var(--font-size) * 1.25);--popover-body-padding-block: calc(var(--font-size) * 1.25);--popover-body-padding-inline: calc(var(--font-size) * 1.25);} .b-ext .popover::part(content) {background: rgb(var(--background));width: 100%;max-height: 75vh;color: rgb(var(--text-color));isolation: isolate;overflow: auto;} @supports (height: 100dvh) {.b-ext .popover::part(content) {max-height: 85dvh;}} .b-ext .popover::part(header) {background: inherit;border-block-end: 1px solid rgb(var(--border-color));text-align: center;z-index: 2;align-items: center;padding-block-start: var(--popover-header-padding-block);padding-block-end: var(--popover-header-padding-block);padding-inline-start: var(--popover-header-padding-inline);padding-inline-end: var(--popover-header-padding-inline);display: grid;position: sticky;inset-block-start: 0;} .b-ext .popover::part(close-button) {position: absolute;inset-inline-end: var(--popover-header-padding-inline);} .b-ext .popover::part(body) {padding-block-start: var(--popover-body-padding-block);padding-block-end: var(--popover-body-padding-block);padding-inline-start: var(--popover-body-padding-inline);padding-inline-end: var(--popover-body-padding-inline);} .b-ext .popover__value-list {text-align: start;justify-items: start;gap: calc(var(--font-size) * .75);display: grid;position: relative;} .b-ext .popover__value-list>* {text-align: inherit;width: 100%;transition: color .2s ease-in-out;} .b-ext .popover__value-list>*[aria-selected=true], .b-ext .popover__value-list>*:hover {color: rgb(var(--text-color));} .b-ext .popover__value-list>*:has(:checked) {color: rgb(var(--text-color));} .b-ext .popover__value-option {text-align: inherit;width: 100%;transition: color .2s ease-in-out;} .b-ext .popover__value-option[aria-selected=true], .b-ext .popover__value-option:hover {color: rgb(var(--text-color));} @media screen and (max-width: 999px) {.b-ext .popover::part(base) {place-items: end center;width: 100%;height: 100%;display: grid;position: fixed;top: 0;right: 0;bottom: 0;left: 0;}} @media screen and (min-width: 1000px) {.b-ext .popover {--popover-block-offset: calc(var(--font-size) * .75);position: absolute;} .b-ext .popover::part(content) {border: 1px solid rgb(var(--border-color));width: max-content;max-width: calc(var(--font-size) * 18.75);max-height: min(60vh,calc(var(--font-size) * 25));} .b-ext .popover::part(overlay), .b-ext .popover::part(header) {display: none;} .b-ext .popover:has(.popover__value-list)::part(body) {padding-inline-end: calc(var(--font-size) * 2.5);} .b-ext .popover--top-start {inset-block-end: calc(100% + var(--popover-block-offset));inset-inline-start: 0;} .b-ext .popover--top-end {inset-block-end: calc(100% + var(--popover-block-offset));inset-inline-end: 0;} .b-ext .popover--bottom-start {inset-block-start: calc(100% + var(--popover-block-offset));inset-inline-start: 0;} .b-ext .popover--bottom-end {inset-block-start: calc(100% + var(--popover-block-offset));inset-inline-end: 0;}} .b-ext .pop-in {z-index: 10;padding: calc(var(--font-size) * 2);display: none;position: fixed;inset-block-end: calc(var(--font-size) * 1);inset-inline: calc(var(--font-size) * 1);} .b-ext .pop-in__close-button {inset-block-start: calc(var(--font-size) * 1.25);inset-inline-end: calc(var(--font-size) * 1.25);position: absolute !important;} @media screen and (min-width: 700px) {.b-ext .pop-in {inset-block-end: calc(var(--font-size) * 2);inset-inline: calc(var(--font-size) * 2);}} .b-ext .banner {font-size: var(--text-base);color: rgb(var(--banner-color));background: rgb(var(--banner-background));text-shadow: none;padding: calc(var(--font-size) * .625) calc(var(--font-size) * 1.25);} .b-ext .banner:has(.banner__text-with-button) {padding-block: calc(var(--font-size) * 1.25);} .b-ext .banner--error {--banner-background: var(--error-background);--banner-color: var(--error-text);--button-background: var(--error-text);--button-text-color: var(--error-background);} .b-ext .banner--success {--banner-background: var(--success-background);--banner-color: var(--success-text);--button-background: var(--success-text);--button-text-color: var(--success-background);} .b-ext .banner--warning {--banner-background: var(--warning-background);--banner-color: var(--warning-text);--button-background: var(--warning-text);--button-text-color: var(--warning-background);} .b-ext .banner__text-with-button {flex-wrap: wrap;justify-content: space-between;align-items: center;gap: calc(var(--font-size) * .8) calc(var(--font-size) * 1.5);display: flex;} .b-ext .form {align-content: start;row-gap: var(--form-gap);display: grid;} .b-ext .form-row {gap: var(--fieldset-gap);flex-wrap: wrap;display: flex;} .b-ext .form-row>.form-control {flex: 1 0 var(--fieldset-row-control-width,calc(var(--font-size) * 14));} .b-ext .form-row>button {flex-grow: 1;} .b-ext .fieldset {gap: var(--fieldset-gap);display: grid;} .b-ext .fieldset-row {gap: inherit;grid-template-columns: repeat(auto-fit,minmax(calc(var(--font-size) * 12),1fr));display: grid;} .b-ext .form-control {gap: var(--form-control-gap);display: grid;position: relative;} .b-ext .form-control>label {justify-self: start;} .b-ext .form-control__max-characters-count {margin-block-start: calc(var(--font-size) * -.375);} .b-ext .checkbox-control {align-items: flex-start;column-gap: var(--checkbox-control-gap);text-align: start;display: flex;position: relative;} .b-ext .input, .b-ext .textarea, .b-ext .select {-webkit-appearance: none;appearance: none;width: 100%;padding: var(--input-padding-block) var(--input-padding-inline);border-radius: var(--input-border-radius);background: rgb(var(--input-background,transparent));color: rgb(var(--input-text-color,var(--text-color)));text-align: start;border-width: 1px;transition: border-color .1s ease-in-out;} .b-ext :is(.input, .b-ext .textarea, .b-ext .select)::placeholder {} .b-ext :is(.input:focus, .b-ext .textarea:focus, .b-ext .select:focus-visible) {border-color: currentColor;outline: none;} .b-ext .select {padding-inline-end: calc(var(--input-padding-inline) * 2 + 10px);} .b-ext .select:required:invalid {} .b-ext .select~svg, .b-ext .select>svg {transition: transform .2s;position: absolute;inset-block-start: calc(50% - 3.5px);inset-inline-end: calc(var(--input-padding-inline) + 1px);} .b-ext .select[aria-expanded=true]>svg {transform: rotate(180deg);} .b-ext .form-control:has(.select):before {content: "";width: calc(var(--input-padding-inline) * 2 + 35px);pointer-events: none;height: calc(100% - 2px);position: absolute;inset-block-start: 1px;inset-inline-end: 1px;} .b-ext .form-control:has(.select):not(:lang(ae), .b-ext :lang(ar), .b-ext :lang(arc), .b-ext :lang(bcc), .b-ext :lang(bqi), .b-ext :lang(ckb), .b-ext :lang(dv), .b-ext :lang(fa), .b-ext :lang(glk), .b-ext :lang(he), .b-ext :lang(ku), .b-ext :lang(mzn), .b-ext :lang(nqo), .b-ext :lang(pnb), .b-ext :lang(ps), .b-ext :lang(sd), .b-ext :lang(ug), .b-ext :lang(ur), .b-ext :lang(yi)):before {border-top-right-radius: var(--input-border-radius);border-bottom-right-radius: var(--input-border-radius);} .b-ext .form-control:has(.select):is(:lang(ae), .b-ext :lang(ar), .b-ext :lang(arc), .b-ext :lang(bcc), .b-ext :lang(bqi), .b-ext :lang(ckb), .b-ext :lang(dv), .b-ext :lang(fa), .b-ext :lang(glk), .b-ext :lang(he), .b-ext :lang(ku), .b-ext :lang(mzn), .b-ext :lang(nqo), .b-ext :lang(pnb), .b-ext :lang(ps), .b-ext :lang(sd), .b-ext :lang(ug), .b-ext :lang(ur), .b-ext :lang(yi)):before {border-top-left-radius: var(--input-border-radius);border-bottom-left-radius: var(--input-border-radius);} .b-ext .floating-label {z-index: 1;background: rgb(var(--background));opacity: 0;pointer-events: none;padding: 0 calc(var(--font-size) * .25);transition: opacity .2s ease-in-out,transform .2s ease-in-out;position: absolute;inset-block-start: calc(-1 * var(--input-padding-block) + 1px);inset-inline-start: calc(var(--input-padding-inline) - calc(var(--font-size) * .25) + 1px);transform: translateY(3px);} .b-ext :-webkit-autofill~.floating-label {color: #000;} .b-ext :-webkit-any(:-webkit-any(.input, .b-ext .textarea):not(:placeholder-shown) ~ .floating-label, .b-ext :-webkit-any(.input, .b-ext .textarea, .b-ext .select):-webkit-autofill ~ .floating-label, .b-ext .select:valid ~ .floating-label) {opacity: 1;transform: translateY(0);} .b-ext :is(:is(.input, .b-ext .textarea):not(:placeholder-shown)~.floating-label, .b-ext :is(.input, .b-ext .textarea, .b-ext .select):autofill~.floating-label, .b-ext .select:valid~.floating-label) {opacity: 1;transform: translateY(0);} .b-ext .input-suffix {transition: opacity .2s ease-in-out,visibility .2s ease-in-out;position: absolute;inset-block-start: var(--input-padding-block);inset-inline-end: var(--input-padding-inline);} .b-ext .form-control:has(:focus-within)+.input-suffix.hide-on-focus {opacity: 0;visibility: hidden;} .b-ext .checkbox {--checkbox-baseline-distance: 1.6em;--checkbox-offset: calc(( var(--checkbox-baseline-distance) - var(--checkbox-size) ) / 2);-webkit-appearance: none;appearance: none;width: var(--checkbox-size);height: var(--checkbox-size);border-width: 1px;background: var(--checkmark-svg-url) no-repeat center/0;border-radius: 2px;flex-shrink: 0;transition: background-color .2s ease-in-out,border-color .2s ease-in-out;position: relative;inset-block-start: var(--checkbox-offset);} @supports (width: 1lh) {.b-ext .checkbox {}} .b-ext .checkbox:checked {background-color: rgb(var(--accent));border-color: rgb(var(--accent));background-size: 10px 8px;} .b-ext .checkbox:checked~label {opacity: 1;} .b-ext .checkbox:disabled, .b-ext .checkbox:disabled~label {opacity: .5;cursor: default;} .b-ext .checkbox:not(:disabled, .b-ext :checked)~label {opacity: .7;} .b-ext .checkbox~label {transition: all .2s ease-in-out;} .b-ext .dot-checkbox {-webkit-appearance: none;appearance: none;background: rgb(var(--text-color));opacity: 0;pointer-events: none;border-radius: 100%;width: 6px;height: 6px;transition: opacity .2s;display: block;position: absolute;inset-block-start: calc(.5em + 1.5px);} .b-ext .dot-checkbox~label {opacity: .65;transition: opacity .2s,transform .2s;position: relative;} .b-ext .dot-checkbox~label:hover {opacity: 1;} .b-ext .dot-checkbox:checked {opacity: 1;} .b-ext .dot-checkbox:checked~label {opacity: 1;transform: translate(calc(var(--transform-logical-flip) * calc(var(--font-size) * 1.125)));} .b-ext .dot-checkbox:focus~label {outline: 5px auto highlight;outline: 5px auto -webkit-focus-ring-color;} .b-ext .switch {--switch-height: calc(var(--font-size) * 1);--switch-width: calc(var(--font-size) * 2.25);--switch-padding: calc(var(--font-size) * .1875);--switch-toggle-size: calc(var(--font-size) * .625);-webkit-appearance: none;appearance: none;height: var(--switch-height);width: var(--switch-width);padding: var(--switch-padding);border-radius: var(--rounded-full);align-self: center;transition: background .2s ease-in-out;display: grid;} .b-ext .switch:after {content: "";width: var(--switch-toggle-size);height: var(--switch-toggle-size);background: rgb(var(--background));border-radius: var(--rounded-full);transition: transform .2s ease-in-out;box-shadow: 0 1px 1px rgba(0,0,0,.2);} .b-ext .switch:checked {background: rgb(var(--accent));} .b-ext .switch:checked:after {transform: translate(calc(var(--transform-logical-flip) * ( var(--switch-width) - var(--switch-toggle-size) - var(--switch-padding) * 2 )));} .b-ext .shopify-section:not(:first-child) .bordered-section {border-block-start-width: 1px;} .b-ext .shopify-section:not(:has(.section-spacing))+.shopify-section {border-block-start-width: 0;} .b-ext .container {--distance-to-bleed: max(var(--container-gutter),50% - var(--container-max-width) / 2);margin-inline-start: max(var(--container-gutter),50% - var(--container-max-width) / 2);margin-inline-end: max(var(--container-gutter),50% - var(--container-max-width) / 2);} .b-ext .container--xxs {--container-max-width: var(--container-xxs-max-width);} .b-ext .container--xs {--container-max-width: var(--container-xs-max-width);} .b-ext .container--sm {--container-max-width: var(--container-sm-max-width);} .b-ext .container--md {--container-max-width: var(--container-md-max-width);} .b-ext .container--lg {--container-max-width: var(--container-lg-max-width);} .b-ext .container--xl {--container-max-width: var(--container-xl-max-width);} .b-ext .section-spacing {padding-block-start: calc(var(--section-vertical-spacing-override,var(--section-vertical-spacing)) + var(--section-vertical-spacing-block-start-compensation,0px));padding-block-end: var(--section-vertical-spacing-override,var(--section-vertical-spacing));} .b-ext .shopify-section:has(.section-spacing) {scroll-padding-block-start: calc(var(--announcement-bar-is-sticky,0) * var(--announcement-bar-height,0px) + var(--header-is-sticky,0) * var(--header-height,0px));} .b-ext .section-spacing--tight {--section-vertical-spacing: var(--section-vertical-spacing-tight);--section-stack-gap: var(--section-stack-gap-tight);} .b-ext .shopify-section:empty {display: none;} .b-ext .section-stack {gap: var(--section-stack-gap);grid-auto-columns: minmax(0,1fr);display: grid;} .b-ext .section-header {max-width: min(var(--container-xs-max-width),100%);margin-inline-start: var(--container-gutter);margin-inline-end: var(--container-gutter);} .b-ext .container .section-header {margin-inline: 0;} .b-ext .v-stack {grid-template-columns: minmax(0,1fr);align-content: start;display: grid;} .b-ext .h-stack {align-items: center;display: flex;} .b-ext .bleed, .b-ext .full-bleed {margin-inline-start: calc(-1 * var(--distance-to-bleed));margin-inline-end: calc(-1 * var(--distance-to-bleed));} .b-ext .bleed {scroll-padding-inline: var(--distance-to-bleed);padding-inline-start: var(--distance-to-bleed);padding-inline-end: var(--distance-to-bleed);} @media screen and (min-width: 700px) {.b-ext .sm\:unbleed {margin-inline: 0;padding-inline: 0;scroll-padding-inline: 0;}} @media screen and (min-width: 1000px) {.b-ext .md\:unbleed {margin-inline: 0;padding-inline: 0;scroll-padding-inline: 0;}} @media screen and (min-width: 1150px) {.b-ext .lg\:unbleed {margin-inline: 0;padding-inline: 0;scroll-padding-inline: 0;}} .b-ext .empty-state {text-align: center;place-content: center;padding-block: calc(var(--font-size) * 6.25);display: grid;} @media screen and (min-width: 1000px) {.b-ext .empty-state {padding-block: calc(var(--font-size) * 12.5);}} @media screen and (min-width: 1400px) {.b-ext .empty-state {padding-block: calc(var(--font-size) * 15.625);}} .b-ext .shopify-section--announcement-bar, .b-ext .shopify-section--header {transform: translateY(calc(( ( var(--announcement-bar-height,0px) + var(--header-height,0px) ) * -1 ) * var(--hide-header-group,0)));transition: transform .25s ease-in-out;} .b-ext video-media, .b-ext model-media {border-radius: inherit;aspect-ratio: var(--aspect-ratio,var(--default-aspect-ratio));width: 100%;display: block;position: relative;container: media/inline-size;} @supports not (aspect-ratio: 1) {.b-ext :is(video-media, .b-ext model-media):before {content: "";padding-block-end: calc(100% / ( var(--aspect-ratio,var(--default-aspect-ratio)) ));display: block;} .b-ext :is(video-media, .b-ext model-media)>* {height: 100%;top: 0;left: 0;position: absolute !important;}} @container media (width >=32rem) {height: calc(var(--font-size) * 4);} .b-ext video-media[host] {align-items: center;display: grid;} .b-ext video-media[show-play-button]:not([loaded]), .b-ext video-media:not([autoplay]) {cursor: pointer;} .b-ext video-media>:is(video, .b-ext iframe, .b-ext img) {border-radius: inherit;width: 100%;height: 100%;transition: opacity .2s ease-in-out;} .b-ext video-media>video[controls] {pointer-events: auto;} .b-ext video-media>:-webkit-any(video:not(:-webkit-full-screen), .b-ext img) {object-fit: cover;object-position: center;margin: 0 !important;} .b-ext video-media>:is(video:not(:fullscreen), .b-ext img) {object-fit: cover;object-position: center;margin: 0 !important;} .b-ext video-media>:is(iframe, .b-ext img) {position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .b-ext video-media:not([loaded])>:is(video, .b-ext iframe), .b-ext video-media[loaded]>img, .b-ext video-media[loaded]::part(play-button) {opacity: 0;pointer-events: none;} .b-ext video-media[suspended]~* {pointer-events: none;} .b-ext video-media::part(play-button) {z-index: 1;will-change: scale;transition: scale .2s ease-in-out,opacity .2s ease-in-out;position: absolute;top: 50%;left: 50%;translate: -50% -50%;} .b-ext video-media:hover::part(play-button) {scale: 1.1;} .b-ext model-media {--default-aspect-ratio: 1;} .b-ext model-media model-viewer, .b-ext model-media .shopify-model-viewer-ui {vertical-align: top;width: 100%;height: 100%;} @media screen and (max-width: 699px) {.b-ext .order-summary__header, .b-ext .order-summary__body td:nth-child(n+2), .b-ext .order-summary__footer td:first-child {display: none;} .b-ext .order-summary__body td {border-width: 0;} .b-ext .order-summary__body tr:last-child td {border-block-end-width: 1px;} .b-ext .order-summary__body tr:first-child td {padding-block-start: 0;} .b-ext .order-summary__body tr:last-child td {padding-block-end: calc(var(--table-cell-padding-block) * 2);}} @media screen and (min-width: 700px) {.b-ext .order-summary .line-item-info {max-width: 500px;}} .b-ext .line-item {--line-item-media-width: calc(var(--font-size) * 4.375);align-items: center;column-gap: calc(var(--font-size) * 1.5);display: flex;} .b-ext .line-item__media {width: var(--line-item-media-width);flex-shrink: 0;} @media screen and (min-width: 700px) {.b-ext .line-item {--line-item-media-width: calc(var(--font-size) * 7.5);}} .b-ext .discount-badge {background: rgb(var(--on-sale-badge-background));color: rgb(var(--on-sale-badge-text));align-items: center;column-gap: calc(var(--font-size) * .5);padding: calc(var(--font-size) * .125) calc(var(--font-size) * .5);display: flex;} .b-ext .shipping-estimator__form {gap: var(--fieldset-gap);display: grid;} @media screen and (min-width: 700px) {.b-ext .shipping-estimator__form {flex-wrap: wrap;display: flex;} .b-ext .shipping-estimator__form .select {max-width: calc(var(--font-size) * 15);}} .b-ext .pagination {border-block-end-width: 1px;grid-auto-rows: minmax(0,calc(var(--font-size) * 2.8125));grid-auto-columns: minmax(0,calc(var(--font-size) * 2.625));grid-auto-flow: column;justify-self: center;display: inline-grid;} .b-ext .pagination__link {place-content: center;display: grid;position: relative;} .b-ext .pagination__link[aria-current=page] {box-shadow: 0 1px,inset 0 -2px;} @media screen and (min-width: 700px) {.b-ext .pagination {grid-auto-columns: minmax(0,calc(var(--font-size) * 3.75));}} .b-ext .pswp {--pswp-bg: var(--background);--pswp-root-z-index: 100000;width: 100%;height: 100%;z-index: var(--pswp-root-z-index);touch-action: none;opacity: .003;contain: layout style size;-webkit-tap-highlight-color: rgba(0,0,0,0);outline: 0;display: none;position: fixed;top: 0;left: 0;} .b-ext .pswp:focus {outline: 0;} .b-ext .pswp--open {display: block;} .b-ext .pswp img {max-width: none;} .b-ext .pswp, .b-ext .pswp__bg {will-change: opacity;transform: translateZ(0);} .b-ext .pswp__bg {opacity: .005;background: rgb(var(--pswp-bg));} .b-ext .pswp, .b-ext .pswp__scroll-wrap {overflow: hidden;} .b-ext .pswp__scroll-wrap, .b-ext .pswp__bg, .b-ext .pswp__container, .b-ext .pswp__item, .b-ext .pswp__img, .b-ext .pswp__zoom-wrap {width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .b-ext .pswp__img, .b-ext .pswp__zoom-wrap {width: auto;height: auto;} .b-ext .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {cursor: zoom-in;} .b-ext .pswp--click-to-zoom.pswp--zoomed-in .pswp__img {cursor: grab;} .b-ext .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {cursor: grabbing;} .b-ext .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .b-ext .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .b-ext .pswp__img {cursor: zoom-out;} .b-ext .pswp__container, .b-ext .pswp__img, .b-ext .pswp__button, .b-ext .pswp__counter {-webkit-user-select: none;user-select: none;} .b-ext .pswp__item {z-index: 1;overflow: hidden;} .b-ext .pswp__hidden {display: none !important;} .b-ext .pswp .pswp__hide-on-close {opacity: .005;will-change: opacity;z-index: 10;pointer-events: none;transition: opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);transform: translateY(15px);} .b-ext .pswp--ui-visible .pswp__hide-on-close {opacity: 1;pointer-events: auto;transition-delay: .3s;transform: translateY(0);} .b-ext .pswp__top-bar {z-index: 10;flex-direction: row;justify-content: center;align-items: center;column-gap: calc(var(--font-size) * .75);width: 100%;display: flex;position: absolute;bottom: calc(var(--font-size) * 2.5);left: 0;pointer-events: none !important;} .b-ext .pswp__top-bar>.circle-button {pointer-events: auto;transition: transform .2s ease-in-out;} @media screen and (pointer: fine) {.b-ext .pswp__top-bar>.circle-button:hover {transform: scale(1.1);}} .b-ext .pswp__preloader {display: none;} @media screen and (min-width: 700px) {.b-ext .pswp__top-bar {column-gap: calc(var(--font-size) * 1.125);}} .b-ext .range {-webkit-appearance: none;appearance: none;background: none;width: 100%;} .b-ext .range::-webkit-slider-thumb {-webkit-appearance: none;} .b-ext .range::-webkit-slider-thumb {background: rgb(var(--text-color));cursor: pointer;z-index: 1;width: calc(var(--font-size) * .625);height: calc(var(--font-size) * .625);box-shadow: none;border-radius: 100%;margin-block-start: calc(var(--font-size) * -.25);position: relative;} .b-ext .range::-webkit-slider-runnable-track {cursor: pointer;border: none;border-radius: 2px;width: 100%;height: 2px;} .b-ext .range::-moz-range-thumb {background: rgb(var(--text-color));cursor: pointer;border: none;border-radius: 100%;width: calc(var(--font-size) * .625);height: calc(var(--font-size) * .625);} .b-ext .range::-moz-range-progress {cursor: pointer;border: none;border-radius: 2px;width: 100%;height: 2px;} .b-ext .range::-moz-range-track {cursor: pointer;border: none;border-radius: 2px;width: 100%;height: 2px;} .b-ext .range::-moz-range-progress {background-color: rgba(var(--text-color));} .b-ext .range::-moz-range-track {background-color: rgb(var(--border-color));} @media not screen and (pointer: fine) {.b-ext .range::-webkit-slider-thumb {width: calc(var(--font-size) * 1);height: calc(var(--font-size) * 1);margin-block-start: calc(var(--font-size) * -.4375);} .b-ext .range::-moz-range-thumb {width: calc(var(--font-size) * 1);height: calc(var(--font-size) * 1);}} .b-ext .range-group {border-radius: 2px;height: 2px;} .b-ext .range-group .range {pointer-events: none;vertical-align: top;height: 2px;} .b-ext .range-group .range::-webkit-slider-runnable-track {background: none;} .b-ext .range-group .range::-webkit-slider-thumb {pointer-events: auto;} .b-ext .range-group .range::-moz-range-progress {background: none;} .b-ext .range-group .range::-moz-range-track {background: none;} .b-ext .range-group .range::-moz-range-thumb {pointer-events: auto;} .b-ext .range-group .range:last-child {position: absolute;inset-block-start: 0;inset-inline-start: 0;} .b-ext .input-group {align-items: center;column-gap: calc(var(--font-size) * .75);display: flex;} .b-ext .input-prefix {border-radius: min(calc(var(--font-size) * .625),var(--button-border-radius));flex: 1 0 0;justify-content: space-between;align-items: center;min-width: 0;padding: calc(var(--font-size) * .4375);display: flex;} .b-ext .input-prefix:focus-within {border-color: rgb(var(--text-color));box-shadow: inset 0 0 0 1px rgb(var(--text-color));} .b-ext .input-prefix>.field {-webkit-appearance: textfield;appearance: textfield;text-align: end;background: none;border: none;width: 100%;min-width: 0;margin-inline-start: calc(var(--font-size) * .625);padding: 0;} .b-ext .input-prefix>.field:focus {outline: none;} .b-ext .input-prefix>.field::-webkit-outer-spin-button {-webkit-appearance: none;appearance: none;margin: 0;} .b-ext .input-prefix>.field::-webkit-inner-spin-button {-webkit-appearance: none;appearance: none;margin: 0;} .b-ext .price-range {padding-block-start: calc(var(--font-size) * .25);display: block;} .b-ext .price-range>.range-group {margin-block-end: calc(var(--font-size) * 1.125);position: relative;} @media not screen and (pointer: fine) {.b-ext .price-range {padding-block-start: calc(var(--font-size) * .625);}} .b-ext .product-card {scroll-snap-align: start;grid-template-columns: minmax(0,1fr);align-content: start;gap: calc(var(--font-size) * 1.25);display: grid;position: relative;} .b-ext .product-card__figure {position: relative;} .b-ext .product-card__figure>.badge-list {z-index: 1;position: absolute;inset-block-start: calc(var(--font-size) * .25);inset-inline-start: calc(var(--font-size) * .25);} .b-ext .product-card__media {isolation: isolate;display: block;} .b-ext .product-card__image {object-fit: contain;object-position: center;margin-inline: auto;transition: opacity .1s ease-in-out;} .b-ext .product-card__image--secondary {width: 100%;height: 100%;display: none;position: absolute;inset-block-start: 0;inset-inline-start: 0;} .b-ext .product-card__quick-add-button {background: rgb(var(--circle-button-background));color: rgb(var(--circle-button-text-color));z-index: 1;padding: calc(var(--font-size) * .625);position: absolute;inset-block-end: calc(var(--font-size) * .5);inset-inline-end: calc(var(--font-size) * .5);} @media screen and (pointer: fine) {.b-ext .product-card__quick-add-button {opacity: 0;transition: opacity .2s ease-in-out,transform .2s ease-in-out;transform: translateY(5px);} .b-ext .product-card__quick-add-button :is(svg) {transition: transform .2s ease-in-out;} .b-ext .product-card__quick-add-button:hover svg {transform: rotate(90deg);} .b-ext .product-card:hover .product-card__quick-add-button {opacity: 1;transform: translateY(0);}} .b-ext .product-card__info {text-align: center;align-content: start;justify-items: center;gap: calc(var(--font-size) * .75);display: grid;} .b-ext .product-card__info :is(.price-list, .b-ext .rating-badge) {justify-content: center;} .b-ext .product-card__info .color-swatch {--swatch-size: calc(var(--font-size) * 1.375);} @media screen and (pointer: fine) {.b-ext .product-card__image--secondary {opacity: 0;mix-blend-mode: plus-lighter;display: block;} .b-ext .product-card__figure:has(.product-card__image--secondary):hover>.product-card__media .product-card__image--primary {opacity: 0;} .b-ext .product-card__figure:has(.product-card__image--secondary):hover>.product-card__media .product-card__image--secondary {opacity: 1;}} @media screen and (min-width: 700px) {.b-ext .product-card__figure>.badge-list {inset-block-start: calc(var(--font-size) * .5);inset-inline-start: calc(var(--font-size) * .5);}} .b-ext .horizontal-product-card {scroll-snap-align: start;scroll-snap-stop: always;align-items: center;column-gap: calc(var(--font-size) * 1.5);display: flex;position: relative;container: horizontal-product-card/inline-size;} .b-ext .horizontal-product-card__figure {flex-shrink: 0;width: calc(var(--font-size) * 6.25);} .b-ext .horizontal-product-card__info {flex-grow: 1;grid-template-columns: minmax(0,1fr);grid-auto-columns: auto;justify-items: start;gap: calc(var(--font-size) * .625);display: grid;} .b-ext .\@large\:horizontal-product-card__button {display: none;} @media screen and (min-width: 700px) {.b-ext .horizontal-product-card {column-gap: calc(var(--font-size) * 2);}} @container horizontal-product-card (width >=450px) {align-items: center;} .b-ext .\@narrow\:horizontal-product-card__button {display: none;} .b-ext .\@large\:horizontal-product-card__button {display: block;} .b-ext .product-list--carousel {--product-list-default-column-gap: calc(var(--font-size) * 1.25);grid: auto/auto-flow var(--product-list-card-width);justify-content: safe center;} @media screen and (max-width: 699px) {.b-ext .product-list:not(.product-list--carousel) {margin-inline: calc(var(--font-size) * -.625);} .b-ext .product-list--carousel {--product-list-card-width: min(300px,65%);}} @media screen and (min-width: 700px) {.b-ext .product-list {--product-list-max-items-per-row-allowed: 3;--product-list-default-row-gap: calc(var(--font-size) * 3);--product-list-default-column-gap: calc(var(--font-size) * 1.5);} .b-ext .product-list--compact {--product-list-max-items-per-row-allowed: 4;}} @media screen and (min-width: 1000px) {.b-ext .product-list {--product-list-max-items-per-row-allowed: 4;--product-list-default-row-gap: calc(var(--font-size) * 4);--product-list-default-column-gap: calc(var(--font-size) * 3);} .b-ext .product-list--compact {--product-list-max-items-per-row-allowed: 5;} .b-ext .product-list--carousel {scroll-snap-type: x mandatory;}} @media screen and (min-width: 1150px) {.b-ext .product-list {--product-list-max-items-per-row-allowed: var(--product-list-items-per-row);}} @media screen and (min-width: 1400px) {.b-ext .product-list {--product-list-default-row-gap: calc(var(--font-size) * 4);--product-list-default-column-gap: calc(var(--font-size) * 3.75);}} .b-ext .quick-buy-modal {--modal-body-max-width: calc(var(--font-size) * 55.625);} .b-ext .quick-buy-modal::part(content) {position: relative;} .b-ext .quick-buy-modal__content {grid-template-columns: minmax(0,1fr);display: grid;} .b-ext .quick-buy-modal__close-button {position: absolute;inset-block-start: calc(var(--font-size) * 1.875);inset-inline-end: calc(var(--font-size) * 1.875);} .b-ext .quick-buy-modal__view-more {margin-block-start: calc(var(--font-size) * 2);display: inline-block;} @media screen and (max-width: 699px) {.b-ext .quick-buy-modal::part(body) {padding-inline: 0;} .b-ext .quick-buy-modal__gallery-wrapper, .b-ext .quick-buy-modal__info-wrapper {padding-inline-start: var(--modal-body-padding-inline);padding-inline-end: var(--modal-body-padding-inline);} .b-ext .quick-buy-modal__gallery-wrapper .price-list {justify-content: center;} .b-ext .quick-buy-modal__gallery-wrapper .price-list .h6 {font-size: calc(var(--font-size) * .6875);} .b-ext .quick-buy-modal__mobile-info {margin-block-start: calc(var(--font-size) * 1.25);} .b-ext .quick-buy-modal__info-wrapper {border-block-start-width: 1px;margin-block-start: calc(var(--font-size) * 1.25);} .b-ext .quick-buy-modal__info-wrapper .product-info__block-item:is([data-block-type=vendor], .b-ext [data-block-type=title], .b-ext [data-block-type=price], .b-ext [data-block-type=rating], .b-ext [data-block-type=separator]), .b-ext .quick-buy-modal__info-wrapper .product-info__block-group[data-group-type=text-with-rating] {display: none;} .b-ext .quick-buy-modal__info-wrapper .product-info__block-item[data-block-type=variant-picker] {--product-info-gap: calc(var(--font-size) * 1.25);} .b-ext .quick-buy-modal__info-wrapper .product-info__block-item[data-block-type=buy-buttons] {--product-info-gap: calc(var(--font-size) * 1.5);}} @media screen and (min-width: 700px) {.b-ext .quick-buy-modal {--modal-body-padding-inline: calc(var(--font-size) * 3.125);--modal-body-padding-block: calc(var(--font-size) * 3.125);} .b-ext .quick-buy-modal::part(header) {display: none;} .b-ext .quick-buy-modal__content {grid-template-columns: minmax(0,.9fr) minmax(0,1fr);align-items: center;column-gap: calc(var(--font-size) * 2.5);display: grid;} .b-ext .quick-buy-modal__content .product-info {top: unset;position: relative;}} .b-ext .prose {overflow-wrap: anywhere;} .b-ext .prose :first-child, .b-ext .prose .sr-only:first-child+* {margin-block-start: 0 !important;} .b-ext .prose :last-child {margin-block-end: 0 !important;} .b-ext .prose :where(:not(meta, .b-ext span)+*) {margin-block-start: calc(var(--font-size) * 1);} .b-ext .prose :where(*+span:not(:empty, .b-ext .metafield-multi_line_text_field)), .b-ext .prose :is(.link, .b-ext img) {display: inline-block;} .b-ext .prose :is(.link+.link) {margin-inline-start: calc(var(--font-size) * .75);} .b-ext .prose :is(.button, .b-ext .button-group:has(.button)) {margin-block-start: calc(var(--font-size) * 1.5);} .b-ext .prose :is(p img:not([style*=float]):only-child, .b-ext div img:not([style*=float]):only-child, .b-ext figure, .b-ext video, .b-ext object, .b-ext blockquote, .b-ext table) {margin-block: calc(var(--font-size) * 1.6);} .b-ext .prose :is(iframe[src*=youtube], .b-ext iframe[src*="youtu.be"], .b-ext iframe[src*=vimeo]) {aspect-ratio: 16/9;width: 100%;height: auto;} .b-ext .prose .play-button {margin: calc(var(--font-size) * 2) auto;display: block;} .b-ext .prose :is(ol, .b-ext ul) :is(ol, .b-ext ul) {margin-block-start: 0 !important;} .b-ext .prose :is(ol, .b-ext ul) {row-gap: .4em;display: grid;} .b-ext .prose br {margin-block: 0 !important;} .b-ext .prose figcaption {font-style: italic;font-size: var(--text-sm);margin-block-start: .5em;} .b-ext .prose blockquote {border-inline-start-width: 3px;padding: calc(var(--font-size) * .375) 0 calc(var(--font-size) * .375) calc(var(--font-size) * 1);font-size: calc(var(--font-size) * 1.15);line-height: 1.75;} @media screen and (min-width: 1000px) {.b-ext .prose:not(.prose--tight) :where(:not(meta, .b-ext span)+*) {margin-block-start: calc(var(--font-size) * 1.25);} .b-ext .prose:not(.prose--tight) :is(.button, .b-ext .button-group:has(.button)) {margin-block-start: calc(var(--font-size) * 2);} .b-ext .prose:not(.prose--tight) .play-button {margin-block: calc(var(--font-size) * 2.5);} .b-ext .prose:not(.prose--tight) blockquote {margin-inline-start: calc(var(--font-size) * 2);padding-inline-start: calc(var(--font-size) * 2);}} .b-ext .link {background: linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em)/100% 1px no-repeat;text-decoration: none;transition: background-size .3s ease-in-out;} .b-ext .prose a:not(.h1, .b-ext .h2, .b-ext .h3, .b-ext .h4, .b-ext .h5, .b-ext .h6, .b-ext .button, .b-ext .link-faded, .b-ext .link-faded-reverse, .b-ext :has(img)) {background: linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em)/100% 1px no-repeat;text-decoration: none;transition: background-size .3s ease-in-out;} @supports (height: 1lh) {.b-ext .prose a:not(.h1, .b-ext .h2, .b-ext .h3, .b-ext .h4, .b-ext .h5, .b-ext .h6, .b-ext .button, .b-ext .link-faded, .b-ext .link-faded-reverse, .b-ext :has(img)) {background: linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.2 lh)/100% 1px no-repeat;}} @media screen and (pointer: fine) {.b-ext .prose a:not(.h1, .b-ext .h2, .b-ext .h3, .b-ext .h4, .b-ext .h5, .b-ext .h6, .b-ext .button, .b-ext .link-faded, .b-ext .link-faded-reverse, .b-ext :has(img)):hover {background-size: 0 1px;}} @supports (height: 1lh) {.b-ext .link {background: linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.2 lh)/100% 1px no-repeat;}} @media screen and (pointer: fine) {.b-ext .link:hover {background-size: 0 1px;}} .b-ext .link-reverse {background: linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em)/0 1px no-repeat;text-decoration: none;transition: background-size .3s ease-in-out;} @supports (height: 1lh) {.b-ext .link-reverse {background: linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.2 lh)/0 1px no-repeat;}} @media screen and (pointer: fine) {.b-ext .link-reverse:hover {background-size: 100% 1px;}} .b-ext .link-faded {transition: color .2s ease-in-out;} @media screen and (pointer: fine) {.b-ext .link-faded:hover {color: rgb(var(--text-color));}} .b-ext .link-faded-reverse {transition: color .2s ease-in-out;} @media screen and (pointer: fine) {.b-ext .link-faded-reverse:hover {}} .b-ext table {--table-cell-padding-block: calc(var(--font-size) * .75);--table-cell-padding-inline: calc(var(--font-size) * .5);--table-foot-cell-padding-block: calc(var(--font-size) * .75);--table-foot-cell-padding-inline: calc(var(--font-size) * .5);width: 100%;} .b-ext table caption {text-align: inherit;margin-block-end: calc(var(--font-size) * .5);} .b-ext th {text-align: start;} .b-ext :where(td, .b-ext th):not(:empty) {border-block-width: 1px;} .b-ext :where(th):not(:empty) {border-block-start-width: 0;} .b-ext td:not(:empty)+td {border-inline-start-width: 1px;} .b-ext th, .b-ext td {padding: var(--table-cell-padding-block) var(--table-cell-padding-inline);} .b-ext table:not(.table--bordered) :is(th, .b-ext td):first-child, .b-ext table:not(.table--bordered) :is(th, .b-ext td):empty+td {padding-inline-start: 0;} .b-ext :is(th, .b-ext td):last-child {padding-inline-end: 0;} .b-ext th {opacity: .6;line-height: 1.7;font-size: var(--text-h6);font-family: var(--heading-font-family);font-weight: var(--heading-font-weight);font-style: var(--heading-font-style);letter-spacing: var(--heading-letter-spacing);text-transform: var(--heading-text-transform);padding-block: 0 calc(var(--font-size) * .625);} .b-ext tfoot td {padding: var(--table-foot-cell-padding-block) var(--table-foot-cell-padding-inline);} .b-ext tr[onclick] {cursor: pointer;transition: background .2s;} .b-ext tr[onclick]:hover {} @media screen and (min-width: 700px) {.b-ext table {--table-cell-padding-block: calc(var(--font-size) * 1);--table-cell-padding-inline: calc(var(--font-size) * .75);--table-foot-cell-padding-block: calc(var(--font-size) * 1);--table-foot-cell-padding-inline: calc(var(--font-size) * .75);}} .b-ext .table--bordered {--table-cell-padding-inline: calc(var(--font-size) * .75);} .b-ext .table--bordered td {border-width: 1px;} .b-ext .table--reduce-border :is(td)+td {border-inline-start-width: 0;} .b-ext .table--no-border td {border: none;} .b-ext .table--sm {--table-cell-padding-block: calc(var(--font-size) * .35);--table-cell-padding-inline: calc(var(--font-size) * .5);} .b-ext .table--lg {--table-cell-padding-block: calc(var(--font-size) * 1.5);--table-cell-padding-inline: calc(var(--font-size) * .5);} @media screen and (min-width: 700px) {.b-ext .table--lg {--table-cell-padding-block: calc(var(--font-size) * 2);--table-cell-padding-inline: calc(var(--font-size) * .75);}} .b-ext .social-media--list {align-items: center;gap: var(--social-media-list-gap,calc(var(--font-size) * .75) calc(var(--font-size) * 2));flex-wrap: wrap;display: flex;} .b-ext .social-media--list .social-media__item {opacity: .65;transition: opacity .2s,color .2s;} .b-ext .social-media--list svg {width: var(--social-media-icon-size,calc(var(--font-size) * 1.25));} @media screen and (pointer: fine) {.b-ext .social-media--list .social-media__item:hover {opacity: 1;}} .b-ext .social-media--block {grid-template-columns: repeat(auto-fit,minmax(0,.33fr));gap: 1px;display: grid;} .b-ext .social-media--block:has(:nth-child(4)) {grid-template-columns: repeat(auto-fit,minmax(0,.25fr));} .b-ext .social-media--block .social-media__item {outline: 1px solid rgb(var(--border-color));z-index: 0;width: 100%;transition: background .15s,color .15s,outline .15s,z-index .15s;} .b-ext .social-media--block a {padding-block: calc(var(--font-size) * .625);display: block;} .b-ext .social-media--block svg {margin-inline: auto;} @media screen and (pointer: fine) {.b-ext .social-media--block .social-media__item:hover {background: rgb(var(--branding-background));outline-color: rgb(var(--branding-background));color: rgb(var(--branding-color));z-index: 1;}} @media not screen and (pointer: fine) {.b-ext .social-media--block .social-media__item {background: rgb(var(--branding-background));outline-color: rgb(var(--branding-background));color: rgb(var(--branding-color));}} @media screen and (min-width: 700px) {.b-ext .social-media--block {grid-template-columns: repeat(auto-fit,minmax(0,calc(var(--font-size) * 3.75)));}} .b-ext .branding-colors--facebook {--branding-background: 24 119 242;--branding-color: 255 255 255;} .b-ext .branding-colors--twitter {--branding-background: 29 161 242;--branding-color: 255 255 255;} .b-ext .branding-colors--instagram {--branding-background: 195 42 163;--branding-color: 255 255 255;} .b-ext .branding-colors--pinterest {--branding-background: 189 8 28;--branding-color: 255 255 255;} .b-ext .branding-colors--youtube {--branding-background: 255 0 0;--branding-color: 255 255 255;} .b-ext .branding-colors--tiktok {--branding-background: 1 1 1;--branding-color: 255 255 255;} .b-ext .branding-colors--vimeo {--branding-background: 26 183 234;--branding-color: 255 255 255;} .b-ext .branding-colors--linkedin {--branding-background: 10 102 194;--branding-color: 255 255 255;} .b-ext .branding-colors--whatsapp {--branding-background: 79 206 93;--branding-color: 255 255 255;} .b-ext .branding-colors--snapchat {--branding-background: 255 252 0;--branding-color: 0 0 0;} .b-ext .branding-colors--tumblr {--branding-background: 54 70 93;--branding-color: 255 255 255;} .b-ext .branding-colors--wechat {--branding-background: 9 184 62;--branding-color: 255 255 255;} .b-ext .branding-colors--reddit {--branding-background: 255 69 0;--branding-color: 255 255 255;} .b-ext .branding-colors--line {--branding-background: 6 199 85;--branding-color: 255 255 255;} .b-ext .branding-colors--spotify {--branding-background: 30 215 96;--branding-color: 255 255 255;} .b-ext .branding-colors--21buttons {--branding-background: 0 0 0;--branding-color: 255 255 255;} .b-ext .branding-colors--email {--branding-background: var(--text-color);--branding-color: var(--background);} .b-ext .color-swatch {--swatch-offset: 2px;--swatch-size: calc(var(--font-size) * 2.125);--swatch-border-size: 1px;--swatch-disabled-strike-color: rgb(var(--border-color));width: var(--swatch-size);height: var(--swatch-size);padding: var(--swatch-offset);border: var(--swatch-border-size) solid transparent;background: content-box var(--swatch-background) no-repeat center/cover;place-items: center;display: grid;position: relative;} .b-ext .color-swatch.is-disabled:before {content: "";margin: var(--swatch-disabled-margin,var(--swatch-offset));background: linear-gradient(to bottom right,transparent calc(50% - .5px),var(--swatch-disabled-strike-color) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .b-ext :disabled+.color-swatch {display: none;} .b-ext :checked+.color-swatch, .b-ext .color-swatch.is-selected {--swatch-disabled-margin: 0;--swatch-disabled-strike-color: currentColor;border-color: currentColor;} .b-ext :focus-visible+.color-swatch {outline-offset: calc(var(--swatch-offset));} .b-ext .thumbnail-swatch {--swatch-size: calc(var(--font-size) * 3);--swatch-disabled-strike-color: rgb(var(--border-color));width: var(--swatch-size);height: var(--swatch-size);border-radius: min(4px,var(--input-border-radius));border-width: 1px;display: block;position: relative;} .b-ext :checked+.thumbnail-swatch, .b-ext .thumbnail-swatch.is-selected {--swatch-disabled-strike-color: currentColor;border-color: currentColor;} .b-ext .thumbnail-swatch.is-disabled:before {content: "";background: linear-gradient(to bottom right,transparent calc(50% - .5px),var(--swatch-disabled-strike-color) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .b-ext :disabled+.thumbnail-swatch {display: none;} .b-ext .thumbnail-swatch>img {border-radius: inherit;height: 100%;} .b-ext :focus-visible+.thumbnail-swatch {outline-offset: 2px;} @media screen and (min-width: 700px) {.b-ext .thumbnail-swatch {--swatch-size: calc(var(--font-size) * 4.25);}} .b-ext .block-swatch {--swatch-border-size: 1px;--swatch-padding: calc(var(--input-padding-block) - var(--swatch-border-size) * 2) calc(var(--font-size) * .675);--swatch-disabled-strike-color: rgb(var(--border-color));padding: var(--swatch-padding);border-width: var(--swatch-border-size);border-radius: var(--input-border-radius);min-width: calc(var(--font-size) * 2.5);justify-content: center;align-items: center;column-gap: calc(var(--font-size) * .875);display: flex;position: relative;} .b-ext .block-swatch.is-disabled {} .b-ext :checked+.block-swatch, .b-ext .block-swatch.is-selected {--swatch-disabled-strike-color: currentColor;color: var(--text-color);border-color: currentColor;} .b-ext .block-swatch.is-disabled:before {content: "";background: linear-gradient(to bottom right,transparent calc(50% - .5px),var(--swatch-disabled-strike-color) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .b-ext :disabled+.block-swatch {display: none;} .b-ext :focus-visible+.block-swatch {outline-offset: 2px;} .b-ext .block-swatch__color {background: var(--swatch-background) center/cover;width: calc(var(--font-size) * 1);height: calc(var(--font-size) * 1);} .b-ext .image-filter {--image-filter-width: calc(var(--font-size) * 3);grid-template-columns: var(--image-filter-width) minmax(0,1fr);align-items: center;column-gap: calc(var(--font-size) * 1.25);display: grid;} .b-ext .image-filter__image {width: var(--image-filter-width);height: var(--image-filter-width);object-fit: contain;object-position: center;} .b-ext .image-filter__label {grid-column-start: 2;} .b-ext :checked+.image-filter .image-filter__image {outline: 1px solid rgb(var(--text-color));} .b-ext :checked+.image-filter .image-filter__label {color: rgb(var(--text-color));} .b-ext .content-tabs::part(tab-list) {border-block-end: 1px solid rgb(var(--border-color));white-space: nowrap;grid-auto-flow: column;justify-content: start;gap: calc(var(--font-size) * 2.5);margin-block-end: calc(var(--font-size) * 1.5);display: grid;} .b-ext .content-tabs [role=tab] {box-shadow: 0 1px rgb(var(--text-color));padding-block-end: calc(var(--font-size) * .625);transition: opacity .2s ease-in,box-shadow .2s ease-in;} .b-ext .content-tabs [role=tab]:not([aria-selected=true]) {opacity: .6;box-shadow: 0 1px rgba(0,0,0,0);} .b-ext .content-tabs--center::part(tab-list) {width: max-content;margin-inline: auto;} .b-ext .content-tabs--center::part(tab-panel-list) {text-align: center;width: min(800px,100%);margin-inline: auto;display: block;} @media screen and (min-width: 1000px) {.b-ext .content-tabs::part(tab-list) {gap: calc(var(--font-size) * 4.375);margin-block-end: calc(var(--font-size) * 2);}} .b-ext .constrained-image {width: var(--image-mobile-max-width,var(--image-max-width));max-width: 100%;} @media screen and (min-width: 700px) {.b-ext .constrained-image {width: var(--image-max-width);}} .b-ext .text-with-icon {align-items: center;gap: calc(var(--font-size) * .625);display: flex;} .b-ext .text-with-icon>svg {flex-shrink: 0;} .b-ext .icon {vertical-align: middle;height: auto;transition: transform .2s;display: block;} .b-ext .group[aria-expanded=true] .icon.group-expanded\:rotate {transform: rotate(180deg);} .b-ext [dir=rtl] .icon--direction-aware {scale: -1;} .b-ext .offset-icon {--icon-baseline-distance: .825em;top: var(--icon-baseline-distance);position: relative;translate: 0 -50%;} @supports (top: 1lh) {.b-ext .offset-icon {top: .5 lh;}} .b-ext .price-list {flex-wrap: wrap;align-items: baseline;column-gap: calc(var(--font-size) * .5);display: flex;} .b-ext .price-list--product {column-gap: calc(var(--font-size) * 1);} .b-ext .localization-selectors {flex-wrap: wrap;justify-content: center;align-items: center;gap: calc(var(--font-size) * .75) calc(var(--font-size) * 1.75);display: flex;} .b-ext .localization-selectors__separator {background: rgb(var(--border-color));width: 1px;height: calc(var(--font-size) * .5);} .b-ext .localization-selectors__separator:last-child {display: none;} .b-ext .localization-toggle {align-items: center;column-gap: calc(var(--font-size) * .625);display: flex;} .b-ext .localization-toggle>svg {transition: transform .2s;} .b-ext .localization-toggle[aria-expanded=true]>svg {transform: rotate(180deg);} .b-ext .country-flag {width: 20px;height: 15px;} .b-ext .payment-methods {flex-wrap: wrap;gap: calc(var(--font-size) * 1);display: flex;} .b-ext .badge {width: max-content;font-family: var(--heading-font-family);font-weight: var(--heading-font-weight);font-style: var(--heading-font-style);letter-spacing: var(--heading-letter-spacing);text-transform: uppercase;align-items: center;padding: calc(var(--font-size) * .0625) calc(var(--font-size) * .3125);font-size: calc(var(--font-size) * .625);display: flex;} .b-ext .badge--on-sale {background: rgb(var(--on-sale-badge-background));color: rgb(var(--on-sale-badge-text));} .b-ext .badge--sold-out {background: rgb(var(--sold-out-badge-background));color: rgb(var(--sold-out-badge-text));} .b-ext .badge--custom {background: rgb(var(--custom-badge-background));color: rgb(var(--custom-badge-text));} @media screen and (min-width: 700px) {.b-ext .badge {font-size: calc(var(--font-size) * .6875);}} .b-ext .badge-list {flex-wrap: wrap;gap: calc(var(--font-size) * .25);display: flex;} .b-ext .badge-list--vertical {flex-direction: column;} .b-ext .feature-badge {font-size: var(--text-xs);align-items: center;column-gap: calc(var(--font-size) * .5);padding: calc(var(--font-size) * .375) calc(var(--font-size) * .5);display: inline-flex;} .b-ext .feature-badge :is(svg, .b-ext img) {flex-shrink: 0;} .b-ext .feature-badge-list {flex-wrap: wrap;gap: calc(var(--font-size) * .5);display: flex;} .b-ext .rating-badge {flex-wrap: wrap;align-items: center;column-gap: calc(var(--font-size) * .5);line-height: normal;display: flex;} .b-ext .rating-badge__stars {column-gap: calc(var(--font-size) * .125);display: flex;position: relative;top: -.5px;} .b-ext .text-with-rating {flex-wrap: wrap;justify-content: space-between;align-items: center;gap: calc(var(--font-size) * .75) calc(var(--font-size) * .5);display: flex;} .b-ext .inventory {row-gap: calc(var(--font-size) * .5);font-style: italic;display: grid;} .b-ext .progress-bar {height: 2px;display: block;position: relative;} .b-ext .progress-bar:before {content: "";width: 100%;height: 100%;transform: scaleX(var(--progress,0));transform-origin: var(--transform-origin-start);background: currentColor;transition: transform .45s ease-in-out;display: block;} .b-ext [data-tooltip] {--tooltip-text-color: var(--text-color);--tooltip-background: var(--background);position: relative;} @media screen and (pointer: fine) {.b-ext [data-tooltip]:after {content: attr(data-tooltip);inset-block-end: calc(100% + var(--tooltip-offset,calc(var(--font-size) * .5)));border-radius: min(calc(var(--font-size) * 1.5),var(--button-border-radius));background: rgb(var(--tooltip-text-color));width: max-content;max-width: calc(var(--font-size) * 15);color: rgb(var(--tooltip-background));visibility: hidden;opacity: 0;pointer-events: none;justify-self: center;padding: calc(var(--font-size) * .125) calc(var(--font-size) * .5);font-size: calc(var(--font-size) * .6875);transition: opacity .1s ease-in-out,visibility .1s ease-in-out,scale .1s ease-in-out;position: absolute;left: 50%;translate: -50%;scale: .9;} .b-ext [data-tooltip]:hover:after {visibility: visible;opacity: 1;scale: 1;}} .b-ext .separator-dot {--dot-size: calc(var(--font-size) * .25);width: var(--dot-size);height: var(--dot-size);background: currentColor;border-radius: 100%;} .b-ext .animated-plus {--animated-plus-size: calc(var(--font-size) * .625);width: var(--animated-plus-size);height: var(--animated-plus-size);display: block;position: relative;} .b-ext .animated-plus:before, .b-ext .animated-plus:after {content: "";background-color: currentColor;transition: transform .25s ease-in-out,opacity .25s ease-in-out;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-90deg);} .b-ext .animated-plus:before {width: var(--animated-plus-size);opacity: 1;height: 1px;} .b-ext .animated-plus:after {width: 1px;height: var(--animated-plus-size);} .b-ext .group[aria-expanded=true] .animated-plus.group-expanded\:rotate:before {opacity: 0;} .b-ext .group[aria-expanded=true] .animated-plus.group-expanded\:rotate:before, .b-ext .group[aria-expanded=true] .animated-plus.group-expanded\:rotate:after {transform: translate(-50%,-50%) rotate(90deg);} @media (pointer: fine) {.b-ext .is-scrollable[allow-drag] {cursor: grab;} .b-ext .is-scrollable[allow-drag]:active {cursor: grabbing;-webkit-user-select: none;user-select: none;scroll-snap-type: none;}} @media screen and (min-width: 700px) {.b-ext .play-button svg {width: calc(var(--font-size) * 5);height: calc(var(--font-size) * 5);}} .b-ext .quantity-selector {--quantity-selector-height: calc(var(--font-size) * 2.4);--quantity-selector-input-width: calc(var(--font-size) * 2.5);--tooltip-offset: calc(-1 * var(--quantity-selector-height) / 2 + calc(var(--font-size) * 1));grid-template-columns: var(--quantity-selector-height) auto var(--quantity-selector-height);grid-auto-rows: var(--quantity-selector-height);border-width: 1px;align-items: center;display: inline-grid;} .b-ext .quantity-selector__button {place-content: center;min-height: 100%;display: grid;} .b-ext .quantity-selector__button svg {transition: opacity .2s;} .b-ext .quantity-selector__button[disabled] svg, .b-ext .quantity-selector__button:hover svg {opacity: .65;} .b-ext .quantity-selector__input-wrapper {place-items: center;display: grid;} .b-ext .quantity-selector__input-wrapper>* {grid-area: 1/-1;} .b-ext .quantity-selector__input {-webkit-appearance: textfield;appearance: textfield;min-width: var(--quantity-selector-input-width);width: var(--quantity-selector-character-count,1ch);text-align: center;background: none;transition: opacity .2s ease-in-out .2s;} .b-ext .quantity-selector__input:focus {outline: none;} .b-ext .quantity-selector__input::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;} .b-ext .quantity-selector__input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} @media screen and (min-width: 700px) {.b-ext .quantity-selector {--quantity-selector-height: calc(var(--font-size) * 2.7);}} .b-ext .quantity-selector--sm {--quantity-selector-height: calc(var(--font-size) * 2.2);--quantity-selector-input-width: calc(var(--font-size) * 2);} @keyframes quantitySelectorSpinner {0% {animation-timing-function: cubic-bezier(.45,0,.55,1);transform: rotate(0);} 50% {animation-timing-function: cubic-bezier(.4,0,.6,1);transform: rotate(360deg);} to {animation-timing-function: cubic-bezier(.45,0,.55,1);transform: rotate(720deg);}} .b-ext .quantity-selector__spinner {transform-origin: center;opacity: 0;transition: opacity .2s ease-in-out,translate .2s ease-in-out,display .2s ease-in-out allow-discrete;animation: 2.5s cubic-bezier(.4,0,.6,1) infinite quantitySelectorSpinner;display: none;translate: 0 4px;} .b-ext .quantity-selector__input-wrapper[aria-busy=true] .quantity-selector__spinner {opacity: 1;display: block;translate: none;} @starting-style {translate: 0 4px;} .b-ext .breadcrumb {display: none;} .b-ext .breadcrumb__list {align-items: center;column-gap: calc(var(--font-size) * .5);line-height: 1;display: flex;} .b-ext .breadcrumb__list-item+.breadcrumb__list-item:before {content: "/";margin-inline-end: calc(var(--font-size) * .375);font-size: calc(var(--font-size) * .625);display: inline-block;} @media screen and (min-width: 1000px) {.b-ext .breadcrumb {display: block;}} .b-ext .breadcrumb--floating {position: absolute;inset-block-start: calc(var(--font-size) * 1.25);inset-inline-start: var(--container-gutter);} .b-ext .bordered-box {border-width: 1px;padding: calc(var(--font-size) * 2.5) calc(var(--font-size) * 1.25) calc(var(--font-size) * 1.25);position: relative;} .b-ext .bordered-box__title {inset-block-start: 0;text-align: center;background: rgb(var(--background));width: max-content;padding-inline: calc(var(--font-size) * .5);position: absolute;left: 50%;transform: translate(-50%,-50%);} @media screen and (min-width: 1000px) {.b-ext .bordered-box {padding: calc(var(--font-size) * 3);}} .b-ext .loading-bar {z-index: 2000;pointer-events: none;mix-blend-mode: exclusion;width: 100%;height: 2px;transform-origin: var(--transform-origin-start);background: #fff;position: fixed;top: 0;left: 0;transform: scaleX(0);} @media screen and (min-width: 700px) {.b-ext .loading-bar {height: 3px;}} @keyframes animateCircularProgress {0% {stroke-dashoffset: var(--stroke-dasharray);} to {stroke-dashoffset: 0;}} .b-ext .circular-progress {transition: opacity .25s;transform: rotate(-90deg);} .b-ext .circular-progress circle:last-child {stroke-dasharray: var(--stroke-dasharray);stroke-dashoffset: var(--stroke-dasharray);} @media (prefers-reduced-motion: no-preference) {.b-ext image-parallax img {transform: scale(1.3) translateY(-11.5385%);}} .b-ext .scroll-margin-offset {scroll-margin-block-start: 20px;} .b-ext .share-buttons {align-items: center;gap: calc(var(--font-size) * .875);display: flex;} .b-ext .share-buttons .social-media {--social-media-icon-size: calc(var(--font-size) * 1);--social-media-list-gap: calc(var(--font-size) * .75);} .b-ext .share-buttons--native:not([hidden])+.share-buttons {display: none;} .b-ext product-rerender {display: contents;} .b-ext .customer-account-box {min-height: calc(100vh - var(--section-vertical-spacing) * 2 - var(--announcement-bar-height,0px) - var(--header-height,0px));text-align: center;align-items: center;display: grid;} .b-ext .customer-account-category {border-block-end-width: 1px;padding-block-end: calc(var(--font-size) * .625);} .b-ext .customer-account-overview {grid-gap: calc(var(--font-size) * 2.5) calc(var(--font-size) * 3);display: grid;} .b-ext .customer-account-order-grid {grid-template-columns: repeat(2,minmax(0,1fr));gap: calc(var(--font-size) * .5);display: grid;} @media screen and (min-width: 1000px) {.b-ext .customer-account-overview {grid-template-columns: minmax(0,1fr) calc(var(--font-size) * 14);}} @media screen and (min-width: 1150px) {.b-ext .customer-account-overview {grid-template-columns: minmax(0,1fr) calc(var(--font-size) * 18);column-gap: calc(var(--font-size) * 3.75);}} .b-ext .customer-address-list {--addresses-per-row: 1;grid-template-columns: repeat(var(--addresses-per-row),minmax(0,1fr));gap: calc(var(--font-size) * 3) calc(var(--font-size) * 3.75);display: grid;} @media screen and (min-width: 700px) {.b-ext .customer-address-list {--addresses-per-row: 2;}} @media screen and (min-width: 1000px) {.b-ext .customer-address-list {--addresses-per-row: 3;}} .b-ext .customer-order {grid: auto/minmax(0,1fr);gap: calc(var(--font-size) * 3);display: grid;} .b-ext .customer-order__details {grid-template-columns: minmax(0,1fr);row-gap: calc(var(--font-size) * 3);display: grid;} .b-ext .customer-order__address-list {grid-template-columns: repeat(auto-fit,minmax(250px,1fr));align-content: start;gap: calc(var(--font-size) * 2.5) calc(var(--font-size) * 3.75);display: grid;} @media screen and (min-width: 1150px) {.b-ext .customer-order {grid: auto/auto-flow minmax(0,1fr) calc(var(--font-size) * 14);column-gap: calc(var(--font-size) * 3.75);}} @media screen and (min-width: 1400px) {.b-ext .customer-order {grid-auto-columns: minmax(0,1fr) calc(var(--font-size) * 18);}} .b-ext .announcement-bar {--announcement-bar-gutter: calc(var(--font-size) * .625);text-align: center;font-size: var(--announcement-bar-font-size);place-content: center;column-gap: calc(var(--font-size) * .75);padding-block: 1em;padding-inline-start: max(var(--announcement-bar-gutter),50% - var(--container-max-width) / 2);padding-inline-end: max(var(--announcement-bar-gutter),50% - var(--container-max-width) / 2);display: flex;} .b-ext .announcement-bar__carousel {flex-grow: 1;place-items: center;max-width: calc(var(--font-size) * 35);display: grid;} .b-ext .announcement-bar__carousel>* {grid-area: 1/-1;} .b-ext .announcement-bar__carousel>:not(.is-selected) {visibility: hidden;} @media screen and (min-width: 700px) {.b-ext .announcement-bar {--announcement-bar-gutter: var(--container-gutter);justify-content: center;column-gap: calc(var(--font-size) * 2.5);}} .b-ext .before-after {--before-after-content-inset-inline: calc(var(--font-size) * 1.25);--before-after-content-inset-block: calc(var(--font-size) * 1);--before-after-cursor-size: calc(var(--font-size) * 3.125);-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;display: grid;position: relative;} .b-ext .before-after>* {grid-area: 1/-1;} .b-ext .before-after__after-image {z-index: 1;} .b-ext .before-after__content-wrapper {position: absolute;} .b-ext .before-after__cursor {pointer-events: auto;filter: drop-shadow(0 1px 1px rgba(0,0,0,.05)) drop-shadow(0 1px 1px rgba(0,0,0,.05));z-index: 1;display: grid;position: relative;} .b-ext .before-after__cursor:before {content: "";background: rgb(var(--before-after-cursor-background));z-index: -1;position: absolute;} .b-ext .before-after__cursor svg {width: var(--before-after-cursor-size);height: var(--before-after-cursor-size);} .b-ext .before-after--horizontal {cursor: ew-resize;} .b-ext .before-after--horizontal .before-after__after-image {clip-path: inset(0 0 0 var(--before-after-cursor-position,0%));} .b-ext [dir=rtl] :is(.before-after--horizontal .before-after__after-image) {clip-path: inset(0 var(--before-after-cursor-position,0%) 0 0);} .b-ext .before-after--horizontal .before-after__before-image .before-after__content-wrapper {justify-items: start;inset-block-end: var(--before-after-content-inset-block);inset-inline-start: var(--before-after-content-inset-inline);} .b-ext .before-after--horizontal .before-after__after-image .before-after__content-wrapper {text-align: end;justify-items: end;inset-block-end: var(--before-after-content-inset-block);inset-inline-end: var(--before-after-content-inset-inline);} .b-ext .before-after--horizontal .before-after__cursor {justify-self: start;place-items: center start;inset-inline-start: calc(var(--before-after-cursor-position,0%) - var(--before-after-cursor-size) / 2);} .b-ext .before-after--horizontal .before-after__cursor:before {width: calc(var(--font-size) * .125);height: 100%;inset-inline-start: calc(var(--before-after-cursor-size) / 2);} .b-ext .before-after--vertical {cursor: ns-resize;} .b-ext .before-after--vertical .before-after__after-image {clip-path: inset(var(--before-after-cursor-position,0%) 0 0 0);} .b-ext .before-after--vertical .before-after__before-image .before-after__content-wrapper {justify-items: start;inset-block-start: var(--before-after-content-inset-block);inset-inline-start: var(--before-after-content-inset-inline);} .b-ext .before-after--vertical .before-after__after-image .before-after__content-wrapper {justify-items: start;inset-block-end: var(--before-after-content-inset-block);inset-inline-start: var(--before-after-content-inset-inline);} .b-ext .before-after--vertical .before-after__cursor {align-self: start;place-items: start center;inset-block-start: calc(var(--before-after-cursor-position,0%) - var(--before-after-cursor-size) / 2);} .b-ext .before-after--vertical .before-after__cursor:before {width: 100%;height: calc(var(--font-size) * .125);inset-block-start: calc(var(--before-after-cursor-size) / 2);} @media screen and (max-width: 699px) {.b-ext .before-after {--before-after-cursor-size: calc(var(--font-size) * 2.5);} .b-ext .before-after .button {padding: calc(var(--font-size) * .45) calc(var(--font-size) * 1.5);}} @media screen and (min-width: 700px) {.b-ext .before-after {--before-after-content-inset-inline: calc(var(--font-size) * 2.5);--before-after-content-inset-block: calc(var(--font-size) * 2);} .b-ext .before-after__content-wrapper:has(.button) {--before-after-content-inset-block: calc(var(--font-size) * 2.5);}} .b-ext .blog-tags {flex-wrap: wrap;justify-content: center;gap: calc(var(--font-size) * .5) calc(var(--font-size) * 1.5);display: flex;} .b-ext .article {--article-wrapper-offset: 0px;--article-wrapper-padding-inline: 0px;padding-block-end: var(--section-vertical-spacing);} .b-ext .article__toolbar {visibility: hidden;z-index: 1;width: 100vw;padding-block: calc(var(--font-size) * 1);transition: transform .2s,visibility .2s,inset-block-start .15s ease-in-out;position: fixed;inset-block-start: var(--sticky-area-height);transform: translateY(-100%);} .b-ext .article__toolbar.is-visible {visibility: visible;transform: translateY(0);} .b-ext .article__toolbar .social-media {gap: calc(var(--font-size) * .75) calc(var(--font-size) * 1);} .b-ext .article__toolbar .social-media svg {width: calc(var(--font-size) * 1);height: calc(var(--font-size) * 1);} .b-ext .article__image {overflow: hidden;} .b-ext .article__image img {height: var(--article-image-height);object-fit: cover;} .b-ext .article__wrapper {padding: calc(var(--font-size) * 1.5) var(--article-wrapper-padding-inline) 0;background: rgb(var(--background));gap: calc(var(--font-size) * 5);margin-inline-start: max(var(--container-gutter),50% - var(--container-max-width) / 2 - var(--article-wrapper-padding-inline));margin-inline-end: max(var(--container-gutter),50% - var(--container-max-width) / 2 - var(--article-wrapper-padding-inline));display: grid;position: relative;} .b-ext .article__image+.article__wrapper {margin-block-start: var(--article-wrapper-offset);} .b-ext .article__comments {gap: inherit;scroll-margin-block-start: calc(var(--sticky-area-height) + 20px);display: grid;} .b-ext .article__author {border-block-width: 1px;align-items: start;column-gap: calc(var(--font-size) * 1);padding-block: calc(var(--font-size) * 1.5);display: flex;} .b-ext .article__author-image {border-radius: 100%;flex-shrink: 0;width: calc(var(--font-size) * 3.75);} .b-ext .article__footer-bottom {gap: calc(var(--font-size) * 2.5);display: grid;} .b-ext .article__author+.article__footer-bottom {margin-block-start: calc(var(--font-size) * 1.75);} @media screen and (min-width: 700px) {.b-ext .article {--article-wrapper-offset: calc(var(--font-size) * -2.75);--article-wrapper-padding-inline: calc(var(--font-size) * 3.125);} .b-ext .article__wrapper {gap: calc(var(--font-size) * 6.25);padding-block-start: calc(var(--font-size) * 2.5);} .b-ext .article__footer-bottom {grid: auto/auto-flow minmax(0,1fr);align-items: center;}} @media screen and (min-width: 1000px) {.b-ext .article {--article-wrapper-offset: calc(var(--font-size) * -4.375);}} .b-ext .comment {gap: calc(var(--font-size) * 1.125);display: grid;} .b-ext .comment:not(:first-child) {padding-block-start: calc(var(--font-size) * 2);} .b-ext .cart-page {align-items: start;row-gap: max(calc(var(--font-size) * 4),var(--section-vertical-spacing-tight));display: grid;} .b-ext .cart-footer {flex-direction: column;gap: calc(var(--font-size) * 1.5);display: flex;} .b-ext .cart-recap {gap: calc(var(--font-size) * .5);display: grid;} .b-ext .cart-recap [type=submit] {margin-block-start: calc(var(--font-size) * 1);} @media screen and (min-width: 700px) {.b-ext .cart-footer {flex-direction: row;gap: calc(var(--font-size) * 3);} .b-ext .cart-footer>:not(:only-child) {width: min(calc(var(--font-size) * 24),100%);} .b-ext .cart-recap {text-align: end;justify-items: end;margin-inline-start: auto;}} @media screen and (min-width: 1000px) {.b-ext .cart-page {row-gap: max(calc(var(--font-size) * 6),var(--section-vertical-spacing-tight));}} .b-ext .cart-drawer::part(body) {padding-block: 0;} .b-ext :is(.cart-drawer:has(.cart-drawer__order-note[open])::part(header), .b-ext .cart-drawer:has(.cart-drawer__order-note[open])::part(body)) {opacity: .4;pointer-events: none;transition: opacity .2s;} .b-ext .cart-drawer:not(:has(.cart-drawer__footer:only-child))::part(footer) {padding-block-start: calc(var(--drawer-footer-padding-block) - calc(var(--font-size) * .5));} .b-ext .cart-drawer .free-shipping-bar {font-size: var(--text-sm);border-block-end-width: 1px;margin-inline-start: calc(-1 * var(--drawer-body-padding-inline));margin-inline-end: calc(-1 * var(--drawer-body-padding-inline));padding-block: calc(var(--font-size) * .5);padding-inline-start: var(--drawer-body-padding-inline);padding-inline-end: var(--drawer-body-padding-inline);} .b-ext .cart-drawer__items {gap: calc(var(--font-size) * 1.5);padding-block-start: var(--drawer-body-padding-block);padding-block-end: var(--drawer-body-padding-block);display: grid;} .b-ext .cart-drawer__complementary-products {padding-inline: var(--drawer-body-padding-inline);border-block-start-width: 1px;padding-block: calc(var(--font-size) * 1.25);margin-inline: calc(-1 * var(--drawer-body-padding-inline)) !important;row-gap: calc(var(--font-size) * 1.25) !important;} .b-ext .cart-drawer__button-price {align-items: center;display: flex;} .b-ext .cart-drawer__button-price:before {content: "";background: currentColor;border-radius: 100%;width: 3px;height: 3px;margin-inline-end: calc(var(--font-size) * 1.125);} .b-ext .cart-drawer__footer {align-items: start;gap: calc(var(--font-size) * 1);display: grid;} .b-ext .cart-drawer__order-note {background-color: rgb(var(--background));background-image: var(--background-gradient);width: 100%;box-shadow: 1px 0 6px rgb(var(--border-color));z-index: 2;border-block-start-width: 1px;padding-block-start: calc(var(--drawer-footer-padding-block) - calc(var(--font-size) * .5));padding-block-end: var(--drawer-footer-padding-block);padding-inline-start: var(--drawer-body-padding-inline);padding-inline-end: var(--drawer-body-padding-inline);display: none;position: absolute;inset-block-end: 0;inset-inline-start: 0;} @media screen and (min-width: 700px) {.b-ext .cart-drawer__complementary-products {padding-block: calc(var(--font-size) * 2);row-gap: calc(var(--font-size) * 1) !important;}} .b-ext .collection-banner {display: block;position: relative;} .b-ext .collection-banner .breadcrumb {z-index: 2;} .b-ext .collection {--collection-gap: calc(var(--font-size) * 2);--collection-grid-template: minmax(0,1fr);--collection-sidebar-width: calc(var(--font-size) * 15);grid-template-columns: var(--collection-grid-template);align-items: start;gap: var(--collection-gap);margin-block-end: var(--section-vertical-spacing);scroll-margin-block-start: calc(var(--collection-toolbar-height,0px) + 20px);display: grid;} .b-ext .collection:only-child {margin-block-start: calc(var(--font-size) * 1.5);} .b-ext .collection__main {row-gap: var(--section-stack-gap);display: grid;} .b-ext .collection .product-list[collection-mobile-layout=medium] {--product-list-items-per-row: var(--collection-items-per-row-medium);} .b-ext .collection .product-list[collection-mobile-layout=large] {--product-list-items-per-row: var(--collection-items-per-row-large);} @media screen and (min-width: 700px) {.b-ext .collection:only-child {margin-block-start: calc(var(--font-size) * 3);} .b-ext .collection .product-list[collection-desktop-layout=compact] {--product-list-items-per-row: var(--collection-items-per-row-compact);} .b-ext .collection .product-list[collection-desktop-layout=compact] .product-card__info {display: none;} .b-ext .collection .product-list[collection-desktop-layout=medium] {--product-list-items-per-row: var(--collection-items-per-row-medium);} .b-ext .collection .product-list[collection-desktop-layout=large] {--product-list-items-per-row: var(--collection-items-per-row-large);}} @media screen and (min-width: 1150px) {.b-ext .collection {--collection-gap: calc(var(--font-size) * 3.125);}} .b-ext .collection-toolbar {min-height: 3em;box-shadow: 0 1px rgb(var(--border-color)),0 -1px rgb(var(--border-color));background-color: rgb(var(--background));z-index: 2;transition: inset-block-start .15s ease-in-out;display: flex;position: sticky;inset-block-start: var(--sticky-area-height);inset-inline-start: 0;} .b-ext .collection-toolbar .popover {--popover-block-offset: 0px;inset-inline-end: -1px;} .b-ext .collection-toolbar__button-list {flex-grow: 1;display: flex;} .b-ext .collection-toolbar__button {padding-block: calc(var(--font-size) * .75);} .b-ext .collection-toolbar__button :is(svg) {transition: transform .2s;} .b-ext .collection-toolbar__button[aria-expanded=true] svg {transform: rotate(180deg);} .b-ext .collection-toolbar__button-container {width: 100%;position: relative;} .b-ext .collection-toolbar__button-container+.collection-toolbar__button-container {border-inline-start-width: 1px;} .b-ext .collection-toolbar__layout-switch-list {border-inline-start-width: 1px;justify-content: flex-end;align-items: center;gap: calc(var(--font-size) * 1);padding-inline: calc(var(--font-size) * 1.25);display: flex;} .b-ext .collection-toolbar__button {opacity: .5;transition: opacity .2s;} .b-ext .collection-toolbar__button:hover, .b-ext .collection-toolbar__button.is-active {opacity: 1;} @media screen and (min-width: 700px) {.b-ext .collection-toolbar {flex-direction: row-reverse;justify-content: space-between;} .b-ext .collection-toolbar__button {padding-block: calc(var(--font-size) * 1.125);} .b-ext .collection-toolbar__button-list {flex-direction: row-reverse;flex: none;} .b-ext .collection-toolbar__button-container {border-inline-start-width: 1px;} .b-ext .collection-toolbar__button-container>.collection-toolbar__button {width: max-content;padding-inline: calc(var(--font-size) * 2.875);} .b-ext .collection-toolbar__layout-switch-list {border-inline-width: 0 1px;padding-inline: calc(var(--font-size) * 1.875);} .b-ext .collection-toolbar__products-count {position: absolute;inset-block-start: 50%;inset-inline-start: 50%;transform: translate(-50%,-50%);}} .b-ext .facets .accordion-list .accordion:first-child {border-block-start-width: 0;} .b-ext .facets .accordion-list .accordion:first-child .accordion__toggle {padding-block-start: 0;} .b-ext .facets .accordion-list .accordion:last-child {border-block-end-width: 0;} .b-ext .facets .accordion-list .accordion:last-child .accordion__content {padding-block-end: 0;} .b-ext .active-facets {flex-wrap: wrap;align-items: center;gap: calc(var(--font-size) * .625);display: flex;} .b-ext .removable-facet {font-size: var(--text-sm);border-width: 1px;align-items: center;column-gap: calc(var(--font-size) * .375);padding: calc(var(--font-size) * .375) calc(var(--font-size) * .625);display: flex;} .b-ext .facets-clear-all {margin-inline-start: calc(var(--font-size) * .625);} @media screen and (min-width: 700px) {.b-ext .removable-facet {font-size: var(--text-base);column-gap: calc(var(--font-size) * .625);padding: calc(var(--font-size) * .625) calc(var(--font-size) * .875);}} @media screen and (min-width: 1000px) {.b-ext .facets-sidebar {top: calc(var(--sticky-area-height) + var(--collection-toolbar-height,0px) + 20px);width: var(--collection-sidebar-width);grid-column-end: -2;display: block;position: sticky;}} .b-ext .collection-list {gap: var(--collection-list-gap,0px);display: flex;} .b-ext .collection-list .collection-card {flex-basis: var(--collection-list-item-size,calc(100% / var(--collection-list-items-per-row) - var(--collection-list-gap,0px) * ( var(--collection-list-items-per-row) - 1 ) / var(--collection-list-items-per-row)));} .b-ext .collection-list--text-outside {row-gap: calc(var(--font-size) * 3);} .b-ext .collection-card {align-content: start;gap: calc(var(--font-size) * 1.5);display: grid;} .b-ext .countdown {gap: var(--section-stack-gap);display: grid;} .b-ext .countdown__timer {text-transform: uppercase;text-align: center;grid: auto/auto-flow minmax(0,1fr) auto;align-items: center;column-gap: calc(var(--font-size) * .75);display: grid;} .b-ext .countdown__timer-item {display: grid;} .b-ext .countdown__timer-flip {--heading-letter-spacing: 0;justify-content: center;column-gap: 2px;display: flex;} .b-ext .countdown__timer-flip::part(digit) {color: rgb(var(--countdown-timer-flip-text-color));} .b-ext .countdown__timer-flip--background::part(digit) {background: rgb(var(--countdown-timer-flip-background));border-radius: calc(var(--font-size) * .25);padding: calc(var(--font-size) * .375) calc(var(--font-size) * .5);} @media screen and (max-width: 699px) {.b-ext .countdown__content {text-align: center;} .b-ext .countdown__timer {justify-content: center;}} @media screen and (min-width: 700px) {.b-ext .countdown {grid-template-columns: minmax(250px,570px) max-content;justify-content: space-between;gap: calc(var(--font-size) * 4);width: 100%;} .b-ext .countdown__timer-item {row-gap: calc(var(--font-size) * .5);} .b-ext .countdown--reverse {grid-template-columns: max-content minmax(250px,570px);} .b-ext .countdown--reverse .countdown__timer {order: -1;}} @media screen and (min-width: 1000px) {.b-ext .countdown__timer {column-gap: calc(var(--font-size) * 1);}} .b-ext .countdown-condensed {column-gap: calc(var(--font-size) * 2.25);justify-content: var(--countdown-condensed-justify-content,space-between);padding: calc(var(--font-size) * 1) var(--container-gutter);display: flex;} .b-ext .countdown-condensed__text {flex-wrap: wrap;align-items: center;gap: calc(var(--font-size) * .5) calc(var(--font-size) * 1.5);display: flex;} .b-ext .countdown-condensed__timer {font-family: var(--heading-font-family);font-weight: var(--heading-font-weight);font-style: var(--heading-font-style);letter-spacing: .2em;text-transform: uppercase;text-align: center;flex-shrink: 0;align-items: center;column-gap: calc(var(--font-size) * .25);display: flex;} .b-ext .countdown-condensed__timer-item {display: grid;} .b-ext .countdown-condensed__timer-flip {font-size: calc(var(--font-size) * .625);font-weight: bolder;} .b-ext .countdown-condensed__timer-unit {font-size: calc(var(--font-size) * .5);} @media screen and (max-width: 699px) {.b-ext .countdown-condensed .h6 {font-size: calc(var(--font-size) * .625);}} @media screen and (min-width: 700px) {.b-ext .countdown-condensed {column-gap: calc(var(--font-size) * 5);} .b-ext .countdown-condensed__timer {column-gap: calc(var(--font-size) * .75);} .b-ext .countdown-condensed__timer-flip {font-size: calc(var(--font-size) * .75);} .b-ext .countdown-condensed__timer-unit {font-size: calc(var(--font-size) * .625);}} .b-ext .footer {background: rgb(var(--background));background-image: var(--background-gradient);color: rgb(var(--text-color));padding-block-start: var(--section-vertical-spacing);padding-block-end: min(var(--section-vertical-spacing),calc(var(--font-size) * 3));} .b-ext .footer__inner {row-gap: min(var(--section-vertical-spacing),calc(var(--font-size) * 3));display: grid;} .b-ext .footer__block-list {justify-content: start;align-items: start;gap: min(var(--section-vertical-spacing),calc(var(--font-size) * 2.5));display: grid;} .b-ext .footer__aside {text-align: center;justify-content: center;align-items: center;gap: calc(var(--font-size) * 1.5);display: grid;} .b-ext .footer__aside .payment-methods {justify-content: center;max-width: calc(var(--font-size) * 30);} @media screen and (min-width: 700px) {.b-ext .footer__block-list {justify-content: var(--footer-content-justify-items);flex-wrap: wrap;gap: calc(var(--font-size) * 3);display: flex;} .b-ext .footer__block {flex: auto;} .b-ext .footer__block--links, .b-ext .footer__block--image {flex-grow: 0;max-width: calc(var(--font-size) * 14);} .b-ext .footer__block--newsletter, .b-ext .footer__block--app {flex-basis: calc(var(--font-size) * 14);max-width: calc(var(--font-size) * 18);} .b-ext .footer__block--text {flex-basis: calc(var(--font-size) * 14);max-width: calc(var(--font-size) * 24);}} @media screen and (min-width: 1000px) {.b-ext .footer__aside {grid-auto-flow: column;justify-content: space-between;} .b-ext .footer__aside .payment-methods {justify-content: end;}} @media screen and (min-width: 1150px) {.b-ext .footer__block-list {justify-content: var(--footer-content-justify-items);column-gap: calc(var(--font-size) * 3.75);}} @media screen and (min-width: 1400px) {.b-ext .footer__block-list {column-gap: calc(var(--font-size) * 5);}} .b-ext .gift-card__image {max-width: calc(var(--font-size) * 16.875);margin-inline: auto;} .b-ext .gift-card__redeem-info {padding: calc(var(--font-size) * 1.5);} .b-ext .gift-card__save {place-items: center;gap: calc(var(--font-size) * 1.5);display: grid;} .b-ext .gift-card__qr-code {width: calc(var(--font-size) * 5);height: calc(var(--font-size) * 5);} @media screen and (min-width: 700px) {.b-ext .gift-card__redeem-info {padding: calc(var(--font-size) * 2);} .b-ext .gift-card__save {grid-auto-flow: column;}} .b-ext .faq {justify-content: center;align-items: start;column-gap: calc(var(--font-size) * 3.75);display: flex;} .b-ext .faq__toc {align-content: start;justify-items: start;gap: calc(var(--font-size) * .75);min-width: 150px;max-width: 300px;transition: inset-block-start .15s ease-in-out;display: grid;position: sticky;inset-block-start: calc(var(--sticky-area-height) + calc(var(--font-size) * 1.25));} .b-ext .faq__toc-item {background: linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em)/0 1px no-repeat;text-decoration: none;transition: background-size .3s ease-in-out;} .b-ext .faq__toc-item.is-active {background-size: 100% 1px;} .b-ext .faq__content {flex-basis: 650px;} .b-ext .faq__category {flex-wrap: wrap;align-items: center;column-gap: calc(var(--font-size) * 1);scroll-margin-block-start: calc(var(--font-size) * 1.25);display: flex;} .b-ext .faq__category+.accordion {margin-block-start: calc(var(--font-size) * 1.25);} .b-ext .accordion+.faq__category {margin-block-start: calc(var(--font-size) * 3);} .b-ext .featured-collections-navigation {grid-auto-columns: max-content;grid-auto-flow: column;justify-content: safe center;column-gap: calc(var(--font-size) * 1.5);display: grid;} .b-ext .featured-collections-navigation>button:not(:only-child) {padding-block-end: 2px;position: relative;} .b-ext .featured-collections-navigation>button:not(:only-child):after {content: "";width: calc(100% - var(--heading-letter-spacing));height: 1px;transform-origin: var(--transform-origin-start);background: currentColor;transition: transform .3s;position: absolute;inset-block-end: 0;inset-inline-start: 0;transform: scaleX(0);} .b-ext .featured-collections-navigation>button:not(:only-child)[aria-current=true]:after {transform: scaleX(1);} @media screen and (min-width: 700px) {.b-ext .featured-collections-navigation {column-gap: calc(var(--font-size) * 2.5);}} .b-ext .featured-collections-carousel {display: grid;position: relative;} .b-ext .featured-collections-carousel>* {grid-area: 1/-1;} .b-ext .featured-collections-carousel__item {gap: var(--section-stack-gap);grid-template-columns: minmax(0,1fr);display: grid;} .b-ext .featured-collections-carousel__item:not(.is-selected) {display: none;} .b-ext .header {--header-show-transparent-logo: 0;grid: var(--header-grid);justify-content: center;align-items: center;column-gap: calc(var(--font-size) * 1.25);row-gap: var(--header-padding-block);box-shadow: 0 -1px rgb(var(--header-separation-border-color)) inset;padding-block-start: var(--header-padding-block);padding-block-end: var(--header-padding-block);padding-inline-start: var(--container-gutter);padding-inline-end: var(--container-gutter);transition: background .2s,color .2s,border .2s,box-shadow .2s,transform .15s ease-in-out;display: grid;position: relative;} .b-ext .header.is-hidden {transform: translateY(-100%);} .b-ext .shopify-section--header:has(.header.is-hidden) {pointer-events: none;} .b-ext :has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header {margin-block-end: calc(-1 * var(--header-height,0px));} .b-ext :has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header:not(:hover, .b-ext .is-solid, .b-ext :has(.header__primary-nav [open], .b-ext .header__secondary-nav [open], .b-ext .header-search[open])) {--header-show-transparent-logo: 1;--header-separation-border-color: 0 0 0/0;--background: 0 0 0/0;--background-gradient: 0 0 0/0;--border-color: 0 0 0/0;--text-color: var(--header-transparent-header-text-color);} .b-ext :has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header:not(:hover, .b-ext .is-solid, .b-ext :has(.header__primary-nav [open], .b-ext .header__secondary-nav [open], .b-ext .header-search[open])) .link-faded {color: currentColor;transition: none;} .b-ext .header__cart-dot {width: calc(var(--font-size) * .5);height: calc(var(--font-size) * .5);box-shadow: 0 0 0 2px rgb(var(--background));background-color: currentColor;border-radius: 100%;transition: transform .2s ease-in-out;position: absolute;inset-block-start: 0;inset-inline-end: calc(var(--font-size) * -.125);transform: scale(0);} .b-ext .header__cart-dot.is-visible {transform: scale(1);} @media screen and (min-width: 700px) {.b-ext .header {column-gap: calc(var(--font-size) * 2.5);}} .b-ext .header__logo {grid-area: logo;justify-self: start;position: relative;} .b-ext .header__logo-image {width: var(--header-logo-width);max-width: 100%;height: auto;} .b-ext .header__logo-image:where(:not(:only-of-type)) {opacity: calc(1 - var(--header-show-transparent-logo));transition: opacity .2s;} .b-ext .header__logo-image--transparent {opacity: var(--header-show-transparent-logo);pointer-events: none;position: absolute;inset-block-start: 0;inset-inline-start: 0;} .b-ext .header__logo-text {display: block;} .b-ext .header__primary-nav {flex-wrap: wrap;grid-area: primary-nav;align-items: center;gap: calc(var(--font-size) * .625) calc(var(--font-size) * 1.25);display: flex;} .b-ext .header__primary-nav-item:before {content: attr(data-title);width: max-content;height: 2px;transform-origin: var(--transform-origin-start);background: rgb(var(--text-color));color: rgba(0,0,0,0);font-size: var(--text-h6);font-family: var(--heading-font-family);font-weight: var(--heading-font-weight);font-style: var(--heading-font-style);letter-spacing: var(--heading-letter-spacing);text-transform: var(--heading-text-transform);pointer-events: none;transition: transform .2s ease-in-out;position: absolute;inset-block-end: 0;transform: scaleX(0);} .b-ext .header__primary-nav-item:hover:before {transform: scaleX(1);} .b-ext .header__primary-nav-item:has(.header__dropdown-menu):before {display: none;} @media screen and (max-width: 699px) {.b-ext .header__nav-icon {width: calc(var(--font-size) * 1.375);}} @media screen and (min-width: 1000px) {.b-ext .header__primary-nav--center {justify-content: safe center;}} @media screen and (min-width: 1150px) {.b-ext .header__primary-nav {column-gap: calc(var(--font-size) * 2.5);}} .b-ext .header__secondary-nav {flex-wrap: wrap;grid-area: secondary-nav;justify-content: end;justify-self: end;align-items: center;gap: calc(var(--font-size) * .625) calc(var(--font-size) * .9);display: flex;} .b-ext .header__secondary-nav .localization-selectors:not(:only-child) {margin-inline-end: calc(var(--font-size) * .625);} @media screen and (min-width: 700px) {.b-ext .header__secondary-nav {column-gap: calc(var(--font-size) * 1.25);}} .b-ext .header__dropdown-menu {background: rgb(var(--background));width: max-content;min-width: calc(var(--font-size) * 12.5);max-width: calc(var(--font-size) * 17.5);color: rgb(var(--text-color));border-width: 0 1px 1px;padding-block: calc(var(--font-size) * 1.125);position: absolute;inset-block-start: calc(100% - 2px);} .b-ext .header__dropdown-menu:not(:has(.header__dropdown-menu)) {max-height: calc(100vh - var(--header-height,0px) - var(--announcement-bar-height,0px) - 20px);overflow: auto;} .b-ext .header__dropdown-menu:before {content: "";width: 100%;height: 2px;transform-origin: var(--transform-origin-start);background: rgb(var(--text-color));transition: transform .25s ease-in-out 50ms;position: absolute;inset-block-start: 0;inset-inline-start: 0;transform: scaleX(0);} .b-ext [aria-expanded=true]>.header__dropdown-menu:before {transform: scaleX(1);} .b-ext .header__dropdown-menu :is(a, .b-ext summary) {padding: calc(var(--font-size) * .375) calc(var(--font-size) * 1.5625);display: block;} .b-ext .header__dropdown-menu .header__menu-disclosure {position: relative;} .b-ext .header__dropdown-menu--restrictable {max-height: calc(100vh - var(--header-height,0px) - var(--announcement-bar-height,0px) - 40px);overflow-y: auto;} .b-ext .header__dropdown-menu .header__dropdown-menu {border-width: 1px;inset-block-start: calc(calc(var(--font-size) * -1.125) - 1px);inset-inline-start: 100%;} .b-ext .header__dropdown-menu .header__dropdown-menu:before {display: none;} .b-ext .header-search {z-index: -1;width: 100%;display: none;position: absolute;inset-block-start: 100%;inset-inline-start: 0;} .b-ext .header-search::part(overlay) {min-height: calc(100vh - var(--sticky-area-height));inset-block-start: var(--sticky-area-height);} .b-ext .header-search::part(content) {max-height: calc(100vh - var(--header-height,0px) - var(--announcement-bar-height,0px) - calc(var(--font-size) * 1.25));background: rgb(var(--background));color: rgb(var(--text-color));overflow: auto;} @supports (max-height: 100dvh) {.b-ext .header-search::part(content) {max-height: min(var(--header-search-max-height,100vh),100dvh - var(--header-height,0px) - var(--announcement-bar-height,0px) - calc(var(--font-size) * 1.25));}} .b-ext .header-search__form-control {grid-template-columns: auto minmax(0,1fr) auto;align-items: center;column-gap: calc(var(--font-size) * .75);padding-block: calc(var(--font-size) * .75);display: grid;} .b-ext .header-search__input {-webkit-appearance: none;appearance: none;background: none;} .b-ext .header-search__input:focus {outline: none;} .b-ext .header-search__input::-webkit-search-decoration {display: none;} .b-ext .header-search__input::-webkit-search-cancel-button {display: none;} .b-ext .header-search__input::-webkit-search-results-button {display: none;} .b-ext .header-search__input::-webkit-search-results-decoration {display: none;} @media screen and (min-width: 700px) {.b-ext .header-search__form-control {column-gap: calc(var(--font-size) * 1.25);padding-block: calc(var(--font-size) * 1.5);}} .b-ext .predictive-search {display: block;} .b-ext .predictive-search__no-results {text-align: center;padding-block: calc(var(--font-size) * 2.5) calc(var(--font-size) * 4);} .b-ext .predictive-search__results {grid-template-columns: minmax(0,1fr);gap: calc(var(--font-size) * 2.5);padding-block: calc(var(--font-size) * 1.25) calc(var(--font-size) * 2);display: grid;} .b-ext .predictive-search__suggestions {grid-template-columns: minmax(0,1fr);justify-items: start;gap: calc(var(--font-size) * .75) calc(var(--font-size) * 1.5);display: grid;} .b-ext .predictive-search__suggestions mark {background: none;font-weight: bolder;} .b-ext .predictive-search__tabs::part(tab-list-scrollable) {scrollbar-width: none;margin-inline-start: calc(-1 * var(--distance-to-bleed));margin-inline-end: calc(-1 * var(--distance-to-bleed));padding-inline-start: var(--distance-to-bleed);padding-inline-end: var(--distance-to-bleed);display: flex;overflow: auto;} .b-ext .predictive-search__tabs::part(tab-list) {width: min-content;min-width: 100%;} .b-ext .predictive-search__category {border-block-end-width: 1px;padding-block-end: calc(var(--font-size) * .625);} .b-ext .predictive-search__products {grid-template-columns: minmax(0,1fr);align-items: start;gap: calc(var(--font-size) * 1.25);display: grid;} .b-ext .predictive-search__blog-posts {grid-template-columns: minmax(0,1fr);gap: calc(var(--font-size) * 1.5) calc(var(--font-size) * 2.5);display: grid;} .b-ext .predictive-search__blog-posts .blog-post-card__info {row-gap: calc(var(--font-size) * .75);} .b-ext .predictive-search__collections {align-items: start;gap: var(--container-gutter);grid-template-columns: repeat(2,minmax(0,1fr));display: grid;} @media screen and (max-width: 699px) {.b-ext .predictive-search__suggestions {grid: auto/auto-flow max-content;row-gap: calc(var(--font-size) * 1.25);} .b-ext .predictive-search__products .horizontal-product-card__figure {max-width: calc(var(--font-size) * 4.375);} .b-ext .predictive-search__blog-posts .blog-post-card {grid-template-columns: minmax(0,160px) minmax(0,1fr);align-items: center;}} @media screen and (min-width: 700px) {.b-ext .predictive-search__no-results {padding-block: calc(var(--font-size) * 4.75) calc(var(--font-size) * 6.25);} .b-ext .predictive-search__results {padding-block: calc(var(--font-size) * 1.5) calc(var(--font-size) * 3);} .b-ext .predictive-search__blog-posts {grid-template-columns: repeat(2,minmax(0,1fr));} .b-ext .predictive-search__blog-posts .blog-post-card__category {font-size: calc(var(--font-size) * .6875);}} @media screen and (min-width: 1000px) {.b-ext .predictive-search__results--with-suggestions {grid-template-columns: 250px minmax(0,1fr);} .b-ext .predictive-search__products {grid-template-columns: repeat(var(--product-list-items-per-row,4),minmax(0,1fr));} .b-ext .predictive-search__blog-posts {grid-template-columns: repeat(var(--blog-post-list-items-per-row,4),minmax(0,1fr));} .b-ext .predictive-search__collections {grid-template-columns: repeat(var(--collection-list-items-per-row),minmax(0,1fr));}} .b-ext .mega-menu {--mega-menu-gap: calc(var(--font-size) * 2.5);--mega-menu-linklist-gap: calc(var(--font-size) * 2.5);--mega-menu-promo-gap: calc(var(--font-size) * 2);width: 100%;max-height: calc(100vh - var(--header-height,0px) - var(--announcement-bar-height,0px) - 20px);justify-content: safe center;align-items: start;column-gap: var(--mega-menu-gap);background: rgb(var(--background));color: rgb(var(--text-color));border-block-end-width: 1px;padding-block: calc(var(--font-size) * 2.5);padding-inline-start: var(--container-gutter);padding-inline-end: var(--container-gutter);display: flex;position: absolute;inset-block-start: 100%;inset-inline-start: 0;overflow-y: auto;} .b-ext .mega-menu--reverse {flex-direction: row-reverse;} .b-ext .mega-menu--reverse .mega-menu__promo {justify-content: flex-start;} .b-ext .mega-menu__linklist {gap: var(--mega-menu-linklist-gap);flex-wrap: wrap;flex: 0 auto;display: flex;} .b-ext .mega-menu__linklist>* {max-width: 280px;} .b-ext .mega-menu__promo {justify-content: flex-end;column-gap: var(--mega-menu-promo-gap);flex: 0 auto;display: flex;} .b-ext .mega-menu__promo>* {flex: 315px;min-width: 240px;max-width: 315px;} @media screen and (min-width: 1400px) {.b-ext .mega-menu {--mega-menu-gap: calc(var(--font-size) * 6.25);--mega-menu-linklist-gap: calc(var(--font-size) * 2.5) calc(var(--font-size) * 6.25);} .b-ext .mega-menu:has(.mega-menu__linklist>:nth-child(5)) {--mega-menu-linklist-gap: calc(var(--font-size) * 2.5) calc(var(--font-size) * 4);}} .b-ext .header-sidebar {--header-linklist-padding-block: calc(var(--font-size) * 1);} .b-ext .header-sidebar::part(close-button) {opacity: 1;} .b-ext .header-sidebar::part(header) {border-block-end: none;} .b-ext .header-sidebar::part(content) {box-sizing: border-box;overflow-x: hidden;} .b-ext .header-sidebar::part(panel-list) {position: relative;} .b-ext .header-sidebar__scroller {padding-block-end: var(--drawer-body-padding-block);padding-inline-start: var(--drawer-body-padding-inline);padding-inline-end: var(--drawer-body-padding-inline);overflow-y: auto;} .b-ext .header-sidebar__linklist-button {text-align: start;justify-content: space-between;align-items: center;width: 100%;padding-block-start: calc(var(--header-linklist-padding-block) / 2);padding-block-end: calc(var(--header-linklist-padding-block) / 2);transition: color .2s;display: flex;} @media screen and (pointer: fine) {.b-ext .header-sidebar__main-panel li:has([aria-expanded=true])~li .header-sidebar__linklist-button {} .b-ext .header-sidebar__main-panel li:has(~li [aria-expanded=true]):not(:has([aria-expanded=true])) .header-sidebar__linklist-button {}} .b-ext .header-sidebar__sub-panel li:has([aria-expanded=true])~li .header-sidebar__linklist-button {} .b-ext .header-sidebar__sub-panel li:has(~li [aria-expanded=true]):not(:has([aria-expanded=true])) .header-sidebar__linklist-button {} .b-ext .header-sidebar__sub-panel li:has([aria-expanded=true]) .header-sidebar__linklist-button {color: rgb(var(--text-color)) !important;} .b-ext .header-sidebar__back-button {width: 100%;border-block-end-width: 1px;margin-block-end: calc(var(--font-size) * 1);padding-block-start: var(--header-linklist-padding-block);padding-block-end: calc(var(--font-size) * 1);} .b-ext .header-sidebar__back-button.is-divided {margin-block-end: calc(var(--font-size) * .5);} .b-ext .header-sidebar__nested-linklist {border-inline-start-width: 1px;row-gap: calc(var(--font-size) * .75);margin-block: 2px calc(var(--font-size) * 1.125);margin-inline-start: calc(var(--font-size) * .5);padding-inline-start: calc(var(--font-size) * 1.5);display: grid;} .b-ext .header-sidebar__main-panel {background-color: rgb(var(--background));background-image: var(--background-gradient);grid-template-rows: minmax(0,1fr);grid-template-columns: minmax(0,1fr);grid-auto-columns: max-content;height: 100%;display: grid;} .b-ext .header-sidebar__footer {position: relative;} .b-ext .header-sidebar__footer:before {content: "";background: linear-gradient(transparent,rgb(var(--background)));width: 100%;height: calc(var(--font-size) * 2.5);position: absolute;inset-block-end: 100%;inset-inline-start: 0;} .b-ext .header-sidebar__footer>* {padding-block: calc(var(--font-size) * 1.25);padding-inline-start: var(--drawer-footer-padding-inline);padding-inline-end: var(--drawer-footer-padding-inline);} .b-ext .header-sidebar__footer .localization-selectors {border-block-start-width: 1px;justify-content: flex-start;column-gap: calc(var(--font-size) * 1.25);} .b-ext .header-sidebar__collapsible-panel {height: 100%;width: var(--drawer-max-width);background-color: rgb(var(--background));background-image: var(--background-gradient);display: none;position: absolute;inset-block-start: 0;} .b-ext .header-sidebar__promo {grid-auto-flow: column;gap: calc(var(--font-size) * 2) calc(var(--font-size) * 1.25);margin-block-start: calc(var(--font-size) * 1.25);display: flex;} .b-ext .header-sidebar__promo>* {min-width: calc(var(--font-size) * 12.5);} .b-ext .header-sidebar__promo>*:only-child {min-width: 100%;} .b-ext .header-sidebar__linklist.divide-y .header-sidebar__linklist-button {padding-block-start: var(--header-linklist-padding-block);padding-block-end: var(--header-linklist-padding-block);} .b-ext .header-sidebar__linklist.divide-y .header-sidebar__back-button {padding-block-end: var(--header-linklist-padding-block);} .b-ext .header-sidebar__linklist.divide-y .header-sidebar__nested-linklist {margin-block-end: calc(calc(var(--font-size) * .5) + var(--header-linklist-padding-block));} .b-ext .header-sidebar__linklist.divide-y .header-sidebar__promo {margin-block-start: calc(var(--font-size) * .75);} @media screen and (min-width: 700px) {.b-ext .header-sidebar {--header-linklist-padding-block: calc(var(--font-size) * 1.25);}} @media screen and (min-width: 1000px) {.b-ext .header-sidebar::part(panel-list) {position: static;} .b-ext .header-sidebar::part(content) {overflow-x: visible;} .b-ext .header-sidebar:has(.header-sidebar__collapsible-panel[aria-activedescendant])::part(content) {border-inline-end: 1px solid rgb(var(--border-color));} .b-ext .header-sidebar__main-panel {z-index: 1;position: relative;} .b-ext .header-sidebar__collapsible-panel .header-sidebar__scroller {width: 100%;inset-block: min(var(--header-height),calc(var(--font-size) * 5)) 0;position: absolute;} .b-ext .header-sidebar__promo {flex-direction: column;} .b-ext .header-sidebar__promo>* {min-width: 100%;}} .b-ext .image-with-text {display: grid;overflow: hidden;} .b-ext .image-with-text>.prose {box-sizing: content-box;max-width: var(--image-with-text-content-max-width);margin-block: calc(var(--font-size) * 1.5);padding-inline-start: var(--container-gutter);padding-inline-end: var(--container-gutter);} .b-ext .image-with-text>:is(svg, .b-ext img) {object-fit: contain;width: 100%;height: 100%;} @media screen and (max-width: 699px) {.b-ext .image-with-text>.prose {margin-inline: auto;}} @media screen and (min-width: 700px) {.b-ext .image-with-text {--image-with-text-gap: calc(var(--font-size) * 2.5);grid-template-columns: repeat(2,minmax(0,1fr));align-items: center;} .b-ext .image-with-text>.prose {padding-inline-start: var(--image-with-text-gap);} .b-ext .image-with-text:not(.image-with-text--reverse) picture {margin-inline-start: auto;} .b-ext .image-with-text--reverse>:is(picture, .b-ext svg, .b-ext img) {order: 9999;} .b-ext .image-with-text--reverse>.prose {margin-inline-start: auto;padding-inline-end: var(--image-with-text-gap);}} @media screen and (min-width: 1000px) {.b-ext .image-with-text {--image-with-text-gap: calc(var(--font-size) * 6);}} .b-ext .image-with-text-block>:not(img, .b-ext svg, .b-ext picture) {background: rgb(var(--background));padding: calc(var(--font-size) * 2.375) calc(var(--font-size) * 1.25);box-shadow: 0 1px 20px rgba(54,54,54,.3);} @media screen and (min-width: 700px) {.b-ext .image-with-text-block>:not(img, .b-ext svg, .b-ext picture) {padding: calc(var(--font-size) * 3) calc(var(--font-size) * 1);}} .b-ext .image-with-text-block--parallax {min-height: var(--content-over-media-height,auto);aspect-ratio: var(--image-with-text-block-aspect-ratio);transform: unset;clip-path: inset(0);} @media (prefers-reduced-motion: no-preference) {.b-ext .image-with-text-block--parallax>svg, .b-ext .image-with-text-block--parallax>picture img {pointer-events: none;min-height: 100vh;position: fixed;top: 0;left: 0;} @supports (min-height: 100lvh) {.b-ext :is(.image-with-text-block--parallax>svg, .b-ext .image-with-text-block--parallax>picture img) {min-height: 100lvh;}}} .b-ext .images-with-text-scroll {--sticky-area-height: calc(var(--announcement-bar-is-sticky,0) * var(--announcement-bar-height,0px) + var(--header-is-sticky,0) * var(--header-height,0px));align-items: start;display: grid;position: relative;} .b-ext .images-with-text-scroll:before {content: "";background: rgb(var(--images-with-text-scroll-overlay));z-index: 1;pointer-events: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .b-ext .images-with-text-scroll__image-background, .b-ext .images-with-text-scroll__container {grid-area: 1/-1;} .b-ext .images-with-text-scroll__image-background {object-fit: cover;object-position: center;width: 100%;height: 100%;max-height: 100vh;position: sticky;inset-block-start: 0;} .b-ext .images-with-text-scroll__container {z-index: 1;place-items: start center;row-gap: calc(var(--font-size) * 2);padding-block-start: var(--section-vertical-spacing);padding-block-end: var(--section-vertical-spacing);display: grid;} .b-ext .images-with-text-scroll__item {display: contents;} .b-ext .images-with-text-scroll__item:not(:first-child)>.images-with-text-scroll__image {opacity: 0;} .b-ext .images-with-text-scroll__image {grid-area: 1/1;align-self: center;} .b-ext .images-with-text-scroll__text {text-align: center;grid-area: 2/1;max-width: 375px;} @media screen and (min-width: 700px) {.b-ext .images-with-text-scroll__container {row-gap: calc(var(--font-size) * 3);}} @media screen and (max-width: 999px) {.b-ext .images-with-text-scroll__item:not(.is-selected) {visibility: hidden;} .b-ext .images-with-text-scroll__image {width: min(56vw,calc(var(--font-size) * 27.5));}} @media screen and (min-width: 1000px) {.b-ext .images-with-text-scroll {min-height: calc(100vh - var(--sticky-area-height));} .b-ext .images-with-text-scroll__container {--image-width: min(50vw - var(--container-gutter),575px);--image-height: min(var(--image-width),var(--image-width) / var(--images-with-text-scroll-master-image-ratio));--content-padding: calc(( 100vh - var(--image-height) - var(--sticky-area-height) ) / 2);grid-template-columns: repeat(2,minmax(0,1fr));grid-auto-rows: minmax(0,1fr);align-items: center;padding-block-start: var(--content-padding);padding-block-end: var(--content-padding);} .b-ext .images-with-text-scroll__image {height: var(--image-height);object-fit: contain;object-position: center;position: sticky;inset-block-start: calc(var(--content-padding) + var(--sticky-area-height));} .b-ext .images-with-text-scroll__text {text-align: var(--images-with-text-scroll-text-alignment);grid-area: auto/2;} .b-ext .images-with-text-scroll--reverse .images-with-text-scroll__image {grid-column: 2;} .b-ext .images-with-text-scroll--reverse .images-with-text-scroll__text {grid-column: 1;}} .b-ext .logo-list {grid: var(--logo-list-grid);justify-content: safe center;gap: var(--logo-list-gap);display: grid;} .b-ext .logo-list__item {outline: 1px solid rgb(var(--logo-list-item-border-color));place-items: center;padding: calc(var(--font-size) * 1.25);display: grid;} @media screen and (min-width: 700px) {.b-ext .logo-list__item {padding: calc(var(--font-size) * 2) calc(var(--font-size) * 1.5);}} .b-ext .media-grid {--media-grid-column-count: 2;align-items: start;gap: var(--media-grid-gap);grid: auto-flow dense var(--media-grid-row-height)/repeat(var(--media-grid-column-count),minmax(0,1fr));display: grid;} .b-ext .media-grid__item {grid-area: span min(2,var(--media-grid-item-row-span))/span 2;height: 100%;container-type: inline-size;} .b-ext .media-grid__item>* {height: 100%;} @media screen and (min-width: 700px) {.b-ext .media-grid {--media-grid-column-count: 12;} .b-ext .media-grid__item {grid-area: span var(--media-grid-item-row-span)/span var(--media-grid-item-column-span);}} .b-ext .multi-column {grid: var(--multi-column-grid);column-gap: var(--multi-column-gap);row-gap: var(--section-stack-gap);justify-content: var(--multi-column-content-alignment);display: grid;} .b-ext .multi-column__item {align-content: start;gap: calc(var(--font-size) * 2);display: grid;} .b-ext .multi-column__item--overlap {gap: 0;} .b-ext .multi-column__item--overlap>.prose {isolation: isolate;margin-block-start: calc(var(--font-size) * -.875);} .b-ext .multiple-media-with-text {--multiple-media-with-text-gap: calc(var(--font-size) * 2);grid: var(--multiple-media-with-text-grid);gap: var(--multiple-media-with-text-gap);display: grid;} .b-ext .multiple-media-with-text__media-wrapper {grid-area: media-wrapper;grid: var(--multiple-media-with-text-media-grid);column-gap: var(--multiple-media-with-text-media-gap);display: grid;} .b-ext .multiple-media-with-text__media-wrapper>* {grid-row: 1/-1;} .b-ext .multiple-media-with-text__content-wrapper {grid-area: content-wrapper;} @media screen and (min-width: 1000px) {.b-ext .multiple-media-with-text {--multiple-media-with-text-gap: calc(var(--font-size) * 2) calc(var(--font-size) * 4);}} @media screen and (min-width: 1150px) {.b-ext .multiple-media-with-text {--multiple-media-with-text-gap: calc(var(--font-size) * 2) calc(var(--font-size) * 7.5);}} .b-ext .multiple-media-with-text--overlap .multiple-media-with-text__media-wrapper>:first-child {grid-column: 1/3;} .b-ext .multiple-media-with-text--overlap .multiple-media-with-text__media-wrapper>:nth-child(2) {grid-column: 2/4;} @media screen and (min-width: 700px) {.b-ext .multiple-media-with-text--overlap.multiple-media-with-text--reverse .multiple-media-with-text__media-wrapper>:first-child {grid-column: 2/4;} .b-ext .multiple-media-with-text--overlap.multiple-media-with-text--reverse .multiple-media-with-text__media-wrapper>:nth-child(2) {grid-column: 1/3;}} @media screen and (min-width: 700px) {.b-ext .newsletter .form {width: calc(var(--font-size) * 35);}} @media screen and (min-width: 700px) {.b-ext .newsletter-popup {width: calc(var(--font-size) * 23.75);inset-inline-start: auto;}} .b-ext .password {position: relative;} .b-ext .password__inner {isolation: isolate;align-content: space-between;row-gap: calc(var(--font-size) * 3);min-height: 100vh;padding-block: calc(var(--font-size) * 1.6);display: grid;} @supports (height: 100dvh) {.b-ext .password__inner {min-height: 100dvh;}} .b-ext .password__header {justify-items: center;display: grid;} .b-ext .password__header>* {grid-area: 1/-1;} .b-ext .password__password-button {margin-inline-start: auto;} .b-ext .password__block-list {justify-self: center;row-gap: calc(var(--font-size) * .625);width: min(100%,calc(var(--font-size) * 30));display: grid;} .b-ext .password__content, .b-ext .password__social {padding: calc(var(--font-size) * 1.25);} .b-ext .password__social {display: grid;} .b-ext .password__social .social-media {justify-content: center;} .b-ext .password__footer {flex-wrap: wrap;justify-content: center;gap: calc(var(--font-size) * .75);display: flex;} @media screen and (min-width: 700px) {.b-ext .password__content {padding: calc(var(--font-size) * 2.5);} .b-ext .password__footer {justify-content: space-between;}} .b-ext .prev-next-blog-posts {gap: calc(var(--font-size) * 3.125);display: grid;} @media screen and (min-width: 700px) {.b-ext .prev-next-blog-posts {grid: auto/auto-flow minmax(min-content,calc(var(--font-size) * 31.25));justify-content: center;gap: calc(var(--font-size) * 1.875);}} @media screen and (min-width: 1150px) {.b-ext .prev-next-blog-posts {gap: calc(var(--font-size) * 3.75);}} @media screen and (min-width: 700px) {.b-ext .privacy-banner {width: calc(var(--font-size) * 31.25);}} .b-ext .shopify-section--main-product .section-spacing {padding-block-start: 0;} .b-ext .product {grid: var(--product-grid,none);align-items: start;gap: var(--product-gap,calc(var(--font-size) * 1.875));display: grid;} @media screen and (min-width: 1000px) {.b-ext .shopify-section--main-product .section-spacing {padding-block-start: var(--container-gutter);} .b-ext .product {--product-gap: calc(var(--font-size) * 3.5);}} @media screen and (min-width: 1150px) {.b-ext .product {--product-gap: calc(var(--font-size) * 5);}} .b-ext .product-gallery {--product-gallery-gap: calc(var(--font-size) * 1.5);--product-gallery-thumbnail-list-gap: calc(var(--font-size) * 1) calc(var(--font-size) * .5);--product-gallery-thumbnail-size: calc(var(--font-size) * 3.5);flex-direction: var(--product-gallery-flex-direction,column);align-items: start;gap: var(--product-gallery-gap) var(--product-gap,0px);grid-area: product-gallery;display: flex;position: relative;} .b-ext .product-gallery__zoom-button {z-index: 1;transition: opacity .2s,visibility .2s;position: absolute;inset-block-start: calc(var(--font-size) * 1.25);inset-inline-end: 0;} .b-ext .product-gallery__zoom-button--hidden {opacity: 0;visibility: hidden;} .b-ext .product-gallery__image-list {row-gap: var(--product-gallery-gap);grid-auto-rows: max-content;grid-auto-columns: minmax(0,1fr);width: 100%;display: grid;} .b-ext .product-gallery__carousel {grid: var(--product-gallery-carousel-grid,auto / auto-flow 100%);align-items: start;gap: var(--product-gallery-carousel-gap,calc(var(--font-size) * 1.5) min(calc(var(--font-size) * 1.5),var(--container-gutter)));scroll-snap-type: var(--product-gallery-carousel-scroll-snap-type,x mandatory);display: grid;position: relative;} .b-ext .product-gallery[allow-zoom] .product-gallery__media {cursor: var(--cursor-zoom-in-svg-url) 18 18,zoom-in;} .b-ext .product-gallery__media>* {width: 100%;} .b-ext .product-gallery__thumbnail-list {flex-shrink: 0;max-width: 100%;position: relative;} .b-ext .product-gallery__thumbnail-scroller {grid-auto-columns: var(--product-gallery-thumbnail-size);grid-auto-flow: var(--product-gallery-thumbnail-list-grid-auto-flow,column);align-content: start;align-items: start;gap: var(--product-gallery-thumbnail-list-gap);max-height: var(--product-gallery-thumbnail-list-max-height,none);scroll-snap-type: both mandatory;overscroll-behavior: contain;scrollbar-width: none;grid-template-columns: none;display: grid;position: relative;overflow: auto;} .b-ext .product-gallery__thumbnail-scroller::-webkit-scrollbar {display: none;} .b-ext .product-gallery__thumbnail {border: 1px solid rgba(0,0,0,0);padding: 1px;transition: border-color .1s;position: relative;} .b-ext .product-gallery__thumbnail[aria-current=true] {border-color: currentColor;} .b-ext .product-gallery__media-badge {position: absolute;inset-block-start: 3px;inset-inline-end: 3px;} @media screen and (max-width: 999px) {.b-ext .product-gallery__carousel-with-arrows {align-items: center;display: flex;} .b-ext .product-gallery__carousel-with-arrows .product-gallery__media {width: 45vw;margin-inline: auto;}} @media screen and (min-width: 1000px) {.b-ext .product-gallery__thumbnail-list {position: sticky;inset-block-start: calc(var(--sticky-area-height) + 20px);} .b-ext .product-gallery__media {scroll-margin-block-start: calc(var(--font-size) * 1.25);}} .b-ext .product-info {--product-info-gap: calc(var(--font-size) * 1);z-index: 2;grid-area: product-info;} .b-ext .product-info__block-list>:not(:nth-child(1 of:not(:empty))) {margin-block-start: var(--product-info-gap);} .b-ext .product-info__block-list>:not(:last-child) {margin-block-end: var(--product-info-gap);} .b-ext .product-info__block-item:empty {display: none;} .b-ext .product-info__block-item:is([data-block-type=vendor], .b-ext [data-block-type=title], .b-ext [data-block-type=sku], .b-ext [data-block-type=price]) {--product-info-gap: calc(var(--font-size) * .5);} .b-ext .product-info__block-group:has(.product-info__block-item:is([data-block-type=vendor], .b-ext [data-block-type=title], .b-ext [data-block-type=sku], .b-ext [data-block-type=price])) {--product-info-gap: calc(var(--font-size) * .5);} .b-ext .product-info__block-item:is([data-block-type=variant-picker], .b-ext [data-block-type=product-variations], .b-ext [data-block-type=separator], .b-ext [data-block-type=description], .b-ext [data-block-type=text], .b-ext [data-block-type=liquid], .b-ext [data-block-type=share-buttons]) {--product-info-gap: calc(var(--font-size) * 1.5);} .b-ext .product-info__block-group:has(.product-info__block-item:is([data-block-type=variant-picker], .b-ext [data-block-type=product-variations], .b-ext [data-block-type=separator], .b-ext [data-block-type=description], .b-ext [data-block-type=text], .b-ext [data-block-type=liquid], .b-ext [data-block-type=share-buttons])) {--product-info-gap: calc(var(--font-size) * 1.5);} .b-ext .product-info__block-item:is([data-block-type=inventory], .b-ext [data-block-type=buy-buttons], .b-ext [data-block-type=pickup-availability], .b-ext [data-block-type=more-information], .b-ext [data-block-type=offers]) {--product-info-gap: calc(var(--font-size) * 2);} .b-ext .product-info__block-group:has(.product-info__block-item:is([data-block-type=inventory], .b-ext [data-block-type=buy-buttons], .b-ext [data-block-type=pickup-availability], .b-ext [data-block-type=more-information], .b-ext [data-block-type=offers])) {--product-info-gap: calc(var(--font-size) * 2);} .b-ext .product-info__block-item[data-block-type=complementary-products] {--product-info-gap: calc(var(--font-size) * 3);} .b-ext .product-info__block-group:has(.product-info__block-item[data-block-type=complementary-products]) {--product-info-gap: calc(var(--font-size) * 3);} @media screen and (max-width: 699px) {.b-ext .product-info--center :is([data-block-type=vendor], .b-ext [data-block-type=title], .b-ext [data-block-type=sku], .b-ext [data-block-type=price]) {text-align: center;} .b-ext .product-info--center :is(.badge-list, .b-ext .price-list, .b-ext .rating-badge) {justify-content: center;} .b-ext .product-info--center .text-with-rating {flex-direction: column;justify-content: center;}} @media screen and (min-width: 1000px) {.b-ext .product-info {position: sticky;inset-block-start: calc(var(--sticky-area-height) + 20px);}} .b-ext .product-content-below-gallery {grid-area: product-content;} .b-ext .product-content-below-gallery :is(product-recommendations:not(:first-child)) {margin-block-start: max(48px,var(--product-gap,0px));} .b-ext .product-content-below-gallery :is(product-recommendations:not(:last-child)) {margin-block-end: max(48px,var(--product-gap,0px));} .b-ext .product-content-below-gallery__description:not(:last-child) {margin-block-end: calc(var(--font-size) * 1.25);} .b-ext .product-info__more-info {border-block-width: 1px;justify-content: space-between;align-items: center;padding: calc(var(--font-size) * .9375);display: flex;} .b-ext .product-info__more-info>svg {transition: transform .2s ease-in-out;} @media screen and (pointer: fine) {.b-ext .product-info__more-info:hover>svg {transform: translate(5px);}} .b-ext .variant-picker .popover {--popover-block-offset: calc(var(--font-size) * .5);--popover-body-padding-inline: calc(var(--font-size) * 1.25);width: 100%;} .b-ext .variant-picker .popover::part(content) {width: 100%;max-width: none;} @media (scripting: none) {.b-ext .variant-picker__option {display: none;}} .b-ext .buy-buttons {row-gap: calc(var(--font-size) * 1);display: grid;} .b-ext .pickup-location {align-items: start;gap: calc(var(--font-size) * .25);display: grid;} .b-ext .pickup-location+.pickup-location {padding-block-start: calc(var(--font-size) * 1);} .b-ext .product-offers .page-dots {padding-block-end: calc(var(--font-size) * 1.5);} .b-ext .product-offers__item {padding: calc(var(--font-size) * 1.5);} .b-ext .product-offers__list--carousel {grid: auto/auto-flow 100%;display: grid;} .b-ext .complementary-products {grid-template-columns: minmax(0,1fr);row-gap: calc(var(--font-size) * 1.875);max-width: calc(var(--font-size) * 40);margin-inline: auto;display: grid;} .b-ext .complementary-products__header {text-align: center;justify-content: center;align-items: center;display: flex;} .b-ext .complementary-products__header--align-start {text-align: start;justify-content: space-between;} .b-ext .complementary-products__product-list {gap: calc(var(--font-size) * 1.25);display: grid;position: relative;} .b-ext .complementary-products__product-list--carousel {grid: auto/auto-flow 100%;} @media screen and (max-width: 699px) {.b-ext .complementary-products__product-list--carousel .product-card__figure {max-width: calc(var(--font-size) * 11.25);margin-inline: auto;}} @media screen and (min-width: 700px) {.b-ext .complementary-products {row-gap: calc(var(--font-size) * 1);} .b-ext .complementary-products__header {text-align: start;justify-content: space-between;}} .b-ext .product-sticky-bar {width: 100%;padding: var(--container-gutter);opacity: 0;visibility: hidden;z-index: 3;transition: opacity .2s,visibility .2s,inset-block .15s ease-in-out;display: block;position: fixed;inset-block-end: 0;inset-inline-start: 0;} .b-ext .product-sticky-bar.is-visible {opacity: 1;visibility: visible;} .b-ext .product-sticky-bar__info img {width: calc(var(--font-size) * 3.75);} @media screen and (min-width: 700px) {.b-ext .product-sticky-bar {inset-block: var(--sticky-area-height) auto;background: rgb(var(--background));border-block-end-width: 1px;grid-template-columns: minmax(0,1fr) max-content;align-items: center;padding-block: calc(var(--font-size) * 1.125);display: grid;}} @media screen and (max-width: 699px) {.b-ext .quick-order-list__table {display: block;} .b-ext .quick-order-list__table-head th:nth-child(2), .b-ext .quick-order-list__table-head th:nth-child(3), .b-ext .quick-order-list__table-body td:nth-child(2), .b-ext .quick-order-list__table-body td:nth-child(3) {display: none;} .b-ext .quick-order-list__table-foot {--table-foot-cell-padding-inline: 0px;display: block;} .b-ext .quick-order-list__table-foot tr {flex-direction: column-reverse;display: flex;} .b-ext .quick-order-list__table-foot td:first-child {padding-block: calc(var(--font-size) * .125) 0;} .b-ext .quick-order-list__variant-image {align-self: start;}} @media screen and (min-width: 700px) {.b-ext .quick-order-list__table {--table-cell-padding-block: calc(var(--font-size) * .625);--table-foot-cell-padding-block: calc(var(--font-size) * 1.5);} .b-ext .quick-order-list__table-body tr:first-child {--table-cell-padding-block: calc(var(--font-size) * .75);} .b-ext .quick-order-list__table-body tr:not(:only-child):last-child td {padding-block-end: calc(var(--font-size) * 1.5);} .b-ext .quick-order-list__table-body tr:first-child+tr td {padding-block-start: 0;} .b-ext .quick-order-list__table-body tr~tr td:first-child {padding-inline-start: 88px;} .b-ext .quick-order-list__table-body tr~tr td:not(:has(img)):first-child {padding-inline-start: 20px;} .b-ext .quick-order-list__table-foot {background: rgb(var(--background));box-shadow: 0 -.5px rgb(var(--border-color));position: sticky;inset-block-end: 0;} .b-ext .quick-order-list__quantity-actions {grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);align-items: center;column-gap: calc(var(--font-size) * .625);display: grid;} .b-ext .quick-order-list__quantity-selector {grid-column: 2;grid-template-columns: minmax(0,1fr);row-gap: calc(var(--font-size) * .5);display: grid;} .b-ext .quick-order-list__remove-variant {justify-self: start;margin-inline-start: calc(var(--font-size) * .625);}} .b-ext .quantity-breaks-table {list-style: none;} .b-ext .quantity-breaks-table li {padding-block: calc(var(--font-size) * .5);} .b-ext .quantity-breaks-table li:last-child {padding-block-end: 0;} @media screen and (min-width: 1000px) {.b-ext .popover--quantity-breaks {inset-block-start: calc(var(--font-size) * -1);inset-inline-end: calc(var(--font-size) * 1.5);}} .b-ext .scrolling-content {text-align: start;white-space: nowrap;-webkit-user-select: none;user-select: none;display: block;position: relative;overflow: hidden;} .b-ext .scrolling-content[direction=right] {text-align: end;} .b-ext .scrolling-content::part(scroller) {min-width: max-content;display: inline-flex;position: relative;} .b-ext .scrolling-content__item {flex-shrink: 0;align-items: center;display: flex;} .b-ext .scrolling-content__item>* {margin-inline-start: calc(var(--scrolling-content-content-gap) / 2);margin-inline-end: calc(var(--scrolling-content-content-gap) / 2);} .b-ext .scrolling-content__image>img {max-width: 1.5em;} .b-ext .main-search-form {min-width: calc(var(--font-size) * 18.75);} .b-ext .main-search__linklist {text-align: center;max-width: calc(var(--font-size) * 25);margin-inline: auto;} .b-ext .shop-the-look__carousel {z-index: 2;grid: auto/auto-flow 100%;align-items: start;gap: calc(var(--font-size) * .625);display: grid;position: relative;overflow: visible;} .b-ext .shop-the-look__carousel.is-expanded {overflow: hidden;} .b-ext .shop-the-look__image-wrapper {position: relative;overflow: hidden;} .b-ext .shop-the-look__hot-spot-list {width: 100%;height: 100%;display: block;position: absolute;inset-block-start: 0;inset-inline-start: 0;} .b-ext .shop-the-look__hot-spot {--hot-spot-size: calc(var(--font-size) * 1);top: calc(var(--shop-the-look-hot-spot-top) - ( var(--hot-spot-size) / 2 ));left: calc(var(--shop-the-look-hot-spot-left) - ( var(--hot-spot-size) / 2 ));width: var(--hot-spot-size);height: var(--hot-spot-size);border-radius: var(--rounded-full);transition: transform .2s ease-in-out;position: absolute;} .b-ext .shop-the-look__hot-spot:after {--hot-spot-after-size: calc(var(--hot-spot-size) * 2.5);content: "";top: calc(50% - var(--hot-spot-after-size) / 2);left: calc(50% - var(--hot-spot-after-size) / 2);width: var(--hot-spot-after-size);height: var(--hot-spot-after-size);border-radius: var(--rounded-full);animation: 2s ease-in-out infinite alternate ping;position: absolute;} .b-ext .shop-the-look__hot-spot[aria-current=true] {transform: scale(1.3);} .b-ext .shop-the-look__item-carousel {grid: auto/auto-flow 100%;justify-items: center;display: grid;position: relative;} .b-ext .shop-the-look__item {position: relative;} .b-ext .shop-the-look__popover .product-card__figure {width: 100%;max-width: calc(var(--font-size) * 10);margin-inline: auto;} .b-ext .shop-the-look__popover::part(base) {height: auto;inset: auto auto 0 0;} .b-ext .shop-the-look__popover::part(overlay) {display: none;} @media screen and (max-width: 699px) {.b-ext .shopify-section--shop-the-look:before {content: "";opacity: 0;pointer-events: none;background: rgb(var(--background));z-index: 2;width: 100%;height: 100%;transition: opacity .4s;position: fixed;inset-block-start: 0;inset-inline-start: 0;} .b-ext .shopify-section--shop-the-look:has(.shop-the-look__carousel.is-expanded):before {opacity: 1;}} @media screen and (min-width: 1000px) {.b-ext .shop-the-look__carousel {grid: none;align-items: center;} .b-ext .shop-the-look__item {max-width: var(--container-sm-max-width);grid: auto/min(550px,60%) minmax(0,1fr);grid-area: 1/-1;align-items: center;gap: calc(var(--font-size) * .3125);margin-inline: auto;display: grid;} .b-ext .shop-the-look__item:not(.is-selected) {visibility: hidden;} .b-ext .shop-the-look__item-product {grid-area: 1/-1;max-width: calc(var(--font-size) * 16.875);} .b-ext .shop-the-look__item-product:not(.is-selected) {visibility: hidden;} .b-ext .shop-the-look__item-content {opacity: 0;justify-items: center;gap: calc(var(--font-size) * 1.5);display: grid;}} @media screen and (pointer: fine) {.b-ext .shop-the-look__hot-spot:hover {transform: scale(1.3);}} .b-ext .slideshow {--slideshow-controls-spacing: var(--container-gutter);background: rgb(var(--slideshow-background));display: block;position: relative;} .b-ext .slideshow .page-dots {z-index: 1;position: absolute;inset-block-end: var(--slideshow-controls-spacing);inset-inline-end: var(--slideshow-controls-spacing);} .b-ext .shopify-section--slideshow:first-child .slideshow[allow-transparent-header] {--content-over-media-row-gap: calc(var(--font-size) * 4);} .b-ext .slideshow:has(.page-dots, .b-ext .slideshow__volume-control) {--content-over-media-row-gap: calc(var(--font-size) * 4);} .b-ext .slideshow__slide:not(.is-selected) {visibility: hidden;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .b-ext .slideshow__slide-content--boxed {padding: calc(var(--font-size) * 1.5);} .b-ext .slideshow__slide-content--with-border {outline: 1px solid rgb(var(--border-color));} .b-ext .slideshow__slide-content--with-border-offset {outline-offset: calc(var(--font-size) * -.75);padding: calc(var(--font-size) * 2.25);} .b-ext .slideshow__volume-control {z-index: 1;display: grid;position: absolute;inset-block-end: var(--slideshow-controls-spacing);inset-inline-start: var(--slideshow-controls-spacing);} .b-ext .slideshow__next-section-button {z-index: 2;position: absolute;inset-block-end: calc(-1 * var(--circle-button-size) / 2);inset-inline-start: calc(50% - var(--circle-button-size) / 2);} .b-ext .shopify-section:has(.slideshow__next-section-button)+.shopify-section {--section-vertical-spacing-block-start-compensation: calc(var(--font-size) * 1.5625);} @media screen and (min-width: 700px) {.b-ext .slideshow:has(.page-dots, .b-ext .slideshow__volume-control) {--content-over-media-row-gap: calc(var(--font-size) * 5);} .b-ext .slideshow__slide-content--boxed {padding: calc(var(--font-size) * 3.5);} .b-ext .slideshow__slide-content--with-border-offset {outline-offset: calc(var(--font-size) * -1);}} .b-ext .shopify-section--testimonials {--section-vertical-spacing-override: calc(var(--section-vertical-spacing) + 20px);} .b-ext .testimonial-list {gap: var(--section-stack-gap);justify-items: center;display: grid;} .b-ext .testimonial-item {max-width: calc(var(--font-size) * 34);font-size: var(--testimonials-font-size);grid-area: 1/-1;align-content: start;justify-items: center;gap: calc(var(--font-size) * 2);display: grid;} .b-ext .testimonial-item:not(.is-selected) {opacity: 0;visibility: hidden;} .b-ext .testimonial-carousel {display: grid;} .b-ext .testimonial-list__thumbnail-scroller {flex-wrap: wrap;justify-content: center;gap: calc(var(--font-size) * 2) calc(var(--font-size) * 5.625);} .b-ext .testimonial-list__thumbnail {transition: opacity .2s ease-in-out;} .b-ext .testimonial-list__thumbnail[aria-current=false] {opacity: .25;} .b-ext .testimonial-list__thumbnail img {max-width: var(--image-max-width);} .b-ext .testimonial-list__thumbnail .placeholder {width: var(--image-max-width);} .b-ext .shopify-challenge__container, .b-ext .shopify-email-marketing-confirmation__container {max-width: calc(var(--font-size) * 56.25);margin-block-start: var(--section-vertical-spacing);margin-block-end: var(--section-vertical-spacing);} .b-ext .shopify-policy__container {gap: var(--section-stack-gap);max-width: calc(var(--font-size) * 56.25);grid-auto-columns: minmax(0,1fr);margin-block-start: var(--section-vertical-spacing-tight);margin-block-end: var(--section-vertical-spacing-tight);display: grid;} .b-ext .shopify-challenge__container {gap: calc(var(--font-size) * 1);display: grid;} .b-ext .shopify-challenge__container>form {display: contents;} .b-ext .shopify-email-marketing-confirmation__container {text-align: center;} .b-ext .shopify-policy__title h1 {font: inherit;} .b-ext .text-with-icons {--text-with-icons-items-per-row: 2;--text-with-icons-column-gap: calc(var(--font-size) * 1.5);--text-with-icons-row-gap: calc(var(--font-size) * 2);justify-content: center;gap: var(--text-with-icons-row-gap) var(--text-with-icons-column-gap);flex-wrap: wrap;display: flex;} .b-ext .text-with-icons>* {flex-basis: min(calc(var(--font-size) * 18.75),calc(100% / var(--text-with-icons-items-per-row) - var(--text-with-icons-column-gap,0px) * ( var(--text-with-icons-items-per-row) - 1 ) / var(--text-with-icons-items-per-row)));} .b-ext .text-with-icons>:only-child {flex-basis: min(calc(var(--font-size) * 18.75),100%);} @media screen and (max-width: 699px) {.b-ext .text-with-icons:not(.text-with-icons--stacked) {grid: auto/auto-flow 100%;gap: 0;display: grid;} .b-ext .text-with-icons:not(.text-with-icons--stacked)>* {grid-area: 1/-1;padding-inline: calc(var(--font-size) * 2.5);} .b-ext .text-with-icons:not(.text-with-icons--stacked)>:not(.is-selected) {visibility: hidden;}} @media screen and (min-width: 700px) {.b-ext .text-with-icons {--text-with-icons-items-per-row: 3;--text-with-icons-row-gap: calc(var(--font-size) * 2.5);}} @media screen and (min-width: 1000px) {.b-ext .text-with-icons {--text-with-icons-items-per-row: 5;} .b-ext .text-with-icons:not(:has(>:nth-child(5))) {--text-with-icons-items-per-row: 4;--text-with-icons-column-gap: calc(var(--font-size) * 3.75);}} .b-ext .timeline__carousel, .b-ext .timeline__item {display: grid;} .b-ext :is(.timeline__carousel, .b-ext .timeline__item)>* {grid-area: 1/-1;} .b-ext .timeline__item:not(.is-selected) {visibility: hidden;} .b-ext .timeline__item-image-wrapper {overflow: hidden;} .b-ext .timeline__item-image-wrapper :is(img, .b-ext svg) {scale: 1.05;} .b-ext .timeline__item-content {padding: var(--container-gutter);} @media screen and (max-width: 699px) {.b-ext .shopify-section--timeline {border-block-start-width: 0;} .b-ext .timeline__carousel {position: relative;} .b-ext .timeline__carousel:after {content: "";background: rgba(0,0,0,.4);position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .b-ext .timeline__item {--text-color: var(--timeline-item-mobile-text-color);color: rgb(var(--text-color));} .b-ext .timeline__item-content {text-align: center;z-index: 1;align-self: center;padding-block: calc(var(--font-size) * 3.75);}} @media screen and (min-width: 700px) {.b-ext .timeline__item {grid-template-columns: repeat(2,minmax(0,1fr));} .b-ext .timeline__item>* {grid-area: unset;} .b-ext .timeline__item-content {align-self: end;}} .b-ext .timeline__nav {white-space: nowrap;grid-auto-flow: column;justify-content: safe center;align-items: center;column-gap: calc(var(--font-size) * 2.5);display: grid;} .b-ext .timeline__nav>button {height: var(--text-h4);line-height: 1;transition: opacity .25s ease-in-out,font-size .25s ease-in-out;position: relative;} .b-ext .timeline__nav>button:after {content: "";width: calc(100% - var(--heading-letter-spacing));height: 3px;transform-origin: var(--transform-origin-start);background: currentColor;transition: transform .25s ease-in-out;position: absolute;inset-block-end: calc(var(--font-size) * -1.25);inset-inline-start: 0;transform: scaleX(0);} .b-ext .timeline__nav>[aria-current=false] {opacity: .65;} .b-ext .timeline__nav>[aria-current=true] {font-size: var(--text-h4);} .b-ext .timeline__nav>[aria-current=true]:after {transform: scaleX(1);} @media screen and (max-width: 699px) {.b-ext .timeline__nav {background: rgb(var(--timeline-nav-mobile-background));color: rgb(var(--timeline-nav-mobile-text-color));padding-block: calc(var(--font-size) * 1.25);overflow: auto hidden;}} @media screen and (min-width: 700px) {.b-ext .timeline__nav {margin-block-start: var(--section-stack-gap);} .b-ext .timeline__nav>button:after {inset-block-end: calc(var(--font-size) * -.5);}} .b-ext .sr-only {clip: rect(0,0,0,0);white-space: nowrap;border-width: 0;width: 1px;height: 1px;margin: -1px;padding: 0;position: absolute;overflow: hidden;} .b-ext :is(.sr-only[type=checkbox]:focus-visible+label, .b-ext .sr-only[type=radio]:focus-visible+label) {outline: 2px solid highlight;outline: 2px solid -webkit-focus-ring-color;} .b-ext .skip-to-content:focus-visible {z-index: 9999;clip: auto;color: #fff;background: #000;width: auto;height: auto;padding: 6px 12px;font-weight: 700;overflow: auto;} .b-ext .tap-area {position: relative;} .b-ext .tap-area:before {content: "";position: absolute;top: calc(var(--font-size) * -.5);right: calc(var(--font-size) * -.5);bottom: calc(var(--font-size) * -.5);left: calc(var(--font-size) * -.5);} @media print {.b-ext .print\:hidden {display: none;}} @keyframes ping {0% {transform: scale(1);} to {transform: scale(.8);}} @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) {.b-ext .features--zoom-image .zoom-image {transform-origin: center;transition: scale 8s cubic-bezier(.25,.46,.45,.94);} .b-ext .features--zoom-image .group:hover .group-hover\:zoom {scale: 1.2;}} @media (prefers-reduced-motion: no-preference) {.b-ext [reveal-on-scroll=true] {opacity: 0;}} @media (scripting: none) {.b-ext [reveal-on-scroll=true] {opacity: 1;}} .b-ext .border {border-width: 1px;border-color: rgb(var(--border-color));} .b-ext .border-x {border-inline-width: 1px;} .b-ext .border-y {border-block-width: 1px;} .b-ext .border-t {border-block-start-width: 1px;} .b-ext .border-b {border-block-end-width: 1px;} .b-ext .divide-x>:not([hidden])~:not([hidden]) {border-inline-start-width: 1px;} .b-ext .divide-y>:not([hidden])~:not([hidden]) {border-block-start-width: 1px;} .b-ext .rounded-full {border-radius: var(--rounded-full);} .b-ext .text-success {color: rgb(var(--success-text));} .b-ext .text-warning {color: rgb(var(--warning-text));} .b-ext .text-error {color: rgb(var(--error-text));} .b-ext .text-subdued {} .b-ext .text-on-sale {color: rgb(var(--on-sale-text));} .b-ext .text-stroke {-webkit-text-stroke: 1px currentColor;-webkit-text-fill-color: transparent;} .b-ext .text-gradient {background-image: var(--gradient);color: rgba(0,0,0,0);-webkit-background-clip: text;background-clip: text;} .b-ext .text-stroke.text-gradient {color: rgb(var(--background));-webkit-text-stroke-color: transparent;-webkit-text-fill-color: unset;} .b-ext .bg-error, .b-ext .bg-success, .b-ext .bg-warning {--border-color: var(--text-color)/.15;} .b-ext .bg-error {background: rgb(var(--error-background));} .b-ext .bg-success {background: rgb(var(--success-background));} .b-ext .bg-warning {background: rgb(var(--warning-background));} .b-ext .opacity-0 {opacity: 0;} .b-ext .backdrop-blur {-webkit-backdrop-filter: blur(var(--backdrop-blur,0px));backdrop-filter: blur(var(--backdrop-blur,0px));} .b-ext .filter-invert {} .b-ext .lock {overflow: hidden;} .b-ext .pointer-events-none {pointer-events: none;} .b-ext .scroll-area {scrollbar-width: none;overscroll-behavior-x: contain;overflow: auto hidden;} .b-ext .hide-scrollbar {scrollbar-width: none;} .b-ext .scroll-area::-webkit-scrollbar {display: none;} .b-ext .hide-scrollbar::-webkit-scrollbar {display: none;} .b-ext .snap-x {scroll-snap-type: x mandatory;} .b-ext .snap-y {scroll-snap-type: y mandatory;} .b-ext .snap-start {scroll-snap-align: start;scroll-snap-stop: always;} .b-ext .snap-center {scroll-snap-align: center;scroll-snap-stop: always;} .b-ext .hidden, .b-ext .empty\:hidden:empty {display: none;} .b-ext .block {display: block;} .b-ext .inline-block {display: inline-block;} .b-ext .grid {display: grid;} .b-ext .contents {display: contents;} @media screen and (min-width: 700px) {.b-ext .sm\:hidden {display: none;} .b-ext .sm\:block {display: block;} .b-ext .sm\:grid {display: grid;} .b-ext .sm\:flex {display: flex;} .b-ext .sm\:table {display: table;} .b-ext .sm\:table-cell {display: table-cell;}} @media screen and (min-width: 1000px) {.b-ext .md\:hidden {display: none;} .b-ext .md\:block {display: block;} .b-ext .md\:grid {display: grid;} .b-ext .md\:flex {display: flex;} .b-ext .md\:table {display: table;} .b-ext .md\:table-cell {display: table-cell;}} @media screen and (min-width: 1150px) {.b-ext .lg\:hidden {display: none;} .b-ext .lg\:block {display: block;} .b-ext .lg\:grid {display: grid;} .b-ext .lg\:flex {display: flex;} .b-ext .lg\:table {display: table;} .b-ext .lg\:table-cell {display: table-cell;}} @media screen and (max-width: 699px) {.b-ext .sm-max\:hidden {display: none;}} @media screen and (max-width: 999px) {.b-ext .md-max\:hidden {display: none;}} @media screen and (max-width: 1149px) {.b-ext .lg-max\:hidden {display: none;}} @media screen and (max-width: 1399px) {.b-ext .xl-max\:hidden {display: none;}} @media (prefers-reduced-motion: reduce) {.b-ext .motion-reduce\:hidden {display: none;} .b-ext .motion-reduce\:block {display: block;}} .b-ext .visibility-hidden {visibility: hidden;} .b-ext .relative {position: relative;} .b-ext .wrap {flex-wrap: wrap;} .b-ext .grow {flex-grow: 1;} .b-ext .shrink-0 {flex-shrink: 0;} .b-ext .text-start {text-align: start;} .b-ext .text-center {text-align: center;} .b-ext .text-end {text-align: end;} .b-ext .justify-start {justify-content: start;} .b-ext .justify-center {justify-content: safe center;} .b-ext .justify-end {justify-content: end;} .b-ext .justify-between {justify-content: space-between;} .b-ext .justify-evenly {justify-content: space-evenly;} .b-ext .justify-items-start {justify-items: start;} .b-ext .justify-items-center {justify-items: safe center;} .b-ext .justify-items-end {justify-items: end;} .b-ext .justify-self-start {justify-self: start;} .b-ext .justify-self-center {justify-self: center;} .b-ext .justify-self-end {justify-self: end;} .b-ext .align-start {align-items: start;} .b-ext .align-center {align-items: center;} .b-ext .align-end {align-items: end;} .b-ext .align-baseline {align-items: baseline;} .b-ext .align-self-start {align-self: start;} .b-ext .align-self-center {align-self: center;} .b-ext .align-self-end {align-self: end;} .b-ext .place-self-start {place-self: start;} .b-ext .place-self-start-center {place-self: start center;} .b-ext .place-self-start-end {place-self: start end;} .b-ext .place-self-center {place-self: center;} .b-ext .place-self-center-start {place-self: center start;} .b-ext .place-self-center-end {place-self: center end;} .b-ext .place-self-end {place-self: end;} .b-ext .place-self-end-start {place-self: end start;} .b-ext .place-self-end-center {place-self: end center;} @media screen and (min-width: 700px) {.b-ext .sm\:text-start {text-align: start;} .b-ext .sm\:text-center {text-align: center;} .b-ext .sm\:text-end {text-align: end;} .b-ext .sm\:justify-start {justify-content: start;} .b-ext .sm\:justify-center {justify-content: safe center;} .b-ext .sm\:justify-end {justify-content: end;} .b-ext .sm\:justify-between {justify-content: space-between;} .b-ext .sm\:justify-evenly {justify-content: space-evenly;} .b-ext .sm\:justify-items-start {justify-items: start;} .b-ext .sm\:justify-items-center {justify-items: safe center;} .b-ext .sm\:justify-items-end {justify-items: end;} .b-ext .sm\:justify-self-start {justify-self: start;} .b-ext .sm\:justify-self-center {justify-self: center;} .b-ext .sm\:justify-self-end {justify-self: end;} .b-ext .sm\:align-start {align-items: start;} .b-ext .sm\:align-center {align-items: center;} .b-ext .sm\:align-end {align-items: end;} .b-ext .sm\:align-baseline {align-items: baseline;} .b-ext .sm\:align-self-start {align-self: start;} .b-ext .sm\:align-self-center {align-self: center;} .b-ext .sm\:align-self-end {align-self: end;} .b-ext .sm\:place-self-start {place-self: start;} .b-ext .sm\:place-self-start-center {place-self: start center;} .b-ext .sm\:place-self-start-end {place-self: start end;} .b-ext .sm\:place-self-center {place-self: center;} .b-ext .sm\:place-self-center-start {place-self: center start;} .b-ext .sm\:place-self-center-end {place-self: center end;} .b-ext .sm\:place-self-end {place-self: end;} .b-ext .sm\:place-self-end-start {place-self: end start;} .b-ext .sm\:place-self-end-center {place-self: end center;}} .b-ext .vertical-align-top {vertical-align: top;} .b-ext .vertical-align-middle {vertical-align: middle;} .b-ext .vertical-align-bottom {vertical-align: bottom;} .b-ext .w-full {width: 100%;} .b-ext .h-full {height: 100%;} .b-ext .w-0 {width: 0;} .b-ext .min-w-full {min-width: 100%;} .b-ext .min-h-full {min-height: 100%;} .b-ext .mx-auto {margin-inline: auto;} .b-ext .my-auto {margin-block: auto;} .b-ext .aspect-short {aspect-ratio: 4/3;} .b-ext .aspect-portrait {aspect-ratio: 4/5;} .b-ext .aspect-tall {aspect-ratio: 2/3;} .b-ext .aspect-square {aspect-ratio: 1;} .b-ext .aspect-video {aspect-ratio: 16/9;} .b-ext .gap-0\.5 {gap: calc(var(--font-size) * .125);} .b-ext .gap-1 {gap: calc(var(--font-size) * .25);} .b-ext .gap-1\.5 {gap: calc(var(--font-size) * .375);} .b-ext .gap-2 {gap: calc(var(--font-size) * .5);} .b-ext .gap-2\.5 {gap: calc(var(--font-size) * .625);} .b-ext .gap-3 {gap: calc(var(--font-size) * .75);} .b-ext .gap-3\.5 {gap: calc(var(--font-size) * .875);} .b-ext .gap-4 {gap: calc(var(--font-size) * 1);} .b-ext .gap-4\.5 {gap: calc(var(--font-size) * 1.125);} .b-ext .gap-5 {gap: calc(var(--font-size) * 1.25);} .b-ext .gap-5\.5 {gap: calc(var(--font-size) * 1.375);} .b-ext .gap-6 {gap: calc(var(--font-size) * 1.5);} .b-ext .gap-7 {gap: calc(var(--font-size) * 1.75);} .b-ext .gap-8 {gap: calc(var(--font-size) * 2);} .b-ext .gap-10 {gap: calc(var(--font-size) * 2.5);} .b-ext .gap-12 {gap: calc(var(--font-size) * 3);} .b-ext .gap-14 {gap: calc(var(--font-size) * 3.5);} .b-ext .gap-16 {gap: calc(var(--font-size) * 4);} @media screen and (min-width: 700px) {.b-ext .sm\:gap-0\.5 {gap: calc(var(--font-size) * .125);} .b-ext .sm\:gap-1 {gap: calc(var(--font-size) * .25);} .b-ext .sm\:gap-1\.5 {gap: calc(var(--font-size) * .375);} .b-ext .sm\:gap-2 {gap: calc(var(--font-size) * .5);} .b-ext .sm\:gap-2\.5 {gap: calc(var(--font-size) * .625);} .b-ext .sm\:gap-3 {gap: calc(var(--font-size) * .75);} .b-ext .sm\:gap-3\.5 {gap: calc(var(--font-size) * .875);} .b-ext .sm\:gap-4 {gap: calc(var(--font-size) * 1);} .b-ext .sm\:gap-4\.5 {gap: calc(var(--font-size) * 1.125);} .b-ext .sm\:gap-5 {gap: calc(var(--font-size) * 1.25);} .b-ext .sm\:gap-5\.5 {gap: calc(var(--font-size) * 1.375);} .b-ext .sm\:gap-6 {gap: calc(var(--font-size) * 1.5);} .b-ext .sm\:gap-7 {gap: calc(var(--font-size) * 1.75);} .b-ext .sm\:gap-8 {gap: calc(var(--font-size) * 2);} .b-ext .sm\:gap-10 {gap: calc(var(--font-size) * 2.5);} .b-ext .sm\:gap-12 {gap: calc(var(--font-size) * 3);} .b-ext .sm\:gap-14 {gap: calc(var(--font-size) * 3.5);} .b-ext .sm\:gap-16 {gap: calc(var(--font-size) * 4);}} .b-ext .object-cover {object-fit: cover;object-position: center;} .b-ext .object-contain {object-fit: contain;object-position: center;} .b-ext .image-cover {object-fit: cover;object-position: center;width: 100%;height: 100%;} .b-ext .image-background {object-fit: cover;object-position: center;width: 100%;height: 100%;position: absolute;inset-block-start: 0;inset-inline-start: 0;} .b-ext .overflow-hidden {overflow: hidden;} .b-ext .overflow-clip {overflow: clip;} .b-ext .placeholder {background: rgb(var(--background-without-opacity));display: block;} .b-ext .placeholder--invert {background: rgb(var(--text-color));fill: rgb(var(--background-without-opacity));color: rgb(var(--background-without-opacity));} .b-ext .bold {font-weight: 700;} .b-ext .smallcaps {text-transform: uppercase;letter-spacing: var(--heading-letter-spacing);font-size: calc(var(--font-size) * .625);} .b-ext .text-xxs {font-size: calc(var(--font-size) * .6875);} .b-ext .text-xs {font-size: var(--text-xs);} .b-ext .text-sm {font-size: var(--text-sm);} .b-ext .text-base {font-size: var(--text-base);} .b-ext .text-lg {font-size: var(--text-lg);} .b-ext .text-xl {font-size: var(--text-xl);} .b-ext .heading, .b-ext .h1, .b-ext .h2, .b-ext .h3, .b-ext .h4, .b-ext .h5, .b-ext .h6, .b-ext .prose :where(h1, .b-ext h2, .b-ext h3, .b-ext h4, .b-ext h5, .b-ext h6) {font-family: var(--heading-font-family);font-weight: var(--heading-font-weight);font-style: var(--heading-font-style);letter-spacing: var(--heading-letter-spacing);text-transform: var(--heading-text-transform);overflow-wrap: anywhere;} .b-ext .h1, .b-ext :where(.prose h1) {font-size: var(--text-h1);line-height: 1.5;} .b-ext .h2, .b-ext :where(.prose h2) {font-size: var(--text-h2);line-height: 1.5;} .b-ext .h3, .b-ext :where(.prose h3) {font-size: var(--text-h3);line-height: 1.6;} .b-ext .h4, .b-ext :where(.prose h4) {font-size: var(--text-h4);line-height: 1.6;} .b-ext .h5, .b-ext :where(.prose h5) {font-size: var(--text-h5);line-height: 1.7;} .b-ext .h6, .b-ext :where(.prose h6) {font-size: var(--text-h6);line-height: 1.7;} .b-ext .prose blockquote {line-height: 1.75;} @media screen and (min-width: 700px) {.b-ext .sm\:text-xs {font-size: var(--text-xs);} .b-ext .sm\:text-sm {font-size: var(--text-sm);} .b-ext .sm\:text-base {font-size: var(--text-base);} .b-ext .sm\:text-lg {font-size: var(--text-lg);} .b-ext .sm\:h1 {font-size: var(--text-h1);line-height: 1.5;} .b-ext .sm\:h2 {font-size: var(--text-h2);line-height: 1.5;} .b-ext .sm\:h3 {font-size: var(--text-h3);line-height: 1.6;} .b-ext .sm\:h4 {font-size: var(--text-h4);line-height: 1.6;} .b-ext .sm\:h5 {font-size: var(--text-h5);line-height: 1.7;} .b-ext .sm\:h6 {font-size: var(--text-h6);line-height: 1.7;}} @media screen and (min-width: 1150px) {.b-ext .h1, .b-ext :where(.prose h1) {line-height: 1.3;} .b-ext .h2, .b-ext :where(.prose h2) {line-height: 1.4;} .b-ext .h3, .b-ext :where(.prose h3) {line-height: 1.5;}} .b-ext ol {margin-inline-start: 2ch;} .b-ext ul {margin-inline-start: 1em;} .b-ext :where(ol, .b-ext ul):not(.unstyled-list) li {padding-inline-start: calc(var(--font-size) * .25);margin-block-start: 0 !important;} .b-ext :where(.text-center, .b-ext .text-end) :is(ol, .b-ext ul) {margin-inline: 0;list-style-position: inside;} .b-ext :where(.text-center, .b-ext .text-end) :is(ol, .b-ext ul) li {padding-inline-start: 0;} .b-ext .line-through {text-decoration: line-through;} .b-ext .break-all {word-break: break-all;} .b-ext .hyphenate {-webkit-hyphens: auto;hyphens: auto;} .b-ext .truncate-text {white-space: nowrap;text-overflow: ellipsis;max-width: var(--truncate-text-max-width,100%);overflow: hidden;} .b-ext .line-clamp {-webkit-line-clamp: var(--line-clamp-count,2);-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}