.product-quick-view{align-items:flex-end;background-color:rgba(var(--color-shadow-rgb),0);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:fixed;transition:background-color var(--duration-medium) var(--easing-default),visibility 0s linear var(--duration-medium);visibility:hidden;z-index:var(--z-index-modal)}.product-quick-view[open]{background-color:rgba(var(--color-shadow-rgb),.5);pointer-events:all;transition-delay:0s;visibility:visible}.product-quick-view__panel{background-color:rgb(var(--color-background-rgb));border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;color:rgb(var(--color-text-rgb));max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;transform:translateY(100%);transition:transform var(--duration-medium) var(--easing-default);width:100%}.product-quick-view[open] .product-quick-view__panel{transform:translateY(var(--drawer-drag-offset, 0px))}.product-quick-view.is-dragging .product-quick-view__panel{transition:none}.product-quick-view__header{align-items:center;background-color:inherit;display:flex;justify-content:center;padding:var(--space-md) var(--space-lg) var(--space-sm);position:sticky;top:0;touch-action:none;z-index:2}.product-quick-view__handle{background-color:var(--color-border-strong);border-radius:var(--border-radius-full);cursor:grab;height:.2rem;width:3rem}.product-quick-view__close{background:none;border:none;color:inherit;cursor:pointer;display:flex;height:var(--icon-size-md);padding:0;position:absolute;right:var(--space-lg);width:var(--icon-size-md)}.product-quick-view__content{min-width:0}.product-quick-view__full-details{color:inherit;display:block;font-family:var(--font-family-base);font-size:var(--font-size-fixed-sm);padding:var(--space-md) var(--space-lg) var(--space-lg);text-align:center;text-decoration:underline}body:has(.product-quick-view[open]),html:has(.product-quick-view[open]){overflow:hidden}@media screen and (min-width:1024px){.product-quick-view{align-items:center}.product-quick-view__panel{--quick-view-header-height: calc(var(--space-md) + var(--icon-size-md));--quick-view-footer-line-height: 1.5;--quick-view-footer-height: calc(var(--space-md) + var(--font-size-fixed-sm) * var(--quick-view-footer-line-height) + var(--space-lg));--quick-view-thumbnails-width: calc(106px + var(--space-lg));border-radius:var(--border-radius-md);max-width:1040px;opacity:0;overflow:clip;transform:translateY(var(--space-lg));transition:opacity var(--duration-medium) var(--easing-default),transform var(--duration-medium) var(--easing-default);width:calc(100% - 2 * var(--space-xl))}.product-quick-view[open] .product-quick-view__panel{opacity:1;transform:none}.product-quick-view__header{justify-content:flex-end;padding:var(--space-md) var(--space-lg) 0}.product-quick-view__handle{display:none}.product-quick-view__close{position:static}.product-quick-view__full-details{line-height:var(--quick-view-footer-line-height)}.product-quick-view .main-product__grid>.main-product__media{--quick-view-media-ratio: 1;--quick-view-media-max-height: calc( 90dvh - var(--quick-view-header-height) - var(--quick-view-footer-height) - var(--section-padding-top-desktop, 0px) - var(--section-padding-bottom-desktop, 0px) );flex:0 0 min(50%,calc(var(--quick-view-thumbnails-width) + var(--quick-view-media-max-height) * var(--quick-view-media-ratio)));max-width:none}.product-quick-view .main-product__media:has(.product-gallery__media--portrait){--quick-view-media-ratio: var(--ratio-portrait)}.product-quick-view .main-product__media:has(.product-gallery__media--landscape){--quick-view-media-ratio: var(--ratio-landscape)}.product-quick-view .main-product__media:not(:has(.product-gallery__thumbnails)){--quick-view-thumbnails-width: 0px}.product-quick-view .main-product__grid>.main-product__info{contain:size;flex:1 1 0;max-width:none;min-width:0;overflow-y:auto;overscroll-behavior:contain}.product-quick-view .product-gallery__thumbnails{align-self:stretch;contain:size;max-height:none;overscroll-behavior:contain}}.product-quick-view .product-gallery__slide--player .product-media__image{object-fit:contain}@media(prefers-reduced-motion:reduce){.product-quick-view,.product-quick-view__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/product-quick-view.css.map */
