offsure-gallery .opd-shot{position:relative}offsure-gallery .opd-shot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cr, #f6f4ef);opacity:1;transition:opacity var(--dur-base, .25s) ease;pointer-events:none;z-index:0}offsure-gallery .opd-shot:has(img.opd-loaded):before,offsure-gallery .opd-shot:has(video.opd-loaded):before,offsure-gallery .opd-shot:has(img[loading=eager]):before{opacity:0}offsure-gallery .opd-shot img,offsure-gallery .opd-shot__video,offsure-gallery .opd-shot__tag{position:relative;z-index:1}offsure-gallery .opd-rail__t{position:relative;background:var(--cr, #f6f4ef)}offsure-gallery .opd-shot__video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 14%;opacity:0;transition:opacity var(--dur-base, .25s) ease;background:var(--cr, #f6f4ef)}offsure-gallery .opd-shot__video.opd-loaded{opacity:1}offsure-gallery .opd-rail__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}offsure-gallery .opd-rail__play:after{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}offsure-gallery{position:relative;isolation:isolate}offsure-gallery .opd-gal__counter{position:absolute;top:12px;right:12px;z-index:3;display:none;align-items:center;gap:2px;padding:4px 9px;background:#1918179e;color:#fff;font-family:var(--offsure-mono, monospace);font-size:.68rem;letter-spacing:.04em;border-radius:100px;pointer-events:none}@media(max-width:900px){offsure-gallery .opd-gal__counter[hidden]{display:none}offsure-gallery .opd-gal__counter:not([hidden]){display:flex}}offsure-gallery .opd-gal .opd-shot{cursor:zoom-in}offsure-gallery .opd-gal .opd-shot:focus-within{outline:2px solid var(--nv);outline-offset:-2px}offsure-gallery .opd-gal .opd-shot--video,offsure-gallery .opd-gal .opd-shot--missing{cursor:default}offsure-gallery .opd-zoom{border:0;padding:0;margin:auto;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:#0f0e0df5;color:#fff;opacity:1;transform:scale(1);transform-origin:center;transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .25s cubic-bezier(.23,1,.32,1),overlay .25s allow-discrete,display .25s allow-discrete}offsure-gallery .opd-zoom:not([open]){opacity:0;transform:scale(.95)}@starting-style{offsure-gallery .opd-zoom[open]{opacity:0;transform:scale(.95)}}offsure-gallery .opd-zoom::backdrop{background:#0f0e0df5;opacity:0;transition:opacity .25s cubic-bezier(.23,1,.32,1),overlay .25s allow-discrete,display .25s allow-discrete}offsure-gallery .opd-zoom[open]::backdrop{opacity:1}@starting-style{offsure-gallery .opd-zoom[open]::backdrop{opacity:0}}offsure-gallery .opd-zoom__bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 16px 14px}offsure-gallery .opd-zoom__counter{font-family:var(--offsure-mono, monospace);font-size:.74rem;letter-spacing:.05em;color:#ffffffd9}offsure-gallery .opd-zoom__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer}offsure-gallery .opd-zoom__close svg{width:20px;height:20px}offsure-gallery .opd-zoom__close:focus-visible,offsure-gallery .opd-zoom__nav:focus-visible{outline:2px solid #fff;outline-offset:2px}offsure-gallery .opd-zoom__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}offsure-gallery .opd-zoom__img{max-width:92vw;max-height:88vh;object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .12s var(--ease, cubic-bezier(.2, .8, .2, 1));will-change:transform}offsure-gallery .opd-zoom__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;transition:background var(--dur-fast, .16s) ease}offsure-gallery .opd-zoom__nav:hover{background:#fff3}offsure-gallery .opd-zoom__nav svg{width:20px;height:20px}offsure-gallery .opd-zoom__nav--prev{left:12px}offsure-gallery .opd-zoom__nav--next{right:12px}@media(max-width:640px){offsure-gallery .opd-zoom__nav{display:none}}@media(prefers-reduced-motion:reduce){offsure-gallery .opd-shot:before,offsure-gallery .opd-shot__video,offsure-gallery .opd-zoom__img{transition:none}offsure-gallery .opd-zoom,offsure-gallery .opd-zoom::backdrop{transition:opacity .15s ease!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/offsure-gallery.css.map */