#quick-add-dialog{display:contents}@media screen and (min-width:750px){.quick-add-modal{width:var(--quick-add-modal-width);height:var(--quick-add-modal-height);max-width:none}}.quick-add-modal{padding:0;border:var(--style-border-popover);overflow:hidden;box-shadow:0 5px 30px rgb(0 0 0 / var(--opacity-15));@media screen and (max-width:749px){position:fixed;margin:auto 0 0 0;min-height:unset;max-width:100%;border-radius:0;overflow:clip;height:fit-content}}.quick-add-modal[open]{@media screen and (max-width:750px){border-top-left-radius:var(--style-border-radius-popover);border-top-right-radius:var(--style-border-radius-popover)}}.quick-add-modal[open]{@media screen and (min-width:750px){display:flex}}.quick-add-modal:has(.quick-add-modal__content:not([data-product-template-suffix])) .view-more-details__wrapper{@media screen and (max-width:749px){display:none}}.quick-add-modal[open]{animation:modalSlideInTop var(--animation-speed) var(--animation-easing) forwards}.quick-add-modal.dialog-closing{animation:modalSlideOutTop var(--animation-speed) var(--animation-easing) forwards}.quick-add-modal:has(.quick-add-modal__content[data-product-template-suffix]){width:calc(100vw - var(--padding-lg) * 2);height:calc(100svh - var(--padding-lg) * 2);max-width:100%;max-height:100svh;margin:auto;border-radius:var(--style-border-radius-popover);overflow-x:hidden;overscroll-behavior-x:none;@media screen and (min-width:750px){width:min(112rem,calc(100vw - clamp(3rem,6vw,7rem)));height:min(56rem,calc(100svh - clamp(3rem,7vw,7rem)))}}.quick-add-modal__close{position:absolute;top:var(--margin-2xs);right:var(--margin-2xs);transition:transform 0.15s var(--animation-timing-bounce);z-index:var(--layer-raised);overflow:visible;transform-origin:center}.quick-add-modal:has(.quick-add-modal__content[data-product-template-suffix]) .quick-add-modal__close{display:grid;place-items:center;top:var(--padding-md);right:var(--padding-md);width:2.75rem;height:2.75rem;color:var(--color-foreground);background:rgb(var(--color-background-rgb) / 0.94);border-radius:50%;box-shadow:0 8px 24px rgb(var(--color-foreground-rgb) / var(--opacity-15));@media screen and (max-width:749px){top:var(--padding-lg);right:var(--padding-lg)}}.quick-add-modal:has(.quick-add-modal__content[data-product-template-suffix]) .quick-add-modal__close svg{width:1rem;height:1rem}.quick-add-modal:has(.quick-add-modal__content[data-product-template-suffix]) .quick-add-modal__close:focus-visible::after{border-radius:50%;outline-color:rgb(var(--color-foreground-rgb) / 0.45)}.quick-add-modal__close:active{transform:scale(0.99) translateY(1px)}.quick-add-modal__close{&:focus-visible{outline:none}&:focus-visible::after{content:"";position:absolute;inset:0;border-radius:calc(var(--style-border-radius-popover) - var(--margin-2xs));outline:var(--focus-outline-width) solid currentColor}}.quick-add-modal__content{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:100% 1fr;position:relative;overflow-y:auto;max-height:100vh;flex-grow:1;@media screen and (max-width:749px){grid-template-columns:repeat(4,1fr);grid-template-rows:auto;padding-inline:var(--padding-xl);padding-block:var(--padding-xl);gap:var(--gap-lg);flex:1;min-height:0;overflow-y:auto;height:auto;max-height:100vh}}.quick-add-modal__content[data-product-template-suffix]{display:block;grid-template-columns:none;grid-template-rows:auto;box-sizing:border-box;height:100%;max-height:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;padding:clamp(var(--padding-lg),3vw,var(--padding-3xl));@media screen and (max-width:749px){padding:var(--padding-lg)}}.quick-add-modal__content[data-product-template-suffix] :is(.product-information,.product-information__grid,.product-information__media,media-gallery){max-width:100%;min-width:0}.quick-add-modal__content[data-product-template-suffix] .product-information__media{width:100%}.quick-add-modal__content[data-product-template-suffix] media-gallery{overflow-x:clip;overscroll-behavior-x:contain}.quick-add-modal__content[data-product-template-suffix] media-gallery slideshow-slides{max-width:100%;overscroll-behavior-x:contain}.quick-add-modal__skeleton{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(20rem,0.92fr);gap:clamp(var(--gap-xl),3vw,var(--gap-3xl));width:100%;min-height:100%}.quick-add-modal__skeleton-block{position:relative;display:block;overflow:hidden;background:color-mix(in srgb,var(--color-foreground) 8%,transparent);border-radius:8px}.quick-add-modal__skeleton-block::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-background) 54%,transparent) 48%,transparent 100%);transform:translateX(-100%);animation:quick-add-skeleton-shimmer 1400ms var(--animation-easing) infinite}.quick-add-modal__skeleton-media{min-width:0}.quick-add-modal__skeleton-image{aspect-ratio:1;width:100%}.quick-add-modal__skeleton-thumbs{display:flex;justify-content:center;gap:var(--gap-sm);margin-block-start:var(--gap-md)}.quick-add-modal__skeleton-thumbs .quick-add-modal__skeleton-block{width:clamp(3.25rem,7vw,4.75rem);aspect-ratio:1}.quick-add-modal__skeleton-details{display:flex;flex-direction:column;gap:var(--gap-md);min-width:0;padding-block-start:var(--padding-md)}.quick-add-modal__skeleton-title{width:88%;height:clamp(2.25rem,4.2vw,4.5rem)}.quick-add-modal__skeleton-title--short{width:62%}.quick-add-modal__skeleton-price{width:34%;height:1.75rem;margin-block-start:var(--gap-sm)}.quick-add-modal__skeleton-rule{width:100%;height:1px;margin-block:var(--gap-sm);background:rgb(var(--color-foreground-rgb) / 0.12)}.quick-add-modal__skeleton-stack{display:grid;gap:var(--gap-sm)}.quick-add-modal__skeleton-stack .quick-add-modal__skeleton-block{height:3.5rem;border-radius:var(--style-border-radius-inputs)}.quick-add-modal__skeleton-button{height:3.75rem;margin-block-start:var(--gap-sm);border-radius:var(--style-border-radius-buttons-primary);background:color-mix(in srgb,var(--color-foreground) 14%,transparent)}.quick-add-modal__skeleton-button--secondary{margin-block-start:0;background:color-mix(in srgb,var(--color-foreground) 7%,transparent)}.quick-add-modal__load-error{display:grid;min-height:min(24rem,70svh);place-items:center;padding:var(--padding-3xl);text-align:center}.quick-add-modal__load-error p{max-width:24rem;margin:0;color:rgb(var(--color-foreground-rgb) / 0.7)}@keyframes quick-add-skeleton-shimmer{to{transform:translateX(100%)}}@media screen and (max-width:749px){.quick-add-modal__skeleton{grid-template-columns:1fr;gap:var(--gap-lg)}.quick-add-modal__skeleton-details{padding-block-start:0}.quick-add-modal__skeleton-title{height:2.25rem}}@media(prefers-reduced-motion:reduce){.quick-add-modal__skeleton-block::after{animation:none}}.quick-add-modal__content:not([data-product-template-suffix]) .media-gallery--grid .media-gallery__grid{grid-template-columns:1fr}.quick-add-modal__content:not([data-product-template-suffix]) .media-gallery--grid.media-gallery--two-column .product-media-container:first-child{grid-column:auto}.quick-add-modal__content:not([data-product-template-suffix]){.media-gallery--grid:not(.media-gallery--two-column) .product-media>*,.media-gallery--grid.media-gallery--two-column:not(.media-gallery--large-first-image) .product-media-container:nth-of-type(odd) .product-media>*,.media-gallery--grid.media-gallery--two-column.media-gallery--large-first-image .product-media-container:is(:first-of-type,:nth-of-type(even)) .product-media>*,.media-gallery--carousel slideshow-container{border-top-left-radius:0;border-bottom-left-radius:0}}.quick-add-modal__content:not([data-product-template-suffix]) .view-more-details__wrapper{display:flex;justify-content:flex-start;width:100%}.view-more-details__wrapper .view-more-details{display:flex;align-items:center;width:fit-content}.quick-add-modal__content:not([data-product-template-suffix]) .product-header{@media screen and (max-width:749px){display:flex;flex-direction:column;grid-column:2 / -1;grid-row:1;padding-right:var(--padding-2xl)}}.quick-add-modal__content:not([data-product-template-suffix]) .product-header a:not(product-price *){@media screen and (max-width:749px){font-size:var(--font-size--md);font-weight:500;color:inherit;width:fit-content}}.quick-add-modal__content:not([data-product-template-suffix]) variant-picker,.quick-add-modal__content:not([data-product-template-suffix]) product-form-component{@media screen and (max-width:749px){grid-column:1 / -1}}.quick-add-modal__content:not([data-product-template-suffix]) .product-media-container__zoom-button{cursor:default}.quick-add-modal__content:not([data-product-template-suffix]) .product-details{grid-column:4 / -1;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:stretch;height:100%;min-height:0;overflow-y:auto;position:relative;dialog[open] &{animation:fadeSlideIn 0.3s var(--animation-timing-fade-in) both;animation-delay:0.1s}@media screen and (max-width:749px){grid-column:2 / span 2;grid-row:span 1;max-height:100%;height:100%}}@property --quick-add-modal-mask-start{syntax: "<length>"; initial-value: 0px; inherits: false;}@property --quick-add-modal-mask-end{syntax: "<length>"; initial-value: 0px; inherits: true;}@keyframes detect-scroll{from,to{--can-scroll: }}@supports (animation-timeline: scroll(self)){dialog[open] .quick-add-modal__content:not([data-product-template-suffix]) .product-details{mask-image:linear-gradient(to bottom,transparent 0%,#000 var(--quick-add-modal-mask-start),#000 100%);animation:0.3s var(--animation-timing-fade-in) 0.1s both fadeSlideIn,scrollStart 1s linear both,scrollEnd 1s linear both,detect-scroll 1ms linear none;animation-timeline:auto,scroll(self),scroll(self),scroll(self);animation-range:normal,0px 48px,calc(100% - 48px) 100%,0% 100%}}@keyframes scrollStart{from{--quick-add-modal-mask-start: 0px}to{--quick-add-modal-mask-start: 48px}}@keyframes scrollEnd{from{--quick-add-modal-mask-end: 0px}to{--quick-add-modal-mask-end: 48px}}.quick-add-modal__content:not([data-product-template-suffix]) .product-details>.group-block{flex-grow:1;width:auto}.quick-add-modal__content>*{min-height:0}.quick-add-modal__content:not([data-product-template-suffix]) .product-details :is(.view-product-title,.buy-buttons-block){flex:0 0 auto}.quick-add-modal__content:not([data-product-template-suffix]) .product-details :is(.buy-buttons-block){margin-top:auto;position:sticky;bottom:0;padding-bottom:var(--padding-3xl);background-color:var(--color-background);z-index:var(--layer-raised);&::before{--quick-add-modal-mask-end-progressive-enhanced: 0px;position:absolute;content:"";display:block;inset:auto 0 100% 0;pointer-events:none;height:min(var(--gap-2xl),var(--gap));background-color:inherit;mask-image:linear-gradient(to top,#000 0%,#000 calc(var(--gap-2xs)),transparent calc(100% - var(--quick-add-modal-mask-end-progressive-enhanced)),transparent)}}.quick-add-modal__content:not([data-product-template-suffix]) .product-details .buy-buttons-block:has(gift-card-recipient-form){position:static;padding-bottom:0;flex-grow:1;display:flex;flex-direction:column}.quick-add-modal__content:not([data-product-template-suffix]) .product-details .buy-buttons-block:has(gift-card-recipient-form)>product-form-component{flex-grow:1;display:flex;flex-direction:column}.quick-add-modal__content:not([data-product-template-suffix]) .product-details .buy-buttons-block:has(gift-card-recipient-form) form{flex-grow:1;display:flex;flex-direction:column}.quick-add-modal__content:not([data-product-template-suffix]) .product-details .buy-buttons-block:has(gift-card-recipient-form)::before{display:none}.quick-add-modal__content:not([data-product-template-suffix]) .product-details .buy-buttons-block__bar{display:block;position:sticky;bottom:0;margin-top:auto;padding-block:var(--gap-md) var(--padding-3xl);background-color:var(--color-background);z-index:var(--layer-raised);&::before{--quick-add-modal-mask-end-progressive-enhanced: 0px;position:absolute;content:"";display:block;inset:auto 0 100% 0;pointer-events:none;height:min(var(--gap-2xl),var(--gap));background-color:inherit;mask-image:linear-gradient(to top,#000 0%,#000 calc(var(--gap-2xs)),transparent calc(100% - var(--quick-add-modal-mask-end-progressive-enhanced)),transparent)}}@supports (animation-timeline: scroll(self)){.quick-add-modal__content:not([data-product-template-suffix]) .product-details :is(.buy-buttons-block)::before,.quick-add-modal__content:not([data-product-template-suffix]) .product-details .buy-buttons-block__bar::before{--mask-if-scroll: var(--can-scroll) var(--quick-add-modal-mask-end);--mask-if-no-scroll: 48px;--quick-add-modal-mask-end-progressive-enhanced: var(--mask-if-scroll, var(--mask-if-no-scroll));height:calc(var(--gap-2xs) + 48px)}}.quick-add-modal__content:not([data-product-template-suffix]) .product-details .variant-picker{flex:0 0 auto;padding-block:min(var(--gap-2xl),var(--gap));margin-block-end:calc(var(--focus-outline-offset) + var(--focus-outline-width))}.quick-add-modal__content:not([data-product-template-suffix]) .variant-option--swatches{padding-inline-start:var(--padding-2xs)}.quick-add-modal__content:not([data-product-template-suffix]) .variant-option--swatches legend{margin-inline-start:calc(-1 * var(--padding-2xs))}.quick-add-modal__content:not([data-product-template-suffix]):not(:has(.product-information__media)) .product-details{grid-column:1 / -1}.quick-add-modal__content:not([data-product-template-suffix]) .view-product-title{display:flex;padding-block:0;margin-block-end:12px;padding-inline-end:calc(var(--padding-2xl) + calc(var(--minimum-touch-target) / 2))}.quick-add-modal__content:not([data-product-template-suffix]) .view-product-title a{color:inherit;text-decoration:none;text-align:left;font-size:var(--font-size--2xl);font-weight:600;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s var(--animation-easing)}.quick-add-modal__content:not([data-product-template-suffix]) .product-details product-price{--text-align: left}.quick-add-modal__content:not([data-product-template-suffix]) .product-details product-price.text-block--align-center{margin-inline:0}.quick-add-modal__content:not([data-product-template-suffix]) .product-details product-price.text-center{--text-align: left}.quick-add-modal__content:not([data-product-template-suffix]) .product-details product-price>*{text-align:left}.quick-add-modal__content:not([data-product-template-suffix]) .product-details *:not(.group-block,.group-block-content,.buy-buttons-block,.buy-buttons-block *,.view-product-title,.view-product-title *,variant-picker,variant-picker *,product-price,product-price *,product-inventory,product-inventory *,.text-block--quick_view_description,.text-block--quick_view_description *,.view-more-details__wrapper,.view-more-details__wrapper *){@media screen and (min-width:750px){display:none!important}}.quick-add-modal__content:not([data-product-template-suffix]) .group-block:not(:has(.buy-buttons-block,.buy-buttons-block *,.view-product-title,.view-product-title *,variant-picker,variant-picker *,product-price,product-price *,product-inventory,product-inventory *,.text-block--quick_view_description,.text-block--quick_view_description *,.view-more-details__wrapper,.view-more-details__wrapper *),.buy-buttons-block){display:none}@media screen and (min-width:750px){.quick-add-modal__content:not([data-product-template-suffix]) .group-block-content{gap:0}.quick-add-modal__content:not([data-product-template-suffix]) .media-gallery__grid{gap:min(var(--gap-2xs),var(--image-gap));border-radius:var(--style-border-radius-popover, 0)}.quick-add-modal__content:not([data-product-template-suffix]) .media-gallery--grid .product-media img{border-radius:0}}.quick-add-modal__content:not([data-product-template-suffix]) .product-details>.group-block{padding-block:var(--padding-3xl) 0}.quick-add-modal__content:not([data-product-template-suffix]) :where(.product-details>.group-block>.group-block-content>*){padding-inline:var(--padding-3xl)}.quick-add-modal__content:not([data-product-template-suffix]) slideshow-slide:not([aria-hidden=false]){content-visibility:auto}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media{width:100%;grid-column:1 / span 1;grid-row:1;position:relative;top:0;animation:fadeIn 0.4s var(--animation-timing-fade-in) both;@media screen and (min-width:750px){position:sticky;grid-column:1 / 4;width:var(--quick-add-modal-gallery-width);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}&::-webkit-scrollbar{display:none}}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media media-gallery{pointer-events:none;@media screen and (min-width:750px){position:absolute;inset:0}}.quick-add-modal:has(.quick-add-modal__content:not([data-product-template-suffix])) media-gallery{padding:0}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media slideshow-arrows{display:none}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media slideshow-container{display:block}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media slideshow-slides{display:flex;flex-direction:column;gap:var(--gap-2xs);overflow:visible;scroll-snap-type:none}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media slideshow-slide{width:100%;flex:none;scroll-snap-align:unset;position:relative;transform:none;opacity:1;visibility:visible;transition:opacity 0.3s var(--animation-easing)}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media slideshow-slide[aria-hidden=true]{@media screen and (max-width:749px){display:none}}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media slideshow-slide:nth-child(1){animation:fadeSlideIn 0.3s var(--animation-timing-fade-in) both}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media slideshow-slide:nth-child(2){animation:fadeSlideIn 0.3s var(--animation-timing-fade-in) both;animation-delay:0.05s}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media slideshow-slide:nth-child(3){animation:fadeSlideIn 0.3s var(--animation-timing-fade-in) both;animation-delay:0.1s}.quick-add-modal__content:not([data-product-template-suffix]) .product-information__media :is(slideshow-controls,slideshow-controls[thumbnails]){display:none}.quick-add-modal__content:not([data-product-template-suffix]) .sticky-content,.quick-add-modal__content:not([data-product-template-suffix]) .sticky-content--desktop{top:0}.quick-add-modal__content:not([data-product-template-suffix]) .text-block.rte:not(product-price,.text-block--quick_view_description),.quick-add-modal__content:not([data-product-template-suffix]) .view-more-details__wrapper{display:none}.quick-add-modal__content:not([data-product-template-suffix]) .text-block--quick_view_description{display:block;flex:0 0 auto;margin-block:var(--gap-lg)}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quick-add{--quick-add-offset: var(--padding-sm);--quick-add-right: calc(var(--quick-add-offset) + var(--padding-inline-end));--quick-add-bottom: calc(var(--quick-add-offset) + var(--padding-block-end));position:absolute;inset:0;z-index:var(--layer-raised);pointer-events:none;@media screen and (min-width:750px){--quick-add-offset: var(--padding-md)}}.quick-add .variant-option__button-label input[data-option-available=false]{cursor:not-allowed}.quick-add[class*=color-scheme-]{background-color:#0000}product-card:is(:hover,:focus-within) .quick-add__button{opacity:1}.quick-add__button{display:var(--quick-add-mobile-display, none);align-items:center;background:linear-gradient(var(--color-background) 0 100%) padding-box;padding:0;border-radius:50px;border:2px solid hsl(0 0% 0% / 0.15);height:var(--button-size-md);cursor:pointer;opacity:var(--quick-add-mobile-opacity, 0);overflow:hidden;color:var(--color-foreground);pointer-events:all;position:absolute;right:max(var(--quick-add-right),calc((var(--border-radius) + var(--quick-add-right)) * (1 - cos(45deg))));bottom:max(var(--quick-add-bottom),calc((var(--border-radius) + var(--quick-add-bottom)) * (1 - cos(45deg))));backdrop-filter:blur(20px) saturate(180%);&:hover{scale:1.03;&::before{content:"";position:absolute;inset:-10px;z-index:-1}}&:active{scale:0.99}.quick-add[stay-visible] &{display:grid}@media screen and (min-width:750px){display:var(--quick-add-display, flex);opacity:0}}.quick-add__button.add-to-cart-button{height:var(--button-size-md)}.quick-add__button .add-to-cart-text{background:var(--color-background);overflow:hidden;border-radius:50px;height:100%;gap:0}.quick-add__button .svg-wrapper .checkmark-burst{width:22px;height:22px}.quick-add__button .add-to-cart-icon{height:100%;width:calc(var(--button-size-md) - 4px)}.quick-add__button .add-to-cart-text__content{display:grid;grid-template-columns:0fr;&>span{min-width:0;span{padding-right:var(--padding-sm);opacity:0;display:inline-block;filter:blur(2px);translate:0.5ch 0}}}.quick-add__button[data-added=true] .add-to-cart-text{animation-name:atc-fade-out}.quick-add__button[data-added=true] .add-to-cart-text--added{translate:0 0;animation-name:atc-fade-in}.quick-add__product-form-component{height:100%}.quick-add__product-form-component .shopify-product-form{display:flex;justify-content:flex-end;align-items:flex-end;container-type:inline-size;height:100%}.quick-add-modal .product-media{width:100%;height:100%}.quick-add-modal deferred-media{display:none}.quick-add-modal .media-gallery--carousel slideshow-component{--cursor: default}.quick-add__button:is(:hover,:focus-visible){.add-to-cart-text__content{grid-template-columns:1fr;span span{opacity:1;translate:0 0;filter:blur(0)}}}@media(prefers-reduced-motion:reduce){.quick-add__button .add-to-cart-text__content{grid-template-columns:1fr;span span{opacity:1;translate:0 0;filter:blur(0)}}}@media(prefers-reduced-motion:no-preference){.quick-add__button{transition-property:scale,translate,opacity;transition-duration:var(--animation-speed);transition-timing-function:var(--ease-out-cubic)}.quick-add__button:is(:hover,:focus-visible){.add-to-cart-text__content,.add-to-cart-text__content span span{transition-delay:var(--animation-speed)}}.quick-add__button .add-to-cart-text__content{transition-property:grid-template-columns;transition-duration:var(--animation-speed);transition-timing-function:var(--ease-out-cubic);span span{transition-property:opacity,filter,translate;transition-duration:var(--animation-speed-slow);transition-timing-function:var(--ease-out-quad)}}}
