:root{--notification-curve: cubic-bezier(.22, .61, .36, 1);--notification-offset-inline: clamp(.9rem, 1.35vw, 1.55rem);--notification-offset-block: clamp(.9rem, 1.35vw, 1.55rem)}.notification-wrapper{position:fixed;right:var(--notification-offset-inline);bottom:var(--notification-offset-block);z-index:20050;width:clamp(19rem,27vw,26rem);max-width:calc(100vw - 2 * var(--notification-offset-inline));pointer-events:none}.notification-content{display:flex;flex-direction:column;gap:clamp(.4rem,.48vw,.56rem)}.notification-slot{min-width:0;transform:translateY(0);will-change:transform}.note{--note-accent: #7162ee;--note-accent-soft: #f1efff;--note-border: #dfdcf7;display:grid;width:100%;min-width:0;box-sizing:border-box;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:clamp(.55rem,.62vw,.7rem);padding:clamp(.68rem,.76vw,.86rem);border:1px solid var(--note-border);border-radius:clamp(.65rem,.72vw,.82rem);background:#fffffff7;box-shadow:0 .55rem 1.6rem #1f1c481f;color:#25283a;opacity:0;pointer-events:auto;transform:translateY(.6rem) scale(.985);transform-origin:center bottom;transition:opacity .18s var(--notification-curve),transform .22s var(--notification-curve),box-shadow .16s ease,border-color .16s ease;will-change:opacity,transform}.note[data-state=visible]{opacity:1;transform:translateY(0) scale(1)}.note[data-state=exiting]{opacity:0;pointer-events:none;transform:translateY(.3rem) scale(.985);transition-duration:.22s}.note--success{--note-accent: #278a59;--note-accent-soft: #eaf8f0;--note-border: #c8e8d5}.note--danger{--note-accent: #c74655;--note-accent-soft: #fff0f2;--note-border: #f0cbd1}.note--warning{--note-accent: #a56a12;--note-accent-soft: #fff7df;--note-border: #ead9a7}.note--info{--note-accent: #5f50dc;--note-accent-soft: #f0eeff;--note-border: #d9d4ff}.note--neutral{--note-accent: #667085;--note-accent-soft: #f1f3f6;--note-border: #dfe2e8}.note:hover,.note:focus-within{border-color:color-mix(in srgb,var(--note-accent) 38%,var(--note-border));box-shadow:0 .72rem 1.8rem #1f1c4826}.note__icon{display:inline-grid;width:clamp(1.35rem,1.45vw,1.6rem);height:clamp(1.35rem,1.45vw,1.6rem);border-radius:50%;background:var(--note-accent-soft);color:var(--note-accent);font-size:clamp(.66rem,.7vw,.76rem);font-weight:900;line-height:1;place-items:center}.note__body{min-width:0;padding-top:clamp(.08rem,.1vw,.12rem)}.note__text{display:block;overflow-wrap:anywhere;color:inherit;font-size:clamp(.72rem,.75vw,.82rem);font-weight:650;line-height:1.42}.note__close{display:inline-grid;width:clamp(1.35rem,1.45vw,1.6rem);height:clamp(1.35rem,1.45vw,1.6rem);padding:0;border:0;border-radius:50%;background:transparent;color:#9297a8;font:inherit;font-size:clamp(.9rem,.95vw,1.05rem);line-height:1;cursor:pointer;place-items:center;transition:background-color .14s ease,color .14s ease}.note__close:hover,.note__close:focus-visible{background:var(--note-accent-soft);color:var(--note-accent);outline:none}@media(max-width:46rem){:root{--notification-offset-inline: clamp(.65rem, 3vw, .9rem);--notification-offset-block: clamp(.65rem, 3vw, .9rem)}.notification-wrapper{left:var(--notification-offset-inline);width:auto}}@media(prefers-reduced-motion:reduce){.note,.notification-slot{transform:none;transition-duration:1ms}}