.cc-input{position:relative;text-align:left;padding-top:25px;display:flex}.cc-input::before{content:"";position:absolute;top:25px;bottom:0;left:0;right:0;background-color:#f2f2f2;border:0 none;border-bottom:1px solid #f2f2f2;border-radius:8px;z-index:0}
.cc-input input{font-family:Roboto,sans-serif,arial,Helvetica;font-size:18px;line-height:1.3;color:#333;background-color:transparent;border:0 none;border-bottom:1px solid transparent;border-radius:8px;padding:16px 32px 16px 24px;width:0;flex:1 1 auto;outline:0;position:relative;box-shadow:none;z-index:2}
.cc-input.prefixed input{border-bottom-left-radius:0}.cc-input input:focus{border-bottom-color:#b9b9b9}.cc-input label{font-size:14px;color:#81909d;position:absolute;top:0;left:0;transition:all .3s;z-index:1}
.cc-input input:placeholder-shown+label{font-size:14px;top:42px;left:24px}.cc-input.prefixed input:placeholder-shown+label{left:104px}.cc-input input:focus+label,.cc-input input:not(:placeholder-shown)+label,.cc-input.prefixed input:focus+label,.cc-input.prefixed input:not(:placeholder-shown)+label{font-size:14px;left:0;top:0}
.cc-input.prefixed .input-prefix{flex:0 0 auto}.cc-input.prefixed .input-prefix,.cc-input.prefixed .input-prefix input,.cc-input.prefixed .input-prefix select{width:80px;max-width:100%;padding-top:0;padding-right:0}
.cc-input.prefixed .input-prefix input,.cc-input.prefixed .input-prefix select{padding-top:16px}.cc-input.prefixed .input-prefix::before{top:0}.cc-input .placeholder{position:absolute;top:42px;left:0;color:#b9b9b9;opacity:0;z-index:0;transition:opacity .5s}
.cc-input.prefixed .placeholder{left:104px}.cc-input input:not(.input-prefix):focus:placeholder-shown ~ .placeholder{opacity:1}.cc-input.currency input{padding-right:30px}.cc-input .currency-code{font-size:15px;font-weight:500;color:#b1b0b2;position:absolute;bottom:10px;right:0}
.cc-input .error{font-size:12px;line-height:1;color:#b42527;position:absolute;top:84px;right:0;z-index:1;display:none}.cc-input.currency.valid input,.cc-input.currency.invalid input{padding-right:54px}
.cc-input.currency.valid .currency-code,.cc-input.currency.invalid .currency-code{right:22px}.cc-input.valid::after,.cc-input.invalid::after{font-family:"ccicon";text-align:center;position:absolute;width:16px;height:16px;border-radius:10px}
.cc-input.valid::after{content:"\e905";font-size:10px;color:#fff;line-height:1.7;background-color:#00b46f;bottom:20px;right:10px}.cc-input.invalid::after{content:"\e90c";color:#e40613;font-size:20px;line-height:1;right:10px;bottom:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.cc-input.invalid .error{display:block}.cc-input.valid input{border-bottom-color:#00b46f}.cc-input.invalid input{border-bottom-color:#e40613}