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

:host(.ds-text-area__Rso0Na__host) {
  display: inline-block;
}

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

.ds-text-area__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-area__Rso0Na__field-wrapper {
  display: inline-grid;
  grid-template-columns: min-content;
}
.ds-text-area__Rso0Na__field-wrapper--full-width {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
}
.ds-text-area__Rso0Na__container:focus-visible {
  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-area__Rso0Na__container:focus-within {
  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-area__Rso0Na__container {
  box-sizing: border-box;
  display: inline-flex;
  position: relative;
  align-items: flex-start;
  border-width: var(--ds-borderWidth-thin);
  border-style: solid;
  border-color: var(--ds-borderColor-default);
  padding: 0;
}
.ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--invalid {
  background-color: var(--ds-bgColor-danger);
  border-color: var(--ds-borderColor-danger);
}
.ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--invalid:hover:not(.ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--invalid:focus-within) {
  background-color: var(--ds-bgColor-danger-hover);
  border-color: var(--ds-borderColor-danger);
}
.ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--invalid.ds-text-area__Rso0Na__container--active {
  background-color: var(--ds-bgColor-danger-active);
  border-color: var(--ds-borderColor-danger);
}
.ds-text-area__Rso0Na__container--valid {
  background-color: var(--ds-bgColor-success);
  border-color: var(--ds-borderColor-success);
}
.ds-text-area__Rso0Na__container--valid:hover:not(.ds-text-area__Rso0Na__container--valid:focus-within) {
  background-color: var(--ds-bgColor-success-hover);
  border-color: var(--ds-borderColor-success);
}
.ds-text-area__Rso0Na__container--valid.ds-text-area__Rso0Na__container--active {
  background-color: var(--ds-bgColor-success-active);
  border-color: var(--ds-borderColor-success);
}
.ds-text-area__Rso0Na__container--readonly, .ds-text-area__Rso0Na__container--disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: var(--ds-borderColor-disabled-onLight);
}
.ds-text-area__Rso0Na__container:focus-within:not(.ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--invalid, .ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--valid, .ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--readonly) {
  border-color: var(--ds-borderColor-primary);
}
.ds-text-area__Rso0Na__container:hover:not(.ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--disabled, .ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--readonly, .ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--active, .ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--invalid, .ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--valid, .ds-text-area__Rso0Na__container:focus-within) {
  border-color: var(--ds-borderColor-default);
  background-color: var(--ds-bgColor-white-hover);
}
.ds-text-area__Rso0Na__container.active:not(.ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--disabled, .ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--readonly, .ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--invalid, .ds-text-area__Rso0Na__container.ds-text-area__Rso0Na__container--valid) {
  border-color: var(--ds-borderColor-default);
  background-color: var(--ds-bgColor-white-active);
}
.ds-text-area__Rso0Na__container--full-width {
  width: 100%;
}
.ds-text-area__Rso0Na__external-button {
  margin-inline-start: var(--ds-spacing-xSmall);
  align-self: flex-start;
}
.ds-text-area__Rso0Na .ds-text-area__Rso0Na ::slotted([slot=suffix]) {
  margin-inline-start: var(--ds-spacing-xSmall);
  align-self: flex-start;
}
.ds-text-area__Rso0Na__validity-container {
  align-items: center;
  font-size: var(--ds-fontSize-14);
}
.ds-text-area__Rso0Na__validity-container--has-character-limit {
  display: flex;
  gap: var(--ds-spacing-small);
  justify-content: space-between;
}
.ds-text-area__Rso0Na__character-count {
  margin-top: var(--ds-spacing-2xSmall);
}
.ds-text-area__Rso0Na__character-count--over-limit {
  color: var(--ds-textColor-danger);
}
.ds-text-area__Rso0Na .ds-text-area__Rso0Na__character-count > small {
  display: inline-block;
  font-size: inherit;
}
.ds-text-area__Rso0Na__textarea {
  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: 288px;
  min-width: 0;
  min-height: 96px;
  box-sizing: border-box;
  background-color: unset;
  color: var(--ds-textColor-default);
  border: none;
  padding: var(--ds-spacing-2xSmall);
}
.ds-text-area__Rso0Na__textarea::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-area__Rso0Na__textarea:disabled {
  color: var(--ds-textColor-disabled-onLight);
  cursor: not-allowed;
}
.ds-text-area__Rso0Na__textarea:disabled::placeholder {
  color: var(--ds-textColor-disabled-onLight);
}
.ds-text-area__Rso0Na__textarea:focus {
  outline: none;
  border: none;
}
.ds-text-area__Rso0Na__textarea--resize-both {
  resize: both;
}
.ds-text-area__Rso0Na__textarea--resize-auto, .ds-text-area__Rso0Na__textarea--resize-none {
  resize: none;
}
.ds-text-area__Rso0Na__textarea--resize-auto {
  overflow: hidden;
}
.ds-text-area__Rso0Na__textarea--resize-vertical {
  resize: vertical;
}
.ds-text-area__Rso0Na__textarea--resize-horizontal {
  resize: horizontal;
}
.ds-text-area__Rso0Na__textarea--full-width {
  width: 100%;
}