.field{gap:var(--sp-4xs);flex-direction:column;width:100%;display:flex}.field__labels{justify-content:space-between;align-items:flex-start;gap:var(--sp-3xs);width:100%;display:flex}.field__label{color:var(--ink)}.field__error{color:var(--ui-error);text-align:right}.field__control{width:100%;padding:var(--sp-4xs) 0;border:0;border-bottom:1px solid var(--ink-16);color:var(--ink);font-size:var(--text-big);line-height:var(--lh-big);letter-spacing:var(--ls-big);transition:border-color var(--dur-base) ease, background-color var(--dur-base) ease;background:0 0;border-radius:0;font-weight:500}.field__control::placeholder{color:var(--ink-32)}.field__control:focus{border-bottom-color:var(--ink);outline:none}.field[data-invalid] .field__control{border-bottom-color:var(--ui-error)}.field__control--multiline{min-height:calc(var(--sp-2xl) - var(--sp-4xs));resize:vertical}.field__select-wrap{width:100%;display:block;position:relative}.field__control--select{appearance:none;padding-right:calc(var(--sp-3xs) + 24px);cursor:pointer}.field__control--select:has(option[value=""]:checked){color:var(--ink-32)}.field__chevron{width:24px;height:24px;color:var(--ink);pointer-events:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.field--box{gap:var(--sp-5xs)}.field--box .field__label{color:var(--ink-64)}.field--box .field__control{padding:var(--sp-4xs) var(--sp-3xs);border-radius:var(--radius-input);background:var(--ink-16);font-size:var(--text-b2);line-height:var(--lh-b2);letter-spacing:0;font-weight:var(--fw-body);border:1px solid #0000}.field--box .field__control::placeholder{color:var(--ink-48)}.field--box .field__control:not(:placeholder-shown),.field--box[data-invalid] .field__control{background:var(--ink-8);border-color:#0000}@media (hover:hover) and (pointer:fine){.field--box .field__control:hover{background:var(--ink-8);border-color:#0000}}.field--box .field__control:focus{background:var(--ink-8);border-color:var(--ink-32)}.field--box .field__control--select{padding-right:calc(var(--sp-3xs) * 2 + 20px)}.field--box .field__chevron{right:var(--sp-3xs);width:20px;height:20px}@media (max-width:767px){.field{gap:calc(2.13 * var(--u))}.field__control{padding-block:calc(2.13 * var(--u));font-size:calc(4.27 * var(--u))}}
