.ds-no-style-leak * {
  all: unset;
  box-sizing: border-box;
  display: block;
}

:host {
  display: block;
}

:host(.ds-text-input__Rso0Na__host) {
  width: 288px;
}
@media (min-width: 75rem) {
  :host(.ds-text-input__Rso0Na__host) {
    width: 320px;
  }
}

:host(.ds-text-input__Rso0Na__host--full-width) {
  width: 100%;
}

.ds-text-input__Rso0Na {
  all: initial;
  display: revert;
  box-sizing: border-box;
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-16);
  display: block;
}
.ds-text-input__Rso0Na__label-container {
  margin-block-end: var(--ds-spacing-2xSmall);
}
.ds-text-input__Rso0Na__label-container label {
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-16);
  font-weight: var(--ds-fontWeight-semibold);
  letter-spacing: var(--ds-letterSpacing-wide);
  line-height: var(--ds-lineHeight-large);
  color: var(--ds-textColor-default);
}
.ds-text-input__Rso0Na__label-container small {
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-14);
  font-weight: var(--ds-fontWeight-regular);
  letter-spacing: var(--ds-letterSpacing-wide);
  line-height: var(--ds-lineHeight-large);
  display: block;
  margin-block-start: var(--ds-spacing-3xSmall);
  color: var(--ds-textColor-secondary);
}
.ds-text-input__Rso0Na__container {
  box-sizing: border-box;
  width: 100%;
  display: inline-flex;
  position: relative;
  align-items: center;
  border-width: var(--ds-borderWidth-thin);
  border-style: solid;
  background-color: var(--ds-bgColor-white);
  border-color: var(--ds-borderColor-default);
  padding-inline: var(--ds-spacing-xSmall);
}
.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--invalid {
  background-color: var(--ds-bgColor-danger);
  border-color: var(--ds-borderColor-danger);
}
.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--invalid:hover:not(.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--invalid:focus-within) {
  background-color: var(--ds-bgColor-danger-hover);
  border-color: var(--ds-borderColor-danger);
}
.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--invalid.ds-text-input__Rso0Na__container--active {
  background-color: var(--ds-bgColor-danger-active);
  border-color: var(--ds-borderColor-danger);
}
.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--valid {
  background-color: var(--ds-bgColor-success);
  border-color: var(--ds-borderColor-success);
}
.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--valid:hover:not(.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--valid:focus-within) {
  background-color: var(--ds-bgColor-success-hover);
  border-color: var(--ds-borderColor-success);
}
.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--valid .ds-text-input__Rso0Na__container--active {
  background-color: var(--ds-bgColor-success-active);
  border-color: var(--ds-borderColor-success);
}
.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--readonly, .ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: var(--ds-borderColor-disabled-onLight);
}
.ds-text-input__Rso0Na__container:has(span.ds-text-input__Rso0Na__prefix, .ds-text-input__Rso0Na__icon) {
  padding-inline-start: var(--ds-spacing-2xSmall);
}
.ds-text-input__Rso0Na__container:has(.ds-text-input__Rso0Na__button) {
  padding-inline-end: unset;
}
.ds-text-input__Rso0Na__container:has(input:active):not:has(input:disabled, input:read-only) {
  border-color: var(--ds-borderColor-default);
}
.ds-text-input__Rso0Na__container:has(input:active) {
  outline: none;
}
.ds-text-input__Rso0Na__container.active:not(.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--disabled, .ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--readonly, .ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--invalid, .ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--valid) {
  border-color: var(--ds-borderColor-default);
  background-color: var(--ds-bgColor-white-active);
}
.ds-text-input__Rso0Na__container:hover:not(.ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--disabled, .ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--readonly, .ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--active, .ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--invalid, .ds-text-input__Rso0Na__container.ds-text-input__Rso0Na__container--valid, .ds-text-input__Rso0Na__container:focus-within) {
  border-color: var(--ds-borderColor-default);
  background-color: var(--ds-bgColor-white-hover);
}
.ds-text-input__Rso0Na__container:has(> input:focus) {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * 1);
}
.ds-text-input__Rso0Na__container:has(> input:focus):not(.ds-text-input__Rso0Na__container:has(> input:focus).ds-text-input__Rso0Na__container--invalid, .ds-text-input__Rso0Na__container:has(> input:focus).ds-text-input__Rso0Na__container--valid, .ds-text-input__Rso0Na__container:has(> input:focus).ds-text-input__Rso0Na__container--readonly) {
  border-color: var(--ds-borderColor-primary);
}
.ds-text-input__Rso0Na__container > input {
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-16);
  font-weight: var(--ds-fontWeight-regular);
  letter-spacing: var(--ds-letterSpacing-wide);
  line-height: var(--ds-lineHeight-large);
  width: 100%;
  box-sizing: border-box;
  background-color: unset;
  flex-grow: 1;
  height: var(--ds-spacing-xLarge);
  line-height: var(--ds-fontSize-24);
  color: var(--ds-textColor-default);
  border: none;
  padding-block: var(--ds-spacing-4xSmall);
  padding-inline: 0;
}
.ds-text-input__Rso0Na__container > input::placeholder {
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-16);
  font-weight: var(--ds-fontWeight-regular);
  letter-spacing: var(--ds-letterSpacing-wide);
  line-height: var(--ds-lineHeight-large);
  color: var(--ds-textColor-secondary);
}
.ds-text-input__Rso0Na__container > input:disabled {
  color: var(--ds-textColor-disabled-onLight);
}
.ds-text-input__Rso0Na__container > input:disabled::placeholder {
  color: var(--ds-textColor-disabled-onLight);
}
.ds-text-input__Rso0Na__container > input:focus {
  outline: none;
  border: none;
}
.ds-text-input__Rso0Na__container > input[type=number] {
  appearance: textfield;
}
.ds-text-input__Rso0Na__container > input::-webkit-search-decoration, .ds-text-input__Rso0Na__container > input::-webkit-search-cancel-button, .ds-text-input__Rso0Na__container > input::-webkit-search-results-button, .ds-text-input__Rso0Na__container > input::-webkit-search-results-decoration, .ds-text-input__Rso0Na__container > input::-webkit-inner-spin-button, .ds-text-input__Rso0Na__container > input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.ds-text-input__Rso0Na__container:has(span.ds-text-input__Rso0Na__prefix, .ds-text-input__Rso0Na__icon) > input {
  padding-inline-start: var(--ds-spacing-2xSmall);
}
.ds-text-input__Rso0Na__container span.ds-text-input__Rso0Na__prefix, .ds-text-input__Rso0Na__container span.ds-text-input__Rso0Na__suffix {
  font-family: var(--ds-fontFamily-body);
  color: var(--ds-textColor-link-standalone);
}
.ds-text-input__Rso0Na__container .ds-text-input__Rso0Na__icon, .ds-text-input__Rso0Na__container ::slotted([slot=prefix]) {
  height: 1.5rem;
  color: var(--ds-textColor-default);
}
.ds-text-input__Rso0Na__container .ds-text-input__Rso0Na__button {
  max-height: 40px;
}
.ds-text-input__Rso0Na__container .ds-text-input__Rso0Na__button:has(button:focus) {
  box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
  outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
  outline-offset: calc(var(--ds-borderWidth-thin) * -1 * 2);
}