.input-outlined[data-v-21ddbab1]{--_color-border:var( --input-border-color,var(--default-form-control-border-color) );--_border-radius:var( --input-border-radius,var(--default-form-control-border-radius) );--_leading-width:var(--input-outlined-leading-width,12px);--_notch-border-top-color:var(--_color-border);--focus-transition:.3s ease;box-sizing:border-box;display:flex;height:100%;inset:0;pointer-events:none;width:100%}.input-outlined.is-textarea[data-v-21ddbab1]{--_notch-align-items:flex-start;--_label-translateY:16px}.input-outlined.is-textarea.has-focus[data-v-21ddbab1],.input-outlined.is-textarea.has-value[data-v-21ddbab1]{--_label-translateY:-10px}.input-outlined.is-search[data-v-21ddbab1]{--_label-translateX:calc(var(--input-container-padding-inline) + 1rem + var(--_leading-width) - var(--input-outlined-label-padding-inline, 4px))}.input-outlined .leading[data-v-21ddbab1]{isolation:isolate;position:relative;width:var(--_leading-width)}.input-outlined .leading[data-v-21ddbab1]:before{border-bottom-left-radius:var(--_border-radius);border-color:var(--_color-border);border-style:solid;border-top-left-radius:var(--_border-radius);border-width:1px 0 1px 1px;transition:border-color var(--focus-transition);z-index:100}.input-outlined .leading[data-v-21ddbab1]:after,.input-outlined .leading[data-v-21ddbab1]:before{content:"";inset:0;position:absolute}.input-outlined .leading[data-v-21ddbab1]:after{border-bottom-left-radius:var(--_border-radius);border-color:var(--focus-color);border-style:solid;border-top-left-radius:var(--_border-radius);border-width:var(--focus-width,2px) 0 var(--focus-width,2px) var(--focus-width,2px);opacity:var(--outline-opacity,0);transition:opacity var(--focus-transition),border-color var(--focus-transition)}.input-outlined .notch[data-v-21ddbab1]{align-items:var(--_notch-align-items,center);display:flex;flex:0 0 auto;height:100%;line-height:var(--input-line-height,24px);max-width:calc(100% - var(--_leading-width));position:relative;transition:border-color var(--focus-transition)}.input-outlined .notch[data-v-21ddbab1]:before{border-bottom:1px solid var(--_color-border);border-left-style:solid;border-left-width:0;border-right-style:solid;border-right-width:0;border-top:1px solid var(--_notch-border-top-color);transition:border-color var(--focus-transition)}.input-outlined .notch[data-v-21ddbab1]:after,.input-outlined .notch[data-v-21ddbab1]:before{content:"";inset:0;position:absolute}.input-outlined .notch[data-v-21ddbab1]:after{border-color:var(--focus-color);border-style:solid;border-width:0 0 var(--focus-width,2px) 0;opacity:var(--outline-opacity,0);transition:opacity var(--focus-transition)}.input-outlined .notch label[data-v-21ddbab1]{display:inline-block;padding-inline:var(--input-outlined-label-padding-inline,4px);position:relative;top:var(--_label-top);transition:all var(--focus-transition);translate:var(--_label-translateX,0) var(--_label-translateY,0)}.input-outlined .notch label span[data-v-21ddbab1]{display:block;font-size:var(--input-oulined-label-font-size);transition:font-size var(--focus-transition)}.input-outlined .trailing[data-v-21ddbab1]{flex-grow:1;position:relative}.input-outlined .trailing[data-v-21ddbab1]:before{border-bottom-right-radius:var(--_border-radius);border-color:var(--_color-border);border-style:solid;border-top-right-radius:var(--_border-radius);border-width:1px 1px 1px 0}.input-outlined .trailing[data-v-21ddbab1]:after,.input-outlined .trailing[data-v-21ddbab1]:before{content:"";inset:0;position:absolute;transition:opacity var(--focus-transition),border-color var(--focus-transition)}.input-outlined .trailing[data-v-21ddbab1]:after{border-bottom-right-radius:var(--_border-radius);border-color:var(--focus-color);border-style:solid;border-top-right-radius:var(--_border-radius);border-width:var(--focus-width,2px) var(--focus-width,2px) var(--focus-width,2px) 0;opacity:var(--outline-opacity,0);transition:opacity var(--focus-transition)}.input-outlined.has-focus[data-v-21ddbab1],.input-outlined.has-value[data-v-21ddbab1]{--_label-translateX:0;--_label-translateY:calc((var(--input-height, var(--default-form-control-height, 56px))/2)*-1);--_notch-border-top-color:transparent;--input-oulined-label-font-size:.75rem}.input-outlined.has-focus[data-v-21ddbab1]{--outline-opacity:1}