/* TopUpin v11.0.52 — responsive Midtrans Snap.js presentation */
html.midtrans-snap-open,body.midtrans-snap-open{overflow:hidden!important;overscroll-behavior:none}
.midtrans-snap-layer[hidden]{display:none!important}
.midtrans-snap-layer{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
.midtrans-snap-layer__backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--site-bg,#f8fafc) 78%,rgba(15,23,42,.34));backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.midtrans-snap-shell{position:relative;z-index:1;width:min(100%,560px);height:min(900px,calc(100dvh - 20px));min-height:620px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--site-line,rgba(148,163,184,.24));border-radius:24px;background:var(--site-surface,#fff);box-shadow:0 28px 90px rgba(15,23,42,.24);color:var(--site-text,#111827)}
.midtrans-snap-shell__head{min-height:70px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid var(--site-line,rgba(148,163,184,.18));background:color-mix(in srgb,var(--site-surface,#fff) 94%,var(--theme-primary,#2563eb) 6%)}
.midtrans-snap-shell__back{width:42px;height:42px;border:1px solid var(--site-line,rgba(148,163,184,.24));border-radius:13px;background:var(--site-surface,#fff);color:var(--site-text,#111827);display:grid;place-items:center;cursor:pointer}
.midtrans-snap-shell__head>div{display:flex;min-width:0;flex-direction:column;gap:2px}.midtrans-snap-shell__head small{color:var(--site-muted,#64748b);font-size:.68rem}.midtrans-snap-shell__head strong{font-size:.93rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.midtrans-snap-shell__secure{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:color-mix(in srgb,#10b981 11%,transparent);color:#059669;font-size:.63rem;font-weight:850}.midtrans-snap-shell__secure .ui-icon{width:1em;height:1em}
.midtrans-snap-shell__summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:color-mix(in srgb,var(--theme-primary,#2563eb) 5%,transparent);border-bottom:1px solid var(--site-line,rgba(148,163,184,.18));font-size:.75rem}.midtrans-snap-shell__summary span{color:var(--site-muted,#64748b)}.midtrans-snap-shell__summary strong{font-size:.92rem;color:var(--theme-primary,#2563eb)}
.midtrans-snap-container{width:100%;height:100%;min-height:560px;display:flex;align-items:stretch;justify-content:stretch;background:#fff;overflow:auto;-webkit-overflow-scrolling:touch}
.midtrans-snap-container>iframe,.midtrans-snap-container iframe{width:100%!important;max-width:none!important;min-width:320px!important;height:100%!important;min-height:560px!important;border:0!important}
.midtrans-snap-shell__foot{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--site-line,rgba(148,163,184,.18));background:var(--site-surface,#fff)}.midtrans-snap-shell__foot .btn{padding:10px 14px}.midtrans-snap-shell__foot small{max-width:230px;text-align:right;color:var(--site-muted,#64748b);font-size:.58rem;line-height:1.4}
.invoice-payment-redirect--snapjs .btn{appearance:none;border:0;cursor:pointer}
@media(max-width:640px){.midtrans-snap-layer{padding:0}.midtrans-snap-shell{width:100%;height:100dvh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.midtrans-snap-shell__head{padding-top:max(10px,env(safe-area-inset-top));min-height:calc(66px + env(safe-area-inset-top))}.midtrans-snap-shell__secure{padding:6px 8px}.midtrans-snap-container{min-height:0}.midtrans-snap-shell__foot{padding-bottom:max(10px,env(safe-area-inset-bottom))}.midtrans-snap-shell__foot small{display:none}}
@media(max-width:360px){.midtrans-snap-shell__secure{font-size:0}.midtrans-snap-shell__secure .ui-icon{width:18px;height:18px}.midtrans-snap-shell__head{grid-template-columns:40px minmax(0,1fr) 36px;gap:8px}}