body[data-pal] .photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);color:var(--ink)}body[data-pal] .photo-viewer[hidden]{display:none}body[data-pal] .photo-viewer__dialog{display:flex;flex-direction:column;width:100%;height:100%;height:100dvh;outline:none}body[data-pal] .photo-viewer__top{flex:0 0 76px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 24px}body[data-pal] .photo-viewer__count{margin:0;font-size:18px;font-weight:var(--fw-semibold);letter-spacing:0;color:var(--ink)}body[data-pal] .photo-viewer__close,body[data-pal] .photo-viewer__arrow{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1.5px solid var(--ink);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}body[data-pal] .photo-viewer__close{width:48px;height:48px}body[data-pal] .photo-viewer__close .icon,body[data-pal] .photo-viewer__close svg{width:18px;height:18px}body[data-pal] .photo-viewer__close:focus-visible,body[data-pal] .photo-viewer__arrow:focus-visible,body[data-pal] .photo-viewer__thumb:focus-visible{outline:2px solid var(--ink);outline-offset:3px}body[data-pal] .photo-viewer__stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 96px 16px}body[data-pal] .photo-viewer__slide{display:flex;align-items:center;justify-content:center;width:100%;height:100%}body[data-pal] .photo-viewer__slide[hidden]{display:none}body[data-pal] .photo-viewer__frame{position:relative;display:inline-flex;max-width:100%;max-height:100%;overflow:hidden;touch-action:none;cursor:zoom-in}body[data-pal] .photo-viewer__frame.is-zoomed{cursor:zoom-out}body[data-pal] .photo-viewer__frame.is-fixed{cursor:default}body[data-pal] .photo-viewer__img{display:block;width:auto;height:auto;max-width:min(calc(100vw - 192px),var(--pv-w, 100vw));max-height:calc(100dvh - 188px);object-fit:contain;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body[data-pal] .photo-viewer__img.is-animating{transition:transform .2s ease}@media(prefers-reduced-motion:reduce){body[data-pal] .photo-viewer__img.is-animating{transition:none}}body[data-pal] .photo-viewer__media{width:min(100%,calc((100dvh - 76px - 96px - 16px) * var(--pv-ratio)));aspect-ratio:var(--pv-ratio)}body[data-pal] .photo-viewer__media .deferred-media,body[data-pal] .photo-viewer__media .product__media{width:100%;height:100%}body[data-pal] .photo-viewer__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2}body[data-pal] .photo-viewer__arrow--prev{left:24px}body[data-pal] .photo-viewer__arrow--next{right:24px}body[data-pal] .photo-viewer__hint{position:absolute;left:50%;bottom:36px;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 18px;border-radius:24px;background:var(--ink);color:var(--onink);font-size:16px;font-weight:var(--fw-semibold);white-space:nowrap;pointer-events:none}body[data-pal] .photo-viewer__hint[hidden]{display:none}body[data-pal] .photo-viewer__thumbs{flex:0 0 96px;display:flex;justify-content:center;align-items:center;gap:10px;padding:0 16px 12px;overflow-x:auto}body[data-pal] .photo-viewer__thumb{flex:0 0 auto;width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:4px;background:var(--surface);cursor:pointer}body[data-pal] .photo-viewer__thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}body[data-pal] .photo-viewer__thumb[aria-current=true]{border-color:var(--ink)}body[data-pal] .photo-viewer.is-zoomed .photo-viewer__arrow{opacity:0;pointer-events:none}@media screen and (max-width:749px){body[data-pal] .photo-viewer__top{flex-basis:64px;padding:0 12px 0 16px}body[data-pal] .photo-viewer__stage{padding:0 0 8px}body[data-pal] .photo-viewer__arrow{display:none}body[data-pal] .photo-viewer__img{max-width:min(100vw,var(--pv-w, 100vw));max-height:calc(100dvh - 156px)}body[data-pal] .photo-viewer__media{width:min(100%,calc((100dvh - 64px - 84px - 8px) * var(--pv-ratio)))}body[data-pal] .photo-viewer__thumbs{flex-basis:84px;justify-content:flex-start}body[data-pal] .photo-viewer__thumb{width:56px;height:56px}body[data-pal] .photo-viewer__hint{font-size:15px;bottom:24px}}@media(pointer:coarse){body[data-pal] .photo-viewer__arrow{display:none}body[data-pal] .photo-viewer__stage{padding-left:0;padding-right:0}body[data-pal] .photo-viewer__img{max-width:min(100vw,var(--pv-w, 100vw))}}@media screen and (max-height:500px){body[data-pal] .photo-viewer__top{flex-basis:52px}body[data-pal] .photo-viewer__thumbs{flex-basis:64px;padding-bottom:6px}body[data-pal] .photo-viewer__thumb{width:48px;height:48px}body[data-pal] .photo-viewer__img{max-height:calc(100dvh - 124px)}body[data-pal] .photo-viewer__media{width:min(100%,calc((100dvh - 52px - 64px - 8px) * var(--pv-ratio)))}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/photo-viewer.css.map */