.message{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid;border-radius:10px;font-size:.92rem;line-height:1.45}.message>span:last-child{min-width:0}.message-icon{display:block;width:20px;height:20px;flex:0 0 20px;margin-top:1px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.message-success{border-color:#a9ded5;color:#08786d;background:#effbf8}.message-info{border-color:#bfd9ef;color:#265f97;background:#f1f8fd}.message-warning{border-color:#efd49a;color:#8a5b14;background:#fff9e9}.message-error{border-color:#f1c4cd;color:#94263f;background:#fff3f5}.message-icon-check{mask-image:url("../icons/check.svg");-webkit-mask-image:url("../icons/check.svg")}.message-icon-info{mask-image:url("../icons/info.svg");-webkit-mask-image:url("../icons/info.svg")}.message-icon-warning{mask-image:url("../icons/warning.svg");-webkit-mask-image:url("../icons/warning.svg")}.message-icon-error{mask-image:url("../icons/error.svg");-webkit-mask-image:url("../icons/error.svg")}