.alert{background:var(--color-surface);width:100%;box-shadow:0 -2px 20px rgb(var(--color-gray-rgb-8)/8%);border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:8px;max-width:456px;padding:8px 16px;display:flex;position:relative}.alert__icon{flex-shrink:0;width:24px;height:24px}.alert__content{flex-direction:column;flex:1;gap:4px;min-width:0;max-width:360px;min-height:24px;display:flex}.alert__title{color:var(--color-text-primary);font-size:14px;font-weight:var(--weight-medium);line-height:var(--line-height-14);margin:0}.alert__message{color:var(--color-gray-7);font-size:14px;line-height:var(--line-height-14);font-weight:var(--weight-regular);margin:0}.alert__message ol,.alert__message ul{margin:4px 0 0;padding-left:20px}.alert--type-success .alert__icon *{fill:var(--color-sentiment-positive)}.alert--type-warning .alert__icon *{fill:var(--color-sentiment-warning)}.alert--type-danger .alert__icon *{fill:var(--color-sentiment-negative)}.alert__actions{flex-shrink:0;align-self:flex-start;gap:16px;margin-top:12px;display:flex}.alert__action{color:var(--color-primary);font-size:14px;font-weight:var(--weight-medium);line-height:var(--line-height-14);flex-shrink:0}.alert__action--secondary{color:var(--color-gray-7)}.alert__close{background:0 0;flex-shrink:0;width:24px;height:24px;position:absolute;top:8px;right:16px}