@layer components{.ds-text-input{gap:var(--spacing-8);padding:var(--spacing-0);border-radius:var(--corner-radius-0);flex-direction:column;justify-content:flex-start;align-items:flex-start;inline-size:100%;display:flex}.ds-text-input>.ds-text-input__label{align-self:stretch;inline-size:auto}.ds-text-input>.ds-text-input__field{gap:var(--spacing-8);padding:var(--spacing-12);background:var(--colour-control-neutral-base-rest);border-radius:var(--corner-radius-12);min-block-size:2.75rem;box-shadow:inset 0 0 0 var(--stroke-1) var(--colour-stroke-neutral-interactive);flex-direction:row;justify-content:flex-start;align-self:stretch;align-items:center;display:flex;overflow:hidden}.ds-text-input>.ds-text-input__field>.ds-text-input__label-container{gap:var(--spacing-0);padding:var(--spacing-0);border-radius:var(--corner-radius-0);flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;display:flex}.ds-text-input:where(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>.ds-text-input__field>.ds-text-input__label-container>.ds-text-input__show-value-label:disabled),:has(>.ds-text-input__field>.ds-text-input__label-container>.ds-text-input__show-value-label :disabled))){opacity:var(--ds-dim,var(--state-disabled-opacity))}.ds-text-input:where(:is([data-disabled]:not([data-disabled=false]),:disabled,:has(>.ds-text-input__field>.ds-text-input__label-container>.ds-text-input__show-value-label:disabled),:has(>.ds-text-input__field>.ds-text-input__label-container>.ds-text-input__show-value-label :disabled)))>*{--ds-dim:1}.ds-text-input:where(:is(:focus-visible,:has(>.ds-text-input__field>.ds-text-input__label-container>.ds-text-input__show-value-label:focus-visible),:has(>.ds-text-input__field>.ds-text-input__label-container>.ds-text-input__show-value-label :focus-visible)))>.ds-text-input__field{box-shadow:inset 0 0 0 var(--state-focus-stroke-width) var(--state-focus-stroke-colour), var(--state-focus-default)}.ds-text-input:where(:hover)>.ds-text-input__field{background:var(--colour-control-neutral-base-hover)}.ds-text-input:where([data-validation=error])>.ds-text-input__field{box-shadow:inset 0 0 0 var(--stroke-2) var(--colour-stroke-feedback-danger-interactive)}.ds-text-input:where([data-validation=error])>.ds-text-input__feedback-message{align-self:stretch;inline-size:auto}.ds-text-input:where([data-show-value]:not([data-show-value=false]))>.ds-text-input__field>.ds-text-input__label-container>.ds-text-input__show-value-label{color:var(--colour-text-neutral-strong);font-family:var(--label-md-medium-font-family);font-weight:var(--label-md-medium-font-weight,400);font-size:var(--label-md-medium-font-size);line-height:var(--label-md-medium-line-height,normal);letter-spacing:var(--label-md-medium-letter-spacing,normal);flex:1 1 0}.ds-text-input:where([data-show-suffix]:not([data-show-suffix=false]))>.ds-text-input__field>.ds-text-input__show-suffix-suffix{color:var(--colour-text-neutral-medium);font-family:var(--label-sm-medium-font-family);font-weight:var(--label-sm-medium-font-weight,400);font-size:var(--label-sm-medium-font-size);line-height:var(--label-sm-medium-line-height,normal);letter-spacing:var(--label-sm-medium-letter-spacing,normal)}.ds-text-input:where([data-validation=error]):where(:is(:focus-visible,:has(>.ds-text-input__field>.ds-text-input__label-container>.ds-text-input__show-value-label:focus-visible),:has(>.ds-text-input__field>.ds-text-input__label-container>.ds-text-input__show-value-label :focus-visible)))>.ds-text-input__field{box-shadow:inset 0 0 0 var(--state-focus-stroke-width) var(--colour-stroke-feedback-danger-interactive), var(--state-focus-danger)}}
@layer components{.ds-text-input__field{cursor:text}.ds-text-input>.ds-text-input__field{padding-block:0}.ds-text-input__label-container{align-self:stretch;min-inline-size:0}.ds-text-input__show-value-label{background:0 0;border:0;align-self:stretch;min-inline-size:0;margin:0;padding:0}.ds-text-input[data-show-value]:not([data-show-value=false])>.ds-text-input__field>.ds-text-input__label-container>.ds-text-input__show-value-label{line-height:normal}.ds-text-input__show-value-label:focus{outline-width:0}}