.formfield{display:flex;flex-direction:column}.formfield:has(.form__input[type=text]),.formfield:has(.form__input[type=password]),.formfield:has(.form__input[type=email]),.formfield:has(.form__input[type=tel]),.formfield:has(.select){gap:var(--spacing-xs)}.formfield:has(.form__input[type=text]) .form__label,.formfield:has(.form__input[type=password]) .form__label,.formfield:has(.form__input[type=email]) .form__label,.formfield:has(.form__input[type=tel]) .form__label,.formfield:has(.select) .form__label{font-family:var(--font-graphik);font-size:1.6rem;font-weight:600;line-height:1.5}.formfield.-checkbox{display:flex;flex-direction:row-reverse;justify-content:flex-end}.formfield.-checkbox:not(:has(input:disabled)),.formfield.-checkbox:not(:has(input:disabled)) label,.formfield.-checkbox:not(:has(input:disabled)) input{cursor:pointer}.formfield.-checkbox:not(:has(input:disabled)):hover .form__input:checked,.formfield.-checkbox:not(:has(input:disabled)):hover .form__input:indeterminate,.formfield.-checkbox:not(:has(input:disabled)) .form__input:checked:focus-visible,.formfield.-checkbox:not(:has(input:disabled)) .form__input:indeterminate:focus-visible{border:1px solid var(--color-global-state-hover-border-light);background:var(--color-global-state-hover-surface-dark)}.formfield.-checkbox:not(:has(input:disabled)):hover .form__input:checked~.form__icon,.formfield.-checkbox:not(:has(input:disabled)):hover .form__input:indeterminate~.form__icon,.formfield.-checkbox:not(:has(input:disabled)) .form__input:checked:focus-visible~.form__icon,.formfield.-checkbox:not(:has(input:disabled)) .form__input:indeterminate:focus-visible~.form__icon{color:var(--color-global-white)}.formfield.-checkbox:not(:has(input:disabled)):hover .form__input,.formfield.-checkbox:not(:has(input:disabled)) .form__input:focus-visible{border:1px solid var(--color-neutral-border-darker);background:#053dce1a}.formfield.-checkbox .form__error{order:3}.formfield.-size-l{font-family:var(--font-graphik);font-size:1.8rem;font-weight:400;line-height:1.45}.formfield.-size-l:has(input[type=checkbox]) label{padding:0 0 0 var(--spacing-l)}.formfield.-size-m{font-family:var(--font-graphik);font-size:1.6rem;font-weight:400;line-height:1.5}.formfield.-size-m:has(input[type=checkbox]) label{padding:0 0 0 var(--spacing-m)}.formfield.-size-s{font-family:var(--font-graphik);font-size:1.4rem;font-weight:400;line-height:1.57}.formfield.-size-s:has(input[type=checkbox]) label{padding:0 0 0 var(--spacing-s)}.formfield:has(input[type=password]:disabled) svg{fill:var(--color-global-state-disabled-text-shape-default);pointer-events:none}.formfield:has(input:disabled),.formfield:has(input:disabled) label{cursor:not-allowed}.formfield:has(input:disabled) .form__label{color:var(--color-global-state-disabled-text-shape-default)}.formfield:has(input:disabled).-contrasted .form__label{color:var(--color-global-state-disabled-text-shape-contrasted)}.formfield:last-of-type{margin-bottom:var(--spacing-none)}.formfield.-witherror .form__label{color:var(--color-feedback-danger-text-shape-default)}.formfield.-contrasted{color:var(--color-neutral-text-shape-contrast-default)}.formfield.-contrasted .form__input[type=text],.formfield.-contrasted .form__input[type=password],.formfield.-contrasted .form__input[type=email],.formfield.-contrasted .form__input[type=tel]{background:var(--color-neutral-surface-contrast-darker);border:1px solid var(--color-neutral-border-contrast-default);color:var(--color-neutral-text-shape-contrast-default)}.formfield.-contrasted .form__input:disabled{border:1px solid var(--color-global-state-disabled-border-contrasted);background:var(--color-global-state-disabled-surface-contrasted);color:var(--color-global-state-disabled-text-shape-contrasted)}.formfield.-contrasted .form__input:not(:disabled):hover,.formfield.-contrasted .form__input:not(:disabled).-witherror:hover{border:1px solid var(--color-neutral-border-contrast-darker)}.formfield.-contrasted .form__input:not(:disabled):focus{border:1px solid var(--color-global-state-hover-border-default)}.formfield.-contrasted .form__input[type=checkbox]{border:1px solid var(--color-neutral-border-contrast-darker)}.formfield.-contrasted .form__input[type=checkbox]:not(:disabled):hover,.formfield.-contrasted .form__input[type=checkbox]:not(:disabled):focus-visible{border:1px solid var(--color-neutral-border-contrast-dark)}.formfield.-contrasted .form__input[type=checkbox]:not(:disabled):checked~.form__icon.-checked,.formfield.-contrasted .form__input[type=checkbox]:not(:disabled):indeterminate~.form__icon.-indeterminate{color:var(--color-global-white)}.formfield.-contrasted .form__input[type=checkbox]:not(:disabled):indeterminate{background-color:transparent;border:1px solid var(--color-global-state-hover-border-light)}.formfield.-contrasted .form__input[type=checkbox]:disabled{background:var(--color-global-state-disabled-surface-contrasted);border:1px solid var(--color-global-state-disabled-border-contrasted)}.formfield.-contrasted .form__input[type=checkbox]:disabled:checked~.form__icon.-checked,.formfield.-contrasted .form__input[type=checkbox]:disabled:indeterminate~.form__icon.-indeterminate{color:var(--color-global-state-disabled-text-shape-contrasted)}.formfield.-contrasted.-witherror .form__label{color:var(--color-feedback-danger-text-shape-default)}.formfield.-contrasted.-witherror .form__input{border:1px solid var(--color-feedback-danger-border-contrast-default);background:var(--color-feedback-danger-surface-contrast-dark)}.formfield.-contrasted.-witherror .formfield__icons>.form__icon{fill:var(--color-feedback-danger-text-shape-inverted)}.form__label{display:flex;align-items:center;position:relative}.form__label+.form__input{font-family:var(--font-graphik);font-size:1.6rem;font-weight:600;line-height:1.5}.form__label.-highlighted{font-family:var(--font-graphik);font-size:1.6rem;font-weight:600;line-height:1.5}.form__label.-witherror{color:var(--color-feedback-danger-text-shape-default)}.form__label svg{width:1.8rem;height:1.8rem;margin-left:var(--spacing-xs)}.formfield__field{position:relative}.formfield__field.-witherror .form__input{border:1px solid var(--color-feedback-danger-border-default);background:var(--color-feedback-danger-surface-lighter)}.formfield__field.-witherror .formfield__icons>.form__icon{fill:var(--color-feedback-danger-text-shape-default)}.form__input[type=text],.form__input[type=password],.form__input[type=email],.form__input[type=tel]{font-family:var(--font-graphik);font-size:1.6rem;font-weight:400;line-height:1.5;width:100%;height:var(--spacing-48);padding:var(--spacing-m);padding-top:.6rem;outline:none;appearance:none;box-shadow:none;border:1px solid var(--color-neutral-border-light);border-radius:var(--radius-rounded);color:var(--color-neutral-text-shape-default);background-color:var(--color-neutral-surface-light);transition:border .2s ease,color .2s ease,background-color .2s ease;caret-color:var(--color-global-state-hover-text-shape-default)}.form__input::placeholder{color:var(--color-neutral-text-shape-light)}.form__input[type=checkbox]{position:relative;border-radius:var(--radius-min);margin:var(--spacing-none);outline:none;appearance:none;transition:border .2s ease-in,box-shadow .2s ease,background-color .2s ease-out;order:1;vertical-align:text-bottom;border:1px solid var(--color-neutral-border-dark)}.form__input[type=checkbox]~.form__icon{display:none;position:absolute;left:0rem;pointer-events:none}.form__input[type=checkbox].-size-l{width:2.2rem;height:2.2rem}.form__input[type=checkbox].-size-l~.form__icon{height:2.2rem;width:2.2rem;top:.2rem}.form__input[type=checkbox].-size-m{width:1.8rem;height:1.8rem}.form__input[type=checkbox].-size-m~.form__icon{height:1.8rem;width:1.8rem;top:.3rem}.form__input[type=checkbox].-size-s{width:1.6rem;height:1.6rem}.form__input[type=checkbox].-size-s~.form__icon{height:1.6rem;width:1.6rem;top:.3rem}.form__input[type=checkbox]:checked{background-color:var(--color-global-state-hover-surface-default);border:1px solid var(--color-global-state-hover-border-light);transition:border .2s ease,color .2s ease,box-shadow .2s ease,background-color .2s ease}.form__input[type=checkbox]:checked~.form__icon.-checked{display:flex;color:var(--color-global-white)}.form__input[type=checkbox]:indeterminate{border:1px solid var(--color-global-state-hover-border-light);background:var(--color-global-state-hover-surface-light)}.form__input[type=checkbox]:indeterminate~.form__icon.-indeterminate{display:flex;color:var(--color-global-state-hover-text-shape-default)}.form__input[type=checkbox]:disabled{background-color:var(--color-global-state-disabled-surface-default);border:1px solid var(--color-global-state-disabled-surface-default);pointer-events:none}.form__input[type=checkbox]:disabled:checked~.form__icon,.form__input[type=checkbox]:disabled:indeterminate~.form__icon{color:var(--color-global-state-disabled-text-shape-default)}.form__input:disabled,.form__input:read-only:not(input[type=checkbox]){color:var(--color-global-state-disabled-text-shape-default);background-color:var(--color-global-state-disabled-surface-default);border:1px solid var(--color-global-state-disabled-border-default);box-shadow:none;pointer-events:none}.form__input:read-only::placeholder{color:var(--color-global-state-disabled-text-shape-default)}.form__input:hover,.form__input:focus-visible{border:1px solid var(--color-neutral-border-dark);background:var(--color-neutral-surface-default)}.form__input:focus-visible{border:1px solid var(--color-global-state-hover-border-default)}.form__input:disabled::placeholder{color:var(--color-global-state-disabled-text-shape-default)}.formfield__icons{position:absolute;display:block;height:100%;top:0;padding:var(--spacing-m) 0;padding-top:1.2rem;right:var(--spacing-m)}.formfield__icons .formfield__button{background:none;border:none!important;padding:0;margin:var(--spacing-l) var(--spacing-m);height:0;min-height:0}.formfield__icons .form__icon{width:2.4rem;height:2.4rem;fill:var(--color-neutral-text-shape-light)}.formfield__icons .form__icon:hover,.formfield__icons .form__icon:focus-visible{fill:var(--color-global-state-hover-text-shape-default)}.form__error{font-family:var(--font-graphik);font-size:1.4rem;font-weight:400;line-height:1.57;display:flex;color:var(--color-feedback-danger-text-shape-default);gap:var(--spacing-xxs)}.form__error>svg{width:2rem;height:2rem;fill:var(--color-feedback-danger-text-shape-default)}@media screen and (max-width: 762px){.form__error svg{align-self:flex-start;flex-shrink:0;margin-top:var(--spacing-xxxs)}}
/*# sourceMappingURL=formfield.css.1cdbc56f397b.map */