.status-message-modal{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:16px;background-color:rgba(51,63,72,0.6);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0 linear .3s}
.status-message-modal--show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0}
.status-message-modal .status-message__content{position:relative;width:100%;max-width:480px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,0.15)}
.status-message-modal .status-message__close{position:absolute;top:16px;right:16px;color:#333f48;cursor:pointer}
.status-message-modal .status-message__close .icon{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:20px}
.status-message-modal .status-message__close .icon::before{font-size:20px}
.status-message-modal .status-message__close .icon img{width:100%;height:100%}
.status-message-modal .status-message__close:hover,.status-message-modal .status-message__close:focus-visible{color:#333f48}
.status-message-modal .status-message__main{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:24px;text-align:center}
.status-message-modal .status-message__main .status-message__icon{display:flex;justify-content:center;align-items:center;min-width:48px;width:48px;max-width:48px;min-height:48px;height:48px;max-height:48px;font-size:24px;margin-bottom:8px;border-radius:50%}
.status-message-modal .status-message__main .status-message__icon::before{font-size:24px}
.status-message-modal .status-message__main .status-message__icon img{width:100%;height:100%}
.status-message-modal .status-message__main .status-message__icon::before{color:#fff}
.status-message-modal .status-message__main .status-message__icon[class*='-tick']{background-color:#009262}
.status-message-modal .status-message__main .status-message__icon[class*='-close']{background-color:#d52b1e}
.status-message-modal .status-message__main .status-message__icon[class*='info']{background-color:#007e94}
.status-message-modal .status-message__main .status-message__icon[class*='-warning']{background-color:#333f48}
.status-message-modal .status-message__main .status-message__icon[class*='-warning']::before{color:#ffcd00}
.status-message-modal .status-message__title,.status-message-modal .status-message__text{margin:0}
.status-message-modal .status-message__footer{display:flex;justify-content:center;padding-top:24px}