.base-form-radio{display:flex;flex-wrap:wrap;gap:10px}.base-form-radio-item{background-color:var(--white);border-radius:50px;color:var(--dark-violet);cursor:pointer;letter-spacing:-.48px;min-width:-moz-max-content;min-width:max-content;overflow:hidden;padding:10px 25px;position:relative;transition:.5s}.base-form-radio-item input{all:unset;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media (hover:hover){.base-form-radio-item:hover{background-color:var(--violet);color:var(--white)}}.base-form-radio-item:has(input:checked){background-color:var(--accent-violet);color:var(--white)}.base-form-radio-error__wrapper{color:var(--white);display:grid;font-size:14px;grid-template-rows:0fr;overflow:hidden;transition:.3s}.base-form-radio__wrapper._erroneous .base-form-radio-error__wrapper{grid-template-rows:1fr;padding:3px 0 0}@media screen and (max-width:640px){.base-form-radio{flex-direction:column;flex-wrap:unset}.base-form-radio-item{text-align:center}}.base-input{position:relative}.base-input-error__wrapper{color:var(--white);display:grid;font-size:14px;grid-template-rows:0fr;overflow:hidden;transition:var(--transition)}.base-input._erroneous .base-input-error__wrapper{grid-template-rows:1fr;padding:4px 15px 0}.base-input input,.base-input textarea{background-color:var(--input-bg);border:1px solid transparent;border-radius:30px;color:var(--white);font-family:Inter;font-size:var(--text);outline:none;padding:10px 15px;transition:var(--transition);width:100%}.base-input textarea{padding:20px 15px;resize:none;scrollbar-width:none}.base-input input::-moz-placeholder,.base-input textarea::-moz-placeholder{color:#bfbfbfb3}.base-input input::placeholder,.base-input textarea::placeholder{color:#bfbfbfb3}.base-input._disabled input,.base-input._disabled textarea{background-color:#ffffff80;color:#bfbfbfb3;pointer-events:none}.base-input._erroneous input,.base-input._erroneous textarea{border:1px solid var(--red);color:var(--red)}.base-input.white input,.base-input.white textarea{background-color:var(--white);border-radius:20px;caret-color:var(--black);color:var(--dark-violet);padding:20px}.base-input.white input::-moz-placeholder,.base-input.white textarea::-moz-placeholder{color:#42318940}.base-input.white input::placeholder,.base-input.white textarea::placeholder{color:#42318940}.base-input.white._disabled input,.base-input.white._disabled textarea{background-color:var(--gray);color:#42318940}.base-input.white._erroneous input,.base-input.white._erroneous textarea{border:1px solid var(--red);color:var(--red)}.base-input.white .base-input-error__wrapper{color:var(--white)}.base-input-toggle-password{--size:20px;color:var(--dark-violet);cursor:pointer;font-size:var(--size);height:var(--size);position:absolute;right:10px;top:50%;transition:var(--transition);translate:0 -50%;width:var(--size);z-index:2}.base-input:has(.base-input-toggle-password) input{padding:10px 40px 10px 15px}.base-input._erroneous .base-input-toggle-password{translate:0 calc(-50% - 9px)}.base-form h4{color:var(--form-title);margin:30px 0 10px}.base-form .base-input{margin:10px 0}.base-form .button-form{margin-top:40px;width:100%}.base-form .button-form button{width:100%}.base-form>button{margin-top:40px;width:100%}@media screen and (max-width:640px){.base-form h4{color:var(--form-title);font-size:24px;margin:30px 0 10px}.base-form>button{margin-top:30px}}
