.mail-check-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0b1429bf;backdrop-filter:blur(5px)}
.mail-check-backdrop[hidden]{display:none}
.mail-check{position:relative;width:min(100%,540px);max-height:min(90vh,760px);overflow:auto;padding:32px;border-radius:22px;background:#fff;box-shadow:0 28px 90px #050b1b66;color:#14213d}
.mail-check-close{position:absolute;right:17px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f3f8;color:#33415e;font-size:23px;cursor:pointer}
.mail-check-kicker{margin:0 0 8px;color:#3556a6;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.mail-check h2{margin:0 38px 10px 0;font-size:25px;line-height:1.35;letter-spacing:-.03em}
.mail-check-instruction{margin:0 0 19px;color:#64708a;font-size:14px;line-height:1.7}
.mail-check-example{display:flex;align-items:center;gap:8px;min-height:64px;margin-bottom:18px;padding:11px 14px;border-radius:13px;background:#f5f7fc}
.mail-check-example-label{margin-right:4px;color:#64708a;font-size:12px;font-weight:600;white-space:nowrap}
.mail-check-example-tiles{display:flex;flex-wrap:nowrap;gap:8px}
.mail-check-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e2e7f0;border-radius:11px;background:#fff;font-size:24px}
.mail-check-answer{display:flex;align-items:center;gap:8px;min-height:58px;margin:0 0 17px;padding:8px;border:1px dashed #cad3e4;border-radius:13px}
.mail-check-answer:empty:after{content:attr(data-placeholder);padding-left:5px;color:#98a1b1;font-size:12px}
.mail-check-answer .mail-check-symbol{cursor:pointer;background:#edf2fb;border-color:#cbd7ef}
.mail-check-candidates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.mail-check-candidate{min-height:58px;border:1px solid #e2e7f0;border-radius:13px;background:#fff;font-size:27px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}
.mail-check-candidate:hover{transform:translateY(-2px);border-color:#8fa6d4;background:#f7f9fd}
.mail-check-candidate:disabled{opacity:.38;cursor:default;transform:none}
.mail-check-status{min-height:26px;margin:15px 0 0;color:#a34335;font-size:13px;line-height:1.6}
.mail-check-status[data-state="success"]{color:#28734b}
.mail-check-open{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:0;border-radius:999px;background:#3556a6;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.mail-check-open[hidden]{display:none}
@media(max-width:480px){.mail-check{padding:27px 20px 23px}.mail-check h2{font-size:22px}.mail-check-symbol{width:37px;height:37px}.mail-check-candidates{gap:7px}.mail-check-candidate{min-height:54px}}