@media(max-width:700px){
#modal:has(.eoa-qris-fit){position:fixed!important;inset:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:8px 12px!important;box-sizing:border-box!important;border-radius:0!important;overflow:hidden!important;background:#fff!important}
#modal:has(.eoa-qris-fit) #modal-content{height:100%!important;max-height:100%!important;overflow:hidden!important;display:flex!important;justify-content:center!important;align-items:stretch!important}
#modal .eoa-qris-fit{box-sizing:border-box!important;width:100%!important;max-width:440px!important;height:100%!important;min-height:0!important;padding:4px 6px 8px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-evenly!important;gap:clamp(2px,.45dvh,6px)!important;overflow:hidden!important}
#modal .eoa-qris-fit h2{font-size:clamp(15px,2.5dvh,20px)!important;line-height:1.1!important;margin:0!important}
#modal .eoa-qris-fit p{font-size:clamp(10px,1.6dvh,13px)!important;line-height:1.24!important;margin:0!important}
#modal .eoa-qris-fit p small,#modal .eoa-qris-fit small{font-size:clamp(9px,1.35dvh,11px)!important;line-height:1.2!important}
#modal .eoa-qris-fit img{width:auto!important;max-width:100%!important;height:auto!important;max-height:clamp(130px,33dvh,310px)!important;object-fit:contain!important;align-self:center!important;min-height:0!important}
#modal .eoa-qris-fit .btn{box-sizing:border-box!important;min-height:clamp(31px,4.8dvh,43px)!important;padding:6px 10px!important;margin:0!important;font-size:clamp(11px,1.7dvh,14px)!important;display:flex!important;align-items:center!important;justify-content:center!important}
#modal .eoa-qris-fit input[type=file]{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:0!important;padding:5px!important;margin:0!important;font-size:12px!important}
#modal .eoa-qris-fit #project-qris-feedback:empty{display:none!important}
}
@media(max-width:700px) and (max-height:690px){#modal .eoa-qris-fit img{max-height:26dvh!important}#modal .eoa-qris-fit{gap:1px!important}#modal .eoa-qris-fit p small{font-size:9px!important}}