quick-view-close{position:absolute;z-index:6;top:1.5rem;right:1.5rem}.quick__view_btn_close{display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;min-width:4.2rem;min-height:4.2rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));box-shadow:0 .6rem 1.8rem rgba(var(--color-foreground),.16);transition:color .2s ease,background .2s ease,transform .2s ease}.quick__view_btn_close:hover{background:rgb(var(--primary-button-hover-background));color:rgb(var(--primary-button-hover-text));transform:rotate(6deg)}.quick__view_btn_close:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.quick__view_btn_close svg{width:1.7rem;height:1.7rem;line-height:1}.quick__view__contetnt_wrapper{min-height:0;align-items:stretch}.quick__View_img_wrapper{display:flex;width:50%;min-width:0;padding:clamp(1.2rem,1.6vw,2rem);background:rgba(var(--color-foreground),.035)}.quick__view__content{flex-grow:1;width:50%;min-width:0;max-height:calc(100dvh - 5rem);padding:3rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}quick-view-gallery{display:block;width:100%;height:100%;margin:auto;outline:none}.quick-view-gallery__viewport{position:relative;isolation:isolate;height:100%;min-height:0;overflow:hidden;border:0;border-radius:clamp(.8rem,1.2vw,1.4rem);background:rgb(var(--color-background))}.quickView_media_gallery{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}quick-view-gallery.is-dragging .quickView_media_gallery{cursor:grabbing}.quickView_media_gallery .product__media-item{position:relative;display:none;width:100%;height:100%;max-width:100%;margin:0;list-style:none}.quickView_media_gallery .product__media-item.is-active{display:block;animation:quick-view-gallery-fade .24s ease both}.quickView_media_gallery .product__media-item[hidden]{display:none!important}.quick-view-gallery__media{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;padding-top:0!important;background:rgba(var(--color-foreground),.025)}.quick-view-gallery__media img,.quick-view-gallery__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:center;opacity:1!important;visibility:visible!important;z-index:1;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@keyframes quick-view-gallery-fade{0%{opacity:.35}to{opacity:1}}.quick-view-gallery__button{position:absolute;z-index:3;top:50%;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;min-width:4.4rem;min-height:4.4rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-button),.96);color:rgb(var(--color-button-text));box-shadow:0 .7rem 2rem rgba(var(--color-foreground),.2);transform:translateY(-50%);transition:opacity .2s ease,color .2s ease,background .2s ease,transform .2s ease}.quick-view-gallery__button:hover{background:rgb(var(--primary-button-hover-background));color:rgb(var(--primary-button-hover-text))}.quick-view-gallery__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.quick-view-gallery__button--prev{left:1.4rem}.quick-view-gallery__button--next{right:1.4rem}.quick-view-gallery__button--prev .icon-arrow{transform:rotate(180deg)}.quick-view-gallery__button .icon-arrow{width:1.8rem}.quick-view-gallery__pagination{position:absolute;z-index:3;bottom:1.2rem;left:50%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem .8rem;border-radius:999px;background:rgba(var(--color-background),.84);box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.12);transform:translate(-50%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.quick-view-gallery__dot{display:block;width:.7rem;height:.7rem;min-width:.7rem;min-height:.7rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.35);cursor:pointer;transition:background .2s ease,transform .2s ease}.quick-view-gallery__dot.is-active{background:rgb(var(--color-button));transform:scale(1.25)}.quick-view-gallery__dot:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media(hover:hover)and (pointer:fine){.quick-view-gallery__button{opacity:0;pointer-events:none}quick-view-gallery:hover .quick-view-gallery__button,quick-view-gallery:focus-within .quick-view-gallery__button{opacity:1;pointer-events:auto}}@media only screen and (max-width:768px){.quick__view__contetnt_wrapper.d-flex{flex-direction:column;min-height:0}.quick__view__content{width:100%;max-height:none;padding:2.4rem 2rem 3rem;overflow:visible}.quick__View_img_wrapper{width:100%;padding:1.2rem}.quick-view-gallery__media{height:auto;min-height:0;aspect-ratio:16 / 11}.quick-view-gallery__viewport{height:auto;min-height:0}.quickView_media_gallery,.quickView_media_gallery .product__media-item{height:auto}}@media(prefers-reduced-motion:reduce){.quickView_media_gallery .product__media-item.is-active,.quick-view-gallery__button,.quick-view-gallery__dot,.quick__view_btn_close{transition:none;animation:none}}@media only screen and (min-width:769px){.quick_view__body .quick__view__contetnt_wrapper{--quick-view-min-height: min(50rem, calc(100dvh - 5rem) );min-height:var(--quick-view-min-height)}.quick_view__body .quick__view--content-inner{display:flex;flex-direction:column;min-height:calc(var(--quick-view-min-height) - 6rem)}.quick_view__body .quick__view--content-inner>product-form{display:block;margin-top:auto}}@media only screen and (max-width:768px){.quick_view__body .quick-view-gallery__media{aspect-ratio:auto}.quick_view__body .quick-view-gallery__media img,.quick_view__body .quick-view-gallery__media .placeholder-svg{position:static;inset:auto;display:block;width:100%;height:auto;object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/quick-view-gallery.css.map */