.form{gap:var(--sp-6);flex-direction:column;display:flex}.form.form--pending{pointer-events:none;opacity:.7}@media (max-width:767.9px){.form h4{font-size:var(--font-size-h6);font-weight:var(--font-weight-h);line-height:var(--line-height-h);letter-spacing:var(--letter-spacing-h)}}
.form-label{gap:calc(var(--sp-base)*1.5);text-align:left;flex-direction:column;align-items:stretch;width:100%;display:flex}.form-label--has-errors .form-label__label{color:var(--color-error)}
.form-input__wrapper{gap:calc(var(--sp-base)*1.5);width:100%;padding:var(--sp-4);border:calc(var(--sp-unit)*1)solid var(--color-grey-400);background-color:var(--color-surface-primary);display:flex;position:relative}.form-label--has-errors .form-input__wrapper{border-color:var(--color-error)}.form-input--with-icon .form-input__wrapper{padding-left:var(--sp-2)}.form-input__wrapper .icon{width:var(--sp-6);height:var(--sp-6)}.form-input__input{background-color:var(--color-surface-primary);width:100%}.form-input__input[type=number]{appearance:textfield}.form-input__input[type=number]::-webkit-inner-spin-button{display:none}.form-input__input[type=number]::-webkit-outer-spin-button{display:none}.form-input__input::placeholder{color:var(--color-grey-600)}textarea.form-input__input{height:8em}textarea.form-input__input.form-input__input--max-length{padding-block-end:var(--sp-3)}.form-input__char-count{font-size:var(--font-size-label-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);width:calc(100% - var(--sp-8));padding-block:var(--sp-1);background-color:var(--color-surface-primary);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.form-input__input--limit-reached+.form-input__char-count{color:var(--color-error)}