.pnote.svelte-l8txw9{z-index:60;top:max(12px, env(safe-area-inset-top));width:max-content;max-width:min(calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)), 520px);background:var(--b-ink);color:var(--b-bg);box-shadow:var(--b-shadow), 0 12px 36px #0003;font:500 .92rem/1.35 var(--b-font-body);border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 16px;animation:.45s cubic-bezier(.2,.8,.2,1) svelte-l8txw9-pnote-in;display:flex;position:fixed;left:50%;translate:-50%}.pnote.svelte-l8txw9 p:where(.svelte-l8txw9){margin:0}.pnote__x.svelte-l8txw9{background:color-mix(in srgb, var(--b-bg) 14%, transparent);width:32px;height:32px;color:inherit;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.pnote__x.svelte-l8txw9:after{content:"";position:absolute;inset:-6px}.pnote__x.svelte-l8txw9 svg:where(.svelte-l8txw9){fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:11px;height:11px}.pnote__x.svelte-l8txw9:focus-visible{outline:2px solid var(--b-bg);outline-offset:2px}@keyframes svelte-l8txw9-pnote-in{0%{opacity:0;translate:-50% -12px}}@media (prefers-reduced-motion:reduce){.pnote.svelte-l8txw9{animation:none}}