.nn-ns{width:100%;max-width:380px;font-size:var(--text-small);color:var(--color-paper);text-align:start;line-height:20px;position:relative;container-type:inline-size}.nn-ns__card{inset-inline:0;border-radius:var(--radius-2xl);transform-origin:50% 100%;transition:transform var(--dur-morph) var(--ease-out), opacity var(--dur-panel) var(--ease-out);animation:nn-ns-in var(--dur-standard) var(--ease-out) both;position:absolute;top:0;overflow:hidden}@keyframes nn-ns-in{0%{opacity:0;translate:0 8px}}.nn-ns__card>*{transition:opacity var(--dur-morph-close) var(--ease-out)}.nn-ns__card:not([data-depth="0"])>*{opacity:0}.nn-ns__card[data-leaving]{opacity:0;transition:transform var(--dur-panel) var(--ease-out), opacity var(--dur-standard) var(--ease-out);transform:translate(40px)scale(.98)!important}[dir=rtl] .nn-ns__card[data-leaving]{transform:translate(-40px)scale(.98)!important}.nn-ns__pattern{top:0;stroke:#f2f0eb12;stroke-width:.75px;pointer-events:none;width:220px;height:160px;position:absolute;inset-inline-end:0;-webkit-mask-image:radial-gradient(120% 110% at 100% 0,#000 20%,#0000 70%);mask-image:radial-gradient(120% 110% at 100% 0,#000 20%,#0000 70%)}[dir=rtl] .nn-ns__pattern{transform:scaleX(-1)}.nn-ns__dot{fill:#f2f0eb73;stroke:none}.nn-ns__fill{fill:#f2f0eb0a}.nn-ns__body{padding:12px 12px 16px 16px;position:relative}.nn-ns__top{justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-bottom:8px;display:flex}.nn-ns__badge{border-radius:var(--radius-nested);min-width:0;font-size:var(--text-detail);color:#f2f0ebbf;white-space:nowrap;text-overflow:ellipsis;padding:2px 8px;font-weight:500;line-height:16px;overflow:hidden}.nn-ns__badge[data-urgent]{color:var(--color-paper)}.nn-ns__close{border-radius:var(--radius-sm);color:#f2f0eb8c;width:28px;height:28px;transition:color var(--dur-micro) var(--ease-out);flex:none;place-items:center;display:grid;position:relative}@media (hover:hover){.nn-ns__close:hover{background:var(--color-ink-3);color:var(--color-paper)}}.nn-ns__title{font-size:var(--text-body);color:var(--color-paper);overflow-wrap:anywhere;text-wrap:balance;align-items:center;gap:8px;margin:0;padding-inline-end:4px;font-weight:540;line-height:24px;display:flex}.nn-ns__lead{flex:none;display:inline-flex}.nn-ns__text{max-width:38ch;color:var(--color-muted);overflow-wrap:anywhere;white-space:pre-line;text-wrap:pretty;margin:2px 0 0;padding-inline-end:4px}.nn-ns__btn{border-radius:var(--radius-md);max-width:100%;min-height:32px;font-size:var(--text-small);color:var(--color-paper);overflow-wrap:anywhere;transition:transform var(--dur-micro) var(--ease-out);align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}.nn-ns__btn:active{transform:scale(.97)}@container (max-width:340px){.nn-ns__body{padding:10px 10px 14px 14px}.nn-ns__text{max-width:none}}@media (pointer:coarse){.nn-ns__close{width:44px;height:44px;margin:-8px -8px -8px 0}.nn-ns__btn{min-height:44px;padding:10px 16px}}@media (prefers-reduced-motion:reduce){.nn-ns__card,.nn-ns__card[data-leaving]{transition:opacity var(--dur-instant) linear;animation-duration:var(--dur-instant)}.nn-ns__card[data-leaving],[dir=rtl] .nn-ns__card[data-leaving]{transform:none!important}@keyframes nn-ns-in{0%{opacity:0}}}
