.viewer.svelte-17zdczl{position:relative}.toolbar.svelte-17zdczl{top:var(--space-3);right:var(--space-3);z-index:5;gap:var(--space-1);border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb, var(--md-sys-color-surface) 85%, transparent);box-shadow:var(--md-sys-elevation-1);padding:4px;display:flex;position:absolute}.toolbar.svelte-17zdczl button:where(.svelte-17zdczl){border-radius:var(--md-sys-shape-corner-full);width:40px;height:40px;color:var(--md-sys-color-on-surface);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.toolbar.svelte-17zdczl button.reset:where(.svelte-17zdczl){font-size:.85rem;font-weight:600}.toolbar.svelte-17zdczl button:where(.svelte-17zdczl):hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) var(--md-sys-state-hover-opacity), transparent)}.frame.svelte-17zdczl{touch-action:pan-x pan-y pinch-zoom;background:var(--md-sys-color-surface-container-lowest,var(--md-sys-color-surface));max-height:calc(100dvh - 220px);overflow:auto}img.svelte-17zdczl{-webkit-user-select:none;user-select:none;max-width:none;height:auto;display:block}.fallback.svelte-17zdczl{padding:var(--space-4);justify-content:center;display:flex}.open-image.svelte-17zdczl{height:40px;padding-inline:var(--space-6);border-radius:var(--md-sys-shape-corner-full);border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);align-items:center;text-decoration:none;display:inline-flex}.open-image.svelte-17zdczl:hover{filter:brightness(.96)}