.fl-input[data-v-551494f7]{display:flex;flex-direction:column;font-family:var(--fluent-font-family);gap:var(--fluent-space-xxs)}.fl-input[data-v-551494f7],.fl-input__label[data-v-551494f7]{color:var(--fluent-color-neutral-fg-1)}.fl-input__label[data-v-551494f7]{font-size:var(--fluent-type-body-1-size);font-weight:var(--fluent-weight-semibold);line-height:var(--fluent-type-body-1-lh)}.fl-input__required[data-v-551494f7]{color:var(--fluent-color-danger-fg);margin-left:2px}.fl-input__field[data-v-551494f7]{align-items:center;background:var(--fluent-color-neutral-bg-field);border:1px solid var(--fluent-color-neutral-stroke-1);border-bottom-color:var(--fluent-color-neutral-fg-3);border-radius:var(--fluent-radius-medium) var(--fluent-radius-medium) 0 0;display:flex;gap:var(--fluent-space-xs);padding:0 var(--fluent-space-s);position:relative;transition:border-color .12s ease-out,background-color .12s ease-out}.fl-input__field[data-v-551494f7]:after{background:var(--fluent-color-brand-bg);border-bottom-left-radius:var(--fluent-radius-medium);border-bottom-right-radius:var(--fluent-radius-medium);bottom:-1px;content:"";height:2px;left:50%;pointer-events:none;position:absolute;right:50%;transition:left .15s cubic-bezier(.33,0,.67,1),right .15s cubic-bezier(.33,0,.67,1)}.fl-input--small .fl-input__field[data-v-551494f7]{border-radius:var(--fluent-radius-medium) var(--fluent-radius-medium) 0 0;height:24px;padding:0 var(--fluent-space-xs)}.fl-input--medium .fl-input__field[data-v-551494f7]{height:32px}.fl-input--large .fl-input__field[data-v-551494f7]{height:40px;padding:0 var(--fluent-space-l)}.fl-input__field[data-v-551494f7]:hover{border-color:var(--fluent-color-neutral-stroke-1) var(--fluent-color-neutral-stroke-1) var(--fluent-color-neutral-fg-1)}.fl-input__field[data-v-551494f7]:focus-within{border-bottom-color:transparent;border-left-color:var(--fluent-color-neutral-stroke-1);border-right-color:var(--fluent-color-neutral-stroke-1);border-top-color:var(--fluent-color-neutral-stroke-1)}.fl-input__field[data-v-551494f7]:focus-within:after{left:0;right:0}.fl-input__field[data-v-551494f7]:active{border-bottom-color:var(--fluent-color-neutral-fg-1)}.fl-input__field[data-v-551494f7]:focus-within:active:after{background:var(--fluent-color-brand-bg-hover)}.fl-input--error .fl-input__field[data-v-551494f7]{border-bottom-color:transparent}.fl-input--error .fl-input__field[data-v-551494f7]:after{background:var(--fluent-color-danger-fg);left:0;right:0}.fl-input--disabled .fl-input__field[data-v-551494f7]{background:var(--fluent-color-neutral-bg-2);border-color:var(--fluent-color-neutral-stroke-2);cursor:not-allowed}.fl-input--disabled .fl-input__field[data-v-551494f7]:after{display:none}.fl-input--disabled .fl-input__label[data-v-551494f7]{color:var(--fluent-color-neutral-fg-disabled)}.fl-input__control[data-v-551494f7]{background:transparent;border:0;color:var(--fluent-color-neutral-fg-1);flex:1 1 auto;font:inherit;font-size:var(--fluent-type-body-1-size);height:100%;line-height:var(--fluent-type-body-1-lh);min-width:0;outline:0;padding:0}.fl-input__control[data-v-551494f7]::-moz-placeholder{color:var(--fluent-color-neutral-fg-3)}.fl-input__control[data-v-551494f7]::placeholder{color:var(--fluent-color-neutral-fg-3)}.fl-input__control[data-v-551494f7]:disabled{color:var(--fluent-color-neutral-fg-disabled);cursor:not-allowed;-webkit-text-fill-color:var(--fluent-color-neutral-fg-disabled)}.fl-input__icon[data-v-551494f7]{color:var(--fluent-color-neutral-fg-3);flex-shrink:0;height:20px;width:20px}.fl-input--small .fl-input__icon[data-v-551494f7]{height:16px;width:16px}.fl-input__message[data-v-551494f7]{color:var(--fluent-color-neutral-fg-3);font-size:var(--fluent-type-caption-size);line-height:var(--fluent-type-caption-lh);margin:0}.fl-input__message--error[data-v-551494f7]{color:var(--fluent-color-danger-fg)}@media(prefers-reduced-motion:reduce){.fl-input__field[data-v-551494f7],.fl-input__field[data-v-551494f7]:after{transition:none}}