.field{--height:calc(48px - 2px);--icon-size:20px;--vertical-padding:7px;--horizontal-padding:14px;--border-radius:var(--radius-md);--background-color:white;-moz-column-gap:16px;flex-direction:column;flex:1;gap:4px 16px;width:100%;display:flex}.field--direction-row{flex-flow:wrap;align-items:center}.field--justify-space-between{justify-content:space-between}.field--as-textarea{--vertical-padding:12px}*+.field{margin-top:24px}.heading--size-label+.field{margin-top:0}.heading--size-label+.field--has-error{margin-top:8px}.flex>*+.field,.field-group>*+.field{margin-top:0}@media (max-width:768px){.field{--horizontal-padding:10px}.field--direction-row{flex-direction:column;align-items:flex-start}}.field__label{color:var(--black);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-end;gap:8px;font-size:14px;font-weight:400;line-height:1.4;display:flex}.field--has-error .field__label{color:var(--negative-main)}.field__label em{color:var(--danger-600);font-style:normal}.field__label__errors{color:var(--negative-main);text-align:right;font-style:normal}.field__flex{align-items:center;gap:8px;display:flex}.field__wrap{border-radius:var(--border-radius);background-color:var(--background-color);border:1px solid #dcdcdc;flex:1;transition:background-color .2s,border-color .2s;position:relative;box-shadow:0 1px 2px #1018280d}.field:not(.field--read-only) .field__wrap:focus-within{border-color:var(--gray-400)}.field--has-error .field__wrap{border-color:var(--negative-main);box-shadow:0 0 0 4px #fbd2cf}.field--greyed .field__wrap{border:1px solid var(--background-tertiary);box-shadow:none;background-color:var(--background-tertiary)}.field--has-children .field__wrap{box-shadow:none;background:0 0;border:none}.field--as-textarea .field__wrap{cursor:text}.field__wrap__inner{flex:1;align-items:center;display:flex}.field__icon{width:var(--height);pointer-events:none;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.field__icon svg{width:var(--icon-size);height:var(--icon-size)}.field__input{width:100%;min-height:var(--height);padding:var(--vertical-padding)var(--horizontal-padding);color:var(--black);border-radius:calc(var(--border-radius) - 1px);font-size:16px;font-weight:400;line-height:1.5;display:block}.field__input:focus{outline:none}.field__input[readonly]{cursor:default}.field--has-suffix .field__input{padding-right:4px}.field--type-password .field__input{padding-right:44px}.field__input::placeholder{color:rgba(var(--black-rgb),.65)}.field--has-icon .field__input{padding-left:calc(var(--height))}.field--as-textarea .field__input{resize:none;min-height:128px}.field--as-textarea.field--has-footer .field__input{min-height:72px}@media (max-width:768px){.field__input::placeholder{font-size:15px}}.field__password-icon{--size:calc(var(--height) - var(--vertical-padding)*2);top:0;right:calc(var(--horizontal-padding) - 4px);width:var(--size);justify-content:center;align-items:center;height:100%;display:flex;position:absolute}.field__input[type=date]::-webkit-calendar-picker-indicator{--size:calc(var(--height) - var(--vertical-padding)*2);width:var(--size);height:var(--size);opacity:0;cursor:pointer;margin:0;padding:0}.field__date-icon{--size:calc(var(--height) - var(--vertical-padding)*2);top:0;right:calc(var(--horizontal-padding) - 4px);width:var(--size);pointer-events:none;justify-content:center;align-items:center;height:100%;display:flex;position:absolute}@media (max-width:768px){.field__date-icon{right:var(--horizontal-padding)}}.field__date-icon svg{--size:20px;width:20px;width:var(--size);height:20px;height:var(--size)}.field__footer{padding:var(--horizontal-padding)}.field__suffix{padding-right:var(--horizontal-padding);color:var(--gray-500);pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:16px;font-weight:400;line-height:1}.field__after{color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.4}*+.field__after{margin-top:8px}
.field-group{gap:var(--size-6);width:100%;display:flex}.field-group>.field-group{flex:1}*+.field-group{margin-top:24px}.field-group>*+.field-group,.flex>*+.field-group,.field-group>*+.field-group{margin-top:0}@media (--desktop){.field-group{gap:var(--size-3)}}@media (max-width:768px){.field-group--type-normal{gap:var(--size-5);flex-direction:column}}.field-group--type-tel .field:first-child{flex:2}.field-group--type-tel .field:last-child,.field-group-item{flex:1}