.rukn-viewer{--rukn-table:color-mix(in srgb,var(--rukn-linen)62%,#8f8a82);--rukn-table-ink:var(--rukn-graphite);background:var(--rukn-table);block-size:100dvh;max-block-size:none;inline-size:100vw;max-inline-size:none;color:var(--rukn-table-ink);border:0;margin:0;padding:0}.rukn-viewer::backdrop{background:0 0}.rukn-viewer[open]{grid-template:"bar""stage"minmax(0,1fr)"rail"/minmax(0,1fr);animation:.2s backwards rukn-viewer-in;display:grid}@media (width>=900px){.rukn-viewer[open]{grid-template:"bar bar""rail stage"minmax(0,1fr)/6.5rem minmax(0,1fr)}}.rukn-viewer[data-o-closing]{opacity:0;transition:opacity .18s}@keyframes rukn-viewer-in{0%{opacity:0}}.rukn-viewer__bar{border-block-end:1px solid color-mix(in srgb,var(--rukn-table-ink)18%,transparent);grid-area:bar;align-items:center;gap:.5rem;padding:.5rem clamp(.75rem,2vw,1.25rem);display:flex}.rukn-viewer__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;margin:0;font-weight:600;overflow:hidden}.rukn-viewer__count{letter-spacing:.02em;margin:0;padding-inline:.75rem;font-weight:600}.rukn-viewer__btn,.rukn-viewer__step{border:1px solid color-mix(in srgb,var(--rukn-table-ink)22%,transparent);border-radius:var(--rukn-radius);background:color-mix(in srgb,var(--rukn-surface)70%,transparent);block-size:2.75rem;inline-size:2.75rem;color:inherit;cursor:pointer;place-items:center;padding:0;display:inline-grid}.rukn-viewer__btn .rukn-icon,.rukn-viewer__step .rukn-icon{block-size:1.25rem;inline-size:1.25rem}.rukn-viewer__btn[aria-pressed=true],.rukn-viewer[data-o-zoomed] [data-o-lightbox-zoom]{background:var(--rukn-graphite);color:var(--rukn-text-on-graphite)}.rukn-viewer__stage{grid-area:stage;min-block-size:0;position:relative}.rukn-viewer__track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;block-size:100%;display:flex;overflow-x:auto}.rukn-viewer__track::-webkit-scrollbar{display:none}.rukn-viewer__slide{scroll-snap-align:center;flex:0 0 100%;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;block-size:100%;margin:0;padding:clamp(.75rem,3vw,2.5rem);display:grid}.rukn-viewer__slide img{object-fit:contain;block-size:auto;max-block-size:100%;inline-size:auto;max-inline-size:100%;box-shadow:0 1px 0 color-mix(in srgb,var(--rukn-table-ink)14%,transparent),0 18px 40px color-mix(in srgb,var(--rukn-table-ink)18%,transparent);background:var(--rukn-surface)}.rukn-viewer__step{position:absolute;inset-block-start:50%;translate:0 -50%}.rukn-viewer__step--prev{inset-inline-start:.75rem}.rukn-viewer__step--next{inset-inline-end:.75rem}.rukn-viewer__step:disabled{opacity:.35;cursor:default}.rukn-viewer__hint{text-align:center;opacity:.8;pointer-events:none;margin:0;font-size:.8125rem;position:absolute;inset-block-end:.75rem;inset-inline:0}.rukn-viewer__rail{border-block-start:1px solid color-mix(in srgb,var(--rukn-table-ink)18%,transparent);grid-area:rail;gap:.5rem;padding:.625rem clamp(.75rem,2vw,1.25rem);display:flex;overflow-x:auto}@media (width>=900px){.rukn-viewer__rail{border-block-start:0;border-inline-end:1px solid color-mix(in srgb,var(--rukn-table-ink)18%,transparent);flex-direction:column;padding:1rem;overflow:hidden auto}}.rukn-viewer__thumb{border:1px solid color-mix(in srgb,var(--rukn-table-ink)22%,transparent);border-radius:var(--rukn-radius);background:var(--rukn-surface);cursor:pointer;opacity:.7;flex:none;block-size:3.5rem;inline-size:3.5rem;padding:0;overflow:hidden}@media (width>=900px){.rukn-viewer__thumb{block-size:4.5rem;inline-size:4.5rem}}.rukn-viewer__thumb img{object-fit:contain;block-size:100%;inline-size:100%;display:block}.rukn-viewer__thumb[data-o-active]{border-color:var(--rukn-table-ink);box-shadow:inset 0 0 0 1px var(--rukn-table-ink);opacity:1}@media (prefers-reduced-motion:reduce){.rukn-viewer[open]{animation:none}.rukn-viewer[data-o-closing]{transition:none}}