.forms{padding:24px;border-radius:8px}.forms__controls{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:24px}.forms__control{font-family:Roboto,sans-serif;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:36px;background:0 0;border:none;border-bottom:2px solid #CFDCE8;color:#6F7E89;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;margin:0}.forms__control--active,.forms__control:hover{color:var(--main-form-color)}.forms__control:focus{outline:0;-webkit-box-shadow:0 -1px 0 0 #2A405B;box-shadow:0 -1px 0 0 #2A405B}.forms__control:focus:not(:focus-visible){-webkit-box-shadow:none;box-shadow:none}.forms__control:focus-visible{-webkit-box-shadow:0 -1px 0 0 #2A405B;box-shadow:0 -1px 0 0 #2A405B}.forms__control--active{border-bottom:2px solid var(--main-form-color)}.forms--dark .forms__control{border-bottom:2px solid #2F4765;color:#5B728C}.forms--dark .forms__control:hover{color:var(--main-form-color)}.forms--dark .forms__control:focus{outline:0;-webkit-box-shadow:0 -1px 0 0 #FFF;box-shadow:0 -1px 0 0 #FFF}.forms--dark .forms__control:focus:not(:focus-visible){-webkit-box-shadow:none;box-shadow:none}.forms--dark .forms__control:focus-visible{-webkit-box-shadow:0 -1px 0 0 #FFF;box-shadow:0 -1px 0 0 #FFF}.forms--dark .forms__control--active{border-bottom:2px solid var(--main-form-color);color:var(--main-form-color)}