@layer variables{:root{--form-item-height:calc(var(--size-4) + var(--ui-padding-block)*2);--form-item-height-sm:calc(var(--size-4) + var(--ui-padding-block))}}@layer components{.form-item[data-v-bacb07dd]{align-items:center;background:var(--background);border:var(--border);border-radius:var(--border-radius);display:flex;inline-size:100%;max-inline-size:-webkit-fill-available;transition:background-color var(--speed),border-color var(--speed)}.form-item [data-v-bacb07dd] input,.form-item [data-v-bacb07dd] select,.form-item [data-v-bacb07dd] textarea{border:none}:is(.form-item:has(input:focus),.form-item:has(input:hover))[data-v-bacb07dd]{background:var(--button-background-highlight);border-color:var(--button-border-color-highlight)}:is(.form-item:has(input:focus),.form-item:has(input:hover)) .prefix[data-v-bacb07dd],:is(.form-item:has(input:focus),.form-item:has(input:hover)) .suffix[data-v-bacb07dd]{background:var(--button-background-highlight);border-color:var(--button-border-color-highlight)}.form-item .prefix[data-v-bacb07dd],.form-item .suffix[data-v-bacb07dd]{align-items:center;background:var(--button-background);block-size:100%;color:var(--muted);display:flex;justify-content:center;padding:0 var(--ui-padding-inline);transition:background-color var(--speed),border-color var(--speed),color var(--speed)}.form-item .prefix[data-v-bacb07dd]{border-inline-end:var(--border)}.form-item .suffix[data-v-bacb07dd]{border-inline-start:var(--border)}}