.modal-backdrop{z-index:100;overscroll-behavior:contain;background:#090c10d6;place-items:start center;padding:28px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-panel{overscroll-behavior:contain;color:#111827;background:#fff;border:1px solid #d5dde7;flex-direction:column;width:min(490px,100%);max-height:calc(100dvh - 56px);display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 70px #00000047}.modal-panel-compact{align-self:center;width:min(420px,100%)}.modal-panel-small{align-self:center;width:min(280px,100%)}.modal-close{z-index:2;color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:11px;right:11px}@media (width<=520px){.modal-backdrop{padding:18px 12px}.modal-panel{max-height:calc(100dvh - 36px)}}