.alert{--alert-accent: #2c67a8;--alert-fill: var(--color-white, var(--color-white));--alert-border: var(--color-border, rgba(15, 23, 42, 0.12));--alert-glyph: "i";display:flex;align-items:flex-start;gap:.7rem;margin-bottom:1rem;padding:.9rem 1rem;background:var(--alert-fill);border:1px solid var(--alert-border);border-radius:11px;box-shadow:0 1px 2px rgba(15, 23, 42, 0.05),0 6px 16px rgba(15, 23, 42, 0.06);color:var(--color-ink, var(--color-ink));font-size:var(--text-sm, 0.9rem);line-height:1.5}.alert>i:first-child,.alert>svg:first-child{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--alert-accent);color:var(--badge-text);font-size:.85rem;line-height:1;margin-top:calc((1.5em - 30px)/2)}.alert:not(:has(>i:first-child)):not(:has(>svg:first-child))::before{content:var(--alert-glyph);flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--alert-accent);color:var(--badge-text);font-family:var(--font-sans, system-ui, sans-serif);font-size:.95rem;font-weight:700;line-height:1;margin-top:calc((1.5em - 30px)/2)}.alert-success{--alert-accent: var(--status-success-solid);--alert-glyph: "\2713"}.alert-info{--alert-accent: #2c67a8;--alert-glyph: "i"}.alert-warning{--alert-accent: #a8761a;--alert-glyph: "!"}.alert-danger,.alert-error{--alert-accent: var(--status-danger-fill);--alert-glyph: "!";--alert-fill: var(--status-danger, rgba(203, 31, 31, 0.13));--alert-border: var(--status-danger-border, rgba(203, 31, 31, 0.26));color:var(--status-danger-text, #cb2b2b);box-shadow:none}.alert>div,.alert>span:not(:first-child),.alert-body{flex:1 1 auto;min-width:0}.alert>div>*+*,.alert>span:not(:first-child)>*+*,.alert-body>*+*{margin-top:.25rem}.alert p{margin:0}.alert strong,.alert .alert-title{font-weight:700}.alert a{color:inherit;font-weight:600;text-underline-offset:2px}.alert .alert-action{align-self:flex-start;margin-top:.15rem;padding:0;border:0;background:none;color:var(--alert-accent);font:inherit;font-size:.86rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.alert .alert-action:hover{filter:brightness(0.9)}.alert.auto-dismiss{position:relative;padding-right:40px;overflow:hidden;max-height:40rem;transition:opacity .35s ease,transform .35s ease,max-height .35s ease,margin-bottom .35s ease,padding .35s ease}.alert.auto-dismiss.is-dismissed{opacity:0;transform:translateY(-6px);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;pointer-events:none}.alert-close{position:absolute;top:6px;right:8px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;opacity:.6;transition:opacity .2s ease,background .2s ease}.alert-close:hover{opacity:1;background:rgba(0, 0, 0, 0.08)}.alert-timer{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--alert-accent);opacity:.4;transform-origin:left center;transform:scaleX(1)}.alert-timer.is-counting{transform:scaleX(0);transition:transform linear var(--alert-timer-duration, 8s)}@media(max-width: 480px){.alert{gap:.55rem;padding:.8rem .85rem}.alert>i:first-child,.alert>svg:first-child,.alert:not(:has(>i:first-child)):not(:has(>svg:first-child))::before{width:26px;height:26px;border-radius:8px;margin-top:calc((1.5em - 26px)/2)}}@media(prefers-reduced-motion: reduce){.alert.auto-dismiss,.alert-timer.is-counting{transition:none}.alert-timer{display:none}}