input,button,textarea,select{font:inherit}.stick{display:inline-block;position:relative;width:100%;height:2px;background-color:#1b315a;margin:50px 0;padding:0}.stick50{display:inline-block;position:relative;width:50%;height:2px;background-color:var(--mainColorA);margin:25px 25%;padding:0}.formRow{position:relative;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.rowWrap{position:relative;flex:1;min-width:250px}.rowWrap.full{flex:0 0 100%}.rowWrap>label{display:block;font-size:.875rem;font-weight:500;color:var(--mainColorA);margin-bottom:.5rem;transition:color .2s ease}.rowWrap>label.errorForm{color:var(--error-color);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.rowWrap>label.errorForm+input,.rowWrap>label.errorForm+select,.rowWrap>label.errorForm+textarea{border-color:var(--error-color);background-color:color-mix(in srgb,var(--error-color) 5%,white)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.rowWrap>input,.rowWrap>select,.rowWrap>textarea{width:100%;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:.875rem;line-height:1.5;transition:all .2s ease;color:#212427;padding:.625rem .875rem}.rowWrap>input:hover,.rowWrap .passwordWrap input:hover,.rowWrap>select:hover,.rowWrap>textarea:hover{border-color:color-mix(in srgb,var(--input-focus) 50%,var(--input-border))}.rowWrap>input:focus,.rowWrap .passwordWrap input:focus,.rowWrap>select:focus,.rowWrap>textarea:focus{outline:none;border-color:var(--input-focus)}.passwordWrap{position:relative}.passwordWrap input{width:100%;border:none;box-sizing:border-box;background-color:#f2f2f2;padding:10px}.toggle-password{position:absolute;transform:translateY(-50%);cursor:pointer;z-index:2;right:10px;top:50%}.rowWrap>textarea{min-height:150px;resize:vertical}.formRowCheckbox{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem}.formRowCheckbox input[type=checkbox]{display:inline-block;position:relative;appearance:none;flex-shrink:0;min-width:1.125rem;width:1.125rem;height:1.125rem;border:2px solid var(--input-border);border-radius:.25rem;transition:all .2s ease;cursor:pointer;margin-top:.125rem}.formRowCheckbox input[type=checkbox]:checked{background-color:var(--input-focus);border-color:var(--input-focus)}.formRowCheckbox input[type=checkbox]:checked:after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.25rem;height:.5rem;border:solid white;border-width:0 2px 2px 0}.formRowCheckbox label{font-size:.75rem;color:var(--label-color);cursor:pointer}.rowWrap>input:required:invalid:not(:placeholder-shown),.rowWrap>textarea:required:invalid:not(:placeholder-shown){border-color:var(--error-color);background-color:color-mix(in srgb,var(--error-color) 2%,white)}.rowWrap>input:required:valid:not(:placeholder-shown),.rowWrap>textarea:required:valid:not(:placeholder-shown){border-color:var(--success-color)}.rowWrap>input:disabled,.rowWrap>textarea:disabled,.rowWrap>select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.rowWrap>input::placeholder,.rowWrap>textarea::placeholder{color:#9ca3af;opacity:1}
