.alert{--box-background:var(--color-surface-default);--box-color:var(--color-text-on-surface-default);--box-padding:var(--global-space);--box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:8px;font-size:var(--size-2);gap:var(--space-xs-s);line-height:1.4;padding:var(--global-space);width:-webkit-max-content;width:-moz-max-content;width:max-content}.alert,.alert__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.alert__icon{background-color:var(--color-background-icon);border-radius:50%;color:var(--color-icon-on-surface-default);font-size:var(--size-5);padding-right:.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.alert__title{font-size:var(--size-1);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-xs)}.alert__content{color:var(--color-text-on-surface);font-size:var(--size-1)}.alert__close-button{background:none;border:none;color:var(--color-text-on-surface);cursor:pointer;font-size:var(--size-3);margin-left:auto;padding:0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.alert__close-button:hover{color:var(--color-text-on-surface-hover)}.alert[data-color=info]{--box-background:var(--color-surface-info);background-color:var(--color-surface-info);--box-color:var(--color-text-on-surface-info)}.alert[data-color=info] .alert__icon{color:var(--color-icon-on-surface-info)}.alert[data-color=info][data-outline]{--box-border-color:var(--color-border-info)}.alert[data-color=warning]{--box-background:var(--color-surface-warning);background-color:var(--color-surface-warning);--box-color:var(--color-text-on-surface-warning)}.alert[data-color=warning] .alert__icon{color:var(--color-icon-on-surface-warning)}.alert[data-color=warning][data-outline]{--box-border-color:var(--color-border-warning)}.alert[data-color=failure]{--box-background:var(--color-surface-failure);background-color:var(--color-surface-failure);--box-color:var(--color-text-on-surface-failure)}.alert[data-color=failure] .alert__icon{color:var(--color-icon-on-surface-failure)}.alert[data-color=failure][data-outline]{--box-border-color:var(--color-border-failure)}.alert[data-color=success]{--box-background:var(--color-surface-success);background-color:var(--color-surface-success);--box-color:var(--color-text-on-surface-success)}.alert[data-color=success] .alert__icon{color:var(--color-icon-on-surface-success)}.alert[data-color=success][data-outline]{--box-border-color:var(--color-border-success)}.alert[data-outline]{border:2px solid var(--box-border-color)}