@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);body,html{margin:0;padding:0;font-family:"Roboto",sans-serif!important}*{box-sizing:border-box}.pay__main{position:relative;min-height:100vh;width:100%;background:linear-gradient(140deg,#9f7a26,#9f7a26 35%,#c9a75b);display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.pay__container{position:relative;width:390px;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 20px 0 rgba(0,0,0,.1);padding:40px 55px 20px}.pay__header{text-align:center}.pay__logo{max-width:100%}.pay__information{position:relative}.pay__information div{margin:40px auto}.pay__field{position:relative}.pay__submit{text-align:center}.pay__button{color:#fff;font-weight:700;background-color:#c9a75b;padding:10px 30px;border-radius:25px;box-shadow:0 10px 30px 0 rgba(201,167,91,.5);font-size:14px;border:none}.pay__button:hover{transition:.5s;box-shadow:0 13px 33px 0 rgba(201,167,91,.5);padding:10px 30px;cursor:pointer}.pay__button:active,.pay__button:focus{outline:none!important;box-shadow:none}.pay__footer{text-align:center;font-size:14px}.pay__footer img{width:14px;height:14px;opacity:.5;display:inline}.pay__other{position:fixed;left:20px;bottom:20px}.pay__status{font-weight:700;color:#000;text-align:center}.pay__retry{color:#fff;font-weight:700;background-color:#c9a75b;padding:10px 30px;border-radius:25px;box-shadow:0 10px 30px 0 rgba(201,167,91,.5)}.pay__retry:hover{color:#fff;transition:.5s;box-shadow:0 13px 33px 0 rgba(201,167,91,.5);padding:10px 36px}.pay__retry:active,.pay__retry:focus{outline:none!important;box-shadow:none}.pay__status__text{margin-bottom:20px!important;text-align:center}.pay__status__icon{margin-bottom:10px!important;animation:rotateAnim .5s ease-in-out}.pay__status__icon img{width:50px}.pay__success{color:#3ce10c}.pay__error{color:#f90e0e}@keyframes rotateAnim{0%{transform:none}to{transform:rotate(1turn);transform:rotateX(1turn)}}.pay__input{display:inline-block;width:100%;padding:10px 10px 10px 15px;font-weight:700;color:#000;background:#efefef;border:0;border-radius:3px;outline:0;text-indent:80px;transition:all .3s ease-in-out;font-size:14px}.pay__input::-webkit-input-placeholder{color:#efefef;text-indent:0;font-weight:300}.pay__input+label{display:inline-block;top:10px;left:0;padding:2px 15px;color:#032429;font-size:11px;font-weight:700;text-transform:uppercase;text-shadow:0 1px 0 rgba(19,74,70,0);border-radius:3px;background:rgba(122,184,147,0);pointer-events:none}.pay__input+label,.pay__input+label:after{position:absolute;transition:all .3s ease-in-out}.pay__input+label:after{content:"";width:0;height:0;top:100%;left:50%;margin-left:-3px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid rgba(122,184,147,0)}.pay__input:active,.pay__input:focus{color:#000;text-indent:0;background:#fff}.pay__input:active::-webkit-input-placeholder,.pay__input:focus::-webkit-input-placeholder{color:#aaa}.pay__input:active+label,.pay__input:focus+label{color:#fff;text-shadow:0 1px 0 rgba(19,74,70,.4);background:#000;transform:translateY(-40px)}.pay__input:active+label:after,.pay__input:focus+label:after{border-top:4px solid #000}.pay__watermark{position:absolute;right:16px;bottom:16px;width:200px}
/*# sourceMappingURL=main.e1465267.chunk.css.map */