.ds-checkbox__Rso0Na-fieldset {
  display: inline-flex;
  flex-direction: column;
  border: none;
  padding: 0;
  margin: 0;
  gap: var(--ds-spacing-3xSmall);
}
.ds-checkbox__Rso0Na-fieldset__legend {
  padding-inline: 0;
  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);
}
.ds-checkbox__Rso0Na-fieldset__assistive-text {
  display: inline;
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-14);
  color: var(--ds-textColor-secondary);
  line-height: var(--ds-lineHeight-large);
}

.ds-checkbox__Rso0Na {
  font-family: var(--ds-fontFamily-body);
  box-sizing: border-box;
  color: var(--ds-textColor-default);
  display: inline-flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-flow: row nowrap;
  text-wrap: wrap;
  word-wrap: break-word;
  white-space: normal;
  position: relative;
  user-select: none;
  width: auto;
  padding: var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);
  font-size: var(--ds-fontSize-16);
  font-weight: var(--ds-fontWeight-regular);
  line-height: var(--ds-lineHeight-large);
}
.ds-checkbox__Rso0Na__input {
  /* hide the default checkbox */
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: var(--ds-bgColor-white);
  /* Not removed via appearance */
  border-radius: var(--ds-borderRadius-none);
  margin: 0;
  display: grid;
  place-content: center;
  height: 24px;
  width: 24px;
  flex-shrink: 0;
  margin-right: var(--ds-spacing-xSmall);
}
.ds-checkbox__Rso0Na__input: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-checkbox__Rso0Na__input {
  border-width: var(--ds-borderWidth-thin);
  border-style: solid;
  border-color: var(--ds-borderColor-default);
  /** unchecked **/
}
.ds-checkbox__Rso0Na__input:hover, .ds-checkbox__Rso0Na__input:active {
  border-color: var(--ds-borderColor-default);
}
.ds-checkbox__Rso0Na__input:hover {
  background-color: var(--ds-bgColor-white-hover);
}
.ds-checkbox__Rso0Na__input:active {
  background-color: var(--ds-bgColor-white-active);
}
.ds-checkbox__Rso0Na__input:disabled {
  cursor: not-allowed;
  color: var(--ds-textColor-disabled-onLight);
  background-color: var(--ds-bgColor-disabled-onLight);
  border-color: var(--ds-borderColor-disabled-onLight);
}
@media (forced-colors: active) {
  .ds-checkbox__Rso0Na__input:disabled {
    border-color: GrayText;
  }
}
.ds-checkbox__Rso0Na__input--invalid {
  border-color: var(--ds-borderColor-danger);
  background-color: var(--ds-bgColor-danger);
}
.ds-checkbox__Rso0Na__input--invalid:hover {
  border-color: var(--ds-borderColor-danger);
  background-color: var(--ds-bgColor-danger-hover);
}
.ds-checkbox__Rso0Na__input--invalid:active {
  border-color: var(--ds-borderColor-danger);
  background-color: var(--ds-bgColor-danger-active);
}
.ds-checkbox__Rso0Na__input {
  /** checked and indeterminate **/
}
.ds-checkbox__Rso0Na__input--invalid:checked, .ds-checkbox__Rso0Na__input--invalid:indeterminate {
  background-color: var(--ds-iconColor-danger);
  border-color: var(--ds-borderColor-transparent);
}
.ds-checkbox__Rso0Na__input--invalid:checked:hover, .ds-checkbox__Rso0Na__input--invalid:indeterminate:hover {
  background-color: var(--ds-palette-red-60);
}
.ds-checkbox__Rso0Na__input--invalid:checked:active, .ds-checkbox__Rso0Na__input--invalid:indeterminate:active {
  background-color: var(--ds-palette-red-70);
}
.ds-checkbox__Rso0Na__input:not(.ds-checkbox__Rso0Na__input--invalid):checked, .ds-checkbox__Rso0Na__input:not(.ds-checkbox__Rso0Na__input--invalid):indeterminate {
  background-color: var(--ds-bgColor-primary);
  border-color: var(--ds-borderColor-transparent);
}
.ds-checkbox__Rso0Na__input:not(.ds-checkbox__Rso0Na__input--invalid):checked:hover, .ds-checkbox__Rso0Na__input:not(.ds-checkbox__Rso0Na__input--invalid):indeterminate:hover {
  background-color: var(--ds-bgColor-primary-hover);
}
.ds-checkbox__Rso0Na__input:not(.ds-checkbox__Rso0Na__input--invalid):checked:active, .ds-checkbox__Rso0Na__input:not(.ds-checkbox__Rso0Na__input--invalid):indeterminate:active {
  background-color: var(--ds-bgColor-primary-active);
}
.ds-checkbox__Rso0Na__input:not(.ds-checkbox__Rso0Na__input--invalid):checked:disabled, .ds-checkbox__Rso0Na__input:not(.ds-checkbox__Rso0Na__input--invalid):indeterminate:disabled {
  background-color: var(--ds-bgColor-disabled-onLight);
}
.ds-checkbox__Rso0Na__input {
  /** checkmark **/
}
.ds-checkbox__Rso0Na__input::before {
  content: "";
  display: block;
  height: 1em;
  width: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.ds-checkbox__Rso0Na__input:checked::before {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>");
}
.ds-checkbox__Rso0Na__input:indeterminate::before {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>");
}
.ds-checkbox__Rso0Na__input:checked:disabled::before {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>");
}
.ds-checkbox__Rso0Na__input:indeterminate:disabled::before {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>");
}
.ds-checkbox__Rso0Na--no-margin .ds-checkbox__Rso0Na__input {
  margin-right: 0;
}
.ds-checkbox__Rso0Na--disabled {
  color: var(--ds-textColor-disabled-onLight);
}
.ds-checkbox__Rso0Na__span--optional {
  color: var(--ds-textColor-secondary);
  font-size: var(--ds-fontSize-14);
}
.ds-checkbox__Rso0Na:has(.ds-checkbox__Rso0Na__input:disabled) {
  cursor: not-allowed;
}

.ds-checkbox__Rso0Na-error {
  display: flex;
}
.ds-checkbox__Rso0Na-error--visible {
  padding-top: var(--ds-spacing-3xSmall);
  padding-left: var(--ds-spacing-4xSmall);
}