.ds-alert{--alert-bg:var(--ds-color-bg-status-neutral);--alert-icon-color:var(--ds-color-fg-default);--alert-text-color:var(--ds-color-fg-default);--alert-dismissable-size:0px;background-color:var(--alert-bg);border-radius:8px;display:flex;gap:var(--ds-space-5);padding-block:var(--ds-space-6);padding-inline-end:calc(var(--ds-space-6) + var(--alert-dismissable-size));padding-inline-start:var(--ds-space-6);position:relative;text-align:start}.ds-alert--dismissable{--alert-dismissable-size:44px}.ds-alert--neutral-alt{--alert-bg:var(--ds-color-bg-status-neutral-alt)}.ds-alert--highlight{--alert-bg:var(--ds-color-bg-status-highlight)}.ds-alert--attention{--alert-bg:var(--ds-color-bg-status-attention);--alert-icon-color:var(--ds-color-fg-dark);--alert-text-color:var(--ds-color-fg-dark)}.ds-alert--danger{--alert-bg:var(--ds-color-bg-status-danger);--alert-icon-color:var(--ds-color-fg-danger)}.ds-alert__icon{color:var(--alert-icon-color)}.ds-alert__dismiss{--dismiss-bg:transparent;background:var(--dismiss-bg);block-size:44px;border:0;border-radius:50%;box-sizing:border-box;color:var(--alert-text-color);cursor:pointer;inline-size:44px;inset-block-start:var(--ds-space-4);inset-inline-end:var(--ds-space-4);padding:var(--ds-space-5);position:absolute}.ds-alert__dismiss:hover{--dismiss-bg:rgba(0,0,0,.08)}.ds-alert__dismiss:focus-visible{--dismiss-bg:rgba(0,0,0,.06);outline:4px solid var(--ds-color-focus-default)}.ds-alert__title{margin:0}.ds-alert__text :first-child{margin-block-start:0}.ds-alert__text p:last-child{margin-block-end:0}.ds-alert__content{--content-block-padding:var(--ds-space-1);display:flex;flex-direction:column;flex-grow:1;gap:var(--ds-space-2);padding-block-end:var(--content-block-padding);padding-block-start:var(--content-block-padding)}.ds-alert__content,.ds-alert__content a,.ds-alert__content a:hover{color:var(--alert-text-color)}