.alert-stack{pointer-events:none;z-index:1200;position:fixed;inset:0}.alert-stack__list{pointer-events:none;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:min(420px,100vw - 3rem);display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.alert-stack__clear{color:#383838;font-family:var(--font-hanken),sans-serif;letter-spacing:.01em;pointer-events:all;background:#fff;border:1px solid #c7c7c7;border-radius:8px;padding:.5rem .75rem;font-size:.88rem;font-weight:600;transition:color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0a0a0a0f}.alert-stack__clear:hover,.alert-stack__clear:focus-visible{color:#0a0a0a;border-color:#f15a4a;box-shadow:0 4px 12px #0a0a0a14}.alert-card{--alert-color:#2a6fdb;--alert-soft:#2a6fdb1f;border:1px solid #e5e5e5;border-left:3px solid var(--alert-color);color:#0a0a0a;opacity:0;pointer-events:all;background:#fff;border-radius:8px;width:100%;max-height:320px;padding:.75rem;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),max-height .25s cubic-bezier(.16,1,.3,1),padding .25s cubic-bezier(.16,1,.3,1),margin .25s cubic-bezier(.16,1,.3,1),border-width .25s cubic-bezier(.16,1,.3,1);animation:.25s cubic-bezier(.16,1,.3,1) forwards alert-enter;position:relative;overflow:hidden;transform:translateY(16px)translate(8px);box-shadow:0 12px 32px #0a0a0a24}.alert-card__body{grid-template-columns:auto 1fr auto;align-items:flex-start;gap:.75rem;display:grid}.alert-card__icon{width:2.25rem;height:2.25rem;color:var(--alert-color);background-color:var(--alert-soft);border-radius:999px;place-items:center;display:grid}.alert-card__icon svg{width:1.1rem;height:1.1rem}.alert-card__text{flex-direction:column;gap:.25rem;display:flex}.alert-card__title{font-family:var(--font-hanken),sans-serif;color:#0a0a0a;text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:.75rem;font-weight:700}.alert-card__message{color:#383838;margin:0;font-size:.88rem;line-height:1.45}.alert-card__close{color:#666;background-color:#0000;border:1px solid #0000;border-radius:999px;place-items:center;width:2rem;height:2rem;transition:color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1),background-color .15s cubic-bezier(.16,1,.3,1);display:grid}.alert-card__close svg{width:.9rem;height:.9rem}.alert-card__close:hover,.alert-card__close:focus-visible{color:#0a0a0a;background-color:#eee;border-color:#e5e5e5}.alert-card__timer{background:linear-gradient(90deg, transparent, var(--alert-soft));transform-origin:0;height:3px;animation:alert-timer var(--alert-duration,5s) linear forwards;position:absolute;inset:auto 0 0}.alert-card[data-paused=true] .alert-card__timer{animation-play-state:paused}.alert-card--idle{opacity:1;transform:translateY(0)translate(0)}.alert-card--closing{opacity:0;border-width:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;transform:translateY(12px)scale(.98)}.alert-stack__list.is-bumping .alert-card:not(.alert-card--closing):not(:last-child){animation:.25s cubic-bezier(.16,1,.3,1) stack-nudge}.alert-card--success{--alert-color:#269b39;--alert-soft:#269b3924}.alert-card--warning{--alert-color:#e5c209;--alert-soft:#e5c20929}.alert-card--error{--alert-color:#c5231e;--alert-soft:#c5231e1f}.alert-card--info{--alert-color:#2a6fdb;--alert-soft:#2a6fdb1f}@keyframes alert-enter{0%{opacity:0;transform:translateY(18px)translate(12px)scale(.98)}to{opacity:1;transform:translateY(0)translate(0)scale(1)}}@keyframes alert-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes stack-nudge{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}
