*{box-sizing:border-box}body{color:var(--color-foreground);background:var(--color-background);display:flex;flex-direction:column;margin:0;min-height:100svh;font-variation-settings:"slnt" 0}:root{--hover-lift-amount: 4px;--hover-scale-amount: 1.03;--hover-subtle-zoom-amount: 1.015;--hover-shadow-color: var(--color-shadow);--hover-transition-duration: .25s;--hover-transition-timing: ease-out;--surface-transition-duration: .3s;--surface-transition-timing: var(--ease-out-quad);--submenu-animation-speed: .36s;--submenu-animation-easing: cubic-bezier(.25, .1, .25, 1)}html{scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background);scroll-behavior:smooth}html[scroll-lock]{overflow:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}img{width:100%;height:auto}input,textarea,select{font:inherit;border-radius:var(--style-border-radius-inputs)}input:hover,textarea:hover{background-color:var(--color-input-hover-background)}select{background-color:var(--color-background);color:currentcolor}.collection-card,.featured-blog-posts-card{width:100%;position:relative;height:100%}:is(.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio,.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio) .collection-card__image,:is(.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio,.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio) .featured-blog-posts-card__image,:is(.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio,.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio) .blog-placeholder-svg{aspect-ratio:99;height:100%}:is(.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio,.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio) .collection-card__inner,:is(.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio,.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio) .featured-blog-posts-card__inner{display:flex;flex-direction:column;height:100%}:is(.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio,.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio) .collection-card__content,:is(.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio,.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio) .featured-blog-posts-card__content{flex-shrink:0}:is(.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio,.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio):not(.collection-card--image-bg) .collection-card__content,:is(.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio,.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio) .featured-blog-posts-card__content{height:auto}.collection-card__inner,.featured-blog-posts-card__inner{width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column;z-index:var(--layer-flat);pointer-events:none}.collection-card__content,.featured-blog-posts-card__content{display:flex;position:relative;height:100%;width:100%;gap:var(--gap)}.collection-card__link,.featured-blog-posts-card__link{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius)}.product-card,.collection-card,.predictive-search-results__card--product,.predictive-search-results__card{position:relative;transition:transform var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing);z-index:var(--layer-flat)}.product-card__link{position:absolute;top:0;right:0;bottom:0;left:0}.product-card__content{position:relative}.product-card__content{cursor:pointer}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.card-hover-effect-lift .product-card:hover,.card-hover-effect-lift .collection-card:hover,.card-hover-effect-lift .predictive-search-results__card:hover{transform:translateY(calc(-1 * var(--hover-lift-amount)))}.card-hover-effect-scale .product-card:hover,.card-hover-effect-scale .collection-card:hover,.card-hover-effect-scale .predictive-search-results__card:hover{transform:scale(var(--hover-scale-amount))}.card-hover-effect-subtle-zoom .card-gallery,.card-hover-effect-subtle-zoom .collection-card__image,.card-hover-effect-subtle-zoom .product-card__image{overflow:hidden;transition:transform var(--hover-transition-duration) var(--hover-transition-timing)}.card-hover-effect-subtle-zoom .product-card:hover .card-gallery,.card-hover-effect-subtle-zoom .collection-card:hover .collection-card__image,.card-hover-effect-subtle-zoom .product-card:hover .product-card__image,.card-hover-effect-subtle-zoom .predictive-search-results__card:hover{transform:scale(var(--hover-subtle-zoom-amount))}}dialog{--backdrop-color-rgb: var(--color-shadow-rgb);background-color:var(--color-background);color:var(--color-foreground)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.wrap-text{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}p:empty{display:none}:first-child:is(p,h1,h2,h3,h4,h5,h6),:first-child:empty+:where(p,h1,h2,h3,h4,h5,h6){margin-block-start:0}:last-child:is(p,h1,h2,h3,h4,h5,h6),:where(p,h1,h2,h3,h4,h5,h6):nth-child(2):has(+:last-child:empty){margin-block-end:0}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}:root{view-transition-name:none}html:active-view-transition-type(page-navigation),html:active-view-transition-type(product-image-transition){view-transition-name:root-custom}::view-transition{pointer-events:none}html:active-view-transition-type(page-navigation) main[data-page-transition-enabled=true]{view-transition-name:main-content}html:active-view-transition-type(page-navigation) main[data-product-transition=true][data-template*=product]{view-transition-name:none}::view-transition-old(main-content){animation:var(--view-transition-old-main-content)}::view-transition-new(main-content){animation:var(--view-transition-new-main-content)}html:active-view-transition-type(product-image-transition) [data-view-transition-type=product-image-transition]{view-transition-name:product-image-transition}html:active-view-transition-type(product-image-transition) [data-view-transition-type=product-details]{view-transition-name:product-details}::view-transition-group(product-image-transition){z-index:1}::view-transition-group(product-image-transition),::view-transition-group(product-details){animation-duration:var(--animation-speed);animation-timing-function:var(--animation-easing)}::view-transition-old(product-image-transition),::view-transition-new(product-image-transition){block-size:100%;overflow:hidden;object-fit:cover;animation-duration:.25s;animation-timing-function:var(--animation-easing)}::view-transition-new(product-details){animation:var(--view-transition-new-main-content)}}*:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}@supports not selector(:focus-visible){*:focus{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}}.focus-inset{outline-offset:calc(var(--focus-outline-width) * -1)}.content-for-layout{flex:1;display:flex;flex-direction:column}.content-for-layout>.shopify-section:last-child{flex-grow:1}.page-width-wide,.page-width-normal,.page-width-narrow,.page-width-content{--page-margin: 16px}@media screen and (min-width:750px){.page-width-wide,.page-width-normal,.page-width-narrow,.page-width-content{--page-margin: 40px}}.page-width-wide{--page-content-width: var(--wide-page-width);--page-width: calc(var(--page-content-width) + (var(--page-margin) * 2))}.page-width-normal{--page-content-width: var(--normal-page-width);--page-width: calc(var(--page-content-width) + (var(--page-margin) * 2))}.page-width-narrow,.page-width-content{--page-content-width: var(--narrow-page-width);--page-width: calc(var(--page-content-width) + (var(--page-margin) * 2))}.page-width-content{--page-content-width: var(--normal-content-width);--page-width: calc(var(--page-content-width) + (var(--page-margin) * 2))}.section{--full-page-grid-central-column-width: min( var(--page-width) - var(--page-margin) * 2, calc(100% - var(--page-margin) * 2) );--full-page-grid-margin: minmax(var(--page-margin), 1fr);--full-page-grid-with-margins: var(--full-page-grid-margin) var(--full-page-grid-central-column-width) var(--full-page-grid-margin);--util-page-margin-offset: max( var(--page-margin), calc((100% - min(var(--page-content-width), 100% - var(--page-margin) * 2))/2) );--full-page-margin-inline-offset: calc(((100vw - var(--full-page-grid-central-column-width)) / 2) * -1);width:100%;position:relative;display:grid;grid-template-columns:var(--full-page-grid-with-margins);min-height:var(--section-min-height, "auto")}.section>*{grid-column:2}.shopify-section:not(.header-section) :is(.section,.cart-summary){background:transparent}.shopify-section:not(.header-section):has(.section){position:relative}.shopify-section:not(.header-section) .section-background{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-section-background)}.section--page-width>*{grid-column:2}.section--full-width>*{grid-column:1 / -1}@media screen and (max-width:749px){.section--mobile-full-width>*{grid-column:1 / -1}}.section--page-width.section--full-width-right>*{grid-column:2 / 4}.section--full-width.section--full-width-margin>*{grid-column:1 / -1}@media screen and (min-width:750px){.section--full-width.section--full-width-margin>*{padding-left:var(--page-margin);padding-right:var(--page-margin)}}.section>.force-full-width{grid-column:1 / -1}.section--height-small{--section-min-height: var(--section-height-small)}.section--height-medium{--section-min-height: var(--section-height-medium)}.section--height-large{--section-min-height: var(--section-height-large)}.section--height-full-screen{--section-min-height: 100svh}.section-content-wrapper.section-content-wrapper{min-height:calc(var(--section-min-height, "auto") - var(--section-height-offset, 0px));position:relative;width:100%;height:100%}.hidden{display:none!important}@media screen and (max-width:749px){.hidden--mobile,.mobile\:hidden{display:none!important}}@media screen and (min-width:750px){.hidden--desktop,.desktop\:hidden{display:none!important}}.hide-when-empty:empty{display:none!important}.visually-hidden:not(:focus,:active){position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}@media screen and (max-width:749px){.is-visually-hidden-mobile:not(:focus,:active){position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}}.contents{display:contents}.grid{--centered-column-number: 12;--full-width-column-number: 14;--centered: column-1 / span var(--centered-column-number);--full-width: column-0 / span var(--full-width-column-number);display:flex;flex-direction:column}@media screen and (min-width:750px){.grid{display:grid;gap:0;grid-template-columns:var(--margin-4xl) repeat(var(--centered-column-number),minmax(0,1fr)) var(--margin-4xl);grid-template-areas:"column-0 column-1 column-2 column-3 column-4 column-5 column-6 column-7 column-8 column-9 column-10 column-11 column-12 column-13"}}@media screen and (min-width:1400px){.grid{grid-template-columns:1fr repeat(var(--centered-column-number),minmax(0,calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))) 1fr}}.flex{display:flex;gap:var(--gap-md)}.flip-x{scale:-1 1}.flip-y{scale:1 -1}.list-unstyled{margin:0;padding:0;list-style:none}.text-left{--text-align: left;text-align:left}.text-center{--text-align: center;text-align:center}.text-right{--text-align: right;text-align:right}.text-inherit{color:inherit}.user-select-text{-webkit-user-select:text;user-select:text}.justify-left{justify-content:left}.justify-center{justify-content:center}.justify-right{justify-content:right}.title--aligned-center{display:flex;align-items:center;gap:1rem}.background-image-container{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--image-opacity)}.background-image-container img,.background-image-container svg{object-fit:cover;width:100%;height:100%}.background-image-fit img,.background-image-fit svg{object-fit:contain}.svg-wrapper{color:currentcolor;display:inline-flex;justify-content:center;align-items:center;width:var(--icon-size-sm);height:var(--icon-size-sm);pointer-events:none}.svg-wrapper--smaller{width:var(--icon-size-2xs);height:var(--icon-size-2xs)}.svg-wrapper--small{width:var(--icon-size-xs);height:var(--icon-size-xs)}.svg-wrapper>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.relative{position:relative}.icon-success,.icon-error{width:var(--icon-size-md);height:var(--icon-size-md);flex-shrink:0}.icon-success{color:var(--color-success)}.icon-error{fill:var(--color-error)}.icon-default{fill:currentColor}[data-placeholder=true] *{cursor:default}body,.paragraph:not(.button),.paragraph>*,.text-block.paragraph :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);text-transform:var(--font-paragraph--case);-webkit-font-smoothing:antialiased;color:var(--color, var(--color-foreground))}@media screen and (max-width:1200px){input.paragraph.paragraph,input.paragraph.paragraph:not([type]),textarea.paragraph.paragraph,select.paragraph.paragraph{font-size:max(1rem,var(--font-paragraph--size))}}.paragraph>small{font-size:smaller}h1,.h1.h1,.text-block.h1>*,.text-block.h1 :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-h1--family);font-style:var(--font-h1--style);font-weight:var(--font-h1--weight);font-size:var(--font-h1--size);line-height:var(--font-h1--line-height);letter-spacing:var(--font-h1--letter-spacing);text-transform:var(--font-h1--case);color:var(--color, var(--font-h1-color))}@media screen and (max-width:1200px){input.h1.h1,textarea.h1.h1,select.h1.h1{font-size:max(1rem,var(--font-h1--size))}}h2,.h2.h2,.text-block.h2>*,.text-block.h2 :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-h2--family);font-style:var(--font-h2--style);font-weight:var(--font-h2--weight);font-size:var(--font-h2--size);line-height:var(--font-h2--line-height);letter-spacing:var(--font-h2--letter-spacing);text-transform:var(--font-h2--case);color:var(--color, var(--font-h2-color))}@media screen and (max-width:1200px){input.h2.h2,textarea.h2.h2,select.h2.h2{font-size:max(1rem,var(--font-h2--size))}}h3,.h3,.h3.h3,.text-block.h3>*,.text-block.h3 :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-h3--family);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);font-size:var(--font-h3--size);line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);text-transform:var(--font-h3--case);color:var(--color, var(--font-h3-color))}@media screen and (max-width:1200px){input.h3,textarea.h3,select.h3{font-size:max(1rem,var(--font-h3--size))}}h4,.h4.h4,.text-block.h4>*,.text-block.h4 :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-h4--family);font-style:var(--font-h4--style);font-weight:var(--font-h4--weight);font-size:var(--font-h4--size);line-height:var(--font-h4--line-height);letter-spacing:var(--font-h4--letter-spacing);text-transform:var(--font-h4--case);color:var(--color, var(--font-h4-color))}@media screen and (max-width:1200px){input.h4.h4,textarea.h4.h4,select.h4.h4{font-size:max(1rem,var(--font-h4--size))}}h5,.h5.h5,.text-block.h5>*,.text-block.h5 :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-h5--family);font-style:var(--font-h5--style);font-weight:var(--font-h5--weight);font-size:var(--font-h5--size);line-height:var(--font-h5--line-height);letter-spacing:var(--font-h5--letter-spacing);text-transform:var(--font-h5--case);color:var(--color, var(--font-h5-color))}@media screen and (max-width:1200px){input.h5.h5,textarea.h5.h5,select.h5.h5{font-size:max(1rem,var(--font-h5--size))}}h6,.h6.h6,.text-block.h6>*,.text-block.h6 :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-h6--family);font-style:var(--font-h6--style);font-weight:var(--font-h6--weight);font-size:var(--font-h6--size);line-height:var(--font-h6--line-height);letter-spacing:var(--font-h6--letter-spacing);text-transform:var(--font-h6--case);color:var(--color, var(--font-h6-color))}@media screen and (max-width:1200px){input.h6.h6,textarea.h6.h6,select.h6.h6{font-size:max(1rem,var(--font-h6--size))}}:first-child:is(.h1,.h2,.h3,.h4,.h5,.h6){margin-block-start:0}:last-child:is(.h1,.h2,.h3,.h4,.h5,.h6){margin-block-end:0}a{--button-color: var(--color, var(--color-primary));color:var(--button-color);text-decoration-color:transparent;text-decoration-thickness:.075em;text-underline-offset:.125em;transition:text-decoration-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing)}:is(h1,h2,h3,h4,h5,h6,p)>a:hover{--button-color: var(--color, var(--color-primary-hover))}p:not(.h1,.h2,.h3,.h4,.h5,.h6) a:where(:not(.button,.button-secondary)),.rte :is(p,ul,ol,table):not(.h1,.h2,.h3,.h4,.h5,.h6) a:where(:not(.button,.button-secondary)){text-decoration-color:currentcolor}:is(p:not(.h1,.h2,.h3,.h4,.h5,.h6) a:where(:not(.button,.button-secondary)),.rte :is(p,ul,ol,table):not(.h1,.h2,.h3,.h4,.h5,.h6) a:where(:not(.button,.button-secondary))):hover{text-decoration-color:transparent;color:var(--color-primary-hover)}.container-background-image{background-repeat:no-repeat;background-size:cover;background-position:center center}details[open] .summary-closed{display:none}details:not([open]) .summary-open{display:none}details[open]>summary .icon-animated>svg{transform:rotate(180deg)}summary::-webkit-details-marker{display:none}body:has(.header[transparent]) .content-for-layout>.shopify-section:first-child{margin-top:calc(var(--header-group-height) * -1)}body:has(.header[transparent]) #header-group>.header-section{z-index:var(--layer-sticky)}body:has(.header[transparent]) #header-group>*:not(.header-section){z-index:calc(var(--layer-sticky) - 1)}.featured-collection-block{width:100%}.product-grid-container{display:block;width:100%;padding-block:var(--padding-block-start) var(--padding-block-end)}@media screen and (min-width:750px){.product-grid-container{display:grid}}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--product-grid-gap);margin:auto;padding:0;list-style:none}@media screen and (min-width:750px){.product-grid{grid-template-columns:var(--product-grid-columns-desktop)}}.product-grid :is(h3,p){margin:0}.product-grid__item{border:var(--product-card-border-width) solid rgb(var(--color-border-rgb) / var(--product-card-border-opacity))}.product-grid--organic[product-grid-view=default] .product-grid__item{height:fit-content}.product-grid__card.product-grid__card{display:flex;flex-flow:column nowrap;gap:var(--product-card-gap);align-items:var(--product-card-alignment);text-decoration:none;color:var(--color, var(--color-foreground));padding-block:var(--padding-block-start) var(--padding-block-end);padding-inline:var(--padding-inline-start) var(--padding-inline-end);overflow:hidden}[product-grid-view=zoom-out] .product-grid__card{row-gap:var(--padding-xs)}[product-grid-view=default]{--product-grid-gap: 16px;--padding-block-start: 24px;--padding-block-end: 24px;--padding-inline-start: 0px;--padding-inline-end: 0px}[product-grid-view=default] .product-grid__item{padding-block:0}@media screen and (max-width:749px){[product-grid-view=mobile-single],.product-grid-mobile--large{grid-template-columns:1fr}}@media screen and (max-width:749px){.product-grid__card .group-block>*{flex-direction:column}}ul[product-grid-view=zoom-out] .product-grid__card>*{display:none}[product-grid-view=zoom-out]{--product-grid-columns-desktop: repeat( 10, minmax(clamp(50px, calc(100% - 9 * var(--product-grid-gap)) / 10, 80px), 1fr) )}.product-grid-view-zoom-out--details{display:none}.product-grid-view-zoom-out--details .h4,.product-grid-view-zoom-out--details span,.product-grid-view-zoom-out--details s{font-size:var(--font-size--xs);font-family:var(--font-paragraph--family)}.product-grid-view-zoom-out--details span{font-weight:500}.product-grid-view-zoom-out--details .h4{line-height:1.3;font-weight:400}.product-grid-view-zoom-out--details>span.h6,.product-grid-view-zoom-out--details>div.h6>product-price{display:inline-block;line-height:0;margin-top:var(--margin-2xs)}.product-grid-view-zoom-out--details>span.h6>*,.product-grid-view-zoom-out--details>div.h6>*>*{line-height:1.2}@media(prefers-reduced-motion:no-preference){:root:active-view-transition-type(product-grid) details[open] floating-panel-component{view-transition-name:panel-content}:root:active-view-transition-type(product-grid) details[open] floating-panel-component .checkbox *,:root:active-view-transition-type(product-grid) details[open] floating-panel-component .facets__pill-label{transition:none}.facets--vertical :is(:root:active-view-transition-type(product-grid) details[open] floating-panel-component){view-transition-name:none}:root:active-view-transition-type(product-grid) .product-grid{view-transition-name:product-grid}:root:active-view-transition-type(product-grid) footer{view-transition-name:footer}:root:active-view-transition-type(product-grid) .product-grid__item,:root:active-view-transition-type(product-grid) floating-panel-component{transition:none}}::view-transition-group(panel-content){z-index:1}::view-transition-new(product-grid){animation-delay:.15s;animation-name:fadeInUp;animation-duration:var(--animation-speed);animation-timing-function:var(--animation-easing)}results-list[initialized] .product-grid__item{transition:opacity var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}@starting-style{results-list[initialized] .product-grid__item{opacity:0;transform:translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:is(.product-grid__item,.resource-list__item) .product-card{display:grid;height:100%}.video-background,.video-background *{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.video-background--cover *{object-fit:cover}.video-background--contain *{object-fit:contain}.text-block{width:100%}.text-block>*:first-child,.text-block>*:first-child:empty+*{margin-block-start:0}.text-block>*:last-child,.text-block>*:has(+*:last-child:empty){margin-block-end:0}.text-block>style+*{margin-block-start:0}.dialog-modal{border:none;box-shadow:var(--shadow-popover)}@media screen and (min-width:750px){.dialog-modal{border-radius:var(--style-border-radius-popover);max-width:var(--normal-content-width)}}@media screen and (max-width:749px){.dialog-modal{max-width:100%;max-height:100%;height:100dvh;width:100dvw;padding:var(--padding-md)}}.dialog-modal::backdrop{transition:backdrop-filter var(--animation-speed) var(--animation-easing);-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity))}.dialog-modal[open]{animation:elementSlideInTop var(--animation-speed) var(--animation-easing) forwards}.dialog-modal[open]::backdrop{animation:backdropFilter var(--animation-speed) var(--animation-easing) forwards;transition:opacity var(--animation-speed) var(--animation-easing)}.dialog-modal.dialog-closing{animation:elementSlideOutTop var(--animation-speed) var(--animation-easing) forwards}.dialog-modal.dialog-closing::backdrop{opacity:0}.dialog-drawer,.dialog-drawer--right{--dialog-drawer-opening-animation: move-and-fade;--dialog-drawer-closing-animation: move-and-fade}.dialog-drawer[open]{--start-x: var(--custom-transform-from, 100%);--end-x: var(--custom-transform-to, 0px);--start-opacity: 1;animation:var(--dialog-drawer-opening-animation) var(--animation-speed) var(--animation-easing) forwards}.dialog-drawer[open].dialog-closing{--start-x: 0px;--end-x: 100%;--start-opacity: 1;--end-opacity: 1;animation:var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing)}.dialog-drawer--right[open]{--start-x: -100%;--start-opacity: 1}.dialog-drawer--right[open].dialog-closing{--start-x: 0px;--end-x: -100%;--start-opacity: 1;--end-opacity: 1;animation:var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing)}.button,.button-secondary,button.shopify-payment-button__button--unbranded{--text-align: center;display:grid;align-content:center;text-decoration:none;text-align:var(--text-align);color:var(--button-color);-webkit-appearance:none;appearance:none;background-color:var(--button-background-color);border:none;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);margin-block:0;transition:color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing);cursor:pointer;width:fit-content;box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color);padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline)}.button{font-family:var(--button-font-family-primary);text-transform:var(--button-text-case-primary);border-radius:var(--style-border-radius-buttons-primary)}.button:not(.button-secondary,.button-unstyled){outline-color:var(--button-background-color)}.button-secondary{font-family:var(--button-font-family-secondary);text-transform:var(--button-text-case-secondary);border-radius:var(--style-border-radius-buttons-secondary)}button.shopify-payment-button__button--unbranded{font-family:var(--button-font-family-primary);text-transform:var(--button-text-case-primary)}textarea,input:not([type=checkbox],[type=radio]){background-color:var(--color-input-background);border-color:var(--color-input-border)}textarea::placeholder,input::placeholder{color:var(--color-input-text)}textarea:not(:placeholder-shown)::placeholder,input:not(:placeholder-shown)::placeholder{opacity:0}.button[hidden]{display:none}.button[aria-disabled=true],.button-secondary[aria-disabled=true],.button:disabled{opacity:.5;cursor:not-allowed}.button,button.shopify-payment-button__button--unbranded{--button-color: var(--color-primary-button-text);--button-background-color: var(--color-primary-button-background);--button-border-color: var(--color-primary-button-border);--button-border-width: var(--style-border-width-primary)}.button:hover,button.shopify-payment-button__button--unbranded:hover:not([disabled]){--button-color: var(--color-primary-button-hover-text);--button-background-color: var(--color-primary-button-hover-background);--button-border-color: var(--color-primary-button-hover-border)}.button-secondary{--button-color: var(--color-secondary-button-text);--button-background-color: var(--color-secondary-button-background);--button-border-color: var(--color-secondary-button-border);--button-border-width: var(--style-border-width-secondary)}.button-secondary:hover{--button-color: var(--color-secondary-button-hover-text);--button-background-color: var(--color-secondary-button-hover-background);--button-border-color: var(--color-secondary-button-hover-border)}button.shopify-payment-button__button--unbranded:hover:not([disabled]){background-color:var(--button-background-color)}.button-unstyled{display:block;padding:0;background-color:inherit;color:inherit;border:0;border-radius:0;overflow:hidden;box-shadow:none;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-size:var(--font-paragraph--size)}.button-unstyled:hover{background-color:inherit}.button-unstyled--with-icon{color:var(--color-foreground);display:flex;gap:var(--gap-2xs);align-items:center}.button-unstyled--transparent{background-color:transparent;box-shadow:none}.show-more__button{color:var(--color-primary);cursor:pointer}@media screen and (min-width:750px){.show-more__button:hover{color:var(--color-primary-hover)}}.show-more__label{text-align:start;font-size:var(--font-size--body-md);font-family:var(--font-paragraph--family)}.show-more__button .svg-wrapper{width:var(--icon-size-xs);height:var(--icon-size-xs)}.show-more[data-expanded=true] .show-more__label--more,.show-more[data-expanded=false] .show-more__label--less{display:none}.link{display:inline-block;text-align:center}shopify-accelerated-checkout,shopify-accelerated-checkout-cart{--shopify-accelerated-checkout-button-border-radius: var(--style-border-radius-buttons-primary);--shopify-accelerated-checkout-button-block-size: var(--height-buy-buttons)}.product-form-buttons:has(.add-to-cart-button.button-secondary) :is(shopify-accelerated-checkout,shopify-accelerated-checkout-cart){--shopify-accelerated-checkout-button-border-radius: var(--style-border-radius-buttons-secondary);--shopify-accelerated-checkout-button-block-size: var(--height-buy-buttons)}.icon-caret svg{transition:transform var(--animation-speed) var(--animation-easing)}.icon-caret--forward svg{transform:rotate(-90deg)}.icon-caret--backward svg{transform:rotate(90deg)}summary{display:flex;align-items:center;cursor:pointer;list-style:none;padding-block:var(--padding-sm)}summary:hover{color:var(--color-primary-hover)}summary .svg-wrapper{margin-inline-start:auto;height:var(--icon-size-xs);width:var(--icon-size-xs);transition:transform var(--animation-speed) var(--animation-easing)}summary .icon-plus :is(.horizontal,.vertical),.show-more__button .icon-plus :is(.horizontal,.vertical){transition:transform var(--animation-speed) var(--animation-easing);transform:rotate(0);transform-origin:50% 50%;opacity:1}details[open]>summary .icon-plus .horizontal,.show-more:where([data-expanded=true]) .show-more__button .icon-plus .horizontal{transform:rotate(90deg)}details[open]>summary .icon-plus .vertical,.show-more:where([data-expanded=true]) .show-more__button .icon-plus .vertical{transform:rotate(90deg);opacity:0}media-gallery{display:block;width:100%}:where(media-gallery,.product-grid__item) .media-gallery__grid{grid-template-columns:1fr;gap:var(--image-gap)}:not(.dialog-zoomed-gallery)>.product-media-container{--slide-width: 100%;display:flex;aspect-ratio:var(--gallery-aspect-ratio, var(--media-preview-ratio));max-height:var(--constrained-height);width:var(--slide-width, 100%);position:relative;overflow:hidden}:not(.dialog-zoomed-gallery)>.product-media-container:where(.constrain-height){--viewport-offset: 400px;--constrained-min-height: 300px;--constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset)));margin-right:auto;margin-left:auto}@supports (--test: round(up, 100%, 1px)){:not(.dialog-zoomed-gallery)>.product-media-container{--slide-width: round(up, 100%, 1px)}}.product-media :is(deferred-media,product-model){position:absolute}@media screen and (max-width:749px){.product-media-container.constrain-height{max-height:none}}@media screen and (min-width:750px){.product-media-container.constrain-height{--viewport-offset: var(--header-height, 100px);--constrained-min-height: 500px}body:has(header-component[transparent]) .product-media-container.constrain-height{--viewport-offset: 0px}.media-gallery--large-first-image .product-media-container:first-child,.media-gallery--two-column .product-media-container:only-child{grid-column:span 2}}.product-media-container--model{flex-direction:column}.shopify-model-viewer-ui__controls-area{bottom:calc(var(--minimum-touch-target) + var(--padding-sm))}.product-media-container img{aspect-ratio:inherit;object-fit:contain}.product-media-container.media-fit-contain img{object-position:center center}.product-media-container.media-fit{--product-media-fit: cover}.product-media-container.media-fit img{object-fit:var(--product-media-fit)}zoom-dialog dialog{width:100vw;height:100vh;border:none;margin:0;padding:0;max-width:100%;max-height:100%;background:#fff;opacity:0;transition:opacity var(--animation-speed) var(--animation-easing);scrollbar-width:none}zoom-dialog dialog[open]{opacity:1}@media(prefers-reduced-motion:no-preference){zoom-dialog dialog{scroll-behavior:smooth}}zoom-dialog dialog::backdrop{background:transparent}.close-button{position:fixed;top:var(--margin-lg);right:var(--margin-lg);width:var(--minimum-touch-target);height:var(--minimum-touch-target);z-index:var(--layer-flat);background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:50%}@supports not (background-color: rgb(from red 150 g b / alpha)){.close-button:focus-visible{outline:none;overflow:visible}.close-button:focus-visible:after{content:"";position:absolute;inset:calc(-1 * var(--focus-outline-offset));border:var(--focus-outline-width) solid currentColor;border-radius:50%;display:inherit}}.dialog--closed .close-button{animation:elementSlideOutBottom calc(var(--animation-speed) * .5) var(--animation-easing) forwards}.close-button:hover{background-color:transparent;opacity:.8}.close-button svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.product-media{display:flex;flex:1}.product-media__image~* .deferred-media__poster-image{display:none}.product-media-container:has(.deferred-media__playing) .product-media__image{opacity:0;transition:opacity var(--animation-speed) var(--animation-easing)}:is(product-model,deferred-media){height:100%;width:100%;position:relative}product-model model-viewer,:is(deferred-media,product-model)>.deferred-media__poster-button~*:not(template){display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding:inherit}:is(deferred-media,.video-placeholder-wrapper).border-style{overflow:hidden}deferred-media:has(:focus-visible){outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}@supports not selector(:focus-visible){deferred-media:has(:focus){outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}}.deferred-media__poster-button{width:100%;height:100%;aspect-ratio:var(--video-aspect-ratio, auto)}.deferred-media__poster-button.deferred-media__playing{opacity:0;transition:opacity .3s ease}deferred-media img{height:100%;object-fit:cover;transition:opacity .3s ease}deferred-media iframe{display:block;width:100%;height:100%;border:none;aspect-ratio:var(--size-style-aspect-ratio, auto)}deferred-media[data-media-loaded] img{opacity:0}.deferred-media__poster-icon,.video-placeholder-wrapper__poster-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center}.deferred-media__poster-icon svg,.video-placeholder-wrapper__poster-icon svg{width:var(--button-size);height:var(--button-size);color:var(--color-white);filter:drop-shadow(var(--shadow-button))}:is(.deferred-media__poster-icon svg,.video-placeholder-wrapper__poster-icon svg):hover{color:rgb(var(--color-white-rgb) / var(--opacity-80))}@media screen and (min-width:750px){.deferred-media__poster-icon svg,.video-placeholder-wrapper__poster-icon svg{width:4rem;height:4rem}}deferred-media[class] :is(.deferred-media__poster-button img,.deferred-media__poster-button~video){object-fit:cover;height:100%;aspect-ratio:var(--size-style-aspect-ratio, auto)}.button-shopify-xr{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--padding-md)}.button-shopify-xr>svg{width:var(--icon-size-sm);height:var(--icon-size-sm);margin-inline-end:var(--margin-md)}.button-shopify-xr[data-shopify-xr-hidden]{display:none}.swatch{--color-border: rgb(var(--color-foreground-rgb) / var(--style-border-swatch-opacity));--min-width-unitless: 15.9999;--min-height-unitless: 15.9999;--min-height: 16px;--min-width: 16px;--scaling-factor: .5;--max-swatch-size: 28px;--max-pill-size: 20px;--max-filter-size: 32px;--offset-swatch-width: calc(var(--variant-picker-swatch-width-unitless) - var(--min-width-unitless));--offset-swatch-height: calc(var(--variant-picker-swatch-height-unitless) - var(--min-height-unitless));--offset-scaled-width: calc( var(--scaling-factor) * var(--offset-swatch-width) / var(--offset-swatch-height) * var(--offset-max-swatch-size) );--offset-scaled-height: calc( var(--scaling-factor) * var(--offset-swatch-height) / var(--offset-swatch-width) * var(--offset-max-swatch-size) );--offset-max-swatch-size: calc(var(--max-swatch-size) - var(--min-width));--swatch-width: min( calc(var(--min-width) + var(--scaling-factor) * var(--offset-swatch-width) * 1px), calc(var(--min-width) + var(--offset-scaled-width)), var(--max-swatch-size) );--swatch-height: min( calc(var(--min-height) + var(--scaling-factor) * var(--offset-swatch-height) * 1px), calc(var(--min-height) + var(--offset-scaled-height)), var(--max-swatch-size) );display:block;background:var(--swatch-background);background-position:var(--swatch-focal-point, center);border-radius:var(--variant-picker-swatch-radius);border:var(--style-border-swatch-width) var(--style-border-swatch-style) var(--color-border);width:var(--swatch-width);height:var(--swatch-height);background-size:var(--swatch-width) var(--swatch-height)}.swatch.swatch--unavailable{border-style:dashed}.swatch.swatch--unscaled{--swatch-width: var(--variant-picker-swatch-width);--swatch-height: var(--variant-picker-swatch-height)}.swatch.swatch--filter{--swatch-width: var(--max-filter-size);--swatch-height: var(--max-filter-size);border-radius:var(--variant-picker-swatch-radius)}.swatch.swatch--pill{--swatch-width: var(--max-pill-size);--swatch-height: var(--max-pill-size);border-radius:var(--variant-picker-swatch-radius)}.swatch.swatch--filter,.swatch.swatch--pill{--style-border-swatch-width: var(--variant-picker-border-width);--style-border-swatch-style: var(--variant-picker-border-style);--color-border: rgb(var(--color-foreground-rgb) / var(--variant-picker-border-opacity))}.swatch.swatch--variant-image{background-size:cover}@media screen and (min-width:750px){.swatch{--max-swatch-size: 32px;--max-pill-size: 16px;--max-filter-size: 28px;--scaling-factor: .65}}.variant-picker .variant-option--buttons label:has(.swatch){border-radius:var(--variant-picker-swatch-radius)}.variant-option{--options-border-radius: var(--variant-picker-button-radius);--options-border-width: var(--variant-picker-button-border-width);--variant-option-padding-inline: var(--padding-md)}.variant-option+.variant-option{margin-top:var(--padding-lg)}.variant-option--swatches{--options-border-radius: var(--variant-picker-swatch-radius);width:100%}.variant-option--swatches overflow-list::part(list){padding-block:var(--overflow-list-padding-block, 0);padding-inline:var(--overflow-list-padding-inline, 0)}.variant-option--swatches>overflow-list{justify-content:var(--product-swatches-alignment)}@media screen and (max-width:749px){.variant-option--swatches>overflow-list{justify-content:var(--product-swatches-alignment-mobile)}}.variant-option--buttons{display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin:0;padding:0;border:none}.variant-option--buttons legend{padding:0;margin-block-end:var(--margin-xs)}.variant-option__swatch-value{padding-inline-start:var(--padding-xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}@media(prefers-reduced-motion:no-preference){.variant-option__button-label,.variant-option__select-wrapper,.variant-option__button-label:before,.variant-option__button-label:after,.variant-option__button-label:has([data-previous-checked=true],[data-current-checked=true]) .variant-option__button-label__pill,.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type{transition-duration:var(--animation-speed);transition-timing-function:var(--animation-easing)}.variant-option__button-label__pill{transition-property:transform}.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type{transition-property:clip-path}.variant-option__button-label:has([data-previous-checked=true],[data-current-checked=true]) .variant-option__button-label__pill{transition-property:transform}.variant-option__button-label:after{transition-property:clip-path}.variant-option__button-label:before{transition-property:border-color}.variant-option__select-wrapper,.variant-option__button-label{transition-property:background-color,border-color,color}}.variant-option__button-label{--variant-picker-stroke-color: var(--color-variant-border);cursor:pointer;display:flex;flex:0 0 3.25em;align-items:center;position:relative;padding-block:var(--padding-sm);padding-inline:var(--padding-lg);border:var(--options-border-width) solid var(--color-variant-border);border-radius:var(--options-border-radius);overflow:clip;justify-content:center;min-height:3.25em;min-width:fit-content;white-space:nowrap;background-color:var(--color-variant-background);color:var(--color-variant-text);gap:0}.variant-option__button-label:hover,.variant-option__button-label:hover:has([aria-disabled=true]):has([data-option-available=false]){background-color:var(--color-variant-hover-background);border-color:var(--color-variant-hover-border);color:var(--color-variant-hover-text)}.variant-option__button-label:not(.variant-option__button-label--has-swatch):has([data-option-available=false]){border-width:0}.variant-option__button-label:not(.variant-option__button-label--has-swatch):before,.variant-option__button-label:has([data-option-available=false]):not(.variant-option__button-label--has-swatch):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--options-border-width) solid var(--color-selected-variant-border);border-radius:inherit;pointer-events:none;z-index:2;clip-path:inset(var(--clip, 0 0 0 0))}.variant-option__button-label:has([data-option-available=false]):not(.variant-option__button-label--has-swatch):before{top:0;right:0;bottom:0;left:0}.variant-option__button-label:not(.variant-option__button-label--has-swatch):before{clip-path:inset(0 0 0 0);border-color:var(--color-variant-border);inset:calc(var(--options-border-width) * -1)}.variant-option__button-label:has(:checked):not(.variant-option__button-label--has-swatch,:has([data-option-available=false])):before{border-color:var(--color-selected-variant-border)}:is(.variant-option__button-label:not(:has(:checked)):has(~label>:checked),.variant-option__button-label:has(:checked):has(~label>[data-previous-checked=true])) .variant-option__button-label__pill{right:0;left:unset}:is(.variant-option__button-label:has([data-previous-checked=true])~label:has([data-current-checked=true]),.variant-option__button-label:has(:checked)~label) .variant-option__button-label__pill{left:0;right:unset}.variant-option__button-label:not(:has(:checked)):has(~label>:checked){--pill-offset: calc(100% + 1px) }.variant-option__button-label:has(:checked)~label{--pill-offset: calc(-100% - 1px) }.variant-option__button-label:has([data-current-checked=true]):first-of-type~label:last-of-type:not(.variant-option__button-label--has-swatch),.variant-option__button-label:not(:has(:checked)):has(~label>:checked):not(.variant-option__button-label--has-swatch){--clip: 0 0 0 100%}.variant-option__button-label:not(:has([data-current-checked=true])):first-of-type:has(~label:last-of-type>:checked):not(.variant-option__button-label--has-swatch),.variant-option__button-label:has(:checked)~label:not(.variant-option__button-label--has-swatch){--clip: 0 100% 0 0}.variant-option__button-label:has([data-previous-checked=true],[data-current-checked=true]) .variant-option__button-label__pill{width:max(var(--pill-width-current, 100%),var(--pill-width-previous, 100%))}@media screen and (min-width:750px){.variant-option__button-label{padding:var(--padding-xs) var(--variant-option-padding-inline)}}.variant-option--buttons:has(:nth-of-type(3)) .variant-option__button-label:has([data-current-checked=true]):first-of-type~label:last-of-type{--pill-offset: calc(100% + 1px) }.variant-option--buttons:has(:nth-of-type(3)) .variant-option__button-label:not(:has([data-current-checked=true])):first-of-type:has(~label:last-of-type>:checked){--pill-offset: calc(-100% - 1px) }.variant-option__button-label__pill{background:var(--color-selected-variant-background);position:absolute;top:calc(var(--options-border-width) * -1);bottom:calc(var(--options-border-width) * -1);border-radius:inherit;pointer-events:none;width:100%;transform:translate(var(--pill-offset, 0))}.variant-option__button-label__text{pointer-events:none;text-align:start;text-wrap:auto;z-index:2}.variant-option--equal-width-buttons{--variant-min-width: clamp(44px, calc(var(--variant-option-padding-inline) * 2 + var(--variant-ch)), 100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--variant-min-width),1fr))}.variant-option--equal-width-buttons .variant-option__button-label{min-width:var(--variant-min-width)}.variant-option--equal-width-buttons .variant-option__button-label__text{text-align:center;text-wrap:balance}.variant-option__button-label:has(:focus-visible){--variant-picker-stroke-color: var(--color-foreground);border-color:var(--color-foreground);outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.variant-option__button-label--has-swatch{--focus-outline-radius: var(--variant-picker-swatch-radius);padding:0;border:none;flex-basis:auto;min-height:auto}.variant-option__button-label--has-swatch:has(input){display:block}.variant-option__button-label:has(:checked){color:var(--color-selected-variant-text);border-color:var(--color-selected-variant-border)}.variant-option__button-label:has(:checked):hover{border-color:var(--color-selected-variant-hover-border);color:var(--color-selected-variant-hover-text)}.variant-option__button-label:has(:checked):hover .variant-option__button-label__pill{background-color:var(--color-selected-variant-hover-background)}.variant-option__button-label:has([data-option-available=false]){color:rgb(var(--color-variant-text-rgb) / var(--opacity-60))}.variant-option__button-label--has-swatch:hover{outline:var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));outline-offset:var(--focus-outline-offset)}.variant-option__button-label--has-swatch:has(:checked){--focus-outline: var(--focus-outline-width) solid var(--color-foreground);outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}@supports not (background-color: rgb(from red 150 g b / alpha)){.variant-option__button-label--has-swatch:has(:checked),.variant-option__button-label:has(:focus-visible) .swatch{outline:none;position:relative;overflow:visible}.variant-option__button-label--has-swatch:has(:checked):after,.variant-option__button-label:has(:focus-visible) .swatch:after{content:"";position:absolute;inset:calc(-1 * var(--focus-outline-offset));border:var(--focus-outline);border-radius:var(--focus-outline-radius, 50%);background-color:transparent;display:inherit}}.variant-option__button-label:has([data-option-available=false]):has(:checked){background-color:inherit;color:rgb(var(--color-variant-text-rgb) / var(--opacity-60))}.variant-option__button-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;padding:0;width:100%;height:100%;aspect-ratio:unset;border:none;border-radius:0;background:transparent;-webkit-appearance:auto;appearance:auto;display:block;cursor:pointer}.variant-option__button-label svg{position:absolute;left:var(--options-border-width);top:var(--options-border-width);height:calc(100% - (var(--options-border-width) * 2));width:calc(100% - (var(--options-border-width) * 2));cursor:pointer;pointer-events:none;stroke-width:var(--style-border-width);stroke:var(--variant-picker-stroke-color)}.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg{stroke:var(--color-variant-border)}.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line{stroke-width:var(--options-border-width)}.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type{clip-path:inset(var(--clip, 0 0 0 0));stroke:rgb(var(--color-variant-text-rgb) / 1)}.sticky-content{position:sticky;top:var(--sticky-header-offset, 0);z-index:var(--layer-flat)}@media screen and (min-width:750px){.sticky-content--desktop,.sticky-content--desktop.full-height--desktop>.group-block{position:sticky;top:var(--sticky-header-offset, 0);z-index:var(--layer-flat)}}.price,.compare-at-price,.unit-price{white-space:nowrap}.unit-price{display:block;font-size:min(.85em,var(--font-paragraph--size));color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.tax-note.tax-note.tax-note{font-size:min(.85em,var(--font-paragraph--size));font-weight:var(--font-paragraph--weight);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.tax-note:empty{display:none}product-price.text-block:is(.h1,.h2,.h3,.h4,.h5,.h6)>*:not(.tax-note){margin-block:0}product-price .volume-pricing-note,product-price.text-block:is(.h1,.h2,.h3,.h4,.h5,.h6) .volume-pricing-note{display:block;font-family:var(--font-body--family);font-weight:400;font-size:var(--font-size--xs);line-height:normal;letter-spacing:normal;text-transform:none;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.compare-at-price{opacity:.4;text-decoration-line:line-through;text-decoration-thickness:1.5px}.price-item__group{display:inline-block}.price-item--sale{white-space:nowrap}.price__hidden{display:none}form.payment-terms{padding-top:.5em;font-size:min(.85em,var(--font-paragraph--size));font-weight:var(--font-paragraph--weight);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.installments:not(:has(shopify-payment-terms)){display:none}.card-gallery{position:relative}@container (max-width: 70px){.card-gallery:hover .quick-add__button{display:none}}[data-quick-add-button=choose] add-to-cart-component{display:none}[data-quick-add-button=add] .quick-add__button--choose{display:none}.drawer{background-color:var(--color-background);position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:var(--layer-raised);transform:translate(-120%);transition:transform var(--animation-speed) var(--animation-easing)}.drawer[data-open=true]{transform:translate(0)}.drawer-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--drawer-header-block-padding) var(--drawer-inline-padding)}.drawer__title{font-size:var(--font-h2--size);margin:0}.drawer__close{width:var(--minimum-touch-target);height:var(--minimum-touch-target)}.drawer__content{display:block;padding:var(--drawer-content-block-padding) var(--drawer-inline-padding);width:100%}.background-overlay{position:relative}.background-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-overlay-color, rgb(0 0 0 / 15%))}.spacing-style{--spacing-scale: var(--spacing-scale-md);--padding-block: 0px;--padding-block-start: var(--padding-block, 0px);--padding-block-end: var(--padding-block, 0px);--padding-inline: 0px;--padding-inline-start: var(--padding-inline, 0px);--padding-inline-end: var(--padding-inline, 0px);--margin-block: 0px;--margin-block-start: var(--margin-block, 0px);--margin-block-end: var(--margin-block, 0px);--margin-inline: 0px;--margin-inline-start: var(--margin-inline, 0px);--margin-inline-end: var(--margin-inline, 0px)}@media screen and (min-width:990px){.spacing-style{--spacing-scale: var(--spacing-scale-default)}}.spacing-style,.inherit-spacing{padding-block:calc(var(--padding-block-start) + var(--section-top-offset, 0px)) var(--padding-block-end);padding-inline:var(--padding-inline-start) var(--padding-inline-end);margin-block:var(--margin-block-start) var(--margin-block-end);margin-inline:var(--margin-inline-start) var(--margin-inline-end)}.size-style{width:var(--size-style-width-mobile, var(--size-style-width));height:var(--size-style-height-mobile, var(--size-style-height))}@media screen and (min-width:750px){.size-style{width:var(--size-style-width);height:var(--size-style-height)}}.custom-typography,.custom-typography>*{font-family:var(--font-family);font-weight:var(--font-weight);text-transform:var(--text-transform);text-wrap:var(--text-wrap);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.custom-typography h1{line-height:var(--line-height--display, var(--line-height))}.custom-typography h2,.custom-typography h3,.custom-typography h4{line-height:var(--line-height--heading, var(--line-height))}.custom-typography p{line-height:var(--line-height--body, var(--line-height))}.custom-font-size,.custom-font-size>*{font-size:var(--font-size)}.custom-font-weight,.custom-font-weight>*{font-weight:var(--font-weight)}.border-style{border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);border-radius:var(--border-radius)}.gap-style,.layout-panel-flex{--gap-scale: var(--spacing-scale-md)}@media screen and (min-width:990px){.gap-style,.layout-panel-flex{--gap-scale: var(--spacing-scale-default)}}.layout-panel-flex{display:flex;gap:var(--gap);height:100%}.layout-panel-flex--row{flex-flow:row var(--flex-wrap);justify-content:var(--horizontal-alignment);align-items:var(--vertical-alignment)}.layout-panel-flex--column{flex-flow:column var(--flex-wrap);align-items:var(--horizontal-alignment);justify-content:var(--vertical-alignment)}@media screen and (max-width:749px){.mobile-column{flex-flow:column nowrap;align-items:var(--horizontal-alignment);justify-content:var(--vertical-alignment-mobile)}.layout-panel-flex--row:not(.mobile-column){flex-wrap:var(--flex-wrap-mobile);height:auto}.layout-panel-flex--row:not(.mobile-column)>.menu{flex:1 1 min-content}.layout-panel-flex--row:not(.mobile-column)>.text-block{flex:1 1 var(--max-width--display-tight)}.layout-panel-flex--row:not(.mobile-column)>.image-block{flex:1 1 var(--size-style-width-mobile-min)}.layout-panel-flex--row:not(.mobile-column)>.button{flex:0 0 fit-content}.layout-panel-flex--row:not(.mobile-column)>.group-block--height-fill{height:calc(var(--section-min-height, auto) - var(--section-height-offset, 0px))}}@media screen and (min-width:750px){.layout-panel-flex{flex-direction:var(--flex-direction)}}.field{position:relative;width:100%;display:flex;transition:box-shadow var(--animation-speed) ease}.field__input{flex-grow:1;text-align:left;border-radius:var(--style-border-radius-inputs);transition:box-shadow var(--animation-speed) ease,background-color var(--animation-speed) ease;padding:var(--input-padding);box-shadow:var(--input-box-shadow);background-color:var(--color-input-background);color:var(--color-input-text);border:none;outline:none;font-size:var(--font-paragraph--size)}.field__input:autofill{background-color:var(--color-input-background);color:var(--color-input-text)}.field__input:is(:focus,:hover){box-shadow:var(--input-box-shadow-focus);background-color:var(--color-input-hover-background)}.field__input--button-radius{border-radius:var(--style-border-radius-buttons-primary)}.field__input--button-padding{padding-inline:var(--padding-3xl)}.field__label{color:rgb(var(--color-input-text-rgb) / var(--opacity-80));font-size:var(--font-paragraph--size);left:var(--input-padding-x);top:50%;transform:translateY(-50%);margin-bottom:0;pointer-events:none;position:absolute;transition:top var(--animation-speed) ease,font-size var(--animation-speed) ease}:is(.rte,.shopify-policy__title) :is(h1,h2,h3,h4,h5,h6){margin-block:clamp(1.5rem,1em * 3.3,2.5rem) var(--font-heading--spacing)}:is(.rte,.shopify-policy__title) :first-child:is(p,h1,h2,h3,h4,h5,h6),:is(.rte,.shopify-policy__title) :first-child:empty+:is(p,h1,h2,h3,h4,h5,h6){margin-block-start:0}:is(.rte,.shopify-policy__title) ul,:is(.rte,.shopify-policy__title) ol{margin-block-start:0;padding-inline-start:1.5em}:is(.rte,.shopify-policy__title) :is(ul,ol):not(:is(ul,ol) :is(ul,ol)){margin-block-end:1em}:is(.rte,.shopify-policy__title) blockquote{margin-inline:1.5em 2.3em;margin-block:3.8em;padding-inline-start:.8em;border-inline-start:1.5px solid rgb(var(--color-foreground-rgb) / var(--opacity-25));font-style:italic;font-weight:500}:is(.rte,.shopify-policy__title) .rte-table-wrapper{overflow-x:auto}:is(.rte,.shopify-policy__title) table{width:100%!important;border-collapse:collapse}:is(.rte,.shopify-policy__title) tr:not(:has(td)),:is(.rte,.shopify-policy__title) thead{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5));font-weight:700;text-transform:uppercase}:is(.rte,.shopify-policy__title) tr:has(td){border-bottom:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10))}:is(.rte,.shopify-policy__title) th,:is(.rte,.shopify-policy__title) td{text-align:start;padding-inline:var(--padding-md);padding-block:var(--padding-sm)}.shopify-policy__container{padding-block:var(--padding-xl)}.checkbox{--checkbox-top: 50%;--checkbox-left: 1.5px;--checkbox-offset: 3px;--checkbox-path-opacity: 0;--checkbox-cursor: pointer;position:relative;display:flex;align-items:center}.checkbox:has(.checkbox__input:checked){--checkbox-path-opacity: 1}.checkbox.checkbox--disabled{--checkbox-cursor: not-allowed}.checkbox__input{position:absolute;opacity:0;margin:0;padding:0;width:var(--checkbox-size);height:var(--checkbox-size);aspect-ratio:unset;border:none;border-radius:0;background:transparent;-webkit-appearance:auto;appearance:auto;display:block;cursor:pointer}.checkbox__input:focus-visible{outline:none}.checkbox__input:focus-visible+.checkbox__label .icon-checkmark{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}.checkbox__input:checked+.checkbox__label .icon-checkmark{background-color:var(--color-foreground);border-color:var(--color-foreground)}.checkbox__input:disabled+.checkbox__label .icon-checkmark{background-color:var(--input-disabled-background-color);border-color:var(--input-disabled-border-color)}.checkbox__label{position:relative;display:inline-flex;cursor:var(--checkbox-cursor);line-height:var(--checkbox-size);min-width:var(--minimum-touch-target)}.checkbox .icon-checkmark{height:var(--checkbox-size);width:var(--checkbox-size);flex-shrink:0;border:var(--checkbox-border);border-radius:var(--checkbox-border-radius);background-color:var(--color-background)}.checkbox__label-text{padding-inline-start:var(--checkbox-label-padding);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox .icon-checkmark path{stroke:var(--color-background);opacity:var(--checkbox-path-opacity);transition:opacity var(--animation-speed) var(--animation-easing)}.checkbox__input:disabled+.checkbox__label{color:var(--input-disabled-text-color)}:where(input[type=radio]),:where(input[type=checkbox]){width:var(--checkbox-size);height:var(--checkbox-size);aspect-ratio:1;margin:0;margin-inline-end:var(--padding-3xs);padding:0;border:var(--checkbox-border);-webkit-appearance:none;appearance:none;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}input[type=radio]{border-radius:var(--style-border-radius-50);background:transparent;transition:border-color .2s ease,background-color .2s ease}:where(input[type=radio]):checked{border-color:var(--color-foreground);background:var(--color-background)}:where(input[type=radio]):checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--checkbox-size) / 2);height:calc(var(--checkbox-size) / 2);background:var(--color-foreground);border-radius:var(--style-border-radius-50);transition:background .2s ease}:where(input[type=radio]):disabled{border-color:var(--input-disabled-border-color);background-color:var(--input-disabled-background-color);cursor:not-allowed}:where(input[type=radio]):disabled:checked:after{background:var(--input-disabled-background-color)}:where(input[type=radio]):not(:disabled):hover{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-40-60));background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5))}:where(input[type=radio]):not(:disabled):hover:checked{border-color:var(--color-foreground);background-color:var(--color-background)}:where(input[type=radio]):not(:disabled):hover:checked:after{background:rgb(var(--color-foreground-rgb) / var(--opacity-85))}:where(input[type=checkbox]){border-radius:var(--checkbox-border-radius);background-color:var(--color-background);transition:border-color .2s ease,background-color .2s ease}:where(input[type=checkbox]):checked{background-color:var(--color-foreground);border-color:var(--color-foreground)}:where(input[type=checkbox]):checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--checkbox-size);height:var(--checkbox-size);background-color:var(--color-background);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}:where(input[type=checkbox]):not(:disabled):hover{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-40-60));background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5))}:where(input[type=checkbox]):not(:disabled):hover:checked{border-color:var(--color-foreground);background-color:rgb(var(--color-foreground-rgb) / var(--opacity-85))}:where(input[type=checkbox]):disabled{background-color:var(--input-disabled-background-color);border-color:var(--input-disabled-border-color);cursor:not-allowed}:where(input[type=checkbox]):disabled:checked:after{background-color:var(--input-disabled-text-color)}:where(input[type=radio])+label,:where(input[type=checkbox])+label{display:inline;vertical-align:middle;cursor:pointer}:where(input[type=radio]):disabled+label,:where(input[type=checkbox]):disabled+label{color:var(--input-disabled-text-color);cursor:not-allowed}label:has(input[type=radio]),label:has(input[type=checkbox]){display:inline-flex;align-items:center;gap:var(--padding-2xs);cursor:pointer}label:has(input[type=radio]:disabled),label:has(input[type=checkbox]:disabled){cursor:not-allowed}.variant-option__button-label--has-swatch:has(input[type=radio]){display:block}.button[id^=BuyButtons-ProductSubmitButton-]{position:relative;overflow:hidden}.cart-items-component{width:100%;height:100%;display:flex;flex-direction:column}.cart-primary-typography{font-family:var(--cart-primary-font-family);font-style:var(--cart-primary-font-style);font-weight:var(--cart-primary-font-weight)}.cart-secondary-typography{font-family:var(--cart-secondary-font-family);font-style:var(--cart-secondary-font-style);font-weight:var(--cart-secondary-font-weight)}.quantity-selector{--quantity-selector-width: 124px;display:flex;justify-content:space-between;align-items:center;color:var(--color-input-text);background-color:var(--color-input-background);border:var(--style-border-width-inputs) solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);flex:1 1 var(--quantity-selector-width);align-self:stretch;transition:background-color var(--animation-speed) var(--animation-easing)}.quantity-selector:hover{background-color:var(--color-input-hover-background)}.product-form-buttons:has(.add-to-cart-button.button-secondary) .quantity-selector{border-radius:var(--style-border-radius-buttons-secondary)}.quantity-selector :is(.quantity-minus,.quantity-plus){padding:0;background:transparent;box-shadow:none;display:flex;justify-content:center;align-items:center;cursor:pointer;width:var(--minimum-touch-target);height:var(--minimum-touch-target);flex-shrink:0;color:var(--color-input-text)}.quantity-selector .quantity-minus{border-start-start-radius:var(--style-border-radius-inputs);border-end-start-radius:var(--style-border-radius-inputs)}.quantity-selector .quantity-plus{border-start-end-radius:var(--style-border-radius-inputs);border-end-end-radius:var(--style-border-radius-inputs)}.product-details .quantity-selector,.quick-add-modal .quantity-selector{border-radius:var(--style-border-radius-buttons-primary)}.product-details .quantity-selector .quantity-minus,.quick-add-modal .quantity-selector .quantity-minus{border-start-start-radius:var(--style-border-radius-buttons-primary);border-end-start-radius:var(--style-border-radius-buttons-primary)}.product-details .quantity-selector .quantity-plus,.quick-add-modal .quantity-selector .quantity-plus{border-start-end-radius:var(--style-border-radius-buttons-primary);border-end-end-radius:var(--style-border-radius-buttons-primary)}.quantity-selector .svg-wrapper{transition:transform var(--animation-speed) var(--animation-easing)}.quantity-selector svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}:is(.quantity-minus,.quantity-plus):active .svg-wrapper{transform:scale(.9)}.quantity-selector input[type=number]{margin:0;text-align:center;border:none;-webkit-appearance:none;appearance:none;max-width:calc(var(--quantity-selector-width) - var(--minimum-touch-target) * 2);border-radius:var(--style-border-radius-buttons);color:var(--color-input-text);background-color:transparent}.quantity-selector input[type=number]::-webkit-inner-spin-button,.quantity-selector input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.quantity-selector input[type=number]{-webkit-appearance:textfield;appearance:textfield}.pills__pill{--pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));color:var(--color-foreground);display:flex;justify-content:space-between;align-items:center;gap:var(--gap-sm);min-width:48px;padding:6px 12px;border-radius:var(--style-border-radius-pills);cursor:pointer;background-color:var(--pills-pill-background-color);transition:background-color var(--animation-speed) var(--animation-easing)}.pills__pill:hover{--pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25))}@media screen and (max-width:749px){.pills__pill{padding:var(--padding-xs) var(--padding-md)}}.pills__pill>.svg-wrapper{--close-icon-opacity: .4;--icon-stroke-width: 1px;color:var(--color-foreground)}@media screen and (max-width:749px){.pills__pill--swatch{padding-inline-start:var(--padding-sm)}}.pills__pill--swatch .swatch{margin-right:-4px}@media screen and (min-width:750px){.pills__pill--desktop-small{font-size:var(--font-size--xs)}}fly-to-cart{--offset-y: 10px;position:fixed;width:var(--width, 40px);height:var(--height, 40px);left:0;top:0;z-index:calc(infinity);pointer-events:none;border-radius:var(--style-border-radius-buttons-primary);overflow:hidden;object-fit:cover;background-size:cover;background-position:center;opacity:0;background-color:var(--color-foreground);translate:var(--start-x, 0) var(--start-y, 0);transform:translate(-50%,-50%);animation-name:travel-x,travel-y,travel-scale;animation-timing-function:var(--x-timing),var(--y-timing),var(--scale-timing);animation-duration:.6s;animation-composition:accumulate;animation-fill-mode:both}fly-to-cart.fly-to-cart--main{--x-timing: cubic-bezier(.7, -5, .98, .5);--y-timing: cubic-bezier(.15, .57, .9, 1.05);--scale-timing: cubic-bezier(.85, .05, .96, 1)}fly-to-cart.fly-to-cart--quick{--x-timing: cubic-bezier(0, -.1, 1, .32);--y-timing: cubic-bezier(0, .92, .92, 1.04);--scale-timing: cubic-bezier(.86, .08, .98, .98);animation-duration:.6s}fly-to-cart.fly-to-cart--sticky{--x-timing: cubic-bezier(.98, -.8, .92, .5);--y-timing: cubic-bezier(.14, .56, .92, 1.04);--scale-timing: cubic-bezier(.86, .08, .98, .98);--radius: var(--style-border-radius-buttons-primary);animation-duration:.8s}@media screen and (max-width:749px){fly-to-cart.fly-to-cart--sticky{--x-timing: cubic-bezier(.98, -.1, .92, .5)}}@keyframes travel-scale{0%{opacity:var(--start-opacity, 1)}5%{opacity:1}to{border-radius:50%;opacity:1;transform:translate(-50%,calc(-50% + var(--offset-y))) scale(.25)}}@keyframes travel-x{to{translate:var(--travel-x, 0) 0}}@keyframes travel-y{to{translate:0 var(--travel-y, 0)}}@media screen and (min-width:750px){.collection-wrapper{--facets-vertical-col-width: 6;grid-template-columns:1fr repeat(var(--centered-column-number),minmax(0,calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))) 1fr}}@media screen and (min-width:990px){.collection-wrapper{--facets-vertical-col-width: 5}}@media screen and (min-width:750px){.collection-wrapper:has(.facets-block-wrapper--full-width),.collection-wrapper:has(.collection-wrapper--full-width){grid-column:1 / -1;grid-template-columns:minmax(var(--page-margin),1fr) repeat(var(--centered-column-number),minmax(0,calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))) minmax(var(--page-margin),1fr)}}@media screen and (min-width:750px){.collection-wrapper:has(.facets--vertical) .facets-block-wrapper--vertical:not(.hidden)~.main-collection-grid{grid-column:var(--facets-vertical-col-width) / var(--full-width-column-number)}}@media screen and (min-width:750px){.collection-wrapper:has(.facets-block-wrapper--vertical:not(#filters-drawer)):has(.collection-wrapper--full-width){grid-column:1 / -1;grid-template-columns:0fr repeat(var(--centered-column-number),minmax(0,1fr)) 0fr}}@media screen and (max-width:749px){:is(.collection-wrapper--full-width,.collection-wrapper--full-width-on-mobile) [product-grid-view=default] .product-grid__card{padding-inline-start:max(var(--padding-xs),var(--padding-inline-start));padding-inline-end:max(var(--padding-xs),var(--padding-inline-end))}}@media screen and (max-width:749px){:is(.collection-wrapper--full-width,.collection-wrapper--full-width-on-mobile) [product-grid-view=mobile-single] .product-grid__card{padding-inline-start:max(var(--padding-xs),var(--padding-inline-start));padding-inline-end:max(var(--padding-xs),var(--padding-inline-end))}}@media screen and (max-width:749px){:is(.collection-wrapper--full-width) .card-gallery,:is(.collection-wrapper--full-width-on-mobile) .card-gallery{margin-inline-start:calc(-1*max(var(--padding-xs),var(--padding-inline-start)));margin-inline-end:calc(-1*max(var(--padding-xs),var(--padding-inline-end)))}}.collection-wrapper--full-width .main-collection-grid__title{margin-left:var(--page-margin)}@media screen and (max-width:749px){.collection-wrapper--full-width-on-mobile .main-collection-grid__title{margin-left:var(--page-margin)}}@media screen and (min-width:750px){.collection-wrapper--grid-full-width .facets--vertical:not(.facets--drawer){padding-inline-start:max(var(--padding-sm),var(--padding-inline-start))}}@media screen and (max-width:749px){.collection-wrapper:has(.product-grid-mobile--large) .facets-mobile-wrapper.facets-controls-wrapper{display:none}}@media screen and (min-width:750px){.collection-wrapper:has(>.facets--horizontal) .facets__panel[open]{z-index:var(--facets-open-z-index)}}@keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes move-and-fade{0%{transform:translate(var(--start-x, 0),var(--start-y, 0));opacity:var(--start-opacity, 0)}to{transform:translate(var(--end-x, 0),var(--end-y, 0));opacity:var(--end-opacity, 1)}}@keyframes slideInTopViewTransition{0%{transform:translateY(100px)}}@keyframes elementSlideInTop{0%{margin-top:var(--padding-sm);opacity:0}to{margin-top:0;opacity:1}}@keyframes elementSlideOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(var(--padding-sm));opacity:0}}@keyframes elementSlideInBottom{0%{transform:translateY(calc(-1 * var(--padding-sm)));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes elementSlideOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(-1 * var(--padding-sm)));opacity:0}}@keyframes thumbnailsSlideInTop{0%{transform:translateY(calc(-50% + var(--margin-lg)));opacity:0}to{transform:translateY(-50%);opacity:1}}@keyframes thumbnailsSlideOutTop{0%{transform:translateY(-50%);opacity:1}to{transform:translateY(calc(-50% + var(--margin-lg)));opacity:0}}@keyframes thumbnailsSlideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes thumbnailsSlideOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes search-element-slide-in-bottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes search-element-slide-out-bottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes dialogZoom{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(1em)}}@keyframes thumbnail-selected{0%,to{box-shadow:0 0 0 2px transparent;scale:.9}50%{box-shadow:0 0 0 2px #000;scale:1}}@keyframes backdropFilter{0%{-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1)}to{-webkit-backdrop-filter:brightness(.75);backdrop-filter:brightness(.75)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideInTop{0%{transform:translateY(var(--padding-sm));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalSlideOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(var(--padding-sm));opacity:0}}.bubble{display:inline-flex;height:calc(var(--variant-picker-swatch-height) / 1.5);font-size:var(--font-size--xs);border-radius:20px;min-width:20px;padding:0 6px;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-10-25));color:var(--color-foreground);align-items:center;justify-content:center}.bubble svg{width:12px;height:12px}.top-shadow:before{content:"";box-shadow:0 0 10px var(--color-shadow);position:absolute;z-index:var(--layer-lowest);top:0;right:0;bottom:0;left:0;clip-path:inset(-50px 0 0 0)}@media screen and (min-width:750px){.top-shadow--mobile:before{display:none}}.bottom-shadow:before{content:"";box-shadow:0 0 10px var(--color-shadow);position:absolute;z-index:var(--layer-lowest);top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 -50px 0)}@media screen and (min-width:750px){.bottom-shadow--mobile:before{display:none}}.video-placeholder-wrapper{position:relative;width:100%;height:100%;aspect-ratio:var(--size-style-aspect-ratio, auto)}:not(deferred-media)>.video-placeholder-wrapper{width:var(--video-placeholder-width)}.video-placeholder-wrapper>*{width:100%;height:100%;object-fit:cover;object-position:center}:not(.media-gallery--carousel)>:is(slideshow-component:hover,slideshow-component:focus-within):not(:has(slideshow-controls:hover))>slideshow-container>slideshow-arrows .slideshow-control{animation:arrowsSlideIn var(--animation-speed) var(--animation-easing) forwards}@keyframes arrowsSlideIn{0%{transform:translate(var(--padding-sm));opacity:0}to{opacity:1}}.section-resource-list,.section-carousel{row-gap:var(--gap)}.section-resource-list__content{display:flex;flex-direction:column;align-items:var(--horizontal-alignment);gap:var(--gap);width:100%}.section-resource-list__content:empty{display:none}.section-resource-list__header:is(:empty,:has(.group-block-content:empty)),.section-resource-list__content:empty{display:none}@media screen and (max-width:749px){:where(.section-resource-list.section--full-width) product-card[data-product-transition]>.group-block,:where(.section-carousel.section--full-width) product-card[data-product-transition]>.group-block{padding-inline:max(var(--padding-xs),var(--padding-inline-start)) max(var(--padding-xs),var(--padding-inline-end))}}.resource-list--carousel-mobile{display:block}@media screen and (min-width:750px){.resource-list--carousel-mobile{display:none}}.resource-list{--resource-list-mobile-gap-max: 9999px;--resource-list-column-gap: min(var(--resource-list-column-gap-desktop), var(--resource-list-mobile-gap-max));--resource-list-row-gap: min(var(--resource-list-row-gap-desktop), var(--resource-list-mobile-gap-max));width:100%}@media screen and (max-width:749px){.resource-list{--resource-list-mobile-gap-max: 12px}}@container resource-list (max-width: 749px){.resource-list{--resource-list-mobile-gap-max: 12px}}.resource-list--grid{display:grid;gap:var(--resource-list-row-gap) var(--resource-list-column-gap);grid-template-columns:var(--resource-list-columns-mobile)}@media screen and (min-width:750px){.resource-list--grid{grid-template-columns:var(--resource-list-columns)}}@container resource-list (max-width: 449px){.resource-list--grid{grid-template-columns:var(--resource-list-columns-mobile)}}@container resource-list(min-width: 450px) and (max-width: 749px){.resource-list--grid{--resource-list-columns-per-row: 3;grid-template-columns:repeat(var(--resource-list-columns-per-row),1fr)}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(3n+1)),.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(8n)){--resource-list-columns-per-row: 4}}@container resource-list (min-width: 750px){.resource-list--grid{grid-template-columns:repeat(var(--resource-list-columns-per-row),1fr)}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(n+9)){--resource-list-columns-per-row: 5}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(n+7):nth-last-child(-n+8)){--resource-list-columns-per-row: 4}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(6)){--resource-list-columns-per-row: 3}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(5)){--resource-list-columns-per-row: 5}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(-n+4)){--resource-list-columns-per-row: 4}}@container resource-list (min-width: 1200px){.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(6)){--resource-list-columns-per-row: 6}}.resource-list__item{height:100%;color:var(--color-foreground);text-decoration:none}.group-block,.group-block-content{position:relative}.group-block:has(>video-background-component),.group-block:has(>.background-image-container){overflow:hidden}.group-block-content{height:100%;width:100%}.section-content-wrapper.section-content-wrapper:where(.layout-panel-flex) .group-block--fill{flex:1}.layout-panel-flex--row>.group-block--width-fit{flex:0}.layout-panel-flex--row>.group-block--width-fill{flex:1}.layout-panel-flex--row>.group-block--width-custom{flex-basis:var(--size-style-width)}.group-block--height-fit{height:auto}.group-block--height-custom,.group-block--height-fill{height:var(--size-style-height)}.layout-panel-flex--column>.group-block--height-fit{flex:0 1 auto}.layout-panel-flex--column>.group-block--height-fill{flex:1}.layout-panel-flex--column>.group-block--height-custom{flex-basis:var(--size-style-height)}text-component{--shimmer-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));--shimmer-color-light: rgb(var(--color-foreground-rgb) / var(--opacity-10));--shimmer-speed: 1.25s;display:inline-block;position:relative;transition:color var(--animation-speed-slow) ease;line-height:1}text-component:after{content:attr(value);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;opacity:0;transition:opacity var(--animation-speed-slow) var(--animation-easing);pointer-events:none;background-image:linear-gradient(-85deg,var(--shimmer-text-color) 10%,var(--shimmer-color-light) 50%,var(--shimmer-text-color) 90%);background-clip:text;background-size:200% 100%;background-position:100% 0;place-content:center}text-component[shimmer]{color:transparent}text-component[shimmer]:after{opacity:1;animation:text-shimmer var(--shimmer-speed) infinite linear}@keyframes text-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.transition-background-color{transition:background-color var(--animation-speed-medium) ease-in-out}.transition-transform{transition:transform var(--animation-speed-medium) var(--animation-timing-bounce)}.transition-border-color{transition:border-color var(--animation-speed-medium) var(--animation-timing-hover)}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-40));border-radius:20px;border:6px solid transparent;background-clip:content-box;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}[product-grid-view=zoom-out] :is(.product-card,.product-grid__card) :is(h4,.h4){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}@media screen and (max-width:749px){:is(.product-card,.product-grid__card) :is(h4,.h4){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}}.product-card:hover,.collection-card:hover,.predictive-search-results__card--product:hover,.predictive-search-results__card:hover{position:relative;z-index:var(--layer-raised);transition:transform var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing)}.predictive-search-results__inner{flex-grow:1;overflow-y:auto;padding-block:var(--padding-lg);container-type:inline-size;color:var(--color-foreground)}@media screen and (max-width:1200px){input,textarea,select,.paragraph.paragraph input,.paragraph.paragraph textarea,.paragraph.paragraph select,.h1.h1 input,.h1.h1 textarea,.h1.h1 select,.h2.h2 input,.h2.h2 textarea,.h2.h2 select,.h3.h3 input,.h3.h3 textarea,.h3.h3 select,.h4.h4 input,.h4.h4 textarea,.h4.h4 select,.h5.h5 input,.h5.h5 textarea,.h5.h5 select,.h6.h6 input,.h6.h6 textarea,.h6.h6 select{font-size:max(1rem,100%)}}.product-recommendations{display:block}.product-recommendations__skeleton-item{aspect-ratio:3 / 4;background-color:var(--color-foreground);opacity:var(--skeleton-opacity);border-radius:4px}@media screen and (max-width:749px){.product-recommendations__skeleton-item:nth-child(odd){display:none}}product-recommendations:has([data-has-recommendations=false]){display:none}.add-to-cart-button{--text-speed: .26;--base-delay: calc(var(--text-speed) * .25);--tick-speed: .1;--ring-speed: .2;--check-speed: .2;--burst-speed: .32;--step-delay: 3;--speed: 1;-webkit-user-select:none;user-select:none;transition-property:color,box-shadow,background-color,scale,translate;transition-duration:var(--animation-speed);transition-timing-function:var(--ease-out-cubic)}.add-to-cart-button:active{scale:.99;translate:0 1px}.add-to-cart-button .svg-wrapper .checkmark-burst{width:30px;height:30px}.add-to-cart-text{--atc-opacity: 0;--atc-destination: -1em;display:flex;gap:var(--gap-2xs);align-items:center;justify-content:center;animation-duration:var(--animation-speed);animation-timing-function:var(--animation-easing);animation-fill-mode:forwards;transition:width var(--animation-speed) var(--animation-easing),opacity var(--animation-speed) var(--animation-easing)}.add-to-cart__added{--atc-opacity: 1;--atc-destination: 0px;position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;align-items:center;justify-content:center;gap:.3rem}.add-to-cart__added-icon{width:32px;height:32px}[data-added=true] .add-to-cart-text,[data-added=true] .add-to-cart__added{animation-name:atc-slide}.checkmark-burst{opacity:0;overflow:visible}.checkmark-burst .burst{rotate:20deg}.checkmark-burst .check{opacity:.2;scale:.8;filter:blur(2px);transform:translateZ(0)}.checkmark-burst :is(.ring,.line,.check,.burst,.tick){transform-box:fill-box;transform-origin:center}.checkmark-burst :is(.line){stroke-dasharray:1.5 1.5;stroke-dashoffset:-1.5;translate:0 -180%}.checkmark-burst g{transform-origin:center;rotate:calc(var(--index) * (360 / 8) * 1deg)}.add-to-cart-button[data-added=true] .checkmark-burst{opacity:1}.add-to-cart-button[data-added=true] .check{opacity:1;scale:1;filter:blur(0)}.add-to-cart-button[data-added=true] .tick{scale:1.75}.add-to-cart-button[data-added=true] .ring{opacity:0;scale:1}.add-to-cart-button[data-added=true] .line{stroke-dashoffset:1.5}.add-to-cart-button[data-added=true] .add-to-cart-text{clip-path:circle(0% at 50% 50%);filter:blur(2px);opacity:0;translate:0 4px}@media(prefers-reduced-motion:no-preference){.add-to-cart-button[data-added=true] .check{transition-property:opacity,scale,filter;transition-duration:calc(calc(var(--check-speed) * 1s));transition-delay:calc((var(--base-delay) * 1s));transition-timing-function:var(--ease-out-quad)}.add-to-cart-button[data-added=true] .tick{transition-property:scale;transition-duration:calc((calc(var(--tick-speed) * 1s)));transition-delay:calc(((var(--base-delay) + (var(--check-speed) * (var(--step-delay) * 1.1))) * 1s));transition-timing-function:ease-out}.add-to-cart-button[data-added=true] .ring{transition-property:opacity,scale;transition-duration:calc((calc(var(--ring-speed) * 1s)));transition-delay:calc(((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s));transition-timing-function:var(--ease-out-quad)}.add-to-cart-button[data-added=true] .line{transition-property:stroke-dashoffset;transition-duration:calc((calc(var(--burst-speed) * 1s)));transition-delay:calc(((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s));transition-timing-function:var(--ease-out-cubic)}.add-to-cart-text{transition-property:clip-path,opacity,filter,translate;transition-duration:calc((var(--text-speed) * .6s)),calc((var(--text-speed) * 1s));transition-timing-function:ease-out}}.add-to-cart-text{clip-path:circle(100% at 50% 50%)}@keyframes atc-slide{to {opacity: var(--atc-opacity, 1); translate: 0px var(--atc-destination, 0px);} * {box-sizing: border-box;} body {color: var(--color-foreground); background: var(--color-background); display: flex; flex-direction: column; margin: 0; min-height: 100svh; font-variation-settings: "slnt" 0;} :root { --hover-lift-amount: 4px; --hover-scale-amount: 1.03; --hover-subtle-zoom-amount: 1.015; --hover-shadow-color: var(--color-shadow); --hover-transition-duration: .25s; --hover-transition-timing: ease-out; --surface-transition-duration: .3s; --surface-transition-timing: var(--ease-out-quad); --submenu-animation-speed: .36s; --submenu-animation-easing: cubic-bezier(.25, .1, .25, 1); } html {scrollbar-width: thin; scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background); scroll-behavior: smooth;} html[scroll-lock] {overflow: hidden;} img,picture,video,canvas,svg {display: block; max-width: 100%;} img {width: 100%; height: auto;} input,textarea,select {font: inherit; border-radius: var(--style-border-radius-inputs);} input:hover,textarea:hover {background-color: var(--color-input-hover-background);} select {background-color: var(--color-background); color: currentcolor;} .collection-card,.featured-blog-posts-card {width: 100%; position: relative; height: 100%;} .resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio,.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio {.collection-card__image,.featured-blog-posts-card__image,.blog-placeholder-svg {aspect-ratio: 99; height: 100%;} .collection-card__inner,.featured-blog-posts-card__inner {display: flex; flex-direction: column; height: 100%;} .collection-card__content,.featured-blog-posts-card__content {flex-shrink: 0;} &:not(.collection-card--image-bg) .collection-card__content,.featured-blog-posts-card__content {height: auto;}} .collection-card__inner,.featured-blog-posts-card__inner {width: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; z-index: var(--layer-flat); pointer-events: none;} .collection-card__content,.featured-blog-posts-card__content {display: flex; position: relative; height: 100%; width: 100%; gap: var(--gap);} .collection-card__link,.featured-blog-posts-card__link {position: absolute; inset: 0; border-radius: var(--border-radius);} .product-card,.collection-card,.predictive-search-results__card--product,.predictive-search-results__card {position: relative; transition: transform var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing); z-index: var(--layer-flat);} .product-card__link {position: absolute; inset: 0;} .product-card__content {position: relative;} .product-card__content {cursor: pointer;} @media (any-pointer: fine) and (prefers-reduced-motion: no-preference) {.card-hover-effect-lift .product-card:hover,.card-hover-effect-lift .collection-card:hover,.card-hover-effect-lift .predictive-search-results__card:hover {transform: translateY(calc(-1 * var(--hover-lift-amount)));} .card-hover-effect-scale .product-card:hover,.card-hover-effect-scale .collection-card:hover,.card-hover-effect-scale .predictive-search-results__card:hover {transform: scale(var(--hover-scale-amount));} .card-hover-effect-subtle-zoom .card-gallery,.card-hover-effect-subtle-zoom .collection-card__image,.card-hover-effect-subtle-zoom .product-card__image {overflow: hidden; transition: transform var(--hover-transition-duration) var(--hover-transition-timing);} .card-hover-effect-subtle-zoom .product-card:hover .card-gallery,.card-hover-effect-subtle-zoom .collection-card:hover .collection-card__image,.card-hover-effect-subtle-zoom .product-card:hover .product-card__image,.card-hover-effect-subtle-zoom .predictive-search-results__card:hover {transform: scale(var(--hover-subtle-zoom-amount));}} dialog { --backdrop-color-rgb: var(--color-shadow-rgb); background-color: var(--color-background); color: var(--color-foreground); } p,h1,h2,h3,h4,h5,h6 {overflow-wrap: break-word;} .wrap-text {overflow-wrap: break-word; word-break: break-word; hyphens: auto;} p:empty {display: none;} :first-child:is(p,h1,h2,h3,h4,h5,h6),:first-child:empty + :where(p,h1,h2,h3,h4,h5,h6) {margin-block-start: 0;} :last-child:is(p,h1,h2,h3,h4,h5,h6),:where(p,h1,h2,h3,h4,h5,h6):nth-child(2):has(+ :last-child:empty) {margin-block-end: 0;} @media (prefers-reduced-motion: no-preference) {@view-transition {navigation: auto;} :root {view-transition-name: none;} html:active-view-transition-type(page-navigation),html:active-view-transition-type(product-image-transition) {view-transition-name: root-custom;} ::view-transition {pointer-events: none;} html:active-view-transition-type(page-navigation) main[data-page-transition-enabled="true"] {view-transition-name: main-content;} html:active-view-transition-type(page-navigation) main[data-product-transition="true"][data-template*="product"] {view-transition-name: none;} ::view-transition-old(main-content) {animation: var(--view-transition-old-main-content);} ::view-transition-new(main-content) {animation: var(--view-transition-new-main-content);} html:active-view-transition-type(product-image-transition) {[data-view-transition-type="product-image-transition"] {view-transition-name: product-image-transition;} [data-view-transition-type="product-details"] {view-transition-name: product-details;}} ::view-transition-group(product-image-transition) {z-index: 1;} ::view-transition-group(product-image-transition),::view-transition-group(product-details) {animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing);} ::view-transition-old(product-image-transition),::view-transition-new(product-image-transition) {block-size: 100%; overflow: hidden; object-fit: cover; animation-duration: .25s; animation-timing-function: var(--animation-easing);} ::view-transition-new(product-details) {animation: var(--view-transition-new-main-content);}} *:focus-visible {outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset);} @supports not selector(:focus-visible) {*:focus {outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset);}} .focus-inset {outline-offset: calc(var(--focus-outline-width) * -1);} .content-for-layout {flex: 1; display: flex; flex-direction: column;} .content-for-layout > .shopify-section:last-child {flex-grow: 1;} .page-width-wide,.page-width-normal,.page-width-narrow,.page-width-content { --page-margin: 16px; } @media screen and (min-width: 750px) {.page-width-wide,.page-width-normal,.page-width-narrow,.page-width-content { --page-margin: 40px; }} .page-width-wide { --page-content-width: var(--wide-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } .page-width-normal { --page-content-width: var(--normal-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } .page-width-narrow,.page-width-content { --page-content-width: var(--narrow-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } .page-width-content { --page-content-width: var(--normal-content-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); } .section { --full-page-grid-central-column-width: min( var(--page-width) - var(--page-margin) * 2, calc(100% - var(--page-margin) * 2) ); --full-page-grid-margin: minmax(var(--page-margin), 1fr); --full-page-grid-with-margins: var(--full-page-grid-margin) var(--full-page-grid-central-column-width) var(--full-page-grid-margin); --util-page-margin-offset: max( var(--page-margin), calc((100% - min(var(--page-content-width), 100% - var(--page-margin) * 2))/2) ); --full-page-margin-inline-offset: calc(((100vw - var(--full-page-grid-central-column-width)) / 2) * -1); width: 100%; position: relative; display: grid; grid-template-columns: var(--full-page-grid-with-margins); min-height: var(--section-min-height, "auto"); } .section > * {grid-column: 2;} .shopify-section:not(.header-section) :is(.section,.cart-summary) {background: transparent;} .shopify-section:not(.header-section):has(.section) {position: relative;} .shopify-section:not(.header-section) .section-background {content: ""; position: absolute; inset: 0; z-index: var(--layer-section-background);} .section--page-width > * {grid-column: 2;} .section--full-width > * {grid-column: 1 / -1;} @media screen and (max-width: 749px) {.section--mobile-full-width > * {grid-column: 1 / -1;}} .section--page-width.section--full-width-right > * {grid-column: 2 / 4;} .section--full-width.section--full-width-margin > * {grid-column: 1 / -1; @media screen and (min-width: 750px) {padding-left: var(--page-margin); padding-right: var(--page-margin);}} .section > .force-full-width {grid-column: 1 / -1;} .section--height-small { --section-min-height: var(--section-height-small); } .section--height-medium { --section-min-height: var(--section-height-medium); } .section--height-large { --section-min-height: var(--section-height-large); } .section--height-full-screen { --section-min-height: 100svh; } .section-content-wrapper.section-content-wrapper {min-height: calc(var(--section-min-height, "auto") - var(--section-height-offset, 0px)); position: relative; width: 100%; height: 100%;} .hidden {display: none !important;} @media screen and (max-width: 749px) {.hidden--mobile,.mobile\:hidden {display: none !important;}} @media screen and (min-width: 750px) {.hidden--desktop,.desktop\:hidden {display: none !important;}} .hide-when-empty:empty {display: none !important;} .visually-hidden:not(:focus,:active) {position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal !important;} @media screen and (max-width: 749px) {.is-visually-hidden-mobile:not(:focus,:active) {position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal !important;}} .contents {display: contents;} .flex {display: flex; gap: var(--gap-md);} .grid { --centered-column-number: 12; --full-width-column-number: 14; --centered: column-1 / span var(--centered-column-number); --full-width: column-0 / span var(--full-width-column-number); display: flex; flex-direction: column; } @media screen and (min-width: 750px) {.grid {display: grid; gap: 0; grid-template-columns: var(--margin-4xl) repeat(var(--centered-column-number),minmax(0,1fr)) var(--margin-4xl); grid-template-areas: "column-0 column-1 column-2 column-3 column-4 column-5 column-6 column-7 column-8 column-9 column-10 column-11 column-12 column-13";}} @media screen and (min-width: 1400px) {.grid {grid-template-columns: 1fr repeat(var(--centered-column-number),minmax(0,calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))) 1fr;}} .flex {display: flex; gap: var(--gap-md);} .flip-x {scale: -1 1;} .flip-y {scale: 1 -1;} .list-unstyled {margin: 0; padding: 0; list-style: none;} .text-left { --text-align: left; text-align: left; } .text-center { --text-align: center; text-align: center; } .text-right { --text-align: right; text-align: right; } .text-inherit {color: inherit;} .user-select-text {user-select: text;} .justify-left {justify-content: left;} .justify-center {justify-content: center;} .justify-right {justify-content: right;} .title--aligned-center {display: flex; align-items: center; gap: 1rem;} .background-image-container {overflow: hidden; position: absolute; inset: 0; opacity: var(--image-opacity);} .background-image-container img,.background-image-container svg {object-fit: cover; width: 100%; height: 100%;} .background-image-fit img,.background-image-fit svg {object-fit: contain;} .svg-wrapper {color: currentcolor; display: inline-flex; justify-content: center; align-items: center; width: var(--icon-size-sm); height: var(--icon-size-sm); pointer-events: none;} .svg-wrapper--smaller {width: var(--icon-size-2xs); height: var(--icon-size-2xs);} .svg-wrapper--small {width: var(--icon-size-xs); height: var(--icon-size-xs);} .svg-wrapper > svg {width: var(--icon-size-sm); height: var(--icon-size-sm);} .relative {position: relative;} .icon-success,.icon-error {width: var(--icon-size-md); height: var(--icon-size-md); flex-shrink: 0;} .icon-success {color: var(--color-success);} .icon-error {fill: var(--color-error);} .icon-default {fill: currentColor;} [data-placeholder="true"] * {cursor: default;} body,.paragraph:not(.button),.paragraph > *,.text-block.paragraph :is(h1,h2,h3,h4,h5,h6) {font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-weight: var(--font-paragraph--weight); font-size: var(--font-paragraph--size); line-height: var(--font-paragraph--line-height); text-transform: var(--font-paragraph--case); -webkit-font-smoothing: antialiased; color: var(--color, var(--color-foreground));} @media screen and (max-width: 1200px) {input.paragraph.paragraph,input.paragraph.paragraph:not([type]),textarea.paragraph.paragraph,select.paragraph.paragraph {font-size: max(1rem,var(--font-paragraph--size));}} .paragraph > small {font-size: smaller;} h1,.h1.h1,.text-block.h1 > *,.text-block.h1 :is(h1,h2,h3,h4,h5,h6) {font-family: var(--font-h1--family); font-style: var(--font-h1--style); font-weight: var(--font-h1--weight); font-size: var(--font-h1--size); line-height: var(--font-h1--line-height); letter-spacing: var(--font-h1--letter-spacing); text-transform: var(--font-h1--case); color: var(--color, var(--font-h1-color));} @media screen and (max-width: 1200px) {input.h1.h1,textarea.h1.h1,select.h1.h1 {font-size: max(1rem,var(--font-h1--size));}} h2,.h2.h2,.text-block.h2 > *,.text-block.h2 :is(h1,h2,h3,h4,h5,h6) {font-family: var(--font-h2--family); font-style: var(--font-h2--style); font-weight: var(--font-h2--weight); font-size: var(--font-h2--size); line-height: var(--font-h2--line-height); letter-spacing: var(--font-h2--letter-spacing); text-transform: var(--font-h2--case); color: var(--color, var(--font-h2-color));} @media screen and (max-width: 1200px) {input.h2.h2,textarea.h2.h2,select.h2.h2 {font-size: max(1rem,var(--font-h2--size));}} h3,.h3,.h3.h3,.text-block.h3 > *,.text-block.h3 :is(h1,h2,h3,h4,h5,h6) {font-family: var(--font-h3--family); font-style: var(--font-h3--style); font-weight: var(--font-h3--weight); font-size: var(--font-h3--size); line-height: var(--font-h3--line-height); letter-spacing: var(--font-h3--letter-spacing); text-transform: var(--font-h3--case); color: var(--color, var(--font-h3-color));} @media screen and (max-width: 1200px) {input.h3,textarea.h3,select.h3 {font-size: max(1rem,var(--font-h3--size));}} h4,.h4.h4,.text-block.h4 > *,.text-block.h4 :is(h1,h2,h3,h4,h5,h6) {font-family: var(--font-h4--family); font-style: var(--font-h4--style); font-weight: var(--font-h4--weight); font-size: var(--font-h4--size); line-height: var(--font-h4--line-height); letter-spacing: var(--font-h4--letter-spacing); text-transform: var(--font-h4--case); color: var(--color, var(--font-h4-color));} @media screen and (max-width: 1200px) {input.h4.h4,textarea.h4.h4,select.h4.h4 {font-size: max(1rem,var(--font-h4--size));}} h5,.h5.h5,.text-block.h5 > *,.text-block.h5 :is(h1,h2,h3,h4,h5,h6) {font-family: var(--font-h5--family); font-style: var(--font-h5--style); font-weight: var(--font-h5--weight); font-size: var(--font-h5--size); line-height: var(--font-h5--line-height); letter-spacing: var(--font-h5--letter-spacing); text-transform: var(--font-h5--case); color: var(--color, var(--font-h5-color));} @media screen and (max-width: 1200px) {input.h5.h5,textarea.h5.h5,select.h5.h5 {font-size: max(1rem,var(--font-h5--size));}} h6,.h6.h6,.text-block.h6 > *,.text-block.h6 :is(h1,h2,h3,h4,h5,h6) {font-family: var(--font-h6--family); font-style: var(--font-h6--style); font-weight: var(--font-h6--weight); font-size: var(--font-h6--size); line-height: var(--font-h6--line-height); letter-spacing: var(--font-h6--letter-spacing); text-transform: var(--font-h6--case); color: var(--color, var(--font-h6-color));} @media screen and (max-width: 1200px) {input.h6.h6,textarea.h6.h6,select.h6.h6 {font-size: max(1rem,var(--font-h6--size));}} :first-child:is(.h1,.h2,.h3,.h4,.h5,.h6) {margin-block-start: 0;} :last-child:is(.h1,.h2,.h3,.h4,.h5,.h6) {margin-block-end: 0;} a { --button-color: var(--color, var(--color-primary)); color: var(--button-color); text-decoration-color: transparent; text-decoration-thickness: .075em; text-underline-offset: .125em; transition: text-decoration-color var(--animation-speed) var(--animation-easing), color var(--animation-speed) var(--animation-easing); } :is(h1,h2,h3,h4,h5,h6,p) > a:hover { --button-color: var(--color, var(--color-primary-hover)); } p:not(.h1,.h2,.h3,.h4,.h5,.h6) a:where(:not(.button,.button-secondary)),.rte :is(p,ul,ol,table):not(.h1,.h2,.h3,.h4,.h5,.h6) a:where(:not(.button,.button-secondary)) {text-decoration-color: currentcolor; &:hover {text-decoration-color: transparent; color: var(--color-primary-hover);}} .container-background-image {background-repeat: no-repeat; background-size: cover; background-position: center center;} details[open] .summary-closed {display: none;} details:not([open]) .summary-open {display: none;} details[open] > summary .icon-animated > svg {transform: rotate(180deg);} summary::-webkit-details-marker {display: none;} body:has(.header[transparent]) .content-for-layout > .shopify-section:first-child {margin-top: calc(var(--header-group-height) * -1);} body:has(.header[transparent]) #header-group > .header-section {z-index: var(--layer-sticky);} body:has(.header[transparent]) #header-group > *:not(.header-section) {z-index: calc(var(--layer-sticky) - 1);} .featured-collection-block {width: 100%;} .product-grid-container {display: block; width: 100%; padding-block: var(--padding-block-start) var(--padding-block-end); @media screen and (min-width: 750px) {display: grid;}} .product-grid {display: grid; grid-template-columns: 1fr 1fr; gap: var(--product-grid-gap); margin: auto; padding: 0; list-style: none;} @media screen and (min-width: 750px) {.product-grid {grid-template-columns: var(--product-grid-columns-desktop);}} .product-grid :is(h3,p) {margin: 0;} .product-grid__item {border: var(--product-card-border-width) solid rgb(var(--color-border-rgb) / var(--product-card-border-opacity));} .product-grid--organic[product-grid-view="default"] .product-grid__item {height: fit-content;} .product-grid__card.product-grid__card {display: flex; flex-flow: column nowrap; gap: var(--product-card-gap); align-items: var(--product-card-alignment); text-decoration: none; color: var(--color, var(--color-foreground)); padding-block: var(--padding-block-start) var(--padding-block-end); padding-inline: var(--padding-inline-start) var(--padding-inline-end); overflow: hidden;} [product-grid-view="zoom-out"] .product-grid__card {row-gap: var(--padding-xs);} [product-grid-view="default"] { --product-grid-gap: 16px; --padding-block-start: 24px; --padding-block-end: 24px; --padding-inline-start: 0px; --padding-inline-end: 0px; } [product-grid-view="default"] .product-grid__item {padding-block: 0;} [product-grid-view="mobile-single"],.product-grid-mobile--large {@media screen and (max-width: 749px) {grid-template-columns: 1fr;}} .product-grid__card .group-block > * {@media screen and (max-width: 749px) {flex-direction: column;}} ul[product-grid-view="zoom-out"] .product-grid__card > * {display: none;} [product-grid-view="zoom-out"] { --product-grid-columns-desktop: repeat( 10, minmax(clamp(50px, calc(100% - 9 * var(--product-grid-gap)) / 10, 80px), 1fr) ); } .product-grid-view-zoom-out--details {display: none;} .product-grid-view-zoom-out--details .h4,.product-grid-view-zoom-out--details span,.product-grid-view-zoom-out--details s {font-size: var(--font-size--xs); font-family: var(--font-paragraph--family);} .product-grid-view-zoom-out--details span {font-weight: 500;} .product-grid-view-zoom-out--details .h4 {line-height: 1.3; font-weight: 400;} .product-grid-view-zoom-out--details > span.h6,.product-grid-view-zoom-out--details > div.h6 > product-price {display: inline-block; line-height: 0; margin-top: var(--margin-2xs);} .product-grid-view-zoom-out--details > span.h6 > *,.product-grid-view-zoom-out--details > div.h6 > * > * {line-height: 1.2;} @media (prefers-reduced-motion: no-preference) {:root:active-view-transition-type(product-grid) {details[open] floating-panel-component {view-transition-name: panel-content; .checkbox *,.facets__pill-label {transition: none;} .facets--vertical & {view-transition-name: none;}} .product-grid {view-transition-name: product-grid;} footer {view-transition-name: footer;} .product-grid__item,floating-panel-component {transition: none;}}} ::view-transition-group(panel-content) {z-index: 1;} ::view-transition-new(product-grid) {animation-delay: .15s; animation-name: fadeInUp; animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing);} results-list[initialized] {.product-grid__item {transition: opacity var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing); @starting-style {opacity: 0; transform: translateY(10px);}}} @keyframes fadeInUp {from {opacity: 0; transform: translateY(10px);} to {opacity: 1; transform: translateY(0);}} :is(.product-grid__item,.resource-list__item) .product-card {display: grid; height: 100%;} .video-background,.video-background * {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;} .video-background--cover * {object-fit: cover;} .video-background--contain * {object-fit: contain;} .text-block {width: 100%;} .text-block > *:first-child,.text-block > *:first-child:empty + * {margin-block-start: 0;} .text-block > *:last-child,.text-block > *:has(+ *:last-child:empty) {margin-block-end: 0;} .text-block > style + * {margin-block-start: 0;} .dialog-modal {border: none; box-shadow: var(--shadow-popover); @media screen and (min-width: 750px) {border-radius: var(--style-border-radius-popover); max-width: var(--normal-content-width);} @media screen and (max-width: 749px) {max-width: 100%; max-height: 100%; height: 100dvh; width: 100dvw; padding: var(--padding-md);}} .dialog-modal::backdrop {transition: backdrop-filter var(--animation-speed) var(--animation-easing); backdrop-filter: brightness(1); background: rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity));} .dialog-modal[open] {animation: elementSlideInTop var(--animation-speed) var(--animation-easing) forwards; &::backdrop {animation: backdropFilter var(--animation-speed) var(--animation-easing) forwards; transition: opacity var(--animation-speed) var(--animation-easing);}} .dialog-modal.dialog-closing {animation: elementSlideOutTop var(--animation-speed) var(--animation-easing) forwards; &::backdrop {opacity: 0;}} .dialog-drawer { --dialog-drawer-opening-animation: move-and-fade; --dialog-drawer-closing-animation: move-and-fade; } .dialog-drawer--right { --dialog-drawer-opening-animation: move-and-fade; --dialog-drawer-closing-animation: move-and-fade; } .dialog-drawer[open] { --start-x: var(--custom-transform-from, 100%); --end-x: var(--custom-transform-to, 0px); --start-opacity: 1; animation: var(--dialog-drawer-opening-animation) var(--animation-speed) var(--animation-easing) forwards; } .dialog-drawer[open].dialog-closing { --start-x: 0px; --end-x: 100%; --start-opacity: 1; --end-opacity: 1; animation: var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing); } .dialog-drawer--right[open] { --start-x: -100%; --start-opacity: 1; } .dialog-drawer--right[open].dialog-closing { --start-x: 0px; --end-x: -100%; --start-opacity: 1; --end-opacity: 1; animation: var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing); } .button,.button-secondary,button.shopify-payment-button__button--unbranded { --text-align: center; display: grid; align-content: center; text-decoration: none; text-align: var(--text-align); color: var(--button-color); appearance: none; background-color: var(--button-background-color); border: none; font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-weight: var(--font-paragraph--weight); font-size: var(--font-paragraph--size); line-height: var(--font-paragraph--line-height); margin-block: 0; transition: color var(--animation-speed) var(--animation-easing), box-shadow var(--animation-speed) var(--animation-easing), background-color var(--animation-speed) var(--animation-easing); cursor: pointer; width: fit-content; box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color); padding-block: var(--button-padding-block); padding-inline: var(--button-padding-inline); } .button {font-family: var(--button-font-family-primary); text-transform: var(--button-text-case-primary); border-radius: var(--style-border-radius-buttons-primary);} .button:not(.button-secondary,.button-unstyled) {outline-color: var(--button-background-color);} .button-secondary {font-family: var(--button-font-family-secondary); text-transform: var(--button-text-case-secondary); border-radius: var(--style-border-radius-buttons-secondary);} button.shopify-payment-button__button--unbranded {font-family: var(--button-font-family-primary); text-transform: var(--button-text-case-primary);} textarea,input:not([type="checkbox"],[type="radio"]) {background-color: var(--color-input-background); border-color: var(--color-input-border);} textarea::placeholder,input::placeholder {color: var(--color-input-text);} textarea:not(:placeholder-shown)::placeholder,input:not(:placeholder-shown)::placeholder {opacity: 0;} .button[hidden] {display: none;} .button[aria-disabled="true"],.button-secondary[aria-disabled="true"],.button:disabled {opacity: .5; cursor: not-allowed;} .button,button.shopify-payment-button__button--unbranded { --button-color: var(--color-primary-button-text); --button-background-color: var(--color-primary-button-background); --button-border-color: var(--color-primary-button-border); --button-border-width: var(--style-border-width-primary); } .button:hover,button.shopify-payment-button__button--unbranded:hover:not([disabled]) { --button-color: var(--color-primary-button-hover-text); --button-background-color: var(--color-primary-button-hover-background); --button-border-color: var(--color-primary-button-hover-border); } .button-secondary { --button-color: var(--color-secondary-button-text); --button-background-color: var(--color-secondary-button-background); --button-border-color: var(--color-secondary-button-border); --button-border-width: var(--style-border-width-secondary); } .button-secondary:hover { --button-color: var(--color-secondary-button-hover-text); --button-background-color: var(--color-secondary-button-hover-background); --button-border-color: var(--color-secondary-button-hover-border); } button.shopify-payment-button__button--unbranded:hover:not([disabled]) {background-color: var(--button-background-color);} .button-unstyled {display: block; padding: 0; background-color: inherit; color: inherit; border: 0; border-radius: 0; overflow: hidden; box-shadow: none; font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-size: var(--font-paragraph--size);} .button-unstyled:hover {background-color: inherit;} .button-unstyled--with-icon {color: var(--color-foreground); display: flex; gap: var(--gap-2xs); align-items: center;} .button-unstyled--transparent {background-color: transparent; box-shadow: none;} .show-more__button {color: var(--color-primary); cursor: pointer;} .show-more__button:hover {@media screen and (min-width: 750px) {color: var(--color-primary-hover);}} .show-more__label {text-align: start; font-size: var(--font-size--body-md); font-family: var(--font-paragraph--family);} .show-more__button .svg-wrapper {width: var(--icon-size-xs); height: var(--icon-size-xs);} .show-more[data-expanded="true"] .show-more__label--more,.show-more[data-expanded="false"] .show-more__label--less {display: none;} .link {display: inline-block; text-align: center;} shopify-accelerated-checkout,shopify-accelerated-checkout-cart { --shopify-accelerated-checkout-button-border-radius: var(--style-border-radius-buttons-primary); --shopify-accelerated-checkout-button-block-size: var(--height-buy-buttons); } .product-form-buttons:has(.add-to-cart-button.button-secondary) :is(shopify-accelerated-checkout,shopify-accelerated-checkout-cart) { --shopify-accelerated-checkout-button-border-radius: var(--style-border-radius-buttons-secondary); --shopify-accelerated-checkout-button-block-size: var(--height-buy-buttons); } .icon-caret svg {transition: transform var(--animation-speed) var(--animation-easing);} .icon-caret--forward svg {transform: rotate(-90deg);} .icon-caret--backward svg {transform: rotate(90deg);} summary {display: flex; align-items: center; cursor: pointer; list-style: none; padding-block: var(--padding-sm);} summary:hover {color: var(--color-primary-hover);} summary .svg-wrapper {margin-inline-start: auto; height: var(--icon-size-xs); width: var(--icon-size-xs); transition: transform var(--animation-speed) var(--animation-easing);} summary .icon-plus :is(.horizontal,.vertical),.show-more__button .icon-plus :is(.horizontal,.vertical) {transition: transform var(--animation-speed) var(--animation-easing); transform: rotate(0deg); transform-origin: 50% 50%; opacity: 1;} details[open] > summary .icon-plus .horizontal,.show-more:where([data-expanded="true"]) .show-more__button .icon-plus .horizontal {transform: rotate(90deg);} details[open] > summary .icon-plus .vertical,.show-more:where([data-expanded="true"]) .show-more__button .icon-plus .vertical {transform: rotate(90deg); opacity: 0;} media-gallery {display: block; width: 100%;} :where(media-gallery,.product-grid__item) {.media-gallery__grid {grid-template-columns: 1fr; gap: var(--image-gap);}} :not(.dialog-zoomed-gallery) > .product-media-container { --slide-width: 100%; display: flex; aspect-ratio: var(--gallery-aspect-ratio, var(--media-preview-ratio)); max-height: var(--constrained-height); width: var(--slide-width, 100%); position: relative; overflow: hidden; &:where(.constrain-height) { --viewport-offset: 400px; --constrained-min-height: 300px; --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset))); margin-right: auto; margin-left: auto; } @supports (--test: round(up, 100%, 1px)) { --slide-width: round(up, 100%, 1px); } } .product-media :is(deferred-media,product-model) {position: absolute;} @media screen and (max-width: 749px) {.product-media-container.constrain-height {max-height: none;}} @media screen and (min-width: 750px) {.product-media-container.constrain-height { --viewport-offset: var(--header-height, 100px); --constrained-min-height: 500px; } body:has(header-component[transparent]) .product-media-container.constrain-height { --viewport-offset: 0px; } .media-gallery--large-first-image .product-media-container:first-child,.media-gallery--two-column .product-media-container:only-child {grid-column: span 2;}} .product-media-container--model {flex-direction: column;} .shopify-model-viewer-ui__controls-area {bottom: calc(var(--minimum-touch-target) + var(--padding-sm));} .product-media-container img {aspect-ratio: inherit; object-fit: contain;} .product-media-container.media-fit-contain img {object-position: center center;} .product-media-container.media-fit { --product-media-fit: cover; img { object-fit: var(--product-media-fit); } } zoom-dialog dialog {width: 100vw; height: 100vh; border: none; margin: 0; padding: 0; max-width: 100%; max-height: 100%; background: #fff; opacity: 0; transition: opacity var(--animation-speed) var(--animation-easing); scrollbar-width: none; &[open] {opacity: 1;} @media (prefers-reduced-motion: no-preference) {scroll-behavior: smooth;} &::backdrop {background: transparent;}} .close-button {position: fixed; top: var(--margin-lg); right: var(--margin-lg); width: var(--minimum-touch-target); height: var(--minimum-touch-target); z-index: var(--layer-flat); background-color: transparent; display: flex; align-items: center; justify-content: center; border-radius: 50%;} @supports not (background-color: rgb(from red 150 g b / alpha)) {.close-button:focus-visible {outline: none; overflow: visible;} .close-button:focus-visible::after {content: ""; position: absolute; inset: calc(-1 * var(--focus-outline-offset)); border: var(--focus-outline-width) solid currentColor; border-radius: 50%; display: inherit;}} .dialog--closed .close-button {animation: elementSlideOutBottom calc(var(--animation-speed) * .5) var(--animation-easing) forwards;} .close-button:hover {background-color: transparent; opacity: .8;} .close-button svg {width: var(--icon-size-xs); height: var(--icon-size-xs);} .product-media {display: flex; flex: 1;} .product-media__image ~ * .deferred-media__poster-image {display: none;} .product-media-container:has(.deferred-media__playing) .product-media__image {opacity: 0; transition: opacity var(--animation-speed) var(--animation-easing);} :is(product-model,deferred-media) {height: 100%; width: 100%; position: relative;} product-model model-viewer,:is(deferred-media,product-model) > .deferred-media__poster-button ~ *:not(template) {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; padding: inherit;} :is(deferred-media,.video-placeholder-wrapper).border-style {overflow: hidden;} deferred-media {&:has(:focus-visible) {outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset);} @supports not selector(:focus-visible) {&:has(:focus) {outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset);}}} .deferred-media__poster-button {width: 100%; height: 100%; aspect-ratio: var(--video-aspect-ratio, auto);} .deferred-media__poster-button.deferred-media__playing {opacity: 0; transition: opacity .3s ease;} deferred-media img {height: 100%; object-fit: cover; transition: opacity .3s ease;} deferred-media iframe {display: block; width: 100%; height: 100%; border: none; aspect-ratio: var(--size-style-aspect-ratio, auto);} deferred-media[data-media-loaded] img {opacity: 0;} .deferred-media__poster-icon,.video-placeholder-wrapper__poster-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; display: flex; align-items: center; justify-content: center;} .deferred-media__poster-icon svg,.video-placeholder-wrapper__poster-icon svg {width: var(--button-size); height: var(--button-size); color: var(--color-white); filter: drop-shadow(var(--shadow-button)); &:hover {color: rgb(var(--color-white-rgb) / var(--opacity-80));} @media screen and (min-width: 750px) {width: 4rem; height: 4rem;}} deferred-media[class] :is(.deferred-media__poster-button img,.deferred-media__poster-button ~ video) {object-fit: cover; height: 100%; aspect-ratio: var(--size-style-aspect-ratio, auto);} .button-shopify-xr {width: 100%; display: flex; justify-content: center; align-items: center; padding: var(--padding-md);} .button-shopify-xr > svg {width: var(--icon-size-sm); height: var(--icon-size-sm); margin-inline-end: var(--margin-md);} .button-shopify-xr[data-shopify-xr-hidden] {display: none;} .swatch { --color-border: rgb(var(--color-foreground-rgb) / var(--style-border-swatch-opacity)); --min-width-unitless: 15.9999; --min-height-unitless: 15.9999; --min-height: 16px; --min-width: 16px; --scaling-factor: .5; --max-swatch-size: 28px; --max-pill-size: 20px; --max-filter-size: 32px; --offset-swatch-width: calc(var(--variant-picker-swatch-width-unitless) - var(--min-width-unitless)); --offset-swatch-height: calc(var(--variant-picker-swatch-height-unitless) - var(--min-height-unitless)); --offset-scaled-width: calc( var(--scaling-factor) * var(--offset-swatch-width) / var(--offset-swatch-height) * var(--offset-max-swatch-size) ); --offset-scaled-height: calc( var(--scaling-factor) * var(--offset-swatch-height) / var(--offset-swatch-width) * var(--offset-max-swatch-size) ); --offset-max-swatch-size: calc(var(--max-swatch-size) - var(--min-width)); --swatch-width: min( calc(var(--min-width) + var(--scaling-factor) * var(--offset-swatch-width) * 1px), calc(var(--min-width) + var(--offset-scaled-width)), var(--max-swatch-size) ); --swatch-height: min( calc(var(--min-height) + var(--scaling-factor) * var(--offset-swatch-height) * 1px), calc(var(--min-height) + var(--offset-scaled-height)), var(--max-swatch-size) ); display: block; background: var(--swatch-background); background-position: var(--swatch-focal-point, center); border-radius: var(--variant-picker-swatch-radius); border: var(--style-border-swatch-width) var(--style-border-swatch-style) var(--color-border); width: var(--swatch-width); height: var(--swatch-height); background-size: var(--swatch-width) var(--swatch-height); &.swatch--unavailable { border-style: dashed; } &.swatch--unscaled { --swatch-width: var(--variant-picker-swatch-width); --swatch-height: var(--variant-picker-swatch-height); } &.swatch--filter { --swatch-width: var(--max-filter-size); --swatch-height: var(--max-filter-size); border-radius: var(--variant-picker-swatch-radius); } &.swatch--pill { --swatch-width: var(--max-pill-size); --swatch-height: var(--max-pill-size); border-radius: var(--variant-picker-swatch-radius); } &.swatch--filter, &.swatch--pill { --style-border-swatch-width: var(--variant-picker-border-width); --style-border-swatch-style: var(--variant-picker-border-style); --color-border: rgb(var(--color-foreground-rgb) / var(--variant-picker-border-opacity)); } &.swatch--variant-image { background-size: cover; } @media screen and (min-width: 750px) { --max-swatch-size: 32px; --max-pill-size: 16px; --max-filter-size: 28px; --scaling-factor: .65; } } .variant-picker .variant-option--buttons label:has(.swatch) {border-radius: var(--variant-picker-swatch-radius);} .variant-option { --options-border-radius: var(--variant-picker-button-radius); --options-border-width: var(--variant-picker-button-border-width); --variant-option-padding-inline: var(--padding-md); } .variant-option + .variant-option {margin-top: var(--padding-lg);} .variant-option--swatches { --options-border-radius: var(--variant-picker-swatch-radius); width: 100%; overflow-list::part(list) { padding-block: var(--overflow-list-padding-block, 0); padding-inline: var(--overflow-list-padding-inline, 0); } } .variant-option--swatches > overflow-list {justify-content: var(--product-swatches-alignment); @media screen and (max-width: 749px) {justify-content: var(--product-swatches-alignment-mobile);}} .variant-option--buttons {display: flex; flex-wrap: wrap; gap: var(--gap-sm); margin: 0; padding: 0; border: none;} .variant-option--buttons legend {padding: 0; margin-block-end: var(--margin-xs);} .variant-option__swatch-value {padding-inline-start: var(--padding-xs); color: rgb(var(--color-foreground-rgb) / var(--opacity-70));} @media (prefers-reduced-motion: no-preference) {.variant-option__button-label,.variant-option__select-wrapper,.variant-option__button-label::before,.variant-option__button-label::after,.variant-option__button-label:has([data-previous-checked="true"],[data-current-checked="true"]) .variant-option__button-label__pill,.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type {transition-duration: var(--animation-speed); transition-timing-function: var(--animation-easing);} .variant-option__button-label__pill {transition-property: transform;} .variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type {transition-property: clip-path;} .variant-option__button-label:has([data-previous-checked="true"],[data-current-checked="true"]) .variant-option__button-label__pill {transition-property: transform;} .variant-option__button-label::after {transition-property: clip-path;} .variant-option__button-label::before {transition-property: border-color;} .variant-option__select-wrapper,.variant-option__button-label {transition-property: background-color,border-color,color;}} .variant-option__button-label { --variant-picker-stroke-color: var(--color-variant-border); cursor: pointer; display: flex; flex: 0 0 3.25em; align-items: center; position: relative; padding-block: var(--padding-sm); padding-inline: var(--padding-lg); border: var(--options-border-width) solid var(--color-variant-border); border-radius: var(--options-border-radius); overflow: clip; justify-content: center; min-height: 3.25em; min-width: fit-content; white-space: nowrap; background-color: var(--color-variant-background); color: var(--color-variant-text); gap: 0; &:hover, &:hover:has([aria-disabled="true"]):has([data-option-available="false"]) { background-color: var(--color-variant-hover-background); border-color: var(--color-variant-hover-border); color: var(--color-variant-hover-text); } &:not(.variant-option__button-label--has-swatch):has([data-option-available="false"]) { border-width: 0; } &:not(.variant-option__button-label--has-swatch)::before, &:has([data-option-available="false"]):not(.variant-option__button-label--has-swatch)::after { content: ""; position: absolute; inset: 0; border: var(--options-border-width) solid var(--color-selected-variant-border); border-radius: inherit; pointer-events: none; z-index: 2; clip-path: inset(var(--clip, 0 0 0 0)); } &:has([data-option-available="false"]):not(.variant-option__button-label--has-swatch)::before { inset: 0; } &:not(.variant-option__button-label--has-swatch)::before { clip-path: inset(0 0 0 0); border-color: var(--color-variant-border); inset: calc(var(--options-border-width) * -1); } &:has(:checked):not(.variant-option__button-label--has-swatch, :has([data-option-available="false"]))::before { border-color: var(--color-selected-variant-border); } &:not(:has(:checked)):has(~ label > :checked), &:has(:checked):has(~ label > [data-previous-checked="true"]) { .variant-option__button-label__pill { right: 0; left: unset; } } &:has([data-previous-checked="true"]) ~ label:has([data-current-checked="true"]), &:has(:checked) ~ label { .variant-option__button-label__pill { left: 0; right: unset; } } &:not(:has(:checked)):has(~ label > :checked) { --pill-offset: calc(100% + 1px) ; } &:has(:checked) ~ label { --pill-offset: calc(-100% - 1px) ; } &:has([data-current-checked="true"]):first-of-type ~ label:last-of-type:not(.variant-option__button-label--has-swatch), &:not(:has(:checked)):has(~ label > :checked):not(.variant-option__button-label--has-swatch) { --clip: 0 0 0 100%; } &:not(:has([data-current-checked="true"])):first-of-type:has(~ label:last-of-type > :checked):not( .variant-option__button-label--has-swatch ), &:has(:checked) ~ label:not(.variant-option__button-label--has-swatch) { --clip: 0 100% 0 0; } &:has([data-previous-checked="true"], [data-current-checked="true"]) .variant-option__button-label__pill { width: max(var(--pill-width-current, 100%), var(--pill-width-previous, 100%)); } @media screen and (min-width: 750px) { padding: var(--padding-xs) var(--variant-option-padding-inline); } } .variant-option--buttons:has(:nth-of-type(3)) {.variant-option__button-label:has([data-current-checked="true"]):first-of-type ~ label:last-of-type { --pill-offset: calc(100% + 1px) ; } .variant-option__button-label:not(:has([data-current-checked="true"])):first-of-type:has(~ label:last-of-type > :checked) { --pill-offset: calc(-100% - 1px) ; }} .variant-option__button-label__pill {background: var(--color-selected-variant-background); position: absolute; top: calc(var(--options-border-width) * -1); bottom: calc(var(--options-border-width) * -1); border-radius: inherit; pointer-events: none; width: 100%; transform: translateX(var(--pill-offset, 0));} .variant-option__button-label__text {pointer-events: none; text-align: start; text-wrap: auto; z-index: 2;} .variant-option--equal-width-buttons { --variant-min-width: clamp(44px, calc(var(--variant-option-padding-inline) * 2 + var(--variant-ch)), 100%); display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--variant-min-width), 1fr)); .variant-option__button-label { min-width: var(--variant-min-width); } .variant-option__button-label__text { text-align: center; text-wrap: balance; } } .variant-option__button-label:has(:focus-visible) { --variant-picker-stroke-color: var(--color-foreground); border-color: var(--color-foreground); outline: var(--focus-outline-width) solid var(--color-foreground); outline-offset: var(--focus-outline-offset); } .variant-option__button-label--has-swatch { --focus-outline-radius: var(--variant-picker-swatch-radius); padding: 0; border: none; flex-basis: auto; min-height: auto; } .variant-option__button-label--has-swatch:has(input) {display: block;} .variant-option__button-label:has(:checked) {color: var(--color-selected-variant-text); border-color: var(--color-selected-variant-border);} .variant-option__button-label:has(:checked):hover {border-color: var(--color-selected-variant-hover-border); color: var(--color-selected-variant-hover-text); .variant-option__button-label__pill {background-color: var(--color-selected-variant-hover-background);}} .variant-option__button-label:has([data-option-available="false"]) {color: rgb(var(--color-variant-text-rgb) / var(--opacity-60));} .variant-option__button-label--has-swatch:hover {outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); outline-offset: var(--focus-outline-offset);} .variant-option__button-label--has-swatch:has(:checked) { --focus-outline: var(--focus-outline-width) solid var(--color-foreground); outline: var(--focus-outline); outline-offset: var(--focus-outline-offset); } @supports not (background-color: rgb(from red 150 g b / alpha)) {.variant-option__button-label--has-swatch:has(:checked),.variant-option__button-label:has(:focus-visible) .swatch {outline: none; position: relative; overflow: visible;} .variant-option__button-label--has-swatch:has(:checked)::after,.variant-option__button-label:has(:focus-visible) .swatch::after {content: ""; position: absolute; inset: calc(-1 * var(--focus-outline-offset)); border: var(--focus-outline); border-radius: var(--focus-outline-radius, 50%); background-color: transparent; display: inherit;}} .variant-option__button-label:has([data-option-available="false"]):has(:checked) {background-color: inherit; color: rgb(var(--color-variant-text-rgb) / var(--opacity-60));} .variant-option__button-label input {position: absolute; inset: 0; opacity: 0; margin: 0; padding: 0; width: 100%; height: 100%; aspect-ratio: unset; border: none; border-radius: 0; background: transparent; appearance: auto; display: block; cursor: pointer;} .variant-option__button-label svg {position: absolute; left: var(--options-border-width); top: var(--options-border-width); height: calc(100% - (var(--options-border-width) * 2)); width: calc(100% - (var(--options-border-width) * 2)); cursor: pointer; pointer-events: none; stroke-width: var(--style-border-width); stroke: var(--variant-picker-stroke-color);} .variant-option__button-label:not(.variant-option__button-label--has-swatch) svg {stroke: var(--color-variant-border); line {stroke-width: var(--options-border-width);} line:last-of-type {clip-path: inset(var(--clip, 0 0 0 0)); stroke: rgb(var(--color-variant-text-rgb) / 1);}} .sticky-content {position: sticky; top: var(--sticky-header-offset, 0); z-index: var(--layer-flat);} @media screen and (min-width: 750px) {.sticky-content--desktop,.sticky-content--desktop.full-height--desktop > .group-block {position: sticky; top: var(--sticky-header-offset, 0); z-index: var(--layer-flat);}} .price,.compare-at-price,.unit-price {white-space: nowrap;} .unit-price {display: block; font-size: min(.85em,var(--font-paragraph--size)); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));} .tax-note.tax-note.tax-note {font-size: min(.85em,var(--font-paragraph--size)); font-weight: var(--font-paragraph--weight); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));} .tax-note:empty {display: none;} product-price.text-block:is(.h1,.h2,.h3,.h4,.h5,.h6) > *:not(.tax-note) {margin-block: 0;} product-price .volume-pricing-note,product-price.text-block:is(.h1,.h2,.h3,.h4,.h5,.h6) .volume-pricing-note {display: block; font-family: var(--font-body--family); font-weight: normal; font-size: var(--font-size--xs); line-height: normal; letter-spacing: normal; text-transform: none; color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));} .compare-at-price {opacity: .4; text-decoration-line: line-through; text-decoration-thickness: 1.5px;} .price-item__group {display: inline-block;} .price-item--sale {white-space: nowrap;} .price__hidden {display: none;} form.payment-terms {padding-top: .5em; font-size: min(.85em,var(--font-paragraph--size)); font-weight: var(--font-paragraph--weight); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));} .installments:not(:has(shopify-payment-terms)) {display: none;} .card-gallery {position: relative;} @container (max-width: 70px) {.card-gallery:hover .quick-add__button {display: none;}} [data-quick-add-button="choose"] add-to-cart-component {display: none;} [data-quick-add-button="add"] .quick-add__button--choose {display: none;} .drawer {background-color: var(--color-background); position: fixed; top: 0; left: 0; bottom: 0; width: var(--sidebar-width); z-index: var(--layer-raised); transform: translateX(-120%); transition: transform var(--animation-speed) var(--animation-easing);} .drawer[data-open="true"] {transform: translateX(0);} .drawer-toggle {display: flex; align-items: center; gap: 10px; cursor: pointer;} .drawer__header {display: flex; justify-content: space-between; align-items: center; padding: var(--drawer-header-block-padding) var(--drawer-inline-padding);} .drawer__title {font-size: var(--font-h2--size); margin: 0;} .drawer__close {width: var(--minimum-touch-target); height: var(--minimum-touch-target);} .drawer__content {display: block; padding: var(--drawer-content-block-padding) var(--drawer-inline-padding); width: 100%;} .background-overlay {position: relative; &::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--background-overlay-color, rgb(0 0 0 / 15%));}} .spacing-style { --spacing-scale: var(--spacing-scale-md); @media screen and (min-width: 990px) { --spacing-scale: var(--spacing-scale-default); } --padding-block: 0px; --padding-block-start: var(--padding-block, 0px); --padding-block-end: var(--padding-block, 0px); --padding-inline: 0px; --padding-inline-start: var(--padding-inline, 0px); --padding-inline-end: var(--padding-inline, 0px); --margin-block: 0px; --margin-block-start: var(--margin-block, 0px); --margin-block-end: var(--margin-block, 0px); --margin-inline: 0px; --margin-inline-start: var(--margin-inline, 0px); --margin-inline-end: var(--margin-inline, 0px); } .spacing-style,.inherit-spacing {padding-block: calc(var(--padding-block-start) + var(--section-top-offset, 0px)) var(--padding-block-end); padding-inline: var(--padding-inline-start) var(--padding-inline-end); margin-block: var(--margin-block-start) var(--margin-block-end); margin-inline: var(--margin-inline-start) var(--margin-inline-end);} .size-style {width: var(--size-style-width-mobile, var(--size-style-width)); height: var(--size-style-height-mobile, var(--size-style-height)); @media screen and (min-width: 750px) {width: var(--size-style-width); height: var(--size-style-height);}} .custom-typography,.custom-typography > * {font-family: var(--font-family); font-weight: var(--font-weight); text-transform: var(--text-transform); text-wrap: var(--text-wrap); line-height: var(--line-height); letter-spacing: var(--letter-spacing);} .custom-typography {h1 {line-height: var(--line-height--display, var(--line-height));} h2,h3,h4 {line-height: var(--line-height--heading, var(--line-height));} p {line-height: var(--line-height--body, var(--line-height));}} .custom-font-size,.custom-font-size > * {font-size: var(--font-size);} .custom-font-weight,.custom-font-weight > * {font-weight: var(--font-weight);} .border-style {border-width: var(--border-width); border-style: var(--border-style); border-color: var(--border-color); border-radius: var(--border-radius);} .gap-style,.layout-panel-flex { --gap-scale: var(--spacing-scale-md); @media screen and (min-width: 990px) { --gap-scale: var(--spacing-scale-default); } } .layout-panel-flex {display: flex; gap: var(--gap); height: 100%;} .layout-panel-flex--row {flex-flow: row var(--flex-wrap); justify-content: var(--horizontal-alignment); align-items: var(--vertical-alignment);} .layout-panel-flex--column {flex-flow: column var(--flex-wrap); align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment);} @media screen and (max-width: 749px) {.mobile-column {flex-flow: column nowrap; align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment-mobile);} .layout-panel-flex--row:not(.mobile-column) {flex-wrap: var(--flex-wrap-mobile); height: auto; > .menu {flex: 1 1 min-content;} > .text-block {flex: 1 1 var(--max-width--display-tight);} > .image-block {flex: 1 1 var(--size-style-width-mobile-min);} > .button {flex: 0 0 fit-content;} > .group-block--height-fill {height: calc(var(--section-min-height, auto) - var(--section-height-offset, 0px));}}} @media screen and (min-width: 750px) {.layout-panel-flex {flex-direction: var(--flex-direction);}} .field {position: relative; width: 100%; display: flex; transition: box-shadow var(--animation-speed) ease;} .field__input {flex-grow: 1; text-align: left; border-radius: var(--style-border-radius-inputs); transition: box-shadow var(--animation-speed) ease,background-color var(--animation-speed) ease; padding: var(--input-padding); box-shadow: var(--input-box-shadow); background-color: var(--color-input-background); color: var(--color-input-text); border: none; outline: none; font-size: var(--font-paragraph--size); &:autofill {background-color: var(--color-input-background); color: var(--color-input-text);}} .field__input:is(:focus,:hover) {box-shadow: var(--input-box-shadow-focus); background-color: var(--color-input-hover-background);} .field__input--button-radius {border-radius: var(--style-border-radius-buttons-primary);} .field__input--button-padding {padding-inline: var(--padding-3xl);} .field__label {color: rgb(var(--color-input-text-rgb) / var(--opacity-80)); font-size: var(--font-paragraph--size); left: var(--input-padding-x); top: 50%; transform: translateY(-50%); margin-bottom: 0; pointer-events: none; position: absolute; transition: top var(--animation-speed) ease,font-size var(--animation-speed) ease;} .rte,.shopify-policy__title {:is(h1,h2,h3,h4,h5,h6) {margin-block: clamp(1.5rem,1em * 3.3,2.5rem) var(--font-heading--spacing);} :first-child:is(p,h1,h2,h3,h4,h5,h6),:first-child:empty + :is(p,h1,h2,h3,h4,h5,h6) {margin-block-start: 0;} ul,ol {margin-block-start: 0; padding-inline-start: 1.5em;} :is(ul,ol):not(:is(ul,ol) :is(ul,ol)) {margin-block-end: 1em;} blockquote {margin-inline: 1.5em 2.3em; margin-block: 3.8em; padding-inline-start: .8em; border-inline-start: 1.5px solid rgb(var(--color-foreground-rgb) / var(--opacity-25)); font-style: italic; font-weight: 500;} .rte-table-wrapper {overflow-x: auto;} table {width: 100% !important; border-collapse: collapse;} tr:not(:has(td)),thead {background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); font-weight: bold; text-transform: uppercase;} tr:has(td) {border-bottom: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10));} th,td {text-align: start; padding-inline: var(--padding-md); padding-block: var(--padding-sm);}} .shopify-policy__container {padding-block: var(--padding-xl);} .checkbox { --checkbox-top: 50%; --checkbox-left: 1.5px; --checkbox-offset: 3px; --checkbox-path-opacity: 0; --checkbox-cursor: pointer; position: relative; display: flex; align-items: center; &:has(.checkbox__input:checked) { --checkbox-path-opacity: 1; } &.checkbox--disabled { --checkbox-cursor: not-allowed; } } .checkbox__input {position: absolute; opacity: 0; margin: 0; padding: 0; width: var(--checkbox-size); height: var(--checkbox-size); aspect-ratio: unset; border: none; border-radius: 0; background: transparent; appearance: auto; display: block; cursor: pointer; &:focus-visible {outline: none;} &:focus-visible + .checkbox__label .icon-checkmark {outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset);} &:checked + .checkbox__label .icon-checkmark {background-color: var(--color-foreground); border-color: var(--color-foreground);} &:disabled + .checkbox__label .icon-checkmark {background-color: var(--input-disabled-background-color); border-color: var(--input-disabled-border-color);}} .checkbox__label {position: relative; display: inline-flex; cursor: var(--checkbox-cursor); line-height: var(--checkbox-size); min-width: var(--minimum-touch-target);} .checkbox .icon-checkmark {height: var(--checkbox-size); width: var(--checkbox-size); flex-shrink: 0; border: var(--checkbox-border); border-radius: var(--checkbox-border-radius); background-color: var(--color-background);} .checkbox__label-text {padding-inline-start: var(--checkbox-label-padding); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .checkbox .icon-checkmark path {stroke: var(--color-background); opacity: var(--checkbox-path-opacity); transition: opacity var(--animation-speed) var(--animation-easing);} .checkbox__input:disabled + .checkbox__label {color: var(--input-disabled-text-color);} :where(input[type="radio"]),:where(input[type="checkbox"]) {width: var(--checkbox-size); height: var(--checkbox-size); aspect-ratio: 1; margin: 0; margin-inline-end: var(--padding-3xs); padding: 0; border: var(--checkbox-border); appearance: none; position: relative; display: inline-block; vertical-align: middle; cursor: pointer;} input[type="radio"] {border-radius: var(--style-border-radius-50); background: transparent; transition: border-color .2s ease,background-color .2s ease;} :where(input[type="radio"]):checked {border-color: var(--color-foreground); background: var(--color-background);} :where(input[type="radio"]):checked::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(var(--checkbox-size) / 2); height: calc(var(--checkbox-size) / 2); background: var(--color-foreground); border-radius: var(--style-border-radius-50); transition: background .2s ease;} :where(input[type="radio"]):disabled {border-color: var(--input-disabled-border-color); background-color: var(--input-disabled-background-color); cursor: not-allowed;} :where(input[type="radio"]):disabled:checked::after {background: var(--input-disabled-background-color);} :where(input[type="radio"]):not(:disabled):hover {border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60)); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));} :where(input[type="radio"]):not(:disabled):hover:checked {border-color: var(--color-foreground); background-color: var(--color-background);} :where(input[type="radio"]):not(:disabled):hover:checked::after {background: rgb(var(--color-foreground-rgb) / var(--opacity-85));} :where(input[type="checkbox"]) {border-radius: var(--checkbox-border-radius); background-color: var(--color-background); transition: border-color .2s ease,background-color .2s ease;} :where(input[type="checkbox"]):checked {background-color: var(--color-foreground); border-color: var(--color-foreground);} :where(input[type="checkbox"]):checked::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: var(--checkbox-size); height: var(--checkbox-size); background-color: var(--color-background); mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat; mask-position: center;} :where(input[type="checkbox"]):not(:disabled):hover {border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60)); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));} :where(input[type="checkbox"]):not(:disabled):hover:checked {border-color: var(--color-foreground); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-85));} :where(input[type="checkbox"]):disabled {background-color: var(--input-disabled-background-color); border-color: var(--input-disabled-border-color); cursor: not-allowed;} :where(input[type="checkbox"]):disabled:checked::after {background-color: var(--input-disabled-text-color);} :where(input[type="radio"]) + label,:where(input[type="checkbox"]) + label {display: inline; vertical-align: middle; cursor: pointer;} :where(input[type="radio"]):disabled + label,:where(input[type="checkbox"]):disabled + label {color: var(--input-disabled-text-color); cursor: not-allowed;} label:has(input[type="radio"]),label:has(input[type="checkbox"]) {display: inline-flex; align-items: center; gap: var(--padding-2xs); cursor: pointer;} label:has(input[type="radio"]:disabled),label:has(input[type="checkbox"]:disabled) {cursor: not-allowed;} .variant-option__button-label--has-swatch:has(input[type="radio"]) {display: block;} .button[id^="BuyButtons-ProductSubmitButton-"] {position: relative; overflow: hidden;} .cart-items-component {width: 100%; height: 100%; display: flex; flex-direction: column;} .cart-primary-typography {font-family: var(--cart-primary-font-family); font-style: var(--cart-primary-font-style); font-weight: var(--cart-primary-font-weight);} .cart-secondary-typography {font-family: var(--cart-secondary-font-family); font-style: var(--cart-secondary-font-style); font-weight: var(--cart-secondary-font-weight);} .quantity-selector { --quantity-selector-width: 124px; display: flex; justify-content: space-between; align-items: center; color: var(--color-input-text); background-color: var(--color-input-background); border: var(--style-border-width-inputs) solid var(--color-input-border); border-radius: var(--style-border-radius-inputs); flex: 1 1 var(--quantity-selector-width); align-self: stretch; transition: background-color var(--animation-speed) var(--animation-easing); &:hover { background-color: var(--color-input-hover-background); } } .product-form-buttons:has(.add-to-cart-button.button-secondary) .quantity-selector {border-radius: var(--style-border-radius-buttons-secondary);} .quantity-selector :is(.quantity-minus,.quantity-plus) {padding: 0; background: transparent; box-shadow: none; display: flex; justify-content: center; align-items: center; cursor: pointer; width: var(--minimum-touch-target); height: var(--minimum-touch-target); flex-shrink: 0; color: var(--color-input-text);} .quantity-selector .quantity-minus {border-start-start-radius: var(--style-border-radius-inputs); border-end-start-radius: var(--style-border-radius-inputs);} .quantity-selector .quantity-plus {border-start-end-radius: var(--style-border-radius-inputs); border-end-end-radius: var(--style-border-radius-inputs);} .product-details .quantity-selector,.quick-add-modal .quantity-selector {border-radius: var(--style-border-radius-buttons-primary);} .product-details .quantity-selector .quantity-minus,.quick-add-modal .quantity-selector .quantity-minus {border-start-start-radius: var(--style-border-radius-buttons-primary); border-end-start-radius: var(--style-border-radius-buttons-primary);} .product-details .quantity-selector .quantity-plus,.quick-add-modal .quantity-selector .quantity-plus {border-start-end-radius: var(--style-border-radius-buttons-primary); border-end-end-radius: var(--style-border-radius-buttons-primary);} .quantity-selector .svg-wrapper {transition: transform var(--animation-speed) var(--animation-easing);} .quantity-selector svg {width: var(--icon-size-xs); height: var(--icon-size-xs);} :is(.quantity-minus,.quantity-plus):active .svg-wrapper {transform: scale(.9);} .quantity-selector input[type="number"] {margin: 0; text-align: center; border: none; appearance: none; max-width: calc(var(--quantity-selector-width) - var(--minimum-touch-target) * 2); border-radius: var(--style-border-radius-buttons); color: var(--color-input-text); background-color: transparent;} .quantity-selector input[type="number"]::-webkit-inner-spin-button,.quantity-selector input[type="number"]::-webkit-outer-spin-button {appearance: none;} .quantity-selector input[type="number"] {appearance: textfield;} .pills__pill { --pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); color: var(--color-foreground); display: flex; justify-content: space-between; align-items: center; gap: var(--gap-sm); min-width: 48px; padding: 6px 12px; border-radius: var(--style-border-radius-pills); cursor: pointer; background-color: var(--pills-pill-background-color); transition: background-color var(--animation-speed) var(--animation-easing); &:hover { --pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); } @media screen and (max-width: 749px) { padding: var(--padding-xs) var(--padding-md); } } .pills__pill > .svg-wrapper { --close-icon-opacity: .4; --icon-stroke-width: 1px; color: var(--color-foreground); } .pills__pill--swatch {@media screen and (max-width: 749px) {padding-inline-start: var(--padding-sm);}} .pills__pill--swatch .swatch {margin-right: -4px;} .pills__pill--desktop-small {@media screen and (min-width: 750px) {font-size: var(--font-size--xs);}} fly-to-cart { --offset-y: 10px; position: fixed; width: var(--width, 40px); height: var(--height, 40px); left: 0; top: 0; z-index: calc(infinity); pointer-events: none; border-radius: var(--style-border-radius-buttons-primary); overflow: hidden; object-fit: cover; background-size: cover; background-position: center; opacity: 0; background-color: var(--color-foreground); translate: var(--start-x, 0) var(--start-y, 0); transform: translate(-50%, -50%); animation-name: travel-x, travel-y, travel-scale; animation-timing-function: var(--x-timing), var(--y-timing), var(--scale-timing); animation-duration: .6s; animation-composition: accumulate; animation-fill-mode: both; } fly-to-cart.fly-to-cart--main { --x-timing: cubic-bezier(.7, -5, .98, .5); --y-timing: cubic-bezier(.15, .57, .9, 1.05); --scale-timing: cubic-bezier(.85, .05, .96, 1); } fly-to-cart.fly-to-cart--quick { --x-timing: cubic-bezier(0, -.1, 1, .32); --y-timing: cubic-bezier(0, .92, .92, 1.04); --scale-timing: cubic-bezier(.86, .08, .98, .98); animation-duration: .6s; } fly-to-cart.fly-to-cart--sticky { --x-timing: cubic-bezier(.98, -.8, .92, .5); --y-timing: cubic-bezier(.14, .56, .92, 1.04); --scale-timing: cubic-bezier(.86, .08, .98, .98); --radius: var(--style-border-radius-buttons-primary); @media screen and (max-width: 749px) { --x-timing: cubic-bezier(.98, -.1, .92, .5); } animation-duration: .8s; } @keyframes travel-scale {0% {opacity: var(--start-opacity, 1);} 5% {opacity: 1;} 100% {border-radius: 50%; opacity: 1; transform: translate(-50%,calc(-50% + var(--offset-y))) scale(.25);}} @keyframes travel-x {to {translate: var(--travel-x, 0) 0;}} @keyframes travel-y {to {translate: 0 var(--travel-y, 0);}} .collection-wrapper {@media screen and (min-width: 750px) { --facets-vertical-col-width: 6; grid-template-columns: 1fr repeat( var(--centered-column-number), minmax(0, calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number))) ) 1fr; } @media screen and (min-width: 990px) { --facets-vertical-col-width: 5; }} .collection-wrapper:has(.facets-block-wrapper--full-width),.collection-wrapper:has(.collection-wrapper--full-width) {@media screen and (min-width: 750px) {grid-column: 1 / -1; grid-template-columns: minmax(var(--page-margin),1fr) repeat(var(--centered-column-number),minmax(0,calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))) minmax(var(--page-margin),1fr);}} .collection-wrapper:has(.facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .main-collection-grid {@media screen and (min-width: 750px) {grid-column: var(--facets-vertical-col-width) / var(--full-width-column-number);}} .collection-wrapper:has(.facets-block-wrapper--vertical:not(#filters-drawer)):has(.collection-wrapper--full-width) {@media screen and (min-width: 750px) {grid-column: 1 / -1; grid-template-columns: 0fr repeat(var(--centered-column-number),minmax(0,1fr)) 0fr;}} :is(.collection-wrapper--full-width,.collection-wrapper--full-width-on-mobile) [product-grid-view="default"] .product-grid__card {@media screen and (max-width: 749px) {padding-inline-start: max(var(--padding-xs),var(--padding-inline-start)); padding-inline-end: max(var(--padding-xs),var(--padding-inline-end));}} :is(.collection-wrapper--full-width,.collection-wrapper--full-width-on-mobile) [product-grid-view="mobile-single"] .product-grid__card {@media screen and (max-width: 749px) {padding-inline-start: max(var(--padding-xs),var(--padding-inline-start)); padding-inline-end: max(var(--padding-xs),var(--padding-inline-end));}} :is(.collection-wrapper--full-width) .card-gallery,:is(.collection-wrapper--full-width-on-mobile) .card-gallery {@media screen and (max-width: 749px) {margin-inline-start: calc(-1*max(var(--padding-xs),var(--padding-inline-start))) ; margin-inline-end: calc(-1*max(var(--padding-xs),var(--padding-inline-end))) ;}} .collection-wrapper--full-width .main-collection-grid__title {margin-left: var(--page-margin);} .collection-wrapper--full-width-on-mobile .main-collection-grid__title {@media screen and (max-width: 749px) {margin-left: var(--page-margin);}} .collection-wrapper--grid-full-width .facets--vertical:not(.facets--drawer) {@media screen and (min-width: 750px) {padding-inline-start: max(var(--padding-sm),var(--padding-inline-start));}} .collection-wrapper:has(.product-grid-mobile--large) .facets-mobile-wrapper.facets-controls-wrapper {@media screen and (max-width: 749px) {display: none;}} .collection-wrapper:has(> .facets--horizontal) .facets__panel[open] {@media screen and (min-width: 750px) {z-index: var(--facets-open-z-index);}} @keyframes grow {0% {transform: scale(1);} 50% {transform: scale(1.2);} 100% {transform: scale(1);}} @keyframes move-and-fade {from {transform: translate(var(--start-x, 0),var(--start-y, 0)); opacity: var(--start-opacity, 0);} to {transform: translate(var(--end-x, 0),var(--end-y, 0)); opacity: var(--end-opacity, 1);}} @keyframes slideInTopViewTransition {from {transform: translateY(100px);}} @keyframes elementSlideInTop {from {margin-top: var(--padding-sm); opacity: 0;} to {margin-top: 0; opacity: 1;}} @keyframes elementSlideOutTop {from {transform: translateY(0); opacity: 1;} to {transform: translateY(var(--padding-sm)); opacity: 0;}} @keyframes elementSlideInBottom {from {transform: translateY(calc(-1 * var(--padding-sm))); opacity: 0;} to {transform: translateY(0); opacity: 1;}} @keyframes elementSlideOutBottom {from {transform: translateY(0); opacity: 1;} to {transform: translateY(calc(-1 * var(--padding-sm))); opacity: 0;}} @keyframes thumbnailsSlideInTop {from {transform: translateY(calc(-50% + var(--margin-lg))); opacity: 0;} to {transform: translateY(-50%); opacity: 1;}} @keyframes thumbnailsSlideOutTop {from {transform: translateY(-50%); opacity: 1;} to {transform: translateY(calc(-50% + var(--margin-lg))); opacity: 0;}} @keyframes thumbnailsSlideInBottom {from {transform: translateY(100%); opacity: 0;} to {transform: translateY(0); opacity: 1;}} @keyframes thumbnailsSlideOutBottom {from {transform: translateY(0); opacity: 1;} to {transform: translateY(100%); opacity: 0;}} @keyframes search-element-slide-in-bottom {0% {transform: translateY(20px); opacity: 0;} 100% {transform: translateY(0); opacity: 1;}} @keyframes search-element-slide-out-bottom {0% {transform: translateY(0); opacity: 1;} 100% {transform: translateY(20px); opacity: 0;}} @keyframes dialogZoom {from {opacity: 1; transform: scale(1) translateY(0);} to {opacity: 0; transform: scale(.95) translateY(1em);}} @keyframes thumbnail-selected {0%,100% {box-shadow: 0 0 0 2px transparent; scale: .9;} 50% {box-shadow: 0 0 0 2px #000; scale: 1;}} @keyframes backdropFilter {from {backdrop-filter: brightness(1);} to {backdrop-filter: brightness(.75);}} @keyframes fadeOut {from {opacity: 1;} to {opacity: 0;}} @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @keyframes modalSlideInTop {from {transform: translateY(var(--padding-sm)); opacity: 0;} to {transform: translateY(0); opacity: 1;}} @keyframes modalSlideOutTop {from {transform: translateY(0); opacity: 1;} to {transform: translateY(var(--padding-sm)); opacity: 0;}} .bubble {display: inline-flex; height: calc(var(--variant-picker-swatch-height) / 1.5); font-size: var(--font-size--xs); border-radius: 20px; min-width: 20px; padding: 0 6px; background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); color: var(--color-foreground); align-items: center; justify-content: center;} .bubble svg {width: 12px; height: 12px;} .top-shadow::before {content: ""; box-shadow: 0 0 10px var(--color-shadow); position: absolute; z-index: var(--layer-lowest); inset: 0; clip-path: inset(-50px 0 0 0);} @media screen and (min-width: 750px) {.top-shadow--mobile::before {display: none;}} .bottom-shadow::before {content: ""; box-shadow: 0 0 10px var(--color-shadow); position: absolute; z-index: var(--layer-lowest); inset: 0; clip-path: inset(0 0 -50px 0);} @media screen and (min-width: 750px) {.bottom-shadow--mobile::before {display: none;}} .video-placeholder-wrapper {position: relative; width: 100%; height: 100%; aspect-ratio: var(--size-style-aspect-ratio, auto);} :not(deferred-media) > .video-placeholder-wrapper {width: var(--video-placeholder-width);} .video-placeholder-wrapper > * {width: 100%; height: 100%; object-fit: cover; object-position: center;} :not(.media-gallery--carousel) > :is(slideshow-component:hover,slideshow-component:focus-within):not(:has(slideshow-controls:hover)) > slideshow-container > slideshow-arrows .slideshow-control {animation: arrowsSlideIn var(--animation-speed) var(--animation-easing) forwards;} @keyframes arrowsSlideIn {from {transform: translate(var(--padding-sm),0); opacity: 0;} to {opacity: 1;}} .section-resource-list,.section-carousel {row-gap: var(--gap);} .section-resource-list__content {display: flex; flex-direction: column; align-items: var(--horizontal-alignment); gap: var(--gap); width: 100%;} .section-resource-list__content:empty {display: none;} .section-resource-list__header:is(:empty,:has(.group-block-content:empty)),.section-resource-list__content:empty {display: none;} :where(.section-resource-list.section--full-width) product-card[data-product-transition] > .group-block,:where(.section-carousel.section--full-width) product-card[data-product-transition] > .group-block {@media screen and (max-width: 749px) {padding-inline: max(var(--padding-xs),var(--padding-inline-start)) max(var(--padding-xs),var(--padding-inline-end));}} .resource-list--carousel-mobile {display: block; @media screen and (min-width: 750px) {display: none;}} .resource-list { --resource-list-mobile-gap-max: 9999px; --resource-list-column-gap: min(var(--resource-list-column-gap-desktop), var(--resource-list-mobile-gap-max)); --resource-list-row-gap: min(var(--resource-list-row-gap-desktop), var(--resource-list-mobile-gap-max)); width: 100%; @media screen and (max-width: 749px) { --resource-list-mobile-gap-max: 12px; } @container resource-list (max-width: 749px) { --resource-list-mobile-gap-max: 12px; } } .resource-list--grid {display: grid; gap: var(--resource-list-row-gap) var(--resource-list-column-gap); grid-template-columns: var(--resource-list-columns-mobile); @media screen and (min-width: 750px) {grid-template-columns: var(--resource-list-columns);} @container resource-list (max-width: 449px) {grid-template-columns: var(--resource-list-columns-mobile);} @container resource-list(min-width: 450px) and (max-width: 749px) { --resource-list-columns-per-row: 3; grid-template-columns: repeat(var(--resource-list-columns-per-row), 1fr); &:has(.resource-list__item:first-child:nth-last-child(3n + 1)), &:has(.resource-list__item:first-child:nth-last-child(8n)) { --resource-list-columns-per-row: 4; } } @container resource-list (min-width: 750px) {grid-template-columns: repeat(var(--resource-list-columns-per-row),1fr); &:has(.resource-list__item:first-child:nth-last-child(n + 9)) { --resource-list-columns-per-row: 5; } &:has(.resource-list__item:first-child:nth-last-child(n + 7):nth-last-child(-n + 8)) { --resource-list-columns-per-row: 4; } &:has(.resource-list__item:first-child:nth-last-child(6)) { --resource-list-columns-per-row: 3; } &:has(.resource-list__item:first-child:nth-last-child(5)) { --resource-list-columns-per-row: 5; } &:has(.resource-list__item:first-child:nth-last-child(-n + 4)) { --resource-list-columns-per-row: 4; }} @container resource-list (min-width: 1200px) {&:has(.resource-list__item:first-child:nth-last-child(6)) { --resource-list-columns-per-row: 6; }}} .resource-list__item {height: 100%; color: var(--color-foreground); text-decoration: none;} .group-block,.group-block-content {position: relative;} .group-block:has(> video-background-component),.group-block:has(> .background-image-container) {overflow: hidden;} .group-block-content {height: 100%; width: 100%;} .section-content-wrapper.section-content-wrapper:where(.layout-panel-flex) .group-block--fill {flex: 1;} .layout-panel-flex--row > .group-block--width-fit {flex: 0;} .layout-panel-flex--row > .group-block--width-fill {flex: 1;} .layout-panel-flex--row > .group-block--width-custom {flex-basis: var(--size-style-width);} .group-block--height-fit {height: auto;} .group-block--height-custom,.group-block--height-fill {height: var(--size-style-height);} .layout-panel-flex--column > .group-block--height-fit {flex: 0 1 auto;} .layout-panel-flex--column > .group-block--height-fill {flex: 1;} .layout-panel-flex--column > .group-block--height-custom {flex-basis: var(--size-style-height);} text-component { --shimmer-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --shimmer-color-light: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --shimmer-speed: 1.25s; display: inline-block; position: relative; transition: color var(--animation-speed-slow) ease; line-height: 1; &::after { content: attr(value); position: absolute; inset: 0; color: transparent; opacity: 0; transition: opacity var(--animation-speed-slow) var(--animation-easing); pointer-events: none; background-image: linear-gradient( -85deg, var(--shimmer-text-color) 10%, var(--shimmer-color-light) 50%, var(--shimmer-text-color) 90% ); background-clip: text; background-size: 200% 100%; background-position: 100% 0; place-content: center; } &[shimmer] { color: transparent; &::after { opacity: 1; animation: text-shimmer var(--shimmer-speed) infinite linear; } } } @keyframes text-shimmer {0% {background-position: 100% 0;} 100% {background-position: -100% 0;}} .transition-background-color {transition: background-color var(--animation-speed-medium) ease-in-out;} .transition-transform {transition: transform var(--animation-speed-medium) var(--animation-timing-bounce);} .transition-border-color {transition: border-color var(--animation-speed-medium) var(--animation-timing-hover);} ::-webkit-scrollbar {width: 20px;} ::-webkit-scrollbar-track {background-color: transparent;} ::-webkit-scrollbar-thumb {background-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)); border-radius: 20px; border: 6px solid transparent; background-clip: content-box; transition: background-color .2s;} ::-webkit-scrollbar-thumb:hover {background-color: rgb(var(--color-foreground-rgb) / var(--opacity-60));} @media (prefers-reduced-motion: no-preference) {html {scroll-behavior: smooth;}} [product-grid-view="zoom-out"] :is(.product-card,.product-grid__card) :is(h4,.h4) {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3;} @media screen and (max-width: 749px) {:is(.product-card,.product-grid__card) :is(h4,.h4) {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3;}} .product-card:hover,.collection-card:hover,.predictive-search-results__card--product:hover,.predictive-search-results__card:hover {position: relative; z-index: var(--layer-raised); transition: transform var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing);} .predictive-search-results__inner {flex-grow: 1; overflow-y: auto; padding-block: var(--padding-lg); container-type: inline-size; color: var(--color-foreground);} @media screen and (max-width: 1200px) {input,textarea,select,.paragraph.paragraph input,.paragraph.paragraph textarea,.paragraph.paragraph select,.h1.h1 input,.h1.h1 textarea,.h1.h1 select,.h2.h2 input,.h2.h2 textarea,.h2.h2 select,.h3.h3 input,.h3.h3 textarea,.h3.h3 select,.h4.h4 input,.h4.h4 textarea,.h4.h4 select,.h5.h5 input,.h5.h5 textarea,.h5.h5 select,.h6.h6 input,.h6.h6 textarea,.h6.h6 select {font-size: max(1rem,100%);}} .product-recommendations {display: block;} .product-recommendations__skeleton-item {aspect-ratio: 3 / 4; background-color: var(--color-foreground); opacity: var(--skeleton-opacity); border-radius: 4px;} @media screen and (max-width: 749px) {.product-recommendations__skeleton-item:nth-child(2n + 1) {display: none;}} product-recommendations:has([data-has-recommendations="false"]) {display: none;} .add-to-cart-button { --text-speed: .26; --base-delay: calc(var(--text-speed) * .25); --tick-speed: .1; --ring-speed: .2; --check-speed: .2; --burst-speed: .32; --step-delay: 3; --speed: 1; user-select: none; transition-property: color, box-shadow, background-color, scale, translate; transition-duration: var(--animation-speed); transition-timing-function: var(--ease-out-cubic); &:active { scale: .99; translate: 0 1px; } } .add-to-cart-button .svg-wrapper .checkmark-burst {width: 30px; height: 30px;} .add-to-cart-text { --atc-opacity: 0; --atc-destination: -1em; display: flex; gap: var(--gap-2xs); align-items: center; justify-content: center; animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing); animation-fill-mode: forwards; transition: width var(--animation-speed) var(--animation-easing), opacity var(--animation-speed) var(--animation-easing); } .add-to-cart__added { --atc-opacity: 1; --atc-destination: 0px; position: absolute; top: 50%; left: 50%; translate: -50% -50%; display: flex; align-items: center; justify-content: center; gap: .3rem; } .add-to-cart__added-icon {width: 32px; height: 32px;} [data-added="true"] .add-to-cart-text,[data-added="true"] .add-to-cart__added {animation-name: atc-slide;} .checkmark-burst {opacity: 0; overflow: visible; .burst {rotate: 20deg;} .check {opacity: .2; scale: .8; filter: blur(2px); transform: translateZ(0);} :is(.ring,.line,.check,.burst,.tick) {transform-box: fill-box; transform-origin: center;} :is(.line) {stroke-dasharray: 1.5 1.5; stroke-dashoffset: -1.5; translate: 0 -180%;} g {transform-origin: center; rotate: calc(var(--index) * (360 / 8) * 1deg);}} .add-to-cart-button[data-added="true"] .checkmark-burst {opacity: 1;} .add-to-cart-button[data-added="true"] {.check {opacity: 1; scale: 1; filter: blur(0);} .tick {scale: 1.75;} .ring {opacity: 0; scale: 1;} .line {stroke-dashoffset: 1.5;} .add-to-cart-text {clip-path: circle(0% at 50% 50%); filter: blur(2px); opacity: 0; translate: 0 4px;}} @media (prefers-reduced-motion: no-preference) {.add-to-cart-button[data-added="true"] {.check {transition-property: opacity,scale,filter; transition-duration: calc(calc(var(--check-speed) * 1s)); transition-delay: calc((var(--base-delay) * 1s)); transition-timing-function: var(--ease-out-quad);} .tick {transition-property: scale; transition-duration: calc((calc(var(--tick-speed) * 1s))); transition-delay: calc(((var(--base-delay) + (var(--check-speed) * (var(--step-delay) * 1.1))) * 1s)); transition-timing-function: ease-out;} .ring {transition-property: opacity,scale; transition-duration: calc((calc(var(--ring-speed) * 1s))); transition-delay: calc(((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s)); transition-timing-function: var(--ease-out-quad);} .line {transition-property: stroke-dashoffset; transition-duration: calc((calc(var(--burst-speed) * 1s))); transition-delay: calc(((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s)); transition-timing-function: var(--ease-out-cubic);}} .add-to-cart-text {transition-property: clip-path,opacity,filter,translate; transition-duration: calc((var(--text-speed) * .6s)),calc((var(--text-speed) * 1s)); transition-timing-function: ease-out;}} .add-to-cart-text {clip-path: circle(100% at 50% 50%);} @keyframes atc-slide {to {opacity: var(--atc-opacity, 1); translate: 0px var(--atc-destination, 0px);}} .header__icon--account,.header__icon--cart,[data-cart-icon],.cart-count-bubble,header .icon-account,header .icon-cart,.header-cart-btn,.site-header__cart,.site-header__account,a[href="/cart"],a[href="/account"] {display: none !important;}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/base.css.map */