#payment,#no-payment,#error{display:none}#payment.is-shown,#no-payment.is-shown,#error.is-shown{display:block}#payment,#no-payment{text-align:center}#payment qr-code{display:block;margin:0 auto;text-align:center;color:var(--olive-600);font-weight:bold}#payment li{text-align:center}@media(min-width:1336px){#payment qr-code{margin-bottom:28px;width:400px;font-size:36px;line-height:48px}#no-payment figure{margin-bottom:56px;width:280px}}@media(min-width:980px) and (max-width:1335.9px){#payment qr-code{margin-bottom:24px;width:360px;font-size:28px;line-height:42px}#no-payment figure{margin-bottom:48px;width:240px}}@media(min-width:480px) and (max-width:979.9px){#payment qr-code{margin-bottom:20px;width:320px;font-size:24px;line-height:36px}#no-payment figure{margin-bottom:40px;width:200px}}@media(max-width:479.9px){#payment qr-code{margin-bottom:16px;width:296px;font-size:22px;line-height:32px}#no-payment figure{margin-bottom:32px;width:180px}}