.modal-overlay{backdrop-filter:blur(2px);background-color:#00000080;display:flex;inset:0;position:fixed;z-index:1000;&.hide{backdrop-filter:none;background-color:transparent}}.modal-container{background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;inset:0;max-height:90vh;overflow:visible;padding:1.5rem;position:absolute;z-index:1001}.modal-center{margin:auto}.modal-top{align-self:flex-start;margin:2rem auto 0}.modal-bottom{align-self:flex-end;margin:0 auto 2rem}.modal-xs{max-width:320px;width:90%}.modal-sm{max-width:480px;width:90%}.modal-md{max-width:640px;width:90%}.modal-lg{max-width:768px;width:90%}.modal-xl{max-width:1024px;width:90%}.modal-full{height:95%;max-height:95vh;max-width:none;width:95%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:2rem;justify-content:center;padding:.5rem;transition:all .2s;width:2rem}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{overflow-y:auto}.modal-footer{display:flex;gap:12px;justify-content:flex-start}.modal-enter-active,.modal-enter-active .modal-container,.modal-leave-active,.modal-leave-active .modal-container{transition:all .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(.9) translateY(-20px)}@media (prefers-color-scheme:dark){.modal-container{background:#1a1a1a;color:var(--base-fg)}.modal-title{color:#f9fafb}.modal-close{color:#9ca3af}.modal-close:hover{background-color:var(--button-bg-color);color:var(--base-fg)}}@media (max-width:640px){.modal-container{margin:1rem auto!important;max-width:none!important;width:95%!important}.modal-full{border-radius:0;height:100%!important;margin:0!important;max-height:100vh!important;width:100%!important}}