@font-face{font-family:Roboto300;font-display:swap;src:url(/assets/Roboto-Light-CZE1r6-S.ttf)}@font-face{font-family:Roboto400;font-display:swap;src:url(/assets/Roboto-Regular-f0lhpOnz.ttf)}@keyframes icon-animation-front{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes icon-animation-front-invalid{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes icon-animation-back{0%{transform:scaleX(-1)}to{transform:scaleX(1)}}@keyframes icon-animation-american-express{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes icon-animation-visa{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes icon-animation-master-card{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes icon-animation-cup{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes icon-animation-diners-club{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes icon-animation-discover{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes icon-animation-jcb{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.text-main-green{color:#627f24!important}.bg-main-green{background-color:#627f24!important}.component-header{margin-top:10px;margin-bottom:10px;flex:0 0 auto}.component-content{margin-top:10px;margin-bottom:10px;flex:1 0 auto}.component-footer{margin-top:30px;margin-bottom:0;flex-shrink:0}.component-footer .separator{border-top:1px #909090 solid;height:1px;width:100%}.component-footer .footer-elements{display:flex;align-items:center;padding-top:20px;padding-bottom:20px;justify-content:flex-end}.component-footer .footer-elements #secupay-logo{margin-right:auto}.component-footer .footer-elements #secupay-logo img{height:20px}.component-footer .footer-elements .footer-links{list-style-type:none;padding:0;margin-bottom:0;margin-right:10px}.component-footer .footer-elements .footer-links .wrapper-link{display:inline-block}.component-footer .footer-elements .footer-links .wrapper-link:not(:last-child){border-right:1px #212529 solid}.component-footer .footer-elements .footer-links .wrapper-link a.element-link{text-decoration:none;color:#212529;padding-left:10px;padding-right:10px;font-size:16px}.component-footer .footer-elements .footer-links .wrapper-link a.element-link:hover{text-decoration:underline}.component-footer .footer-elements .lang-switcher{height:20px}@media(max-width:575.98px){.component-footer .footer-elements{flex-direction:column;justify-content:center}.component-footer .footer-elements .footer-links{margin-top:15px;margin-bottom:15px;margin-right:0}.component-footer .footer-elements #secupay-logo{margin-right:unset}}.wrapper-action-button,.wrapper-redirect-button,.wrapper-google-pay-button,.wrapper-apple-pay-button{text-align:right;margin-top:16px;margin-bottom:10px}.wrapper-action-button .element-action-button,.wrapper-action-button .element-redirect-button,.wrapper-redirect-button .element-action-button,.wrapper-redirect-button .element-redirect-button,.wrapper-google-pay-button .element-action-button,.wrapper-google-pay-button .element-redirect-button,.wrapper-apple-pay-button .element-action-button,.wrapper-apple-pay-button .element-redirect-button{background-color:#627f24!important;color:#fff;cursor:pointer;font-size:16px;font-family:Roboto400}.wrapper-action-button .element-action-button:hover,.wrapper-action-button .element-redirect-button:hover,.wrapper-redirect-button .element-action-button:hover,.wrapper-redirect-button .element-redirect-button:hover,.wrapper-google-pay-button .element-action-button:hover,.wrapper-google-pay-button .element-redirect-button:hover,.wrapper-apple-pay-button .element-action-button:hover,.wrapper-apple-pay-button .element-redirect-button:hover{background-color:#7ba02d!important}.wrapper-action-button .element-action-button:focus,.wrapper-action-button .element-redirect-button:focus,.wrapper-redirect-button .element-action-button:focus,.wrapper-redirect-button .element-redirect-button:focus,.wrapper-google-pay-button .element-action-button:focus,.wrapper-google-pay-button .element-redirect-button:focus,.wrapper-apple-pay-button .element-action-button:focus,.wrapper-apple-pay-button .element-redirect-button:focus{outline:0;box-shadow:none}.wrapper-action-button .element-action-button:focus-visible,.wrapper-action-button .element-redirect-button:focus-visible,.wrapper-redirect-button .element-action-button:focus-visible,.wrapper-redirect-button .element-redirect-button:focus-visible,.wrapper-google-pay-button .element-action-button:focus-visible,.wrapper-google-pay-button .element-redirect-button:focus-visible,.wrapper-apple-pay-button .element-action-button:focus-visible,.wrapper-apple-pay-button .element-redirect-button:focus-visible{outline:2px solid #000;outline-offset:-2px}.wrapper-close-button{text-align:right}.wrapper-close-button .element-close-button{cursor:pointer}.wrapper-headline .element-headline{color:#627f24;font-size:24px;font-family:Roboto400;text-transform:uppercase}.wrapper-sub-headline .element-sub-headline{color:#212529;font-size:16px;font-family:Roboto400}.wrapper-text .element-text{color:#212529;font-size:16px}.wrapper-text .element-text p{margin-bottom:5px}.wrapper-debit-form .element-debit-form .form-label{font-size:16px;color:#212529}.wrapper-debit-form .element-debit-form input:focus{border-color:#627f24!important;box-shadow:none}.wrapper-debit-form .element-debit-form .has-errors input{border-color:#d41716}.wrapper-debit-form .element-debit-form .has-errors input:focus{border-color:#d41716!important;box-shadow:none}.wrapper-debit-form .element-debit-form .has-errors .error-message{margin-top:10px;color:#d41716;font-size:12px}.wrapper-credit-form .element-credit-form input{font-size:14px}.wrapper-credit-form .element-credit-form input:-webkit-autofill{-webkit-text-fill-color:#212529;transition:background-color 5000s ease-in-out 0s}.wrapper-credit-form .element-credit-form [name=owner]{border:1px solid #ced4da}.wrapper-credit-form .element-credit-form [name=owner]:focus{box-shadow:none}.wrapper-credit-form .element-credit-form .card-data{display:flex;border:1px solid #ced4da;border-radius:.25rem}.wrapper-credit-form .element-credit-form .card-data input{border:none;border-radius:0}.wrapper-credit-form .element-credit-form .card-data input::placeholder{font-size:12px}.wrapper-credit-form .element-credit-form .card-data input:focus{box-shadow:none}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number{flex-grow:1}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number input{padding-left:44px}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon{left:10px;top:6px;position:absolute;display:flex;justify-content:center;align-items:center;z-index:1}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.loading{animation:none!important;display:none}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.cc-company{border:1px #ddd solid;border-radius:2px;background:#eee;padding:3px;width:27px;height:20px}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.cc-company.american-express{animation:icon-animation-american-express .2s}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.cc-company.visa{animation:icon-animation-visa .2s}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.cc-company.master-card{animation:icon-animation-master-card .2s}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.cc-company.cup{animation:icon-animation-cup .2s}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.cc-company.diners-club{animation:icon-animation-diners-club .2s}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.cc-company.discover{animation:icon-animation-discover .2s}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.cc-company.jcb{animation:icon-animation-jcb .2s}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.cc-company svg{max-height:10px}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.front{border:none;animation:icon-animation-front .2s}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.front svg{width:25px}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.front-invalid{border:none;animation:icon-animation-front-invalid .2s}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.front-invalid svg{width:25px}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.back{border:none;animation:icon-animation-back .2s}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon.back svg{width:25px}.wrapper-credit-form .element-credit-form .card-data .wrapper-card-number .cc-icon svg{display:block;height:auto}.wrapper-credit-form .element-credit-form .card-data .wrapper-exp-date{min-width:66px;flex-basis:0}.wrapper-credit-form .element-credit-form .card-data .wrapper-exp-date input{padding-right:.5rem}.wrapper-credit-form .element-credit-form .card-data .wrapper-cvc{min-width:50px;flex-basis:0}.wrapper-credit-form .element-credit-form .card-data .wrapper-cvc input{padding-left:.5rem}.wrapper-credit-form .element-credit-form .has-errors>input{color:#d41716}.wrapper-credit-form .element-credit-form .has-errors .error-message{margin-top:10px;color:#d41716;font-size:12px}.wrapper-dynamic-form .element-dynamic-form .has-errors input{border-color:red}.wrapper-dynamic-form .element-dynamic-form .has-errors .error-message{margin-top:10px;color:#d41716;font-size:12px;margin-bottom:0}.wrapper-dynamic-form .element-dynamic-form .form-field-wrapper{margin-top:20px}.wrapper-amount .element-amount{font-size:16px;color:#183852}.wrapper-table{margin-top:10px;margin-bottom:10px}.wrapper-table .element-table table{width:auto;margin-bottom:0}.wrapper-table .element-table table td{border-bottom:none;padding:2px 8px;color:#212529}.wrapper-table .element-table table td:first-child{padding-left:0}.wrapper-qr-code{margin-top:30px;margin-bottom:10px;text-align:center}.wrapper-accordion .element-accordion-element{margin-bottom:10px}.wrapper-accordion .element-accordion-element.expanded .header{background:#d7e2c0;width:100%}.wrapper-accordion .element-accordion-element.expanded .content{transition:max-height .2s ease-in}.wrapper-accordion .element-accordion-element.collapsed .content{transition:max-height .2s ease-out;overflow:hidden}.wrapper-accordion .element-accordion-element .header{height:40px;border:1px #ddd solid;padding:4px 10px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;cursor:pointer;width:100%;background-color:rgba(0,0,0,0)}.wrapper-accordion .element-accordion-element .header .icons{display:flex;align-items:center}.wrapper-accordion .element-accordion-element .header .icons .payment-method-icon,.wrapper-accordion .element-accordion-element .header .icons .cc-icon{margin-right:6px}.wrapper-accordion .element-accordion-element .header .icons svg{height:auto;width:auto;max-height:25px;max-width:130px;display:block}.wrapper-accordion .element-accordion-element .header .icons .cc-icon svg{max-height:15px;max-width:70px}@media(max-width:450px){.wrapper-accordion .element-accordion-element .header .icons .cc-icon{margin-right:4px}.wrapper-accordion .element-accordion-element .header .icons .cc-icon svg{max-width:50px;max-height:10px}}.wrapper-accordion .element-accordion-element .header .name{display:inline-block}.wrapper-accordion .element-accordion-element .content{padding:0;overflow:hidden}.wrapper-apple-pay-button .element-apple-pay-button{width:90px;height:30px;border-radius:5px;background-image:-webkit-named-image(apple-pay-logo-white);background-position:50% 50%;background-color:#000;background-size:60%;background-repeat:no-repeat}*,*:before,*:after{box-sizing:border-box;position:relative}.initialization .wrapper-spinner{position:fixed}.initialized .wrapper-spinner{position:absolute}.wrapper-spinner{top:calc(50% - 50px);left:calc(50% - 50px);z-index:100}.wrapper-spinner .bg-cover{position:fixed;width:100%;height:100%;background-color:#fff;z-index:102;top:0;left:0;opacity:.7}.wrapper-spinner .spinner{width:100px;height:100px;animation:contanim 2s linear infinite;z-index:103}.wrapper-spinner .spinner svg{display:block;margin:0;padding:0;width:100%;height:100%;left:0;top:0;position:absolute;transform:rotate(-90deg)}.wrapper-spinner .spinner svg:nth-child(1) circle{stroke:#868686;stroke-dasharray:1,300;stroke-dashoffset:0;animation:strokeanim 3s .2s ease infinite;transform-origin:center center}.wrapper-spinner .spinner svg:nth-child(2) circle{stroke:#c7c7c6;stroke-dasharray:1,300;stroke-dashoffset:0;animation:strokeanim 3s .4s ease infinite;transform-origin:center center}.wrapper-spinner .spinner svg:nth-child(3) circle{stroke:#7c9c2b;stroke-dasharray:1,300;stroke-dashoffset:0;animation:strokeanim 3s .6s ease infinite;transform-origin:center center}.wrapper-spinner .spinner svg:nth-child(4) circle{stroke:#b9cd13;stroke-dasharray:1,300;stroke-dashoffset:0;animation:strokeanim 3s .8s ease infinite;transform-origin:center center}@keyframes strokeanim{0%{stroke-dasharray:1,300;stroke-dashoffset:0}50%{stroke-dasharray:120,300;stroke-dashoffset:-140}to{stroke-dasharray:120,300;stroke-dashoffset:-420}}@keyframes contanim{to{transform:rotate(360deg)}}.cursor-pointer{cursor:pointer}body{display:flex;justify-content:center;font-family:Roboto300;font-weight:300}body.custom-background{background-size:cover!important;background-attachment:fixed!important}body.initialized{background-color:#eee}body #pay-secupay-app{width:100%;max-width:900px;background:#fff;padding:0 20px;margin:20px;overflow:auto}body #pay-secupay-app>div.initialized{padding-top:20px;padding-bottom:10px;height:calc(100vh - 40px);display:flex;flex-direction:column}@media(max-width:575.98px){body #pay-secupay-app{margin:0}body #pay-secupay-app>div.initialized{height:100vh}}