.alert{--alert-tone:var(--accent);display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px;border:1px solid color-mix(in srgb,var(--alert-tone) 35%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--alert-tone) 7%,var(--surface));color:var(--ink);overflow-wrap:anywhere}.alert[hidden]{display:none}.alert[data-tone=info]{--alert-tone:light-dark(#245dc1,#93bcff)}.alert[data-tone=success]{--alert-tone:light-dark(#187345,#79d9a4)}.alert[data-tone=warning]{--alert-tone:light-dark(#8c5700,#f6c66b)}.alert[data-tone=error]{--alert-tone:var(--error)}.alert-icon{flex:none;width:24px;height:24px;color:var(--alert-tone)}.alert-content{flex:1;min-width:0;display:grid;gap:8px}.alert-title{display:block;font-size:1rem;font-weight:600;line-height:1.5}.alert-content>p{margin:0;line-height:1.5}.alert-actions{align-self:start;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:4px 0 0}.alert-dismiss{flex:none;margin:0;color:var(--muted)}.alert-banner{border-radius:0;border-inline:0;padding:16px;align-items:flex-start}.alert-inline .alert-content,.alert-banner .alert-content{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 24px}.alert-inline .alert-message,.alert-banner .alert-message{flex:1;min-width:min(100%,240px);margin:0;line-height:1.5}.alert-inline .alert-actions,.alert-banner .alert-actions{margin:0;margin-inline-start:auto}.alert-banner .alert-icon,.alert-banner .alert-dismiss{align-self:flex-start}@media(max-width:760px){.alert-banner .alert-icon,.alert-banner .alert-dismiss{align-self:flex-start}.alert-inline .alert-content,.alert-banner .alert-content{gap:12px}.alert-banner .alert-actions{width:100%}}@media(forced-colors:active){.alert{border-color:CanvasText}.alert-icon{color:CanvasText}}.alert-inline{align-items:flex-start}.alert-inline .alert-icon,.alert-inline .alert-dismiss{align-self:flex-start}@media(max-width:760px){.alert-inline{align-items:flex-start}.alert-inline .alert-icon,.alert-inline .alert-dismiss{align-self:flex-start}.alert-inline .alert-actions{width:100%}}.alert:not(.alert-inline):not(.alert-banner) .alert-content:has(.alert-actions){grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:flex-start}.alert:not(.alert-inline):not(.alert-banner) .alert-content:has(.alert-actions)>.alert-title,.alert:not(.alert-inline):not(.alert-banner) .alert-content:has(.alert-actions)>p{grid-column:1}.alert:not(.alert-inline):not(.alert-banner) .alert-content:has(.alert-actions)>.alert-actions{grid-column:2;grid-row:1 / span 2;margin:0}@media(max-width:760px){.alert:not(.alert-inline):not(.alert-banner) .alert-content:has(.alert-actions){grid-template-columns:minmax(0,1fr)}.alert:not(.alert-inline):not(.alert-banner) .alert-content:has(.alert-actions)>.alert-actions{grid-column:1;grid-row:auto;margin-block-start:4px}}@media(max-width:760px){.alert-actions{justify-content:flex-start}.alert-inline .alert-actions,.alert-banner .alert-actions{margin-inline-start:0}}