.container{position:absolute;top:0;left:50%;width:100%;max-width:400px;height:100%;min-height:500px;padding:20px;box-sizing:border-box;transform:translate(-50%)}.container>.header{z-index:100;position:absolute;top:20px;left:20px;right:20px;display:flex;flex-direction:row;align-items:center;height:30px}.container>.header .title{flex-grow:1;color:#000;font-size:20px;font-weight:700}.container>.header .amount{flex-grow:0;color:#314260;font-size:24px;font-weight:700}.container>.payment{padding-top:30px}.container .button-pay{width:100%;height:36px;cursor:pointer;color:#fff;font-size:16px;text-shadow:#FBFDFC;border:none;border-radius:9px;background-color:#314260}.methods{padding:15px 0}.delimiter{display:flex;flex-direction:row;width:100%;padding:10px 0}.delimiter span{display:block;padding:0 15px;white-space:nowrap}.delimiter:after,.delimiter:before{content:"";display:block;width:auto;flex-grow:1;border-bottom:1px solid #000000;transform:translateY(-48%)}.item{display:flex;height:36px;flex-direction:row;align-items:center;padding:4px 8px;margin:6px 0;overflow:hidden;cursor:pointer;vertical-align:middle;border:1px solid #D8DFE7;border-radius:9px;background-color:#fbfdfc}.item input{margin-right:10px}.item .icon{width:34px;height:22px;margin-right:5px;background-image:url(/assets/generic.b583c90f.svg);background-position:center;background-size:contain;background-repeat:no-repeat}.item .icon.amex{background-image:url(/assets/amex.c8a783d6.svg)}.item .icon.diners{background-image:url(/assets/diners.d4615f2e.svg)}.item .icon.discover{background-image:url(/assets/discover.7c51c2b9.svg)}.item .icon.electron{background-image:url(/assets/visa.ce11dfd8.svg)}.item .icon.jcb{background-image:url(/assets/jcb.23ae6597.svg)}.item .icon.maestro{background-image:url(/assets/maestro.0c6248a0.svg)}.item .icon.mastercard{background-image:url(/assets/mastercard.7b357588.svg)}.item .icon.visa{background-image:url(/assets/visa.ce11dfd8.svg)}.item .icon.unionpay{background-image:url(/assets/unionpay.0e3ec0e1.svg)}.item .card .exp{font-size:12px}.form{padding-bottom:20px}.form .error{height:14px;font-size:12px;color:red;text-align:center}.payment-thirdparty{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.payment-thirdparty>div{flex-grow:0;padding:5px}.payment-card .input{height:34px;padding:0 10px;overflow:hidden;box-sizing:border-box;vertical-align:middle;border:1px solid #D8DFE7;border-radius:9px;background-color:#fbfdfc}.payment-card .input.exp,.payment-card .input.cvv{display:inline-block;width:100px}.accordion-container{overflow-y:hidden;transition:max-height .3s ease-in-out}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#314260;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status{z-index:99;opacity:1;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ecf0f3;transition:opacity .3s ease-in-out}.status.fadeout{opacity:0}.status .wrapper{position:absolute;top:50%;left:20px;right:20px;text-align:center;transform:translateY(-50%)}.status .wrapper .icon{display:inline-block;width:80px;height:80px;background-size:contain;background-position:center;background-repeat:no-repeat}.status .wrapper .icon.pending{background-image:url(/assets/pending.f510a6c5.svg)}.status .wrapper .icon.success{background-image:url(/assets/success.3e5b0383.svg)}.status .wrapper .icon.fail{background-image:url(/assets/fail.20c3193c.svg)}.status .wrapper .text{margin-top:10px;color:#314260;font-size:20px;font-weight:700;text-align:center}@font-face{font-family:SF Pro Display;font-weight:400;src:url(/assets/SFProDisplay-Regular.287c6e4a.ttf)}@font-face{font-family:SF Pro Display;font-weight:700;src:url(/assets/SFProDisplay-Bold.ab84e52d.ttf)}@supports (-webkit-appearance: -apple-pay-button){.apple-pay-button{display:inline-block;-webkit-appearance:-apple-pay-button}.apple-pay-button-black{-apple-pay-button-style:black}.apple-pay-button-white{-apple-pay-button-style:white}.apple-pay-button-white-with-line{-apple-pay-button-style:white-outline}}@supports not (-webkit-appearance: -apple-pay-button){.apple-pay-button{display:inline-block;background-size:100% 60%;background-repeat:no-repeat;background-position:50% 50%;border-radius:5px;padding:0;box-sizing:border-box;min-width:200px;min-height:32px;max-height:64px}.apple-pay-button-black{background-image:-webkit-named-image(apple-pay-logo-white);background-color:#000}.apple-pay-button-white{background-image:-webkit-named-image(apple-pay-logo-black);background-color:#fff}.apple-pay-button-white-with-line{background-image:-webkit-named-image(apple-pay-logo-black);background-color:#fff;border:.5px solid black}}html,body{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box;font-family:SF Pro Display;background-color:#ecf0f3}body{padding:20px}.row{display:table;width:100%}.row>*{display:table-cell;width:100%;padding:6px;vertical-align:middle}.row>*.right{text-align:right}.row>*:first-child{padding-left:0}.row>*:last-child{padding-right:0}.row .col-6{width:50%}.row .col-12{display:table-cell}