.ds-textfield{gap:var(--fds-ref-spacing-3xsmall);flex-direction:column;width:100%;display:inline-flex}.ds-textfield__field{align-items:center;gap:var(--fds-ref-spacing-xsmall);cursor:text;border-radius:var(--fds-ref-radius-full);width:100%;box-shadow:none;box-sizing:border-box;border:none;transition:background .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.ds-textfield__text{flex:1 0 0;align-self:stretch;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.ds-textfield__label{font-weight:var(--fds-ref-font-weight-regular);color:rgba(var(--b-sc), var(--fds-ref-alpha-56));white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transition:top .15s,transform .15s,font-size .15s,line-height .15s,opacity .15s;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.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;text-overflow:ellipsis;cursor:inherit;padding-top:0;transition:padding-top .15s;overflow:hidden}.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{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.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{align-items:center;gap:var(--fds-ref-spacing-xsmall);flex-shrink:0;display:flex}.ds-textfield__clear,.ds-textfield__icon-btn{all:unset;cursor:pointer;border-radius:var(--fds-ref-radius-full);color:rgba(var(--b-sc), var(--fds-ref-alpha-56));flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.ds-textfield__clear .CMSIconSVGWrapper,.ds-textfield__icon-btn .CMSIconSVGWrapper{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.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{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .2s,opacity .2s;display:grid}.ds-textfield__helper-row--visible{opacity:1;grid-template-rows:1fr}.ds-textfield__helper-row-inner{align-items:flex-start;gap:var(--fds-ref-spacing-xsmall);padding:0 var(--fds-ref-spacing-xlarge);display:flex;overflow:hidden}.ds-textfield__helper{align-items:center;gap:var(--fds-ref-spacing-xsmall);flex:1 0 0;min-width:0;display:flex}.ds-textfield__helper-icon{width:var(--fds-sem-dimension-xsmall);height:var(--fds-sem-dimension-xsmall);color:rgba(var(--b-sc), var(--fds-ref-alpha-56));flex-shrink:0}.ds-textfield__helper-text{color:rgba(var(--b-sc), var(--fds-ref-alpha-56))}.ds-textfield__counter{color:rgba(var(--b-sc), var(--fds-ref-alpha-56));text-align:right;white-space:nowrap;flex-shrink:0}.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);font-size:var(--fds-ref-font-size-60);line-height:var(--fds-ref-font-line-height-80);transform:translateY(0)}.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);font-size:var(--fds-ref-font-size-60);line-height:var(--fds-ref-font-line-height-80);transform:translateY(0)}.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{box-shadow:inset 0 0 0 var(--fds-ref-border-width-thin) rgba(var(--b-sc), var(--fds-ref-alpha-16));background:0 0}[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,.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}