.connect-floating-label{font-family:var(--ds-font-font-family);background:0 0;flex-shrink:0;width:100%}.connect-floating-label--absolute{width:auto;transition:top .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;inset-inline-start:0}.connect-floating-label--absolute.connect-floating-label--resting{top:50%;transform:translateY(-50%)}.connect-floating-label--absolute.connect-floating-label--floated{top:var(--ds-layout-spacing-25);transform:translateY(0)}.connect-floating-label .connect-label{gap:var(--ds-layout-spacing-25)}.connect-floating-label .connect-label__text{color:var(--ds-color-content-muted);font-weight:var(--ds-screen-text-font-weight-regular);transition:font-size .2s cubic-bezier(.4,0,.2,1),line-height .2s cubic-bezier(.4,0,.2,1),letter-spacing .2s cubic-bezier(.4,0,.2,1)}.connect-floating-label .connect-label__end-enhancer{font-weight:var(--ds-screen-text-font-weight-regular);transition:font-size .2s cubic-bezier(.4,0,.2,1),line-height .2s cubic-bezier(.4,0,.2,1),letter-spacing .2s cubic-bezier(.4,0,.2,1)}.connect-floating-label .connect-icon{color:var(--ds-color-content-muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.connect-floating-label .connect-char-count{color:var(--ds-color-content-subtle);font-weight:var(--ds-screen-text-font-weight-regular);transition:font-size .2s cubic-bezier(.4,0,.2,1),line-height .2s cubic-bezier(.4,0,.2,1),letter-spacing .2s cubic-bezier(.4,0,.2,1)}.connect-floating-label--resting .connect-label__text,.connect-floating-label--resting .connect-label__end-enhancer,.connect-floating-label--resting .connect-char-count{font-size:var(--ds-screen-text-font-size-label-md);line-height:var(--ds-screen-text-line-height-label-md);letter-spacing:var(--ds-screen-text-letter-spacing-label-md)}.connect-floating-label--resting .connect-icon{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250)}.connect-floating-label--floated .connect-label__text,.connect-floating-label--floated .connect-label__end-enhancer,.connect-floating-label--floated .connect-char-count{font-size:var(--ds-screen-text-font-size-label-sm);line-height:var(--ds-screen-text-line-height-label-sm);letter-spacing:var(--ds-screen-text-letter-spacing-label-sm)}.connect-floating-label--floated .connect-icon{width:var(--ds-layout-size-200);height:var(--ds-layout-size-200)}.connect-text-area__wrapper--is-readonly .connect-floating-label{background:var(--ds-color-surface-background-level-1-muted)}