._root_ru1ip_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--zds-space-4);
  height: var(--zds-size-small);
  border: var(--zds-border-default);
  border-radius: var(--zds-radius-default);
  padding-left: var(--zds-space-6);
  padding-right: var(--zds-space-6);
  background-color: var(--zds-background-weaker);
  color: var(--zds-text-link);
  font: var(--zds-body-3);
  /* Icon overrides */
}
._root_ru1ip_1[data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: 2px;
}
._root_ru1ip_1[data-hovered] {
  background-color: var(--zds-ui-primary-weakest);
}
._root_ru1ip_1[data-size=compact] {
  font: var(--zds-minimal-print-3);
}
._root_ru1ip_1[data-size=medium] {
  height: var(--zds-size-medium);
  gap: var(--zds-space-6);
}
._root_ru1ip_1[data-disabled] {
  border: none;
  background-color: var(--zds-background-strongest);
  color: var(--zds-text-weakest);
  cursor: not-allowed;
}
._root_ru1ip_1 span[data-testid=iconContainer] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: calc(var(--zds-space-2) * -1);
  height: var(--zds-size-16);
  width: var(--zds-size-16);
}
._root_ru1ip_1[data-size=medium] span[data-testid=iconContainer] {
  margin-left: 0;
  height: var(--zds-size-20);
  width: var(--zds-size-20);
}._button_1dodz_1 {
  /*
    To account for the blank space inside of icons, we define CSS custom property values to be subtracted from the vertical padding when an icon is present. Icons have different amounts of white space depending on their shape, but they all have at least 2px of white space on each side.
    PDL button icon sizes vary by button size and variant, and their icon sizes are defined in rems. So the subtraction value needs to be defined in rems to properly scale. The precise subtraction values are below, but we use 0.125rem (i.e. --zds-space-2) for simplicity.
      - compact/small: 0.83 rem white space on each side
      - medium: 0.10 rem white space on each side
      - large: 0.125 rem white space on each side
  */
  --padding-left-subtraction: 0px;
  --padding-right-subtraction: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--zds-size-8);
  padding: 0 var(--zds-space-12);
  padding-left: calc(var(--zds-space-12) - var(--padding-left-subtraction));
  padding-right: calc(var(--zds-space-12) - var(--padding-right-subtraction));
  cursor: pointer;
  border-style: solid;
  border-radius: var(--zds-radius-small);
  border-width: 1px;
  border-color: transparent;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
  /* Once the different legacy focus-visible styles are removed, this will be the only data-focus-visible block needed. */
}
._button_1dodz_1[data-has-icon-start] {
  --padding-left-subtraction: var(--zds-size-2);
}
._button_1dodz_1[data-has-icon-end] {
  --padding-right-subtraction: var(--zds-size-2);
}
._button_1dodz_1[data-hovered] {
  box-shadow: var(--zds-radius-none);
  color: #000;
}
._button_1dodz_1[data-loading=true] {
  cursor: not-allowed;
}
._button_1dodz_1 ._spinner-wrapper_1dodz_41 {
  position: absolute;
  animation: _fade-in_1dodz_1 200ms ease-in-out;
}
@keyframes _fade-in_1dodz_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._button_1dodz_1 ._content_1dodz_53 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--zds-size-8);
  opacity: 1;
  transition: opacity 100ms ease, transform 100ms ease;
}
._button_1dodz_1[data-loading=true] ._content_1dodz_53 {
  opacity: 0;
  transform: translateY(5px);
}
._button_1dodz_1[data-size=compact] {
  height: var(--zds-size-small);
  padding: 0 var(--zds-space-8);
  padding-left: calc(var(--zds-space-8) - var(--padding-left-subtraction));
  padding-right: calc(var(--zds-space-8) - var(--padding-right-subtraction));
  gap: var(--zds-space-4);
}
._button_1dodz_1[data-size=compact] [data-testid=iconContainer] {
  height: var(--zds-size-16);
  width: var(--zds-size-16);
}
._button_1dodz_1[data-size=compact] [role=status] {
  height: var(--zds-space-12);
  width: var(--zds-space-12);
  border-width: 3px;
}
._button_1dodz_1[data-size=small] {
  height: var(--zds-size-small);
  padding: 0 var(--zds-space-8);
  padding-left: calc(var(--zds-space-8) - var(--padding-left-subtraction));
  padding-right: calc(var(--zds-space-8) - var(--padding-right-subtraction));
  gap: var(--zds-space-4);
}
._button_1dodz_1[data-size=small] [data-testid=iconContainer] {
  height: var(--zds-size-16);
  width: var(--zds-size-16);
}
._button_1dodz_1[data-size=small] [role=status] {
  height: var(--zds-space-12);
  width: var(--zds-space-12);
  border-width: 3px;
}
._button_1dodz_1[data-size=medium] {
  height: var(--zds-size-medium);
}
._button_1dodz_1[data-size=medium] [data-testid=iconContainer] {
  height: var(--zds-size-20);
  width: var(--zds-size-20);
}
._button_1dodz_1[data-size=medium] [role=status] {
  height: var(--zds-size-16);
  width: var(--zds-size-16);
}
._button_1dodz_1[data-size=large] {
  height: var(--zds-size-large);
  padding: 0 var(--zds-space-16);
  padding-left: calc(var(--zds-space-16) - var(--padding-left-subtraction));
  padding-right: calc(var(--zds-space-16) - var(--padding-right-subtraction));
  gap: var(--zds-space-12);
}
._button_1dodz_1[data-size=large] [data-testid=iconContainer] {
  height: var(--zds-size-24);
  width: var(--zds-size-24);
}
._button_1dodz_1[data-size=large] [role=status] {
  height: var(--zds-size-20);
  width: var(--zds-size-20);
}
._button_1dodz_1[data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: var(--zds-space-2);
}
._button_1dodz_1[data-variant=brand] {
  border-radius: var(--zds-radius-large);
  background-color: var(--zds-ui-brand);
  color: var(--zds-text-inverted);
}
._button_1dodz_1[data-variant=brand] [role=status] {
  border-color: var(--zds-text-inverted);
  border-right-color: transparent;
}
._button_1dodz_1[data-variant=brand][data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: var(--zds-space-2);
}
._button_1dodz_1[data-variant=brand][data-hovered] {
  background-color: var(--zds-ui-brand-stronger);
}
._button_1dodz_1[data-variant=brand][data-size=compact] {
  padding: 0 var(--zds-space-12);
  padding-left: calc(var(--zds-space-12) - var(--padding-left-subtraction));
  padding-right: calc(var(--zds-space-12) - var(--padding-right-subtraction));
  font: var(--zds-minimal-print-3);
}
._button_1dodz_1[data-variant=brand][data-size=small] {
  padding: 0 var(--zds-space-12);
  padding-left: calc(var(--zds-space-12) - var(--padding-left-subtraction));
  padding-right: calc(var(--zds-space-12) - var(--padding-right-subtraction));
  font: var(--zds-body-3);
}
._button_1dodz_1[data-variant=brand][data-size=medium] {
  padding: 0 var(--zds-space-16);
  padding-left: calc(var(--zds-space-16) - var(--padding-left-subtraction));
  padding-right: calc(var(--zds-space-16) - var(--padding-right-subtraction));
  font: var(--zds-body-3);
}
._button_1dodz_1[data-variant=brand][data-size=large] {
  padding: 0 var(--zds-space-20);
  padding-left: calc(var(--zds-space-20) - var(--padding-left-subtraction));
  padding-right: calc(var(--zds-space-20) - var(--padding-right-subtraction));
  font: var(--zds-paragraph-header-3);
}
._button_1dodz_1[data-variant=primary] {
  background-color: var(--zds-ui-primary-stronger);
  color: var(--zds-text-inverted);
}
._button_1dodz_1[data-variant=primary] [role=status] {
  border-color: var(--zds-text-inverted);
  border-right-color: transparent;
}
._button_1dodz_1[data-variant=primary][data-hovered] {
  background-color: var(--zds-ui-primary-strongest);
}
._button_1dodz_1[data-variant=primary][data-size=compact] {
  font: var(--zds-minimal-print-3);
}
._button_1dodz_1[data-variant=primary][data-size=small], ._button_1dodz_1[data-variant=primary][data-size=medium] {
  font: var(--zds-body-3);
}
._button_1dodz_1[data-variant=primary][data-size=large] {
  font: var(--zds-paragraph-header-3);
}
._button_1dodz_1[data-variant=secondary] {
  background-color: var(--zds-ui-primary-weaker);
  border-color: var(--zds-ui-primary-weaker);
  color: var(--zds-ui-primary-strongest);
  border-width: 1px;
}
._button_1dodz_1[data-variant=secondary] [role=status] {
  border-color: var(--zds-ui-primary-strongest);
  border-right-color: transparent;
}
._button_1dodz_1[data-variant=secondary][data-hovered] {
  background-color: var(--zds-ui-primary);
  border-color: var(--zds-ui-primary);
  color: var(--zds-text-inverted);
}
._button_1dodz_1[data-variant=secondary][data-size=compact] {
  font: var(--zds-minimal-print-2);
}
._button_1dodz_1[data-variant=secondary][data-size=small], ._button_1dodz_1[data-variant=secondary][data-size=medium] {
  font: var(--zds-body-2);
}
._button_1dodz_1[data-variant=secondary][data-size=large] {
  font: var(--zds-paragraph-header-2);
}
._button_1dodz_1[data-variant=tertiary] {
  background-color: var(--zds-background-weaker);
  color: var(--zds-text-default);
  border: var(--zds-border-default);
}
._button_1dodz_1[data-variant=tertiary] [role=status] {
  border-color: var(--zds-text-default);
  border-right-color: transparent;
}
._button_1dodz_1[data-variant=tertiary][data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: var(--zds-space-2);
}
._button_1dodz_1[data-variant=tertiary][data-hovered] {
  background-color: var(--zds-background-stronger);
  color: var(--zds-text-default);
}
._button_1dodz_1[data-variant=tertiary][data-size=compact] {
  font: var(--zds-minimal-print-2);
}
._button_1dodz_1[data-variant=tertiary][data-size=small], ._button_1dodz_1[data-variant=tertiary][data-size=medium] {
  font: var(--zds-body-2);
}
._button_1dodz_1[data-variant=tertiary][data-size=large] {
  font: var(--zds-paragraph-header-2);
}
._button_1dodz_1[data-variant=ghost] {
  background-color: transparent;
  color: var(--zds-ui-primary-stronger);
}
._button_1dodz_1[data-variant=ghost] [role=status] {
  border-color: var(--zds-text-weakest);
  border-right-color: transparent;
}
._button_1dodz_1[data-variant=ghost][data-hovered] {
  background-color: var(--zds-ui-primary-weakest);
}
._button_1dodz_1[data-variant=ghost][data-size=compact] {
  font: var(--zds-minimal-print-2);
}
._button_1dodz_1[data-variant=ghost][data-size=small], ._button_1dodz_1[data-variant=ghost][data-size=medium] {
  font: var(--zds-body-2);
}
._button_1dodz_1[data-variant=ghost][data-size=large] {
  font: var(--zds-paragraph-header-2);
}
._button_1dodz_1[data-variant=danger] {
  background-color: var(--zds-status-error-stronger);
  color: var(--zds-text-inverted);
}
._button_1dodz_1[data-variant=danger] [role=status] {
  border-color: var(--zds-text-inverted);
  border-right-color: transparent;
}
._button_1dodz_1[data-variant=danger][data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: var(--zds-space-2);
}
._button_1dodz_1[data-variant=danger][data-hovered] {
  background-color: var(--zds-status-error-stronger);
}
._button_1dodz_1[data-variant=danger][data-size=compact] {
  font: var(--zds-minimal-print-2);
}
._button_1dodz_1[data-variant=danger][data-size=small], ._button_1dodz_1[data-variant=danger][data-size=medium] {
  font: var(--zds-body-3);
}
._button_1dodz_1[data-variant=danger][data-size=large] {
  font: var(--zds-paragraph-header-3);
}
._button_1dodz_1[data-disabled]:not([data-loading=true]) {
  cursor: not-allowed;
  background-color: var(--zds-background-strongest);
  border-color: var(--zds-background-strongest);
  border-width: 1px;
  color: var(--zds-text-weakest);
  outline: none;
  box-shadow: none;
}
._button_1dodz_1[data-disabled]:not([data-loading=true])[data-variant=tertiary] {
  background-color: var(--zds-background-strongest);
  border: none;
}._icon-button_1jlp6_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--zds-radius-small);
  padding: var(--zds-space-4);
  /* Size variants */
  /* Variant styles */
}
._icon-button_1jlp6_1[data-hovered] {
  cursor: pointer;
}
._icon-button_1jlp6_1[data-disabled] {
  cursor: not-allowed;
}
._icon-button_1jlp6_1[data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: var(--zds-space-2);
}
._icon-button_1jlp6_1[data-size=small] {
  width: var(--zds-size-small);
  height: var(--zds-size-small);
}
._icon-button_1jlp6_1[data-size=small] span {
  width: var(--zds-size-20);
  height: var(--zds-size-20);
}
._icon-button_1jlp6_1[data-size=medium] {
  width: var(--zds-size-medium);
  height: var(--zds-size-medium);
}
._icon-button_1jlp6_1[data-size=medium] span {
  width: var(--zds-size-24);
  height: var(--zds-size-24);
}
._icon-button_1jlp6_1[data-size=large] {
  width: var(--zds-size-large);
  height: var(--zds-size-large);
}
._icon-button_1jlp6_1[data-size=large] span {
  width: var(--zds-size-32);
  height: var(--zds-size-32);
}
._icon-button_1jlp6_1[data-variant=primary] {
  border: 1px solid var(--zds-ui-primary-stronger);
  background-color: var(--zds-ui-primary-stronger);
  color: var(--zds-prime-white);
}
._icon-button_1jlp6_1[data-variant=primary][data-hovered] {
  color: var(--zds-prime-white);
  background-color: var(--zds-ui-primary-strongest);
}
._icon-button_1jlp6_1[data-variant=primary][data-disabled] {
  background: var(--zds-background-strongest);
  border: 1px solid var(--zds-background-strongest);
  color: var(--zds-text-weakest);
}
._icon-button_1jlp6_1[data-variant=secondary] {
  color: var(--zds-ui-primary-stronger);
  background-color: var(--zds-ui-primary-weaker);
  border: 1px solid var(--zds-ui-primary-weaker);
}
._icon-button_1jlp6_1[data-variant=secondary][data-hovered] {
  color: var(--zds-prime-white);
  background-color: var(--zds-ui-primary);
  border-color: var(--zds-ui-primary);
}
._icon-button_1jlp6_1[data-variant=secondary][data-disabled] {
  color: var(--zds-text-weakest);
  background: var(--zds-background-strongest);
  border-color: var(--zds-background-strongest);
}
._icon-button_1jlp6_1[data-variant=tertiary] {
  background-color: var(--zds-background-weaker);
  color: var(--zds-text-default);
  border: 1px solid var(--zds-stroke-default);
}
._icon-button_1jlp6_1[data-variant=tertiary][data-hovered] {
  background-color: var(--zds-background-stronger);
}
._icon-button_1jlp6_1[data-variant=tertiary][data-focus-visible] {
  background-color: var(--zds-background-weaker);
}
._icon-button_1jlp6_1[data-variant=tertiary][data-disabled] {
  background-color: var(--zds-background-strongest);
  border: none;
  color: var(--zds-text-weakest);
}
._icon-button_1jlp6_1[data-variant=ghost] {
  color: var(--zds-gray-warm-8);
  background-color: transparent;
}
._icon-button_1jlp6_1[data-variant=ghost][data-hovered] {
  background-color: var(--zds-ui-primary-weakest);
}
._icon-button_1jlp6_1[data-variant=ghost][data-focus-visible] {
  background-color: var(--zds-background-weaker);
}
._icon-button_1jlp6_1[data-variant=ghost][data-disabled] {
  background-color: var(--zds-background-strongest);
  border-color: var(--zds-background-strongest);
  color: var(--zds-text-weakest);
}
._icon-button_1jlp6_1[data-variant=brand] {
  background-color: var(--zds-ui-brand);
  color: var(--zds-prime-white);
}
._icon-button_1jlp6_1[data-variant=brand][data-hovered] {
  background-color: var(--zds-ui-brand-stronger);
}
._icon-button_1jlp6_1[data-variant=brand][data-disabled] {
  background-color: var(--zds-background-strongest);
  border-color: var(--zds-background-strongest);
  color: var(--zds-text-weakest);
}._carousel_1s3e1_1 {
  /* defined in Carousel.tsx:
    --gutter-width
    --page-background-color
  */
  --gutter-width-negative: calc(var(--gutter-width) * -1);
  position: relative;
}
._carousel_1s3e1_1 ._scrollable-container_1s3e1_9 {
  width: 100%;
  /* Allow content drop-shadow to be visible if it exists */
  padding-bottom: var(--zds-space-12);
  margin-bottom: calc(var(--zds-space-12) * -1);
  overflow: scroll hidden;
  /* Hide scrollbar on all browsers */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* On mobile, we want to go into the gutter to make the scrollable area full width */
}
._carousel_1s3e1_1 ._scrollable-container_1s3e1_9::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  ._carousel_1s3e1_1 ._scrollable-container_1s3e1_9 {
    margin-left: calc(var(--gutter-width) * -1);
    padding-left: var(--gutter-width);
    margin-right: calc(var(--gutter-width) * -1);
    padding-right: var(--gutter-width);
  }
}
._carousel_1s3e1_1 ._carousel-styles_1s3e1_31 {
  display: flex;
  flex-direction: row;
  gap: var(--zds-space-20);
  width: 100%;
  /* On mobile, add a spacer after the last child to account for gutter */
}
@media screen and (max-width: 767px) {
  ._carousel_1s3e1_1 ._carousel-styles_1s3e1_31 > *:last-child {
    position: relative;
  }
  ._carousel_1s3e1_1 ._carousel-styles_1s3e1_31 > *:last-child::after {
    content: "";
    display: block;
    position: absolute;
    right: calc(var(--gutter-width) * -1);
    width: var(--gutter-width);
    height: 1px;
  }
}
@media screen and (min-width: 768px) {
  ._carousel_1s3e1_1 ._right-arrow-space_1s3e1_52 > *:last-child {
    position: relative;
  }
  ._carousel_1s3e1_1 ._right-arrow-space_1s3e1_52 > *:last-child::after {
    content: "";
    display: block;
    position: absolute;
    right: calc(var(--zds-space-48) * -1);
    width: var(--zds-space-48);
    height: 1px;
  }
}
._carousel_1s3e1_1 ._arrow-button_1s3e1_64 {
  display: none;
}
@media screen and (min-width: 768px) {
  ._carousel_1s3e1_1 ._arrow-button_1s3e1_64 {
    display: flex;
    position: absolute;
    top: 0;
    height: 100%;
    width: var(--zds-space-48);
    border: none;
    z-index: 3;
    align-items: center;
    justify-content: center;
  }
}
._carousel_1s3e1_1 ._left-arrow_1s3e1_80 {
  left: 0;
}
._carousel_1s3e1_1 ._right-arrow_1s3e1_52 {
  right: 0;
}
._carousel_1s3e1_1 ._left-gradient_1s3e1_86 {
  position: absolute;
  height: 100%;
  width: var(--zds-space-48);
  left: var(--gutter-width-negative);
  z-index: 2;
  background: linear-gradient(to left, transparent 0%, var(--page-background-color) 85%);
}
@media screen and (min-width: 768px) {
  ._carousel_1s3e1_1 ._left-gradient_1s3e1_86 {
    left: 0;
    width: calc(var(--zds-space-40) * 2);
  }
}
._carousel_1s3e1_1 ._right-gradient_1s3e1_100 {
  position: absolute;
  height: 100%;
  width: var(--zds-space-48);
  right: var(--gutter-width-negative);
  z-index: 2;
  background: linear-gradient(to right, transparent 0%, var(--page-background-color) 85%);
}
@media screen and (min-width: 768px) {
  ._carousel_1s3e1_1 ._right-gradient_1s3e1_100 {
    right: 0;
    width: calc(var(--zds-space-40) * 2);
  }
}._root_jy88w_1 {
  display: flex;
  align-items: center;
  gap: var(--zds-space-4);
  color: var(--zds-gray-warm-10);
  forced-color-adjust: none;
  padding-left: 3px;
}
._root_jy88w_1 ._checkbox_jy88w_9 {
  width: 18px;
  height: 18px;
  border: 2px solid var(--zds-stroke-default);
  border-radius: var(--zds-radius-none);
  transition: all 40ms;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
._root_jy88w_1 svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: var(--zds-prime-white);
  stroke-width: 3px;
  stroke-dasharray: 22px;
  stroke-dashoffset: 66;
  transition: all 120ms;
}
._root_jy88w_1[data-has-no-visible-label] {
  padding: 0;
}
._root_jy88w_1[data-pressed] ._checkbox_jy88w_9 {
  border-color: var(--zds-ui-primary-stronger);
}
._root_jy88w_1[data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: var(--zds-size-2);
}
._root_jy88w_1[data-selected] ._checkbox_jy88w_9, ._root_jy88w_1[data-indeterminate] ._checkbox_jy88w_9 {
  border-color: var(--zds-ui-primary-stronger);
  background: var(--zds-ui-primary-stronger);
}
._root_jy88w_1[data-selected][data-pressed] ._checkbox_jy88w_9, ._root_jy88w_1[data-indeterminate][data-pressed] ._checkbox_jy88w_9 {
  border-color: var(--zds-ui-primary-strongest);
  background: var(--zds-ui-primary-strongest);
}
._root_jy88w_1[data-selected] ._label_jy88w_48, ._root_jy88w_1[data-indeterminate] ._label_jy88w_48 {
  font: var(--zds-body-3);
}
._root_jy88w_1[data-selected] svg, ._root_jy88w_1[data-indeterminate] svg {
  stroke-dashoffset: 44;
}
._root_jy88w_1[data-invalid] {
  color: var(--zds-status-error-stronger);
}
._root_jy88w_1[data-invalid] ._checkbox_jy88w_9 {
  border-color: var(--zds-status-error-stronger);
}
._root_jy88w_1[data-invalid][data-selected] ._checkbox_jy88w_9 {
  background: var(--zds-status-error-stronger);
}
._root_jy88w_1[data-invalid][data-pressed][data-selected] ._checkbox_jy88w_9 {
  background: var(--zds-status-error-strongest);
  border-color: var(--zds-status-error-strongest);
}
._root_jy88w_1[data-invalid][data-pressed]:not([data-selected]) ._checkbox_jy88w_9 {
  border-color: var(--zds-status-error-strongest);
}
._root_jy88w_1[data-invalid][data-selected] svg {
  stroke-dashoffset: 44;
}
._root_jy88w_1[data-disabled] {
  color: var(--zds-text-weaker);
  cursor: not-allowed;
  background: var(--zds-background-stronger);
}
._root_jy88w_1[data-disabled] ._checkbox_jy88w_9 {
  background: var(--zds-background-stronger);
  border-color: var(--zds-stroke-default);
}
._root_jy88w_1[data-disabled]:not([data-indeterminate=true]) svg {
  width: 12px;
  height: 12px;
  stroke: var(--zds-stroke-default) !important;
}
._root_jy88w_1[data-disabled][data-has-no-visible-label] {
  background: none;
}
._root_jy88w_1[data-disabled][data-has-no-visible-label] ._checkbox_jy88w_9 {
  background: var(--zds-background-stronger);
}
._root_jy88w_1[data-indeterminate][data-invalid] ._checkbox_jy88w_9 {
  background: var(--zds-status-error-stronger);
}
._root_jy88w_1[data-indeterminate][data-disabled] ._checkbox_jy88w_9 {
  background: var(--zds-gray-warm-5);
}
._root_jy88w_1[data-indeterminate] svg {
  transition: none;
  stroke: none;
  top: 0;
  fill: var(--zds-prime-white);
}

._label_jy88w_48 {
  font: var(--zds-body-1);
  padding-left: var(--zds-space-4);
}._checkbox-group_1da3u_1 {
  display: flex;
  flex-direction: column;
  gap: var(--zds-space-12);
  color: var(--zds-text-default);
}

._options-wrapper_1da3u_8 {
  display: flex;
  flex-direction: column;
  gap: var(--zds-space-12);
}._root_5ug3j_1 {
  display: flex;
  align-items: center;
  height: var(--zds-size-small);
  border: var(--zds-border-weak);
  border-radius: var(--zds-radius-default);
  padding-top: var(--zds-space-2);
  /* Baseline right padding. Children will apply additional spacing to meet spacing specified in designs. */
  padding-right: var(--zds-space-2);
  padding-bottom: var(--zds-space-2);
  /* Baseline left padding. Children will apply additional spacing to meet spacing specified in designs. */
  padding-left: var(--zds-space-2);
  cursor: default;
  /* Icon overrides */
}
._root_5ug3j_1[data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: 2px;
}
._root_5ug3j_1[data-selectable] {
  cursor: pointer;
}
._root_5ug3j_1[data-selected] {
  background-color: var(--zds-background-selected);
  border-color: var(--zds-stroke-selected);
}
._root_5ug3j_1[data-selectable]:not([data-disabled]) {
  cursor: pointer;
}
._root_5ug3j_1[data-variant=neutral] {
  background-color: var(--zds-background-stronger);
}
._root_5ug3j_1[data-variant=neutral][data-selected] {
  background-color: var(--zds-background-default);
  border-color: var(--var-zds-stroke-stronger);
}
._root_5ug3j_1[data-disabled] {
  background-color: var(--zds-background-strongest);
  border: none;
  cursor: not-allowed;
}
._root_5ug3j_1[data-size=medium] {
  height: var(--zds-size-medium);
  padding-top: var(--zds-space-6);
  padding-bottom: var(--zds-space-6);
}
._root_5ug3j_1[data-selected] [data-testid=iconContainer] {
  color: var(--zds-text-link);
}
._root_5ug3j_1 span[data-testid=iconContainer] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--zds-size-16);
  width: var(--zds-size-16);
}
._root_5ug3j_1[data-size=medium] span[data-testid=iconContainer] {
  height: var(--zds-size-20);
  width: var(--zds-size-20);
}

._title-label-wrapper_5ug3j_62 {
  display: inline-flex;
  gap: var(--zds-space-2);
  margin-left: var(--zds-space-4);
  margin-right: var(--zds-space-2);
}
[data-size=medium] ._title-label-wrapper_5ug3j_62 {
  gap: var(--zds-space-4);
  margin-left: var(--zds-space-6);
  margin-right: var(--zds-space-6);
}

._title_5ug3j_62 {
  font: var(--zds-body-3-multiline);
  color: var(--zds-text-default);
}
[data-size=compact] ._title_5ug3j_62 {
  font: var(--zds-minimal-print-3);
}
[data-size=medium] ._title_5ug3j_62 {
  font: var(--zds-body-3);
}
[data-selected] ._title_5ug3j_62 {
  color: var(--zds-text-link);
}
[data-variant=neutral][data-selected] ._title_5ug3j_62 {
  color: var(--zds-text-stronger);
}

._label_5ug3j_91 {
  font: var(--zds-body-1-multiline);
  color: var(--zds-text-weakest);
}
[data-size=compact] ._label_5ug3j_91 {
  font: var(--zds-minimal-print-1);
}
[data-size=medium] ._label_5ug3j_91 {
  font: var(--zds-body-1);
}
[data-selected] ._label_5ug3j_91 {
  color: var(--zds-text-link);
}
[data-variant=neutral][data-selected] ._label_5ug3j_91 {
  color: var(--zds-text-weakest);
}

._removalButton_5ug3j_108 {
  /* Applies the same size to both the button and the Icon because otherwise button gets extra height */
  height: var(--zds-size-20);
  width: var(--zds-size-20);
}
._removalButton_5ug3j_108 [data-testid=iconContainer] {
  height: var(--zds-size-20) !important;
  width: var(--zds-size-20) !important;
}
[data-size=compact] ._removalButton_5ug3j_108 {
  height: var(--zds-size-16);
  width: var(--zds-size-16);
}
[data-size=compact] ._removalButton_5ug3j_108 [data-testid=iconContainer] {
  height: var(--zds-size-16) !important;
  width: var(--zds-size-16) !important;
}._root_1e7sz_1 {
  display: flex;
  align-items: flex-start;
  gap: var(--zds-space-8);
  flex-wrap: wrap;
}._root_1e7od_1 {
  display: flex;
  border: var(--zds-border-default);
  border-radius: var(--zds-radius-default);
  background: var(--zds-background-weaker);
  cursor: default;
  /* Icon overrides */
  /* ServiceIcon overrides */
}
._root_1e7od_1[data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: 2px;
}
._root_1e7od_1[data-selected] {
  background-color: var(--zds-background-selected);
  border-color: var(--zds-stroke-selected);
}
._root_1e7od_1[data-selectable]:not([data-disabled]) {
  cursor: pointer;
}
._root_1e7od_1[data-variant=neutral] {
  background-color: var(--zds-background-default);
}
._root_1e7od_1[data-variant=neutral][data-selected] {
  border-color: var(--zds-stroke-stronger);
}
._root_1e7od_1[data-variant=brand] {
  background-color: var(--zds-brand-cream);
  border-color: var(--zds-ui-brand);
}
._root_1e7od_1[data-variant=brand][data-selected] {
  background-color: var(--zds-ui-brand-weaker);
  border-color: var(--zds-ui-brand);
}
._root_1e7od_1[data-disabled] {
  background-color: var(--zds-background-strongest);
  border-color: var(--zds-background-strongest);
  cursor: not-allowed;
}
._root_1e7od_1[data-variant=brand] [data-testid=iconContainer] {
  color: var(--zds-ui-brand);
}
._root_1e7od_1 span[data-testid=iconContainer] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--zds-size-small);
  width: var(--zds-size-small);
}
._root_1e7od_1 span[data-testid=iconContainer] svg {
  height: 0.875rem !important;
  width: 0.875rem !important;
}
._root_1e7od_1[data-size=medium] span[data-testid=iconContainer] {
  height: var(--zds-size-medium);
  width: var(--zds-size-medium);
}
._root_1e7od_1[data-size=medium] span[data-testid=iconContainer] svg {
  height: var(--zds-size-small) !important;
  width: var(--zds-size-small) !important;
}
._root_1e7od_1 span[data-testid=ServiceIconShell] {
  height: var(--zds-size-small);
  width: var(--zds-size-small);
  background: none;
}
._root_1e7od_1 span[data-testid=ServiceIconShell] img {
  height: 0.875rem !important;
  width: 0.875rem !important;
}
._root_1e7od_1[data-size=medium] span[data-testid=ServiceIconShell] {
  height: var(--zds-size-medium);
  width: var(--zds-size-medium);
  background: none;
}
._root_1e7od_1[data-size=medium] span[data-testid=ServiceIconShell] img {
  height: var(--zds-size-small) !important;
  width: var(--zds-size-small) !important;
}

._title-label-wrapper_1e7od_81 {
  display: inline-flex;
  gap: var(--zds-space-2);
  padding-top: var(--zds-space-2);
  padding-bottom: var(--zds-space-2);
  padding-right: var(--zds-space-6);
}
[data-size=medium] ._title-label-wrapper_1e7od_81 {
  gap: var(--zds-space-4);
  padding-top: var(--zds-space-6);
  padding-bottom: var(--zds-space-6);
  padding-right: var(--zds-space-8);
}

._title_1e7od_81 {
  font: var(--zds-small-print-3);
  color: var(--zds-text-default);
}
[data-size=compact] ._title_1e7od_81 {
  font: var(--zds-minimal-print-3);
}
[data-size=medium] ._title_1e7od_81 {
  font: var(--zds-body-3);
}
[data-disabled] ._title_1e7od_81 {
  color: var(--zds-text-weakest);
  cursor: not-allowed;
}

._label_1e7od_110 {
  font: var(--zds-small-print-1);
  color: var(--zds-text-weakest);
}
[data-size=compact] ._label_1e7od_110 {
  font: var(--zds-minimal-print-1);
}
[data-size=medium] ._label_1e7od_110 {
  font: var(--zds-body-1);
}
[data-selected][data-variant=brand] ._label_1e7od_110 {
  color: var(--zds-text-weaker);
}._root_1e7sz_1 {
  display: flex;
  align-items: flex-start;
  gap: var(--zds-space-8);
  flex-wrap: wrap;
}._header_139rn_1 {
  padding: var(--zds-space-8);
  font: var(--zds-body-3);
}

._section_139rn_6 div[role=option] {
  padding-left: var(--zds-space-20);
}._select-item_1g2zo_1 {
  font: var(--zds-body-2);
  padding: var(--zds-space-6) var(--zds-space-8);
  border-radius: var(--zds-radius-small);
  display: flex;
  align-items: center;
  gap: var(--zds-space-8);
  color: var(--zds-text-default);
  outline: none;
  user-select: none;
  cursor: pointer;
}
._select-item_1g2zo_1[data-size=large] {
  padding: var(--zds-space-12) var(--zds-space-8);
}
._select-item_1g2zo_1[data-size=compact] {
  font: var(--zds-minimal-print-2);
}
._select-item_1g2zo_1[data-state=checked] {
  color: var(--zds-ui-primary-strongest);
  background-color: var(--zds-ui-primary-weaker);
  outline: none;
}
._select-item_1g2zo_1[data-disabled] {
  background-color: var(--zds-background-stronger);
  color: var(--zds-text-weakest);
  cursor: not-allowed;
}
._select-item_1g2zo_1[data-focused], ._select-item_1g2zo_1[data-focus-visible] {
  background-color: var(--zds-ui-primary-weakest);
  color: var(--zds-ui-primary-strongest);
}._select_c1fz5_1 {
  display: flex;
  flex-direction: column;
  gap: var(--zds-space-4);
}
._select_c1fz5_1[data-invalid] > button {
  border: 1px solid var(--zds-status-error);
}

._select-trigger_c1fz5_10 {
  padding-left: var(--zds-space-8);
  padding-right: var(--zds-space-8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--zds-size-medium);
  width: 100%;
  background-color: var(--zds-background-weaker);
  border-radius: var(--zds-radius-small);
  border: 1px solid var(--zds-stroke-default);
  text-align: left;
  cursor: pointer;
  font: var(--zds-body-2);
}
._select-trigger_c1fz5_10[data-size=large] {
  height: var(--zds-size-large);
}
._select-trigger_c1fz5_10[data-focused], ._select-trigger_c1fz5_10[data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: -1px;
}
._select-trigger_c1fz5_10[data-pressed] {
  background-color: var(--zds-background-default);
}
._select-trigger_c1fz5_10[data-disabled] {
  cursor: not-allowed;
  background-color: var(--zds-background-strongest);
  color: var(--zds-text-weakest);
  border: 1px solid var(--zds-stroke-weaker);
}

._select-value_c1fz5_42 {
  display: flex;
  align-items: center;
  gap: var(--zds-space-8);
  padding-right: var(--zds-space-12);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--zds-text-default);
}
._select-value_c1fz5_42[data-placeholder] {
  color: var(--zds-text-weakest);
}
._select-value_c1fz5_42[data-size=compact] {
  font: var(--zds-minimal-print-2);
}

._popover_c1fz5_59 {
  max-height: 215px;
  overflow: auto;
  padding: var(--zds-space-8);
  box-sizing: border-box;
  background-color: var(--zds-background-weaker);
  border: 1px solid var(--zds-stroke);
  box-shadow: var(--popover-shadow); /* --popover-shadow is defined in Select.tsx */
  border-radius: var(--zds-radius-small);
  width: var(--trigger-width); /* --trigger-width is provided by react-aria Popover */
}

._list-box_c1fz5_71 {
  outline: none;
}._root_kglvf_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--zds-space-4);
  height: var(--zds-size-small);
  border: var(--zds-border-width-default) solid var(--zds-status-success);
  border-radius: var(--zds-radius-default);
  padding-left: var(--zds-space-4);
  padding-right: var(--zds-space-6);
  background-color: var(--zds-status-success-weakest);
  font: var(--zds-body-3);
}
._root_kglvf_1[data-focus-visible] {
  outline: var(--zds-border-focus);
  outline-offset: 2px;
}
._root_kglvf_1[data-hovered] {
  background-color: var(--zds-status-success-weaker);
}
._root_kglvf_1[data-size=compact] {
  font: var(--zds-minimal-print-3);
}
._root_kglvf_1[data-size=medium] {
  height: var(--zds-size-medium);
  gap: var(--zds-space-6);
}
._root_kglvf_1[data-variant=warning] {
  border-color: var(--zds-status-warning-weaker);
  background-color: var(--zds-status-warning-weakest);
}
._root_kglvf_1[data-variant=warning][data-hovered] {
  background-color: var(--zds-background-weaker);
}
._root_kglvf_1[data-variant=error] {
  border-color: var(--zds-status-error);
  background-color: var(--zds-status-error-weakest);
}
._root_kglvf_1[data-variant=error][data-hovered] {
  background-color: var(--zds-status-error-weaker);
}