.ds-alert{--alert-fg:var(--state-info);--alert-bg:var(--state-info-subtle);--alert-desc:color-mix(in srgb, var(--alert-fg) 82%, var(--text-primary));--alert-border:var(--alert-info-border);--alert-hover-bg:var(--alert-info-hover);--alert-focus:var(--alert-info-focus);justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--alert-border);background:var(--alert-bg);color:var(--alert-fg);font-family:var(--font-sans);box-sizing:border-box;text-align:left;flex-wrap:wrap;width:100%;padding:16px 20px;text-decoration:none;transition:background .12s,border-color .12s,box-shadow .12s;display:flex}.ds-alert[data-tone=success]{--alert-fg:var(--state-success);--alert-bg:var(--state-success-subtle);--alert-border:var(--alert-success-border);--alert-hover-bg:var(--alert-success-hover);--alert-focus:var(--alert-success-focus)}.ds-alert[data-tone=warning]{--alert-fg:var(--state-warning);--alert-bg:var(--state-warning-subtle);--alert-border:var(--alert-warning-border);--alert-hover-bg:var(--alert-warning-hover);--alert-focus:var(--alert-warning-focus)}.ds-alert[data-tone=danger],.ds-alert[data-tone=error]{--alert-fg:var(--state-danger);--alert-bg:var(--state-danger-subtle);--alert-border:var(--alert-danger-border);--alert-hover-bg:var(--alert-danger-hover);--alert-focus:var(--alert-danger-focus)}.ds-alert[data-tone=neutral]{--alert-fg:var(--state-neutral);--alert-bg:var(--state-neutral-subtle);--alert-border:var(--alert-neutral-border);--alert-hover-bg:var(--alert-neutral-hover);--alert-focus:var(--alert-neutral-focus)}.ds-alert[data-interactive=true]{cursor:pointer;min-height:44px}.ds-alert[data-interactive=true]:hover{background:var(--alert-hover-bg)}.ds-alert[data-interactive=true]:hover .ds-alert-cta{text-underline-offset:3px;text-decoration:underline}.ds-alert[data-interactive=true]:active{background:var(--alert-hover-bg)}.ds-alert[data-interactive=true]:focus{outline:none}.ds-alert[data-interactive=true]:focus-visible{outline:2px solid var(--alert-focus);outline-offset:2px}button.ds-alert{appearance:none;font:inherit;margin:0}.ds-alert-body{flex:220px;align-items:center;gap:14px;min-width:0;display:flex}.ds-alert-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.ds-alert-title{color:var(--alert-fg);font-size:14px;font-weight:700;line-height:1.3}.ds-alert-description{color:var(--alert-desc);font-size:13px;font-weight:400;line-height:1.4}.ds-alert-cta{min-height:44px;color:var(--alert-fg);white-space:nowrap;pointer-events:none;flex-shrink:0;align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:480px){.ds-alert{align-items:flex-start}.ds-alert-cta{justify-content:flex-start;width:100%}}