.payment-header{position:fixed;top:0;left:0;height:56px;width:100vw;background:#fff;display:flex;align-items:center;justify-content:center;z-index:2}.payment-header img{height:24px}.footer{display:flex;align-items:center;justify-content:center;height:40px;font-size:12px;background:rgba(0,0,0,.03);color:rgba(0,0,0,.3)}.pay-card{max-width:456px;margin:0 auto;background:#fff;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 1px 4px 0 rgba(0,0,51,.08)}.pay-card--success{max-width:528px}.pay-card .btn{margin-top:56px}.pay-card .pay-account-info{position:absolute;top:0;left:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s ease-out;transition:all .3s ease-out;z-index:1}.pay-card .pay-account-info.active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-out .1s;transition:all .3s ease-out .1s}.pay{display:flex;width:200%;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition:height .5s ease-in-out,-webkit-transform .3s ease-in-out .1s;transition:height .5s ease-in-out,-webkit-transform .3s ease-in-out .1s;transition:transform .3s ease-in-out .1s,height .5s ease-in-out;transition:transform .3s ease-in-out .1s,height .5s ease-in-out,-webkit-transform .3s ease-in-out .1s}.pay.step-1{-webkit-transform:translateX(0);transform:translateX(0);height:341px;-webkit-transition:height .5s ease-in-out,-webkit-transform .4s ease-in-out;transition:height .5s ease-in-out,-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,height .5s ease-in-out;transition:transform .4s ease-in-out,height .5s ease-in-out,-webkit-transform .4s ease-in-out}.pay.step-2{-webkit-transform:translateX(-50%);transform:translateX(-50%);height:456px}.pay.step-2.with-payment-options{height:520px}.pay.step-2 .pay__step:last-child{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media only screen and (max-width:480px){.pay.step-2{height:unset!important}}.pay__step{width:50%;padding:48px}@media only screen and (max-width:480px){.pay__step{padding:48px 30px}}.pay__step:last-child{-webkit-transition:all .4s ease-out .4s;transition:all .4s ease-out .4s;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.pay-form__account{padding-top:96px}.pay-form__account .input-box input:not([type=range]),.pay-form__account .input-box textarea{font-size:24px;padding:10px 0;height:unset}.pay-form__amount{text-align:center;padding-top:90px}.pay-form__amount .input-box input:not([type=range]),.pay-form__amount .input-box textarea{font-size:48px;font-weight:200;padding:0;border-width:0;height:unset;letter-spacing:-3px}.pay-form__amount a{display:block;font-size:12px;color:#6646e5;margin-top:64px}@media only screen and (max-width:480px){.pay-form__amount a{margin-top:40px}}.pay-account-info{background:#fff;box-shadow:0 0 16px rgba(0,0,0,.04);width:100%;padding:16px 28px;text-align:center;font-size:16px}.pay-account-info small{color:#999}.pay-note{margin-top:8px}.pay-success{padding:72px;text-align:center;font-size:14px}.pay-success img{height:48px}.pay-success h5{margin:12px 0 0;font-size:20px;font-weight:500}.pay-success .label{display:block;margin-top:24px;opacity:.6;font-size:12px}.pay-success p{margin:24px 0 0}.amount-input,.amount-input span{display:inline-block;position:relative}.amount-input span{margin-left:8px;font-size:48px;font-weight:200;padding:0;border-width:0;height:unset;letter-spacing:-3px;opacity:0;z-index:-1}.amount-input input{position:absolute;z-index:1}.amount-input .input-box--with-label .input-label{position:absolute;left:-8px;top:32px}.pay-options{display:flex;justify-content:space-around;margin-top:48px}@media only screen and (max-width:480px){.pay-options{flex-direction:column}.pay-options .radio{margin-top:10px}}.pay-options .radio{font-weight:unset;margin-right:0;align-items:center}.pay-options .radio__dot{border-color:#999}.pay-options img{height:20px}.divider{height:1px;background:#000;opacity:.08;margin-top:16px}body{margin:0;background:#f7f7fa}*{box-sizing:border-box}.app{min-height:calc(100vh - 40px);padding-top:56px}.app-wrapper{padding:40px 20px 20px;min-height:0}@media only screen and (max-width:480px){.app-wrapper{padding:16px}}.fade-in{-webkit-animation:fadeIn .5s cubic-bezier(.25,.46,.45,.94) backwards;animation:fadeIn .5s cubic-bezier(.25,.46,.45,.94) backwards}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.input-box input:not([type=range]),.input-box textarea{border-radius:0;border-width:0 0 1px;text-align:center}.btn{font-size:16px;height:44px}.app-container{min-height:calc(100vh - 40px);padding-top:56px}
/*# sourceMappingURL=main.3f6ac177.chunk.css.map */