.nt-notification-region{position:fixed;z-index:700;inset:0;display:none;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:rgba(14,27,42,.28);pointer-events:none}.nt-notification-region.is-visible{display:grid;pointer-events:auto}.nt-notification{--nt-tone:#3f7655;--nt-soft:#edf7ef;position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;width:min(560px,100%);max-height:calc(100dvh - 40px);padding:28px 30px 24px;border:1px solid #cbd9d0;border-top:5px solid var(--nt-tone);border-radius:20px;background:#fffcf6;color:#17324f;box-shadow:0 24px 70px rgba(8,18,30,.28);overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .18s ease,transform .18s ease}.nt-notification.is-ready{opacity:1;transform:none}.nt-notification--error{--nt-tone:#a63f39;--nt-soft:#faecea;border-color:#e3c4c0;border-top-color:var(--nt-tone)}.nt-notification--warning{--nt-tone:#92671e;--nt-soft:#fbf2dc;border-color:#e5d2a5;border-top-color:var(--nt-tone)}.nt-notification--info{--nt-tone:#2d659b;--nt-soft:#eaf3fb;border-color:#c6d9ea;border-top-color:var(--nt-tone)}.nt-notification__icon{display:grid;width:54px;height:54px;place-items:center;border:2px solid color-mix(in srgb,var(--nt-tone) 42%,white);border-radius:50%;background:var(--nt-soft);color:var(--nt-tone);font-size:1.3rem;font-weight:900}.nt-notification__content{min-width:0;padding-top:2px}.nt-notification__title{margin:0 0 7px;color:#17324f;font-size:clamp(1.25rem,1.1rem + .45vw,1.55rem);font-weight:750;line-height:1.25}.nt-notification__message{margin:0;color:#506176;font-size:1rem;line-height:1.55}.nt-notification--prominent .nt-notification__icon{grid-column:1/-1;justify-self:center}.nt-notification--prominent .nt-notification__content{grid-column:1/-1;padding-top:0;text-align:center}.nt-notification--prominent .nt-notification__title{text-align:center}.nt-notification--prominent .nt-notification__message{color:#17324f;font-size:24px;font-weight:750;line-height:1.35;text-align:center}.nt-notification__actions{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:8px}.nt-notification__action{min-width:128px;min-height:46px;padding:10px 24px;border:1px solid var(--nt-tone);border-radius:11px;background:var(--nt-tone);color:#fff;font:inherit;font-weight:700;line-height:1.2;cursor:pointer}.nt-notification__action:hover{filter:brightness(.92)}.nt-notification__action:active{filter:brightness(.84)}.nt-notification__action:focus-visible{outline:3px solid #1769d2;outline-offset:3px}.nt-notification__timer{position:relative;grid-column:1/-1;display:flex;min-height:24px;align-items:flex-end;margin:0 -30px -24px;padding:0 30px 10px;color:#596a7d;font-size:.82rem;font-weight:600}.nt-notification__timer[hidden]{display:none}.nt-notification__progress{position:absolute;right:0;bottom:0;left:0;height:5px;background:linear-gradient(90deg,var(--nt-tone) calc(var(--nt-progress)*100%),color-mix(in srgb,var(--nt-tone) 16%,white) 0)}.nt-notification.is-leaving{opacity:0;transform:translateY(6px) scale(.99)}@media(max-width:600px){.nt-notification-region{padding:12px}.nt-notification{grid-template-columns:48px minmax(0,1fr);gap:13px;width:min(100%,520px);max-height:calc(100dvh - 24px);padding:22px 20px 20px;border-radius:17px}.nt-notification__icon{width:46px;height:46px}.nt-notification--prominent .nt-notification__message{font-size:21px}.nt-notification__actions{justify-content:stretch}.nt-notification__action{width:100%}.nt-notification__timer{margin:0 -20px -20px;padding-right:20px;padding-left:20px}}@media(max-height:520px){.nt-notification-region{padding:8px}.nt-notification{max-height:calc(100dvh - 16px);padding-top:18px;padding-bottom:18px}.nt-notification__icon{width:44px;height:44px}.nt-notification__timer{margin-bottom:-18px}}@media(prefers-reduced-motion:reduce){.nt-notification{opacity:1;transform:none;transition:none}.nt-notification.is-leaving{opacity:1;transform:none}.nt-notification__progress{display:none}.nt-notification__countdown{font-variant-numeric:tabular-nums}}
