.viewer.svelte-1cabxtb{z-index:1100;color:var(--color-on-media);font-family:var(--font-sans);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;outline:none;position:fixed;inset:0;overflow:clip}.backdrop.svelte-1cabxtb{background:color-mix(in srgb, var(--color-viewer) 95%, transparent);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:0;will-change:opacity;position:absolute;inset:0}@supports not (color:color-mix(in srgb, red, red)){.backdrop.svelte-1cabxtb{background:rgb(var(--color-viewer-rgb) / 95%)}}.track.svelte-1cabxtb{will-change:transform;position:absolute;inset:0}.slide.svelte-1cabxtb{contain:layout paint;position:absolute;inset:0;overflow:clip}.image.svelte-1cabxtb{border-radius:var(--radius-card);transform-origin:50%;will-change:transform;-webkit-user-drag:none;cursor:zoom-in;max-width:none;position:absolute}.track.svelte-1cabxtb.zoomed .image:where(.svelte-1cabxtb){cursor:grab}.status.svelte-1cabxtb{font-size:var(--text-sm);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.error.svelte-1cabxtb{color:var(--color-on-media-soft)}.chrome.svelte-1cabxtb{right:var(--safe-right);left:var(--safe-left);z-index:2;transition:opacity var(--duration) var(--ease);position:absolute}.chrome-off.svelte-1cabxtb .chrome:where(.svelte-1cabxtb){opacity:0;pointer-events:none}.head.svelte-1cabxtb{justify-content:space-between;align-items:center;gap:var(--space-3);padding:max(var(--space-2-5), var(--safe-top)) var(--space-3) var(--space-2-5);background:linear-gradient(color-mix(in srgb, var(--color-viewer) 65%, transparent), transparent);display:flex;top:0}@supports not (color:color-mix(in srgb, red, red)){.head.svelte-1cabxtb{background:linear-gradient(rgb(var(--color-viewer-rgb) / 65%), transparent)}}.who.svelte-1cabxtb{align-items:center;gap:var(--space-2);min-width:0;display:flex}.avatar.svelte-1cabxtb{object-fit:cover;border-radius:7px;flex-shrink:0;width:34px;height:34px}@supports not (width:round(1px, 1px)){.avatar.svelte-1cabxtb{border-radius:6.8px}}.names.svelte-1cabxtb{flex-direction:column;min-width:0;display:flex}.name.svelte-1cabxtb{font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.2;overflow:hidden}.time.svelte-1cabxtb{color:var(--color-on-media-soft);font-size:var(--text-sm);line-height:1.2}.actions.svelte-1cabxtb{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.button.svelte-1cabxtb{border-radius:var(--radius-circle);width:40px;height:40px;color:var(--color-on-media);cursor:pointer;transition:background var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.button.svelte-1cabxtb:is(:where(.svelte-1cabxtb):hover,:where(.svelte-1cabxtb):focus-visible){background:var(--color-media-glass)}.button.svelte-1cabxtb:active{transform:scale(.9)}.nav.svelte-1cabxtb{z-index:1;width:max(64px,6%);color:var(--color-on-media);cursor:pointer;background:0 0;border:0;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:80px;bottom:110px}.prev.svelte-1cabxtb{left:var(--safe-left)}.next.svelte-1cabxtb{right:var(--safe-right)}.nav-button.svelte-1cabxtb{border-radius:var(--radius-circle);background:color-mix(in srgb, var(--color-viewer-button) 75%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;width:44px;height:44px;transition:opacity var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:flex;transform:scale(.9)}@supports not (color:color-mix(in srgb, red, red)){.nav-button.svelte-1cabxtb{background:rgb(var(--color-viewer-button-rgb) / 75%)}}.nav.svelte-1cabxtb:is(:where(.svelte-1cabxtb):hover,:where(.svelte-1cabxtb):focus-visible) .nav-button:where(.svelte-1cabxtb){opacity:1;transform:scale(1)}.nav.svelte-1cabxtb:focus-visible .nav-button:where(.svelte-1cabxtb){outline:2px solid var(--color-accent);outline-offset:2px}.nav.svelte-1cabxtb:active .nav-button:where(.svelte-1cabxtb){transform:scale(.92)}.dock.svelte-1cabxtb{right:auto;bottom:max(var(--space-4), var(--safe-bottom));max-width:calc(100% - 2 * var(--space-4));padding:var(--space-1-5);border:var(--hairline) solid color-mix(in srgb, var(--color-viewer-edge) 70%, transparent);border-radius:var(--radius-window);background:color-mix(in srgb, var(--color-viewer-raised) 85%, transparent);box-shadow:var(--shadow-dialog);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);corner-shape:superellipse(1.5);left:50%;transform:translate(-50%)}@supports not (color:color-mix(in srgb, red, red)){.dock.svelte-1cabxtb{border:var(--hairline) solid rgb(var(--color-viewer-edge-rgb) / 70%);background:rgb(var(--color-viewer-raised-rgb) / 85%)}}.thumbs.svelte-1cabxtb{gap:var(--space-1);touch-action:pan-x;overscroll-behavior:contain;scrollbar-width:none;display:flex;overflow-x:auto}@supports not (scrollbar-width:none){.thumbs.svelte-1cabxtb::-webkit-scrollbar{display:none}}.masked.svelte-1cabxtb{--fade-l:0px;--fade-r:0px;max-width:calc(6 * 46px + 5 * var(--space-1));-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%)}.masked.fade-left.svelte-1cabxtb{--fade-l:40px}.masked.fade-right.svelte-1cabxtb{--fade-r:40px}.thumb.svelte-1cabxtb{border-radius:calc(var(--radius-window) - var(--space-1-5));background:var(--color-viewer-button);width:46px;height:46px;color:var(--color-on-media-faint);opacity:.55;cursor:pointer;transition:opacity var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);corner-shape:superellipse(1.5);border:2px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.thumb.svelte-1cabxtb img:where(.svelte-1cabxtb){object-fit:cover;width:100%;height:100%;display:block}.thumb.svelte-1cabxtb:hover{opacity:.9}.thumb.active.svelte-1cabxtb{border-color:var(--color-on-media);opacity:1}