.nn-rim{--mx:50%;--my:50%;--rim:#f2f0eb33;--rim-focus:#f2f0eb61;position:relative}.nn-rim:before{content:"";border-radius:inherit;background:radial-gradient(160px circle at var(--mx) var(--my), var(--rim), transparent 70%);opacity:0;transition:opacity var(--dur-micro) var(--ease-out);pointer-events:none;z-index:1;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover){.nn-rim:hover:before{opacity:1}}.nn-rim:focus-within:before{opacity:1;background:radial-gradient(180px circle at var(--mx) var(--my), var(--rim-focus), transparent 70%)}.nn-rim[data-invalid]:before{--rim:#d9524673;--rim-focus:#d9524699}.nn-sheen{isolation:isolate;position:relative;overflow:hidden}.nn-sheen:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 38%,#f2f0eb47 50%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.nn-sheen:hover:after{animation:nn-sheen var(--dur-max) var(--ease-out) forwards}}@keyframes nn-sheen{0%{transform:translate(-130%)}to{transform:translate(130%)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.nn-lift{transition:transform var(--dur-standard) var(--ease-out)}.nn-lift:hover{transform:translateY(-2px)}}.nn-ring{padding:1.5px;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.nn-focus:focus-visible{box-shadow:inset 0 1px 0 #ffffff12, 0 0 0 2px var(--color-ink), 0 0 0 4px #f2f0eb99}.nn-glass:is(button,a,[role=button]):not(.nn-focus):focus-visible{outline-offset:2px;outline:2px solid #f2f0eb99}.nn-brand-raised.nn-focus:focus-visible{box-shadow:inset 0 1px 0 #ffffff61, 0 0 0 2px var(--color-ink), 0 0 0 4px color-mix(in srgb, var(--color-brand) 70%, transparent)}.nn-paper-raised{background:var(--color-paper);color:var(--color-ink);transition:transform var(--dur-micro) var(--ease-out);border:1px solid #ffffff8c;box-shadow:inset 0 1px #fffc,inset 0 -2px #0a0a0b24,0 1px 2px #00000073}@media (hover:hover){.nn-paper-raised:hover{background:color-mix(in srgb, var(--color-paper) 82%, white)}}.nn-paper-raised:active{background:color-mix(in srgb, var(--color-paper) 94%, black);transform:translateY(.5px);box-shadow:inset 0 2px 3px #0a0a0b4d,inset 0 0 0 1px #0a0a0b1f}.nn-paper-raised.nn-focus:focus-visible{box-shadow:inset 0 1px 0 #fffc, 0 0 0 2px var(--color-ink), 0 0 0 4px #f2f0eb99}.nn-outline{background:0 0;border:1px solid #f2f0eb1a;box-shadow:inset 0 1px #ffffff0d}@media (hover:hover){.nn-outline:hover{background:var(--color-ink-3);border-color:#f2f0eb24}}.nn-outline:active{background:var(--color-ink-3);box-shadow:inset 0 2px 4px #0006}.nn-ghost{background:0 0;border:1px solid #0000}@media (hover:hover){.nn-ghost:hover{background:var(--color-ink-3)}}.nn-ghost:active,.nn-ghost[aria-expanded=true]{background:var(--color-ink-3);box-shadow:inset 0 2px 4px #0006}.nn-danger{color:var(--color-error);background:#d9524626;border-color:#d952464d}@media (hover:hover){.nn-danger:hover{background:#d9524638;border-color:#d9524666}}.nn-danger:active{background:#d9524638}.nn-danger.nn-focus:focus-visible{box-shadow:0 0 0 2px var(--color-ink), 0 0 0 4px #d95246d9}.nn-hold[data-holding]{transform:translateY(.5px);box-shadow:inset 0 2px 4px #00000073,inset 0 0 0 1px #0003}.nn-hold[data-complete]{background:var(--color-paper);border-color:var(--color-paper);color:var(--color-ink);box-shadow:inset 0 1px #ffffff80,0 1px 2px #00000073}.nn-hold.nn-danger[data-complete]{background:var(--color-error);color:var(--color-paper);border-color:#d95246e6;box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000073}.nn-keycap{border-bottom-color:#0000008c;box-shadow:inset 0 1px #ffffff14,0 1px #00000080}.nn-field::placeholder{color:#f2f0eb8c;transition:color var(--dur-micro) var(--ease-out)}.nn-field:focus::placeholder{color:#f2f0eb7a}.nn-textarea{resize:vertical}.nn-textarea::-webkit-resizer{background:0 0}.nn-resize-glyph{pointer-events:none;clip-path:polygon(100% 0,100% 100%,0 100%);background-image:radial-gradient(circle,#8a8a8ee6 .8px,#0000 .9px);background-position:100% 100%;background-size:4px 4px;width:10px;height:10px;position:absolute;bottom:5px;right:5px}