svnty-viewer[hidden]{display:none!important}.svnty-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:block;background:rgb(var(--color-background));color:rgb(var(--color-foreground));-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;touch-action:none}.svnty-viewer.svnty-door{position:absolute;top:0;left:0;right:0;bottom:auto;width:auto;height:100svh;height:100dvh;margin:0;z-index:100}.svnty-viewer[open] .svnty-viewer__head,.svnty-viewer[open] .svnty-viewer__thumbs{animation:svnty-viewer-rise .18s cubic-bezier(.2,0,0,1) backwards}@keyframes svnty-viewer-rise{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.svnty-viewer[open] .svnty-viewer__head,.svnty-viewer[open] .svnty-viewer__thumbs{animation:none}}.svnty-viewer__dialog{position:absolute;top:0;right:0;bottom:0;left:0;outline:none}.svnty-viewer ul{margin:0;padding:0;list-style:none}.svnty-viewer__head{position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none}.svnty-viewer__head>*{pointer-events:auto}.svnty-viewer__where{margin:0;display:flex;flex-direction:column;gap:4px}.svnty-viewer__count{font:500 14px/1.2 var(--font-body-family);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:rgb(var(--color-foreground))}.svnty-viewer__colour,.svnty-viewer__label{font:500 12px/1.2 var(--font-body-family);letter-spacing:var(--svnty-track-caps, .08em);text-transform:uppercase;color:var(--svnty-muted, rgba(0, 0, 0, .62))}.svnty-viewer__colour:empty{display:none}.svnty-viewer__close{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color var(--svnty-t-fast, .16s) var(--svnty-ease, ease)}.svnty-viewer__close .icon{width:16px;height:16px}@media(hover:hover)and (pointer:fine){.svnty-viewer__close:hover{border-color:rgba(var(--color-foreground),.42)}}.svnty-viewer__close:focus-visible{outline:1.5px solid rgb(var(--color-foreground));outline-offset:2px}.svnty-viewer__stage{position:absolute;top:0;right:0;bottom:0;left:0}.svnty-viewer__slide{position:relative;overflow:hidden}.svnty-viewer__frame{position:relative;background:transparent none 50% 50% / contain no-repeat}.svnty-viewer__img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%;background:transparent;border:0;border-radius:0;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.svnty-viewer__thumbs{position:absolute;z-index:2;scrollbar-width:none;-ms-overflow-style:none}.svnty-viewer__thumbs::-webkit-scrollbar{display:none}.svnty-viewer__group{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.svnty-viewer__label{display:block;margin:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.svnty-viewer__row{display:flex;gap:8px}.svnty-viewer__thumb{flex:0 0 auto;width:56px;height:56px;padding:0;margin:0;border:0;border-radius:var(--svnty-r-min, 2px);background:transparent;cursor:pointer;outline:1.5px solid transparent;outline-offset:2px;transition:outline-color var(--svnty-t-fast, .16s) var(--svnty-ease, ease)}.svnty-viewer__thumb img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}@media(hover:hover)and (pointer:fine){.svnty-viewer__thumb:hover{outline-color:rgba(var(--color-foreground),.28)}}.svnty-viewer__thumb[aria-current=true]{outline-color:rgb(var(--color-foreground))}.svnty-viewer__thumb:focus-visible{outline-color:rgb(var(--color-foreground))}.svnty-viewer:not([data-layout=phone]) .svnty-viewer__where{position:absolute;top:24px;left:32px}.svnty-viewer:not([data-layout=phone]) .svnty-viewer__close{position:absolute;top:20px;right:24px}.svnty-viewer:not([data-layout=phone]) .svnty-viewer__stage{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;outline:none}.svnty-viewer:not([data-layout=phone]) .svnty-viewer__track{display:flex;flex-direction:column;gap:12px;width:min(760px,100% - 296px);margin:0 auto;padding:24px 0}.svnty-viewer:not([data-layout=phone]) .svnty-viewer__slide{cursor:zoom-in}.svnty-viewer:not([data-layout=phone]) .svnty-viewer__slide.is-zoomed{cursor:zoom-out}.svnty-viewer:not([data-layout=phone]) .svnty-viewer__frame{aspect-ratio:var(--ar, .75);width:100%}.svnty-viewer:not([data-layout=phone]) .svnty-viewer__img{transition:transform .24s var(--svnty-ease, ease);transform-origin:50% 50%}.svnty-viewer:not([data-layout=phone]) .svnty-viewer__slide.is-zoomed .svnty-viewer__img{transform:scale(2)}@media(prefers-reduced-motion:reduce){.svnty-viewer .svnty-viewer__img{transition:none!important}}.svnty-viewer[data-layout=desk] .svnty-viewer__thumbs{top:96px;bottom:24px;left:28px;width:104px;padding:4px 8px 24px 4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:24px}.svnty-viewer[data-layout=desk] .svnty-viewer__row{flex-direction:column}.svnty-viewer[data-layout=tablet] .svnty-viewer__track{width:min(760px,100% - 176px);padding-bottom:112px}.svnty-viewer[data-layout=tablet] .svnty-viewer__thumbs{left:0;right:0;bottom:0;height:96px;padding:0 24px env(safe-area-inset-bottom,0px);background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.08)}.svnty-viewer[data-layout=tablet] .svnty-viewer__thumbs,.svnty-viewer[data-layout=phone] .svnty-viewer__thumbs{display:flex;flex-direction:row;align-items:center;gap:20px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:16px;touch-action:pan-x}.svnty-viewer[data-layout=tablet] .svnty-viewer__thumb,.svnty-viewer[data-layout=phone] .svnty-viewer__thumb{width:48px;height:48px;scroll-snap-align:start}.svnty-viewer[data-layout=tablet] .svnty-viewer__group,.svnty-viewer[data-layout=phone] .svnty-viewer__group{gap:6px}.svnty-viewer[data-layout=tablet] .svnty-viewer__label,.svnty-viewer[data-layout=phone] .svnty-viewer__label{white-space:nowrap;overflow-wrap:normal;padding-left:1px}.svnty-viewer[data-layout=tablet] .svnty-viewer__group:last-child,.svnty-viewer[data-layout=phone] .svnty-viewer__group:last-child{padding-right:16px}.svnty-viewer[data-layout=phone] .svnty-viewer__dialog{display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.svnty-viewer[data-layout=phone] .svnty-viewer__head{position:relative;flex:0 0 56px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:0 12px;transition:opacity .12s linear}.svnty-viewer[data-layout=phone] .svnty-viewer__where{grid-column:2;align-items:center;text-align:center;gap:3px}.svnty-viewer[data-layout=phone] .svnty-viewer__colour{font-size:11px}.svnty-viewer[data-layout=phone] .svnty-viewer__close{grid-column:3}.svnty-viewer[data-layout=phone] .svnty-viewer__stage{position:relative;inset:auto;flex:1 1 auto;min-height:0;overflow:hidden}.svnty-viewer[data-layout=phone] .svnty-viewer__track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:none}.svnty-viewer[data-layout=phone] .svnty-viewer__track::-webkit-scrollbar{display:none}.svnty-viewer[data-layout=phone] .svnty-viewer__track.is-free{scroll-snap-type:none}.svnty-viewer[data-layout=phone] .svnty-viewer__slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}.svnty-viewer[data-layout=phone] .svnty-viewer__frame{position:absolute;top:0;right:0;bottom:0;left:0}.svnty-viewer[data-layout=phone] .svnty-viewer__img{transform-origin:0 0;will-change:transform}.svnty-viewer[data-layout=phone] .svnty-viewer__img.is-easing{transition:transform .22s cubic-bezier(.2,0,0,1)}.svnty-viewer[data-layout=phone] .svnty-viewer__thumbs{position:relative;flex:0 0 88px;padding:0 16px;transition:opacity .12s linear}.svnty-viewer.is-pulling .svnty-viewer__head,.svnty-viewer.is-pulling .svnty-viewer__thumbs{opacity:calc(1 - var(--svnty-viewer-drag, 0))}@media(orientation:landscape)and (max-height:500px){.svnty-viewer[data-layout=phone] .svnty-viewer__thumbs{display:none}.svnty-viewer[data-layout=phone] .svnty-viewer__head{flex-basis:48px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/svnty-viewer.css.map */