@layer components{.r{display:flex;align-items:center;gap:var(--alert-gap);width:100%;padding:var(--alert-gutter);border-radius:var(--alert-border-radius);font-size:var(--alert-font-size);line-height:var(--alert-line-height)}.r:where([data-actions-placement=bottom]){align-items:flex-start}.r[data-variant=soft]{background-color:var(--alert-background-color);box-shadow:0 0 0 1px var(--alert-border-color) inset;color:var(--alert-text-color)}.r[data-variant=soft]:where([data-color=primary]){--alert-background-color: var(--color-background-primary-surface);--alert-border-color: var(--color-border-primary-surface);--alert-text-color: var(--color-text)}.r[data-variant=soft]:where([data-color=success]){--alert-background-color: var(--color-background-success-surface);--alert-border-color: var(--color-border-success-surface);--alert-text-color: var(--color-text-success-surface)}.r[data-variant=soft]:where([data-color=warning]){--alert-background-color: var(--color-background-warning-surface);--alert-border-color: var(--color-border-warning-surface);--alert-text-color: var(--color-text-warning-surface)}.r[data-variant=soft]:where([data-color=caution]){--alert-background-color: var(--color-background-caution-surface);--alert-border-color: var(--color-border-caution-surface);--alert-text-color: var(--color-text-caution-surface)}.r[data-variant=soft]:where([data-color=danger]){--alert-background-color: var(--color-background-danger-surface);--alert-border-color: var(--color-border-danger-surface);--alert-text-color: var(--color-text-danger-surface)}.r[data-variant=soft]:where([data-color=info]){--alert-background-color: var(--color-background-info-surface);--alert-border-color: var(--color-border-info-surface);--alert-text-color: var(--color-text-info-surface)}.r[data-variant=soft]:where([data-color=discovery]){--alert-background-color: var(--color-background-discovery-surface);--alert-border-color: var(--color-border-discovery-surface);--alert-text-color: var(--color-text-discovery-surface)}.r[data-variant=solid]{background-color:var(--alert-background-color);color:var(--alert-text-color)}.r[data-variant=solid]:where([data-color=primary]){--alert-background-color: var(--color-background-primary-solid);--alert-text-color: var(--color-text-primary-solid)}.r[data-variant=solid]:where([data-color=success]){--alert-background-color: var(--color-background-success-solid);--alert-text-color: var(--color-text-success-solid)}.r[data-variant=solid]:where([data-color=warning]){--alert-background-color: var(--color-background-warning-solid);--alert-text-color: var(--color-text-warning-solid)}.r[data-variant=solid]:where([data-color=caution]){--alert-background-color: var(--color-background-caution-solid);--alert-text-color: var(--color-text-caution-solid)}.r[data-variant=solid]:where([data-color=danger]){--alert-background-color: var(--color-background-danger-solid);--alert-text-color: var(--color-text-danger-solid)}.r[data-variant=solid]:where([data-color=info]){--alert-background-color: var(--color-background-info-solid);--alert-text-color: var(--color-text-info-solid)}.r[data-variant=solid]:where([data-color=discovery]){--alert-background-color: var(--color-background-discovery-solid);--alert-text-color: var(--color-text-discovery-solid)}.r[data-variant=outline]{box-shadow:0 0 0 1px var(--alert-border-color) inset;color:var(--alert-text-color)}.r[data-variant=outline]:where([data-color=primary]){--alert-border-color: var(--color-border);--alert-text-color: var(--color-text)}.r[data-variant=outline]:where([data-color=success]){--alert-border-color: var(--color-border-success-outline);--alert-text-color: var(--color-text-success-outline)}.r[data-variant=outline]:where([data-color=warning]){--alert-border-color: var(--color-border-warning-outline);--alert-text-color: var(--color-text-warning-outline)}.r[data-variant=outline]:where([data-color=caution]){--alert-border-color: var(--color-border-caution-outline);--alert-text-color: var(--color-text-caution-outline)}.r[data-variant=outline]:where([data-color=danger]){--alert-border-color: var(--color-border-danger-outline);--alert-text-color: var(--color-text-danger-outline)}.r[data-variant=outline]:where([data-color=info]){--alert-border-color: var(--color-border-info-outline);--alert-text-color: var(--color-text-info-outline)}.r[data-variant=outline]:where([data-color=discovery]){--alert-border-color: var(--color-border-discovery-outline);--alert-text-color: var(--color-text-discovery-outline)}.a{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}:where(.r[data-actions-placement=bottom]) .a{display:block}.l svg{width:var(--alert-indicator-size, 20px);height:var(--alert-indicator-size, 20px)}.c{flex:1;min-width:0}.t{font-weight:var(--alert-title-font-weight);text-wrap:pretty}.t~.e{margin-top:2px}.e{opacity:1;text-wrap:pretty}.o{display:flex;gap:calc(var(--spacing) * 2)}:where(.r[data-actions-placement=end]) .o{align-self:center;margin-left:var(--alert-gutter)}:where(.r[data-actions-placement=bottom]) .o{margin-top:var(--alert-gutter)}}