*{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:0.25s;--hover-transition-timing:ease-out;--surface-transition-duration:0.3s;--surface-transition-timing:var(--ease-out-quad);--submenu-animation-speed:360ms;--submenu-animation-easing:cubic-bezier(0.25,0.1,0.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:0.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:0.075em;text-underline-offset:0.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:150ms;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:0.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) * 0.5) var(--animation-easing) forwards;} .close-button:hover{background-color:transparent;opacity:0.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 0.3s ease;} deferred-media img{height:100%;object-fit:cover;transition:opacity 0.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:0.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:0.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(0.85em,var(--font-paragraph--size));color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));} .tax-note.tax-note.tax-note{font-size:min(0.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:0.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:0.5em;font-size:min(0.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);> .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;} } } @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:0.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 0.2s ease,background-color 0.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 0.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 0.2s ease,background-color 0.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(0.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:0.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:0.6s;animation-composition:accumulate;animation-fill-mode:both;} fly-to-cart.fly-to-cart--main{--x-timing:cubic-bezier(0.7,-5,0.98,0.5);--y-timing:cubic-bezier(0.15,0.57,0.9,1.05);--scale-timing:cubic-bezier(0.85,0.05,0.96,1);} fly-to-cart.fly-to-cart--quick{--x-timing:cubic-bezier(0,-0.1,1,0.32);--y-timing:cubic-bezier(0,0.92,0.92,1.04);--scale-timing:cubic-bezier(0.86,0.08,0.98,0.98);animation-duration:0.6s;} fly-to-cart.fly-to-cart--sticky{--x-timing:cubic-bezier(0.98,-0.8,0.92,0.5);--y-timing:cubic-bezier(0.14,0.56,0.92,1.04);--scale-timing:cubic-bezier(0.86,0.08,0.98,0.98);--radius:var(--style-border-radius-buttons-primary);@media screen and (max-width:749px){--x-timing:cubic-bezier(0.98,-0.1,0.92,0.5);} animation-duration:0.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(0.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(0.95) translateY(1em);} } @keyframes thumbnail-selected{0%,100%{box-shadow:0 0 0 2px transparent;scale:0.9;} 50%{box-shadow:0 0 0 2px #000;scale:1;} } @keyframes backdropFilter{from{backdrop-filter:brightness(1);} to{backdrop-filter:brightness(0.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 0.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:0.26;--base-delay:calc(var(--text-speed) * 0.25);--tick-speed:0.1;--ring-speed:0.2;--check-speed:0.2;--burst-speed:0.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:0.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:0.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:0.2;scale:0.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) * 0.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);} } .product-card,.card,.collection-card{box-shadow:rgba(0,0,0,0.1) 0px 4px 12px !important;padding:1.5rem !important;transition:all 0.3s ease !important;background-color:var(--color-background) !important;border-radius:var(--card-corner-radius,8px) !important;margin-bottom:2rem !important;} .product-card:hover,.card:hover,.collection-card:hover{box-shadow:rgba(0,0,0,0.15) 0px 8px 24px !important;transform:translateY(-4px) !important;}