.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.modal{background:#1a1918;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-height:calc(100vh - 40px);overflow-y:auto;position:relative;width:100%}.modal--sm{max-width:400px}.modal--md{max-width:520px}.modal--lg{max-width:680px}.modal--xl{max-width:900px}.modal--no-padding .modal__body{padding:0}.modal__header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding:20px 24px}.modal__title{color:#fff;font-size:18px;font-weight:600;margin:0;padding-right:40px}.modal__close{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff9;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:36px}.modal__close:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.modal__body{padding:24px}.modal__footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-enter-active,.modal-leave-active{transition:opacity .25s ease}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .25s ease,opacity .25s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{opacity:0;transform:scale(.95) translateY(-10px)}.modal-enter-to .modal,.modal-leave-from .modal{opacity:1;transform:scale(1) translateY(0)}@media(max-width:576px){.modal-overlay{align-items:flex-end;padding:16px}.modal{border-radius:16px 16px 0 0;max-height:calc(100vh - 32px);max-width:100%}.modal__header{padding:16px 20px}.modal__body{padding:20px}.modal__footer{padding:12px 20px}}