.gallery{--c-gap:.3125rem;--c-bar-size:.25rem;--c-bar-fill:color-mix(in srgb, var(--ink-main) 10%, transparent);--c-thumb-fill:color-mix(in srgb, var(--ink-main) 50%, transparent);-webkit-user-select:none;user-select:none;width:100%;max-width:100%;height:100%;position:relative;overflow:hidden}.gallery[data-static=true]{pointer-events:none}.gallery[data-tone=plain]{--c-bar-fill:transparent;--c-thumb-fill:var(--border-base)}.gallery-viewport{width:100%;height:100%;overflow:hidden}.gallery-track{height:100%;margin-left:calc(var(--c-gap) * -1);touch-action:pan-y pinch-zoom;backface-visibility:hidden;display:flex}.gallery-slide{min-width:0;height:100%;padding-left:var(--c-gap);flex:0 0 100%;position:relative}.gallery-slide[data-linked=true]{cursor:pointer}@media (hover:hover) and (pointer:fine){.gallery:not([data-static=true]) .gallery-viewport{cursor:grab}.gallery[data-dragging=true] .gallery-viewport{cursor:grabbing}}.gallery-frame{--c-media-opacity:0;width:100%;height:100%;position:relative;overflow:hidden}.gallery-frame[data-loaded=true]{--c-media-opacity:1}.gallery-frame[data-orientation=landscape]{display:none;position:absolute;inset:0}.gallery-shimmer{pointer-events:none;opacity:1;transition:opacity var(--duration-slow) var(--ease-standard);position:absolute;inset:0}.gallery-frame[data-loaded=true] .gallery-shimmer{opacity:0;animation:none}.gallery-media{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;width:100%;max-width:none;height:100%;opacity:var(--c-media-opacity);transition:opacity var(--duration-slow) var(--ease-standard);position:relative}.gallery-media[data-fit=contain]{-o-object-fit:contain;object-fit:contain}.gallery-bar{z-index:calc(var(--z-pinned) - 90);height:var(--c-bar-size);cursor:pointer;background:var(--c-bar-fill);border-radius:var(--radius-full);position:absolute;bottom:0;left:0;right:0;overflow:visible}.gallery-bar:before{content:"";height:1.25rem;position:absolute;bottom:0;left:0;right:0}.gallery-thumb{top:0;bottom:0;left:0%;left:calc((var(--c-thumb-shift,0) + var(--c-thumb-copy,0)) * 100%);width:100%;width:var(--c-thumb-span,100%);background:var(--c-thumb-fill);border-radius:var(--radius-full);pointer-events:none;position:absolute}.gallery-thumb[data-copy="-1"]{--c-thumb-copy:-1}.gallery-thumb[data-copy="1"]{--c-thumb-copy:1}@media (orientation:landscape){.gallery-frame[data-orientation=landscape]{display:block}.gallery-frame[data-companion=true]{display:none}}