.cdx-icon {
  color: var(--color-base, #202122);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: text-bottom;
}
.cdx-icon svg {
  fill: currentcolor;
  width: 100%;
  height: 100%;
}
.cdx-icon--x-small {
  min-width: 12px;
  min-height: 12px;
  width: 0.75rem;
  height: 0.75rem;
}
.cdx-icon--small {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
}
.cdx-icon--medium {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
}
.cdx-icon--flipped svg {
  transform: scaleX(-1);
}
.cdx-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-sizing: border-box;
  min-height: 32px;
  max-width: 28rem;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  padding-right: 11px;
  padding-left: 11px;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: none;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
}
.cdx-button--size-large {
  min-height: 44px;
  padding-right: 15px;
  padding-left: 15px;
}
.cdx-button--icon-only {
  min-width: 32px;
  padding-right: 5px;
  padding-left: 5px;
}
.cdx-button--icon-only.cdx-button--size-large {
  min-width: 44px;
  padding-right: 11px;
  padding-left: 11px;
}
.cdx-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.cdx-button .cdx-button__icon,
.cdx-button .cdx-icon {
  vertical-align: middle;
}
.cdx-button .cdx-icon {
  color: inherit;
}
.cdx-button--fake-button,
.cdx-button--fake-button:hover,
.cdx-button--fake-button:focus {
  text-decoration: none;
}
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  color: var(--color-base, #202122);
  border-color: var(--border-color-base, #a2a9b1);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon {
    background-color: var(--color-base, #202122);
  }
}
.cdx-button:enabled:hover,
.cdx-button.cdx-button--fake-button--enabled:hover {
  background-color: var(--background-color-base, #fff);
  color: var(--color-base--hover, #404244);
  cursor: pointer;
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled:hover .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon {
    background-color: var(--color-base--hover, #404244);
  }
}
.cdx-button:enabled:active,
.cdx-button.cdx-button--fake-button--enabled:active,
.cdx-button:enabled.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active {
  background-color: var(--background-color-interactive, #eaecf0);
  color: var(--color-emphasized, #101418);
  border-color: var(--border-color-interactive, #72777d);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled:active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon,
  .cdx-button:enabled.cdx-button--is-active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon {
    background-color: var(--color-emphasized, #101418);
  }
}
.cdx-button:enabled:focus,
.cdx-button.cdx-button--fake-button--enabled:focus {
  outline: 1px solid transparent;
}
.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
}
.cdx-button:enabled.cdx-button--action-progressive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive {
  color: var(--color-progressive, #36c);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon {
    background-color: var(--color-progressive, #36c);
  }
}
.cdx-button:enabled.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover {
  color: var(--color-progressive--hover, #3056a9);
  border-color: var(--border-color-progressive--hover, #3056a9);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--action-progressive:hover .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover .cdx-button__icon {
    background-color: var(--color-progressive--hover, #3056a9);
  }
}
.cdx-button:enabled.cdx-button--action-progressive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active,
.cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active {
  background-color: var(--background-color-progressive-subtle, #f1f4fd);
  color: var(--color-progressive--active, #233566);
  border-color: var(--border-color-progressive--active, #233566);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--action-progressive:active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active .cdx-button__icon,
  .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon {
    background-color: var(--color-progressive--active, #233566);
  }
}
.cdx-button:enabled.cdx-button--action-destructive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive {
  color: var(--color-destructive, #bf3c2c);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--action-destructive .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive .cdx-button__icon {
    background-color: var(--color-destructive, #bf3c2c);
  }
}
.cdx-button:enabled.cdx-button--action-destructive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover {
  color: var(--color-destructive--hover, #9f3526);
  border-color: var(--border-color-destructive--hover, #9f3526);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--action-destructive:hover .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:hover .cdx-button__icon {
    background-color: var(--color-destructive--hover, #9f3526);
  }
}
.cdx-button:enabled.cdx-button--action-destructive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active,
.cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active {
  background-color: var(--background-color-destructive-subtle, #ffe9e5);
  color: var(--color-destructive--active, #612419);
  border-color: var(--border-color-destructive--active, #612419);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--action-destructive:active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active .cdx-button__icon,
  .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon {
    background-color: var(--color-destructive--active, #612419);
  }
}
.cdx-button:enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) {
  border-color: var(--border-color-destructive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c);
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
  background-color: var(--background-color-progressive, #36c);
  color: var(--color-inverted-fixed, #fff);
  border-color: var(--border-color-progressive, #36c);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon {
    background-color: var(--color-inverted-fixed, #fff);
  }
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover {
  background-color: var(--background-color-progressive--hover, #3056a9);
  border-color: var(--border-color-progressive--hover, #3056a9);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon {
    background-color: var(--color-inverted-fixed, #fff);
  }
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active {
  background-color: var(--background-color-progressive--active, #233566);
  border-color: var(--border-color-progressive--active, #233566);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon,
  .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon {
    background-color: var(--color-inverted-fixed, #fff);
  }
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c), inset 0 0 0 2px var(--box-shadow-color-inverted, #fff);
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive {
  background-color: var(--background-color-destructive, #bf3c2c);
  color: var(--color-inverted-fixed, #fff);
  border-color: var(--border-color-destructive, #bf3c2c);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon {
    background-color: var(--color-inverted-fixed, #fff);
  }
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover {
  background-color: var(--background-color-destructive--hover, #9f3526);
  border-color: var(--border-color-destructive--hover, #9f3526);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon {
    background-color: var(--color-inverted-fixed, #fff);
  }
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active {
  background-color: var(--background-color-destructive--active, #612419);
  border-color: var(--border-color-destructive--active, #612419);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon,
  .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon {
    background-color: var(--color-inverted-fixed, #fff);
  }
}
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) {
  border-color: var(--border-color-destructive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c), inset 0 0 0 2px var(--box-shadow-color-inverted, #fff);
}
.cdx-button:enabled.cdx-button--weight-quiet,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {
  background-color: var(--background-color-transparent, transparent);
  border-color: var(--border-color-transparent, transparent);
}
.cdx-button:enabled.cdx-button--weight-quiet:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
  background-color: var(--background-color-button-quiet--hover, rgba(0, 24, 73, 0.027));
}
.cdx-button:enabled.cdx-button--weight-quiet:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active {
  background-color: var(--background-color-button-quiet--active, rgba(0, 24, 73, 0.082));
  color: var(--color-emphasized, #101418);
  border-color: var(--border-color-interactive, #72777d);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon,
  .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon {
    background-color: var(--color-emphasized, #101418);
  }
}
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive {
  color: var(--color-progressive, #36c);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive .cdx-button__icon {
    background-color: var(--color-progressive, #36c);
  }
}
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover {
  background-color: var(--background-color-progressive-subtle, #f1f4fd);
  color: var(--color-progressive--hover, #3056a9);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover .cdx-button__icon {
    background-color: var(--color-progressive--hover, #3056a9);
  }
}
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active {
  background-color: var(--background-color-progressive--active, #233566);
  color: var(--color-inverted-fixed, #fff);
  border-color: var(--border-color-progressive--active, #233566);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon,
  .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon {
    background-color: var(--color-inverted, #fff);
  }
}
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive {
  color: var(--color-destructive, #bf3c2c);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive .cdx-button__icon {
    background-color: var(--color-destructive, #bf3c2c);
  }
}
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover {
  background-color: var(--background-color-destructive-subtle, #ffe9e5);
  color: var(--color-destructive--hover, #9f3526);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover .cdx-button__icon {
    background-color: var(--color-destructive--hover, #9f3526);
  }
}
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active {
  background-color: var(--background-color-destructive--active, #612419);
  color: var(--color-inverted-fixed, #fff);
  border-color: var(--border-color-destructive--active, #612419);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon,
  .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon {
    background-color: var(--color-inverted, #fff);
  }
}
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) {
  border-color: var(--border-color-destructive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-destructive--focus, #36c);
}
.cdx-button:disabled,
.cdx-button.cdx-button--fake-button--disabled {
  background-color: var(--background-color-disabled, #dadde3);
  color: var(--color-disabled-emphasized, #a2a9b1);
  border-color: var(--border-color-transparent, transparent);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:disabled .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon {
    background-color: var(--color-inverted, #fff);
  }
}
.cdx-button:disabled.cdx-button--weight-quiet,
.cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet {
  background-color: var(--background-color-transparent, transparent);
  color: var(--color-disabled, #a2a9b1);
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon,
  .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon {
    background-color: var(--color-disabled, #a2a9b1);
  }
}
.cdx-accordion {
  position: relative;
  border-bottom: 1px solid var(--border-color-subtle, #c8ccd1);
}
.cdx-accordion > summary {
  background-color: var(--background-color-transparent, transparent);
  list-style: none;
  display: flex;
  gap: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color-transparent, transparent);
  border-radius: 0;
  padding: 12px;
  word-break: break-word;
  white-space: normal;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.cdx-accordion > summary:hover {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  cursor: pointer;
}
.cdx-accordion > summary:active {
  background-color: var(--background-color-interactive, #eaecf0);
}
.cdx-accordion > summary:focus-visible {
  box-shadow: inset 0 0 0 2px var(--border-color-progressive, #36c);
  outline: 1px solid transparent;
}
.cdx-accordion > summary:focus:not(:active) {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
}
.cdx-accordion > summary::-webkit-details-marker {
  display: none;
}
.cdx-accordion .cdx-accordion__header {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}
.cdx-accordion .cdx-accordion__header__title {
  display: flex;
  gap: 8px;
  line-height: 1.375;
}
.cdx-accordion .cdx-accordion__header__description {
  color: var(--color-subtle, #54595d);
  display: flex;
  font-weight: 400;
  line-height: 1.375;
  pointer-events: none;
}
.cdx-accordion__action.cdx-button {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: calc(1.375em + 26px);
  padding-right: 12px;
  padding-left: 12px;
  font-size: 1rem;
}
.cdx-accordion__action.cdx-button:hover {
  background-color: unset;
}
.cdx-accordion__content {
  padding: 8px 12px 12px;
  font-size: 1rem;
}
.cdx-accordion > summary:before {
  content: "";
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: text-bottom;
  height: 1.375em;
  transition-property: background-color, border-color, transform;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-accordion > summary:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1rem, 16px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-accordion > summary:before {
    -webkit-mask-size: max(1rem, 16px);
    mask-size: max(1rem, 16px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-accordion > summary:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-accordion > summary:before,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-accordion > summary:before,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-accordion > summary:before {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-accordion > summary:before {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');
    background-color: var(--color-base, #202122);
  }
}
.cdx-accordion[open] > summary:before {
  transform: rotate(-180deg);
}
.cdx-button-group {
  position: relative;
  z-index: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 2px;
  padding-top: 1px;
  padding-left: 1px;
  overflow: hidden;
}
.cdx-button-group .cdx-button {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  margin-left: -1px;
  border-radius: 0;
}
.cdx-button-group .cdx-button:enabled:active,
.cdx-button-group .cdx-button:enabled:focus {
  z-index: 3;
}
.cdx-button-group .cdx-button:disabled {
  z-index: 0;
  box-shadow: 0 -1px 0 0 var(--box-shadow-color-inverted, #fff), -1px 0 0 0 var(--box-shadow-color-inverted, #fff);
}
.cdx-thumbnail {
  display: inline-flex;
}
.cdx-thumbnail__placeholder,
.cdx-thumbnail__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
  box-sizing: border-box;
  min-width: 40px;
  min-height: 40px;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--border-color-subtle, #c8ccd1);
  border-radius: 2px;
}
.cdx-thumbnail__image {
  background-color: var(--background-color-base-fixed, #fff);
  display: inline-block;
}
.cdx-thumbnail__image-enter-active {
  transition-property: opacity;
  transition-duration: 0.1s;
}
.cdx-thumbnail__image-enter-from {
  opacity: 0;
}
.cdx-thumbnail__placeholder {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cdx-thumbnail__placeholder__icon {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-thumbnail__placeholder__icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-thumbnail__placeholder__icon {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-thumbnail__placeholder__icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-thumbnail__placeholder__icon,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-thumbnail__placeholder__icon,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-thumbnail__placeholder__icon {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-thumbnail__placeholder__icon {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');
    background-color: var(--color-placeholder, #72777d);
  }
}
.cdx-thumbnail__placeholder__icon--vue.cdx-icon {
  color: var(--color-placeholder, #72777d);
}
.cdx-card {
  background-color: var(--background-color-base, #fff);
  display: flex;
  align-items: flex-start;
  position: relative;
  border: 1px solid var(--border-color-base, #a2a9b1);
  border-radius: 2px;
  padding: 12px;
}
.cdx-card--is-link {
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
}
.cdx-card--is-link,
.cdx-card--is-link:hover,
.cdx-card--is-link:focus {
  text-decoration: none;
}
.cdx-card--is-link:hover {
  border-color: var(--border-color-interactive--hover, #27292d);
}
.cdx-card--is-link:active {
  border-color: var(--border-color-interactive--active, #202122);
}
.cdx-card--is-link:focus {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c), inset 0 0 0 2px var(--box-shadow-color-inverted, #fff);
  outline: 1px solid transparent;
}
.cdx-card--title-only {
  align-items: center;
}
.cdx-card__text {
  display: flex;
  flex-direction: column;
  line-height: 1.5714285;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.cdx-card__text__title {
  color: var(--color-base, #202122);
  font-weight: 700;
  line-height: 1.4285714;
}
.cdx-card__text__description,
.cdx-card__text__supporting-text,
.cdx-card__text__description .cdx-icon,
.cdx-card__text__supporting-text .cdx-icon {
  color: var(--color-subtle, #54595d);
}
.cdx-card__text__description {
  margin-top: 4px;
}
.cdx-card__text__supporting-text {
  margin-top: 8px;
  font-size: 0.875rem;
}
.cdx-card__thumbnail.cdx-thumbnail {
  margin-right: 12px;
}
.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,
.cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image {
  width: 3rem;
  height: 3rem;
}
.cdx-card .cdx-card__icon {
  color: inherit;
  margin-right: 12px;
}
.cdx-label {
  display: flex;
  flex-direction: column;
  line-height: 1.375;
}
.cdx-label__label__icon.cdx-icon {
  margin-right: 4px;
}
.cdx-label__label__text {
  font-weight: 700;
}
legend.cdx-label {
  padding: 0;
}
fieldset label.cdx-label__label .cdx-label__label__text {
  font-weight: 400;
}
.cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag,
.cdx-label:not(.cdx-label--disabled) .cdx-label__description {
  color: var(--color-subtle, #54595d);
}
.cdx-label--disabled,
.cdx-label--disabled .cdx-label__label__icon {
  color: var(--color-disabled, #a2a9b1);
}
.cdx-label--visually-hidden {
  display: block;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute!important;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
}
.cdx-label:not(.cdx-label--visually-hidden) {
  padding-bottom: 8px;
}
@media screen and (min-width: 640px) {
  .cdx-label:not(.cdx-label--visually-hidden) {
    padding-bottom: 4px;
  }
}
.cdx-checkbox {
  position: relative;
  min-width: 20px;
  min-height: 20px;
}
.cdx-checkbox__wrapper {
  display: flex;
}
.cdx-checkbox:not(.cdx-checkbox--inline) {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.cdx-checkbox:not(.cdx-checkbox--inline):last-child {
  margin-bottom: 0;
}
.cdx-checkbox--inline {
  display: inline-flex;
  margin-right: 16px;
  white-space: nowrap;
}
.cdx-checkbox--inline:last-child {
  margin-right: 0;
}
.cdx-checkbox__label,
.cdx-checkbox__label.cdx-label {
  display: inline-flex;
  position: relative;
  z-index: 0;
  padding-left: calc(1.25rem + 8px);
  line-height: 1.4285714;
}
.cdx-checkbox__label.cdx-label {
  padding-bottom: 0;
}
.cdx-checkbox__label.cdx-label .cdx-label__label__text {
  font-weight: 400;
}
.cdx-checkbox--inline .cdx-checkbox__label {
  display: inline;
}
.cdx-checkbox__icon {
  background-color: var(--background-color-base-fixed, #fff);
  position: absolute;
  left: 0;
  box-sizing: border-box;
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  border-width: 1px;
  border-style: solid;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
}
.cdx-checkbox__input {
  opacity: 0;
  position: absolute;
  left: 0;
  z-index: 1;
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  font-size: inherit;
  cursor: inherit;
}
.cdx-checkbox:hover > .cdx-checkbox__input:enabled,
.cdx-checkbox:hover > .cdx-checkbox__input:enabled ~ .cdx-label .cdx-label__label,
.cdx-checkbox:hover > .cdx-checkbox__input:enabled ~ .cdx-checkbox__label:not(.cdx-label) {
  cursor: pointer;
}
.cdx-checkbox__custom-input:not(.cdx-checkbox__custom-input--inline) {
  padding-top: 6px;
  padding-left: calc(1.25rem + 8px);
}
.cdx-checkbox__icon {
  background-size: 0 0;
  border-radius: 2px;
}
.cdx-checkbox__input:indeterminate + .cdx-checkbox__icon:before {
  content: " ";
  background-color: var(--background-color-base-fixed, #fff);
  position: absolute;
  top: calc(50% - 0.5px);
  right: 3px;
  left: 3px;
  height: 2px;
}
.cdx-checkbox__input:checked:not(:indeterminate) + .cdx-checkbox__icon:before {
  content: " ";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  position: absolute;
  width: 100%;
  height: 100%;
}
.cdx-checkbox__input:enabled + .cdx-checkbox__icon {
  background-color: var(--background-color-base, #fff);
  border-color: var(--border-color-interactive, #72777d);
}
.cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon {
  background-color: var(--background-color-interactive-subtle--hover, #eaecf0);
  border-color: var(--border-color-interactive--hover, #27292d);
}
.cdx-checkbox__input:enabled:focus:not(:active) + .cdx-checkbox__icon {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
  outline: 1px solid transparent;
}
.cdx-checkbox__input:enabled:active + .cdx-checkbox__icon {
  background-color: var(--background-color-interactive-subtle--active, #dadde3);
  border-color: var(--border-color-interactive--active, #202122);
}
.cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon {
  background-color: var(--background-color-progressive, #36c);
  border-color: var(--border-color-transparent, transparent);
}
.cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon {
  background-color: var(--background-color-progressive--hover, #3056a9);
}
.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon {
  background-color: var(--background-color-progressive, #36c);
}
.cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon {
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c), inset 0 0 0 2px var(--box-shadow-color-inverted, #fff);
}
.cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon {
  background-color: var(--background-color-progressive--active, #233566);
}
.cdx-checkbox--status-error .cdx-checkbox__input:enabled ~ .cdx-checkbox__label {
  color: var(--color-error, #bf3c2c);
}
.cdx-checkbox--status-error .cdx-checkbox__input:enabled + .cdx-checkbox__icon {
  background-color: var(--background-color-error-subtle, #ffe9e5);
  border-color: var(--border-color-error, #f54739);
}
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon {
  background-color: var(--background-color-error-subtle--hover, #ffdad3);
  border-color: var(--border-color-error--hover, #9f3526);
}
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus + .cdx-checkbox__icon {
  border-color: var(--border-color-progressive--focus, #36c);
}
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon {
  background-color: var(--background-color-error-subtle--active, #ffc8bd);
  border-color: var(--border-color-error--active, #612419);
}
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon {
  background-color: var(--background-color-error, #f54739);
  border-color: var(--border-color-transparent, transparent);
}
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon {
  background-color: var(--background-color-error--hover, #d74032);
}
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon {
  background-color: var(--background-color-error--active, #bf3c2c);
}
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon,
.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon {
  background-color: var(--background-color-error, #f54739);
  border-color: var(--border-color-progressive--focus, #36c);
}
.cdx-checkbox__input:disabled + .cdx-checkbox__icon {
  background-color: var(--background-color-disabled-subtle, #eaecf0);
  border-color: var(--border-color-disabled, #c8ccd1);
}
.cdx-checkbox__input:disabled:checked + .cdx-checkbox__icon,
.cdx-checkbox__input:disabled:indeterminate + .cdx-checkbox__icon {
  background-color: var(--background-color-disabled, #dadde3);
  border-color: var(--border-color-transparent, transparent);
}
.cdx-checkbox__input:disabled:indeterminate + .cdx-checkbox__icon:before {
  background-color: var(--color-disabled-emphasized, #a2a9b1);
}
.cdx-checkbox__input:disabled ~ .cdx-checkbox__label,
.cdx-checkbox__input:disabled ~ .cdx-checkbox__label.cdx-label {
  color: var(--color-disabled, #a2a9b1);
}
.cdx-input-chip {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  color: var(--color-base, #202122);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-width: 32rem;
  border: 1px solid var(--border-color-interactive, #72777d);
  border-radius: 9999px;
  padding: 0 0 0 8px;
  font-size: 0.875rem;
  line-height: 1.5714285;
}
.cdx-input-chip:not(.cdx-input-chip--disabled) {
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.25s;
}
.cdx-input-chip:not(.cdx-input-chip--disabled):hover {
  background-color: var(--background-color-interactive-subtle--hover, #eaecf0);
  border-color: var(--border-color-interactive--hover, #27292d);
  cursor: pointer;
}
.cdx-input-chip:not(.cdx-input-chip--disabled):focus {
  outline: 1px solid transparent;
}
.cdx-input-chip:not(.cdx-input-chip--disabled):active {
  background-color: var(--background-color-interactive-subtle--active, #dadde3);
  border-color: var(--border-color-interactive--active, #202122);
}
.cdx-input-chip:not(.cdx-input-chip--disabled):focus:not(:active) {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
}
.cdx-input-chip--disabled {
  background-color: var(--background-color-disabled, #dadde3);
  color: var(--color-disabled-emphasized, #a2a9b1);
  border-color: var(--border-color-transparent, transparent);
}
.cdx-input-chip--disabled .cdx-icon {
  color: var(--color-disabled-emphasized, #a2a9b1);
}
.cdx-input-chip__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdx-input-chip__button.cdx-button {
  min-width: 20px;
  min-height: 20px;
  margin-right: 1px;
  border-radius: 9999px;
  padding-right: 2px;
  padding-left: 2px;
  font-size: 0.75rem;
}
.cdx-chip-input {
  border-radius: 2px;
  overflow: hidden;
}
.cdx-chip-input__chips,
.cdx-chip-input__separate-input {
  box-sizing: border-box;
  min-width: 256px;
  min-height: 32px;
  border-width: 1px;
  border-style: solid;
  padding: 3px 8px;
  line-height: 1.4285714;
}
.cdx-chip-input__chips {
  display: flex;
  flex: 1 auto;
  flex-flow: wrap;
  gap: 8px;
}
.cdx-chip-input__input {
  background-color: var(--background-color-transparent, transparent);
  color: var(--color-base, #202122);
  flex-grow: inherit;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
}
.cdx-chip-input__input:focus {
  outline: 1px solid transparent;
}
.cdx-chip-input__input::placeholder {
  color: var(--color-placeholder, #72777d);
  opacity: 1;
}
.cdx-chip-input--has-separate-input .cdx-chip-input__chips {
  margin-bottom: -1px;
}
.cdx-chip-input--has-separate-input .cdx-chip-input__input {
  width: 100%;
}
.cdx-chip-input__aria-status {
  display: block;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute!important;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
}
.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips,
.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input {
  border-color: var(--border-color-interactive, #72777d);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.25s;
}
.cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input {
  background-color: var(--background-color-base, #fff);
}
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips {
  background-color: var(--background-color-base, #fff);
}
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
}
.cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover {
  border-color: var(--border-color-interactive--hover, #27292d);
}
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--focused.cdx-chip-input--has-separate-input .cdx-chip-input__separate-input {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
  outline: 1px solid transparent;
}
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input {
  background-color: var(--background-color-error-subtle, #ffe9e5);
  border-color: var(--border-color-error, #f54739);
}
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips input::placeholder,
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input input::placeholder {
  color: var(--color-error, #bf3c2c);
}
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover,
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover {
  background-color: var(--background-color-error-subtle--hover, #ffdad3);
  border-color: var(--border-color-error--hover, #9f3526);
}
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover input::placeholder,
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover input::placeholder {
  color: var(--color-error--hover, #9f3526);
}
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips .cdx-chip-input__input,
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input .cdx-chip-input__input {
  color: var(--color-error, #bf3c2c);
}
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips .cdx-chip-input__input:hover,
.cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--status-error:not(.cdx-chip-input--focused).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input .cdx-chip-input__input:hover {
  color: var(--color-error--hover, #9f3526);
}
.cdx-chip-input--disabled .cdx-chip-input__chips,
.cdx-chip-input--disabled .cdx-chip-input__separate-input {
  background-color: var(--background-color-disabled-subtle, #eaecf0);
  border-color: var(--border-color-disabled, #c8ccd1);
}
.cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input,
.cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input {
  color: var(--color-disabled, #a2a9b1);
  -webkit-text-fill-color: var(--color-disabled, #a2a9b1);
}
.cdx-search-result-title {
  display: inline-block;
  max-width: 100%;
  font-weight: 700;
}
.cdx-search-result-title__match {
  font-weight: 400;
}
.cdx-menu-item {
  list-style: none;
  position: relative;
  padding: 8px 12px;
  line-height: 1.6;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
}
.cdx-menu-item__content {
  display: flex;
  align-items: center;
  line-height: 1.4285714;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.cdx-menu-item__content,
.cdx-menu-item__content:hover {
  text-decoration: none;
}
.cdx-menu-item--has-description .cdx-menu-item__content {
  align-items: flex-start;
}
.cdx-menu-item__text {
  max-width: 100%;
}
.cdx-menu-item__text__description {
  display: block;
}
.cdx-menu-item__thumbnail.cdx-thumbnail,
.cdx-menu-item__icon {
  margin-right: 8px;
}
.cdx-menu-item__selected-icon {
  height: 1.4285714em;
  margin-left: auto;
}
.cdx-menu-item__icon.cdx-icon,
.cdx-menu-item__selected-icon.cdx-icon {
  color: inherit;
}
.cdx-menu-item--bold-label .cdx-menu-item__text__label {
  font-weight: 700;
}
.cdx-menu-item--hide-description-overflow .cdx-menu-item__text {
  overflow: hidden;
}
.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdx-menu-item--enabled,
.cdx-menu-item--enabled .cdx-menu-item__content {
  color: var(--color-base, #202122);
}
.cdx-menu-item--enabled .cdx-menu-item__text__supporting-text,
.cdx-menu-item--enabled .cdx-menu-item__text__description {
  color: var(--color-subtle, #54595d);
}
.cdx-menu-item--enabled.cdx-menu-item--highlighted {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  color: var(--color-base--hover, #404244);
  cursor: pointer;
}
.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__content,
.cdx-menu-item--enabled.cdx-menu-item--highlighted .cdx-menu-item__text__description {
  color: var(--color-base--hover, #404244);
}
.cdx-menu-item--enabled.cdx-menu-item--active {
  background-color: var(--background-color-interactive, #eaecf0);
  color: var(--color-emphasized, #101418);
}
.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,
.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description {
  color: var(--color-emphasized, #101418);
}
.cdx-menu-item--enabled.cdx-menu-item--selected {
  background-color: var(--background-color-progressive-subtle, #f1f4fd);
}
.cdx-menu-item--enabled.cdx-menu-item--selected .cdx-menu-item__content {
  color: var(--color-progressive, #36c);
}
.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content {
  color: var(--color-progressive--hover, #3056a9);
}
.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description {
  color: var(--color-subtle, #54595d);
}
.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__content {
  color: var(--color-progressive--active, #233566);
}
.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--active .cdx-menu-item__text__description {
  color: var(--color-subtle, #54595d);
}
.cdx-menu-item--disabled {
  color: var(--color-disabled, #a2a9b1);
  cursor: default;
}
.cdx-menu-item--disabled .cdx-menu-item__text__description {
  color: var(--color-disabled, #a2a9b1);
}
.cdx-menu-item--destructive .cdx-menu-item__content {
  color: var(--color-destructive, #bf3c2c);
}
.cdx-menu-item--destructive.cdx-menu-item--highlighted .cdx-menu-item__content {
  color: var(--color-destructive--hover, #9f3526);
}
.cdx-menu-item--destructive.cdx-menu-item--active .cdx-menu-item__content {
  color: var(--color-destructive--active, #612419);
}
.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,
.cdx-menu-item--destructive.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description {
  color: var(--color-destructive--hover, #9f3526);
}
.cdx-progress-bar {
  box-sizing: border-box;
  overflow-x: hidden;
}
.cdx-progress-bar__bar {
  width: 33.33%;
  height: 100%;
}
.cdx-progress-bar:not(.cdx-progress-bar--inline) {
  position: relative;
  z-index: 1;
  height: 1rem;
  max-width: none;
  border: 1px solid var(--border-color-base, #a2a9b1);
  border-radius: 9999px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.cdx-progress-bar--inline {
  width: 100%;
  height: 0.25rem;
}
.cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar {
  background-color: var(--background-color-progressive, #36c);
  animation-name: cdx-animation-progress-bar__bar;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block {
  background-color: var(--background-color-base, #fff);
}
.cdx-progress-bar--disabled .cdx-progress-bar__bar {
  background-color: var(--background-color-disabled, #dadde3);
}
.cdx-progress-bar--disabled:not(.cdx-progress-bar--inline) {
  background-color: var(--background-color-disabled-subtle, #eaecf0);
}
@keyframes cdx-animation-progress-bar__bar {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(300%);
  }
}
.cdx-menu {
  background-color: var(--background-color-base, #fff);
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  z-index: 50;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--border-color-base, #a2a9b1);
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.cdx-menu__progress-bar.cdx-progress-bar {
  position: absolute;
  top: 0;
}
.cdx-menu__listbox,
.cdx-menu__group {
  margin: 0;
  padding: 0;
}
.cdx-menu__listbox {
  overflow-y: auto;
}
.cdx-menu__group {
  display: flex;
  flex-direction: column;
}
.cdx-menu__group__meta {
  display: flex;
  gap: 8px;
  padding: 8px 12px 6px;
}
.cdx-menu__group__meta__text {
  display: flex;
  flex-direction: column;
  line-height: 1.6;
}
.cdx-menu__group__icon {
  height: 1.6em;
}
.cdx-menu__group__label {
  font-weight: 700;
}
.cdx-menu__group__description {
  color: var(--color-subtle, #54595d);
  font-size: 0.875rem;
}
.cdx-menu__group-wrapper--hide-label .cdx-menu__group__meta {
  display: block;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute!important;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
}
.cdx-menu__group-wrapper + .cdx-menu-item,
.cdx-menu-item + .cdx-menu__group-wrapper,
.cdx-menu__group-wrapper--hide-label,
.cdx-menu__group-wrapper--hide-label + .cdx-menu__group-wrapper {
  border-top: 1px solid var(--border-color-muted, #dadde3);
}
.cdx-menu--has-footer .cdx-menu__listbox > .cdx-menu-item:last-of-type {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
}
.cdx-menu--has-footer .cdx-menu__listbox > .cdx-menu-item:last-of-type:not(:first-of-type) {
  border-top: 1px solid var(--border-color-subtle, #c8ccd1);
}
.cdx-text-input {
  position: relative;
  box-sizing: border-box;
  min-width: 256px;
  border-radius: 2px;
  overflow: hidden;
}
.cdx-text-input .cdx-text-input__start-icon {
  position: absolute;
  top: 50%;
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  transition-property: color;
  transition-duration: 0.1s;
  left: 9px;
  transform: translateY(-50%);
}
.cdx-text-input__icon.cdx-text-input__end-icon {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-text-input__icon.cdx-text-input__end-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1rem, 16px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-text-input__icon.cdx-text-input__end-icon {
    -webkit-mask-size: max(1rem, 16px);
    mask-size: max(1rem, 16px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
.cdx-text-input__clear-icon.cdx-icon,
.cdx-text-input .cdx-text-input__end-icon {
  position: absolute;
  top: 50%;
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
  transition-property: color;
  transition-duration: 0.1s;
  right: 9px;
  transform: translateY(-50%);
}
.cdx-text-input__clear-icon.cdx-icon:hover {
  cursor: pointer;
}
.cdx-text-input__end-icon.cdx-icon + .cdx-text-input__clear-icon.cdx-icon {
  right: calc(17px + 1rem);
}
.cdx-text-input__input {
  display: block;
  box-sizing: border-box;
  min-height: 32px;
  width: 100%;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  padding: 4px 8px;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.375;
}
.cdx-text-input__input:enabled {
  background-color: var(--background-color-base, #fff);
  color: var(--color-base, #202122);
  border-color: var(--border-color-interactive, #72777d);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.25s;
}
.cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue {
  color: var(--color-placeholder, #72777d);
}
.cdx-text-input__input:enabled ~ .cdx-text-input__icon {
  opacity: var(--opacity-icon-placeholder, 0.51);
}
.cdx-text-input__input:enabled:hover {
  border-color: var(--border-color-interactive--hover, #27292d);
}
.cdx-text-input__input:enabled:focus ~ .cdx-text-input__icon-vue,
.cdx-text-input__input:enabled.cdx-text-input__input--has-value ~ .cdx-text-input__icon-vue {
  color: var(--color-base, #202122);
}
.cdx-text-input__input:enabled:focus ~ .cdx-text-input__icon,
.cdx-text-input__input:enabled.cdx-text-input__input--has-value ~ .cdx-text-input__icon {
  opacity: 1;
}
.cdx-text-input__input:enabled:focus {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
  outline: 1px solid transparent;
}
.cdx-text-input__input:enabled:read-only {
  background-color: var(--background-color-neutral-subtle, #f8f9fa);
  border-color: var(--border-color-base, #a2a9b1);
}
.cdx-text-input__input:disabled {
  background-color: var(--background-color-disabled-subtle, #eaecf0);
  color: var(--color-disabled, #a2a9b1);
  -webkit-text-fill-color: var(--color-disabled, #a2a9b1);
  border-color: var(--border-color-disabled, #c8ccd1);
}
.cdx-text-input__input:disabled ~ .cdx-text-input__icon-vue {
  color: var(--color-disabled, #a2a9b1);
  pointer-events: none;
}
.cdx-text-input__input:disabled ~ .cdx-text-input__icon {
  opacity: var(--opacity-icon-base--disabled, 0.51);
}
.cdx-text-input__input::placeholder {
  color: var(--color-placeholder, #72777d);
  opacity: 1;
}
.cdx-text-input__input::-ms-clear {
  display: none;
}
.cdx-text-input__input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.cdx-text-input__input[type=search]::-webkit-search-decoration,
.cdx-text-input__input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.cdx-text-input--has-start-icon .cdx-text-input__input {
  padding-left: calc(16px + 1.25rem);
}
.cdx-text-input--has-end-icon .cdx-text-input__input,
.cdx-text-input--clearable .cdx-text-input__input {
  padding-right: calc(16px + 1rem);
}
.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input {
  padding-right: calc(24px + 2rem);
}
.cdx-text-input--status-error .cdx-text-input__input:enabled:not(:read-only):not(:focus) {
  background-color: var(--background-color-error-subtle, #ffe9e5);
  color: var(--color-error, #bf3c2c);
  border-color: var(--border-color-error, #f54739);
}
.cdx-text-input--status-error .cdx-text-input__input:enabled:not(:read-only):not(:focus)::placeholder,
.cdx-text-input--status-error .cdx-text-input__input:enabled:not(:read-only):not(:focus) ~ .cdx-text-input__start-icon,
.cdx-text-input--status-error .cdx-text-input__input:enabled:not(:read-only):not(:focus) ~ .cdx-text-input__end-icon {
  color: var(--color-error, #bf3c2c);
}
.cdx-text-input--status-error .cdx-text-input__input:enabled:not(:read-only):not(:focus):hover {
  background-color: var(--background-color-error-subtle--hover, #ffdad3);
  color: var(--color-error--hover, #9f3526);
  border-color: var(--border-color-error--hover, #9f3526);
}
.cdx-text-input--status-error .cdx-text-input__input:enabled:not(:read-only):not(:focus):hover::placeholder,
.cdx-text-input--status-error .cdx-text-input__input:enabled:not(:read-only):not(:focus):hover ~ .cdx-text-input__start-icon,
.cdx-text-input--status-error .cdx-text-input__input:enabled:not(:read-only):not(:focus):hover ~ .cdx-text-input__end-icon {
  color: var(--color-error--hover, #9f3526);
}
.cdx-combobox {
  display: inline-block;
  position: relative;
}
.cdx-combobox__input-wrapper {
  display: flex;
}
.cdx-combobox__input.cdx-text-input {
  flex: 1 1 auto;
  min-width: 224px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cdx-combobox__input.cdx-text-input .cdx-text-input__input {
  border-right-width: 0;
}
.cdx-combobox__expand-button.cdx-button {
  position: relative;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cdx-combobox__expand-icon.cdx-icon {
  position: absolute;
  top: 50%;
  min-width: 12px;
  min-height: 12px;
  width: 0.75rem;
  height: 0.75rem;
  transition-property: color;
  transition-duration: 0.1s;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cdx-combobox--expanded .cdx-combobox__expand-button.cdx-button {
  border-bottom-right-radius: 0;
}
.cdx-dialog .cdx-combobox {
  position: static;
}
.cdx-dialog-backdrop {
  background-color: var(--background-color-backdrop-light, rgba(255, 255, 255, 0.65));
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 400;
  min-height: 100%;
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available;
}
.cdx-dialog {
  background-color: var(--background-color-base, #fff);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: calc(100% - 2rem);
  max-width: 32rem;
  max-height: calc(100vh - 2.5rem);
  border: 1px solid var(--border-color-base, #a2a9b1);
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.cdx-dialog__header {
  padding: 16px 24px;
}
.cdx-dialog__header--default {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
}
.cdx-dialog__header__title-group {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 6px;
}
.cdx-dialog__header .cdx-dialog__header__title {
  margin: 0;
  border: 0;
  padding: 0;
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
}
.cdx-dialog__header .cdx-dialog__header__subtitle {
  color: var(--color-subtle, #54595d);
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.375;
}
.cdx-dialog__header__close-button.cdx-button {
  margin-right: -8px;
}
.cdx-dialog--dividers .cdx-dialog__header {
  border-bottom: 1px solid var(--border-color-subtle, #c8ccd1);
}
.cdx-dialog__body {
  flex-grow: 1;
  padding: 16px 24px;
  overflow-y: auto;
}
.cdx-dialog__body--no-header {
  padding-top: 24px;
}
.cdx-dialog__body--no-footer {
  padding-bottom: 24px;
}
.cdx-dialog__body > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.cdx-dialog__body > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.cdx-dialog__footer {
  padding: 16px 24px 24px;
}
.cdx-dialog__footer--default {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
}
.cdx-dialog__footer .cdx-dialog__footer__text {
  color: var(--color-subtle, #54595d);
  flex: 1 0 auto;
  width: 100%;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5714285;
}
.cdx-dialog__footer__actions {
  display: flex;
  flex-grow: 1;
  gap: 12px;
}
.cdx-dialog--dividers .cdx-dialog__footer {
  border-top: 1px solid var(--border-color-subtle, #c8ccd1);
}
.cdx-dialog--horizontal-actions .cdx-dialog__footer__actions {
  flex-direction: row-reverse;
}
.cdx-dialog--vertical-actions .cdx-dialog__footer__actions {
  flex-direction: column;
  width: 100%;
}
.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__primary-action.cdx-button,
.cdx-dialog--vertical-actions .cdx-dialog__footer .cdx-dialog__footer__default-action.cdx-button {
  max-width: none;
}
.cdx-dialog-focus-trap {
  position: absolute;
}
.cdx-dialog-focus-trap:focus {
  outline: 0;
}
.cdx-dialog-fade-enter-active,
.cdx-dialog-fade-leave-active {
  transition-property: opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.cdx-dialog-fade-enter-from,
.cdx-dialog-fade-leave-to {
  opacity: 0;
}
body.cdx-dialog-open {
  overflow: hidden;
}
.cdx-message {
  background-color: var(--background-color-notice-subtle, #eaecf0);
  color: var(--color-base, #202122);
  display: flex;
  align-items: flex-start;
  position: relative;
  border: 1px solid var(--border-color-notice, #72777d);
  border-radius: 2px;
  padding: 16px;
}
@media screen and (min-width: 640px) {
  .cdx-message {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.cdx-message .cdx-message__icon {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-message .cdx-message__icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-message .cdx-message__icon {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-message .cdx-message__icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-message .cdx-message__icon {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');
    background-color: var(--color-icon-notice, #72777d);
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-message .cdx-message__icon:lang(ar) {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message .cdx-message__icon:lang(ar),
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-message .cdx-message__icon:lang(ar),
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-message .cdx-message__icon:lang(ar) {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-message .cdx-message__icon:lang(ar) {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');
    background-color: var(--color-icon-notice, #72777d);
  }
}
.cdx-message .cdx-message__icon--vue {
  color: var(--color-icon-notice, #72777d);
}
.cdx-message--warning {
  background-color: var(--background-color-warning-subtle, #fdf2d5);
  border-color: var(--border-color-warning, #ab7f2a);
}
.cdx-message--warning .cdx-message__icon {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-message--warning .cdx-message__icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-message--warning .cdx-message__icon {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-message--warning .cdx-message__icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--warning .cdx-message__icon,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--warning .cdx-message__icon,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--warning .cdx-message__icon {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-message--warning .cdx-message__icon {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');
    background-color: var(--color-icon-warning, #ab7f2a);
  }
}
.cdx-message--warning .cdx-message__icon--vue {
  color: var(--color-icon-warning, #ab7f2a);
}
.cdx-message--error {
  background-color: var(--background-color-error-subtle, #ffe9e5);
  border-color: var(--border-color-error, #f54739);
}
.cdx-message--error .cdx-message__icon {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-message--error .cdx-message__icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-message--error .cdx-message__icon {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-message--error .cdx-message__icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--error .cdx-message__icon,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--error .cdx-message__icon,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--error .cdx-message__icon {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-message--error .cdx-message__icon {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');
    background-color: var(--color-icon-error, #f54739);
  }
}
.cdx-message--error .cdx-message__icon--vue {
  color: var(--color-icon-error, #f54739);
}
.cdx-message--success {
  background-color: var(--background-color-success-subtle, #dff2eb);
  border-color: var(--border-color-success, #099979);
}
.cdx-message--success .cdx-message__icon {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-message--success .cdx-message__icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-message--success .cdx-message__icon {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-message--success .cdx-message__icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-message--success .cdx-message__icon,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-message--success .cdx-message__icon,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-message--success .cdx-message__icon {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-message--success .cdx-message__icon {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');
    background-color: var(--color-icon-success, #099979);
  }
}
.cdx-message--success .cdx-message__icon--vue {
  color: var(--color-icon-success, #099979);
}
.cdx-message--user-dismissable {
  padding-right: 48px;
}
@media screen and (min-width: 640px) {
  .cdx-message--user-dismissable {
    padding-right: 56px;
  }
}
.cdx-message--inline {
  background-color: var(--background-color-transparent, transparent);
  border: 0;
  padding: 0;
  font-weight: 700;
}
.cdx-message--inline.cdx-message--error {
  color: var(--color-error, #bf3c2c);
}
.cdx-message .cdx-message__icon,
.cdx-message .cdx-message__icon--vue {
  height: 1.6em;
}
.cdx-message__content {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  align-self: center;
  flex-grow: 1;
  width: 0;
  margin-left: 8px;
}
.cdx-message__content,
.cdx-message__content > * {
  line-height: 1.6;
}
.cdx-message__content > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.cdx-message__content > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.cdx-message__dismiss-button.cdx-button {
  position: absolute;
  top: 12px;
  right: 16px;
  padding: 5px;
  line-height: 0;
}
@media screen and (min-width: 640px) {
  .cdx-message__dismiss-button.cdx-button {
    right: 8px;
  }
}
.cdx-message + .cdx-message {
  margin-top: 8px;
}
.cdx-message-enter-active,
.cdx-message-leave-active-system {
  transition-property: opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.cdx-message-leave-active-user {
  transition-property: opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
}
.cdx-message-enter-from,
.cdx-message-leave-to {
  opacity: 0;
}
.cdx-field {
  margin: 16px 0 0;
  border: 0;
  padding: 0;
}
.cdx-field:first-child {
  margin-top: 0;
}
.cdx-field__help-text {
  line-height: 1.375;
}
.cdx-field__help-text,
.cdx-field__validation-message {
  margin-top: 8px;
}
@media screen and (min-width: 640px) {
  .cdx-field__help-text,
  .cdx-field__validation-message {
    margin-top: 4px;
  }
}
.cdx-field:not(.cdx-field--disabled) .cdx-field__help-text {
  color: var(--color-subtle, #54595d);
}
.cdx-field--disabled .cdx-field__help-text {
  color: var(--color-disabled, #a2a9b1);
}
.cdx-info-chip {
  background-color: var(--background-color-notice-subtle, #eaecf0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-width: 32rem;
  border: 1px solid var(--border-color-notice, #72777d);
  border-radius: 9999px;
  padding: 0 8px;
  line-height: 1.5714285;
}
.cdx-info-chip__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-base, #202122);
  font-size: 0.875rem;
}
.cdx-info-chip .cdx-info-chip__icon {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-info-chip .cdx-info-chip__icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1rem, 16px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-info-chip .cdx-info-chip__icon {
    -webkit-mask-size: max(1rem, 16px);
    mask-size: max(1rem, 16px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-info-chip .cdx-info-chip__icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-info-chip .cdx-info-chip__icon,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-info-chip .cdx-info-chip__icon,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-info-chip .cdx-info-chip__icon {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-info-chip .cdx-info-chip__icon {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>');
    background-color: var(--color-icon-notice, #72777d);
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-info-chip .cdx-info-chip__icon:lang(ar) {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-info-chip .cdx-info-chip__icon:lang(ar),
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-info-chip .cdx-info-chip__icon:lang(ar),
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-info-chip .cdx-info-chip__icon:lang(ar) {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-info-chip .cdx-info-chip__icon:lang(ar) {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>');
    background-color: var(--color-icon-notice, #72777d);
  }
}
.cdx-info-chip .cdx-info-chip__icon--vue {
  color: var(--color-icon-notice, #72777d);
}
.cdx-info-chip--error {
  background-color: var(--background-color-error-subtle, #ffe9e5);
  border-color: var(--border-color-error, #f54739);
}
.cdx-info-chip--error .cdx-info-chip__icon {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-info-chip--error .cdx-info-chip__icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1rem, 16px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-info-chip--error .cdx-info-chip__icon {
    -webkit-mask-size: max(1rem, 16px);
    mask-size: max(1rem, 16px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-info-chip--error .cdx-info-chip__icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-info-chip--error .cdx-info-chip__icon,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-info-chip--error .cdx-info-chip__icon,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-info-chip--error .cdx-info-chip__icon {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-info-chip--error .cdx-info-chip__icon {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>');
    background-color: var(--color-icon-error, #f54739);
  }
}
.cdx-info-chip--error .cdx-info-chip__icon--vue {
  color: var(--color-icon-error, #f54739);
}
.cdx-info-chip--warning {
  background-color: var(--background-color-warning-subtle, #fdf2d5);
  border-color: var(--border-color-warning, #ab7f2a);
}
.cdx-info-chip--warning .cdx-info-chip__icon {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-info-chip--warning .cdx-info-chip__icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1rem, 16px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-info-chip--warning .cdx-info-chip__icon {
    -webkit-mask-size: max(1rem, 16px);
    mask-size: max(1rem, 16px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-info-chip--warning .cdx-info-chip__icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-info-chip--warning .cdx-info-chip__icon,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-info-chip--warning .cdx-info-chip__icon,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-info-chip--warning .cdx-info-chip__icon {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-info-chip--warning .cdx-info-chip__icon {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>');
    background-color: var(--color-icon-warning, #ab7f2a);
  }
}
.cdx-info-chip--warning .cdx-info-chip__icon--vue {
  color: var(--color-icon-warning, #ab7f2a);
}
.cdx-info-chip--success {
  background-color: var(--background-color-success-subtle, #dff2eb);
  border-color: var(--border-color-success, #099979);
}
.cdx-info-chip--success .cdx-info-chip__icon {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-info-chip--success .cdx-info-chip__icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1rem, 16px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-info-chip--success .cdx-info-chip__icon {
    -webkit-mask-size: max(1rem, 16px);
    mask-size: max(1rem, 16px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-info-chip--success .cdx-info-chip__icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-info-chip--success .cdx-info-chip__icon,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-info-chip--success .cdx-info-chip__icon,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-info-chip--success .cdx-info-chip__icon {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-info-chip--success .cdx-info-chip__icon {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>');
    background-color: var(--color-icon-success, #099979);
  }
}
.cdx-info-chip--success .cdx-info-chip__icon--vue {
  color: var(--color-icon-success, #099979);
}
.cdx-info-chip .cdx-icon {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
}
.cdx-lookup {
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
}
.cdx-lookup--pending .cdx-text-input .cdx-text-input__input {
  background-color: var(--background-color-interactive, #eaecf0);
  background-image: linear-gradient(135deg, var(--background-color-base, #fff) 25%, var(--background-color-transparent, transparent) 25%, var(--background-color-transparent, transparent) 50%, var(--background-color-base, #fff) 50%, var(--background-color-base, #fff) 75%, var(--background-color-transparent, transparent) 75%, var(--background-color-transparent, transparent));
  background-size: 1.25rem 1.25rem;
  animation-name: cdx-animation-pending-stripes;
  animation-duration: 0.65s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.cdx-dialog .cdx-lookup {
  position: static;
}
.cdx-toggle-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-sizing: border-box;
  min-height: 32px;
  max-width: 28rem;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  padding-right: 11px;
  padding-left: 11px;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: none;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
}
.cdx-toggle-button--size-large {
  min-height: 44px;
  padding-right: 15px;
  padding-left: 15px;
}
.cdx-toggle-button--icon-only {
  min-width: 32px;
  padding-right: 5px;
  padding-left: 5px;
}
.cdx-toggle-button--icon-only.cdx-toggle-button--size-large {
  min-width: 44px;
  padding-right: 11px;
  padding-left: 11px;
}
.cdx-toggle-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.cdx-toggle-button:enabled {
  color: var(--color-base, #202122);
}
.cdx-toggle-button:enabled:hover {
  cursor: pointer;
}
.cdx-toggle-button:enabled:focus {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
  outline: 1px solid transparent;
}
.cdx-toggle-button:enabled:active,
.cdx-toggle-button:enabled.cdx-toggle-button--is-active {
  color: var(--color-emphasized, #101418);
  border-color: var(--border-color-interactive, #72777d);
  box-shadow: none;
}
.cdx-toggle-button .cdx-icon {
  color: inherit;
  vertical-align: middle;
}
.cdx-toggle-button--framed:enabled {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  border-color: var(--border-color-base, #a2a9b1);
}
.cdx-toggle-button--framed:enabled:hover {
  background-color: var(--background-color-base, #fff);
  color: var(--color-base--hover, #404244);
}
.cdx-toggle-button--framed:enabled:active,
.cdx-toggle-button--framed:enabled.cdx-toggle-button--is-active {
  background-color: var(--background-color-interactive, #eaecf0);
}
.cdx-toggle-button--framed:disabled {
  background-color: var(--background-color-disabled, #dadde3);
  color: var(--color-disabled-emphasized, #a2a9b1);
  border-color: var(--border-color-transparent, transparent);
}
.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled {
  background-color: var(--background-color-progressive--active, #233566);
  color: var(--color-inverted-fixed, #fff);
  border-color: var(--border-color-progressive--active, #233566);
}
.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:hover {
  background-color: var(--background-color-progressive--hover, #3056a9);
  color: var(--color-inverted-fixed, #fff);
  border-color: var(--border-color-progressive--hover, #3056a9);
}
.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:focus {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c), inset 0 0 0 2px var(--box-shadow-color-inverted, #fff);
}
.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled:active,
.cdx-toggle-button--framed.cdx-toggle-button--toggled-on:enabled.cdx-toggle-button--is-active {
  background-color: var(--background-color-interactive, #eaecf0);
  color: var(--color-emphasized, #101418);
  border-color: var(--border-color-interactive, #72777d);
  box-shadow: none;
}
.cdx-toggle-button--quiet {
  background-color: var(--background-color-transparent, transparent);
  border-color: var(--border-color-transparent, transparent);
}
.cdx-toggle-button--quiet:enabled.cdx-toggle-button--toggled-on {
  background-color: var(--background-color-interactive, #eaecf0);
}
.cdx-toggle-button--quiet:enabled:hover {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
}
.cdx-toggle-button--quiet:enabled:focus {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
}
.cdx-toggle-button--quiet:enabled:active,
.cdx-toggle-button--quiet:enabled.cdx-toggle-button--is-active {
  background-color: var(--background-color-interactive, #eaecf0);
}
.cdx-toggle-button--quiet:disabled {
  color: var(--color-disabled, #a2a9b1);
}
.cdx-menu-button__menu-wrapper {
  position: relative;
}
.cdx-menu-button .cdx-menu {
  min-width: 8rem;
  max-width: 16rem;
}
.cdx-dialog .cdx-menu-button {
  position: static;
}
.cdx-multiselect-lookup {
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
}
.cdx-multiselect-lookup--pending .cdx-chip-input:not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips,
.cdx-multiselect-lookup--pending .cdx-chip-input .cdx-chip-input__separate-input {
  background-color: var(--background-color-interactive, #eaecf0);
  background-image: linear-gradient(135deg, var(--background-color-base, #fff) 25%, var(--background-color-transparent, transparent) 25%, var(--background-color-transparent, transparent) 50%, var(--background-color-base, #fff) 50%, var(--background-color-base, #fff) 75%, var(--background-color-transparent, transparent) 75%, var(--background-color-transparent, transparent));
  background-size: 1.25rem 1.25rem;
  animation-name: cdx-animation-pending-stripes;
  animation-duration: 0.65s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes cdx-animation-pending-stripes {
  0% {
    background-position: -1.25rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.cdx-dialog .cdx-multiselect-lookup {
  position: static;
}
.cdx-radio {
  position: relative;
  min-width: 20px;
  min-height: 20px;
}
.cdx-radio__wrapper {
  display: flex;
}
.cdx-radio:not(.cdx-radio--inline) {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.cdx-radio:not(.cdx-radio--inline):last-child {
  margin-bottom: 0;
}
.cdx-radio--inline {
  display: inline-flex;
  margin-right: 16px;
  white-space: nowrap;
}
.cdx-radio--inline:last-child {
  margin-right: 0;
}
.cdx-radio__label,
.cdx-radio__label.cdx-label {
  display: inline-flex;
  position: relative;
  z-index: 0;
  padding-left: calc(1.25rem + 8px);
  line-height: 1.4285714;
}
.cdx-radio__label.cdx-label {
  padding-bottom: 0;
}
.cdx-radio__label.cdx-label .cdx-label__label__text {
  font-weight: 400;
}
.cdx-radio--inline .cdx-radio__label {
  display: inline;
}
.cdx-radio__icon {
  background-color: var(--background-color-base-fixed, #fff);
  position: absolute;
  left: 0;
  box-sizing: border-box;
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  border-width: 1px;
  border-style: solid;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
}
.cdx-radio__input {
  opacity: 0;
  position: absolute;
  left: 0;
  z-index: 1;
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  font-size: inherit;
  cursor: inherit;
}
.cdx-radio:hover > .cdx-radio__input:enabled,
.cdx-radio:hover > .cdx-radio__input:enabled ~ .cdx-label .cdx-label__label,
.cdx-radio:hover > .cdx-radio__input:enabled ~ .cdx-radio__label:not(.cdx-label) {
  cursor: pointer;
}
.cdx-radio__custom-input:not(.cdx-radio__custom-input--inline) {
  padding-top: 6px;
  padding-left: calc(1.25rem + 8px);
}
.cdx-radio__icon {
  border-radius: 50%;
}
.cdx-radio__icon:before {
  content: " ";
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
  border: 1px solid var(--border-color-transparent, transparent);
  border-radius: 50%;
}
.cdx-radio__input:enabled + .cdx-radio__icon {
  background-color: var(--background-color-base, #fff);
  border-color: var(--border-color-interactive, #72777d);
}
.cdx-radio__input:enabled:hover + .cdx-radio__icon {
  background-color: var(--background-color-interactive-subtle--hover, #eaecf0);
  border-color: var(--border-color-interactive--hover, #27292d);
}
.cdx-radio__input:enabled:active + .cdx-radio__icon {
  background-color: var(--background-color-interactive-subtle--active, #dadde3);
  border-color: var(--border-color-interactive--active, #202122);
}
.cdx-radio__input:enabled:focus:not(:active) + .cdx-radio__icon {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
}
.cdx-radio__input:enabled:checked + .cdx-radio__icon {
  background-color: var(--background-color-base-fixed, #fff);
  border-width: 6px;
  border-color: var(--border-color-progressive, #36c);
}
.cdx-radio__input:enabled:checked:hover + .cdx-radio__icon {
  border-color: var(--border-color-progressive--hover, #3056a9);
}
.cdx-radio__input:enabled:checked:focus + .cdx-radio__icon:before {
  border-color: var(--border-color-inverted, #fff);
}
.cdx-radio__input:enabled:checked:active + .cdx-radio__icon {
  background-color: var(--background-color-base-fixed, #fff);
  border-color: var(--border-color-progressive--active, #233566);
}
.cdx-radio__input:enabled:checked:active + .cdx-radio__icon:before {
  border-color: var(--border-color-progressive--active, #233566);
}
.cdx-radio--status-error .cdx-radio__input:enabled ~ .cdx-radio__label {
  color: var(--color-error, #bf3c2c);
}
.cdx-radio--status-error .cdx-radio__input:enabled + .cdx-radio__icon {
  background-color: var(--background-color-error-subtle, #ffe9e5);
  border-color: var(--border-color-error, #f54739);
}
.cdx-radio--status-error .cdx-radio__input:enabled:hover + .cdx-radio__icon {
  background-color: var(--background-color-error-subtle--hover, #ffdad3);
  border-color: var(--border-color-error--hover, #9f3526);
}
.cdx-radio--status-error .cdx-radio__input:enabled:focus + .cdx-radio__icon {
  border-color: var(--border-color-progressive--focus, #36c);
}
.cdx-radio--status-error .cdx-radio__input:enabled:active + .cdx-radio__icon {
  background-color: var(--background-color-error-subtle--active, #ffc8bd);
  border-color: var(--border-color-error--active, #612419);
  box-shadow: none;
}
.cdx-radio--status-error .cdx-radio__input:enabled:checked + .cdx-radio__icon {
  background-color: var(--background-color-base-fixed, #fff);
  border-color: var(--background-color-error, #f54739);
}
.cdx-radio--status-error .cdx-radio__input:enabled:checked:hover + .cdx-radio__icon {
  border-color: var(--background-color-error--hover, #d74032);
}
.cdx-radio--status-error .cdx-radio__input:enabled:checked:focus:not(.cdx-radio--status-error .cdx-radio__input:enabled:checked:active) + .cdx-radio__icon {
  border-width: 1px;
}
.cdx-radio--status-error .cdx-radio__input:enabled:checked:focus:not(.cdx-radio--status-error .cdx-radio__input:enabled:checked:active) + .cdx-radio__icon:before {
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border-width: 4px;
  border-color: var(--border-color-error, #f54739);
}
.cdx-radio--status-error .cdx-radio__input:enabled:checked:active + .cdx-radio__icon {
  border-color: var(--background-color-error--active, #bf3c2c);
  box-shadow: none;
}
.cdx-radio--status-error .cdx-radio__input:enabled:checked:active + .cdx-radio__icon:before {
  border-color: var(--border-color-transparent, transparent);
}
.cdx-radio__input:disabled ~ .cdx-radio__label,
.cdx-radio__input:disabled ~ .cdx-radio__label.cdx-label {
  color: var(--color-disabled, #a2a9b1);
}
.cdx-radio__input:disabled + .cdx-radio__icon {
  background-color: var(--background-color-disabled-subtle, #eaecf0);
  border-color: var(--border-color-disabled, #c8ccd1);
}
.cdx-radio__input:disabled:checked + .cdx-radio__icon {
  background-color: var(--color-disabled-emphasized, #a2a9b1);
  border-width: 6px;
  border-color: var(--background-color-disabled, #dadde3);
}
.cdx-search-input--has-end-button {
  background-color: var(--background-color-base, #fff);
  display: flex;
  border: 1px solid var(--border-color-base, #a2a9b1);
  border-radius: 2px;
}
.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {
  flex-grow: 1;
  margin: -1px;
}
.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cdx-search-input__end-button.cdx-button {
  flex-shrink: 0;
  margin: -1px -1px -1px 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cdx-search-input__end-button.cdx-button:hover,
.cdx-search-input__end-button.cdx-button:focus {
  z-index: 1;
}
.cdx-search-input__input-wrapper {
  position: relative;
}
.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/></svg>');
    background-color: var(--color-base, #202122);
  }
}
.cdx-select {
  box-sizing: border-box;
  min-width: 256px;
  min-height: 32px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: calc(16px + 1.25rem);
  font-size: inherit;
  line-height: 1.375;
  -webkit-appearance: none;
  appearance: none;
  background-position: center right 12px;
  background-repeat: no-repeat;
  background-size: max(0.75rem, 12px);
}
.cdx-select:disabled {
  background-color: var(--background-color-disabled-subtle, #eaecf0);
  color: var(--color-disabled, #a2a9b1);
  border-color: var(--border-color-disabled, #c8ccd1);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');
  opacity: 1;
}
.cdx-select:enabled {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  color: var(--color-base, #202122);
  border-color: var(--border-color-base, #a2a9b1);
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');
}
.cdx-select:enabled:hover {
  background-color: var(--background-color-base, #fff);
  color: var(--color-base--hover, #404244);
  border-color: var(--border-color-base, #a2a9b1);
  cursor: pointer;
}
.cdx-select:enabled:focus {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
  outline: 1px solid transparent;
}
.cdx-select:enabled:active {
  color: var(--color-emphasized, #101418);
  border-color: var(--border-color-interactive, #72777d);
}
.cdx-select-vue {
  display: inline-block;
  position: relative;
}
.cdx-select-vue__handle {
  box-sizing: border-box;
  min-width: 256px;
  min-height: 32px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: calc(16px + 1.25rem);
  font-size: inherit;
  line-height: 1.375;
  position: relative;
  width: 100%;
}
.cdx-select-vue--has-start-icon .cdx-select-vue__handle {
  padding-left: calc(20px + 1.25rem);
}
.cdx-select-vue__start-icon.cdx-icon {
  position: absolute;
  top: 50%;
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  transition-property: color;
  transition-duration: 0.1s;
  left: 12px;
  transform: translateY(-50%);
}
.cdx-select-vue__indicator.cdx-icon {
  color: var(--color-base, #202122);
  position: absolute;
  top: 50%;
  min-width: 12px;
  min-height: 12px;
  width: 0.75rem;
  height: 0.75rem;
  transition-property: color;
  transition-duration: 0.1s;
  right: 12px;
  transform: translateY(-50%);
}
.cdx-select-vue--enabled .cdx-select-vue__handle {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  color: var(--color-base, #202122);
  border-color: var(--border-color-base, #a2a9b1);
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
}
.cdx-select-vue--enabled .cdx-select-vue__handle:hover {
  background-color: var(--background-color-base, #fff);
  color: var(--color-base--hover, #404244);
  border-color: var(--border-color-base, #a2a9b1);
  cursor: pointer;
}
.cdx-select-vue--enabled .cdx-select-vue__handle:focus {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
  outline: 1px solid transparent;
}
.cdx-select-vue--enabled .cdx-select-vue__handle:active {
  color: var(--color-emphasized, #101418);
  border-color: var(--border-color-interactive, #72777d);
}
.cdx-select-vue--enabled .cdx-select-vue__handle:hover .cdx-select-vue__indicator {
  color: var(--color-base--hover, #404244);
}
.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle {
  background-color: var(--background-color-base, #fff);
}
.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle .cdx-select-vue__indicator {
  color: var(--color-base, #202122);
}
.cdx-select-vue--disabled .cdx-select-vue__handle {
  background-color: var(--background-color-disabled-subtle, #eaecf0);
  color: var(--color-disabled, #a2a9b1);
  border-color: var(--border-color-disabled, #c8ccd1);
  cursor: default;
}
.cdx-select-vue--disabled .cdx-select-vue__indicator,
.cdx-select-vue--disabled .cdx-select-vue__start-icon {
  color: var(--color-disabled, #a2a9b1);
}
.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:not(:focus) {
  background-color: var(--background-color-error-subtle, #ffe9e5);
  color: var(--color-error, #bf3c2c);
  border-color: var(--border-color-error, #f54739);
}
.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:not(:focus) .cdx-select-vue__start-icon {
  color: var(--color-error, #bf3c2c);
}
.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:not(:focus):hover {
  background-color: var(--background-color-error-subtle--hover, #ffdad3);
  color: var(--color-error--hover, #9f3526);
  border-color: var(--border-color-error--hover, #9f3526);
}
.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:not(:focus):hover .cdx-select-vue__start-icon {
  color: var(--color-error--hover, #9f3526);
}
.cdx-dialog .cdx-select-vue {
  position: static;
}
.cdx-table-pager {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
}
@media screen and (min-width: 640px) {
  .cdx-table-pager {
    flex-wrap: nowrap;
  }
}
.cdx-table-pager__start .cdx-select,
.cdx-table-pager__start .cdx-select-vue__handle {
  min-width: 8rem;
}
.cdx-table-pager__center {
  color: var(--color-subtle, #54595d);
  flex: 1 1 40%;
  font-size: 1rem;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .cdx-table-pager__center {
    flex: 0 1 auto;
  }
}
.cdx-table-pager__end {
  display: flex;
  flex: 1 0 100%;
  justify-content: space-between;
  gap: 4px;
}
@media screen and (min-width: 640px) {
  .cdx-table-pager__end {
    flex: 0 1 auto;
  }
}
.cdx-table-pager__icon--first {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table-pager__icon--first {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table-pager__icon--first {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table-pager__icon--first {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-table-pager__icon--first,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-table-pager__icon--first,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-table-pager__icon--first {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table-pager__icon--first {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z"/></svg>');
    background-color: var(--color-base, #202122);
  }
}
.cdx-table-pager__icon--first[dir=rtl],
html[dir=rtl] .cdx-table-pager__icon--first:not([dir="ltr"]) {
  transform: scaleX(-1);
}
.cdx-table-pager__icon--previous {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table-pager__icon--previous {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table-pager__icon--previous {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table-pager__icon--previous {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-table-pager__icon--previous,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-table-pager__icon--previous,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-table-pager__icon--previous {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table-pager__icon--previous {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/></svg>');
    background-color: var(--color-base, #202122);
  }
}
.cdx-table-pager__icon--previous[dir=rtl],
html[dir=rtl] .cdx-table-pager__icon--previous:not([dir="ltr"]) {
  transform: scaleX(-1);
}
.cdx-table-pager__icon--next {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table-pager__icon--next {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table-pager__icon--next {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table-pager__icon--next {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-table-pager__icon--next,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-table-pager__icon--next,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-table-pager__icon--next {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table-pager__icon--next {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/></svg>');
    background-color: var(--color-base, #202122);
  }
}
.cdx-table-pager__icon--next[dir=rtl],
html[dir=rtl] .cdx-table-pager__icon--next:not([dir="ltr"]) {
  transform: scaleX(-1);
}
.cdx-table-pager__icon--last {
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table-pager__icon--last {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table-pager__icon--last {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table-pager__icon--last {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M15 1h2v18h-2zM3.5 2.5 11 10l-7.5 7.5L5 19l9-9-9-9z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-table-pager__icon--last,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-table-pager__icon--last,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-table-pager__icon--last {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table-pager__icon--last {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M15 1h2v18h-2zM3.5 2.5 11 10l-7.5 7.5L5 19l9-9-9-9z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M15 1h2v18h-2zM3.5 2.5 11 10l-7.5 7.5L5 19l9-9-9-9z"/></svg>');
    background-color: var(--color-base, #202122);
  }
}
.cdx-table-pager__icon--last[dir=rtl],
html[dir=rtl] .cdx-table-pager__icon--last:not([dir="ltr"]) {
  transform: scaleX(-1);
}
.cdx-table {
  color: var(--color-base, #202122);
  border: 1px solid var(--border-color-base, #a2a9b1);
  border-radius: 2px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.cdx-table__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  box-sizing: border-box;
  min-height: 64px;
  padding: 16px 12px;
}
.cdx-table__header__caption {
  color: var(--color-emphasized, #101418);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
}
.cdx-table__pagination--bottom {
  border-top: 1px solid var(--border-color-base, #a2a9b1);
}
.cdx-table__pagination-status--short {
  display: block;
  text-align: right;
}
@media screen and (min-width: 640px) {
  .cdx-table__pagination-status--short {
    display: none;
  }
}
.cdx-table__pagination-status--long {
  display: none;
}
@media screen and (min-width: 640px) {
  .cdx-table__pagination-status--long {
    display: block;
    text-align: center;
  }
}
.cdx-table__pending-indicator {
  position: absolute;
}
.cdx-table__table-wrapper {
  position: relative;
  overflow-x: auto;
}
.cdx-table__table {
  min-width: 100%;
  line-height: 1.375;
  border-collapse: collapse;
}
.cdx-table__table caption {
  display: block;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute!important;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
}
.cdx-table__table th,
.cdx-table__table td {
  padding: 12px;
}
.cdx-table__table th {
  color: var(--color-emphasized, #101418);
  text-align: left;
}
.cdx-table__table thead th {
  border-bottom: 1px solid var(--border-color-base, #a2a9b1);
  vertical-align: bottom;
}
.cdx-table__table tfoot td,
.cdx-table__table tfoot th {
  border-top: 1px solid var(--border-color-base, #a2a9b1);
}
.cdx-table__table tbody td,
.cdx-table__table tbody th {
  border-top: 1px solid var(--border-color-subtle, #c8ccd1);
  vertical-align: top;
}
.cdx-table__table tbody tr:first-child td,
.cdx-table__table tbody tr:first-child th {
  border-top: 0;
}
.cdx-table__table__sort-button {
  background-color: var(--background-color-transparent, transparent);
  display: flex;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
  border: 0;
  padding: 12px;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  line-height: 1.4285714;
  text-align: left;
  text-decoration: none;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
}
.cdx-table__table__sort-button:hover {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  border-color: var(--border-color-base, #a2a9b1);
  cursor: pointer;
}
.cdx-table__table__sort-button:focus {
  outline: 1px solid transparent;
}
.cdx-table__table__sort-button:active {
  background-color: var(--background-color-interactive, #eaecf0);
  border-color: var(--border-color-base, #a2a9b1);
}
.cdx-table__table__sort-button:focus:not(:active) {
  background-color: var(--background-color-base, #fff);
  box-shadow: inset 0 0 0 2px var(--box-shadow-color-progressive--focus, #36c);
}
.cdx-table__table__sort-icon--unsorted {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table__table__sort-icon--unsorted {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1rem, 16px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table__table__sort-icon--unsorted {
    -webkit-mask-size: max(1rem, 16px);
    mask-size: max(1rem, 16px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table__table__sort-icon--unsorted {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0 3 8h14zm0 18-7-8h14z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-table__table__sort-icon--unsorted,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-table__table__sort-icon--unsorted,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-table__table__sort-icon--unsorted {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table__table__sort-icon--unsorted {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0 3 8h14zm0 18-7-8h14z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 0 3 8h14zm0 18-7-8h14z"/></svg>');
    background-color: var(--color-base, #202122);
  }
}
.cdx-table__table__sort-icon--asc {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table__table__sort-icon--asc {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1rem, 16px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table__table__sort-icon--asc {
    -webkit-mask-size: max(1rem, 16px);
    mask-size: max(1rem, 16px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table__table__sort-icon--asc {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m10 5 8 10H2z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-table__table__sort-icon--asc,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-table__table__sort-icon--asc,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-table__table__sort-icon--asc {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table__table__sort-icon--asc {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m10 5 8 10H2z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m10 5 8 10H2z"/></svg>');
    background-color: var(--color-base, #202122);
  }
}
.cdx-table__table__sort-icon--desc {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table__table__sort-icon--desc {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1rem, 16px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table__table__sort-icon--desc {
    -webkit-mask-size: max(1rem, 16px);
    mask-size: max(1rem, 16px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-table__table__sort-icon--desc {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 15 2 5h16z"/></svg>');
    filter: invert(var(--filter-invert-icon, 0));
    opacity: var(--opacity-icon-base, 0.87);
  }
  .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-table__table__sort-icon--desc,
  .cdx-button--weight-primary.cdx-button--action-progressive .cdx-table__table__sort-icon--desc,
  .cdx-button--weight-primary.cdx-button--action-destructive .cdx-table__table__sort-icon--desc {
    filter: invert(var(--filter-invert-primary-button-icon, 1));
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-table__table__sort-icon--desc {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 15 2 5h16z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M10 15 2 5h16z"/></svg>');
    background-color: var(--color-base, #202122);
  }
}
.cdx-table__table__sort-icon--vue,
.cdx-table__table__sort-icon {
  color: var(--color-subtle, #54595d);
  flex-shrink: 0;
  height: 1.4285714em;
}
.cdx-table__table .cdx-table__table__cell--align-center {
  text-align: center;
}
.cdx-table__table .cdx-table__table__cell--align-end {
  text-align: right;
}
.cdx-table__table .cdx-table__table__cell--align-end .cdx-table__table__sort-button {
  flex-direction: row-reverse;
  text-align: right;
}
.cdx-table__table .cdx-table__table__cell--align-number {
  text-align: right;
}
.cdx-table__table .cdx-table__table__cell--align-number .cdx-table__table__sort-button {
  flex-direction: row-reverse;
  text-align: right;
}
.cdx-table__table .cdx-table__table__cell--has-sort {
  padding: 0;
}
.cdx-table__table__select-rows {
  width: 1px;
}
.cdx-table__table__row--selected {
  background-color: var(--background-color-progressive-subtle, #f1f4fd);
}
.cdx-table__table--layout-fixed {
  table-layout: fixed;
}
.cdx-table__table--borders-vertical th,
.cdx-table__table--borders-vertical td {
  border-right: 1px solid var(--border-color-subtle, #c8ccd1);
}
.cdx-table__table--borders-vertical th:last-child,
.cdx-table__table--borders-vertical td:last-child {
  border-right: 0;
}
.cdx-table__table--borders-vertical thead tr:not(:first-child) th {
  border-top: 1px solid var(--border-color-base, #a2a9b1);
}
.cdx-table__header + .cdx-table__table-wrapper .cdx-table__table--borders-vertical thead th {
  border-top: 1px solid var(--border-color-base, #a2a9b1);
}
.cdx-table__table__empty-state {
  border-top: 1px solid var(--border-color-base, #a2a9b1);
}
thead + tbody .cdx-table__table__empty-state {
  border-top: 0;
}
tbody td.cdx-table__table__empty-state-content {
  color: var(--color-subtle, #54595d);
  height: 40px;
  text-align: center;
  vertical-align: middle;
}
.cdx-table__footer {
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  min-height: 64px;
  border-top: 1px solid var(--border-color-base, #a2a9b1);
  padding: 12px;
}
.cdx-tab[aria-hidden=true] {
  display: none;
}
.cdx-tab:focus {
  outline: 1px solid transparent;
}
.cdx-tabs__header {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.cdx-tabs__prev-scroller,
.cdx-tabs__next-scroller {
  background-color: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
}
.cdx-tabs__prev-scroller {
  left: 0;
}
.cdx-tabs__next-scroller {
  right: 0;
}
.cdx-tabs__prev-scroller:after,
.cdx-tabs__next-scroller:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  width: 1.5rem;
  height: 100%;
  pointer-events: none;
}
.cdx-tabs__prev-scroller:after {
  left: 100%;
}
.cdx-tabs__next-scroller:before {
  right: 100%;
}
.cdx-tabs__scroll-button.cdx-button {
  height: 100%;
}
.cdx-tabs__list {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.cdx-tabs__list::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
}
.cdx-tabs__list__item {
  background-color: var(--background-color-transparent, transparent);
  display: block;
  flex: 0 0 auto;
  max-width: 16rem;
  border-width: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 4px 12px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4285714;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
}
.cdx-tabs__list__item:hover {
  cursor: pointer;
}
.cdx-tabs__list__item[aria-selected=true] {
  cursor: default;
}
.cdx-tabs > .cdx-tabs__header .cdx-tabs__list__item + .cdx-tabs__list__item {
  margin-left: 0;
}
.cdx-tabs--framed > .cdx-tabs__header {
  background-color: var(--background-color-interactive, #eaecf0);
}
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__prev-scroller:after {
  background-image: linear-gradient(to right, var(--background-color-interactive, #eaecf0) 0, var(--background-color-transparent, transparent) 100%);
}
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__next-scroller:before {
  background-image: linear-gradient(to left, var(--background-color-interactive, #eaecf0) 0, var(--background-color-transparent, transparent) 100%);
}
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item {
  color: var(--color-base, #202122);
  margin: 8px 4px 0 8px;
}
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:enabled {
  overflow: hidden;
}
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:enabled:hover {
  background-color: var(--background-color-tab-list-item-framed--hover, rgba(255, 255, 255, 0.3));
  color: var(--color-base, #202122);
}
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:enabled:active {
  background-color: var(--background-color-tab-list-item-framed--active, rgba(255, 255, 255, 0.65));
  color: var(--color-base, #202122);
}
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected=true],
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover {
  background-color: var(--background-color-base, #fff);
  color: var(--color-base, #202122);
}
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:disabled {
  background-color: var(--background-color-interactive, #eaecf0);
  color: var(--color-disabled, #a2a9b1);
  cursor: default;
}
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:last-child {
  margin-right: 8px;
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header {
  background-color: var(--background-color-base, #fff);
  margin: 0 4px;
  border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__prev-scroller:after {
  background-image: linear-gradient(to right, var(--background-color-base, #fff) 0, var(--background-color-transparent, transparent) 100%);
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__next-scroller:before {
  background-image: linear-gradient(to left, var(--background-color-base, #fff) 0, var(--background-color-transparent, transparent) 100%);
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item {
  margin: 0 2px;
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:enabled {
  color: var(--color-base, #202122);
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:enabled:hover:not([aria-selected="true"]) {
  color: var(--color-progressive--hover, #3056a9);
  box-shadow: inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--hover, #4b77d6);
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:enabled:active:not([aria-selected="true"]) {
  color: var(--color-progressive--active, #233566);
  box-shadow: inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected--active, #233566);
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item[aria-selected=true] {
  color: var(--color-progressive, #36c);
  box-shadow: inset 0 -2px 0 0 var(--box-shadow-color-progressive-selected, #36c);
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item[aria-selected=true]:hover {
  color: var(--color-progressive, #36c);
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:disabled {
  color: var(--color-disabled, #a2a9b1);
  cursor: default;
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:first-child {
  margin-left: 0;
}
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:last-child {
  margin-right: 0;
}
.cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:focus-visible,
.cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:focus-visible {
  box-shadow: inset 0 0 0 2px var(--border-color-progressive, #36c);
  outline: 1px solid transparent;
  overflow: hidden;
}
.cdx-text-area {
  position: relative;
}
.cdx-text-area .cdx-text-area__start-icon {
  position: absolute;
  top: 4px;
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.5rem;
  transition-property: color;
  transition-duration: 0.1s;
  left: 9px;
}
.cdx-text-area .cdx-text-area__end-icon {
  position: absolute;
  top: 4px;
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1.5rem;
  transition-property: color;
  transition-duration: 0.1s;
  right: 9px;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-text-area__icon.cdx-text-area__start-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1.25rem, 20px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-text-area__icon.cdx-text-area__start-icon {
    -webkit-mask-size: max(1.25rem, 20px);
    mask-size: max(1.25rem, 20px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
.cdx-text-area__icon.cdx-text-area__end-icon {
  min-width: 16px;
  min-height: 16px;
  width: 1rem;
  height: 1rem;
  height: 1.5rem;
}
@supports not (((-webkit-mask-image: none) or (mask-image: none))) {
  .cdx-text-area__icon.cdx-text-area__end-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: max(1rem, 16px);
  }
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) {
  .cdx-text-area__icon.cdx-text-area__end-icon {
    -webkit-mask-size: max(1rem, 16px);
    mask-size: max(1rem, 16px);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
.cdx-text-area__textarea {
  display: block;
  box-sizing: border-box;
  min-height: 64px;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  padding: 4px 8px;
  overflow: auto;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4285714;
  resize: vertical;
}
.cdx-text-area__textarea--is-autosize {
  resize: none;
  overflow: hidden;
}
.cdx-text-area__textarea--is-autosize::-webkit-resizer {
  display: none;
}
.cdx-text-area__textarea:enabled {
  background-color: var(--background-color-base, #fff);
  color: var(--color-base, #202122);
  border-color: var(--border-color-interactive, #72777d);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-transparent, transparent);
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.25s;
}
.cdx-text-area__textarea:enabled ~ .cdx-text-area__icon-vue.cdx-icon {
  color: var(--color-placeholder, #72777d);
}
.cdx-text-area__textarea:enabled ~ .cdx-text-area__icon {
  opacity: var(--opacity-icon-placeholder, 0.51);
}
.cdx-text-area__textarea:enabled:hover {
  border-color: var(--border-color-interactive--hover, #27292d);
}
.cdx-text-area__textarea:enabled:focus ~ .cdx-text-area__icon-vue.cdx-icon,
.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value ~ .cdx-text-area__icon-vue.cdx-icon {
  color: var(--color-base, #202122);
}
.cdx-text-area__textarea:enabled:focus ~ .cdx-text-area__icon,
.cdx-text-area__textarea:enabled.cdx-text-area__textarea--has-value ~ .cdx-text-area__icon {
  opacity: 1;
}
.cdx-text-area__textarea:enabled:focus {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
  outline: 1px solid transparent;
}
.cdx-text-area__textarea:enabled:read-only {
  background-color: var(--background-color-neutral-subtle, #f8f9fa);
  border-color: var(--border-color-base, #a2a9b1);
}
.cdx-text-area__textarea:disabled {
  background-color: var(--background-color-disabled-subtle, #eaecf0);
  color: var(--color-disabled, #a2a9b1);
  -webkit-text-fill-color: var(--color-disabled, #a2a9b1);
  border-color: var(--border-color-disabled, #c8ccd1);
}
.cdx-text-area__textarea:disabled ~ .cdx-text-area__icon-vue.cdx-icon {
  color: var(--color-disabled, #a2a9b1);
}
.cdx-text-area__textarea:disabled ~ .cdx-text-area__icon {
  opacity: var(--opacity-icon-base--disabled, 0.51);
}
.cdx-text-area__textarea::placeholder {
  color: var(--color-placeholder, #72777d);
  opacity: 1;
}
.cdx-text-area--has-start-icon .cdx-text-area__textarea {
  padding-left: calc(16px + 1.25rem);
}
.cdx-text-area--has-end-icon .cdx-text-area__textarea {
  padding-right: calc(16px + 1rem);
}
.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus) {
  background-color: var(--background-color-error-subtle, #ffe9e5);
  color: var(--color-error, #bf3c2c);
  border-color: var(--border-color-error, #f54739);
}
.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus)::placeholder,
.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus) ~ .cdx-text-area__icon-vue.cdx-icon {
  color: var(--color-error, #bf3c2c);
}
.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus):hover {
  background-color: var(--background-color-error-subtle--hover, #ffdad3);
  color: var(--color-error--hover, #9f3526);
  border-color: var(--border-color-error--hover, #9f3526);
}
.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus):hover::placeholder,
.cdx-text-area--status-error .cdx-text-area__textarea:enabled:not(:read-only):not(:focus):hover ~ .cdx-text-area__icon-vue.cdx-icon {
  color: var(--color-error--hover, #9f3526);
}
.cdx-toggle-button-group {
  position: relative;
  z-index: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 2px;
  padding-top: 1px;
  padding-left: 1px;
  overflow: hidden;
}
.cdx-toggle-button-group .cdx-toggle-button {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  margin-left: -1px;
  border-radius: 0;
}
.cdx-toggle-button-group .cdx-toggle-button:enabled:active,
.cdx-toggle-button-group .cdx-toggle-button:enabled:focus {
  z-index: 3;
}
.cdx-toggle-button-group .cdx-toggle-button:disabled {
  z-index: 0;
  box-shadow: 0 -1px 0 0 var(--box-shadow-color-inverted, #fff), -1px 0 0 0 var(--box-shadow-color-inverted, #fff);
}
.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled {
  z-index: 2;
  box-shadow: 0 -1px 0 0 var(--box-shadow-color-inverted, #fff), -1px 0 0 0 var(--box-shadow-color-inverted, #fff);
}
.cdx-toggle-button-group .cdx-toggle-button--toggled-on:enabled:focus {
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c), inset 0 0 0 2px var(--box-shadow-color-inverted, #fff), 0 0 0 1px var(--box-shadow-color-inverted, #fff);
}
.cdx-toggle-switch {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 0;
  margin-bottom: 12px;
}
.cdx-toggle-switch--align-switch {
  display: flex;
  justify-content: space-between;
}
.cdx-toggle-switch:last-child {
  margin-bottom: 0;
}
.cdx-toggle-switch__label,
.cdx-toggle-switch__label.cdx-label {
  order: -1;
}
.cdx-toggle-switch__label:not(:empty),
.cdx-toggle-switch__label.cdx-label:not(:empty) {
  padding-right: 6px;
}
.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label {
  padding-bottom: 0;
}
.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label .cdx-label__label__text {
  font-weight: 400;
}
.cdx-toggle-switch__switch {
  transform: translateZ(0);
  background-color: var(--background-color-base, #fff);
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
  min-width: 48px;
  min-height: 32px;
  width: 3rem;
  height: 2rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color-interactive, #72777d);
  border-radius: 9999px;
  overflow: hidden;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.25s;
}
.cdx-toggle-switch__switch:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  z-index: 1;
  border: 1px solid var(--border-color-transparent, transparent);
  border-radius: 9999px;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.25s;
}
.cdx-toggle-switch__switch__grip {
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid var(--border-color-interactive, #72777d);
  border-radius: 50%;
  transform: translate(0.3125rem) translateY(-50%);
  transition-property: background-color, border-color, transform;
  transition-duration: 0.25s, 0.1s, 0.1s;
}
.cdx-toggle-switch__input {
  opacity: 0;
  position: absolute;
  right: 0;
  z-index: 2;
  min-width: 48px;
  min-height: 32px;
  width: 3rem;
  height: 2rem;
  margin: 0;
  font-size: inherit;
}
.cdx-toggle-switch__input:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
  background-color: var(--background-color-base, #fff);
  border-color: var(--border-color-inverted, #fff);
  transform: translate(calc(100% + 0.0625rem)) translateY(-50%);
}
.cdx-toggle-switch__input:enabled:hover,
.cdx-toggle-switch__input:enabled ~ .cdx-label .cdx-label__label:hover,
.cdx-toggle-switch__input:enabled ~ .cdx-toggle-switch__label:not(.cdx-label):hover {
  cursor: pointer;
}
.cdx-toggle-switch__input:enabled ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
  background-color: var(--background-color-base, #fff);
}
.cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch {
  background-color: var(--background-color-interactive-subtle--hover, #eaecf0);
  border-color: var(--border-color-interactive--hover, #27292d);
}
.cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
  background-color: var(--background-color-base, #fff);
  border-color: var(--border-color-interactive--hover, #27292d);
}
.cdx-toggle-switch__input:enabled:active ~ .cdx-toggle-switch__switch {
  background-color: var(--background-color-interactive-subtle--active, #dadde3);
  border-color: var(--border-color-interactive--active, #202122);
}
.cdx-toggle-switch__input:enabled:active ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
  background-color: var(--background-color-base, #fff);
  border-color: var(--border-color-interactive--active, #202122);
}
.cdx-toggle-switch__input:enabled:focus:not(:active) ~ .cdx-toggle-switch__switch {
  border-color: var(--border-color-progressive, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
  outline: 1px solid transparent;
}
.cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch {
  background-color: var(--background-color-progressive, #36c);
  border-color: var(--border-color-transparent, transparent);
}
.cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
  background-color: var(--background-color-base-fixed, #fff);
  border-color: var(--background-color-transparent, transparent);
}
.cdx-toggle-switch__input:enabled:checked:hover ~ .cdx-toggle-switch__switch {
  background-color: var(--background-color-progressive--hover, #3056a9);
  border-color: var(--border-color-progressive--hover, #3056a9);
}
.cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch {
  border-color: var(--border-color-progressive, #36c);
}
.cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch:before,
.cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
  border-color: var(--border-color-inverted, #fff);
}
.cdx-toggle-switch__input:enabled:checked:active ~ .cdx-toggle-switch__switch {
  background-color: var(--background-color-progressive--active, #233566);
  border-color: var(--border-color-progressive--active, #233566);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--active, #233566);
}
.cdx-toggle-switch__input:enabled:checked:active ~ .cdx-toggle-switch__switch:before {
  border-color: var(--border-color-progressive--active, #233566);
}
.cdx-toggle-switch__input:enabled:checked:active ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
  background-color: var(--background-color-base-fixed, #fff);
  border-color: var(--border-color-inverted, #fff);
}
.cdx-toggle-switch__input:disabled {
  cursor: default;
}
.cdx-toggle-switch__input:disabled ~ .cdx-toggle-switch__switch {
  background-color: var(--background-color-disabled-subtle, #eaecf0);
  border-color: var(--border-color-disabled, #c8ccd1);
}
.cdx-toggle-switch__input:disabled ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
  border-color: var(--border-color-disabled, #c8ccd1);
}
.cdx-toggle-switch__input:disabled:checked ~ .cdx-toggle-switch__switch {
  background-color: var(--background-color-disabled, #dadde3);
  border-color: var(--border-color-transparent, transparent);
}
.cdx-toggle-switch__input:disabled:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
  background-color: var(--color-disabled-emphasized, #a2a9b1);
  border-color: var(--border-color-transparent, transparent);
}
.cdx-tooltip {
  background-color: var(--background-color-inverted, #101418);
  color: var(--color-inverted, #fff);
  display: none;
  position: absolute;
  z-index: 800;
  width: -webkit-max-content;
  width: max-content;
  max-width: 16rem;
  border-radius: 2px;
  padding: 2px 6px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Inter, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  animation-name: cdx-animation-tooltip;
  animation-duration: 0.1s;
  animation-timing-function: linear;
  animation-delay: 0.25s;
  animation-fill-mode: both;
}
@keyframes cdx-animation-tooltip {
  0% {
    opacity: 0;
    transform: scale(75%);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.cdx-typeahead-search__menu.cdx-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.cdx-typeahead-search .cdx-menu-item {
  padding: 0;
}
.cdx-typeahead-search .cdx-menu-item__content {
  padding: 8px 12px;
}
.cdx-typeahead-search__search-footer.cdx-menu-item {
  box-sizing: border-box;
  min-height: 56px;
}
.cdx-typeahead-search__search-footer.cdx-menu-item:visited {
  color: var(--color-base, #202122);
}
.cdx-typeahead-search__search-footer.cdx-menu-item:hover {
  text-decoration: none;
  cursor: pointer;
}
.cdx-typeahead-search__search-footer__icon.cdx-icon {
  color: var(--color-subtle, #54595d);
}
.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__icon.cdx-icon,
.cdx-typeahead-search__search-footer__active.cdx-menu-item .cdx-typeahead-search__search-footer__text {
  color: var(--color-progressive, #36c);
}
.cdx-typeahead-search .cdx-typeahead-search__menu-message--has-thumbnail {
  padding-left: 20px;
}
.cdx-typeahead-search--expanded .cdx-typeahead-search__input.cdx-search-input .cdx-text-input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input {
  padding-left: 36px;
}
.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded) {
  margin-left: 24px;
}
.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),
.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded {
  margin-left: 0;
}
.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,
.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input {
  padding-left: 60px;
}
.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,
.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon {
  position: absolute;
  top: 50%;
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  transition-property: color;
  transition-duration: 0.1s;
  left: 22px;
  transform: translateY(-50%);
}
.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon {
  flex-shrink: 0;
  min-width: 40px;
  width: 2.5rem;
}
.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer {
  border-top: unset;
}
html {
  background-color: var(--background-color-base, #fff);
  font-size: 1em;
}
body {
  height: 100%;
  overflow-y: scroll;
  width: 100%;
}
pre {
  background: var(--background-color-interactive-subtle, #f8f9fa);
  border-radius: 2px;
  color: var(--color-base, #202122);
}
a {
  color: var(--color-progressive, #36c);
}
a:hover {
  color: var(--color-progressive--hover, #3056a9);
}
a:active {
  color: var(--color-progressive--active, #233566);
}
#empty-query-error,
#hide-explorer,
#loading-spinner,
#query-error,
#query-error-short,
#query-result,
.action-bar,
.explorer-panel,
.result {
  display: none;
}
.banner {
  background-color: var(--background-color-interactive, #eaecf0);
  border: 1px solid var(--border-color-subtle, #c8ccd1);
  padding: 15px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner__text {
  display: flex;
  align-items: center;
}
.banner button {
  margin-top: -2px;
  padding-left: 15px;
}
.banner .glyphicon {
  padding: 0 0.5em 0 0;
  font-size: 18px;
}
.navbar,
.toolbar {
  box-shadow: none;
  white-space: nowrap;
}
.navbar {
  margin-bottom: 0;
}
.navbar .dropdown-menu {
  background: var(--background-color-interactive-subtle, #f8f9fa);
  z-index: 1001;
  /* above the Leaflet control containers */
}
.navbar .dropdown-menu > li > a {
  border-radius: 2px;
  padding: 5px 20px;
}
.navbar .dropdown-menu > li > a:hover {
  background: var(--background-color-base, #fff);
}
.navbar .help {
  padding-left: 0;
}
.navbar-brand {
  line-height: 35px;
  padding: 5px 15px;
  vertical-align: middle;
}
.navbar-brand a {
  text-decoration: none;
}
.navbar-brand img {
  margin-left: 2px;
  margin-right: 10px;
  height: 31px;
  width: auto;
}
.navbar-btn {
  margin-left: 15px;
}
.navbar-default {
  background: var(--background-color-interactive-subtle, #f8f9fa);
  border-bottom: 1px solid var(--border-color-subtle, #c8ccd1);
  border-radius: 2px;
}
.navbar-right {
  margin-right: 0;
}
.navbar-toggle {
  z-index: 100;
}
a.disabled {
  color: var(--color-disabled, #a2a9b1);
}
.btn:active {
  box-shadow: none;
}
.btn-default {
  background: var(--background-color-interactive-subtle, #f8f9fa);
  border-radius: 2px;
  border: 1px solid var(--border-color-subtle, #c8ccd1);
  box-shadow: none;
  text-shadow: none;
}
.btn-default:active {
  background: var(--background-color-interactive, #eaecf0);
}
.btn-default:hover {
  background: var(--background-color-base, #fff);
}
.cdx-css-icon--play {
  /* stylelint-enable stylistic/indentation */
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not ( ( -webkit-mask-image: none ) or ( mask-image: none ) ) {
  .cdx-css-icon--play {
    background-position: center;
    background-repeat: no-repeat;
    background-size: calc(max( 1.25rem, 20px ));
  }
}
@supports ( -webkit-mask-image: none ) or ( mask-image: none ) {
  .cdx-css-icon--play {
    /* stylelint-disable plugin/no-unsupported-browser-features */
    -webkit-mask-size: calc(max( 1.25rem, 20px ));
    mask-size: calc(max( 1.25rem, 20px ));
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    /* stylelint-enable plugin/no-unsupported-browser-features */
  }
}
@supports not ( ( -webkit-mask-image: none ) or ( mask-image: none ) ) {
  .cdx-css-icon--play {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M4.55 19A1 1 0 013 18.13V1.87A1 1 0 014.55 1l12.2 8.13a1 1 0 010 1.7z"/></svg>');
    opacity: var(--opacity-icon-base, 0.87);
  }
}
@supports ( -webkit-mask-image: none ) or ( mask-image: none ) {
  .cdx-css-icon--play {
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M4.55 19A1 1 0 013 18.13V1.87A1 1 0 014.55 1l12.2 8.13a1 1 0 010 1.7z"/></svg>');
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M4.55 19A1 1 0 013 18.13V1.87A1 1 0 014.55 1l12.2 8.13a1 1 0 010 1.7z"/></svg>');
    background-color: var(--color-inverted, #fff);
  }
}
.cdx-css-icon--stop {
  /* stylelint-enable stylistic/indentation */
  min-width: 20px;
  min-height: 20px;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: text-bottom;
}
@supports not ( ( -webkit-mask-image: none ) or ( mask-image: none ) ) {
  .cdx-css-icon--stop {
    background-position: center;
    background-repeat: no-repeat;
    background-size: calc(max( 1.25rem, 20px ));
  }
}
@supports ( -webkit-mask-image: none ) or ( mask-image: none ) {
  .cdx-css-icon--stop {
    /* stylelint-disable plugin/no-unsupported-browser-features */
    -webkit-mask-size: calc(max( 1.25rem, 20px ));
    mask-size: calc(max( 1.25rem, 20px ));
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    /* stylelint-enable plugin/no-unsupported-browser-features */
  }
}
@supports not ( ( -webkit-mask-image: none ) or ( mask-image: none ) ) {
  .cdx-css-icon--stop {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><rect width="16" height="16" x="2" y="2" rx="1"/></svg>');
    opacity: var(--opacity-icon-base, 0.87);
  }
}
@supports ( -webkit-mask-image: none ) or ( mask-image: none ) {
  .cdx-css-icon--stop {
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><rect width="16" height="16" x="2" y="2" rx="1"/></svg>');
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><rect width="16" height="16" x="2" y="2" rx="1"/></svg>');
    background-color: var(--color-inverted, #fff);
  }
}
.form-control {
  border-radius: 2px;
}
.wikibase-queryservice {
  background-color: var(--background-color-base, #fff);
}
.action-bar .progress {
  font-size: 30px;
  height: 30px;
}
.action-bar .progress-bar {
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}
.action-bar .label {
  display: block;
  font-size: 16px;
  line-height: 20px;
}
#empty-query-error {
  color: var(--color-error, #bf3c2c);
  font-size: 1.5em;
  margin-top: 5%;
}
.error {
  font-family: monospace, monospace;
  margin: 20px;
  overflow-x: scroll;
  white-space: pre;
}
.label,
.progress {
  border-radius: 2px;
}
.label-danger {
  background: var(--color-error, #bf3c2c);
}
.graph-iframe {
  border: 0;
  height: 90vh;
  margin: 0;
  width: 100%;
}
#layout-options {
  margin-top: -35px;
  text-align: center;
}
.error-line {
  border-bottom: 2px dotted var(--border-color-error, #f54739);
}
.error-character {
  background: var(--background-color-error, #f54739);
  color: var(--color-inverted, #fff);
}
#query-result {
  width: 100%;
  /* MultiDimensionResultBrowser */
  /* MultiDimensionResultBrowser */
  /* MultiDimensionResultBrowser */
  /* Tree */
  /* Treemap */
  /* ImageGrid */
}
#query-result pre {
  background-color: inherit;
  border: 0;
  display: inline;
  font-family: serif;
  font-size: 12px;
  margin: 10px 30px;
  overflow: auto;
  tab-size: 21;
  width: 900px;
}
#query-result .foreground path {
  fill: none;
  pointer-events: none;
  stroke-opacity: 0.4;
  stroke-width: 3px;
  stroke: #222;
}
#query-result .axis line,
#query-result .axis path {
  fill: none;
  stroke-width: 1px;
  stroke: #000;
}
#query-result .axis .title {
  font-size: 8px;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(-12deg) translate(-5px, -6px);
}
#query-result .brush .extent {
  fill-opacity: 0.3;
  stroke-width: 1px;
  stroke: var(--background-color-base, #fff);
}
#query-result .jstree {
  padding: 1em;
}
#query-result .jstree-default .jstree-wholerow-hovered {
  background: var(--background-color-progressive--hover, #3056a9);
  border-radius: 2px;
  color: var(--color-inverted, #fff);
}
#query-result .jstree-default .jstree-wholerow-clicked {
  background: var(--background-color-progressive, #36c);
  border-radius: 2px;
  color: var(--color-inverted, #fff);
}
#query-result .jstree a.jstree-anchor.jstree-clicked {
  color: var(--color-inverted, #fff);
}
#query-result .labelbody {
  background: var(--background-color-transparent, transparent);
  cursor: pointer;
  overflow: hidden;
}
#query-result .img-grid {
  font-size: 0.85em;
  margin: 2em auto;
  padding: 0;
  width: 95%;
}
#response-summary {
  font-size: 100%;
}
#result-browser-menu .fa,
#result-browser-menu .glyphicon {
  padding: 0 0.5em 0 0;
}
.toolbar-label {
  position: absolute;
}
.toolbar-icon {
  position: relative;
  left: 105px;
}
.table-cell-selected {
  background-color: var(--background-color-progressive-subtle, #f1f4fd);
}
.fixed-table-pagination {
  margin-bottom: 2.5em;
}
a.item-link {
  overflow-wrap: anywhere;
}
.CodeMirror {
  border-left: 1px solid var(--border-color-subtle, #c8ccd1);
  border: 0;
  height: 100%;
}
.CodeMirror .cm-atom {
  color: #2a4b8d;
}
.CodeMirror .cm-bracket {
  color: inherit;
}
.CodeMirror .cm-builtin {
  color: #b32424;
}
.CodeMirror .cm-comment {
  color: #72777d;
}
.CodeMirror .cm-keyword {
  color: #b32424;
}
.CodeMirror .cm-operator {
  color: inherit;
}
.CodeMirror .cm-string {
  color: #ac6600;
}
.CodeMirror .cm-variable-2 {
  color: #14866d;
}
.CodeMirror-scroll {
  min-height: 320px;
}
.CodeMirror-hints {
  direction: ltr;
}
.CodeMirror-hint {
  max-width: 19em;
}
pre.CodeMirror-placeholder {
  color: var(--color-placeholder, #72777d);
}
.queryEditor {
  border: 0;
  font-family: monospace, monospace;
  min-height: 273px;
  padding: 0;
  width: 100%;
}
.exampleQueries {
  width: 160px;
}
.exampleIcons {
  width: 0;
}
iframe.shortUrl {
  border: 0;
  height: 40px;
  width: 250px;
}
div.shortUrl {
  height: 40px;
  width: 250px;
}
.dropdown-menu {
  border-radius: 2px;
}
.query-main {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.query-main > .toolbar {
  display: flex;
  flex-direction: column;
  flex: 0 0 55px;
}
.query-main > .toolbar .dropdown-menu {
  padding-left: 0.8em;
  padding-right: 0.8em;
}
.query-helper-and-editor {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
}
#query-box {
  position: relative;
}
#query-box .status {
  color: var(--color-subtle, #54595d);
  font-size: 12px;
  margin-bottom: 5px;
  min-height: 25px;
  padding: 3px;
}
#query-box .status .badge {
  border-radius: 2px;
  border: 1px solid #eaecf0;
}
#query-box .status .list-group-item-danger {
  background-color: var(--background-color-destructive-subtle, #ffe9e5);
  color: var(--color-notice, #404244);
  text-decoration-color: var(--color-notice, #404244);
}
#query-box .status .list-group-item-success {
  background-color: var(--background-color-success-subtle, #dff2eb);
  color: var(--color-notice, #404244);
  text-decoration-color: var(--color-notice, #404244);
}
#query-box .status .list-group-item-warning {
  background-color: var(--background-color-warning-subtle, #fdf2d5);
  color: var(--color-notice, #404244);
  text-decoration-color: var(--color-notice, #404244);
}
#query-box .nav {
  margin-left: 0;
}
#query-box .toolbar {
  border-right: 1px solid var(--border-color-subtle, #c8ccd1);
}
#query-box .toolbar .fa {
  font-size: 1.5em;
}
#query-box .toolbar-bottom {
  flex-grow: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#query-box .toolbar-bottom .fa {
  font-size: 1.8em;
}
#query-box .toolbar-bottom .query-action-button:first-child {
  margin-bottom: 0.5rem;
}
#query-box .toolbar-top {
  flex-grow: 1;
  opacity: 0.5;
  padding-top: 0.5em;
  text-align: center;
  visibility: hidden;
  margin-right: 4px;
}
#query-box .toolbar-top:hover {
  opacity: 1;
}
.dataUpdated > span:nth-child( 1 ) {
  padding: 5px;
}
.query-editor-container {
  flex: 1 1 auto;
  width: 100%;
}
.splitter {
  background-color: var(--background-color-progressive-subtle, #f1f4fd);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAhCAQAAABOpSL+AAAAIklEQVR4AWMwbb/PdR+JZDD9f1/oPhI5sgVGBSruc9xHIgGdSQqqQJGkRgAAAABJRU5ErkJggg== );
  /* node_modules/jquery-resizable-dom/assets/vsizegrip.png */
  background-position: center center;
  background-repeat: no-repeat;
  cursor: col-resize;
  flex: 0 0 auto;
  width: 1em;
}
.jq-toast-single a {
  border: 0;
}
.alert {
  margin-bottom: 0;
}
.popover {
  border-radius: 2px;
  max-width: 80vw;
  width: auto;
}
.popover-title {
  border-radius: 2px;
}
.dropdown-toggle .fa::before,
.dropdown-toggle .glyphicon::before {
  margin-right: 3px;
}
.nav > li {
  float: left;
}
.nav-tabs > li > a {
  border-radius: 2px 2px 0 0;
}
/**
	To allow dropdown to function normally in small screens
	and allow buttons display the same way as in full size
**/
@media (max-width: 768px) {
  .navbar-left {
    float: left !important;
    margin: 0;
  }
  .navbar-right {
    float: right !important;
  }
  .navbar-nav .open .dropdown-menu {
    background-color: var(--background-color-base, #fff);
    border: 1px solid #eaecf0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    width: auto;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .panel-body .table td {
    display: inline-block;
  }
}
/*
	editor hint style
*/
.wikibase-rdf-hint {
  border-bottom: 1px solid var(--border-color-subtle, #c8ccd1);
  white-space: normal;
}
/**
	Keyboard Shortcut Help dialog
**/
.keyboard-shortcut-help td,
.keyboard-shortcut-help th {
  padding: 8px;
  vertical-align: middle;
}
/**
	Query example dialog
**/
.QueryExamples .modal-content {
  border-radius: 2px;
  padding: 20px 15px;
}
.QueryExamples .modal-content .tag {
  background-color: var(--background-color-progressive, #36c);
  background-image: none;
  padding: 0.4em 0.6em;
  text-shadow: none;
}
.QueryExamples .modal-content .tag:hover,
.QueryExamples .modal-content .tag:active {
  background: var(--background-color-progressive, #36c);
}
.QueryExamples .modal-content .tagCloud {
  height: 200px;
  width: 100%;
}
.QueryExamples .modal-content input.tags-input {
  visibility: hidden;
}
.QueryExamples .modal-content .tagFilter {
  padding-bottom: 5px !important;
}
.QueryExamples .modal-content .exampleTable {
  border: 1px solid var(--border-color-base, #a2a9b1);
  max-height: 500px;
  overflow: hidden auto;
}
.QueryExamples .modal-content .exampleTable td {
  padding: 8px 10px;
}
.QueryExamples .modal-content .exampleTable .glyphicon-pencil {
  margin-left: 0.3em;
}
.QueryExamples .modal-content .input-group-addon {
  border-radius: 2px;
  border: 1px solid var(--border-color-base, #a2a9b1);
}
.modal-content {
  border-radius: 2px;
}
.explorer-dialog {
  position: absolute !important;
  display: none;
  z-index: 1000;
  background-color: var(--background-color-base, #fff);
  resize: both;
  overflow: none;
}
.explorer-dialog iframe {
  height: 100%;
  width: 100%;
}
.explorer-body {
  height: 100%;
  width: 100%;
  padding: 0 0 15px 0;
}
.explorer-header {
  height: 55px;
  background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
  background-repeat: repeat-x;
}
.explorer-title {
  font-size: 1.3em;
}
/* Disable resizing from all sides except bottom right corner */
.gj-resizable-e,
.gj-resizable-n,
.gj-resizable-w,
.gj-resizable-s,
.gj-resizable-nw,
.gj-resizable-ne,
.gj-resizable-sw {
  display: none;
}
.disable-selection {
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}
/**
	Code example dialog
**/
.CodeExamples .tab-content .url {
  margin: 2em;
  word-wrap: break-word;
}
/* Tag cloud, words are more @background-color-transparent when less important */
div.jqcloud {
  color: var(--color-progressive, #36c);
}
div.jqcloud a {
  color: inherit;
}
div.jqcloud a:hover {
  color: var(--color-progressive--hover, #3056a9);
}
div.jqcloud span.w10 {
  color: var(--color-progressive, #36c);
}
div.jqcloud span.w9 {
  color: rgba(51, 102, 204, 0.9);
}
div.jqcloud span.w8 {
  color: rgba(51, 102, 204, 0.8);
}
div.jqcloud span.w7 {
  color: rgba(51, 102, 204, 0.75);
}
div.jqcloud span.w6 {
  color: rgba(51, 102, 204, 0.7);
}
div.jqcloud span.w5 {
  color: rgba(51, 102, 204, 0.65);
}
div.jqcloud span.w4 {
  color: rgba(51, 102, 204, 0.6);
}
div.jqcloud span.w3 {
  color: rgba(51, 102, 204, 0.55);
}
div.jqcloud span.w2 {
  color: rgba(51, 102, 204, 0.5);
}
div.jqcloud span.w1 {
  color: rgba(51, 102, 204, 0.45);
}
.item {
  background: var(--background-color-base, #fff);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: inline-block;
  margin: 0 0.75em 1.5em;
  padding: 1em;
}
.item.hidden {
  visibility: hidden;
}
.item-row {
  width: 100%;
}
.hidden-row {
  height: 50px;
  visibility: hidden;
}
.hidden-row > .item {
  display: none;
}
.item-img {
  width: 100%;
}
.summary .glyphicon {
  display: inline;
}
.summary > div {
  height: 1.5em;
}
.summary > div > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* loading spinner */
#loading-spinner {
  color: var(--color-subtle, #54595d);
}
#loading-spinner > .fa-spinner {
  display: block;
  margin: 0 auto 20px;
}
/*
	Query Helper
*/
#query-box .query-helper {
  flex: 0 0 auto;
  max-width: 80vw;
  min-width: 300px;
  width: 30vw;
  z-index: 100;
}
#query-box .query-helper .panel {
  border: 0;
  box-shadow: none;
}
#query-box .query-helper .panel-heading {
  background: var(--background-color-base, #fff);
  border-bottom: 1px solid #eaecf0;
  padding: 8px 10px;
}
#query-box .query-helper .panel-body {
  font-size: 11pt;
  padding: 10px 0;
}
#query-box .query-helper .panel-body > span {
  padding: 10px;
}
#query-box .query-helper .panel-body-sub .query-helper-data {
  margin-bottom: 10px;
  margin-top: 10px;
  width: auto;
}
#query-box .query-helper .panel-body-sub .query-helper-data tbody > tr > td {
  padding: 6px;
}
#query-box .query-helper .panel-body-sub .query-helper-data tr {
  padding: 0.8em;
}
#query-box .query-helper .panel-body-sub .query-helper-data tr:first-child,
#query-box .query-helper .panel-body-sub .query-helper-data tr:last-child {
  border-bottom: 0;
}
#query-box .query-helper .panel-body-sub .query-helper-data tr:hover {
  background: inherit;
}
#query-box .query-helper .panel-body-sub .query-helper-data td {
  border: 0;
  vertical-align: middle;
}
#query-box .query-helper .panel-body-sub .query-helper-data .fa {
  font-size: 1.25em;
  margin: 0 6px 0 0;
  text-decoration: none;
}
#query-box .query-helper .panel-body-sub .query-helper-limit-section {
  padding: 12px;
}
#query-box .query-helper .panel-body-sub .query-helper-section {
  border-bottom: 1px solid #eaecf0;
  height: 3em;
  padding: 10px 0;
  width: 100%;
}
#query-box .query-helper .panel-body-sub .query-helper-section > tr > td:first-child {
  min-width: 95px;
  width: 0;
}
#query-box .query-helper .panel .close {
  float: inline-end;
}
#query-box .query-helper tr:hover > .toolbar {
  opacity: 1;
}
#query-box .query-helper .popover {
  min-width: 250px;
  white-space: nowrap;
}
#query-box .query-helper-hidden,
#query-box .query-helper-hidden + .splitter {
  display: none;
}
.select2-container {
  min-width: 150px;
  margin: 2px;
}
.select2-container .select2-dropdown {
  border-radius: 0 0 2px 2px;
  background: var(--background-color-interactive-subtle, #f8f9fa);
}
.select2-container .select2-results__option[aria-selected='true'] {
  background: inherit;
}
.select2-container .select2-results__option--highlighted[aria-selected] {
  background: var(--background-color-base, #fff);
  color: var(--color-base, #202122);
}
.select2-container .select2-selection--single {
  border-radius: 2px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--color-base, #202122);
}
.popover .select2-container {
  min-width: 200px;
}
/*
	ULS
*/
.nav .uls-trigger {
  display: none;
  padding-left: 30px;
}
/*
	VIS
*/
.vis-item {
  color: var(--color-base, #202122);
  padding: 15px;
}
.vis-item.vis-selected {
  background: var(--background-color-interactive, #eaecf0);
  border-color: var(--border-color-base, #a2a9b1);
  color: var(--color-emphasized, #101418);
}
.vis-item,
.vis-item.vis-line {
  background: var(--background-color-interactive-subtle, #f8f9fa);
  border-color: var(--border-color-base, #a2a9b1);
}
/* T163984 */
.vis-item.vis-range:hover {
  /*
	 * let hovered timeline ranges expand to fit their content
	 * (needs !important because width is set directly on the element)
	 */
  width: unset !important;
  /* also draw them over other, non-hovered ranges */
  z-index: 100;
}
@media (max-width: 900px) {
  .CodeMirror {
    border: 0;
    border-top: 1px solid var(--border-color-subtle, #c8ccd1);
  }
  .CodeMirror-scroll {
    min-height: 150px;
  }
  #query-box .query-helper {
    max-width: none;
    min-width: 0;
    width: 100%;
  }
  #query-box .query-helper .panel {
    margin: 0;
  }
  .query-helper-and-editor {
    flex-direction: column;
  }
  .query-helper-and-editor > .splitter {
    display: none;
  }
}
.ekko-lightbox-nav-overlay a span {
  padding: 0;
}