.mu-overlay { position: fixed; inset: 0; z-index: 100000; background: rgba(0, 0, 0, .55); display: flex; align-items: flex-start; justify-content: center; padding: 76px 12px 20px; overflow-y: auto; }
.mu-overlay[hidden] { display: none; }
.mu-box { position: relative; width: 640px; max-width: 100%; background: #4599d5; color: #fff; text-align: center; padding: 40px 24px 28px; border-radius: 4px; box-shadow: 0 10px 40px rgba(0, 0, 0, .3); overflow-wrap: break-word; font-family: inherit; }
.mu-close { position: absolute; top: 10px; right: 14px; background: none; border: 0; color: #fff; font-size: 14px; cursor: pointer; padding: 4px; }
.mu-title { font-size: clamp(18px, 5vw, 32px); line-height: 1.2; font-weight: 700; text-transform: uppercase; margin: 0 0 24px; hyphens: manual; color: #fff; }
.mu-text { font-size: clamp(14px, 3.6vw, 20px); line-height: 1.45; margin: 0 0 16px; color: #fff; }
.mu-text--b { font-weight: 700; margin-bottom: 0; }
@media (min-width: 768px) { .mu-overlay { align-items: center; padding-top: 20px; } }
.mu-title-end { display: block; }
@media (min-width: 480px) { .mu-title-end { white-space: nowrap; } }