.quick-add-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.quick-add-modal[open]{opacity:1;visibility:visible;z-index:101}.quick-add-modal__content{position:absolute;top:0;left:50%;transform:translate(-50%);margin:3.2rem auto 0;width:100%;background-color:rgb(var(--color-background));overflow:hidden;max-width:var(--page-width);width:calc(100% - 3rem);max-height:calc(100% - 6rem);display:flex;flex-direction:column}.quick-add-modal__content-info{flex:1 1 auto;overflow-y:auto;padding:2rem;max-height:100%;gap:1rem}.quick-add-modal .product__media-gallery{overflow:hidden;margin-bottom:1rem}.quick-add-modal .product__media-gallery .product__media-list{display:flex;overflow-x:auto;overflow-y:hidden;gap:1rem;padding:1rem 0;scrollbar-width:thin;scroll-behavior:smooth}.quick-add-modal .product__media-gallery .product__media-list::-webkit-scrollbar{height:8px}.quick-add-modal .product__media-gallery .product__media-list::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:4px}.quick-add-modal .product__media-gallery .product__media-item{flex:0 0 auto;width:100%;max-width:200px}.quick-add-modal .product__media-gallery .product__media-item img{display:block;width:100%;height:auto;border-radius:4px}.quick-add-modal__content-info::-webkit-scrollbar{width:8px}.quick-add-modal__content-info::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:4px}.quick-add-modal__toggle{display:none}.quick-add-modal__toggle:before,.quick-add-modal__toggle:after{content:none}@media screen and (max-width: 749px){.quick-add-modal__content{margin:2rem auto;max-height:calc(100% - 4rem)}.quick-add-modal__content-info{max-height:calc(100% - 8rem)}.quick-add-modal .product__media-gallery .product__media-list{padding:.5rem;gap:.5rem}}@media screen and (min-width: 750px){.quick-add-modal__content{margin-top:10rem;width:80%;max-height:calc(100% - 20rem)}.quick-add-modal__content-info{max-height:calc(100% - 15rem)}}@media screen and (min-width: 990px){.quick-add-modal__content{width:70%}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/quick-add.css.map */