modal-opener{display:block}.quick-add{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-left:auto;opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease}@media(min-width:750px){.grid--5-desktop .quick-add{flex-direction:column}}.card-product--horizontal-card .quick-add{opacity:1;pointer-events:all;visibility:visible}@media(min-width:1025px){.quick-add{opacity:0;pointer-events:none}.quick-add:has(button:focus-visible),.quick-add:focus-within,.card-wrapper:focus-within .quick-add,.card:hover .quick-add{opacity:1;visibility:visible;pointer-events:auto}}.grid--2-mobile .quick-add__submit,.quick-add__submit{min-width:auto;padding:.4rem;min-height:4rem;min-width:4rem;font-size:1.2rem;border-radius:var(--product-badge-border-radius);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:none}.quick-add__submit .sold-out-message{margin-left:.6rem}.quick-add__submit .sold-out-message--icon{margin-left:0}.card-product--horizontal-card .quick-add__submit{border-radius:var(--style-button-border-radius);color:var(--color-functional_button_text);background-color:var(--color-functional_button_background);border:var(--style-button-border-thickness) solid var(--color-functional_button_border)}@media(any-hover:hover)and (any-pointer:fine){.quick-add__submit:hover{color:rgb(var(--color-background));background-color:rgb(var(--color-foreground))}.card-product--horizontal-card .quick-add__submit:hover{color:var(--color-functional_button_hover_text);background-color:var(--color-functional_button_hover_background);border:var(--style-button-border-thickness) solid var(--color-functional_button_hover_border)}}.quick-add__submit:has(.sold-out-message--icon:not(.hidden)),.quick-add__submit:disabled{opacity:.5;cursor:not-allowed;transform:none;pointer-events:none}.quick-add__submit.loading{position:relative;color:rgba(var(--color-foreground),.2)}@media(any-hover:hover)and (any-pointer:fine){.quick-add__submit.loading:hover{color:rgba(var(--color-background),.2)}}.quick-add__submit.loading:after{content:"";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;border:2px solid transparent;border-top-color:rgba(var(--color-foreground),1);border-radius:50%;animation:spin 1s linear infinite}@media(any-hover:hover)and (any-pointer:fine){.quick-add__submit.loading:hover:after{border-top-color:rgba(var(--color-background),1)}}.quick-add-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:100;display:none;align-items:flex-start;justify-content:flex-end;padding:1.5rem var(--header-margin-mobile)}@media(min-width:750px){.quick-add-modal{padding:3.6rem var(--header-margin)}}body>.quick-add-modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:100!important}.quick-add-modal[open]{display:flex}.quick-add-modal__content{background:rgb(var(--color-background));border-radius:var(--style-popup-border-radius, .4rem);border-style:var(--style-popup-border-style);border-width:var(--style-popup-border-width);border-color:rgba(var(--color-foreground),var(--style-popup-border-opacity));max-width:100%;max-height:calc(100% - 3rem);overflow:auto;position:relative;box-shadow:0 20px 40px #0000004d;scrollbar-width:none;-ms-overflow-style:none}.quick-add-modal__content::-webkit-scrollbar{display:none}@media(min-width:750px){.quick-add-modal__content{width:100%;max-width:min(calc(100% - 6rem),45rem);max-height:min(calc(100% - 6rem),90vh)}}.quick-add-modal__toggle{position:absolute;top:1rem;right:1rem;background:rgb(var(--color-background-secondary));border:none;cursor:pointer;padding:.5rem;border-radius:var(--style-button-border-radius);transition:background-color .2s ease;color:rgb(var(--color-foreground));z-index:3}quick-add-modal:not(:has(.product-media-carousel__image-element)) .quick-add-modal__toggle{top:.2rem;right:.2rem}.quick-add-modal__toggle svg{width:2rem;height:2rem}quick-add-modal:not(:has(.product-media-carousel__image-element)) .quick-add-modal__toggle svg{width:1.6rem;height:1.6rem}@media screen and (min-width:990px){quick-add-modal:not(:has(.product-media-carousel__image-element)) .main-product__info-block{padding-top:3.6rem}}@media(any-hover:hover)and (any-pointer:fine){.quick-add-modal__toggle:hover svg{transform:scale(1.1)}}.quick-add-modal__content-info{min-height:200px}.quick-add-error{text-align:center;padding:2rem}.quick-add-error p{margin-bottom:1rem;color:#d32f2f}body.modal-open{overflow:hidden}quick-add-modal .main-product{padding:0}quick-add-modal .main-product__grid--cover-slider .main-product__media{width:100%;margin:0}quick-add-modal .main-product__grid--cover-slider .main-product__media--slider-desktop .product-media-carousel__main{height:45rem;min-height:45rem}quick-add-modal .main-product__grid--cover-slider .main-product__details{position:static}quick-add-modal .section-layout{display:flex}quick-add-modal .main-product__grid--left[data-media-width]{display:flex;flex-direction:column;gap:2rem;margin:0}quick-add-modal .sticky-add-to-cart.atc-visible{display:none}@media(max-width:749px){quick-add-modal .main-product__grid[data-media-width]{padding:1rem}quick-add-modal .product-media-carousel__thumbnails{position:static;width:100%;max-width:100%;margin:1.6rem auto 0;padding:0 1.6rem;overflow:hidden}quick-add-modal .product-media-carousel__thumbnails .swiper{width:100%}quick-add-modal .product-media-carousel__thumbnails .swiper-wrapper{justify-content:center}}quick-add-modal .main-product__details a.main-product__title{display:inline-block;text-decoration:none;transition:all .2s ease}quick-add-modal .main-product__details a.main-product__title:hover{text-decoration:underline;text-underline-offset:.1rem;text-decoration-thickness:.2rem}quick-add-modal .main-product__details h1.main-product__title{display:none}quick-add-modal product-media-gallery:not(:has(img)){display:none}.quick-add-modal .section-layout .main-product .main-product__grid:not(:has(img)){gap:0}.quick-add-modal .main-product__details-inner>*+.product__view-details{display:inline-block;margin-top:2.4rem}@media(any-hover:hover)and (any-pointer:fine){.product__view-details:hover{text-decoration-thickness:.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quick-add.css.map */