.modal .modal-card{width:min(100%,560px)!important;max-height:88dvh!important;padding:22px!important;border-radius:22px!important}
.modal>form{width:min(100%,480px)!important;max-height:88dvh!important;overflow:auto!important;padding:22px!important;border-radius:22px!important}
.modal .modal-card:has(.qris-wrap),.modal .modal-card:has(.school-payment){width:min(100%,620px)!important}
.fixed.inset-0>[class~="max-w-4xl"],.fixed.inset-0>[class~="max-w-3xl"]{max-width:720px!important;padding:22px!important;border-radius:24px!important;max-height:88dvh!important}
.fixed.inset-0>[class~="max-w-2xl"],.fixed.inset-0>[class~="max-w-xl"]{max-width:560px!important;padding:21px!important;border-radius:22px!important;max-height:88dvh!important}
@media(max-width:640px){.modal{align-items:flex-end!important;padding:0!important}.modal .modal-card,.modal>form{width:100%!important;max-height:90dvh!important;border-radius:22px 22px 0 0!important;padding:20px 16px!important}.fixed.inset-0>[class*="max-w-"]{width:100%!important;max-width:100%!important;max-height:90dvh!important;border-radius:22px 22px 0 0!important;padding:19px 16px!important}}