@layer theme,base;@layer components{.zoomable{cursor:zoom-in;background:0 0;border:0;width:fit-content;max-width:100%;margin-inline:auto;padding:0;line-height:0;display:block;position:relative}.zoomable-badge{color:#fff;font-family:var(--font-mono);font-size:calc(12px * var(--text-scale,1));background:#0a0c16d1;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .7rem;line-height:1.2;transition:background-color .2s,color .2s;display:inline-flex;position:absolute;bottom:.6rem;right:.6rem;box-shadow:0 4px 14px -6px #0009}.zoomable:hover .zoomable-badge,.zoomable:focus-visible .zoomable-badge{background:var(--color-yellow);color:var(--color-ink-dark)}.zoomable:focus-visible{outline:3px solid var(--color-blue-ambient);outline-offset:3px}.zoom-dialog{color:#f3f5fa;background:#0d0f17;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0}.zoom-dialog::backdrop{background:#000000b3}.zoom-dialog[open]{animation:.2s both zoom-in-fade}@keyframes zoom-in-fade{0%{opacity:0}}.zoom-dialog-inner{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.zoom-bar{border-bottom:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem .75rem;display:flex}@media (min-width:768px){.zoom-bar{padding:.75rem 1.5rem}}.zoom-title{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;opacity:.85;flex:12rem;overflow:hidden}.zoom-controls{align-items:center;gap:.35rem;display:inline-flex}.zoom-level{min-width:4.5ch;font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;font-variant-numeric:tabular-nums}.zoom-button{min-width:2.75rem;min-height:2.75rem;color:inherit;font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid #ffffff59;border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;padding-inline:.6rem;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.zoom-button:hover:not([aria-disabled=true]){background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-ink-dark)}.zoom-button[aria-disabled=true]{opacity:.4;cursor:not-allowed}.zoom-button:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (max-width:479px){.zoom-fit span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.zoom-close{margin-left:auto}.zoom-viewport{overscroll-behavior:contain;touch-action:none;cursor:zoom-in;-webkit-user-select:none;user-select:none;position:relative;overflow:auto}.zoom-viewport[data-zoomed]{cursor:grab}.zoom-viewport[data-zoomed]:active{cursor:grabbing}.zoom-viewport:focus-visible{outline:3px solid var(--color-yellow);outline-offset:-3px}.zoom-canvas{justify-content:center;align-items:center;display:flex}.zoom-image{background:#fff;max-width:none;display:block}.zoom-hint{font-size:var(--text-xs);text-align:center;opacity:.8;border-top:1px solid #ffffff1f;padding:.55rem 1rem .75rem;line-height:1.5}.zoom-controls[data-tone=page] .zoom-button{color:#fff;border-color:#ffffff59}}@layer utilities;@media (prefers-reduced-motion:reduce){.zoom-dialog[open]{animation:none}}:root[data-a11y-motion=reduce] .zoom-dialog[open]{animation:none}:root[data-a11y-contrast=high] .zoom-dialog{background:#000}:root[data-a11y-contrast=high] .zoomable-badge{color:var(--color-yellow);outline:2px solid var(--color-yellow);background:#000}:root[data-a11y-contrast=high] .zoom-button{border-color:#fff}@media (forced-colors:active){.zoomable-badge{border:1px solid canvastext}}