.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111e3761;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(580px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-3);background:#fff;border-radius:26px;flex-direction:column;display:flex;overflow:hidden}.modal.wide{width:min(1120px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:20px 26px;display:flex}.modal-head h2{margin:0;font-size:26px}.modal-body{padding:26px;overflow-y:auto}.modal-body>p{color:var(--ink-2)}.modal .icon-button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:12px;flex:none;place-items:center;padding:0;display:inline-grid}.modal .button{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.modal .button.danger{background:var(--red);color:#fff}.modal .button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.modal .button-row.end{justify-content:flex-end}.modal label.check{align-items:flex-start;gap:9px;margin:16px 0;display:flex}.modal .success-mark{color:#0f6e5c;background:#e1f4f0;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid}.modal .spinner{border:3.5px solid #e1f4f0;border-top-color:#0f6e5c;border-radius:50%;width:52px;height:52px;margin:0 auto 16px;animation:.9s linear infinite modal-spin}.packet-delivery-progress{text-align:center}@keyframes modal-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.modal .spinner{animation:none}}@media (max-width:600px){.modal-backdrop{padding:10px}.modal{border-radius:20px}.modal-head{padding:14px 16px}.modal-head h2{font-size:21px}.modal-body{padding:16px}.modal .button-row{flex-direction:column}.modal .button-row .button{width:100%;min-height:46px}}