.quick-view-overlay{display:block!important;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.5);z-index:999;visibility:hidden;opacity:0;transition:visibility .3s ease,opacity .3s ease}.quick-view-overlay.active{visibility:visible;opacity:1}.quick-view-drawer{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100%;background:rgb(var(--color-background));z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.quick-view-drawer.active{transform:translate(0)}@media screen and (max-width:749px){.quick-view-drawer{top:auto;bottom:0;left:0;right:0;max-width:100%;max-height:90vh;height:auto;border-radius:16px 16px 0 0;transform:translateY(100%)}.quick-view-drawer.active{transform:translateY(0)}.quick-view-drawer:before{content:"";position:sticky;top:0;left:50%;transform:translate(-50%);width:40px;height:4px;background:rgba(var(--color-foreground),.3);border-radius:2px;display:block;margin:12px auto 8px;z-index:10}}.quick-view-drawer__close{position:fixed;top:1.5rem;right:calc(400px + 1rem);background:rgb(var(--color-background));border:none;padding:.8rem;cursor:pointer;z-index:1001;color:rgb(var(--color-foreground));transition:opacity .2s,right .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 8px #00000026;width:40px;height:40px}.quick-view-drawer:not(.active)+.quick-view-drawer__close{right:-100px}.quick-view-drawer__close:hover{opacity:.7}@media screen and (max-width:749px){.quick-view-drawer__close{display:none}}.quick-view-drawer__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;min-height:0}.quick-view-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.spinner{width:40px;height:40px;animation:rotate 2s linear infinite}.spinner .path{stroke:rgb(var(--color-foreground));stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.quick-view-product{display:flex;flex-direction:column;gap:2rem;min-height:100%;padding:2rem}@media screen and (max-width:749px){.quick-view-product{gap:1.5rem;padding:1.5rem}}.quick-view-media{width:100%;max-width:100%}.quick-view-gallery{position:relative;width:100%}.quick-view-slides{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:.8rem;background:rgb(var(--color-background))}.quick-view-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;pointer-events:none}.quick-view-slide.active{opacity:1;pointer-events:auto}.quick-view-slide img{width:100%;height:100%;object-fit:cover}.quick-view-nav{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.quick-view-nav-btn{background:transparent;border:none;color:rgb(var(--color-foreground));padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.quick-view-nav-btn:hover{opacity:.7}.slider-counter{font-size:1.2rem;color:rgb(var(--color-foreground));min-width:4rem;text-align:center}@media screen and (max-width:749px){.quick-view-nav-btn svg path{stroke-width:1}}.quick-view-info{width:100%;display:flex;flex-direction:column}.quick-view-info .product__title{margin:0 0 1rem;font-size:2rem;line-height:1.2}@media screen and (max-width:749px){.quick-view-info .product__title{font-size:1.8rem}}.quick-view-footer{position:sticky;bottom:0;margin-top:auto;padding-top:2rem;border-top:.1rem solid rgba(var(--color-foreground),.1);background:rgb(var(--color-background));z-index:5}.quick-view-drawer:not(.has-scroll) .quick-view-footer{padding-bottom:0}.quick-view-drawer.has-scroll .quick-view-footer{padding-bottom:2rem}@media screen and (max-width:749px){.quick-view-footer{padding-top:1.5rem}.quick-view-drawer:not(.has-scroll) .quick-view-footer{padding-bottom:0}.quick-view-drawer.has-scroll .quick-view-footer{padding-bottom:1.5rem}}.quick-view-add-btn{width:100%;margin-bottom:1rem;position:relative}.quick-view-add-btn.loading span{visibility:hidden}button.quick-view-add-btn.loading .loading-overlay__spinner{display:flex!important;align-items:center;justify-content:center}button.quick-view-add-btn.loading{background-color:rgb(var(--color-button))!important;background:rgb(var(--color-button))!important;color:rgb(var(--color-button-text))!important;border:none!important;border-color:transparent!important;opacity:1!important;cursor:wait!important;pointer-events:auto!important}.quick-view-add-btn .loading-overlay__spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;z-index:2}.quick-view-add-btn .loading-overlay__spinner .spinner{width:100%;height:100%;animation:spinner-rotation 1s linear infinite}.quick-view-add-btn .loading-overlay__spinner .path{stroke:currentColor;stroke-linecap:round;animation:spinner-dash 1.5s ease-in-out infinite}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.loading-overlay__spinner.hidden{display:none!important}button.quick-view-add-btn:disabled:not(.loading),button.quick-view-add-btn.disabled:not(.loading){cursor:not-allowed!important;background-color:transparent!important;background:transparent!important;border:.1rem solid rgb(var(--color-button))!important;color:rgb(var(--color-button))!important;opacity:.5!important;pointer-events:none!important;box-shadow:none!important}.quick-view-details-link{text-align:center;margin:0}.quick-view-details-link .link{font-size:1.3rem;text-decoration:underline;color:rgb(var(--color-foreground))}.quick-view-product .badge{padding-top:.5rem!important;padding-bottom:.5rem!important}body.quick-view-open{overflow:hidden}.card__quick-add-wrapper{position:absolute;bottom:10px;right:10px;z-index:3}.quick-add-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:2px!important;min-width:35px;width:35px;height:35px;padding:0;margin:0;background-color:var(--quick-add-background);border:none;border-radius:50px;cursor:pointer;transition:all .35s ease-in-out;box-shadow:0 2px 6px #00000014;position:relative;overflow:hidden;white-space:nowrap}.quick-add-button__icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;min-width:35px;flex-shrink:0;position:relative}.quick-add-button__icon .quick-add-icon{width:20px;height:20px;color:var(--quick-add-text);stroke:currentColor;flex-shrink:0;transition:color .35s ease-in-out,opacity .2s ease;display:block;opacity:1}.quick-add-button__icon .quick-add-spinner{width:20px;height:20px;color:var(--quick-add-text);stroke:currentColor;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;animation:spin .8s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.quick-add-button.is-loading .quick-add-icon{opacity:0}.quick-add-button.is-loading .quick-add-spinner{opacity:1}.quick-add-button.is-loading{pointer-events:none}.quick-add-button__text{font-size:1.3rem;font-weight:500;color:var(--quick-add-text);opacity:0;max-width:0;overflow:hidden;transition:opacity .35s ease-in-out,max-width .35s ease-in-out,color .35s ease-in-out;white-space:nowrap;line-height:1}@media screen and (min-width:750px){.quick-add-button:not(.is-loading):hover{width:auto;padding-right:16px;background-color:var(--quick-add-text);box-shadow:0 4px 12px #00000026}.quick-add-button:not(.is-loading):hover .quick-add-icon{color:var(--quick-add-background)}.quick-add-button:not(.is-loading):hover .quick-add-button__text{opacity:1;max-width:200px;color:var(--quick-add-background)}}@media screen and (min-width:750px){.card__quick-add-wrapper{opacity:0;transition:opacity .2s ease-in-out}.card-wrapper:hover .card__quick-add-wrapper{opacity:1}}@media screen and (max-width:749px){.card__quick-add-wrapper{opacity:1}.quick-add-button__text{display:none}}.quick-view-product .product-swatches .product-swatch__label:hover:before,.quick-view-product .product-swatches .product-swatch__label:hover:after,.quick-view-product .product-swatches .product-swatch__label--rectangle:hover:before,.quick-view-product .product-swatches .product-swatch__label--rectangle:hover:after,.quick-view-product .product-swatches .product-swatch__label--circle:hover:before,.quick-view-product .product-swatches .product-swatch__label--circle:hover:after,.quick-view-product .product-swatches .product-swatch__label--square:hover:before,.quick-view-product .product-swatches .product-swatch__label--square:hover:after{display:none!important;content:none!important;opacity:0!important;visibility:hidden!important;width:0!important;height:0!important}
/*# sourceMappingURL=/cdn/shop/t/40/assets/quick-view-drawer.css.map */