@font-face{font-family:OCRAbyBT;src:url(fonts/OCRAbyBT.ttf);font-weight:normal}@font-face{font-family:GoogleSans;src:url(fonts/GoogleSans-Medium.ttf);font-weight:bold}@font-face{font-family:Roboto;src:url(fonts/Roboto-Regular.ttf);font-weight:normal}body,html{margin:0;padding:0;width:100%;height:100%}body{display:flex;flex-direction:column}html{overflow:hidden}@keyframes rotate360{100%{transform:rotate(360deg)}}@keyframes render-fix{100%{opacity:0.99}}.root{--ref: 360;display:flex;visibility:hidden;flex-direction:column;justify-content:flex-start;align-items:center;perspective:1000px;flex-grow:1}.root.root--visible{visibility:visible}.card__container{max-width:376px;width:100%;height:calc((var(--ref) * 220px) / 360);margin-top:calc((var(--ref) * 48px) / 360);-moz-backface-visibility:hidden;transition:transform 1s;transform-style:preserve-3d;pointer-events:none}.card__container .card__front,.card__container .card__back{height:calc((var(--ref) * 220px) / 360);border-radius:calc((var(--ref) * 13px) / 360);color:white;background-repeat:no-repeat;background-color:#404141;margin:0 8px;box-shadow:8px 8px 10px -5px rgba(0,0,0,0.2),6px 6px 30px 5px rgba(0,0,0,0.12),16px 16px 24px 2px rgba(0,0,0,0.14),inset 0 1px 0 0 rgba(255,255,255,0.5)}.card__container .card__front .card__bg-image,.card__container .card__back .card__bg-image{height:calc((var(--ref) * 220px) / 360)}.card__container .card__front .card__face__content,.card__container .card__back .card__face__content{position:relative;top:calc((var(--ref) * -220px) / 360)}.card__container .card__front .card__number,.card__container .card__back .card__number{padding-left:calc((var(--ref) * 24px) / 360);line-height:calc((var(--ref) * 24px) / 360);font-size:calc((var(--ref) * 28px) / 360)}.card__container .card__front .card__number span:nth-child(4n),.card__container .card__back .card__number span:nth-child(4n){padding-right:calc((var(--ref) * 10px) / 360)}.card__container .card__front .card__number span:last-child,.card__container .card__back .card__number span:last-child{padding-right:0}.card__container .card__front .card__goodthru,.card__container .card__back .card__goodthru{display:flex;align-items:center;padding-top:calc((var(--ref) * 21px) / 360);padding-left:calc((var(--ref) * 104px) / 360)}.card__container .card__front .card__goodthru .card__text,.card__container .card__back .card__goodthru .card__text{font-family:Roboto, sans-serif;font-size:calc((var(--ref) * 8px) / 360);font-weight:500;line-height:1;letter-spacing:0.08px}.card__container .card__front .card__goodthru .card__arrow,.card__container .card__back .card__goodthru .card__arrow{width:calc((var(--ref) * 18px) / 360);height:calc((var(--ref) * 18px) / 360);display:flex;justify-content:center;align-items:center;font-size:calc((var(--ref) * 10px) / 360);transform:scaleX(0.6);opacity:0.4}.card__container .card__front .card__goodthru .card__expiry,.card__container .card__back .card__goodthru .card__expiry{position:relative;top:-2px;line-height:0.9;font-size:calc((var(--ref) * 20px) / 360)}.card__container .card__front{background-size:contain;backface-visibility:hidden;display:flex;flex-direction:column;position:relative;top:calc((var(--ref) * -220px) / 360)}.card__container .card__front .card__bank-icon{padding-top:calc((var(--ref) * 21px) / 360);padding-left:calc((var(--ref) * 24px) / 360);height:calc((var(--ref) * 32px) / 360);display:flex}.card__container .card__front .card__bank-icon img{max-height:calc((var(--ref) * 32px) / 360)}.card__container .card__front .card__bank-icon .card__bank-icon-filler{flex-grow:1;height:calc((var(--ref) * 32px) / 360)}.card__container .card__front .card__number{padding-top:calc((var(--ref) * 73px) / 360)}.card__container .card__front .card__number .card__digit{opacity:0.3;font-family:OCRAbyBT;text-shadow:0 2px 2px rgba(0,0,0,0.4)}.card__container .card__front .card__number .card__digit.card__digit--highlighted{opacity:1}.card__container .card__front .card__goodthru .card__expiry .card__digit{opacity:0.3;font-family:OCRAbyBT;text-shadow:0 2px 2px rgba(0,0,0,0.4)}.card__container .card__front .card__goodthru .card__expiry .card__digit.card__digit--highlighted{opacity:1}.card__container .card__front .card__type-container{display:flex;justify-content:flex-end;padding-right:calc((var(--ref) * 9px) / 360)}.card__container .card__front .card__type-container .card__icon-container{width:calc((var(--ref) * 48px) / 360);display:flex;justify-content:center;align-items:center}.card__container .card__front .card__type-container .card__icon-container img.card__icon--hidden{visibility:hidden}.card__container .card__front .card__type-container .card__icon-container img.card__icon--visa{width:calc((var(--ref) * 40px) / 360)}.card__container .card__front .card__type-container .card__icon-container img.card__icon--mastercard{width:calc((var(--ref) * 25px) / 360)}.card__container .card__front .card__type-container .card__icon-container img.card__icon--mir{width:calc((var(--ref) * 40px) / 360)}.card__container .card__back{background-size:contain;transform:rotateY(180deg)}.card__container .card__back .card__number{transform:rotateY(180deg);padding-top:calc((var(--ref) * 127px) / 360)}.card__container .card__back .card__number .card__digit{font-family:OCRAbyBT;text-shadow:0 1px 1px rgba(255,255,255,0.08);color:rgba(0,0,0,0.4)}.card__container .card__back .card__goodthru{transform:rotateY(180deg)}.card__container .card__back .card__goodthru .card__text,.card__container .card__back .card__goodthru .card__arrow{visibility:hidden}.card__container .card__back .card__goodthru .card__expiry .card__digit{font-family:OCRAbyBT;text-shadow:0 1px 1px rgba(255,255,255,0.08);color:rgba(0,0,0,0.4)}.card__container.card__container--flipped{transform:rotateY(-180deg)}form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding-top:calc((var(--ref) * 32px) / 360)}.card__form-container{width:100%}.card__form-container input{border:none;background:none;font-family:Roboto, sans-serif;font-size:16px;color:rgba(255,255,255,0.87)}.card__form-container .card__input-error-icon{width:18px;height:18px;display:none;justify-content:center;align-items:center}.card__form-container .card__input-error-icon img{width:15px;height:15px}.card__form-container .card__number-input{background-color:rgba(0,0,0,0.32);height:48px;padding:0 12px 0 16px;margin:0 8px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,0.2);border-radius:8px 8px 0 0}.card__form-container .card__number-input.card__input-frame--active{background-color:#121212}.card__form-container .card__number-input input{flex-grow:1;flex-shrink:1;width:164px}.card__form-container .card__number-input.card__input-error input{color:#eb4e45}.card__form-container .card__number-input.card__input-error .card__input-error-icon{display:flex}.card__form-container .card__number-input.card__input-error .card__number-type{display:none}.card__form-container .card__number-input .card__number-type{display:flex;justify-content:flex-end}.card__form-container .card__number-input .card__number-type .card__icon{width:24px;height:24px;justify-content:center;align-items:center;margin-right:4px;display:none}.card__form-container .card__number-input .card__number-type .card__icon:last-child{margin-right:0}.card__form-container .card__number-input .card__number-type .card__icon.card__icon--visa img{width:20px}.card__form-container .card__number-input .card__number-type .card__icon.card__icon--mir img{width:22px}.card__form-container .card__number-input .card__number-type .card__icon.card__icon--mastercard img{width:18px}.card__form-container .card__number-input .card__number-type.card__number-type--empty{opacity:0.3}.card__form-container .card__number-input .card__number-type.card__number-type--empty .card__icon.card__icon--visa,.card__form-container .card__number-input .card__number-type.card__number-type--empty .card__icon.card__icon--mir,.card__form-container .card__number-input .card__number-type.card__number-type--empty .card__icon.card__icon--mastercard{display:flex}.card__form-container .card__number-input .card__number-type.card__number-type--visa .card__icon.card__icon--visa{display:flex}.card__form-container .card__number-input .card__number-type.card__number-type--mastercard .card__icon.card__icon--mastercard{display:flex}.card__form-container .card__number-input .card__number-type.card__number-type--mir .card__icon.card__icon--mir{display:flex}.card__form-container .card__expiry-and-cvv{display:flex;height:48px;justify-content:stretch;border:1px solid rgba(255,255,255,0.2);border-top:none;border-radius:0 0 8px 8px;margin:0 8px}.card__form-container .card__expiry-and-cvv .card__expiry{background-color:rgba(0,0,0,0.32);display:flex;align-items:center;padding:0 12px 0 16px;flex-basis:50%;justify-content:space-between;border-radius:0 0 0 8px;border-right:1px solid rgba(255,255,255,0.2)}.card__form-container .card__expiry-and-cvv .card__expiry.card__input-frame--active{background-color:#121212}.card__form-container .card__expiry-and-cvv .card__expiry input{width:69px;flex-grow:1;flex-shrink:1}.card__form-container .card__expiry-and-cvv .card__expiry.card__input-error input{color:#eb4e45}.card__form-container .card__expiry-and-cvv .card__expiry.card__input-error .card__input-error-icon{display:flex}.card__form-container .card__expiry-and-cvv .card__cvv{background-color:rgba(0,0,0,0.32);border-radius:0 0 8px 0;display:flex;align-items:center;padding:0 12px 0 16px;flex-basis:50%;justify-content:space-between}.card__form-container .card__expiry-and-cvv .card__cvv.card__input-frame--active{background-color:#121212}.card__form-container .card__expiry-and-cvv .card__cvv input{width:40px;flex-grow:1;flex-shrink:1}.card__form-container .card__expiry-and-cvv .card__cvv.card__input-error input{color:#eb4e45}.card__form-container .card__expiry-and-cvv .card__cvv.card__input-error .card__input-error-icon{display:flex}.card__submit-button{margin-top:40px;width:calc((var(--ref) * 352px) / 360);height:40px}.card__submit-button button{width:calc((var(--ref) * 352px) / 360);height:100%;padding:0;margin:0;position:relative;z-index:0;border-radius:8px;box-shadow:0 2px 4px -1px rgba(0,0,0,0.2),0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px 0 rgba(0,0,0,0.14);border:none;background-color:#304ffe;transition:background-color 200ms ease;cursor:pointer}.card__submit-button button .card__text{font-family:Roboto, sans-serif;font-size:14px;font-weight:500;cursor:pointer;color:rgba(255,255,255,0.8);line-height:40px;height:40px;transition:color 200ms ease}.card__submit-button button:hover{background-color:#263fcb}.card__submit-button button:hover span{color:rgba(255,255,255,0.8)}.card__submit-button button[disabled]{cursor:default;background-color:rgba(255,255,255,0.04)}.card__submit-button button[disabled] .card__text{opacity:0.3}.card__submit-button button .card__icon{width:calc((var(--ref) * 352px) / 360);height:40px;position:relative;top:-40px;display:flex;align-items:center;justify-content:flex-end}.card__submit-button button .card__icon .card__loader{display:none;width:26px;height:26px;padding-right:10px}.card__submit-button button .card__icon .card__loader .card__loader-spinner{width:26px;height:26px;animation:rotate360 1s linear infinite}.card__submit-button button .card__icon .card__loader .card__loader-spinner img{width:26px;height:26px}.card__submit-button button .card__icon .card__loader .card__loader-logo{width:26px;height:26px;position:relative;top:-26px;display:flex;justify-content:center;align-items:center}.card__submit-button button .card__icon .card__loader .card__loader-logo img{width:10px;height:16px}.card__submit-button button .card__icon .card__lock{display:none;width:18px;height:18px;justify-content:center;align-items:center;padding-right:16px}.card__submit-button button .card__icon .card__lock img{width:12px;height:15px}.card__submit-button button .card__icon.card__icon--loader .card__loader{display:block}.card__submit-button button .card__icon.card__icon--lock .card__lock{display:flex}.card__submit-button button .card__icon.card__icon--disabled{opacity:0.3}.card__terms{text-align:center;padding:16px 16px;height:26px;position:relative;z-index:1;font-family:Roboto;font-size:12px;color:rgba(255,255,255,0.3)}.card__terms a{color:rgba(255,255,255,0.8);text-decoration:underline rgba(255,255,255,0);transition:color 100ms ease, text-decoration 100ms ease}.card__terms a:hover{color:white;text-decoration:underline white}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px transparent inset;transition:background-color 5000s ease-in-out 0s;background:rgba(0,0,0,0.8);-webkit-text-fill-color:white}*:focus{outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}.progress__html,.progress__html body,.error__html,.error__html body{width:100%;height:100%}.error__html body,.progress__html body{display:flex;flex-direction:column;justify-content:center;align-items:center}.progress__loader{width:110px;height:110px}.progress__loader .progress__spinner,.progress__loader .progress__logo{width:110px;height:110px;display:flex;justify-content:center;align-items:center}.progress__loader .progress__logo{position:relative;top:-110px}.progress__loader .progress__logo img{animation:render-fix 1s infinite linear}.progress__loader .progress__spinner img{animation:rotate360 1s infinite linear}.progress__title{margin-top:24px;font-family:Roboto;font-size:20px;font-weight:bold;text-align:center;color:white}.progress__subtitle{margin-top:10px;font-family:Roboto;font-size:16px;font-weight:normal;color:rgba(255,255,255,0.87)}.error__logo{width:90px;height:82px}.error__logo .error__image{width:90px}.error__logo .error__image--blur{filter:blur(30px)}.error__logo .error__image--normal{position:relative;top:-82px}.error__title{font-family:Roboto;font-size:20px;font-weight:bold;color:white;margin-top:60px}.error__subtitle{font-family:Roboto;font-size:16px;color:rgba(255,255,255,0.87);text-align:center;line-height:1.5;margin-top:10px}.error__button{width:238px;height:40px;padding:0;margin:32px 0 0 0;position:relative;z-index:0;border-radius:8px;box-shadow:0 2px 4px -1px rgba(126,81,255,0.2),0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px 0 rgba(0,0,0,0.14);border:none;background-color:#304ffe;transition:background-color 200ms ease, color 200ms ease;cursor:pointer;font-family:Roboto, sans-serif;font-size:14px;font-weight:500;color:rgba(255,255,255,0.8);line-height:40px}.error__button:hover{background-color:#263fcb;color:rgba(255,255,255,0.8)}.button__ripple-container{width:100%;height:40px;position:absolute;overflow:hidden;border-radius:8px;top:0}.button__ripple-container .button__ripple{position:absolute;z-index:1;background-color:rgba(255,255,255,0.12);cursor:pointer;width:50px;height:50px;border-radius:50%;animation:ripple 2s}@keyframes ripple{from{transform:scale(0);opacity:1}to{transform:scale(100);opacity:0}}