.c-form-element{--c-form-element-width:var(--theme-component-form-element-width,100%);--c-form-element-max-width:var(--theme-component-form-element-max-width,100%);--c-form-element-margin-bottom:var(--theme-component-form-element-margin-bottom,0);--c-form-element-font-family:var(--theme-component-form-element-font-family,var(--theme-typography-font-family));--c-form-element-font-size:var(--theme-component-form-element-font-size,16px);--c-form-element-height:var(--theme-component-form-element-height,40px);--c-form-element-padding:var( --theme-component-form-element-padding,var(--theme-spacing-xsmall) var(--theme-spacing-small) );--c-form-element-background:var(--theme-component-form-element-background,var(--theme-color-white));--c-form-element-border-width-default:var( --theme-component-form-element-border-width-default,var(--theme-border-stroke-width) );--c-form-element-border-style-default:var(--theme-component-form-element-border-style-default,solid);--c-form-element-border-color-default:var( --theme-component-form-element-border-color-default,var(--theme-color-state-default) );--c-form-element-border-width-focus:var( --theme-component-form-element-border-width-focus,var(--theme-border-stroke-width) );--c-form-element-border-style-focus:var(--theme-component-form-element-border-style-focus,solid);--c-form-element-border-color-focus:var( --theme-component-form-element-border-color-focus,var(--theme-color-state-focus) );--c-form-element-border-width-hover:var( --theme-component-form-element-border-width-hover,var(--theme-border-stroke-width) );--c-form-element-border-style-hover:var(--theme-component-form-element-border-style-hover,solid);--c-form-element-border-color-hover:var( --theme-component-form-element-border-color-hover,var(--theme-color-state-hover) );--c-form-element-border-width-disabled:var( --theme-component-form-element-border-width-disabled,var(--theme-border-stroke-width) );--c-form-element-border-style-disabled:var(--theme-component-form-element-border-style-disabled,solid);--c-form-element-border-color-disabled:var( --theme-component-form-element-border-color-disabled,var(--theme-color-state-disabled) );--c-form-element-border-radius:var(--theme-component-form-element-border-radius,var(--theme-radius-small));--c-form-element-transition:var(--theme-component-form-element-transition,.15s ease-in-out);--c-form-element-label-font-size:var( --theme-component-form-element-label-font-size,var(--theme-typography-size-copy) );--c-form-element-label-font-weight:var( --theme-component-form-element-label-font-weight,var(--theme-typography-weight-light) );--c-form-element-label-color:var(--theme-component-form-element-label-color,var(--theme-color-text));--c-form-element-label-margin-bottom:var( --theme-component-form-element-label-margin-bottom,var(--theme-spacing-xsmall) );--c-form-element-required-color:var(--theme-component-form-element-required-color,red);--c-form-element-required-margin-left:var(--theme-component-form-element-required-margin-left,4px);--c-form-element-error-font-size:var(--theme-component-form-element-error-font-size,12px);--c-form-element-error-color:var(--theme-component-form-element-error-color,red);--c-form-element-error-margin-top:var(--theme-component-form-element-error-margin-top,4px);--c-form-element-hint-font-size:var(--theme-component-form-element-hint-font-size,12px);--c-form-element-hint-color:var(--theme-component-form-element-hint-color,gray);--c-form-element-hint-margin-top:var(--theme-component-form-element-hint-margin-top,4px);--c-form-element-disabled-color:var( --theme-component-form-element-disabled-color,var(--theme-color-state-disabled) );--c-form-element-disabled-background:var( --theme-component-form-element-disabled-background,var(--theme-color-white) );--c-form-element-disabled-opacity:var(--theme-component-form-element-disabled-opacity,.6);--c-form-element-textarea-min-height:var(--theme-component-form-element-textarea-min-height,100px);position:relative;width:var(--c-form-element-width);max-width:var(--c-form-element-max-width);margin-bottom:var(--c-form-element-margin-bottom)}.c-form-element input,.c-form-element select,.c-form-element textarea{font-family:var(--c-form-element-font-family);font-size:var(--c-form-element-font-size);height:var(--c-form-element-height);padding:var(--c-form-element-padding);background-color:var(--c-form-element-background);border-width:var(--c-form-element-border-width-default);border-style:var(--c-form-element-border-style-default);border-color:var(--c-form-element-border-color-default);border-radius:var(--c-form-element-border-radius);width:100%;box-sizing:border-box;transition:var(--c-form-element-transition)}.c-form-element input:focus,.c-form-element select:focus,.c-form-element textarea:focus{outline:none;border-width:var(--c-form-element-border-width-focus);border-style:var(--c-form-element-border-style-focus);border-color:var(--c-form-element-border-color-focus)}.c-form-element input:hover:not(:disabled),.c-form-element select:hover:not(:disabled),.c-form-element textarea:hover:not(:disabled){border-width:var(--c-form-element-border-width-hover);border-style:var(--c-form-element-border-style-hover);border-color:var(--c-form-element-border-color-hover)}.c-form-element input:disabled,.c-form-element select:disabled,.c-form-element textarea:disabled{color:var(--c-form-element-disabled-color);border-width:var(--c-form-element-border-width-disabled);border-style:var(--c-form-element-border-style-disabled);border-color:var(--c-form-element-border-color-disabled);cursor:not-allowed;background-color:var(--c-form-element-disabled-background)}.c-form-element textarea{height:auto;min-height:var(--c-form-element-textarea-min-height);resize:vertical}.c-form-element .c-form-element__label{display:block;font-size:var(--c-form-element-label-font-size);font-weight:var(--c-form-element-label-font-weight);color:var(--c-form-element-label-color);margin-bottom:var(--c-form-element-label-margin-bottom)}.c-form-element .c-form-element__required{color:var(--c-form-element-required-color);margin-left:var(--c-form-element-required-margin-left)}.c-form-element .c-form-element__error{font-size:var(--c-form-element-error-font-size);color:var(--c-form-element-error-color);margin-top:var(--c-form-element-error-margin-top)}.c-form-element .c-form-element__hint{font-size:var(--c-form-element-hint-font-size);color:var(--c-form-element-hint-color);margin-top:var(--c-form-element-hint-margin-top)}.c-form-element.c-form-element--error input,.c-form-element.c-form-element--error select,.c-form-element.c-form-element--error textarea{border-color:var(--c-form-element-error-color)}.c-form-element.c-form-element--disabled{opacity:var(--c-form-element-disabled-opacity);pointer-events:none}.c-form-element.c-form-element--hidden{display:none}.c-form-element--sliding-label{--c-form-element-sliding-margin-top:var(--theme-component-form-element-sliding-margin-top,40px);--c-form-element-sliding-label-offset:var(--theme-component-form-element-sliding-label-offset,40px);--c-form-element-sliding-transition:var(--theme-component-form-element-sliding-transition,.15s ease-in-out);--c-form-element-sliding-scale:var(--theme-component-form-element-sliding-scale,.85);--c-form-element-sliding-font-size:var(--theme-component-form-element-sliding-font-size,16px);margin-top:var(--c-form-element-sliding-margin-top)}.c-form-element--sliding-label .c-form-element__label{pointer-events:none;display:flex;align-items:center;transform-origin:left center;position:absolute;top:0;left:var(--theme-component-form-element-padding,var(--theme-spacing-small));height:var(--c-form-element-height);margin-bottom:0;transition:transform var(--c-form-element-sliding-transition),left var(--c-form-element-sliding-transition),top var(--c-form-element-sliding-transition),font-size var(--c-form-element-sliding-transition)}.c-form-element--sliding-label.c-form-element--has-value .c-form-element__label,.c-form-element--sliding-label:has(input:focus) .c-form-element__label,.c-form-element--sliding-label:has(input[value]:not([value=""])) .c-form-element__label,.c-form-element--sliding-label:has(select:focus) .c-form-element__label,.c-form-element--sliding-label:has(textarea:focus) .c-form-element__label,.c-form-element--sliding-label:has(textarea:not(:empty)) .c-form-element__label{left:0;top:calc(var(--c-form-element-sliding-label-offset)*-1);transform:scale(var(--c-form-element-sliding-scale));font-size:var(--c-form-element-sliding-font-size)}.c-form-file.c-form-element--sliding-label .c-form-element__label{left:0;top:calc(var(--c-form-element-sliding-label-offset)*-1);transform:scale(var(--c-form-element-sliding-scale));font-size:var(--c-form-element-sliding-font-size)}