#app{width:35%;margin-left:250px;margin-bottom:50px}.btn{display:inline-block;margin-top:15px;padding:5px 8px;border:1px solid grey}a.btn{color:#252525;text-decoration:none}.message{color:#fff;padding-left:12px;height:40px;line-height:40px;width:calc(100% - 30px)}.message.valid{background-color:green}.message.invalid{background-color:red}@media (max-width:950px){#app{width:95%;margin:0 auto}}*,html{-webkit-box-sizing:border-box;box-sizing:border-box}.simple__form__field{position:relative;width:100%;margin-bottom:15px}.simple__input{font-size:14px;color:#4a5568;width:100%;margin-bottom:5px}.simple__input label{font-size:14px;display:block;margin-bottom:5px}.simple__form__field .simple__help__btn{color:#63b3ed;font-size:10px;cursor:pointer}.simple__form__field .simple__help__btn.mobile{display:none}.simple__form__field .simple__hint__icon{margin-right:3px}.simple__input__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.simple__input__inner.half{width:50%}.simple__input__inner.third{width:33%}.simple__input__inner .inner__left{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:relative}.simple__input__inner .inner__left.column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.simple__input input,.simple__input select{border:1px solid #cbd5e0;height:40px;width:100%;font-size:14px;line-height:40px;padding-left:7px;padding-right:7px;outline:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#fff}.simple__input select option{background-color:inherit}.simple__input input:focus,.simple__input select:focus{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.simple__input input::-webkit-input-placeholder{font-style:italic;color:#9b9b9b}.simple__input input::-moz-placeholder{font-style:italic;color:#9b9b9b}.simple__input input:-ms-input-placeholder{font-style:italic;color:#9b9b9b}.simple__input input::-ms-input-placeholder{font-style:italic;color:#9b9b9b}.simple__input input::placeholder{font-style:italic;color:#9b9b9b}.simple__input .simple__input__before{line-height:40px;text-align:center;height:40px;width:48px;background-color:#a0aec0;color:#fff}.simple__input .simple__input__before.valid{background-color:#68d391;color:#fff}.simple__input .simple__input__before.error{background-color:#fc8181;color:#fff}.simple__input .simple__input__inner.checkbox__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:5px}.simple__input .inner__left.inner__checkbox{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}.simple__input .inner__left.inner__checkbox:focus{outline:none}.simple__input .inner__left.inner__checkbox label{width:calc(100% - 40px);margin-left:10px;margin-bottom:0}.simple__input .simple__input__checkbox{height:30px;width:30px;line-height:30px;text-align:center;background-color:#fff;border:1px solid #cbd5e0;cursor:pointer}.simple__input svg{background-color:inherit}.simple__input .simple__input__checkbox.error{border:1px solid #fc8181}.simple__input .simple__input__radio__wrap{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.simple__input__inner .inner__radio:focus{outline:none;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.simple__input .simple__input__radio{height:40px;line-height:30px;padding:5px;text-align:center;border-top:1px solid #cbd5e0;border-bottom:1px solid #cbd5e0;border-right:1px solid #cbd5e0;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-break:break-all;cursor:pointer;background-color:#fff}.simple__input .simple__input__radio:hover{background-color:#f7fafc}.simple__input .simple__input__radio:first-of-type{border-left:1px solid #cbd5e0}.simple__input .simple__input__radio.column{border-top:none;border-bottom:1px solid #cbd5e0;border-left:1px solid #cbd5e0;border-right:1px solid #cbd5e0}.simple__input .simple__input__radio.column:first-of-type{border-top:1px solid #cbd5e0}.simple__input .simple__input__radio.active{background-color:#63b3ed;color:#fff}.simple__input input.error,.simple__input select.error{border:1px solid #fc8181}.simple__input .inner__radio .simple__input__radio.error{border-top:1px solid #fc8181;border-bottom:1px solid #fc8181}.simple__input .inner__radio .simple__input__radio.error:first-of-type{border-left:1px solid #fc8181}.simple__input .inner__radio .simple__input__radio.error:last-of-type{border-right:1px solid #fc8181}.simple__input .inner__radio.column .simple__input__radio.error{border-top:none;border-left:1px solid #fc8181;border-right:1px solid #fc8181;border-bottom:1px solid #cbd5e0}.simple__input .inner__radio.column .simple__input__radio.error:first-of-type{border-top:1px solid #fc8181}.simple__input .inner__radio.column .simple__input__radio.error:last-of-type{border-bottom:1px solid #fc8181}.simple__input input.valid,.simple__input select.valid{border:1px solid #68d391}.simple__input .simple__input__radio.valid{border-top:1px solid #68d391;border-bottom:1px solid #68d391}.simple__input .inner__radio .simple__input__radio.valid:first-of-type{border-left:1px solid #68d391}.simple__input .inner__radio .simple__input__radio.valid:last-of-type{border-right:1px solid #68d391}.simple__input .inner__radio.column .simple__input__radio.valid{border-top:none;border-left:1px solid #68d391;border-right:1px solid #68d391;border-bottom:1px solid #cbd5e0}.simple__input .inner__radio.column .simple__input__radio.valid:first-of-type{border-top:1px solid #68d391}.simple__input .inner__radio.column .simple__input__radio.valid:last-of-type{border-bottom:1px solid #68d391}.simple__input .simple__input__date{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:relative}.simple__input .simple__input__date input{text-align:center;border-top:1px solid #cbd5e0;border-bottom:1px solid #cbd5e0;border-right:none;border-left:none;width:32%}.simple__input .simple__input__date input:first-of-type{border-left:1px solid #cbd5e0}.simple__input .simple__input__date input:last-of-type{border-right:1px solid #cbd5e0}.simple__input .simple__input__date__divider{font-size:18px;line-height:38px;border-top:1px solid #cbd5e0;border-bottom:1px solid #cbd5e0;color:#969696;background-color:#fff}.simple__input .simple__input__date input:focus{-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}.simple__input .simple__input__date.valid input{border-top:1px solid #68d391;border-bottom:1px solid #68d391;border-right:none;border-left:none}.simple__input .simple__input__date.valid input:first-of-type{border-left:1px solid #68d391}.simple__input .simple__input__date.valid input:last-of-type{border-right:1px solid #68d391}.simple__input .simple__input__date.valid .simple__input__date__divider{border-top:1px solid #68d391;border-bottom:1px solid #68d391}.simple__input .simple__input__date.error input{border-top:1px solid #fc8181;border-bottom:1px solid #fc8181;border-right:none;border-left:none}.simple__input .simple__input__date.error input:first-of-type{border-left:1px solid #fc8181}.simple__input .simple__input__date.error input:last-of-type{border-right:1px solid #fc8181}.simple__input .simple__input__date.error .simple__input__date__divider{border-top:1px solid #fc8181;border-bottom:1px solid #fc8181}.simple__input .inner__left .simple__autocomplete__list{position:absolute;background-color:#fff;border:1px solid #cbd5e0;width:100%;top:100%;left:0;z-index:10}.simple__input .inner__left .simple__autocomplete__list ul{padding:0;margin:0}.simple__input .inner__left .simple__autocomplete__list li{padding:0;margin:0;list-style-type:none;height:39px;width:100%;line-height:40px;padding-left:10px;border-bottom:1px solid #cbd5e0}.simple__input .inner__left .simple__autocomplete__list li:last-of-type{border-bottom:none}.simple__input .inner__left .simple__autocomplete__list li:hover{background-color:#e7ebef;cursor:pointer}.simple__input .inner__left .simple__autocomplete__list li.active{background-color:#e7ebef}.simple__input .inner__left .simple__autocomplete__spinner{position:absolute;top:calc(50% - 8px);right:10px;color:grey}.simple__input .simple__input__feedback{line-height:40px;text-align:center;font-size:14px;height:40px;width:20px}.simple__input input.uppercase{text-transform:uppercase}.simple__input .simple__input__feedback__valid{color:#68d391}.simple__input .simple__input__feedback__error,.simple__input small.error{color:#fc8181}.simple__input small.error{font-size:12px}*{--vuekit-hint:#9ca3af}.simple__help{color:#4a5568;background-color:#fff;border:1px solid var(--vuekit-hint);padding:8px;position:absolute;left:106%;top:35%;width:400px;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:8;display:block}.simple__help:before{top:3%;left:-13px;border-width:12px 12px 12px 0;border-color:transparent var(--vuekit-hint) transparent transparent}.simple__help:after,.simple__help:before{content:"";position:absolute;width:0;height:0;border-style:solid}.simple__help:after{top:-13px;left:calc(50% - 6px);border-width:0 12px 12px 12px;border-color:transparent transparent var(--vuekit-hint) transparent;display:none}.simple__help .simple__help__close{position:relative;float:right;color:#d1d5db;font-size:18px;line-height:18px;width:18px;height:18px;cursor:pointer;margin:5px 0 5px 5px}.simple__help header{font-size:18px;font-weight:600;color:#4a5568;text-align:center;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #cbd5e0}.simple__help main{padding:10px 5px 5px 5px}.simple__help main p{font-size:14px;line-height:20px;padding-bottom:8px}@media (max-width:640px){.simple__input__inner.half,.simple__input__inner.third{width:100%}}@media (max-width:1024px){.simple__help{width:100%;left:0;top:103%;border-width:1px}.simple__help:before{display:none}.simple__help:after{display:block}.simple__form__field .simple__help__btn{display:none}.simple__form__field .simple__help__btn.mobile{display:block}}