.page_container__jZF7q{width:100%;display:flex;position:relative;flex-direction:column;--logo-size:var(--text-xl);background-color:var(--color-black-2);padding:calc(var(--side-padding) * 2);padding-top:calc(var(--logo-size) * .7);max-width:calc(min(var(--text-xl), 14vmin) * 6.5)}.page_container__jZF7q .page_logo__ikIZE{left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);top:calc(var(--logo-size) * -.5);border-radius:var(--logo-size);background-color:var(--color-black-1)}.page_container__jZF7q .page_logo__ikIZE .page_logo_img__JPZY2{width:var(--logo-size);height:var(--logo-size);padding:calc(var(--logo-size) * .15)}.page_container__jZF7q .page_form__NxPAx,.page_container__jZF7q .page_qris__c3u_S{width:100%;height:100%;overflow:hidden;text-align:center;position:relative}main[show-qris=false] .page_container__jZF7q .page_qris__c3u_S,main[show-qris=true] .page_container__jZF7q .page_form__NxPAx{max-height:0;transition:max-height .8s ease-in-out 0s}main[show-qris=false] .page_container__jZF7q .page_form__NxPAx,main[show-qris=true] .page_container__jZF7q .page_qris__c3u_S{max-height:100vh;transition:max-height .8s ease-in-out .8s}.page_container__jZF7q .page_form__NxPAx h1{text-align:center;position:relative;color:var(--color-green-1);padding-bottom:var(--text-s);font-family:var(--font-black);font-size:min(var(--text-xl),14vmin)}.page_container__jZF7q .page_form__NxPAx .page_money__37vQD{gap:10px;width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-m);color:var(--color-white-2);margin-bottom:var(--text-2xs);font-family:var(--font-regular);border:2px solid var(--color-white-1);padding:calc(var(--text-2xs) * .8) var(--text-2xs)}.page_container__jZF7q .page_form__NxPAx .page_money__37vQD .page_amount__D9Xqc,.page_container__jZF7q .page_form__NxPAx .page_money__37vQD .page_amount__D9Xqc:focus{width:100%;font-size:var(--text-m);color:var(--color-white-2);font-family:var(--font-regular);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background:none;outline:none;border:none}.page_container__jZF7q .page_form__NxPAx .page_money__37vQD .page_amount__D9Xqc::-webkit-inner-spin-button,.page_container__jZF7q .page_form__NxPAx .page_money__37vQD .page_amount__D9Xqc::-webkit-outer-spin-button{-webkit-appearance:none}.page_container__jZF7q .page_qris__c3u_S span{position:relative;color:var(--color-white-1);font-family:var(--font-bold);font-size:min(var(--text-l),12vmin)}.page_container__jZF7q .page_qris__c3u_S .page_canvas__t5Zrn{width:100%;height:100%;aspect-ratio:1;margin:var(--text-2xs) 0;background-color:var(--color-gray-2)}.page_container__jZF7q .page_qris__c3u_S .page_canvas__t5Zrn svg{width:100%;height:100%;object-fit:cover;padding:var(--text-m);background-color:#fff}.page_container__jZF7q .page_form__NxPAx button,.page_container__jZF7q .page_qris__c3u_S button{border:0;width:100%;opacity:1;cursor:pointer;padding:var(--text-2xs);font-size:var(--text-s);font-family:var(--font-regular);background-color:var(--color-green-1);color:var(--color-black-2);transition:background-color .5s ease,opacity .5s ease}.page_container__jZF7q .page_form__NxPAx button:hover,.page_container__jZF7q .page_qris__c3u_S button:hover{opacity:.7}.page_container__jZF7q .page_form__NxPAx button:disabled,.page_container__jZF7q .page_form__NxPAx button[disabled],.page_container__jZF7q .page_qris__c3u_S button:disabled,.page_container__jZF7q .page_qris__c3u_S button[disabled]{opacity:1;cursor:not-allowed;background-color:var(--color-gray-2)}@media screen and (max-width:768px){.page_container__jZF7q{padding:calc(var(--side-padding) * 1.5);padding-top:calc(var(--logo-size) * .7)}}@media screen and (max-width:390px){.page_container__jZF7q{padding:calc(var(--side-padding) * 1.2);padding-top:calc(var(--logo-size) * .7)}}