on-product-gallery{display:block}.on-pg{--on-pg-ratio: 1 / 1;--on-pg-slide-d: 68%;--on-pg-slide: var(--on-pg-slide-d);--on-pg-gap: 3px;--on-pg-fit: cover;--on-pg-placeholder: #efefef;--on-pg-ink: #000;--on-pg-lightbox-bg: #e6e6e6;--on-pg-round: 43px;position:relative;box-sizing:border-box;max-width:100%;color:var(--on-pg-ink);letter-spacing:normal}.on-pg *,.on-pg *:before,.on-pg *:after{box-sizing:border-box}.on-pg__track{position:relative;display:flex;gap:var(--on-pg-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.on-pg__track::-webkit-scrollbar{display:none}.on-pg__slide{flex:0 0 var(--on-pg-slide);min-width:0;margin:0;padding:0;scroll-snap-align:start;background:var(--on-pg-placeholder)}.on-pg__slide[hidden]{display:none!important}.on-pg__frame{display:block;width:100%;aspect-ratio:var(--on-pg-ratio);margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;overflow:hidden}.on-pg__open{cursor:zoom-in;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.on-pg__frame img,.on-pg__frame video{display:block;width:100%;height:100%;max-width:none;object-fit:var(--on-pg-fit)}.on-pg__open:focus-visible,.on-pg__arrow:focus-visible,.on-pg__round:focus-visible{outline:2px solid currentColor;outline-offset:-4px}@media(prefers-reduced-motion:no-preference){.on-pg__track.is-fresh{animation:on-pg-fade .3s ease both}}@keyframes on-pg-fade{0%{opacity:0}to{opacity:1}}.on-pg__controls{display:flex;align-items:center;min-height:50px;padding-inline-start:6px}.on-pg__controls[hidden]{display:none}.on-pg__arrows{display:flex}.on-pg .on-pg__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none;color:var(--on-pg-ink);cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.on-pg .on-pg__arrow[disabled]{opacity:.3;cursor:default}.on-pg__arrow svg{display:block;width:24px;height:24px}.on-pg .on-pg__counter{margin:0;padding-inline-start:7px;font-size:14px;line-height:1.5;letter-spacing:normal;font-variant-numeric:tabular-nums;color:var(--on-pg-ink)}[dir=rtl] .on-pg__arrow svg{transform:scaleX(-1)}.on-pg:not(.has-overflow) .on-pg__arrows{display:none}.on-pg:not(.has-overflow) .on-pg__counter{padding-inline-start:6px}html.on-pg-lock{overflow:hidden}.on-pg__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--on-pg-lightbox-bg);color:var(--on-pg-ink);overflow:hidden}.on-pg__lightbox:not([open]){display:none}.on-pg__lightbox::backdrop{background:var(--on-pg-lightbox-bg)}.on-pg__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.on-pg__zoom{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.on-pg .on-pg__round{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--on-pg-round);height:var(--on-pg-round);margin:0;padding:0;border:1px solid var(--on-pg-ink);border-radius:50%;background:transparent;color:var(--on-pg-ink);cursor:pointer;-webkit-appearance:none;appearance:none}.on-pg .on-pg__round:hover{background:#0000000f}.on-pg__round svg{width:24px;height:24px}.on-pg .on-pg__close{top:13px;inset-inline-end:24px}.on-pg__lb-arrows .on-pg__round{position:static}.on-pg__lb-arrows{position:absolute;bottom:38px;inset-inline-start:18px;display:flex;gap:14px}.on-pg__lightbox [hidden]{display:none!important}@media screen and (max-width:749px){.on-pg{--on-pg-slide: 100%;--on-pg-gap: 8px;--on-pg-round: 40px}.on-pg__arrows{display:none}.on-pg__controls{min-height:0;padding-block:8px 0;padding-inline-start:0}.on-pg .on-pg__counter,.on-pg:not(.has-overflow) .on-pg__counter{padding-inline-start:0;font-size:13px}.on-pg .on-pg__close{top:8px;inset-inline-end:16px}.on-pg__lb-arrows{bottom:28px;inset-inline-start:12px;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/on-media-gallery.css.map */