luyadev/luya-module-payment

*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.payment-text{color:#3e4e59;font-size:16px;margin:0}.payment-standalone .payment-button,.payment-standalone .payment-text{font-family:Verdana,Helvetica,Arial Black,Arial;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-shadow:rgba(0,0,0,.01) 0 0 1px}.payment-text-bold{font-weight:700;text-transform:uppercase}.payment-text-danger{color:#fa755a}.clearfix:after{clear:both;content:"";display:table}.loader{-webkit-animation:loader-rotate 2s linear infinite;animation:loader-rotate 2s linear infinite;bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:100%}.loader-path{-webkit-animation:loader-dash 1.5s ease-in-out infinite;animation:loader-dash 1.5s ease-in-out infinite;stroke:#fff;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes loader-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes loader-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.payment-wrapper{background-color:rgba(0,0,0,.75);bottom:0;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:10000}.payment-wrapper-inner{background-color:#fff;border-radius:5px;display:block;left:10px;max-height:100%;max-width:500px;overflow:auto;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width:520px){.payment-wrapper-inner{left:50%;right:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}}.payment-header{background-color:#e50060;color:#fff;padding:10px 20px;position:relative}@media (min-width:520px){.payment-header{padding:25px 50px}}.payment-header-text{color:#fff;font-size:18px;font-weight:700;line-height:20px}@media (min-width:520px){.payment-header-text{font-size:20px;line-height:24px}}.payment-header-close-link{color:#fff;display:block;font-size:0;line-height:0;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.payment-header-close-link:focus,.payment-header-close-link:hover{color:#fff;outline:none}@media (min-width:520px){.payment-header-close-link{right:50px}}.payment-header-close{-webkit-animation:payment-header-close-hover-out .25s ease-in-out 0s 1 normal forwards;animation:payment-header-close-hover-out .25s ease-in-out 0s 1 normal forwards;height:25px;width:25px}@media (min-width:520px){.payment-header-close{height:35px;width:35px}}.payment-header-close-link:focus .payment-header-close,.payment-header-close-link:hover .payment-header-close{-webkit-animation:payment-header-close-hover .25s ease-in-out 0s 1 normal forwards;animation:payment-header-close-hover .25s ease-in-out 0s 1 normal forwards;color:#fff}@-webkit-keyframes payment-header-close-hover{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}to{-webkit-transform:scale(1.2) rotate(90deg);transform:scale(1.2) rotate(90deg)}}@keyframes payment-header-close-hover{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}to{-webkit-transform:scale(1.2) rotate(90deg);transform:scale(1.2) rotate(90deg)}}@-webkit-keyframes payment-header-close-hover-out{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes payment-header-close-hover-out{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.payment-details{padding:10px 20px}@media (min-width:520px){.payment-details{padding:25px 50px}}.payment-items{display:block;padding:8px 0}.payment-items+.payment-items{border-top:1px solid #e4e5e6}.payment-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.payment-item-name{padding-right:25px}.payment-item-name,.payment-item-total{display:block;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.payment-item-total{padding-right:15px;text-align:right}.payment-item-price{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.payment-item-price .payment-text{white-space:nowrap}.payment-pay{background-color:#e4e5e6;padding:10px 20px 20px}@media (min-width:520px){.payment-pay{padding:25px 50px 40px}}.payment-errors{max-height:100px;min-height:25px;-webkit-transition:min-height .25s ease-in-out,max-height .25s ease-in-out;transition:min-height .25s ease-in-out,max-height .25s ease-in-out}.payment-errors:empty{max-height:0;min-height:0}.StripeElement{background-color:#fff;border:1px solid transparent;border-radius:5px;margin:15px 0 5px;padding:10px 12px}.StripeElement--invalid{border-color:#fa755a}.StripeElement--webkit-autofill{background-color:#fefde5!important}.payment-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0 0 -10px}.payment-buttons-button{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;padding:10px 0 0 10px}.payment-button{background-color:#3e4e59;border:none;border-radius:5px;color:#fff;display:block;font-size:16px;line-height:20px;padding:10px 15px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}.payment-button-submit{background-color:#45c48b}@media (min-width:520px){.payment-button{font-size:20px;line-height:24px}}.payment-button:not([disabled]):focus,.payment-button:not([disabled]):hover{color:#fff;cursor:pointer;outline:none;text-decoration:none}.payment-button[disabled]{background-color:#8ea3b2;cursor:default}.payment-button.submit-is-loading{background-color:#45c48b}.payment-icon-check{height:16px;width:16px}@media (min-width:520px){.payment-icon-check{height:20px;width:20px}}.payment-icon-back{height:22px;width:10px}@media (min-width:520px){.payment-icon-back{height:26px;width:13px}}.payment-icon{display:inline-block;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .25s ease-in-out,transform .25s ease-in-out,opacity .25s ease-in-out;transition:opacity .25s ease-in-out,transform .25s ease-in-out,opacity .25s ease-in-out}.payment-icon+span{-webkit-transition:margin-right .25s ease-in-out,margin-left .25s ease-in-out,opacity .25s ease-in-out;transition:margin-right .25s ease-in-out,margin-left .25s ease-in-out,opacity .25s ease-in-out}.submit-is-loading .payment-icon,.submit-is-loading .payment-icon+span{opacity:0;visibility:hidden}.payment-button:not([disabled]):focus .payment-icon,.payment-button:not([disabled]):hover .payment-icon{margin-left:-5px;opacity:1;-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}@media (min-width:520px){.payment-button:not([disabled]):focus .payment-icon,.payment-button:not([disabled]):hover .payment-icon{margin-left:-10px}}.payment-button:not([disabled]):focus .payment-icon+span,.payment-button:not([disabled]):hover .payment-icon+span{margin-right:-20px}@media (min-width:520px){.payment-button:not([disabled]):focus .payment-icon+span,.payment-button:not([disabled]):hover .payment-icon+span{margin-right:-10px}}.payment-button-spinner{height:25px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;width:25px}.submit-is-loading .payment-button-spinner{opacity:1}