.posh-gal{--posh-gallery-thumb: 64px;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--posh-space-2, 8px);width:100%;min-width:0;align-self:start;color:var(--posh-color-brand)}.posh-gal__stage{position:relative;min-width:0;min-height:0;height:min(440px,58svh);overflow:hidden;border:1px solid var(--posh-color-line);border-radius:var(--posh-radius-control, 10px);background:var(--posh-color-surface)}.posh-gal__track{display:flex;width:100%;height:100%;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.posh-gal__track::-webkit-scrollbar,.posh-gal__thumbs::-webkit-scrollbar{display:none}.posh-gal__slide{position:relative;flex:0 0 100%;width:100%;height:100%;min-width:0;min-height:0;scroll-snap-align:start;scroll-snap-stop:always}.posh-gal__slide img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.posh-gal__nav,.posh-gal__zoom,.posh-gal__close{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--posh-color-line);border-radius:50%;background:var(--posh-color-surface-raised);color:var(--posh-color-brand);cursor:pointer}.posh-gal__nav{top:50%;transform:translateY(-50%)}.posh-gal__nav--prev{inset-inline-start:8px}.posh-gal__nav--next{inset-inline-end:8px}.posh-gal:dir(rtl) .posh-gal__nav svg{transform:scaleX(-1)}.posh-gal__nav[aria-disabled=true]{opacity:.4;cursor:default}.posh-gal__zoom{inset-inline-end:10px;bottom:10px}.posh-gal__zoom[hidden]{display:none}.posh-gal__counter{position:absolute;left:50%;transform:translate(-50%);bottom:14px;padding:4px 10px;border-radius:var(--posh-radius-control, 10px);background:var(--posh-color-surface-raised);color:var(--posh-color-ink);font-size:12px;line-height:20px;font-variant-numeric:tabular-nums;direction:ltr;pointer-events:none}.posh-gal__thumbs{display:flex;min-width:0;gap:var(--posh-space-2, 8px);overflow-x:auto;scrollbar-width:none;padding:3px;scroll-padding:3px}.posh-gal__thumb{display:block;flex:0 0 var(--posh-gallery-thumb);width:var(--posh-gallery-thumb);height:calc(var(--posh-gallery-thumb) * 1.2);padding:2px;border:1px solid var(--posh-color-line);border-radius:var(--posh-radius-control, 10px);background:var(--posh-color-surface);overflow:hidden;cursor:pointer}.posh-gal__thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}.posh-gal__thumb.is-active{border-color:var(--posh-color-brand);box-shadow:inset 0 0 0 1px var(--posh-color-brand)}.posh-gal :is(button,[data-track]):focus-visible{outline:2px solid var(--posh-color-brand);outline-offset:-3px}.posh-gal__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(1100px,calc(100vw - 24px));height:calc(100dvh - 24px);max-width:none;max-height:none;margin:auto;padding:54px 12px 12px;border:1px solid var(--posh-color-line);border-radius:var(--posh-radius-panel, 16px);background:var(--posh-color-surface)}.posh-gal__dialog::backdrop{background:#241b18cc}.posh-gal__dialog>img{display:block;width:100%;height:100%;object-fit:contain}.posh-gal__close{top:8px;inset-inline-end:8px}html:has(.posh-gal__dialog[open]){overflow:hidden}@media(min-width:750px)and (max-width:1023px){.posh-gal{max-width:540px;margin-inline:auto}.posh-gal__stage{height:min(560px,65svh)}}@media(min-width:1024px){.posh-gal{--posh-gallery-thumb: 76px;grid-template-columns:minmax(0,1fr) 82px;align-items:start;gap:var(--posh-space-3, 12px)}.posh-gal__stage{height:min(var(--posh-gallery-desktop-height, 680px),max(440px,calc(100svh - 200px)))}.posh-gal__thumbs{flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:min(var(--posh-gallery-desktop-height, 680px),max(440px,calc(100svh - 200px)))}.posh-gal__thumb{flex-basis:auto;min-height:calc(var(--posh-gallery-thumb) * 1.2)}}.posh-gal__dots{display:none}@media(max-width:1023px){.posh-gal{--posh-gallery-thumb: 68px;gap:10px;max-width:none;margin-inline:0}.posh-gal__stage{height:auto;aspect-ratio:3 / 4;border:0;border-radius:12px;background:var(--posh-color-surface)}.posh-gal__track{position:absolute;top:0;right:0;bottom:0;left:0}.posh-gal__slide img{object-fit:cover}.posh-gal__nav{width:44px;height:44px;background:var(--posh-color-surface-raised);box-shadow:var(--posh-shadow-panel)}.posh-gal__nav--prev{inset-inline-start:12px}.posh-gal__nav--next{inset-inline-end:12px}.posh-gal__counter,.posh-gal__zoom{display:none}.posh-gal__thumbs{padding:0;scroll-padding:0}.posh-gal__thumb{height:auto;aspect-ratio:3 / 4;padding:0;border-radius:8px;opacity:.65;background:var(--posh-color-surface)}.posh-gal__thumb img{object-fit:cover;border-radius:0}.posh-gal__thumb.is-active{opacity:1;box-shadow:none}.posh-gal__dots{display:flex;justify-content:center;gap:0}.posh-gal__dot{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.posh-gal__dot:before{content:"";width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--posh-color-brand) 25%,transparent)}.posh-gal__dot.is-active:before{width:20px;border-radius:4px;background:var(--posh-color-brand)}}@media(prefers-reduced-motion:reduce){.posh-gal__track,.posh-gal__thumbs{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/posh-gallery.css.map */