.dds-label{order:1;display:inline-flex;align-items:baseline;font:var(--typography-label-m-default);color:var(--color-label-default);cursor:pointer;&.dds-label--subtle{font:var(--typography-label-m-subtle)}&.dds-label--in{color:var(--color-label-in-default);font:var(--typography-label-in-m-default);position:absolute;top:12px;left:calc(var(--spacing-input-left-padding) - var(--border-width-input-default));display:flex;align-items:center}}.dds-label__subtext{font:var(--typography-label-subtext);color:var(--color-label-subtext);margin-left:var(--spacing-label-text-gap)}.dds-label--large{font:var(--typography-label-l-default);&.dds-label--in{font:var(--typography-label-in-l-default)}&.dds-label--subtle{font:var(--typography-label-l-subtle)}}.dds-label--in .dds-label__subtext{display:none}.dds-label--in:has(+input:placeholder-shown),.dds-label--in:has(+textarea:placeholder-shown){visibility:hidden;color:transparent}.dds-label--in:has(+input:focus),.dds-label--in:has(+input:not(:placeholder-shown)),.dds-label--in:has(+textarea:focus),.dds-label--in:has(+textarea:not(:placeholder-shown)){visibility:visible;color:var(--color-label-in-active);font:var(--typography-label-in-m-active);top:var(--spacing-4xs);transition:var(--movement-transition-default);&.dds-label--large{top:.5rem}}.dds-label--hidden{position:absolute;height:1px;width:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.dds-helper-text{font:var(--typography-helper-text-default);color:var(--color-helper-text-default)}.dds-helper-text--warning{color:var(--color-helper-text-warning)}.dds-helper-text--error{color:var(--color-helper-text-error)}