zoom-dialog dialog.ag-viewer{--ag-v-ink: 25 30 35;--ag-v-paper: 255 255 255;--ag-v-ease: cubic-bezier(.22, .61, .36, 1);--ag-v-gap: 24px;--ag-v-safe-top: env(safe-area-inset-top, 0px);--ag-v-safe-bottom: env(safe-area-inset-bottom, 0px);--ag-v-safe-left: env(safe-area-inset-left, 0px);--ag-v-safe-right: env(safe-area-inset-right, 0px);--ag-v-pad-top: calc(80px + var(--ag-v-safe-top));--ag-v-pad-bottom: calc(104px + var(--ag-v-safe-bottom));--ag-v-pad-x: 112px;--ag-v-bg-alpha: 1;--ag-v-ui-alpha: 1;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;overscroll-behavior:contain;background:rgb(var(--ag-v-paper) / var(--ag-v-bg-alpha));color:rgb(var(--ag-v-ink));opacity:1;transition:background-color .26s ease;touch-action:none;outline:none;-webkit-tap-highlight-color:transparent}zoom-dialog dialog.ag-viewer:not([open]){display:none}zoom-dialog dialog.ag-viewer::backdrop{background:transparent}zoom-dialog dialog.ag-viewer[open]{animation:ag-viewer-in .22s var(--ag-v-ease) both}zoom-dialog dialog.ag-viewer.is-closing{animation:ag-viewer-out .17s ease-in both}zoom-dialog dialog.ag-viewer.is-dismissing,.ag-viewer.is-dismissing .ag-viewer__ui{transition:none}@keyframes ag-viewer-in{0%{opacity:0}}@keyframes ag-viewer-out{to{opacity:0}}@keyframes ag-viewer-pop{0%{opacity:.5;transform:scale(.97)}}.ag-viewer__stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ag-viewer__track{display:flex;gap:var(--ag-v-gap);height:100%;margin:0;padding:0;list-style:none;will-change:transform}.ag-viewer__slide{position:relative;flex:0 0 100%;height:100%;margin:0;padding:0;overflow:hidden}.ag-viewer__frame{position:absolute;inset:var(--ag-v-pad-top) var(--ag-v-pad-x) var(--ag-v-pad-bottom);display:grid;place-items:center;container-type:size}.ag-viewer.is-opening .ag-viewer__slide.is-current .ag-viewer__frame{animation:ag-viewer-pop .3s var(--ag-v-ease) both}.ag-viewer__img{display:block;width:min(100cqw,100cqh * var(--ag-r, 1));height:auto;max-width:none;aspect-ratio:var(--ag-r, 1);object-fit:contain;transform-origin:50% 50%;background:transparent;cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}@supports not (width: 1cqw){.ag-viewer__img{width:auto;height:auto;max-width:100%;max-height:100%}}.ag-viewer__img:not([src]):not([srcset]){visibility:hidden}.ag-viewer.is-zoomed .ag-viewer__slide.is-current .ag-viewer__img{cursor:zoom-out}.ag-viewer.is-panning .ag-viewer__stage,.ag-viewer.is-panning .ag-viewer__img{cursor:grabbing}.ag-viewer.is-gesturing .ag-viewer__slide.is-current .ag-viewer__img{will-change:transform}.ag-viewer__frame>.product-media{position:relative;width:min(100cqw,100cqh * var(--ag-r, 1));aspect-ratio:var(--ag-r, 1);touch-action:manipulation}.ag-viewer__ui{opacity:var(--ag-v-ui-alpha);transition:opacity .2s ease}.ag-viewer__bar{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(16px + var(--ag-v-safe-top)) calc(16px + var(--ag-v-safe-right)) 0 calc(24px + var(--ag-v-safe-left));pointer-events:none}.ag-viewer__bar>*{pointer-events:auto}.ag-viewer__counter{margin:0;padding:8px 12px;border-radius:999px;background:rgb(var(--ag-v-paper) / .82);color:rgb(var(--ag-v-ink) / .78);font-size:14px;line-height:1;letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap}.ag-viewer__actions{display:flex;gap:8px;margin-inline-start:auto}.ag-viewer__btn{-webkit-appearance:none;appearance:none;display:inline-grid;place-items:center;flex:0 0 auto;width:48px;height:48px;min-width:0;margin:0;padding:0;border:0;border-radius:50%;background:rgb(var(--ag-v-paper) / .92);color:rgb(var(--ag-v-ink));box-shadow:0 0 0 1px rgb(var(--ag-v-ink) / .12),0 2px 10px rgb(var(--ag-v-ink) / .06);font:inherit;cursor:pointer;touch-action:manipulation;transition:background-color .16s ease,box-shadow .16s ease,opacity .16s ease}.ag-viewer__btn[hidden]{display:none}.ag-viewer__btn svg{display:block;width:22px;height:22px;fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.ag-viewer__zoom[aria-pressed=true] .ag-viewer__zoom-plus{display:none}@media(hover:hover){.ag-viewer__btn:hover{background:rgb(var(--ag-v-paper));box-shadow:0 0 0 1px rgb(var(--ag-v-ink) / .32),0 4px 14px rgb(var(--ag-v-ink) / .1)}}.ag-viewer__btn[aria-disabled=true]{opacity:.3;cursor:default;box-shadow:0 0 0 1px rgb(var(--ag-v-ink) / .12)}.ag-viewer__btn:focus-visible,.ag-viewer__thumb:focus-visible{outline:2px solid rgb(var(--ag-v-ink));outline-offset:3px}.ag-viewer:focus,.ag-viewer:focus-visible{outline:none}.ag-viewer__thumbs{position:relative;display:flex;gap:8px;margin:0;scrollbar-width:none}.ag-viewer__thumbs::-webkit-scrollbar{display:none}.ag-viewer__thumb{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 auto;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.ag-viewer__thumb-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ag-viewer__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:750px){.ag-viewer__nav{display:contents}.ag-viewer__arrow{position:absolute;z-index:2;top:calc(50% + (var(--ag-v-pad-top) - var(--ag-v-pad-bottom)) / 2);width:56px;height:56px;translate:0 -50%}.ag-viewer__arrow--prev{left:calc(28px + var(--ag-v-safe-left))}.ag-viewer__arrow--next{right:calc(28px + var(--ag-v-safe-right))}.ag-viewer__thumbs{position:absolute;z-index:2;left:50%;bottom:calc(20px + var(--ag-v-safe-bottom));max-width:calc(100% - 240px);padding:6px;overflow-x:auto;translate:-50% 0;touch-action:pan-x;opacity:var(--ag-v-ui-alpha)}.ag-viewer__thumb{width:56px;height:56px;border-radius:3px;background:rgb(var(--ag-v-ink) / .04);opacity:.5;transition:opacity .16s ease,box-shadow .16s ease}.ag-viewer__thumb .ag-viewer__thumb-img{border-radius:3px}.ag-viewer__thumb[aria-current=true]{opacity:1;box-shadow:0 0 0 2px rgb(var(--ag-v-paper)),0 0 0 3.5px rgb(var(--ag-v-ink))}@media(hover:hover){.ag-viewer__thumb:hover{opacity:1}}}@media(max-width:749px){zoom-dialog dialog.ag-viewer{--ag-v-pad-top: calc(72px + var(--ag-v-safe-top));--ag-v-pad-bottom: calc(80px + var(--ag-v-safe-bottom));--ag-v-pad-x: 0px;--ag-v-gap: 16px}.ag-viewer__bar{padding:calc(12px + var(--ag-v-safe-top)) calc(12px + var(--ag-v-safe-right)) 0 calc(16px + var(--ag-v-safe-left))}.ag-viewer__nav{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:4px;height:var(--ag-v-pad-bottom);padding:0 calc(12px + var(--ag-v-safe-right)) var(--ag-v-safe-bottom) calc(12px + var(--ag-v-safe-left))}.ag-viewer__thumbs{flex:0 1 auto;gap:0;min-width:0;overflow:hidden}.ag-viewer__nav--many .ag-viewer__thumbs{display:none}.ag-viewer__thumb{width:24px;height:44px}.ag-viewer__thumb:before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;background:rgb(var(--ag-v-ink) / .22);translate:-50% -50%;transition:background-color .16s ease,scale .16s ease}.ag-viewer__thumb[aria-current=true]:before{background:rgb(var(--ag-v-ink));scale:1.2}.ag-viewer__thumb .ag-viewer__thumb-img{display:none}.ag-viewer__thumb:focus-visible{outline-offset:-2px;border-radius:6px}}@media(max-width:1023px)and (max-height:520px)and (orientation:landscape){zoom-dialog dialog.ag-viewer{--ag-v-pad-top: calc(8px + var(--ag-v-safe-top));--ag-v-pad-bottom: calc(8px + var(--ag-v-safe-bottom));--ag-v-pad-x: calc(80px + max(var(--ag-v-safe-left), var(--ag-v-safe-right))) }.ag-viewer__bar{padding-top:calc(8px + var(--ag-v-safe-top))}.ag-viewer__nav{display:contents}.ag-viewer__thumbs{display:none}.ag-viewer__arrow{position:absolute;z-index:2;top:50%;translate:0 -50%}.ag-viewer__arrow--prev{left:calc(16px + var(--ag-v-safe-left))}.ag-viewer__arrow--next{right:calc(16px + var(--ag-v-safe-right))}}zoom-dialog dialog.ag-viewer[data-count="1"]{--ag-v-pad-bottom: calc(40px + var(--ag-v-safe-bottom));--ag-v-pad-x: 48px}@media(max-width:749px){zoom-dialog dialog.ag-viewer[data-count="1"]{--ag-v-pad-bottom: calc(24px + var(--ag-v-safe-bottom));--ag-v-pad-x: 0px}}@media(max-width:1023px)and (max-height:520px)and (orientation:landscape){zoom-dialog dialog.ag-viewer[data-count="1"]{--ag-v-pad-top: calc(8px + var(--ag-v-safe-top));--ag-v-pad-bottom: calc(8px + var(--ag-v-safe-bottom));--ag-v-pad-x: calc(72px + max(var(--ag-v-safe-left), var(--ag-v-safe-right))) }}@media(prefers-reduced-motion:reduce){zoom-dialog dialog.ag-viewer,zoom-dialog dialog.ag-viewer[open],zoom-dialog dialog.ag-viewer.is-closing,.ag-viewer *,.ag-viewer *:before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/ag-viewer.css.map */