._base-button_rr5dn_1 {
  all: unset;
  display: revert;
  box-sizing: border-box;
  --base-background-color: transparent;
  --base-border-color: transparent;
  --base-color: #000;
  --disabled-background-color: var(--zds-background-strongest);
  --disabled-border-color: var(--zds-background-strongest);
  --disabled-color: var(--zds-text-weakest);
  --disabled-outline-color: transparent;
  --hover-background-color: var(--base-background-color);
  --hover-border-color: var(--base-border-color);
  --hover-color: var(--base-color);
  --hover-outline-color: transparent;
  --icon-margin: 6px;
  --focus-background-color: var(--base-background-color);
  --focus-border-color: transparent;
  --focus-color: var(--base-color);
  --focus-outline-color: var(--focus-background-color);
  --selected-background-color: var(--base-background-color);
  --selected-border-color: transparent;
  --selected-color: var(--base-color);
  --selected-outline-color: transparent;
  --button-content-padding: 0 10px;
  background-color: var(--base-background-color);
  border-color: var(--base-border-color);
  color: var(--base-color);
  align-items: center;
  appearance: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  min-width: 0;
  opacity: 1;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  transition: all 200ms ease-in-out;
  vertical-align: middle;
  white-space: nowrap;
  /*
  IconButton size styles
  */
}
._base-button_rr5dn_1::-moz-focus-inner {
  padding: 0;
  border: 0;
}
._base-button_rr5dn_1::before {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: 0;
  border: 2px solid transparent;
  border-radius: 5px;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
}
._base-button_rr5dn_1:hover:not([disabled]), a:hover ._base-button_rr5dn_1 {
  background-color: var(--hover-background-color);
  border-color: var(--hover-border-color);
  box-shadow: var(--zds-shadow-elevation5, 0 5px 10px 0 rgba(0, 0, 0, 0.1));
  color: var(--hover-color);
}
._base-button_rr5dn_1:focus-visible:not([disabled]), a:focus-visible ._base-button_rr5dn_1 {
  background-color: var(--focus-background-color);
  border-color: var(--focus-border-color);
  color: var(--focus-color);
  outline: none;
}
._base-button_rr5dn_1:focus-visible:not([disabled])::before, a:focus-visible ._base-button_rr5dn_1::before {
  border-color: var(--focus-outline-color);
  inset: -4px;
}
._base-button_rr5dn_1[data-selected]:not([data-color=button-nav]) {
  background-color: var(--selected-background-color);
  border-color: var(--selected-border-color);
  color: var(--selected-color);
}
._base-button_rr5dn_1[data-selected]:not([data-color=button-nav])::before {
  content: none;
}
._base-button_rr5dn_1[data-color=primary] {
  --base-background-color: var(--zds-ui-primary-stronger);
  --base-color: var(--zds-background-weaker);
  --hover-background-color: var(--zds-ui-primary-strongest);
}
._base-button_rr5dn_1[data-color=primary][data-size=compact] {
  font: var(--zds-minimal-print-3);
}
._base-button_rr5dn_1[data-color=primary][data-size=small] {
  font: var(--zds-body-3);
}
._base-button_rr5dn_1[data-color=primary][data-size=medium] {
  font: var(--zds-body-3);
}
._base-button_rr5dn_1[data-color=primary][data-size=large] {
  font: var(--zds-paragraph-header-3);
}
._base-button_rr5dn_1[data-color=danger] {
  --base-background-color: var(--zds-status-error-stronger);
  --base-color: var(--zds-background-weaker);
  --hover-background-color: var(--zds-status-error-strongest);
  --hover-color: var(--zds-background-weaker);
  --focus-color: var(--zds-background-weaker);
  --focus-outline-color: var(--zds-ui-primary-stronger);
}
._base-button_rr5dn_1[data-color=danger][data-size=compact] {
  font: var(--zds-minimal-print-2);
}
._base-button_rr5dn_1[data-color=danger][data-size=small] {
  font: var(--zds-body-3);
}
._base-button_rr5dn_1[data-color=danger][data-size=medium] {
  font: var(--zds-body-3);
}
._base-button_rr5dn_1[data-color=danger][data-size=large] {
  font: var(--zds-paragraph-header-3);
}
._base-button_rr5dn_1[data-color=secondary] {
  --base-background-color: var(--zds-ui-primary-weaker);
  --base-color: var(--zds-ui-primary-strongest);
  --hover-background-color: var(--zds-ui-primary);
  --hover-border-color: var(--zds-ui-primary);
  --hover-color: var(--zds-background-weaker);
  --focus-background-color: var(--zds-ui-primary-weaker);
  --focus-color: var(--zds-ui-primary-strongest);
  --base-border-color: var(--zds-ui-primary-weaker);
  --focus-outline-color: var(--zds-ui-primary-stronger);
}
._base-button_rr5dn_1[data-color=secondary][data-size=compact] {
  font: var(--zds-minimal-print-2);
}
._base-button_rr5dn_1[data-color=secondary][data-size=small] {
  font: var(--zds-body-2);
}
._base-button_rr5dn_1[data-color=secondary][data-size=medium] {
  font: var(--zds-body-2);
}
._base-button_rr5dn_1[data-color=secondary][data-size=large] {
  font: var(--zds-paragraph-header-2);
}
._base-button_rr5dn_1[data-color=tertiary] {
  --base-border-color: var(--zds-stroke-default);
  --base-background-color: var(--zds-background-weaker);
  --base-color: var(--zds-text-default);
  --hover-background-color: var(--zds-background-default);
  --hover-color: var(--zds-text-default);
  --focus-background-color: var(--zds-background-weaker);
  --focus-color: var(--zds-text-default);
  --focus-outline-color: var(--zds-ui-primary-stronger);
}
._base-button_rr5dn_1[data-color=tertiary][data-size=compact] {
  font: var(--zds-minimal-print-2);
}
._base-button_rr5dn_1[data-color=tertiary][data-size=small] {
  font: var(--zds-body-2);
}
._base-button_rr5dn_1[data-color=tertiary][data-size=medium] {
  font: var(--zds-body-2);
}
._base-button_rr5dn_1[data-color=tertiary][data-size=large] {
  font: var(--zds-paragraph-header-2);
}
._base-button_rr5dn_1[data-color=tertiary][disabled] {
  background-color: var(--zds-gray-warm-3);
}
._base-button_rr5dn_1[data-color=tertiary]:focus-visible:not([disabled]), a:focus-visible ._base-button_rr5dn_1[data-color=tertiary] {
  border-color: var(--zds-stroke-weaker);
  outline: none;
}
._base-button_rr5dn_1[data-color=ghost] {
  --base-border-color: transparent;
  --base-background-color: transparent;
  --base-color: var(--zds-ui-primary-stronger);
  --hover-background-color: var(--zds-ui-primary-weakest);
  --hover-color: var(--zds-ui-primary-stronger);
  --focus-background-color: var(--zds-background-weaker);
  --focus-color: var(--zds-ui-primary-stronger);
  --focus-outline-color: var(--zds-ui-primary-stronger);
}
._base-button_rr5dn_1[data-color=ghost][data-size=compact] {
  font: var(--zds-minimal-print-2);
}
._base-button_rr5dn_1[data-color=ghost][data-size=small] {
  font: var(--zds-body-2);
}
._base-button_rr5dn_1[data-color=ghost][data-size=medium] {
  font: var(--zds-body-2);
}
._base-button_rr5dn_1[data-color=ghost][data-size=large] {
  font: var(--zds-paragraph-header-3);
}
._base-button_rr5dn_1[data-color=icon-alt] {
  --base-background-color: var(--zds-ui-primary);
  --base-border-color: var(--zds-ui-primary);
  --base-color: var(--zds-background-weaker);
  --hover-color: var(--zds-background-weaker);
  --hover-background-color: var(--zds-ui-primary-stronger);
  --focus-background-color: var(--zds-ui-primary);
  --focus-border-color: var(--ui-primary);
  --focus-color: var(--zds-background-weaker);
  --focus-outline-color: var(--zds-ui-primary-stronger);
}
._base-button_rr5dn_1[data-color=icon-alt][disabled] {
  background-color: var(--zds-background-strongest);
  border-color: var(--zds-background-strongest);
  color: var(--zds-text-weakest);
  outline-color: var(--disabled-outline-color);
}
._base-button_rr5dn_1[data-color=icon-brand] {
  --base-background-color: var(--zds-ui-brand);
  --base-color: var(--zds-text-inverted);
  --hover-background-color: var(--zds-ui-brand-stronger);
  --focus-outline-color: var(--zds-ui-primary-stronger);
}
._base-button_rr5dn_1[data-color=icon-brand][disabled] {
  background-color: var(--zds-background-stronger);
  border-color: var(--zds-background-stronger);
  color: var(--zds-text-weaker);
  outline-color: var(--disabled-outline-color);
}
._base-button_rr5dn_1[data-color=icon-ghost] {
  --base-color: var(--zds-gray-warm-8);
  --hover-background-color: var(--zds-ui-primary-weakest);
  --hover-color: var(--zds-gray-warm-8);
  --focus-background-color: var(--zds-background-weaker);
  --focus-color: var(--zds-gray-warm-8);
  --focus-outline-color: var(--zds-ui-primary-stronger);
}
._base-button_rr5dn_1[data-color=icon-ghost][disabled] {
  background-color: var(--zds-background-stronger);
  border-color: var(--zds-background-stronger);
  color: var(--zds-text-weaker);
  outline-color: var(--disabled-outline-color);
}
._base-button_rr5dn_1[data-color=icon-primary] {
  --base-background-color: var(--zds-ui-primary-stronger);
  --base-border-color: var(--zds-ui-primary-stronger);
  --base-color: var(--zds-background-weaker);
  --hover-color: var(--zds-background-weaker);
  --hover-background-color: var(--zds-ui-primary-strongest);
  --focus-border-color: var(--zds-ui-primary-stronger);
  --focus-color: var(--zds-background-weaker);
  --focus-outline-color: var(--zds-ui-primary-stronger);
  font: var(--zds-body-2);
}
._base-button_rr5dn_1[data-color=icon-primary][disabled] {
  background-color: var(--zds-background-strongest);
  border-color: var(--zds-background-strongest);
  color: var(--zds-text-weakest);
  outline-color: var(--disabled-outline-color);
}
._base-button_rr5dn_1[data-color=icon-secondary] {
  --base-background-color: var(--zds-ui-primary-weaker);
  --base-border-color: var(--zds-ui-primary-weaker);
  --base-color: var(--zds-ui-primary-stronger);
  --hover-background-color: var(--zds-ui-primary);
  --hover-color: var(--zds-ui-primary-strongest);
  --focus-border-color: var(--zds-ui-primary-weaker);
  --focus-color: var(--zds-ui-primary-stronger);
  --focus-outline-color: var(--zds-ui-primary-stronger);
  font: var(--zds-body-2);
}
._base-button_rr5dn_1[data-color=icon-secondary][disabled] {
  background-color: var(--zds-background-strongest);
  border-color: var(--zds-background-strongest);
  color: var(--zds-text-weakest);
  outline-color: var(--disabled-outline-color);
}
._base-button_rr5dn_1[data-color=icon-tertiary] {
  --base-background-color: var(--zds-background-weaker);
  --base-color: var(--zds-text-weaker);
  --base-border-color: var(--zds-stroke-weaker);
  --hover-background-color: var(--zds-background-default);
  --hover-color: var(--zds-text-weaker);
  --focus-background-color: var(--zds-background-weaker);
  --focus-color: var(--zds-text-weaker);
  --focus-outline-color: var(--zds-ui-primary-stronger);
  font: var(--zds-body-2);
}
._base-button_rr5dn_1[data-color=icon-tertiary][disabled] {
  background-color: var(--zds-background-strongest);
  border: var(--zds-background-strongest);
  color: var(--zds-text-weakest);
}
._base-button_rr5dn_1[data-color=number] {
  --base-background-color: var(--zds-background-weaker);
  --base-border-color: var(--zds-stroke-default);
  --base-color: var(--zds-text-weaker);
  --hover-background-color: var(--zds-background-stronger);
  --hover-border-color: var(--zds-stroke-default);
  --hover-color: var(--zds-text-weaker);
  --focus-border-color: var(--zds-stroke-default);
  --focus-color: var(--zds-text-default);
  --focus-outline-color: var(--zds-ui-primary-stronger);
  font: var(--zds-body-2);
}
._base-button_rr5dn_1[data-color=number][data-selected] {
  --base-background-color: var(--zds-ui-primary-weaker);
  --base-border-color: var(--zds-ui-primary-weaker);
  --base-color: var(--zds-ui-primary-strongest);
  /* Selected buttons get their before block removed further down below  */
}
._base-button_rr5dn_1[data-color=number][data-selected] ::before {
  content: "";
}
._base-button_rr5dn_1[data-color=number][data-selected]:hover {
  color: var(--zds-text-inverted);
  background-color: var(--zds-ui-primary);
}
._base-button_rr5dn_1[data-color=number][data-selected][disabled] {
  background-color: var(--zds-background-strongest);
  border-color: var(--zds-background-strongest);
  color: var(--zds-gray-warm-7);
}
._base-button_rr5dn_1[data-color=number][disabled] {
  background-color: var(--zds-background-strongest);
  border-color: var(--zds-background-strongest);
  color: var(--zds-gray-warm-7);
}
._base-button_rr5dn_1[data-color=primary-dark], ._base-button_rr5dn_1[data-color=icon-primary-dark] {
  --base-background-color: var(--zds-brand-almost-white);
  --base-color: var(--zds-ui-primary-stronger);
  --hover-color: var(--zds-ui-primary-strongest);
  --hover-background-color: var(--zds-ui-primary-weakest);
  --focus-color: var(--zds-ui-primary-strongest);
  --focus-outline-color: var(--zds-background-weaker);
}
._base-button_rr5dn_1[data-color=primary-dark][data-size=compact], ._base-button_rr5dn_1[data-color=icon-primary-dark][data-size=compact] {
  font: var(--zds-minimal-print-3);
}
._base-button_rr5dn_1[data-color=primary-dark][data-size=small], ._base-button_rr5dn_1[data-color=icon-primary-dark][data-size=small] {
  font: var(--zds-body-3);
}
._base-button_rr5dn_1[data-color=primary-dark][data-size=medium], ._base-button_rr5dn_1[data-color=icon-primary-dark][data-size=medium] {
  font: var(--zds-body-3);
}
._base-button_rr5dn_1[data-color=primary-dark][data-size=large], ._base-button_rr5dn_1[data-color=icon-primary-dark][data-size=large] {
  font: var(--zds-paragraph-header-3);
}
._base-button_rr5dn_1[data-color=secondary-dark], ._base-button_rr5dn_1[data-color=icon-secondary-dark] {
  --base-background-color: transparent;
  --base-color: var(--zds-gray-warm-1);
  --base-border-color: var(--zds-gray-warm-1);
  --hover-color: var(--zds-gray-warm-10);
  --hover-background-color: var(--zds-ui-primary-weakest);
  --hover-border-color: var(--zds-ui-primary-weakest);
  --focus-color: var(--zds-gray-warm-10);
  --focus-outline-color: var(--zds-ui-primary-weakest);
  --focus-background-color: var(--zds-ui-primary-weakest);
}
._base-button_rr5dn_1[data-color=secondary-dark][data-size=compact], ._base-button_rr5dn_1[data-color=icon-secondary-dark][data-size=compact] {
  font: var(--zds-minimal-print-2);
}
._base-button_rr5dn_1[data-color=secondary-dark][data-size=small], ._base-button_rr5dn_1[data-color=icon-secondary-dark][data-size=small] {
  font: var(--zds-body-3);
}
._base-button_rr5dn_1[data-color=secondary-dark][data-size=medium], ._base-button_rr5dn_1[data-color=icon-secondary-dark][data-size=medium] {
  font: var(--zds-body-3);
}
._base-button_rr5dn_1[data-color=secondary-dark][data-size=large], ._base-button_rr5dn_1[data-color=icon-secondary-dark][data-size=large] {
  font: var(--zds-paragraph-header-3);
}
._base-button_rr5dn_1[data-color=button-nav] {
  --base-border-color: var(--zds-stroke-weaker);
  --base-background-color: var(--zds-background-weaker);
  --base-color: var(--zds-text-default);
  --hover-background-color: var(--zds-background-default);
  --hover-color: var(--zds-text-default);
  --focus-background-color: var(--zds-background-weaker);
  --focus-color: var(--zds-text-default);
  --focus-outline-color: var(--zds-ui-primary-stronger);
  --focus-border-color: var(--zds-gray-warm-2);
  font: var(--zds-body-2);
  border-radius: var(--zds-radius-pill);
}
._base-button_rr5dn_1[data-color=button-nav]::before {
  border-radius: var(--zds-radius-pill);
}
._base-button_rr5dn_1[data-color=button-nav][data-selected] {
  --base-border-color: var(--zds-gray-warm-9);
  --base-background-color: var(--zds-gray-warm-9);
  --base-color: var(--zds-text-inverted);
  --hover-background-color: var(--zds-gray-warm-8);
  --hover-color: var(--zds-text-inverted);
  --focus-background-color: var(--zds-gray-warm-8);
  --focus-color: var(--zds-text-inverted);
  --focus-outline-color: var(--zds-ui-gray-warm-8);
}
._base-button_rr5dn_1[data-color=brand], ._base-button_rr5dn_1[data-color=brand-nav] {
  --base-background-color: var(--zds-ui-brand);
  --base-color: var(--zds-text-inverted);
  --base-border-color: var(--zds-ui-brand);
  --hover-color: var(--zds-background-weaker);
  --hover-background-color: var(--zds-ui-brand-stronger);
  --focus-color: var(--zds-text-inverted);
  --focus-outline-color: var(--zds-ui-primary);
  --focus-background-color: var(--zds-ui-brand);
  --focus-border-color: var(--zds-ui-brand);
}
._base-button_rr5dn_1[data-color=brand]:hover:not([disabled]), a:hover ._base-button_rr5dn_1[data-color=brand], ._base-button_rr5dn_1[data-color=brand-nav]:hover:not([disabled]), a:hover ._base-button_rr5dn_1[data-color=brand-nav] {
  border-color: var(--zds-ui-brand-stronger);
}
._base-button_rr5dn_1[data-color=brand][data-size=compact] {
  font: var(--zds-minimal-print-3);
}
._base-button_rr5dn_1[data-color=brand][data-size=small] {
  font: var(--zds-body-3);
  border-radius: var(--zds-radius-large);
}
._base-button_rr5dn_1[data-color=brand][data-size=small]::before {
  border-radius: var(--zds-radius-small);
}
._base-button_rr5dn_1[data-color=brand][data-size=medium] {
  font: var(--zds-body-3);
  border-radius: var(--zds-radius-large);
}
._base-button_rr5dn_1[data-color=brand][data-size=medium]::before {
  border-radius: var(--zds-radius-small);
}
._base-button_rr5dn_1[data-color=brand][data-size=large] {
  font: var(--zds-paragraph-header-3);
  border-radius: var(--zds-radius-large);
}
._base-button_rr5dn_1[data-color=brand][data-size=large]::before {
  border-radius: var(--zds-radius-small);
}
._base-button_rr5dn_1[data-color=brand-nav] {
  --icon-margin: 0;
}
._base-button_rr5dn_1[data-color=brand-nav][data-size=medium] {
  font: var(--zds-body-3);
  border-radius: var(--zds-radius-large);
}
._base-button_rr5dn_1[data-color=brand-nav][data-size=medium]::before {
  border-radius: var(--zds-radius-small);
}
._base-button_rr5dn_1[disabled] {
  cursor: not-allowed;
  background-color: var(--disabled-background-color);
  border-color: var(--disabled-border-color);
  color: var(--disabled-color);
  outline-color: var(--disabled-outline-color);
}
._base-button_rr5dn_1[data-full-width] {
  width: 100%;
}
._base-button_rr5dn_1[data-shadowed] {
  box-shadow: var(--zds-shadow-elevation5, 0 5px 10px 0 rgba(0, 0, 0, 0.1));
}
._base-button_rr5dn_1[data-size=compact] {
  --button-content-padding: 0 var(--zds-space-12);
  height: var(--zds-size-small);
}
._base-button_rr5dn_1[data-size=compact][data-icon] {
  /* Last value accounts for empty space inside svg */
  --button-content-padding: 0 var(--zds-space-12) 0 var(--zds-space-8);
}
._base-button_rr5dn_1[data-size=compact][data-square] {
  width: var(--zds-size-small);
}
._base-button_rr5dn_1[data-size=small] {
  --button-content-padding: 0 var(--zds-space-12);
  height: var(--zds-size-small);
}
._base-button_rr5dn_1[data-size=small][data-icon] {
  --button-content-padding: 0 var(--zds-space-12) 0 var(--zds-space-8);
}
._base-button_rr5dn_1[data-size=small][data-square] {
  width: var(--zds-size-small);
  height: var(--zds-size-small);
}
._base-button_rr5dn_1[data-size=small][data-color=button-nav] {
  --button-content-padding: 0 var(--zds-space-12);
}
._base-button_rr5dn_1[data-size=medium] {
  --button-content-padding: 0 var(--zds-space-12);
  height: var(--zds-size-medium);
}
._base-button_rr5dn_1[data-size=medium][data-icon] {
  --button-content-padding: 0 var(--zds-space-12) 0 var(--zds-space-8);
}
._base-button_rr5dn_1[data-size=medium][data-icon][data-color=brand-nav] {
  --button-content-padding: 0 var(--zds-space-12);
}
._base-button_rr5dn_1[data-size=medium][data-square] {
  width: var(--zds-size-medium);
}
._base-button_rr5dn_1[data-size=medium][data-testid=iconContainer] {
  width: var(--zds-size-24);
  height: var(--zds-size-24);
}
._base-button_rr5dn_1[data-size=large] {
  --button-content-padding: 0 var(--zds-space-12);
  height: var(--zds-size-large);
}
._base-button_rr5dn_1[data-size=large][data-icon] {
  --button-content-padding: 0 var(--zds-space-12) 0 var(--zds-space-8);
}
._base-button_rr5dn_1[data-size=large][data-square] {
  width: var(--zds-size-large);
}
._base-button_rr5dn_1[data-size=large][data-testid=iconContainer] {
  width: var(--zds-size-32);
  height: var(--zds-size-32);
}
._base-button_rr5dn_1[data-unpadded], ._base-button_rr5dn_1[data-square] {
  --button-content-padding: 0 !important;
}
._base-button_rr5dn_1[data-pill] {
  border-radius: var(--zds-radius-pill) !important;
}
._base-button_rr5dn_1[data-pill]::before {
  border-radius: var(--zds-radius-pill) !important;
}
._base-button_rr5dn_1[data-size=compact] [data-testid=iconContainer], ._base-button_rr5dn_1[data-size=small] [data-testid=iconContainer] {
  width: var(--zds-size-20);
  height: var(--zds-size-20);
}
._button-content_rr5dn_530 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-width: 0;
  padding: var(--button-content-padding);
}
._button-text_rr5dn_538 {
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
._button-icon_rr5dn_546 {
  box-sizing: border-box;
  display: block;
  flex: none;
}
._button-icon_rr5dn_546[data-has-sibling] {
  margin-right: var(--icon-margin);
}._root_1hmz0_1 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  gap: var(--zds-space-16);
  align-items: flex-start;
  padding: var(--zds-space-8) var(--zds-space-16);
  font: var(--zds-body-1);
  outline: 1px solid var(--zds-ui-primary);
  outline-offset: -1px;
  border-radius: var(--zds-radius-medium);
  color: var(--zds-gray-warm-9);
  background-color: var(--zds-ui-primary-weakest);
}
._root_1hmz0_1[data-variant=compact] {
  gap: var(--zds-space-8);
  padding: var(--zds-space-8);
  font: var(--zds-minimal-print-2);
  /* When no title for compact variant, reduce padding and add top padding to everything except the last child (close button). */
}
._root_1hmz0_1[data-variant=compact]:not(:has(h2)) {
  padding: var(--zds-space-6);
}
._root_1hmz0_1[data-variant=compact]:not(:has(h2)) > div:nth-child(-n+2) {
  padding-top: var(--zds-space-2);
}
._root_1hmz0_1[data-variant=banner], ._root_1hmz0_1[data-variant=toast] {
  outline: none;
  border-radius: var(--zds-radius-none);
}
._root_1hmz0_1[data-status=success] {
  background-color: var(--zds-status-success-weakest);
  outline-color: var(--zds-status-success);
}
._root_1hmz0_1[data-status=warning] {
  background-color: var(--zds-status-warning-weakest);
  outline-color: var(--zds-status-warning-weaker);
}
._root_1hmz0_1[data-status=error] {
  background-color: var(--zds-status-error-weakest);
  outline-color: var(--zds-status-error);
}
._root_1hmz0_1[data-variant=toast] {
  background-color: var(--zds-background-weaker);
  box-shadow: var(--zds-shadow-surface);
  /* Colored vertical stripe on the left of the Alert. */
}
._root_1hmz0_1[data-variant=toast]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-top-left-radius: var(--zds-radius-none);
  border-bottom-left-radius: var(--zds-radius-none);
  width: 10px;
  background-color: var(--zds-ui-primary);
}
._root_1hmz0_1[data-variant=toast][data-status=success]::before {
  background-color: var(--zds-status-success);
}
._root_1hmz0_1[data-variant=toast][data-status=warning]::before {
  background-color: var(--zds-status-warning-weaker);
}
._root_1hmz0_1[data-variant=toast][data-status=error]::before {
  background-color: var(--zds-status-error);
}
._container_1hmz0_70 {
  box-sizing: border-box;
  flex: 1;
}
._status-icon_1hmz0_75 {
  box-sizing: border-box;
  color: var(--zds-ui-primary-strongest);
  /* Icons are slightly darker in the 'toast' variant. */
}
._status-icon_1hmz0_75[data-status=success] {
  color: var(--zds-status-success-stronger);
}
._status-icon_1hmz0_75[data-status=warning] {
  color: var(--zds-status-warning-stronger);
}
._status-icon_1hmz0_75[data-status=error] {
  color: var(--zds-status-error-stronger);
}
._status-icon_1hmz0_75[data-variant=toast] {
  color: var(--zds-ui-primary);
}
._status-icon_1hmz0_75[data-variant=toast][data-status=success] {
  color: var(--zds-status-success);
}
._status-icon_1hmz0_75[data-variant=toast][data-status=warning] {
  color: var(--zds-status-warning);
}
._status-icon_1hmz0_75[data-variant=toast][data-status=error] {
  color: var(--zds-status-error);
}
._title_1hmz0_102 {
  box-sizing: border-box;
  display: block;
  margin: 0;
  font: var(--zds-body-3);
  color: var(--zds-text-stronger);
}
._title_1hmz0_102[data-variant=compact] {
  font: var(--zds-minimal-print-3);
}
._close-button_1hmz0_113 {
  all: unset;
  display: revert;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  top: var(--zds-space-12);
  transform: translateY(-50%);
  color: var(--zds-stroke-stronger);
  outline: solid 1px transparent;
  transition: 300ms ease-in-out;
}
._close-button_1hmz0_113:hover, ._close-button_1hmz0_113:focus-visible {
  outline: solid 1px var(--zds-stroke-stronger);
}._root_1mssy_1 {
  box-sizing: border-box;
}
._root_1mssy_1:not(:last-child) {
  margin-bottom: 10px;
}
._content_1mssy_8 {
  /* All of the properties below this are necessary for line clamping to work. Even though the properties have 'webkit' in them, they work cross-browser. */
  box-sizing: border-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp);
  line-clamp: var(--line-clamp);
  overflow: hidden;
}
._content_1mssy_8 > * {
  display: inline;
}
._toggle_1mssy_21 {
  all: unset;
  display: revert;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: lowercase;
  color: var(--zds-ui-primary-strongest);
}
._toggle_1mssy_21:hover, ._toggle_1mssy_21:focus {
  text-decoration: underline;
}._avatar_13ug1_1 {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: var(--zds-border-width-default) solid var(--zds-brand-almost-white);
  border-radius: var(--zds-radius-pill);
  line-height: 1;
  user-select: none;
  transition: var(--zds-transition-default, all 300ms ease-in-out);
}
._avatar_13ug1_1[data-block] {
  display: flex;
}
._avatar_13ug1_1[data-interactive]:hover, ._avatar_13ug1_1[data-interactive]:focus {
  border-color: var(--zds-stroke-weaker);
}
._avatar_13ug1_1[data-selected][data-selected] {
  border: none;
  outline: var(--zds-border-focus);
  outline-offset: 2px;
}
._avatar_13ug1_1[data-show-initials]:nth-of-type(3n + 1), ._avatar_13ug1_1[data-show-initials][data-color=primary][data-color] {
  background-color: var(--zds-color-blue-2);
  color: var(--zds-text-stronger);
}
._avatar_13ug1_1[data-show-initials]:nth-of-type(3n + 2), ._avatar_13ug1_1[data-show-initials][data-color=secondary][data-color] {
  background-color: var(--zds-color-teal-2);
  color: var(--zds-text-stronger);
}
._avatar_13ug1_1[data-show-initials]:nth-of-type(3n), ._avatar_13ug1_1[data-show-initials][data-color=tertiary][data-color] {
  background-color: var(--zds-color-pink-2);
  color: var(--zds-text-stronger);
}
._avatar_13ug1_1[data-size=small] {
  height: var(--zds-size-small);
  width: var(--zds-size-small);
  font: var(--zds-minimal-print-3);
}
._avatar_13ug1_1[data-size=medium] {
  height: var(--zds-size-medium);
  width: var(--zds-size-medium);
  font: var(--zds-body-3);
  border: var(--zds-border-weak);
}
._avatar_13ug1_1[data-size=large] {
  height: var(--zds-size-large);
  width: var(--zds-size-large);
  font: var(--zds-paragraph-header-3);
  border: var(--zds-border-weak);
}
._img_13ug1_55 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}@keyframes _tooltip-open_yyp1f_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._tooltip_yyp1f_9 {
  box-sizing: border-box;
  display: block;
  color: var(--zds-text-inverted);
  text-align: center;
  border-radius: var(--zds-radius-medium);
  position: relative;
  box-shadow: var(--zds-elevation-30, 0 10px 20px 0 rgba(0, 0, 0, 0.3));
  background-color: var(--zds-gray-warm-10);
  width: max-content;
  max-width: 300px;
  font: var(--zds-body-1);
  padding: 2px 11px;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  ._tooltip_yyp1f_9 {
    animation: _tooltip-open_yyp1f_1 var(--zds-transition-duration) var(--zds-transition-timing-function);
  }
}
._tooltip_yyp1f_9::before {
  content: "";
  position: absolute;
  inset: -var(--zds-space-2) -var(--zds-space-2) -var(--zds-space-2) -var(--zds-space-2);
  z-index: -1;
}
._tooltip_yyp1f_9[data-position] {
  position: absolute;
}
._tooltip_yyp1f_9[data-position=northwest] {
  bottom: calc(100% + var(--zds-space-2));
  left: 0;
}
._tooltip_yyp1f_9[data-position=north] {
  bottom: calc(100% + var(--zds-space-2));
  left: 50%;
  transform: translateX(-50%);
}
._tooltip_yyp1f_9[data-position=northeast] {
  bottom: calc(100% + var(--zds-space-2));
  right: 0;
}
._tooltip_yyp1f_9[data-position=east] {
  left: calc(100% + var(--zds-space-2));
  top: 50%;
  transform: translateY(-50%);
}
._tooltip_yyp1f_9[data-position=southeast] {
  top: calc(100% + var(--zds-space-2));
  right: 0;
}
._tooltip_yyp1f_9[data-position=south] {
  top: calc(100% + var(--zds-space-2));
  left: 50%;
  transform: translateX(-50%);
}
._tooltip_yyp1f_9[data-position=southwest] {
  top: calc(100% + var(--zds-space-2));
  left: 0;
}
._tooltip_yyp1f_9[data-position=west] {
  right: calc(100% + var(--zds-space-2));
  top: 50%;
  transform: translateY(-50%);
}
._tooltip_yyp1f_9[data-multiline=true] {
  border-radius: var(--zds-radius-medium);
  padding: var(--zds-space-12) var(--zds-space-16);
  text-align: left;
}
._tooltip_yyp1f_9[data-allow-multiline=false] {
  height: 28px;
  padding: 2px 11px;
}
._content_yyp1f_84 {
  box-sizing: border-box;
  display: block;
}
._content_yyp1f_84[data-multiline=false] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}._tooltip-wrapper_8x43p_1 {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
}
._tooltip-wrapper_8x43p_1 ._tooltip-wrapper-content_8x43p_6 {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
@media (prefers-reduced-motion: no-preference) {
  ._tooltip-wrapper_8x43p_1 ._tooltip-wrapper-content_8x43p_6 {
    transition: var(--zds-transition-value, all 300ms ease-in-out);
  }
}
._tooltip-wrapper_8x43p_1:is(:hover, :focus-within) ._tooltip-wrapper-content_8x43p_6[class][class][class][class][class] {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: none) {
  ._tooltip-wrapper_8x43p_1[data-touch-hidden=true] ._tooltip-wrapper-content_8x43p_6[class][class][class][class][class][class] {
    opacity: 0;
  }
}
._tooltip-wrapper_8x43p_1[data-block=true] {
  display: block;
}
._tooltip-wrapper-content_8x43p_6 {
  box-sizing: border-box;
  display: block;
}
._tooltip-wrapper-content_8x43p_6[data-multiline=false] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._position-styles_8x43p_39[data-position=northwest] {
  bottom: calc(100% + var(--zds-space-2));
  left: 0;
}
._position-styles_8x43p_39[data-position=north] {
  bottom: calc(100% + var(--zds-space-2));
  left: 50%;
  transform: translateX(-50%);
}
._position-styles_8x43p_39[data-position=northeast] {
  bottom: calc(100% + var(--zds-space-2));
  right: 0;
}
._position-styles_8x43p_39[data-position=east] {
  left: calc(100% + var(--zds-space-2));
  top: 50%;
  transform: translateY(-50%);
}
._position-styles_8x43p_39[data-position=southeast] {
  top: calc(100% + var(--zds-space-2));
  right: 0;
}
._position-styles_8x43p_39[data-position=south] {
  top: calc(100% + var(--zds-space-2));
  left: 50%;
  transform: translateX(-50%);
}
._position-styles_8x43p_39[data-position=southwest] {
  top: calc(100% + var(--zds-space-2));
  left: 0;
}
._position-styles_8x43p_39[data-position=west] {
  right: calc(100% + var(--zds-space-2));
  top: 50%;
  transform: translateY(-50%);
}._avatar-group_1lt12_1 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  user-select: none;
  width: max-content;
}
._avatar-group_1lt12_1[data-size=large] > * {
  margin-right: -10px;
}
._avatar-group_1lt12_1[data-size=medium] > * {
  margin-right: -5px;
}
._avatar-group_1lt12_1[data-size=small] > * {
  margin-right: -3px;
}
._avatar-group_1lt12_1[data-size] > *:last-of-type {
  margin-right: 0;
}
._count_1lt12_21 {
  box-sizing: border-box;
  --avatar-group-count-text-indent: 0px;
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--zds-text-stronger);
  font-weight: 700;
  line-height: 1;
}
._count_1lt12_21::before {
  content: "+";
  text-indent: var(--avatar-group-count-text-indent);
}
[data-size=medium] ._count_1lt12_21 {
  --avatar-group-count-text-indent: -3px;
  background-color: var(--zds-gray-warm-3);
  border: 2px solid #fff;
  border-radius: 100px;
  font-size: 16px;
  padding: 0 10px;
  height: 40px;
  min-width: 40px;
}
[data-size=small] ._count_1lt12_21 {
  --avatar-group-count-text-indent: -2px;
  font-size: 14px;
  height: 25px;
  min-width: 25px;
  padding: 0 4px 0 11px;
}._avatars-with-text_14g9n_1 {
  --text-display: inline-block;
  --text-font-light: var(--zds-small-print-1);
  --text-font-heavy: var(--zds-small-print-3);
  --text-line-height: 14px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 5px;
}
._avatars-with-text_14g9n_1[data-no-gap] {
  gap: 0;
}
._avatars-with-text_14g9n_1[data-multiline] {
  --text-display: block;
}
._avatars-with-text_14g9n_1[data-size=small] {
  --text-font-light: var(--zds-minimal-print-1);
  --text-font-heavy: var(--zds-minimal-print-3);
  --text-line-height: 14px;
}
._avatars-with-text_14g9n_1[data-size=small] > *:last-of-type {
  top: -1px;
}
._avatars-with-text_14g9n_1[data-size=medium]:not([data-multiline]), ._avatars-with-text_14g9n_1[data-size=large]:not([data-multiline]) {
  --text-font-light: var(--zds-small-print-1);
  --text-font-heavy: var(--zds-small-print-3);
  --text-line-height: 16px;
}
._avatars-with-text_14g9n_1[data-size=medium][data-multiline] {
  align-items: start;
  --text-font-light: var(--zds-body-1);
  --text-font-heavy: var(--zds-body-3);
  --text-line-height: 18px;
}
._avatars-with-text_14g9n_1[data-size=large][data-multiline] {
  --text-font-light: var(--zds-body-1);
  --text-font-heavy: var(--zds-body-3);
  --text-line-height: 18px;
}

._avatars_14g9n_1 {
  display: block;
}

._content_14g9n_46 {
  display: block;
  position: relative;
}

._text_14g9n_51 {
  display: var(--text-display);
  font: var(--text-font-light);
  line-height: var(--text-line-height);
}
._text_14g9n_51[data-kind=light] {
  color: var(--zds-text-weaker);
  font: var(--text-font-light);
  line-height: var(--text-line-height);
}
._text_14g9n_51[data-kind=heavy] {
  color: var(--zds-text-stronger);
  font: var(--text-font-heavy);
  line-height: var(--text-line-height);
}._badge_1xm4m_1 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: var(--zds-size-xsmall);
  min-width: var(--zds-size-small);
  padding: var(--zds-space-2) var(--zds-space-8);
  font: var(--zds-small-print-3);
  border-radius: var(--zds-radius-pill);
}
._badge_1xm4m_1[data-variant=neutral] {
  background-color: var(--zds-background-strongest);
  color: var(--zds-text-default);
}
._badge_1xm4m_1[data-variant=primary] {
  background-color: var(--zds-ui-primary-weaker);
  color: var(--zds-text-default);
}
._badge_1xm4m_1[data-variant=brand] {
  background-color: var(--zds-ui-brand-weaker);
  color: var(--zds-text-default);
}
._badge_1xm4m_1[data-variant=success] {
  background-color: var(--zds-status-success-weaker);
  color: var(--zds-text-default);
}
._badge_1xm4m_1[data-variant=warning] {
  background-color: var(--zds-status-warning-weakest);
  color: var(--zds-text-default);
}
._badge_1xm4m_1[data-variant=error] {
  background-color: var(--zds-status-error-weaker);
  color: var(--zds-text-default);
}
._badge_1xm4m_1[data-variant=neutral-stronger] {
  background-color: var(--zds-gray-warm-10);
  color: var(--zds-text-inverted);
}
._badge_1xm4m_1[data-variant=primary-stronger] {
  background-color: var(--zds-ui-primary-stronger);
  color: var(--zds-text-inverted);
}
._badge_1xm4m_1[data-variant=brand-stronger] {
  background-color: var(--zds-ui-brand-stronger);
  color: var(--zds-text-inverted);
}
._badge_1xm4m_1[data-variant=success-stronger] {
  background-color: var(--zds-status-success-stronger);
  color: var(--zds-text-inverted);
}
._badge_1xm4m_1[data-variant=warning-stronger] {
  background-color: var(--zds-status-warning-weaker);
  color: var(--zds-text-default);
}
._badge_1xm4m_1[data-variant=error-stronger] {
  background-color: var(--zds-status-error-stronger);
  color: var(--zds-text-inverted);
}._root_1125f_1 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--zds-space-0) var(--zds-space-4);
  text-align: center;
  border-radius: var(--zds-radius-small);
  background-color: var(--zds-internal-tag-background);
  color: var(--zds-internal-tag-text);
}
._root_1125f_1[data-size=x-small] {
  height: var(--zds-size-20);
  font: var(--zds-minimal-print-2);
}
._root_1125f_1[data-size=small] {
  height: var(--zds-size-24);
  font: var(--zds-body-2);
}
._root_1125f_1[data-variant=default] {
  background-color: var(--zds-ui-primary-weaker);
  color: var(--zds-text-default);
}
._root_1125f_1[data-variant=success] {
  background-color: var(--zds-status-success-weaker);
  color: var(--zds-text-default);
}
._root_1125f_1[data-variant=error] {
  background-color: var(--zds-status-error-weaker);
  color: var(--zds-text-default);
}
._root_1125f_1[data-variant=warning] {
  background-color: var(--zds-status-warning-weaker);
  color: var(--zds-text-default);
}
._root_1125f_1[data-variant=inverted] {
  background-color: var(--zds-gray-warm-10);
  color: var(--zds-text-inverted);
}
._root_1125f_1[data-variant=simple] {
  background-color: transparent;
  color: var(--zds-text-weaker);
  border: var(--zds-border-default);
}._root_6v734_1[data-zds] {
  color: var(--text-color);
  margin: var(--text-margin);
  max-width: 100%;
  text-align: var(--text-text-align);
  font: var(--text-font);
}

._transition_6v734_9 {
  transition: color 0.2s ease-in-out;
}._boolean-input-root_75wb5_1 {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
}

._boolean-input-inner_75wb5_7 {
  box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 1;
  border: 2px solid var(--zds-gray-warm-6);
  background-color: transparent;
  cursor: pointer;
  transition: all 300ms ease-in-out;
}

._boolean-input-inner_75wb5_7[data-type=checkbox] {
  width: 18px;
  height: 18px;
  border-radius: var(--zds-radius-none);
  color: var(--zds-prime-white);
}

._boolean-input-inner_75wb5_7[data-type=checkbox][data-checked=true] {
  background-color: var(--zds-ui-primary-stronger);
  border-color: transparent;
}

._boolean-input-inner_75wb5_7[data-type=checkbox][data-errored=true] {
  background-color: var(--zds-status-error);
  border-color: var(--zds-status-error);
}

._boolean-input-inner_75wb5_7[data-type=checkbox][data-errored=true]:not([data-checked=true]) {
  background-color: transparent;
}

._boolean-input-inner_75wb5_7[data-type=checkbox][data-disabled=true] {
  background-color: var(--zds-gray-warm-5);
  border-color: var(--zds-gray-warm-5);
  cursor: not-allowed;
}

._boolean-input-inner_75wb5_7[data-type=checkbox][data-disabled=true]:not([data-checked=true]) {
  background-color: transparent;
}

._boolean-input-inner_75wb5_7[data-type=radio] {
  color: transparent;
  width: var(--zds-size-20);
  height: var(--zds-size-20);
  border-radius: var(--zds-size-20);
}

._boolean-input-inner_75wb5_7[data-type=radio][data-checked=true] {
  border-color: var(--zds-ui-primary-stronger);
  color: var(--zds-ui-primary-stronger);
}

._boolean-input-inner_75wb5_7[data-type=radio][data-errored=true] {
  border-color: var(--zds-status-error);
  color: var(--zds-status-error);
}

._boolean-input-inner_75wb5_7[data-type=radio][data-disabled=true] {
  border-color: var(--zds-gray-warm-5);
  color: var(--zds-gray-warm-5);
  cursor: not-allowed;
}

._boolean-input-layer_75wb5_62 {
  all: unset;
  display: revert;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}._labeled-boolean-input-root_rt5rq_1 {
  --outline-color: transparent;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: center;
  padding: 10px 8px;
  min-height: 0;
}
._labeled-boolean-input-root_rt5rq_1::before {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: 0;
  border: 2px solid var(--outline-color);
  border-radius: 3px;
  transition: all 300ms ease-in-out;
}
._labeled-boolean-input-root_rt5rq_1:has(:focus-visible) {
  --outline-color: var(--zds-ui-primary-stronger);
}
._labeled-boolean-input-root_rt5rq_1:has(:focus-visible)[data-errored] {
  --outline-color: var(--zds-status-error-weaker);
}._text-input_o0wi4_1[class] {
  min-width: 1px;
}
._text-input_o0wi4_1[class][data-multiline=true] {
  height: auto;
}
._text-input_o0wi4_1[class][data-fullwidth=true] {
  width: 100%;
}
._text-input_o0wi4_1[class][data-resize=horizontal] {
  resize: horizontal;
}
._text-input_o0wi4_1[class][data-resize=vertical] {
  resize: vertical;
}
._text-input_o0wi4_1[class][data-resize=both] {
  resize: both;
}
._text-input_o0wi4_1[class][data-resize=none] {
  resize: none;
}
._text-input_o0wi4_1[class][data-size=compact] {
  font: var(--zds-minimal-print-2);
}._field_1v91l_1 {
  display: grid;
  grid-gap: var(--zds-space-4);
}

._help-text-wrapper_1v91l_6[data-compact=true] {
  font: var(--zds-minimal-print-1);
}
._help-text-wrapper_1v91l_6[data-compact=false] {
  font: var(--zds-small-print-1);
}

._help-text_1v91l_6 {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: start;
  color: var(--zds-text-default);
}

._help-text-inner_1v91l_21 {
  padding-top: 1px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
._help-text-inner_1v91l_21 * {
  display: inline;
  margin: 0;
}

._help-text-toggle_1v91l_32 {
  cursor: pointer;
  text-decoration: underline;
  text-transform: lowercase;
  width: 33px;
}
._help-text-toggle_1v91l_32:hover, ._help-text-toggle_1v91l_32:focus {
  outline: 1px solid var(--zds-ui-primary-strongest);
  outline-offset: 1px;
  color: var(--zds-ui-primary-strongest);
}

._error_1v91l_44 {
  display: inline;
  color: var(--zds-status-error-stronger);
}._root_uupok_1 {
  box-sizing: border-box;
  align-items: stretch;
  color: var(--zds-gray-warm-10);
  cursor: pointer;
  display: inline-flex;
  overflow: hidden;
  /*
  PDL ToggleSwitches shouldn't have a border, so we're setting the border to the same color as the background to make it appear that it doesn't have a border.
  */
  border: 1px solid var(--zds-background-strongest);
  transition: all 300ms ease-in-out;
  /*
  The PDL focus ring is rendered as pseudo-element with a border to support a smaller radius than the border-radius of the label.
  It is initially rendered without a border so that its transition can be animated.
  */
  min-width: var(--zds-size-36);
  width: var(--zds-size-36);
  height: var(--zds-size-20);
  border-radius: 30px;
  /* Ensures that dot is correctly aligned to the left/right edge. */
  padding: var(--zds-border-width-default) var(--zds-size-2);
}
._root_uupok_1::before {
  content: "";
  position: absolute;
  inset: -2px -4px;
  border-radius: var(--zds-radius-small);
}
._root_uupok_1:has(:focus-visible):not(:hover)::before {
  border: 2px solid var(--zds-ui-primary-stronger);
  border-radius: var(--zds-radius-small);
}
._root_uupok_1:not([data-checked=true]) {
  background-color: var(--zds-background-strongest);
}
._root_uupok_1[data-checked=true] {
  background-color: var(--zds-ui-primary-stronger);
  border: 1px solid var(--zds-ui-primary-stronger);
}
._root_uupok_1[data-disabled=true], ._root_uupok_1[data-loading=true] {
  background-color: var(--zds-gray-warm-2);
  color: var(--zds-gray-warm-5);
  cursor: not-allowed;
  border: 1px solid var(--zds-background-strongest);
}
._inner-wrap_uupok_48 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
._input_uupok_56 {
  all: unset;
  display: revert;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
}
._spinner_uupok_69 {
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
._spinner_uupok_69 div[data-testid=spinner] {
  height: var(--zds-size-16);
  width: var(--zds-size-16);
}
._dot_uupok_82 {
  box-sizing: border-box;
  display: block;
  border-radius: 100%;
  background-color: var(--zds-gray-warm-6);
  position: absolute;
  top: 0;
  transition: all 300ms ease-in-out;
  width: var(--zds-size-16);
  height: var(--zds-size-16);
}
:not([data-checked=true]) ._dot_uupok_82 {
  left: 0;
  transform: translateX(0);
}
[data-checked=true] ._dot_uupok_82 {
  background-color: var(--zds-prime-white);
  left: 100%;
  transform: translateX(-100%);
}
[data-disabled=true] ._dot_uupok_82 {
  background-color: var(--zds-gray-warm-4);
}
[data-loading=true] ._dot_uupok_82 {
  visibility: hidden;
  height: 0;
}._service-icon_1qej2_1 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--height);
  width: var(--width);
  border-radius: var(--border-radius);
}
._service-icon_1qej2_1[data-border=true] {
  border: var(--zds-border-weak);
}
._service-icon_1qej2_1[data-border=false] {
  border: none;
}
._service-icon_1qej2_1[data-background=white] {
  background-color: #fff;
}
._service-icon_1qej2_1[data-background=default] {
  background-color: var(--zds-background-weaker);
}
._service-icon_1qej2_1[data-shadow=true] {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  transition-duration: var(--zds-animation-transition-duration);
  transition-property: box-shadow;
  transition-timing-function: var(--zds-animation-transition-timing-function);
}._service-icon-numeric_1ldi5_1 {
  color: var(--zds-text-default);
  text-indent: var(--zds-space-0);
}._service-icons_667aj_1 {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-grid;
  user-select: none;
  grid-gap: var(--zds-space-0);
  grid-auto-flow: column;
  list-style: none;
}
._service-icons_667aj_1 li:not(:first-of-type, :last-of-type, :only-of-type) span {
  border-radius: var(--zds-space-0);
  border-left-width: var(--zds-space-0);
}
._service-icons_667aj_1 li:first-of-type:not(:only-of-type) span {
  border-top-right-radius: var(--zds-radius-none);
  border-bottom-right-radius: var(--zds-radius-none);
}
._service-icons_667aj_1 li:last-of-type:not(:only-of-type) span {
  border-top-left-radius: var(--zds-radius-none);
  border-bottom-left-radius: var(--zds-radius-none);
  border-left-width: var(--zds-space-0);
}
._service-icons_667aj_1[data-is-block=true] {
  display: grid;
  width: fit-content;
}._zapcard-section_bczyy_1 {
  padding: 20px;
  box-sizing: border-box;
}