.field{--height:44px;--horizontal-padding:14px}.field-group .field{flex:1}*+.field{margin-top:16px}.field-group *+.field{margin-top:0}@media (max-width:768px){.field{--horizontal-padding:10px}}.field__label{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;font-size:14px;font-weight:400;line-height:1.4;color:var(--black);-webkit-user-select:none;-moz-user-select:none;user-select:none}.field__label__errors{font-style:normal;color:var(--error-500);text-align:right}.field__wrap{position:relative;display:block}*+.field__wrap{margin-top:4px}.field__icon{--size:20px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:var(--height);height:100%;pointer-events:none}.field__icon svg{width:var(--size);height:var(--size)}.field__input{display:block;width:100%;min-height:var(--height);padding:10px var(--horizontal-padding);font-size:16px;font-weight:400;line-height:1.5;color:var(--black);border:1px solid rgba(var(--black-rgb),.1);border-radius:8px;box-shadow:.5px .5px 0 0 rgba(var(--black-rgb),.1);background-color:#f8f8f7;transition:border-color .2s}.field__input::-moz-placeholder{color:var(--gray-400)}.field__input::placeholder{color:var(--gray-400)}.field__input:focus{border-color:var(--gray-400)}.field--has-icon .field__input{padding-left:calc(var(--height) - 6px)}.field--as-textarea .field__input{min-height:128px}@media (max-width:768px){.field__input::-moz-placeholder{font-size:15px}.field__input::placeholder{font-size:15px}}