product-modal.product-media-modal{--drop-pmm-vh: 100dvh;--drop-pmm-safe-top: env(safe-area-inset-top, 0px);--drop-pmm-safe-right: env(safe-area-inset-right, 0px);--drop-pmm-safe-bottom: env(safe-area-inset-bottom, 0px);--drop-pmm-safe-left: env(safe-area-inset-left, 0px);--drop-pmm-top-guard: 0px;--drop-pmm-bottom-guard: 0px;--drop-pmm-bg: #ffffff;--drop-pmm-stage-bg: #fbfaf8;--drop-pmm-ink: #211c1b;--drop-pmm-muted: rgba(33, 28, 27, .62);--drop-pmm-border: rgba(33, 28, 27, .12);--drop-pmm-panel: rgba(255, 255, 255, .9);--drop-pmm-panel-strong: rgba(255, 255, 255, .98);--drop-pmm-shadow: 0 18px 48px rgba(23, 19, 18, .16);--drop-pmm-radius: 22px;--drop-pmm-control-size: 46px;--drop-pmm-thumb-size: 68px;--drop-pmm-thumb-gap: 10px;--drop-pmm-rail-pad-y: 16px;--drop-pmm-side-pad: clamp(24px, 4vw, 64px);--drop-pmm-top-pad: calc(26px + var(--drop-pmm-safe-top) + var(--drop-pmm-top-guard));--drop-pmm-bottom-pad: 30px;color:var(--drop-pmm-ink)}product-modal.product-media-modal .product-media-modal__dialog:not([open]){display:none!important;visibility:hidden!important;pointer-events:none!important}product-modal.product-media-modal .product-media-modal__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;width:min(96vw,1300px);height:min(92vh,920px);max-width:96vw;max-height:92vh;margin:auto;padding:0;border:0;border-radius:var(--drop-pmm-radius);overflow:hidden;background:var(--drop-pmm-bg);box-shadow:0 28px 90px #0000003d}product-modal.product-media-modal .product-media-modal__dialog::backdrop{background:#120e0d9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}product-modal.product-media-modal.is-open .product-media-modal__dialog{display:flex;flex-direction:column}product-modal.product-media-modal .product-media-modal__content,product-modal.product-media-modal .product-media-modal__gallery{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--drop-pmm-bg)}product-modal.product-media-modal .product-media-modal__viewer{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#fcfaf3d9,#fff0 58%),var(--drop-pmm-stage-bg)}product-modal.product-media-modal .product-media-modal__media-list{width:100%;height:100%;min-height:0;margin:0;padding:0;list-style:none;display:flex;align-items:center;justify-content:center;overflow:hidden}product-modal.product-media-modal .product-media-modal__media-item{position:relative;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;display:none;align-items:center;justify-content:center;padding:var(--drop-pmm-top-pad) var(--drop-pmm-side-pad) var(--drop-pmm-bottom-pad);overflow:hidden}product-modal.product-media-modal .product-media-modal__media-item.is-active{display:flex}product-modal.product-media-modal img.product-media-modal__image,product-modal.product-media-modal .product-media-modal__media,product-modal.product-media-modal .product-media-modal__media iframe,product-modal.product-media-modal .product-media-modal__media video,product-modal.product-media-modal .product-media-modal__media model-viewer{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:50% 50%!important;margin:0 auto}product-modal.product-media-modal img.product-media-modal__image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center center;transition:transform .16s ease,opacity .16s ease;touch-action:none}product-modal.product-media-modal img.product-media-modal__image.drop-pmm-zoomable{cursor:zoom-in}product-modal.product-media-modal img.product-media-modal__image.is-zoomed{cursor:grab;will-change:transform;transition:none}product-modal.product-media-modal img.product-media-modal__image.is-zoomed:active{cursor:grabbing}product-modal.product-media-modal .product-media-modal__close-form{margin:0}product-modal.product-media-modal .product-media-modal__toggle,product-modal.product-media-modal .product-media-modal__nav,product-modal.product-media-modal .drop-pmm-zoom-btn,product-modal.product-media-modal .product-media-modal__thumbnail-button{-webkit-tap-highlight-color:transparent}product-modal.product-media-modal .product-media-modal__toggle,product-modal.product-media-modal .product-media-modal__nav{position:absolute;z-index:8;width:var(--drop-pmm-control-size);height:var(--drop-pmm-control-size);display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--drop-pmm-border);border-radius:999px;color:var(--drop-pmm-ink);background:var(--drop-pmm-panel);box-shadow:var(--drop-pmm-shadow);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .16s ease,background .16s ease,opacity .16s ease,border-color .16s ease}product-modal.product-media-modal .product-media-modal__toggle{top:calc(14px + var(--drop-pmm-safe-top) + var(--drop-pmm-top-guard));right:calc(14px + var(--drop-pmm-safe-right))}product-modal.product-media-modal .product-media-modal__nav{top:50%;transform:translateY(-50%)}product-modal.product-media-modal .product-media-modal__nav--prev{left:calc(18px + var(--drop-pmm-safe-left))}product-modal.product-media-modal .product-media-modal__nav--next{right:calc(18px + var(--drop-pmm-safe-right))}product-modal.product-media-modal .product-media-modal__nav--prev .svg-wrapper{transform:rotate(90deg)}product-modal.product-media-modal .product-media-modal__nav--next .svg-wrapper{transform:rotate(-90deg)}product-modal.product-media-modal .product-media-modal__toggle svg,product-modal.product-media-modal .product-media-modal__nav svg{width:18px;height:18px}product-modal.product-media-modal .product-media-modal__toggle:hover,product-modal.product-media-modal .product-media-modal__nav:hover,product-modal.product-media-modal .drop-pmm-zoom-btn:hover{background:var(--drop-pmm-panel-strong);transform:translateY(-1px)}product-modal.product-media-modal .product-media-modal__nav:hover{transform:translateY(-50%) scale(1.03)}product-modal.product-media-modal .product-media-modal__toggle:focus-visible,product-modal.product-media-modal .product-media-modal__nav:focus-visible,product-modal.product-media-modal .drop-pmm-zoom-btn:focus-visible,product-modal.product-media-modal .product-media-modal__thumbnail-button:focus-visible{outline:2px solid rgba(119,91,99,.68);outline-offset:3px}product-modal.product-media-modal .product-media-modal__nav[disabled],product-modal.product-media-modal .drop-pmm-zoom-btn[disabled]{opacity:.36;cursor:default;pointer-events:none}product-modal.product-media-modal .product-media-modal__counter{position:absolute;z-index:7;top:calc(18px + var(--drop-pmm-safe-top) + var(--drop-pmm-top-guard));left:50%;transform:translate(-50%);min-width:54px;padding:7px 12px;border:1px solid var(--drop-pmm-border);border-radius:999px;background:#ffffffc7;color:var(--drop-pmm-muted);font-size:12px;line-height:1;letter-spacing:.02em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center}product-modal.product-media-modal .product-media-modal__counter[hidden]{display:none!important}product-modal.product-media-modal .drop-pmm-zoom-ui{position:absolute;z-index:7;top:calc(16px + var(--drop-pmm-safe-top) + var(--drop-pmm-top-guard));left:calc(16px + var(--drop-pmm-safe-left));display:flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--drop-pmm-border);border-radius:999px;background:#ffffffd1;box-shadow:0 12px 34px #1713121a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}product-modal.product-media-modal .drop-pmm-zoom-ui[hidden]{display:none!important}product-modal.product-media-modal .drop-pmm-zoom-btn{min-width:36px;height:36px;padding:0 10px;border:0;border-radius:999px;color:var(--drop-pmm-ink);background:transparent;font:inherit;font-size:14px;line-height:1;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease}product-modal.product-media-modal .drop-pmm-zoom-reset{min-width:52px;color:var(--drop-pmm-muted);font-size:12px;letter-spacing:.02em}product-modal.product-media-modal .product-media-modal__thumbnail-rail{flex:0 0 auto;width:100%;min-height:calc(var(--drop-pmm-thumb-size) + (var(--drop-pmm-rail-pad-y) * 2));box-sizing:border-box;padding:var(--drop-pmm-rail-pad-y) max(18px,calc(var(--drop-pmm-safe-left) + 18px)) calc(var(--drop-pmm-rail-pad-y) + var(--drop-pmm-safe-bottom)) max(18px,calc(var(--drop-pmm-safe-right) + 18px));border-top:1px solid rgba(33,28,27,.08);background:#ffffffeb}product-modal.product-media-modal .product-media-modal__thumbnail-rail[hidden]{display:none!important}product-modal.product-media-modal .product-media-modal__thumbnail-list{width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;gap:var(--drop-pmm-thumb-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}product-modal.product-media-modal .product-media-modal__thumbnail-list::-webkit-scrollbar{display:none}product-modal.product-media-modal .product-media-modal__thumbnail-button{position:relative;flex:0 0 var(--drop-pmm-thumb-size);width:var(--drop-pmm-thumb-size);height:var(--drop-pmm-thumb-size);padding:3px;border:1px solid rgba(33,28,27,.12);border-radius:16px;background:#fff;overflow:hidden;cursor:pointer;scroll-snap-align:center;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}product-modal.product-media-modal .product-media-modal__thumbnail-button:hover{transform:translateY(-1px)}product-modal.product-media-modal .product-media-modal__thumbnail-button.is-active,product-modal.product-media-modal .product-media-modal__thumbnail-button[aria-current=true]{border-color:#775b63c2;box-shadow:0 0 0 2px #775b631f,0 12px 24px #17131214}product-modal.product-media-modal .product-media-modal__thumbnail-image{display:block;width:100%;height:100%;border-radius:12px;object-fit:cover;object-position:center}product-modal.product-media-modal .product-media-modal__thumbnail-badge{position:absolute;right:7px;bottom:6px;width:14px;height:14px;border-radius:999px;background:#775b63e0;color:#fff;font-size:0}html.drop-pmm-lock,body.drop-pmm-lock{overflow:hidden!important;overscroll-behavior:none!important}body.drop-pmm-lock{position:fixed!important;width:100%!important}@media(min-width:1200px){product-modal.product-media-modal .product-media-modal__gallery{min-height:0}}@media(max-width:1199px){product-modal.product-media-modal{--drop-pmm-control-size: 40px;--drop-pmm-thumb-size: 62px;--drop-pmm-thumb-gap: 9px;--drop-pmm-side-pad: clamp(28px, 7vw, 74px);--drop-pmm-top-pad: calc(74px + var(--drop-pmm-safe-top) + var(--drop-pmm-top-guard));--drop-pmm-bottom-pad: 72px}product-modal.product-media-modal .product-media-modal__dialog{width:100vw;height:var(--drop-pmm-vh, 100dvh);max-width:100vw;max-height:var(--drop-pmm-vh, 100dvh);margin:0;border-radius:0}product-modal.product-media-modal .product-media-modal__content,product-modal.product-media-modal .product-media-modal__gallery{height:var(--drop-pmm-vh, 100dvh);max-height:var(--drop-pmm-vh, 100dvh)}product-modal.product-media-modal .product-media-modal__viewer{flex:1 1 auto}product-modal.product-media-modal .product-media-modal__nav{top:auto;bottom:16px;transform:none}product-modal.product-media-modal .product-media-modal__nav:hover{transform:scale(1.03)}product-modal.product-media-modal .product-media-modal__nav--prev{left:calc(50% - 48px)}product-modal.product-media-modal .product-media-modal__nav--next{right:auto;left:calc(50% + 8px)}product-modal.product-media-modal .drop-pmm-zoom-ui{top:calc(14px + var(--drop-pmm-safe-top) + var(--drop-pmm-top-guard));left:calc(12px + var(--drop-pmm-safe-left))}product-modal.product-media-modal .product-media-modal__thumbnail-rail{min-height:calc(var(--drop-pmm-thumb-size) + 32px + var(--drop-pmm-safe-bottom));padding-top:8px;padding-bottom:max(18px,calc(var(--drop-pmm-safe-bottom) + 18px))}product-modal.product-media-modal .product-media-modal__thumbnail-list{justify-content:flex-start}}@media(max-width:749px){product-modal.product-media-modal{--drop-pmm-control-size: 38px;--drop-pmm-thumb-size: 56px;--drop-pmm-thumb-gap: 8px;--drop-pmm-side-pad: 14px;--drop-pmm-top-pad: calc(64px + var(--drop-pmm-safe-top) + var(--drop-pmm-top-guard));--drop-pmm-bottom-pad: 66px}product-modal.product-media-modal .product-media-modal__toggle{top:calc(12px + var(--drop-pmm-safe-top) + var(--drop-pmm-top-guard));right:calc(12px + var(--drop-pmm-safe-right))}product-modal.product-media-modal .product-media-modal__counter{top:calc(15px + var(--drop-pmm-safe-top) + var(--drop-pmm-top-guard));font-size:11px;padding:6px 10px}product-modal.product-media-modal .drop-pmm-zoom-btn{min-width:32px;height:32px;padding:0 8px}product-modal.product-media-modal .drop-pmm-zoom-reset{min-width:48px;font-size:11px}}@media(prefers-reduced-motion:reduce){product-modal.product-media-modal *,product-modal.product-media-modal *:before,product-modal.product-media-modal *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/drop-product-media-modal.css.map */