.quick-product--wrap.modal{--modal-width: min(480px, 100vw);align-items:stretch;justify-content:flex-end;padding:0}.quick-product--wrap.modal .quick-product--modal__inner.modal__inner{width:var(--modal-width);max-width:100%;height:100%;max-height:none;border-radius:0;overflow:hidden;box-shadow:-1px 0 0 var(--color-lines-and-borders),-24px 0 60px -30px #1a191759;opacity:1;transform:translate(100%);transition:transform var(--duration-normal, .5s) var(--easing, ease)}.quick-product--wrap.modal.active .quick-product--modal__inner.modal__inner{opacity:1;transform:translate(0)}@media(prefers-reduced-motion:reduce){.quick-product--wrap.modal .quick-product--modal__inner.modal__inner{transition:none}}.quick-product--wrap .quick-view-modal__content,.quick-product--wrap .quick-product{height:100%;min-height:0}.quick-product--wrap .quick-product{flex-direction:column}.quick-product--wrap .quick-product--left{flex:0 0 auto;width:100%;padding:0}.quick-product--wrap .quick-product--left .product__media-container{width:100%;padding:0}.quick-product--wrap .quick-product--left .product__media-container{height:clamp(220px,34vh,420px);overflow:hidden;background:var(--c-surface-soft, #f7f6f3)}.quick-product--wrap .quick-product--left .image,.quick-product--wrap .quick-product--left .image>*{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.quick-product--wrap .quick-product--right{flex:1 1 auto;width:100%;min-height:0;padding:0}.quick-product--wrap .quick-product--right-viewport{padding:var(--spacing-6, 24px) var(--spacing-6, 24px) var(--spacing-4, 16px);overflow-y:auto}.quick-product--wrap .quick-product--right-viewport--footer{padding:var(--spacing-4, 16px) var(--spacing-6, 24px) var(--spacing-6, 24px);border-top:1px solid var(--color-lines-and-borders);background:var(--color-background)}.quick-product--wrap .modal__close-icon{top:var(--spacing-3, 12px);right:var(--spacing-3, 12px);display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-circle, 50%);background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.quick-product--wrap .quick-product--left .product__media-container{height:clamp(260px,44vh,400px);overflow-x:auto;overflow-y:hidden;background:none;scroll-snap-type:x mandatory;scrollbar-width:none}.quick-product--wrap .quick-product--left .product__media-container::-webkit-scrollbar{display:none}.quick-product--wrap .quick-product--left .product__media-container.is-static{overflow-x:hidden;overflow-x:clip;scroll-snap-type:none}.quick-product--wrap .quick-product--left .product__media{display:flex;gap:4px;width:max-content;height:100%}.quick-product--wrap .quick-product--left .product__media-item,.quick-product--wrap .quick-product--left .product__media-item.hidden{display:block;flex:0 0 auto;height:100%;aspect-ratio:4 / 5;border-radius:0;scroll-snap-align:start}.quick-product--wrap .quick-product--left .product__media-item .media,.quick-product--wrap .quick-product--left .image,.quick-product--wrap .quick-product--left .image>*{width:100%;height:100%;padding:0;aspect-ratio:auto;object-fit:cover}.quick-product--wrap .product__metta-line{font-size:var(--type-micro)}.quick-product--wrap .product__title{margin-bottom:var(--space-2xs);font-size:var(--type-heading);line-height:1.15}.quick-product--wrap .product__price{font-size:var(--type-body);font-weight:var(--w-regular)}.quick-product--wrap .product__block--product-header{margin-bottom:var(--space-md);padding-bottom:0;border:0}.quick-product--wrap .product__block--product-header a:not(.product__metta-line){display:inline-flex;margin-top:var(--space-xs);color:var(--c-ink-muted);font-size:var(--type-micro)}.quick-product--wrap .product__block--product-header a:not(.product__metta-line) .icon{display:none}.quick-product--wrap .product__block--medium{margin-bottom:var(--space-md)}.quick-product--wrap .product__label-wrapper{margin-bottom:var(--space-2xs)}.quick-product--wrap .product__label{color:var(--c-ink-muted);font-size:var(--type-small);line-height:20px}.quick-product--wrap .product__label .t-opacity-70{margin-left:2px;color:var(--c-ink);opacity:1}.quick-product--wrap .product__color-swatch.metta-dot{width:28px;height:28px;margin:0}.quick-product--wrap .product__color-chips{gap:var(--space-2xs);padding-top:4px}.quick-product--wrap .product__chip{min-width:50px;min-height:40px;margin:0;padding:0 var(--space-xs);border:1px solid var(--c-line);border-radius:var(--r-xs);background:var(--c-surface);color:var(--c-ink);font-size:var(--type-small)}.quick-product--wrap .product__information-popup{margin-top:var(--space-sm)}.quick-product--wrap .product__information-popup:after{top:50%;bottom:auto;transform:translate(-50%,-50%)}.quick-product--wrap .product__chip:hover{border-color:var(--c-ink)}.quick-product--wrap .product__chip.selected{border-color:var(--c-ink);box-shadow:none}.quick-product--wrap .product__chip.disabled:not(.selected){border-color:var(--c-surface-soft);background:var(--c-surface-soft);color:var(--c-ink-faint)}.quick-product--wrap .inv-badges-wrap{margin:calc(var(--space-xs) - var(--space-md)) 0 0}.quick-product--wrap .inv-badge{font-size:var(--type-micro)}.quick-product--wrap .product-form__cart-submit{min-height:48px;border-radius:var(--r-btn)}.product__metta-line{display:block;margin:0 0 var(--space-2xs);color:var(--c-ink-muted);font-family:var(--font-body);font-size:var(--font-size-body-50);font-weight:var(--w-regular);letter-spacing:.04em;text-transform:uppercase;text-decoration:none}a.product__metta-line:hover{color:var(--c-ink)}.inv-badges{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm)}.inv-badge{display:inline-flex;align-items:center;gap:6px;color:var(--c-ink);font-size:var(--type-small);line-height:1.4}.inv-dot{flex:0 0 auto;width:9px;height:5px;border:solid currentColor;border-width:0 0 1.5px 1.5px;border-radius:0;background:none;box-shadow:none;transform:translateY(-2px) rotate(-45deg)}.inv-badge--no{color:var(--c-ink-muted)}.inv-dot--no{width:8px;height:0;border-width:0 0 1.5px;transform:none}.inv-badge--soldout{color:var(--c-sale)}@media(max-width:479px){.quick-product--wrap .quick-product--right-viewport,.quick-product--wrap .quick-product--right-viewport--footer{padding-left:var(--space-sm);padding-right:var(--space-sm)}.quick-product--wrap .product__color-swatches--inner:has(.metta-dot){gap:var(--space-md)}.quick-product--wrap .product__color-chips{flex-wrap:wrap}.quick-product--wrap .product__chip{flex:1 1 40px;min-width:40px;padding:0}}@media(max-width:959px){.quick-product--wrap.modal{--modal-width: 100vw;align-items:flex-end;justify-content:center}.quick-product--wrap.modal .quick-product--modal__inner.modal__inner{display:flex;flex-direction:column;width:100%;height:auto;max-height:calc(100dvh - 40px);padding-top:20px;border-radius:16px 16px 0 0;background:var(--c-surface);box-shadow:0 -12px 40px -12px #1a19174d;transform:translateY(100%);will-change:transform}.quick-product--wrap.modal.active .quick-product--modal__inner.modal__inner{transform:translateY(0)}.quick-product--wrap.modal .quick-product--modal__inner.modal__inner{height:min(720px,calc(100dvh - 40px))}.quick-product--wrap .quick-product--modal__inner:before{content:"";position:absolute;top:8px;left:50%;z-index:3;width:36px;height:4px;border-radius:2px;background:#1a191738;transform:translate(-50%)}.quick-product--wrap .quick-view-modal__content,.quick-product--wrap .quick-product{display:flex;flex-direction:column;flex:1 1 auto;height:auto;min-height:0}.quick-product--wrap .quick-product--right{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.quick-product--wrap .quick-product--right-viewport{flex:1 1 auto;min-height:0}.quick-product--wrap .quick-product--right-viewport--footer{flex:0 0 auto;padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px))}.quick-product--wrap .quick-product--left .product__media-container{height:clamp(200px,34vh,300px);padding:0 var(--space-sm);scroll-padding:0 var(--space-sm)}.quick-product--wrap .quick-product--left .product__media-item,.quick-product--wrap .quick-product--left .product__media-item.hidden{border-radius:var(--r-sm);overflow:hidden}.quick-product--wrap .modal__close-icon{top:calc(20px + var(--space-2xs));right:calc(var(--space-sm) + var(--space-2xs));z-index:4;width:32px;height:32px}.quick-product--wrap .quick-product--modal__inner.is-dragging{transition:none}}@media(max-width:719px){.quick-product--wrap .quick-product--right-viewport{padding-top:var(--space-2xs)}.quick-product--wrap .quick-product--right-inner{padding-top:0}.quick-product--wrap .modal__close-icon{top:20px;right:var(--space-xs);background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.quick-product--wrap .product__block--product-header{align-items:flex-start;padding-right:36px}.quick-product .product__block--product-header .product__block--product-header-image-wrap{width:96px;margin-right:var(--space-sm);border-radius:var(--r-sm);overflow:hidden}.quick-product--wrap .product__block--product-header-image-wrap .product__media-item,.quick-product--wrap .product__block--product-header-image-wrap .image,.quick-product--wrap .product__block--product-header-image-wrap .image>*{aspect-ratio:4 / 5;height:auto;object-fit:cover}.quick-product--wrap .quick-product .product__title{font-family:var(--font-heading);font-size:var(--type-heading);font-weight:var(--role-heading-weight);line-height:var(--role-heading-leading);letter-spacing:var(--role-heading-tracking);text-transform:none}}.metta-sheet-head{display:none}@media(max-width:719px){.quick-product--wrap.modal .quick-product--modal__inner.modal__inner{padding-top:12px}.quick-product--wrap .metta-sheet-head{display:block;flex:0 0 auto;margin:0;padding:var(--space-xs) var(--space-sm);font-family:var(--font-heading);font-size:var(--type-heading);font-weight:var(--role-heading-weight);line-height:24px;letter-spacing:var(--role-heading-tracking);text-transform:none}.quick-product--wrap .modal__close-icon{top:calc(12px + var(--space-xs) - 4px);right:var(--space-xs)}.quick-product--wrap .quick-product--left{display:block}.quick-product .product__block--product-header .product__block--product-header-image-wrap{display:none}.quick-product--wrap .quick-product--left .product__media-container{height:clamp(150px,22vh,190px);padding:0;scroll-padding:0}.quick-product--wrap .quick-product--left .product__media{gap:3px}.quick-product--wrap .quick-product--left .product__media-item,.quick-product--wrap .quick-product--left .product__media-item.hidden{border-radius:0}.quick-product--wrap .product__block--product-header{padding-right:0}.quick-product--wrap .quick-view-view-product-details-link{margin-top:var(--space-2xs);color:var(--c-ink)}.quick-product--wrap .quick-product--right-viewport{padding-top:var(--space-sm)}}@media(max-width:719px){.quick-product--wrap .product__color-chips{flex-wrap:wrap}.quick-product--wrap .product__chip{flex:1 1 40px;min-width:40px;min-height:40px;padding:0}.quick-product--wrap .product__price-and-ratings{margin-top:var(--space-2xs)}}.quick-product--wrap .quick-product{position:relative}.quick-product--wrap .product__block--product-header .product-badges{position:absolute;top:var(--space-xs);left:var(--space-xs);z-index:2;margin:0}.quick-product--wrap .product__block--product-header .product-badges .product-badge{margin:0}.quick-product--wrap .quick-product--left{position:relative}.metta-strip-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:0;background:var(--c-surface);color:var(--c-ink);cursor:pointer;transform:translateY(-50%)}.metta-strip-arrow svg{width:16px;height:16px}.metta-strip-arrow--prev{left:var(--space-xs)}.metta-strip-arrow--prev svg{transform:scaleX(-1)}.metta-strip-arrow--next{right:var(--space-xs)}.metta-strip-arrow:disabled{opacity:0;pointer-events:none}.metta-strip-arrow[hidden]{display:none}.quick-product--wrap .quick-product--left .product__media-container .product__media-item{background-color:var(--c-placeholder);transition:background-color var(--duration-normal) var(--easing)}.quick-product--wrap .quick-product--left .product__media-container .product__media-item .image__img{opacity:0}.quick-product--wrap .quick-product--left .product__media-container.metta-ready .product__media-item{background-color:transparent}.quick-product--wrap .quick-product--left .product__media-container.metta-ready .product__media-item .image__img{opacity:1}@media(min-width:960px){.quick-product--wrap.modal{--metta-qv-photo: max(280px, calc((100vw - 2 * var(--edge) - 3 * var(--gap-image)) / 4));--metta-qv-copy: 400px;--modal-width: min(calc(var(--metta-qv-photo) + var(--metta-qv-copy)), 100vw)}.quick-product--wrap .quick-product{flex-direction:row}.quick-product--wrap .quick-product--left{flex:0 0 var(--metta-qv-photo);width:var(--metta-qv-photo);height:100%}.quick-product--wrap .quick-product--left .product__media-container,.quick-product--wrap .quick-product--left .product__media-container.is-static{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:none}.quick-product--wrap .quick-product--left .product__media-container *{overscroll-behavior:auto}.quick-product--wrap .quick-product--left .product__media{flex-direction:column;width:100%;height:auto}.quick-product--wrap .quick-product--left .product__media-item,.quick-product--wrap .quick-product--left .product__media-item.hidden{width:100%;height:auto}.quick-product--wrap .quick-product--right{display:flex;flex-direction:column;flex:0 0 var(--metta-qv-copy);width:var(--metta-qv-copy);height:100%;max-height:none;border-left:1px solid var(--color-lines-and-borders)}.quick-product--wrap .quick-product--right-viewport{flex:1 1 auto;min-height:0}.quick-product--wrap .quick-product--right-viewport--footer{flex:0 0 auto}}.quick-view-modal__content.empty{align-items:stretch;justify-content:flex-start}.metta-qv-skel.quick-view-modal-loading-indicator{display:flex;flex-direction:column;width:100%;height:auto;opacity:1;text-align:left}.metta-qv-skel__media{display:flex;flex:0 0 auto;gap:3px;height:clamp(150px,22vh,190px);overflow:hidden}.metta-qv-skel__media>span{flex:0 0 auto;height:100%;aspect-ratio:4 / 5;background:var(--c-placeholder)}.metta-qv-skel__copy{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;padding:var(--space-sm) var(--space-sm) calc(var(--space-sm) + env(safe-area-inset-bottom,0px))}.metta-qv-skel__bar,.metta-qv-skel__dots>span,.metta-qv-skel__chips>span,.metta-qv-skel__button{display:block;background:var(--c-placeholder)}.metta-qv-skel__bar{height:10px;border-radius:var(--r-xs)}.metta-qv-skel__bar--eyebrow{width:128px;margin-top:4px}.metta-qv-skel__bar--title{width:min(260px,70%);height:16px;margin-top:16px}.metta-qv-skel__bar--price{width:72px;height:14px;margin-top:20px}.metta-qv-skel__bar--label{width:96px;margin-top:33px}.metta-qv-skel__bar--link{width:120px;margin-top:25px}.metta-qv-skel__dots,.metta-qv-skel__chips{display:flex;gap:var(--space-xs)}.metta-qv-skel__dots{margin-top:13px}.metta-qv-skel__dots>span{width:22px;height:22px;border-radius:var(--r-circle)}.metta-qv-skel__dots+.metta-qv-skel__bar--label{margin-top:25px}.metta-qv-skel__chips{align-self:stretch;margin-top:21px}.metta-qv-skel__chips>span{flex:1 1 40px;height:40px;border-radius:var(--r-xs)}.metta-qv-skel__button{align-self:stretch;height:48px;margin-top:121px;border-radius:var(--r-btn)}@media(min-width:720px){.metta-qv-skel__media{gap:var(--space-2xs);height:clamp(200px,34vh,300px);padding:0 var(--space-sm)}.metta-qv-skel__media>span{border-radius:var(--r-sm)}.metta-qv-skel__copy{padding:calc(var(--space-md) + var(--space-sm)) var(--space-md) var(--space-sm)}.metta-qv-skel__dots>span{width:28px;height:28px}.metta-qv-skel__chips>span{flex:0 0 56px}.metta-qv-skel__button{margin-top:127px}}@media(max-width:959px){.metta-qv-skel.quick-view-modal-loading-indicator{flex:1 1 auto;min-height:0;overflow:hidden}.metta-qv-skel__copy{min-height:0}.metta-qv-skel__button[class]{margin-top:auto}}@media(min-width:960px){.metta-qv-skel.quick-view-modal-loading-indicator{flex-direction:row;height:100%}.metta-qv-skel__media{flex:0 0 var(--metta-qv-photo);flex-direction:column;height:100%;padding:0}.metta-qv-skel__media>span{width:100%;height:auto;border-radius:0}.metta-qv-skel__copy{padding-bottom:var(--space-md)}.metta-qv-skel__button{margin-top:auto}}.quick-product--wrap .product__block--product-header .product__price-and-ratings{margin-top:var(--space-2xs)}.quick-product--wrap .product__color-chips{padding-top:var(--space-2xs)}.quick-product--wrap .product__color-chips .product__chip{margin:0}.quick-product--wrap .product__option>.product__information-popup{display:flex;width:fit-content;margin-bottom:0}.metta-chart-space{display:none}.quick-product--wrap .metta-chart-space{display:block;height:25px;margin-top:var(--space-sm)}.quick-product--wrap .product__variants-wrapper:has(.product__information-popup,.metta-chart-space)+.inv-badges-wrap,.quick-product--wrap .product__variants-wrapper:has(.product__information-popup,.metta-chart-space)~.inv-badges-wrap{margin-top:calc(var(--space-sm) - var(--space-md))}.quick-product--wrap .product__label{color:var(--c-ink);font-weight:var(--w-semibold)}.quick-product--wrap .product__label .t-opacity-70{font-weight:var(--w-regular)}.quick-product--wrap .product__block--product-header a:not(.product__metta-line){color:var(--c-ink)}.quick-product--wrap .product__color-swatches--inner:has(.metta-dot){gap:var(--space-xs) var(--space-2xs)}.quick-product--wrap .product__color-swatch.metta-dot{width:28px;height:28px}.quick-product--wrap .product__color-swatches .product__color-swatch.metta-dot:after{width:36px;height:40px}@media all{.modal[data-modal]:not(.quick-product--wrap):has(>.modal__inner){align-items:flex-end;padding:0}.modal[data-modal]:not(.quick-product--wrap):has(>.modal__inner)>.modal__inner{width:100%;max-height:calc(100dvh - 40px);padding:28px var(--space-sm) calc(var(--space-md) + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;background:var(--c-surface);box-shadow:0 -12px 40px -12px #1a19174d;opacity:1;transform:translateY(100%);transition:transform var(--duration-slow) var(--easing);overscroll-behavior:contain}.modal[data-modal].active:not(.quick-product--wrap):has(>.modal__inner)>.modal__inner{transform:translateY(0)}.modal[data-modal]:not(.quick-product--wrap):has(>.modal__inner)>.modal__inner.is-dragging{transition:none}.modal[data-modal] .modal__inner:before{content:"";position:absolute;top:8px;left:50%;width:36px;height:4px;border-radius:2px;background:#1a191738;transform:translate(-50%)}.modal[data-modal] .modal__header{margin-bottom:-32px}.modal[data-modal] .modal__close-icon{width:32px;height:32px}.modal[data-modal] .modal__content h2:first-of-type{margin:0 var(--space-xl) var(--space-sm) 0;font-size:var(--type-title);line-height:32px}.modal[data-modal] .modal__content table{display:block;max-width:100%;overflow-x:auto}}@media(max-width:959px){.quick-product--wrap .quick-product--left .product__media-container{padding:0 var(--space-sm);scroll-padding:0 var(--space-sm)}.quick-product--wrap .quick-product--left .product__media,.metta-qv-skel__media{gap:var(--space-3xs)}.metta-qv-skel__media{padding:0 var(--space-sm)}}.quick-product--wrap .product__block--product-header .product__metta-line,.quick-product--wrap .product__block--product-header .product__title{margin-bottom:var(--space-3xs)}.quick-product--wrap .product__block--product-header .product__price-and-ratings{margin-top:0}.quick-product--wrap .product__label-wrapper{margin-bottom:var(--space-xs)}.quick-product--wrap .product__color-chips{margin-top:0;padding-top:0}body:has(.quick-product--wrap.active) #metta-fl-tab{visibility:hidden}@media(min-width:960px){.modal[data-modal]:not(.quick-product--wrap):has(>.modal__inner)>.modal__inner{max-height:calc(100dvh - 80px);padding:var(--space-md) var(--space-outer) var(--space-lg)}.modal[data-modal]:not(.quick-product--wrap) .modal__inner:before{content:none}.modal[data-modal]:not(.quick-product--wrap) .modal__content{max-width:720px}}@media(prefers-reduced-motion:no-preference){.modal[data-modal]:not(.quick-product--wrap):has(>.modal__inner){transition:visibility 0s var(--duration-slow)}.modal[data-modal].active:not(.quick-product--wrap):has(>.modal__inner){transition:visibility 0s 0s}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/metta-quick-view.css.map */