.login-page .login-container .login-form .user-type__custom-radio-button-container{display:flex;align-items:center;justify-content:space-between;position:relative;border:2px solid #F5F4FC;border-radius:80px;width:288px;height:48px;margin-bottom:40px}.login-page .login-container .login-form .user-type__custom-radio-button-container .user-type__custom-radio-button-container__floating-block{position:absolute;top:6px;background:#f64d0d;border-radius:80px;z-index:1;left:6px;transition:.3s}.login-page .login-container .login-form .user-type__custom-radio-button-container .user-type__custom-radio-button-container__floating-block.toRight{left:calc(100% - 6px);transform:translate(-100%)}.login-page .login-container .login-form .user-type__custom-radio-button-container>div{display:flex;justify-content:center;align-items:center;width:50%;height:77%;z-index:2;cursor:pointer}.login-page .login-container .login-form .user-type__custom-radio-button-container>div i{margin-right:5px;color:#332ea9;transition:.3s}.login-page .login-container .login-form .user-type__custom-radio-button-container>div span{transition:.3s}.login-page .login-container .login-form .user-type__custom-radio-button-container>div.active{color:#fff}.login-page .login-container .login-form .user-type__custom-radio-button-container>div.active i{color:#fff}.login-page .login-container .login-form .form-input-wrapper #phone-code{position:absolute;-webkit-appearance:none;-moz-appearance:none;text-overflow:"";outline:none;border:0;font-size:16px;top:50%;left:0;transform:translateY(-50%);height:56px;background:transparent;padding-left:20px;text-align:right}.login-page .login-container .login-form .form-input-wrapper #phone-code::-ms-expand{display:none}.login-page .login-container .login-form .form-input-wrapper input[type=tel]{padding-left:90px}.login-page .login-container .login-form .fields-for-drivers{margin-top:20px;display:none}.login-page .login-container .login-form .fields-for-drivers.active{height:auto}.login-page .login-container .login-form .fields-for-drivers h3{font-family:SF Pro Display,sans-serif;font-size:26px;font-weight:500}.login-page .login-container .login-form .fields-for-drivers .form-input-wrapper input{margin-top:5px}.login-page .login-container .login-form .fields-for-drivers .color-lists__container{margin-bottom:20px}.login-page .login-container .login-form .fields-for-drivers .color-lists__container .color-lists__items{margin-top:15px;display:flex;justify-content:space-between;flex-wrap:wrap}.login-page .login-container .login-form .fields-for-drivers .color-lists__container .color-lists__items .color-lists__items__item{position:relative;width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid #C4C4C4;padding:2px}.login-page .login-container .login-form .fields-for-drivers .color-lists__container .color-lists__items .color-lists__items__item .color-lists__items__item__color{width:100%;height:100%;border-radius:50%}.login-page .login-container .login-form .fields-for-drivers .color-lists__container .color-lists__items .color-lists__items__item .color-lists__items__item__color-name{display:none;position:absolute;background-color:#fff;border-radius:10px;padding:5px 15px;border:1px solid rgba(0,0,0,.3);-webkit-box-shadow:0 3px 7px rgba(0,0,0,.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,.3);box-shadow:0 3px 7px #0000004d;bottom:-30px;left:-15%;z-index:3}.login-page .login-container .login-form .fields-for-drivers .color-lists__container .color-lists__items .color-lists__items__item.active{border-color:#000}.login-page .login-container .login-form .login-form__two-input-block{display:flex;justify-content:space-between}.login-page .login-container .login-form .login-form__two-input-block .form-input-wrapper{width:100%}.login-page .login-container .login-form .login-form__two-input-block .form-input-wrapper:first-child{margin-right:30px}@media screen and (max-width: 580px){.login-page .login-container .login-form .login-form__two-input-block .form-input-wrapper:first-child{margin-right:15px}}.login-page .login-container .login-form .login-form__two-input-block .form-input-wrapper input,.login-page .login-container .login-form .login-submit-group button{width:100%}
