.form-control.input{display:inline-flex;flex-direction:column;width:var(--form-control-input-width, auto)}.form-control.input>.body{height:var(--form-control-input-height, auto);align-items:center;font-family:var(--form-control-input-font-family, var(--font-family-sans));font-size:var(--form-control-input-font-size, var(--text-md-font-size));line-height:var(--form-control-input-line-height, var(--text-md-line-height));gap:var(--form-control-input-body-gap, var(--spacing-x-small));padding:var(--form-control-input-body-padding, var(--spacing-x-small) var(--spacing-small));border-radius:var(--form-control-input-border-radius, 0);border:var(--form-control-input-border, solid 1px rgba(0, 0, 0, 0.12));background:var(--form-control-input-background);color:var(--form-control-input-color);box-shadow:var(--form-control-input-shadow, none)}.form-control.input>.body input{flex:1;border:none;outline:none;background:none;color:inherit;max-width:100%;min-width:0;height:100%;font:inherit}.form-control.input>.body input::placeholder{color:var(--form-control-input-placeholder-color, rgba(0, 0, 0, 0.54))}.form-control.input>.body .prefix{color:var(--form-control-input-prefix-color, rgba(0, 0, 0, 0.54))}.form-control.input>.body .suffix{color:var(--form-control-input-suffix-color, rgba(0, 0, 0, 0.54))}.form-control.input[aria-invalid=true] .body{--form-control-input-border: var(--form-control-input-invalid-border, solid 1px rgba(255, 0, 0, 0.54));--form-control-input-shadow: var(--form-control-input-invalid-shadow, 0 0 0 1px rgba(255, 0, 0, 0.54));--form-control-input-background: var(--form-control-input-invalid-background);--form-control-input-color: var(--form-control-input-invalid-color)}.form-control.input[aria-disabled=true] .body{--form-control-input-border: var(--form-control-input-disabled-border, solid 1px rgba(255, 0, 0, 0.54));--form-control-input-shadow: var(--form-control-input-disabled-shadow, 0 0 0 1px rgba(255, 0, 0, 0.54));--form-control-input-background: var(--form-control-input-disabled-background);--form-control-input-color: var(--form-control-input-disabled-color)}.form-control.textarea{display:inline-flex;flex-direction:column;--form-control-body-width: 400px}.form-control.textarea>label{display:flex;align-items:center;gap:4px}.form-control.textarea .body{font-family:var(--form-control-input-font-family, var(--font-family-sans));font-size:var(--form-control-input-font-size, var(--text-md-font-size));line-height:var(--form-control-input-line-height, var(--text-md-line-height));padding:var(--form-control-input-body-padding, var(--spacing-x-small) var(--spacing-small));border-radius:var(--form-control-input-border-radius, 0);border:var(--form-control-input-border, solid 1px rgba(0, 0, 0, 0.12));background:var(--form-control-input-background);color:var(--form-control-input-color);box-shadow:var(--form-control-input-shadow, none);width:100%}.form-control.textarea .body textarea{flex:1;border:none;outline:none;background:none;color:inherit;font:inherit}.form-control.textarea .body textarea::placeholder{color:var(--form-control-input-placeholder-color, rgba(0, 0, 0, 0.54))}.form-control.textarea .body .prefix{color:var(--form-control-input-prefix-color, rgba(0, 0, 0, 0.54))}.form-control.textarea .body .suffix{color:var(--form-control-input-suffix-color, rgba(0, 0, 0, 0.54))}.form-control.textarea .body .help-icon{color:var(--form-control-input-help-icon-color, rgba(0, 0, 0, 0.54))}.form-control.textarea[aria-invalid=true] .body{--form-control-input-border: var(--form-control-input-invalid-border, solid 1px rgba(255, 0, 0, 0.54));--form-control-input-shadow: var(--form-control-input-invalid-shadow, 0 0 0 1px rgba(255, 0, 0, 0.54));--form-control-input-background: var(--form-control-input-invalid-background);--form-control-input-color: var(--form-control-input-invalid-color)}.form-control.textarea[aria-disabled=true] .body{--form-control-input-border: var(--form-control-input-disabled-border, solid 1px rgba(255, 0, 0, 0.54));--form-control-input-shadow: var(--form-control-input-disabled-shadow, 0 0 0 1px rgba(255, 0, 0, 0.54));--form-control-input-background: var(--form-control-input-disabled-background);--form-control-input-color: var(--form-control-input-disabled-color)}:root{--radio-button-size: 24px;--radio-button-indicator-size: 10px;--radio-button-gap: 12px;--radio-button-border-radius: var(--border-radius-full);--radio-button-border: 1px solid #B3B8DB;--radio-button-background: transparent;--radio-button-border-hover: inherit;--radio-button-background-hover: inherit;--radio-button-border-checked: solid 1px #0058CC;--radio-button-background-checked: #0058CC;--radio-button-indicator-color: #fff;--radio-button-border-checked-hover: var(--radio-button-border-checked);--radio-button-background-checked-hover: var(--radio-button-background-checked);--radio-button-indicator-color-hover: var(--radio-button-indicator-color);--radio-button-border-disabled: inherit;--radio-button-background-disabled: inherit;--radio-button-indicator-color-disabled: #D5D7DA;--radio-button-foreground-disabled: var(--radio-button-border-disabled)}.form-control.radio-button{--size: var(--radio-button-size, 24px);--indicator-size: var(--radio-button-indicator-size, calc(var(--size) * 0.5));--border-radius: var(--radio-button-border-radius, var(--border-radius-full));display:inline-flex;flex-direction:row;align-items:flex-start;gap:var(--gap, var(--radio-button-gap, 8px))}.form-control.radio-button,.form-control.radio-button label,.form-control.radio-button input[type=radio]{cursor:pointer}.form-control.radio-button input[type=radio]{-webkit-appearance:none;appearance:none;min-width:var(--size);min-height:var(--size);max-width:var(--size);max-height:var(--size);border-radius:var(--border-radius);display:grid;place-content:center;border:var(--border, var(--radio-button-border, solid 1px var(--foreground-style-dark-alt, #000)));background:var(--background, var(--radio-button-background, #fff))}.form-control.radio-button input[type=radio]::before{content:"";width:var(--indicator-size);height:var(--indicator-size);border-radius:var(--border-radius);transform:scale(0);transition:120ms transform ease-in-out;background:var(--indicator-color, var(--foreground-style-accent-alt, #000))}.form-control.radio-button input[type=radio]:hover{--border: var(--radio-button-border-hover, inherit);--background: var(--radio-button-background-hover, inherit)}.form-control.radio-button input[type=radio]:checked{--border: var(--radio-button-border-checked, solid 1px var(--foreground-style-accent));--background: var(--radio-button-background-checked, inherit)}.form-control.radio-button input[type=radio]:checked::before{--indicator-color: var(--radio-button-indicator-color, var(--foreground-style-accent-alt));transform:scale(1)}.form-control.radio-button input[type=radio]:checked:hover{--border: var(--radio-button-border-checked-hover, inherit);--background: var(--radio-button-background-checked-hover, inherit)}.form-control.radio-button input[type=radio]:checked:hover::before{--indicator-color: var(--radio-button-indicator-color-hover, inherit)}.form-control.radio-button input[type=radio]:disabled:checked,.form-control.radio-button input[type=radio]:disabled::before,.form-control.radio-button input[type=radio]:disabled:hover:checked,.form-control.radio-button input[type=radio]:disabled:hover::before{cursor:not-allowed;--border: var(--radio-button-border-disabled, solid 1px #aaa);--background: var(--radio-button-background-disabled, inherit);--indicator-color: var(--radio-button-indicator-color-disabled, #aaa)}.form-control.radio-button.disabled,.form-control.radio-button.disabled label,.form-control.radio-button.disabled label>*,.form-control.radio-button.disabled input[type=radio]{cursor:not-allowed;--foreground: var(--radio-button-foreground-disabled, #aaa)}:root{--checkbox-size: 24px;--checkbox-indicator-size: 14px;--checkbox-gap: 12px;--checkbox-background: transparent;--checkbox-border: solid 1px #B3B8DB;--checkbox-border-radius: 4px;--checkbox-indicator-color: white;--checkbox-checked-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M11.6666 3.5L5.24998 9.91667L2.33331 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');--checkbox-indeterminate-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.91669 7H11.0834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');--checkbox-border-hover: var(--checkbox-border);--checkbox-background-hover: inherit;--checkbox-border-checked: solid 1px var(--checkbox-background-checked);--checkbox-background-checked: #0058CC;--checkbox-border-checked-hover: solid 1px var(--foreground-style-accent-dark);--checkbox-background-checked-hover: var(--checkbox-background-checked);--checkbox-indicator-color-hover: var(--checkbox-indicator-color);--checkbox-border-disabled: solid 1px var(--foreground-disabled);--checkbox-background-disabled: transparent;--checkbox-indicator-color-disabled: var(--foreground-disabled);--checkbox-foreground-disabled: lightgray}.form-control.checkbox{--size: var(--checkbox-size, 24px);--indicator-size: var(--checkbox-indicator-size, 20px);--gap: var(--checkbox-gap, 8px);--background: var(--checkbox-background, transparent);--border: var(--checkbox-border, solid 1px rgba(0, 0, 0, 0.25));--border-radius: var(--checkbox-border-radius, .25rem);--indicator-color: var(--checkbox-indicator-color, white);--checked-icon: var(--checkbox-checked-icon, url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.707l-11.285 11.285-5.285-5.285 1.414-1.414 3.871 3.871 9.871-9.871z"/></svg>'));--indeterminate-icon: var(--checkbox-indeterminate-icon, url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><rect x="5" y="11" width="14" height="2"/></svg>'));--border-hover: var(--checkbox-border-hover, solid 1px var(--foreground-style-dark));--background-hover: var(--checkbox-background-hover, inherit);--border-checked: var(--checkbox-border-checked, solid 1px var(--foreground-style-accent));--background-checked: var(--checkbox-background-checked, var(--foreground-style-accent));--border-checked-hover: var(--checkbox-border-checked-hover, solid 1px var(--foreground-style-accent-dark));--background-checked-hover: var(--checkbox-background-checked-hover, var(--background-checked));--indicator-color-hover: var(--indicator-color);--border-disabled: var(--checkbox-border-disabled, solid 1px var(--foreground-disabled));--background-disabled: var(--checkbox-background-disabled, transparent);--indicator-color-disabled: var(--checkbox-indicator-color-disabled, var(--foreground-disabled));--foreground-disabled: var(--checkbox-foreground-disabled, lightgray);display:inline-flex;flex-direction:row;align-items:flex-start;gap:var(--gap)}.form-control.checkbox,.form-control.checkbox label,.form-control.checkbox input[type=checkbox]{cursor:pointer}.form-control.checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;min-width:var(--size);min-height:var(--size);max-width:var(--size);max-height:var(--size);display:grid;place-content:center;background:var(--background);border:var(--border);border-radius:var(--border-radius)}.form-control.checkbox input[type=checkbox]::before{content:"";width:var(--indicator-size);height:var(--indicator-size);transform:scale(0);transition:120ms transform ease-in-out;-webkit-mask:var(--checked-icon);mask:var(--checked-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;background-color:rgba(0,0,0,0)}.form-control.checkbox input[type=checkbox]:hover{--border: var(--border-hover);--background: var(--background-hover)}.form-control.checkbox input[type=checkbox]:checked{--border: var(--border-checked);--background: var(--background-checked)}.form-control.checkbox input[type=checkbox]:checked::before{transform:scale(1);background-color:var(--indicator-color)}.form-control.checkbox input[type=checkbox]:checked:hover{--border: var(--border-checked-hover);--background: var(--background-checked-hover)}.form-control.checkbox input[type=checkbox]:checked:hover::before{--indicator-color: var(--indicator-color-hover)}.form-control.checkbox input[type=checkbox]:indeterminate{--border: var(--border-checked);--background: var(--background-checked)}.form-control.checkbox input[type=checkbox]:indeterminate::before{transform:scale(1);-webkit-mask:var(--indeterminate-icon);mask:var(--indeterminate-icon);background-color:var(--indicator-color)}.form-control.checkbox input[type=checkbox]:indeterminate:hover{--border: var(--border-checked-hover);--background: var(--background-checked-hover)}.form-control.checkbox input[type=checkbox]:indeterminate:hover::before{--indicator-color: var(--indicator-color-hover)}.form-control.checkbox input[type=checkbox]:disabled,.form-control.checkbox input[type=checkbox]:disabled:checked,.form-control.checkbox input[type=checkbox]:disabled:indeterminate,.form-control.checkbox input[type=checkbox]:disabled::before,.form-control.checkbox input[type=checkbox]:disabled:hover,.form-control.checkbox input[type=checkbox]:disabled:hover:checked,.form-control.checkbox input[type=checkbox]:disabled:hover:indeterminate,.form-control.checkbox input[type=checkbox]:disabled:hover::before{cursor:not-allowed;--border: var(--border-disabled);--background: var(--background-disabled);--indicator-color: var(--indicator-color-disabled)}.form-control.checkbox.disabled,.form-control.checkbox.disabled label,.form-control.checkbox.disabled label>*,.form-control.checkbox.disabled input[type=checkbox]{cursor:not-allowed;--foreground: var(--foreground-disabled)}.form-control.dropdown{position:relative}.form-control.dropdown[aria-readonly=true] .body,.form-control.dropdown[aria-readonly=true] input{cursor:pointer}.form-control.dropdown .suffix{cursor:pointer}.form-control.dropdown.opened .dropdown-menu{display:block}.form-control.dropdown.opened>.body>.suffix{transform:rotate(180deg)}.form-control.dropdown.opened>.supporting-text{visibility:hidden}.form-control.dropdown .dropdown-list{display:flex;flex-direction:column;position:absolute;top:var(--dropdown-list-top-position, 0);left:0;z-index:1000;width:var(--dropdown-list-width, inherit);max-height:var(--dropdown-list-max-height, 240px);overflow-y:auto;background:var(--dropdown-list-background, white);border:var(--dropdown-list-border, solid 1px rgba(0, 0, 0, 0.12));box-shadow:var(--dropdown-list-shadow, 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 2px 2px -1px rgba(10, 13, 18, 0.04));border-radius:var(--dropdown-list-border-radius, var(--form-control-input-border-radius, 0));padding:var(--dropdown-list-padding, 0)}:root{--form-control-flex-direction: column;--form-control-gap: 6px;--form-control-body-width: auto;--form-control-label-font-family: var(--font-family-sans);--form-control-label-font-size: 14px;--form-control-label-font-weight: 500;--form-control-label-line-height: 20px;--form-control-label-letter-spacing: var(--letter-spacing-normal);--form-control-label-color: var(--text-color);--form-control-label-text-transform: none;--form-control-input-divider-color: #B3B8DB;--form-control-supporting-text-font-family: var(--font-family-sans);--form-control-supporting-text-font-size: 14px;--form-control-supporting-text-font-weight: 400;--form-control-supporting-text-line-height: 20px;--form-control-supporting-text-color: #535862;--form-control-supporting-text-invalid-color: #D92D20;--form-control-help-icon-color: #A4A7AE;--form-control-input-width: 320px;--form-control-input-height: 44px;--form-control-input-font-family: var(--font-family-sans);--form-control-input-font-size: var(--text-md-font-size);--form-control-input-line-height: var(--text-md-line-height);--form-control-input-body-gap: 8px;--form-control-input-body-padding: 10px 14px;--form-control-input-border-radius: 8px;--form-control-input-border: 1px solid #B3B8DB;--form-control-input-background: var(--color-white-50);--form-control-input-color: var(--text-color);--form-control-input-placeholder-color: #717680;--form-control-input-shadow: none;--form-control-input-prefix-color: rgba(0, 0, 0, 0.54);--form-control-input-suffix-color: rgba(0, 0, 0, 0.54);--form-control-input-invalid-border: solid 1px #F04438;--form-control-input-invalid-shadow: 0 0 0 1px #F04438;--form-control-input-invalid-background: transparent;--form-control-input-invalid-color: inherit;--form-control-input-disabled-border: solid 1px #B3B8DB;--form-control-input-disabled-shadow: none;--form-control-input-disabled-background: #F8F9FC;--form-control-input-disabled-color: #717680}.form-control{display:flex;flex-direction:var(--form-control-flex-direction, column);gap:var(--form-control-gap, 8px);max-width:100%}.form-control>label{font-family:var(--form-control-label-font-family, var(--font-family-sans));font-size:var(--form-control-label-font-size, var(--text-sm-font-size));font-weight:var(--form-control-label-font-weight, var(--font-weight-medium));line-height:var(--form-control-label-line-height, var(--text-sm-line-height));letter-spacing:var(--form-control-label-letter-spacing, var(--letter-spacing-normal));color:var(--foreground, var(--form-control-label-color));text-transform:var(--form-control-label-text-transform, none)}.form-control>label .help-icon{display:flex}.form-control>.body{overflow:hidden;position:relative;display:flex;width:var(--form-control-body-width, auto);min-width:0;max-width:100%}.form-control>.body>.separator{display:block;width:1px;height:999px;outline:none;background:var(--form-control-input-divider-color, rgb(0, 0, 0))}.form-control>.body .prefix,.form-control>.body .suffix{height:100%}.form-control>.body .prefix,.form-control>.body .suffix,.form-control>.body .help-icon{--foreground: var(--form-control-help-icon-color, var(--text-color));display:flex;align-items:center}.form-control>.body .prefix .link-button,.form-control>.body .prefix .box-button,.form-control>.body .suffix .link-button,.form-control>.body .suffix .box-button,.form-control>.body .help-icon .link-button,.form-control>.body .help-icon .box-button{display:flex;align-items:center;height:100%;min-height:100%}.form-control>.body .prefix .link-button:hover span,.form-control>.body .prefix .box-button:hover span,.form-control>.body .suffix .link-button:hover span,.form-control>.body .suffix .box-button:hover span,.form-control>.body .help-icon .link-button:hover span,.form-control>.body .help-icon .box-button:hover span{text-decoration:none}.form-control>.supporting-text{font-family:var(--form-control-supporting-text-font-family, var(--font-family-sans));font-size:var(--form-control-supporting-text-font-size, var(--text-md-font-size));font-weight:var(--form-control-supporting-text-font-weight, var(--font-weight-regular));line-height:var(--form-control-supporting-text-line-height, var(--text-md-line-height));color:var(--foreground, var(--form-control-supporting-text-color, rgba(0, 0, 0, 0.54)))}.form-control:focus-within>.body{border:var(--focus-ring-border, inherit);box-shadow:var(--focus-ring-shadow, inherit)}.form-control[aria-invalid=true] .supporting-text{color:var(--form-control-supporting-text-invalid-color, red)}