.alert{border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;line-height:1.4;display:flex}.alert__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.alert__icon svg{width:20px;height:20px}.alert__text{flex:1;min-width:0;margin:0}.alert__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.alert__title{margin:0;font-size:16px;font-weight:600;line-height:1.25}.alert__description{margin:0;font-size:14px;font-weight:400;line-height:1.4}.alert .button{flex-shrink:0;min-height:32px;padding-inline:20px}.alert--default{color:#ededed;background:#282828;border:1px solid #ffffff14;border-radius:14px;gap:16px;padding:16px 20px}.alert--default .alert__icon{color:#9a9696;background:#ffffff0f;border-radius:50%;width:40px;height:40px}.alert--default .alert__icon svg{width:22px;height:22px}.alert--default .alert__title{color:#ededed}.alert--default .alert__description{color:#9a9696}.alert--default .button-third{min-width:160px;padding-inline:24px;color:#191919!important}.alert--info{color:#60a5fa;background:#3b82f626;border:1px solid #60a5fa8c}.alert--info .button-fourth{color:currentColor;border-color:currentColor}.alert--info .button-fourth:hover,.alert--info .button-fourth:focus{background:#3b82f61f;border-color:currentColor}.alert--error{color:#f4310f;background:#f4310f26;border:1px solid #f4310f80}.alert--error .button-fourth{color:currentColor;border-color:currentColor}.alert--error .button-fourth:hover,.alert--error .button-fourth:focus{background:#f4310f1f;border-color:currentColor}.alert--warning{color:#f5a524;background:#f5a52426;border:1px solid #f5a5248c}.alert--warning .button-fourth{color:currentColor;border-color:currentColor}.alert--warning .button-fourth:hover,.alert--warning .button-fourth:focus{background:#f5a5241f;border-color:currentColor}.alert--success{color:#41c96b;background:#41c96b26;border:1px solid #41c96b8c}.alert--success .button-fourth{color:currentColor;border-color:currentColor}.alert--success .button-fourth:hover,.alert--success .button-fourth:focus{background:#41c96b1f;border-color:currentColor}.alert--inline{width:auto;max-width:100%;display:inline-flex}.alert--inline .alert__text,.alert--inline .alert__body{flex:0 auto}@media (max-width:640px){.alert{flex-wrap:wrap;align-items:flex-start}.alert .button{width:100%}.alert--default{align-items:flex-start}.alert--default .button-third{width:100%;min-width:0}.alert--inline{flex-wrap:nowrap;align-items:center}.alert--inline .button{width:auto}}