.input-text{--input-padding:.75rem;--input-text-disabled:var(--form-input-border,#707a88);--input-text-inactive:var(--typography-body-color-normal);--input-text-active:var(--typography-body-color-dark);background:inherit;border:1px solid var(--form-input-border,#666);border-radius:var(--global-border-radius,0px);color:var(--input-text-inactive);letter-spacing:-.176px;max-width:100%;padding:var(--input-padding);flex-grow:1;line-height:140%;transition:border-color .3s}.input-text::placeholder{color:var(--input-text-inactive)}.input-text.disabled{color:var(--input-text-disabled);cursor:not-allowed}.input-text:disabled{color:var(--input-text-disabled);cursor:not-allowed}.input-text[disabled]{color:var(--input-text-disabled);cursor:not-allowed}.input-text[disabled]::placeholder{color:var(--input-text-disabled);cursor:not-allowed}.input-text[readonly]{color:var(--input-text-disabled);cursor:not-allowed}.input-text[readonly]::placeholder{color:var(--input-text-disabled);cursor:not-allowed}.input-text:focus-visible{color:var(--input-text-active);outline:none}.input-text:focus{color:var(--input-text-active);outline:none}.input-text.error{border-color:var(--color-error,red);transition:border-color .5s}.input-text[aria-invalid=true]{border-color:var(--color-error,red);transition:border-color .5s}.input-text::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.input-error{color:var(--color-error,red);font-size:var(--typography-sm);font-weight:var(--typography-weight-semi-bold,--typography-title-font-weight,500);margin-top:var(--spacing-1)}
.input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--form-radio-border,#666);height:var(--spacing-3,1rem);min-width:var(--spacing-3,1rem);width:var(--spacing-3,1rem);border-radius:4px;margin:0;transition:all .3s}.input-checkbox:checked{background:var(--color-brand-1);background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"white\" width=\"18px\" height=\"18px\"%3E%3Cpath d=\"M0 0h24v24H0z\" fill=\"none\"/%3E%3Cpath d=\"M9 16.17L4.83 12 3.41 13.41l5.59 5.59 12-12L18.17 5z\"/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;transition:all .2s}
.input-textarea{--input-text-disabled:var(--form-input-border,#707a88);--input-text-inactive:var(--typography-body-color-normal);--input-text-active:var(--typography-body-color-dark);background:inherit;border:1px solid var(--form-input-border,#666);border-radius:var(--global-border-radius,0px);color:var(--input-text-inactive);letter-spacing:-.176px;flex-grow:1;max-width:100%;min-height:200px;padding:.75em;line-height:140%;transition:border-color .2s}.input-textarea::placeholder{color:var(--input-text-inactive)}.input-textarea.disabled{color:var(--input-text-disabled);cursor:not-allowed}.input-textarea:disabled{color:var(--input-text-disabled);cursor:not-allowed}.input-textarea[disabled]{color:var(--input-text-disabled);cursor:not-allowed}.input-textarea[disabled]::placeholder{color:var(--input-text-disabled);cursor:not-allowed}.input-textarea[readonly]{color:var(--input-text-disabled);cursor:not-allowed}.input-textarea[readonly]::placeholder{color:var(--input-text-disabled);cursor:not-allowed}.input-textarea:focus-visible{color:var(--input-text-active);outline:none}.input-textarea:focus{color:var(--input-text-active);outline:none}.input-textarea.error{border-color:var(--color-error,red);color:var(--color-error,red);transition:border-color .5s}.input-textarea[aria-invalid=true]{border-color:var(--color-error,red);color:var(--color-error,red);transition:border-color .5s}.input-textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.input-group{flex-direction:column;transition:padding-bottom .2s;display:flex;overflow:hidden}.input-group.error{padding-bottom:.25em;transition:padding-bottom .2s}.input-group label{margin-bottom:var(--spacing-1,.25rem)}
.textarea-group{flex-direction:column;display:flex;position:relative}.textarea-group label{margin-bottom:var(--spacing-1,.25rem)}.textarea-group .max-length{color:var(--typography-body-color-light,#707a88);font-size:var(--typography-xs,.75rem);margin-top:var(--spacing-1,.25rem);position:absolute;top:100%;right:0}
.input-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;min-width:var(--spacing-3,1rem);border:none;border-radius:4px;flex-shrink:0;align-items:center;width:40px;display:flex;position:relative}.input-toggle:before{border-radius:var(--global-border-radius-sm,.25rem);content:"";display:block;position:absolute}.input-toggle:after{border-radius:var(--global-border-radius-sm,.25rem);content:"";display:block;position:absolute}.input-toggle:before{border:1px solid var(--form-input-border,#666);width:100%;height:100%;top:0;bottom:0;left:0;right:0}.input-toggle:after{background:var(--color-brand-1,#154d71);opacity:.5;width:50%;height:100%;transition:all .2s ease-in-out;left:0;scale:.85}.input-toggle:checked:after{opacity:1;translate:100%}.input-toggle:focus{outline:none}.input-toggle:focus-visible{outline:none}.input-toggle:focus-visible:before{border:2px solid #00f}
.toggle-group{align-items:center;gap:var(--spacing-2,.5rem);flex-direction:row;justify-content:start;display:flex}.toggle-group .label{flex-basis:unset}.toggle-group .input-error{margin:0}
.input-range{--input-padding:.75rem;--input-range-disabled:var(--form-input-border,#707a88);--input-range-inactive:var(--typography-body-color-normal);--input-range-active:var(--typography-body-color-dark);accent-color:var(--color-brand-1,#0051a3);width:100%}.input-range.disabled{color:var(--input-range-disabled);cursor:not-allowed}.input-range:disabled{color:var(--input-range-disabled);cursor:not-allowed}.input-range[disabled]{color:var(--input-range-disabled);cursor:not-allowed}.input-range[disabled]::placeholder{color:var(--input-range-disabled);cursor:not-allowed}.input-range[readonly]{color:var(--input-range-disabled);cursor:not-allowed}.input-range[readonly]::placeholder{color:var(--input-range-disabled);cursor:not-allowed}.input-range:focus-visible{color:var(--input-range-active);outline:none}.input-range:focus{color:var(--input-range-active);outline:none}.input-range.error{border-color:var(--color-error,red)}.input-range[aria-invalid=true]{border-color:var(--color-error,red)}
