.ds-textfield{display:inline-flex;flex-direction:column;gap:var(--fds-ref-spacing-3xsmall);width:100%}.ds-textfield__field{display:flex;align-items:center;gap:var(--fds-ref-spacing-xsmall);width:100%;cursor:text;border-radius:var(--fds-ref-radius-full);border:none;box-shadow:none;transition:background .2s ease,box-shadow .2s ease;box-sizing:border-box;position:relative;overflow:hidden}.ds-textfield__text{flex:1 0 0;min-width:0;position:relative;align-self:stretch;display:flex;align-items:center;overflow:hidden}.ds-textfield__label{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-weight:var(--fds-ref-font-weight-regular);color:rgba(var(--b-sc),var(--fds-ref-alpha-56));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:top .15s ease,transform .15s ease,font-size .15s ease,line-height .15s ease,opacity .15s ease}.ds-textfield__input{all:unset;width:100%;font-weight:var(--fds-ref-font-weight-medium);font-size:inherit;color:rgba(var(--b-sc),var(--fds-ref-alpha-80));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:inherit;padding-top:0;transition:padding-top .15s ease}.ds-textfield__input::placeholder{color:rgba(var(--b-sc),var(--fds-ref-alpha-24));font-weight:var(--fds-ref-font-weight-medium)}.ds-textfield__input:disabled{cursor:not-allowed}.ds-textfield__text--label-floating .ds-textfield__input{padding-top:18px}.ds-textfield.ds-textfield-size--sm .ds-textfield__text--label-floating .ds-textfield__label,.ds-textfield.ds-textfield-size--md .ds-textfield__text--label-floating .ds-textfield__label{opacity:0;pointer-events:none}.ds-textfield.ds-textfield-size--sm .ds-textfield__text--label-floating .ds-textfield__input,.ds-textfield.ds-textfield-size--md .ds-textfield__text--label-floating .ds-textfield__input{padding-top:0}.ds-textfield__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ds-textfield__icon svg{width:100%;height:100%}.ds-textfield__icon--left{order:-1}.ds-textfield__icon--right{order:10}.ds-textfield__field>.ds-textfield__icon,.ds-textfield__right>.ds-textfield__icon{color:rgba(var(--b-sc),var(--fds-ref-alpha-56))}.ds-textfield__right{display:flex;align-items:center;gap:var(--fds-ref-spacing-xsmall);flex-shrink:0}.ds-textfield__clear,.ds-textfield__icon-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border-radius:var(--fds-ref-radius-full);color:rgba(var(--b-sc),var(--fds-ref-alpha-56));transition:color .15s ease,background .15s ease}.ds-textfield__clear .CMSIconSVGWrapper,.ds-textfield__icon-btn .CMSIconSVGWrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.ds-textfield__clear .CMSIconSVGWrapper svg,.ds-textfield__icon-btn .CMSIconSVGWrapper svg{width:100%;height:100%}[class*=is-web] .ds-textfield__clear:hover,[class*=is-web] .ds-textfield__icon-btn:hover{color:rgba(var(--b-sc),var(--fds-ref-alpha-80))}.ds-textfield__clear:active,.ds-textfield__icon-btn:active{background:rgba(var(--b-sc),var(--fds-ref-alpha-16))}.ds-textfield__action-text{font-weight:var(--fds-ref-font-weight-regular);font-size:var(--fds-ref-font-size-70);line-height:var(--fds-ref-font-line-height-100);color:rgba(var(--b-sc),var(--fds-ref-alpha-56));white-space:nowrap}.ds-textfield__helper-row{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease,opacity .2s ease}.ds-textfield__helper-row--visible{grid-template-rows:1fr;opacity:1}.ds-textfield__helper-row-inner{overflow:hidden;display:flex;align-items:flex-start;gap:var(--fds-ref-spacing-xsmall);padding:0 var(--fds-ref-spacing-xlarge)}.ds-textfield__helper{display:flex;align-items:center;gap:var(--fds-ref-spacing-xsmall);flex:1 0 0;min-width:0}.ds-textfield__helper-icon{flex-shrink:0;width:var(--fds-sem-dimension-xsmall);height:var(--fds-sem-dimension-xsmall);color:rgba(var(--b-sc),var(--fds-ref-alpha-56))}.ds-textfield__helper-text{color:rgba(var(--b-sc),var(--fds-ref-alpha-56))}.ds-textfield__counter{flex-shrink:0;color:rgba(var(--b-sc),var(--fds-ref-alpha-56));text-align:right;white-space:nowrap}.ds-textfield.ds-textfield-size--sm .ds-textfield__field{height:var(--fds-sem-dimension-medium);padding:0 var(--fds-ref-spacing-large);gap:var(--fds-ref-spacing-xsmall)}.ds-textfield.ds-textfield-size--sm .ds-textfield__input,.ds-textfield.ds-textfield-size--sm .ds-textfield__label{font-size:var(--fds-ref-font-size-60);line-height:var(--fds-ref-font-line-height-80)}.ds-textfield.ds-textfield-size--sm .ds-textfield__icon,.ds-textfield.ds-textfield-size--sm .ds-textfield__clear,.ds-textfield.ds-textfield-size--sm .ds-textfield__icon-btn{width:var(--fds-sem-dimension-xsmall);height:var(--fds-sem-dimension-xsmall)}.ds-textfield.ds-textfield-size--md .ds-textfield__field{height:var(--fds-sem-dimension-large);padding:0 var(--fds-ref-spacing-large);gap:var(--fds-ref-spacing-xsmall)}.ds-textfield.ds-textfield-size--md .ds-textfield__input,.ds-textfield.ds-textfield-size--md .ds-textfield__label{font-size:var(--fds-ref-font-size-70);line-height:var(--fds-ref-font-line-height-100)}.ds-textfield.ds-textfield-size--md .ds-textfield__icon,.ds-textfield.ds-textfield-size--md .ds-textfield__clear,.ds-textfield.ds-textfield-size--md .ds-textfield__icon-btn{width:var(--fds-sem-dimension-xsmall-nudge);height:var(--fds-sem-dimension-xsmall-nudge)}.ds-textfield.ds-textfield-size--lg .ds-textfield__field{height:var(--fds-sem-dimension-xlarge);padding:0 var(--fds-ref-spacing-large);gap:var(--fds-ref-spacing-xsmall)}.ds-textfield.ds-textfield-size--lg .ds-textfield__input,.ds-textfield.ds-textfield-size--lg .ds-textfield__label{font-size:var(--fds-ref-font-size-70);line-height:var(--fds-ref-font-line-height-100)}.ds-textfield.ds-textfield-size--lg .ds-textfield__label--floating{top:var(--fds-ref-spacing-3xsmall);transform:translateY(0);font-size:var(--fds-ref-font-size-60);line-height:var(--fds-ref-font-line-height-80)}.ds-textfield.ds-textfield-size--lg .ds-textfield__icon,.ds-textfield.ds-textfield-size--lg .ds-textfield__clear,.ds-textfield.ds-textfield-size--lg .ds-textfield__icon-btn{width:var(--fds-sem-dimension-xsmall-nudge);height:var(--fds-sem-dimension-xsmall-nudge)}.ds-textfield.ds-textfield-size--xl .ds-textfield__field{height:var(--fds-sem-dimension-2xlarge);padding:0 var(--fds-ref-spacing-large);gap:var(--fds-ref-spacing-xsmall)}.ds-textfield.ds-textfield-size--xl .ds-textfield__input,.ds-textfield.ds-textfield-size--xl .ds-textfield__label{font-size:var(--fds-ref-font-size-70);line-height:var(--fds-ref-font-line-height-100)}.ds-textfield.ds-textfield-size--xl .ds-textfield__label--floating{top:var(--fds-ref-spacing-2xsmall);transform:translateY(0);font-size:var(--fds-ref-font-size-60);line-height:var(--fds-ref-font-line-height-80)}.ds-textfield.ds-textfield-size--xl .ds-textfield__icon,.ds-textfield.ds-textfield-size--xl .ds-textfield__clear,.ds-textfield.ds-textfield-size--xl .ds-textfield__icon-btn{width:var(--fds-sem-dimension-xsmall-nudge);height:var(--fds-sem-dimension-xsmall-nudge)}.ds-textfield.ds-textfield-layout--fill .ds-textfield__field{background:rgba(var(--b-sc),var(--fds-ref-alpha-8));box-shadow:none}[class*=is-web] .ds-textfield.ds-textfield-layout--fill:hover:not(.ds-textfield--disabled):not(.ds-textfield--readonly):not(:has(.ds-textfield__clear:hover)):not(:has(.ds-textfield__icon-btn:hover)) .ds-textfield__field{background:rgba(var(--b-sc),var(--fds-ref-alpha-12))}.ds-textfield.ds-textfield-layout--fill.ds-textfield--focused .ds-textfield__field{box-shadow:inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc),var(--fds-ref-alpha-56))}.ds-textfield.ds-textfield-layout--fill.ds-textfield--error .ds-textfield__field{box-shadow:inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--error),var(--fds-ref-alpha-100))}.ds-textfield.ds-textfield-layout--outline .ds-textfield__field{background:transparent;box-shadow:inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc),var(--fds-ref-alpha-16))}[class*=is-web] .ds-textfield.ds-textfield-layout--outline:hover:not(.ds-textfield--disabled):not(.ds-textfield--readonly):not(:has(.ds-textfield__clear:hover)):not(:has(.ds-textfield__icon-btn:hover)) .ds-textfield__field{background:rgba(var(--b-sc),var(--fds-ref-alpha-12));box-shadow:inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc),var(--fds-ref-alpha-24))}.ds-textfield.ds-textfield-layout--outline.ds-textfield--focused .ds-textfield__field{box-shadow:inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc),var(--fds-ref-alpha-56))}.ds-textfield.ds-textfield-layout--outline.ds-textfield--error .ds-textfield__field{box-shadow:inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--error),var(--fds-ref-alpha-100))}.ds-textfield.ds-textfield--focused .ds-textfield__label{color:rgba(var(--b-sc),var(--fds-ref-alpha-56))}.ds-textfield.ds-textfield--error .ds-textfield__helper-icon,.ds-textfield.ds-textfield--error .ds-textfield__helper-text{color:rgba(var(--error),var(--fds-ref-alpha-100))}.ds-textfield.ds-textfield--disabled{pointer-events:none}.ds-textfield.ds-textfield--disabled .ds-textfield__field{background:rgba(var(--b-sc),var(--fds-ref-alpha-8));box-shadow:none}.ds-textfield.ds-textfield--disabled .ds-textfield__label,.ds-textfield.ds-textfield--disabled .ds-textfield__input,.ds-textfield.ds-textfield--disabled .ds-textfield__icon,.ds-textfield.ds-textfield--disabled .ds-textfield__icon-btn,.ds-textfield.ds-textfield--disabled .ds-textfield__action-text,.ds-textfield.ds-textfield--disabled .ds-textfield__helper-text,.ds-textfield.ds-textfield--disabled .ds-textfield__counter{color:rgba(var(--b-sc),var(--fds-ref-alpha-24))}.ds-textfield.ds-textfield--disabled .ds-textfield__input::placeholder{color:rgba(var(--b-sc),var(--fds-ref-alpha-24))}.ds-textfield.ds-textfield--readonly{cursor:pointer}.ds-textfield.ds-textfield--readonly .ds-textfield__field{background:rgba(var(--b-sc),var(--fds-ref-alpha-24));box-shadow:none}.ds-textfield.ds-textfield--readonly.ds-textfield-layout--outline .ds-textfield__field{box-shadow:inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc),var(--fds-ref-alpha-16))}.ds-textfield.ds-textfield--readonly .ds-textfield__input{pointer-events:none}