.Alert{--alert-border-color:var(--color-action-border-neutral-moderate);--alert-bg-color:var(--color-action-background-neutral-mild);--alert-accent-color:var(--color-action-foreground-neutral-moderate);border:solid 1px var(--alert-border-color);border-radius:var(--outline-radius-md);background-color:var(--alert-bg-color);box-shadow:var(--outline-shadow-subtle);container:alert-box/inline-size}.Alert--positive{--alert-border-color:var(--color-action-border-positive-mild);--alert-bg-color:var(--color-action-background-positive-subtle);--alert-accent-color:var(--color-action-foreground-positive-moderate);--alert-action-color:var(--color-action-foreground-positive-potent)}.Alert--warning{--alert-border-color:var(--color-action-border-warning-mild);--alert-bg-color:var(--color-action-background-warning-subtle);--alert-accent-color:var(--color-action-foreground-warning-moderate);--alert-action-color:var(--color-action-foreground-warning-potent)}.Alert--negative{--alert-border-color:var(--color-action-border-negative-mild);--alert-bg-color:var(--color-action-background-negative-subtle);--alert-accent-color:var(--color-action-foreground-negative-moderate);--alert-action-color:var(--color-action-foreground-negative-potent)}.Alert--brand{--alert-border-color:var(--color-action-border-mild);--alert-bg-color:var(--color-action-background-subtle);--alert-accent-color:var(--color-action-foreground-moderate);--alert-action-color:var(--color-action-foreground-moderate)}@container alert-box (max-width:18rem){.Alert__wrapper{flex-wrap:wrap}}.Alert__icon{color:var(--alert-accent-color);font-size:1.5rem;line-height:0}.Alert__message,.Alert__title{max-width:var(--width-sm)}.Alert__message{color:var(--color-foreground-neutral-mild)}.Alert__message>p:last-child{margin-bottom:0}.Alert__btn-close,.Alert__btn-action{display:inline-block}.Alert:not(.Alert--neutral) .Alert__btn-action *,.Alert:not(.Alert--neutral) .Alert__btn-action :hover{color:var(--alert-action-color,initial)}
.CloseBtn{--closebtn-fg:var(--color-action-foreground-neutral-moderate);--closebtn-bg-hover:#00000014;--closebtn-bg-focus:var(--color-action-background-neutral-subtle);border-radius:var(--outline-radius-md);color:var(--closebtn-fg);padding:.75rem;font-size:1.5rem;line-height:0}.CloseBtn--invert{--closebtn-fg:var(--color-action-foreground-neutral-invert);--closebtn-bg-hover:#fff3;--closebtn-bg-focus:var(--closebtn-bg-hover)}.CloseBtn:hover{background-color:var(--closebtn-bg-hover)}.CloseBtn:focus{background-color:var(--closebtn-bg-focus);box-shadow:var(--outline-ring-neutral-subtle);outline:none}