quick-view-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000000;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);visibility:hidden;transition:visibility var(--duration-default) ease}quick-view-drawer.active{visibility:visible}.qvd-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.qvd-header.drawer__header{padding:2rem 2.4rem;border-bottom:0;opacity:1;transform:unset}.qvd-inner{position:relative;z-index:1;width:48rem;max-width:100vw;height:100%;background:var(--gradient-background);border-left:.1rem solid rgba(var(--color-foreground),.2);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease;overflow:hidden}quick-view-drawer.active .qvd-inner{transform:translate(0)}.qvd-header{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2.4rem;flex-shrink:0;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.qvd-heading{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:.05rem}.qvd-close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.4rem;color:rgb(var(--color-foreground));min-width:3.6rem;min-height:3.6rem}.qvd-close svg{width:2rem;height:2rem}.qvd-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.qvd-content::-webkit-scrollbar{width:3px}.qvd-content::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.3);border-radius:3px}.qvd-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem;color:rgba(var(--color-foreground),.5)}.qvd-layout{display:flex;flex-direction:column;flex:1;min-height:0}.qvd-layout slider-container{display:block;flex-shrink:0;padding:0 2.4rem}.qvd-swiper{position:relative;background:rgba(var(--color-foreground),.04);aspect-ratio:5 / 7;overflow:hidden}.qvd-swiper .swiper-wrapper,.qvd-swiper .swiper-slide{height:100%}.qvd-swiper .swiper-slide img,.qvd-swiper .swiper-slide .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.qvd-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffffd9;border:none;border-radius:50%;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--color-foreground));transition:background .2s ease;box-shadow:0 .2rem .8rem #0000001f}.qvd-arrow:hover{background:#fff}.qvd-arrow--prev{left:1rem}.qvd-arrow--next{right:1rem}.qvd-arrow.swiper-button-disabled{opacity:.35;cursor:default;pointer-events:none}.qvd-body{flex:1;padding:2rem 2.4rem 0;display:flex;flex-direction:column;gap:1.4rem}.qvd-swatches.card__color-swatches{margin-top:0!important;gap:.3rem}.qvd-title-price{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem}.qvd-title{margin:0;font-size:1.5rem;font-weight:500;letter-spacing:0;flex:1;color:rgb(var(--color-foreground))}.qvd-title a{color:inherit;text-decoration:none}.qvd-price{flex-shrink:0;text-align:right}.qvd-price .price__container{justify-content:flex-end}.qvd-price .price-item{font-size:1.4rem}.qvd-swatches{display:flex;flex-wrap:wrap;gap:.4rem}.qvd-swatches .card__swatch{width:2rem;height:2rem;border-radius:50%;border:1px solid transparent;outline:1px solid transparent;cursor:pointer}.qvd-swatches .card__swatch.is-active,.qvd-swatches .card__swatch:focus-visible{border-color:#fff;outline-color:currentColor}.qvd-swatches .card__swatch:hover{outline-color:currentColor}.qvd-variant-picker{display:flex;flex-direction:column;gap:.8rem}.qvd-variant-picker fieldset{border:none;padding:0;margin:0}.qvd-variant-picker .form__label{text-transform:uppercase}.qvd-footer{position:sticky;bottom:0;background:var(--gradient-background);padding:1.6rem 2.4rem;flex-shrink:0}.qvd-section,.qvd-layout{height:100%}.qvd-atc-btn{background:#000;color:#fff;margin-bottom:0!important}.qvd-atc-btn:after{content:unset}@media screen and (max-width:749px){quick-view-drawer{align-items:flex-end;justify-content:stretch}.qvd-inner{width:100vw;border-left:none;border-top:.1rem solid rgba(var(--color-foreground),.2);height:100svh;border-radius:0;transform:translateY(100%)}quick-view-drawer.active .qvd-inner{transform:translateY(0)}.qvd-header.drawer__header{padding:1.6rem}.qvd-layout slider-container{padding:0 1.6rem}.qvd-body{padding:2rem 1.6rem 0}.qvd-footer{padding:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/quick-view-drawer.css.map */