@layer reset,tokens,base;@layer components{.f-form-control-floating-label{background-color:var(--f-form-control--background-color);color:var(--_f-form-control--floating-label-color);opacity:1;left:calc(var(--_f-form-control--padding-x,var(--f-form-control--padding-x)) + var(--f-form-control--border-width));border-radius:3px;padding:1px 3px;font-size:10px;line-height:12px;transition:all .25s;position:absolute;top:-7px}.f-form-control-floating-transition-enter-active{transition:all .25s}.f-form-control-floating-transition-enter-from,.f-form-control-floating-transition-leave-to{opacity:0;transform:translateY(14px)}.f-form-control{--_f-form-control--height:var(--f-form-control--height);--_f-form-control--width:var(--f-form-control--width);--_f-form-control--border-color:var(--f-form-control--border-color);--_f-form-control--border-radius:var(--f-form-control--border-radius);--_f-form-control--floating-label-color:var(--f-form-control--floating-label-color);--_f-form-control--padding-x:var(--f-form-control--padding-x);--_f-form-control--max-element-height:var(--f-form-control--max-element-height);width:var(--_f-form-control--width);font-weight:400;line-height:1.5;font-size:var(--f-form-control--font-size);color:var(--f-form-control--color);appearance:none;background-color:var(--f-form-control--background-color);border:var(--f-form-control--border-width) var(--f-form-control--border-style) var(--_f-form-control--border-color);border-radius:var(--_f-form-control--border-radius);min-height:var(--_f-form-control--height);height:var(--_f-form-control--height);background-clip:padding-box;transition:all .25s ease-in-out}.f-form-control:not(.f-form-control--disabled):not(.f-form-control--readonly):hover{--_f-form-control--border-color:var(--f-form-control--border-color--hover)}.f-form-control:not(.f-form-control--disabled):not(.f-form-control--readonly):focus,.f-form-control:not(.f-form-control--disabled):not(.f-form-control--readonly):focus-within{--_f-form-control--border-color:var(--f-form-control--border-color--focus);--_f-form-control--floating-label-color:var(--f-form-control--floating-label-color--focus)}.f-form-control.f-form-control--no-border,.f-form-control.f-form-control--no-border:not(.f-form-control--disabled):not(.f-form-control--readonly):hover,.f-form-control.f-form-control--no-border:not(.f-form-control--disabled):not(.f-form-control--readonly):focus,.f-form-control.f-form-control--no-border:not(.f-form-control--disabled):not(.f-form-control--readonly):focus-within{--_f-form-control--border-color:transparent}.f-form-control.f-form-control--wide{--_f-form-control--width:100%}.f-form-control.f-form-control--disabled,.f-form-control:disabled{background-color:var(--f-form-control--background-color--disabled);cursor:not-allowed}.f-form-control.f-form-control--disabled:hover,.f-form-control:disabled:hover{cursor:not-allowed}.f-form-control.f-form-control--has-errors{--_f-form-control--border-color:var(--f-form-control--border-color--error)}.f-form-control.f-form-control--has-errors:not(.f-form-control--disabled):not(.f-form-control--readonly):hover{--_f-form-control--border-color:var(--f-form-control--border-color--error-hover)}.f-form-control.f-form-control--has-errors:not(.f-form-control--disabled):not(.f-form-control--readonly):focus,.f-form-control.f-form-control--has-errors:not(.f-form-control--disabled):not(.f-form-control--readonly):focus-within{--_f-form-control--border-color:var(--f-form-control--border-color--error)}.f-form-control.f-form-control--size-small{--_f-form-control--height:var(--f-form-control--height-sm);--_f-form-control--padding-x:var(--f-form-control--padding-x-sm);--_f-form-control--max-element-height:var(--f-form-control--max-element-height-sm);--_f-form-control--border-radius:var(--f-form-control--border-radius-sm)}.f-form-control.f-form-control--size-large{--_f-form-control--height:var(--f-form-control--height-lg);--_f-form-control--padding-x:var(--f-form-control--padding-x-lg);--_f-form-control--max-element-height:var(--f-form-control--max-element-height-lg);--_f-form-control--border-radius:var(--f-form-control--border-radius-lg)}.f-form-control{padding:0 var(--_f-form-control--padding-x);align-items:center;display:flex;position:relative}.f-form-control.f-form-control--required:after{content:"";background-color:var(--f-color-danger);width:4px;height:4px;top:calc(var(--_f-form-control--border-radius) - 2px);right:calc(var(--_f-form-control--border-radius) - 2px);border-radius:50%;transition:all .25s;display:block;position:absolute}.f-form-control .f-form-control__prepend,.f-form-control .f-form-control__append,.f-form-control .f-form-control__advanced,.f-form-control .f-form-control__copy,.f-form-control .f-form-control__clear{flex-shrink:0;justify-content:center;align-items:center;display:flex}.f-form-control .f-form-control__prepend>.f-button,.f-form-control .f-form-control__append>.f-button,.f-form-control .f-form-control__advanced>.f-button,.f-form-control .f-form-control__copy>.f-button,.f-form-control .f-form-control__clear>.f-button{max-height:var(--_f-form-control--max-element-height);min-width:var(--_f-form-control--max-element-height);width:var(--_f-form-control--max-element-height)}.f-form-control .f-form-control__prepend>svg:not(.f-spinner),.f-form-control .f-form-control__append>svg:not(.f-spinner),.f-form-control .f-form-control__advanced>svg:not(.f-spinner),.f-form-control .f-form-control__copy>svg:not(.f-spinner),.f-form-control .f-form-control__clear>svg:not(.f-spinner){width:20px;height:20px;color:var(--f-form-control--icon-color)}.f-form-control>.f-form-control__prepend{padding-right:var(--_f-form-control--padding-x);flex-shrink:0;display:flex}.f-form-control>.f-form-control__append{padding-left:var(--_f-form-control--padding-x);flex-shrink:0;display:flex}.f-form-control>.f-form-control__append .f-spinner{--f-spinner--size:16px;color:var(--f-form-control--icon-color);flex-shrink:0;margin:2px;display:flex}.f-form-control>.f-form-control__clear,.f-form-control .f-form-control__copy{display:flex}.f-form-control>.f-form-control__clear .f-button,.f-form-control .f-form-control__copy .f-button{color:var(--f-form-control--action-button-color);border:0;width:24px;min-width:24px;height:24px}.f-form-control>.f-form-control__clear .f-button svg,.f-form-control .f-form-control__copy .f-button svg{width:18px;height:18px}.f-form-control>.f-form-control__form-element{flex-grow:1}.f-form-control>.f-form-control__form-element>input,.f-form-control>.f-form-control__form-element select,.f-form-control>.f-form-control__form-element textarea{width:100%;max-width:100%;line-height:var(--f-form-control--line-height);color:var(--f-form-control--color);font-size:var(--f-form-control--font-size);background-color:#0000;border:none;outline:none;display:block}.f-form-control>.f-form-control__form-element>input:disabled,.f-form-control>.f-form-control__form-element select:disabled,.f-form-control>.f-form-control__form-element textarea:disabled{cursor:not-allowed}.f-form-control>.f-form-control__form-element>input::placeholder,.f-form-control>.f-form-control__form-element select::placeholder,.f-form-control>.f-form-control__form-element textarea::placeholder{color:var(--f-form-control--placeholder-color);transition:all .25s}.f-form-control>.f-form-control__form-element>input:-webkit-autofill{-webkit-box-shadow:0 0 0 40rem var(--f-form-control--background-color) inset;-webkit-text-fill-color:var(--f-form-control--color)}.f-form-control>.f-form-control__form-element>input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 40rem var(--f-form-control--background-color) inset;-webkit-text-fill-color:var(--f-form-control--color)}.f-form-control>.f-form-control__form-element>input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40rem var(--f-form-control--background-color) inset;-webkit-text-fill-color:var(--f-form-control--color)}.f-form-control>.f-form-control__form-element select:-webkit-autofill{-webkit-box-shadow:0 0 0 40rem var(--f-form-control--background-color) inset;-webkit-text-fill-color:var(--f-form-control--color)}.f-form-control>.f-form-control__form-element select:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 40rem var(--f-form-control--background-color) inset;-webkit-text-fill-color:var(--f-form-control--color)}.f-form-control>.f-form-control__form-element select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40rem var(--f-form-control--background-color) inset;-webkit-text-fill-color:var(--f-form-control--color)}.f-form-control>.f-form-control__form-element textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 40rem var(--f-form-control--background-color) inset;-webkit-text-fill-color:var(--f-form-control--color)}.f-form-control>.f-form-control__form-element textarea:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 40rem var(--f-form-control--background-color) inset;-webkit-text-fill-color:var(--f-form-control--color)}.f-form-control>.f-form-control__form-element textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40rem var(--f-form-control--background-color) inset;-webkit-text-fill-color:var(--f-form-control--color)}.f-form-control>.f-form-control__form-element>input:not(:read-only):focus::placeholder,.f-form-control>.f-form-control__form-element select:not(:read-only):focus::placeholder,.f-form-control>.f-form-control__form-element textarea:not(:read-only):focus::placeholder{opacity:.65}.f-form-control>.f-form-control__form-element>input,.f-form-control>.f-form-control__form-element select{border:none}}@layer theme,utilities;