@font-face{font-family:PF DinDisplay Pro;src:url(../fonts/PFDinDisplayPro-Light.8eb077e3.eot);src:url(../fonts/PFDinDisplayPro-Light.15513992.woff) format("woff");src:url(../fonts/PFDinDisplayPro-Light.1a72f6a1.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:CustomRoboto;src:url(../fonts/Roboto-Light.333da16a.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;--bg-card:#ecf1f7}.bg-test{z-index:50;width:100%;max-width:393px}.bg-test,.bg-test-default{position:absolute;border-radius:15px;height:255px;transition:background-color 1s linear}.bg-test-default{background:#ecf1f7;z-index:20;width:393px}.logo_klev img{animation:opacityImg 1.2s ease}.card-bg-start{background-size:400% 400%;animation:gradientStart 1s ease}.card-bg-end{background-size:400% 400%;background-position-x:100%;animation:gradientReverseMain 1s ease}.card-bg-end img,.card-bg-start img{animation:opacityImg 1.2s ease}.bg-white{background:#fff!important}.bg-yellow{background:#ffd300!important}.text-yellow{color:#ffd300!important}.text-black{color:#000!important}.text-negative{color:#ff0300}.bg-negative{background:#c9c9c9!important}.h1_main{font-family:CustomRoboto;font-style:normal;font-weight:300;font-size:30px;line-height:35px;text-align:center;text-transform:uppercase;color:#000;margin-top:70px;margin-bottom:46px}.credit_card_form{max-width:865px;flex-direction:column}.credit_card_form,.credit_card_wrapper{width:100%;display:flex;justify-content:space-between}.credit_card_wrapper{align-items:center;margin-bottom:27px}.credit_card{width:100%;max-width:393px;height:255px;border-radius:15px;align-items:center;justify-content:center}.body_wrapper,.credit_card{display:flex;flex-direction:column}.body_wrapper{min-height:100vh}.body_wrapper,.currency_wrapper{text-align:center}.btn_vkd{margin-right:18px;border-radius:30px;border:1px solid #b6b6b6}.q-btn__wrapper{padding:5px}.btn_vkd:last-child{margin-right:0}.btn_vkd_active{border:2px solid #ffd300}.input_currency{width:100%;max-width:218px;display:flex;flex-direction:column}.bottom-controls{margin-top:30px;display:flex;justify-content:center}.custom-input .q-field--error .q-field__label{animation:none}.custom-input .q-field__label{z-index:200;width:-webkit-min-content;width:min-content;right:0!important;margin-left:auto;margin-right:auto;background-color:#fff;font-size:20px;padding:0 2%;line-height:normal;transform-origin:top!important;transition:all 0.3s ease}.custom-input .q-field--float .q-field__label{transform:translateY(-110%) scale(0.75)!important;transition:all 0.3s ease}.custom-input .q-field__native{text-align:center;font-size:20px;margin-bottom:15px}.custom-input .q-field__control:after,.custom-input .q-field__control:before{border-radius:8px}.span_сommission{font-family:PF DinDisplay Pro;font-style:normal;font-weight:200;font-size:14px;line-height:17px;text-align:center}.footer_btn{height:54px;width:194px;display:flex;flex-direction:column}.q-field__control{padding:0}.arrow_down{transform:rotate(90deg);display:none}@media screen and (max-width:960px){.credit_card,.credit_card_wrapper{display:flex;flex-direction:column;justify-content:center}.credit_card{width:100%;max-height:255px}.main_input{width:100%!important}.arrow_left{display:none}.arrow_down{display:block;margin:13px auto 13px auto}.btn_vkd,.btn_vkd:last-child{margin:18px}.grey_line{width:80%;max-width:590px;margin:32px auto 0 auto}.bottom-controls{margin-bottom:30px}}@media screen and (max-width:487px){.bottom-controls{display:block;margin:0 auto 40px auto}.footer_btn{margin:0 auto}.credit_card{max-width:293px}.bg-test{max-width:340px;height:230px}.input_wrapper{width:90%!important}.currency_wrapper,.input_currency{margin-bottom:20px}.btn_vkd{max-width:100px}}