#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:750px){position:fixed;margin:auto 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 .view-more-details__wrapper{@media screen and (max-width:750px){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__close{position:absolute;top:var(--margin-2xs);right:var(--margin-2xs);transition:transform .15s var(--animation-timing-bounce);z-index:var(--layer-raised);overflow:visible;transform-origin:center}.quick-add-modal__close:active{transform:scale(.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:750px){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 .media-gallery--grid .media-gallery__grid{grid-template-columns:1fr}.quick-add-modal__content .media-gallery--grid.media-gallery--two-column .product-media-container:first-child{grid-column:auto}.quick-add-modal__content{.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(2n)) .product-media>*,.media-gallery--carousel slideshow-container{border-top-left-radius:0;border-bottom-left-radius:0}}.quick-add-modal__content .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 .product-header{@media screen and (max-width:750px){display:flex;flex-direction:column;grid-column:2 / -1;grid-row:1;padding-right:var(--padding-2xl)}}.quick-add-modal__content .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 variant-picker,.quick-add-modal__content product-form-component{@media screen and (max-width:750px){grid-column:1 / -1}}.quick-add-modal__content .product-media-container__zoom-button{cursor:default}.quick-add-modal__content .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 .3s var(--animation-timing-fade-in) both;animation-delay:.1s}@media screen and (max-width:750px){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{0%,to{--can-scroll: }}@supports (animation-timeline: scroll(self)){dialog[open] .quick-add-modal__content .product-details{mask-image:linear-gradient(to bottom,transparent 0%,#000 var(--quick-add-modal-mask-start),#000 100%);animation:.3s var(--animation-timing-fade-in) .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{0%{--quick-add-modal-mask-start: 0px}to{--quick-add-modal-mask-start: 48px}}@keyframes scrollEnd{0%{--quick-add-modal-mask-end: 0px}to{--quick-add-modal-mask-end: 48px}}.quick-add-modal__content .product-details>.group-block{flex-grow:1;width:auto}.quick-add-modal__content>*{min-height:0}.quick-add-modal__content .product-details :is(.view-product-title,.buy-buttons-block){flex:0 0 auto}.quick-add-modal__content .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%;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 .product-details :is(.buy-buttons-block):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 .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 .variant-option--swatches{padding-inline-start:var(--padding-2xs)}.quick-add-modal__content .variant-option--swatches legend{margin-inline-start:calc(-1 * var(--padding-2xs))}.quick-add-modal__content:not(:has(.product-information__media)) .product-details{grid-column:1 / -1}.quick-add-modal__content .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 .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 .2s var(--animation-easing)}.quick-add-modal__content .product-details product-price{--text-align: left}.quick-add-modal__content .product-details product-price.text-block--align-center{margin-inline:0}.quick-add-modal__content .product-details product-price.text-center{--text-align: left}.quick-add-modal__content .product-details product-price>*{text-align:left}.quick-add-modal__content .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 *,.view-more-details__wrapper,.view-more-details__wrapper *){@media screen and (min-width:750px){display:none!important}}.quick-add-modal__content .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 *,.view-more-details__wrapper,.view-more-details__wrapper *),.buy-buttons-block){display:none}@media screen and (min-width:750px){.quick-add-modal__content .group-block-content{gap:0}.quick-add-modal__content .media-gallery__grid{gap:min(var(--gap-2xs),var(--image-gap));border-radius:var(--style-border-radius-popover, 0)}.quick-add-modal__content .media-gallery--grid .product-media img{border-radius:0}}.quick-add-modal__content .product-details>.group-block{padding-block:var(--padding-3xl) 0}.quick-add-modal__content :where(.product-details>.group-block>.group-block-content>*){padding-inline:var(--padding-3xl)}.quick-add-modal__content slideshow-slide:not([aria-hidden=false]){content-visibility:auto}.quick-add-modal__content .product-information__media{width:100%;grid-column:1 / span 1;grid-row:1;position:relative;top:0;animation:fadeIn .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 .product-information__media media-gallery{pointer-events:none;@media screen and (min-width:750px){position:absolute;inset:0}}.quick-add-modal media-gallery{padding:0}.quick-add-modal__content .product-information__media slideshow-arrows{display:none}.quick-add-modal__content .product-information__media slideshow-container{display:block}.quick-add-modal__content .product-information__media slideshow-slides{display:flex;flex-direction:column;gap:var(--gap-2xs);overflow:visible;scroll-snap-type:none}.quick-add-modal__content .product-information__media slideshow-slide{width:100%;flex:none;scroll-snap-align:unset;position:relative;transform:none;opacity:1;visibility:visible;transition:opacity .3s var(--animation-easing)}.quick-add-modal__content .product-information__media slideshow-slide[aria-hidden=true]{@media screen and (max-width:750px){display:none}}.quick-add-modal__content .product-information__media slideshow-slide:nth-child(1){animation:fadeSlideIn .3s var(--animation-timing-fade-in) both}.quick-add-modal__content .product-information__media slideshow-slide:nth-child(2){animation:fadeSlideIn .3s var(--animation-timing-fade-in) both;animation-delay:.05s}.quick-add-modal__content .product-information__media slideshow-slide:nth-child(3){animation:fadeSlideIn .3s var(--animation-timing-fade-in) both;animation-delay:.1s}.quick-add-modal__content .product-information__media :is(slideshow-controls,slideshow-controls[thumbnails]){display:none}.quick-add-modal__content .sticky-content,.quick-add-modal__content .sticky-content--desktop{top:0}.quick-add-modal__content .text-block.rte:not(product-price),.quick-add-modal__content .view-more-details__wrapper{display:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
