quick-add-modal.quick-add-modal{--quick-add-drawer-width: 48rem;background:rgba(var(--color-foreground),.5);transition:opacity var(--duration-long, .5s) ease,visibility 0s linear var(--duration-long, .5s),z-index 0s linear var(--duration-long, .5s)}quick-add-modal.quick-add-modal[open]{transition:opacity var(--duration-long, .5s) ease}quick-add-modal.quick-add-modal>.quick-add-modal__content{--modal-height-offset: 0rem;position:fixed;top:0;right:0;bottom:0;left:auto;width:100%;max-width:var(--quick-add-drawer-width);height:100%;max-height:none;margin:0;border-radius:0;overflow:hidden;transform:translate(100%);transition:transform var(--duration-long, .5s) ease}quick-add-modal.quick-add-modal[open]>.quick-add-modal__content{transform:translate(0)}quick-add-modal.quick-add-modal .quick-add-modal__toggle{position:absolute;top:1.5rem;right:1.5rem}quick-add-modal.quick-add-modal .quick-add-modal__content-info{--modal-padding: 2rem;padding-top:6.5rem;height:100%;overflow-y:auto}quick-add-modal.quick-add-modal .product:not(.product--no-media) .product__media-wrapper,quick-add-modal.quick-add-modal .product:not(.product--no-media) .product__info-wrapper{width:100%;max-width:100%;padding-left:0;padding-right:0}quick-add-modal.quick-add-modal .product:not(.product--no-media) .product__info-wrapper{padding-top:2rem}@media screen and (max-width:749px){quick-add-modal.quick-add-modal .slider .product__media-item.grid__item{margin-left:0;margin-right:0}quick-add-modal.quick-add-modal .product--mobile-columns .product__media-item{width:100%}}quick-add-modal.quick-add-modal .quick-add-gallery{display:none}quick-add-modal.quick-add-modal--gallery .quick-add-gallery{display:block}quick-add-modal.quick-add-modal--gallery .product:not(.product--no-media) .product__media-wrapper{display:none}quick-add-modal.quick-add-modal--gallery .product:not(.product--no-media) .product__info-wrapper{padding-top:0}.quick-add-gallery__list{position:relative;margin:0}.quick-add-gallery__item img{display:block;width:100%;height:auto}@media screen and (max-width:989px){quick-add-modal.quick-add-modal--gallery>.quick-add-modal__content{display:flex;flex-direction:column}quick-add-modal.quick-add-modal--gallery .quick-add-gallery{flex:none}.quick-add-gallery__list{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:2rem;padding:1.5rem 2rem 0;scrollbar-width:none}.quick-add-gallery__list::-webkit-scrollbar{display:none}.quick-add-gallery__item{flex:0 0 85%;scroll-snap-align:start}quick-add-modal.quick-add-modal--gallery .quick-add-modal__content-info{flex:1 1 auto;min-height:0;height:auto;padding-top:2rem}}@media screen and (min-width:990px){quick-add-modal.quick-add-modal{--quick-add-gallery-width: min(60rem, calc(100vw - var(--quick-add-drawer-width) - 8rem));--quick-add-gallery-gap: 1.2rem}quick-add-modal.quick-add-modal>.quick-add-modal__content{overflow:visible;transform:translate(calc(100% + var(--quick-add-gallery-width) + var(--quick-add-gallery-gap)))}quick-add-modal.quick-add-modal .quick-add-gallery{position:absolute;top:0;bottom:0;right:calc(100% + var(--quick-add-gallery-gap));width:var(--quick-add-gallery-width);background:rgb(var(--color-background))}.quick-add-gallery__list{display:flex;flex-direction:column;gap:1.2rem;height:100%;overflow-y:auto;padding:1.2rem;scrollbar-width:thin}}@media(prefers-reduced-motion:reduce){quick-add-modal.quick-add-modal,quick-add-modal.quick-add-modal[open],quick-add-modal.quick-add-modal>.quick-add-modal__content{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/quick-add-drawer.css.map */