.note-viewer.svelte-etm66s{position:relative;width:100%;height:min(72vh,52rem);min-height:28rem;overflow:hidden;border:1px solid var(--rule, #cfc2ab);border-radius:.75rem;background:#fbf7ec;box-shadow:0 14px 45px #2b241c1a}.viewer-controls.svelte-etm66s{position:absolute;top:max(.65rem,env(safe-area-inset-top));left:50%;z-index:20;display:flex;max-width:calc(100% - 1rem);transform:translate(-50%);align-items:center;gap:.2rem;overflow-x:auto;border:1px solid rgb(108 95 76 / 40%);border-radius:999px;background:#fffaf0eb;padding:.3rem;box-shadow:0 5px 20px #2b241c24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.viewer-controls.svelte-etm66s button:where(.svelte-etm66s){min-width:2.75rem;min-height:2.75rem;border:0;border-radius:999px;background:transparent;padding:.4rem .65rem;color:#463d31;font-size:.75rem;font-weight:750;white-space:nowrap;cursor:pointer}.viewer-controls.svelte-etm66s button:where(.svelte-etm66s):hover{background:#e9dfcd}.viewer-controls.svelte-etm66s button:where(.svelte-etm66s):focus-visible{outline:3px solid #2f6b60;outline-offset:2px}.viewer-controls.svelte-etm66s span:where(.svelte-etm66s){min-width:3rem;text-align:center;color:#655947;font-size:.72rem;font-weight:700}.viewer-message.svelte-etm66s{position:absolute;inset:auto auto 1rem 50%;z-index:20;transform:translate(-50%);border-radius:999px;background:#2b241ce5;padding:.5rem .8rem;color:#fff;font-size:.75rem}.note-viewer.svelte-etm66s:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0}@media(max-width:38rem){.note-viewer.svelte-etm66s{height:66dvh;min-height:24rem;border-radius:.5rem}}