.modal-backdrop{position:fixed;inset:0;z-index:100;background:#14161a99;display:grid;place-items:center;padding:16px;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--r-xl);padding:var(--s6);width:100%;max-width:480px;box-shadow:var(--shadow-2);display:grid;gap:var(--s4);max-height:calc(100vh - 32px);overflow-y:auto}.modal-wide{max-width:960px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.modal-actions{display:flex;gap:var(--s3);justify-content:flex-end;flex-wrap:wrap;margin-top:var(--s2)}.modal-enter-active{transition:opacity var(--dur) var(--ease-out)}.modal-leave-active{transition:opacity .16s ease-in}.modal-enter-active .modal{transition:transform var(--dur) var(--ease-out)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal{transform:translateY(8px) scale(.98)}@media(max-width:768px){.modal-backdrop{padding:12px}.modal{padding:var(--s5) var(--s4);max-height:calc(100dvh - 24px)}}@media(max-width:480px){.modal-actions{flex-direction:column-reverse}.modal-actions>.btn{width:100%}}