.list-group {
  --base-list-group-color: #fff;
  --base-list-group-bg: transparent;
  --base-list-group-border-color: transparent;
  --base-list-group-border-width: 2px;
  --base-list-group-border-radius: 0;
  --base-list-group-item-padding-x: 0.5rem;
  --base-list-group-item-padding-y: 0.5rem;
  --base-list-group-action-color: var(--base-secondary-color);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-tertiary-bg);
  --base-list-group-action-active-color: var(--base-body-color);
  --base-list-group-action-active-bg: var(--base-secondary-bg);
  --base-list-group-disabled-color: var(--base-secondary-color);
  --base-list-group-disabled-bg: transparent;
  --base-list-group-active-color: #fff;
  --base-list-group-active-bg: #002ac2;
  --base-list-group-active-border-color: #002ac2;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--base-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--base-list-group-item-padding-y) var(--base-list-group-item-padding-x);
  color: var(--base-list-group-color);
  text-decoration: none;
  background-color: var(--base-list-group-bg);
  border: var(--base-list-group-border-width) solid var(--base-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--base-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--base-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--base-list-group-active-color);
  background-color: var(--base-list-group-active-bg);
  border-color: var(--base-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--base-list-group-border-width));
  border-top-width: var(--base-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--base-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--base-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--base-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--base-list-group-action-active-color);
  background-color: var(--base-list-group-action-active-bg);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--base-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--base-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--base-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--base-list-group-border-width));
  border-left-width: var(--base-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--base-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--base-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--base-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--base-list-group-border-width));
    border-left-width: var(--base-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--base-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--base-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--base-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--base-list-group-border-width));
    border-left-width: var(--base-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--base-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--base-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--base-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--base-list-group-border-width));
    border-left-width: var(--base-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--base-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--base-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--base-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--base-list-group-border-width));
    border-left-width: var(--base-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--base-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--base-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--base-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--base-list-group-border-width));
    border-left-width: var(--base-list-group-border-width);
  }
}
@media (min-width: 1399px) {
  .list-group-horizontal-menu-breakpoint {
    flex-direction: row;
  }
  .list-group-horizontal-menu-breakpoint > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--base-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-menu-breakpoint > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--base-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-menu-breakpoint > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-menu-breakpoint > .list-group-item + .list-group-item {
    border-top-width: var(--base-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-menu-breakpoint > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--base-list-group-border-width));
    border-left-width: var(--base-list-group-border-width);
  }
}
@media (min-width: 1600px) {
  .list-group-horizontal-3xl {
    flex-direction: row;
  }
  .list-group-horizontal-3xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--base-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-3xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--base-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-3xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-3xl > .list-group-item + .list-group-item {
    border-top-width: var(--base-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-3xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--base-list-group-border-width));
    border-left-width: var(--base-list-group-border-width);
  }
}
@media (min-width: 1800px) {
  .list-group-horizontal-4xl {
    flex-direction: row;
  }
  .list-group-horizontal-4xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--base-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-4xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--base-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-4xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-4xl > .list-group-item + .list-group-item {
    border-top-width: var(--base-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-4xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--base-list-group-border-width));
    border-left-width: var(--base-list-group-border-width);
  }
}
@media (min-width: 1920px) {
  .list-group-horizontal-5xl {
    flex-direction: row;
  }
  .list-group-horizontal-5xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--base-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-5xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--base-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-5xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-5xl > .list-group-item + .list-group-item {
    border-top-width: var(--base-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-5xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--base-list-group-border-width));
    border-left-width: var(--base-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--base-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --base-list-group-color: var(--base-primary-text-emphasis);
  --base-list-group-bg: var(--base-primary-bg-subtle);
  --base-list-group-border-color: var(--base-primary-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-primary-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-primary-border-subtle);
  --base-list-group-active-color: var(--base-primary-bg-subtle);
  --base-list-group-active-bg: var(--base-primary-text-emphasis);
  --base-list-group-active-border-color: var(--base-primary-text-emphasis);
}

.list-group-item-secondary {
  --base-list-group-color: var(--base-secondary-text-emphasis);
  --base-list-group-bg: var(--base-secondary-bg-subtle);
  --base-list-group-border-color: var(--base-secondary-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-secondary-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-secondary-border-subtle);
  --base-list-group-active-color: var(--base-secondary-bg-subtle);
  --base-list-group-active-bg: var(--base-secondary-text-emphasis);
  --base-list-group-active-border-color: var(--base-secondary-text-emphasis);
}

.list-group-item-success {
  --base-list-group-color: var(--base-success-text-emphasis);
  --base-list-group-bg: var(--base-success-bg-subtle);
  --base-list-group-border-color: var(--base-success-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-success-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-success-border-subtle);
  --base-list-group-active-color: var(--base-success-bg-subtle);
  --base-list-group-active-bg: var(--base-success-text-emphasis);
  --base-list-group-active-border-color: var(--base-success-text-emphasis);
}

.list-group-item-info {
  --base-list-group-color: var(--base-info-text-emphasis);
  --base-list-group-bg: var(--base-info-bg-subtle);
  --base-list-group-border-color: var(--base-info-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-info-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-info-border-subtle);
  --base-list-group-active-color: var(--base-info-bg-subtle);
  --base-list-group-active-bg: var(--base-info-text-emphasis);
  --base-list-group-active-border-color: var(--base-info-text-emphasis);
}

.list-group-item-warning {
  --base-list-group-color: var(--base-warning-text-emphasis);
  --base-list-group-bg: var(--base-warning-bg-subtle);
  --base-list-group-border-color: var(--base-warning-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-warning-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-warning-border-subtle);
  --base-list-group-active-color: var(--base-warning-bg-subtle);
  --base-list-group-active-bg: var(--base-warning-text-emphasis);
  --base-list-group-active-border-color: var(--base-warning-text-emphasis);
}

.list-group-item-danger {
  --base-list-group-color: var(--base-danger-text-emphasis);
  --base-list-group-bg: var(--base-danger-bg-subtle);
  --base-list-group-border-color: var(--base-danger-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-danger-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-danger-border-subtle);
  --base-list-group-active-color: var(--base-danger-bg-subtle);
  --base-list-group-active-bg: var(--base-danger-text-emphasis);
  --base-list-group-active-border-color: var(--base-danger-text-emphasis);
}

.list-group-item-light {
  --base-list-group-color: var(--base-light-text-emphasis);
  --base-list-group-bg: var(--base-light-bg-subtle);
  --base-list-group-border-color: var(--base-light-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-light-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-light-border-subtle);
  --base-list-group-active-color: var(--base-light-bg-subtle);
  --base-list-group-active-bg: var(--base-light-text-emphasis);
  --base-list-group-active-border-color: var(--base-light-text-emphasis);
}

.list-group-item-dark {
  --base-list-group-color: var(--base-dark-text-emphasis);
  --base-list-group-bg: var(--base-dark-bg-subtle);
  --base-list-group-border-color: var(--base-dark-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-dark-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-dark-border-subtle);
  --base-list-group-active-color: var(--base-dark-bg-subtle);
  --base-list-group-active-bg: var(--base-dark-text-emphasis);
  --base-list-group-active-border-color: var(--base-dark-text-emphasis);
}

.list-group-item-default {
  --base-list-group-color: var(--base-default-text-emphasis);
  --base-list-group-bg: var(--base-default-bg-subtle);
  --base-list-group-border-color: var(--base-default-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-default-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-default-border-subtle);
  --base-list-group-active-color: var(--base-default-bg-subtle);
  --base-list-group-active-bg: var(--base-default-text-emphasis);
  --base-list-group-active-border-color: var(--base-default-text-emphasis);
}

.list-group-item-gray {
  --base-list-group-color: var(--base-gray-text-emphasis);
  --base-list-group-bg: var(--base-gray-bg-subtle);
  --base-list-group-border-color: var(--base-gray-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-gray-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-gray-border-subtle);
  --base-list-group-active-color: var(--base-gray-bg-subtle);
  --base-list-group-active-bg: var(--base-gray-text-emphasis);
  --base-list-group-active-border-color: var(--base-gray-text-emphasis);
}

.list-group-item-gray-darker {
  --base-list-group-color: var(--base-gray-darker-text-emphasis);
  --base-list-group-bg: var(--base-gray-darker-bg-subtle);
  --base-list-group-border-color: var(--base-gray-darker-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-gray-darker-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-gray-darker-border-subtle);
  --base-list-group-active-color: var(--base-gray-darker-bg-subtle);
  --base-list-group-active-bg: var(--base-gray-darker-text-emphasis);
  --base-list-group-active-border-color: var(--base-gray-darker-text-emphasis);
}

.list-group-item-gray-dark {
  --base-list-group-color: var(--base-gray-dark-text-emphasis);
  --base-list-group-bg: var(--base-gray-dark-bg-subtle);
  --base-list-group-border-color: var(--base-gray-dark-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-gray-dark-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-gray-dark-border-subtle);
  --base-list-group-active-color: var(--base-gray-dark-bg-subtle);
  --base-list-group-active-bg: var(--base-gray-dark-text-emphasis);
  --base-list-group-active-border-color: var(--base-gray-dark-text-emphasis);
}

.list-group-item-gray-light {
  --base-list-group-color: var(--base-gray-light-text-emphasis);
  --base-list-group-bg: var(--base-gray-light-bg-subtle);
  --base-list-group-border-color: var(--base-gray-light-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-gray-light-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-gray-light-border-subtle);
  --base-list-group-active-color: var(--base-gray-light-bg-subtle);
  --base-list-group-active-bg: var(--base-gray-light-text-emphasis);
  --base-list-group-active-border-color: var(--base-gray-light-text-emphasis);
}

.list-group-item-gray-lighter {
  --base-list-group-color: var(--base-gray-lighter-text-emphasis);
  --base-list-group-bg: var(--base-gray-lighter-bg-subtle);
  --base-list-group-border-color: var(--base-gray-lighter-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-gray-lighter-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-gray-lighter-border-subtle);
  --base-list-group-active-color: var(--base-gray-lighter-bg-subtle);
  --base-list-group-active-bg: var(--base-gray-lighter-text-emphasis);
  --base-list-group-active-border-color: var(--base-gray-lighter-text-emphasis);
}

.list-group-item-primary-darker {
  --base-list-group-color: var(--base-primary-darker-text-emphasis);
  --base-list-group-bg: var(--base-primary-darker-bg-subtle);
  --base-list-group-border-color: var(--base-primary-darker-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-primary-darker-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-primary-darker-border-subtle);
  --base-list-group-active-color: var(--base-primary-darker-bg-subtle);
  --base-list-group-active-bg: var(--base-primary-darker-text-emphasis);
  --base-list-group-active-border-color: var(--base-primary-darker-text-emphasis);
}

.list-group-item-primary-dark {
  --base-list-group-color: var(--base-primary-dark-text-emphasis);
  --base-list-group-bg: var(--base-primary-dark-bg-subtle);
  --base-list-group-border-color: var(--base-primary-dark-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-primary-dark-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-primary-dark-border-subtle);
  --base-list-group-active-color: var(--base-primary-dark-bg-subtle);
  --base-list-group-active-bg: var(--base-primary-dark-text-emphasis);
  --base-list-group-active-border-color: var(--base-primary-dark-text-emphasis);
}

.list-group-item-primary-light {
  --base-list-group-color: var(--base-primary-light-text-emphasis);
  --base-list-group-bg: var(--base-primary-light-bg-subtle);
  --base-list-group-border-color: var(--base-primary-light-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-primary-light-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-primary-light-border-subtle);
  --base-list-group-active-color: var(--base-primary-light-bg-subtle);
  --base-list-group-active-bg: var(--base-primary-light-text-emphasis);
  --base-list-group-active-border-color: var(--base-primary-light-text-emphasis);
}

.list-group-item-primary-lighter {
  --base-list-group-color: var(--base-primary-lighter-text-emphasis);
  --base-list-group-bg: var(--base-primary-lighter-bg-subtle);
  --base-list-group-border-color: var(--base-primary-lighter-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-primary-lighter-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-primary-lighter-border-subtle);
  --base-list-group-active-color: var(--base-primary-lighter-bg-subtle);
  --base-list-group-active-bg: var(--base-primary-lighter-text-emphasis);
  --base-list-group-active-border-color: var(--base-primary-lighter-text-emphasis);
}

.list-group-item-secondary-darker {
  --base-list-group-color: var(--base-secondary-darker-text-emphasis);
  --base-list-group-bg: var(--base-secondary-darker-bg-subtle);
  --base-list-group-border-color: var(--base-secondary-darker-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-secondary-darker-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-secondary-darker-border-subtle);
  --base-list-group-active-color: var(--base-secondary-darker-bg-subtle);
  --base-list-group-active-bg: var(--base-secondary-darker-text-emphasis);
  --base-list-group-active-border-color: var(--base-secondary-darker-text-emphasis);
}

.list-group-item-secondary-dark {
  --base-list-group-color: var(--base-secondary-dark-text-emphasis);
  --base-list-group-bg: var(--base-secondary-dark-bg-subtle);
  --base-list-group-border-color: var(--base-secondary-dark-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-secondary-dark-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-secondary-dark-border-subtle);
  --base-list-group-active-color: var(--base-secondary-dark-bg-subtle);
  --base-list-group-active-bg: var(--base-secondary-dark-text-emphasis);
  --base-list-group-active-border-color: var(--base-secondary-dark-text-emphasis);
}

.list-group-item-secondary-light {
  --base-list-group-color: var(--base-secondary-light-text-emphasis);
  --base-list-group-bg: var(--base-secondary-light-bg-subtle);
  --base-list-group-border-color: var(--base-secondary-light-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-secondary-light-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-secondary-light-border-subtle);
  --base-list-group-active-color: var(--base-secondary-light-bg-subtle);
  --base-list-group-active-bg: var(--base-secondary-light-text-emphasis);
  --base-list-group-active-border-color: var(--base-secondary-light-text-emphasis);
}

.list-group-item-secondary-lighter {
  --base-list-group-color: var(--base-secondary-lighter-text-emphasis);
  --base-list-group-bg: var(--base-secondary-lighter-bg-subtle);
  --base-list-group-border-color: var(--base-secondary-lighter-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-secondary-lighter-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-secondary-lighter-border-subtle);
  --base-list-group-active-color: var(--base-secondary-lighter-bg-subtle);
  --base-list-group-active-bg: var(--base-secondary-lighter-text-emphasis);
  --base-list-group-active-border-color: var(--base-secondary-lighter-text-emphasis);
}

.list-group-item-success-darker {
  --base-list-group-color: var(--base-success-darker-text-emphasis);
  --base-list-group-bg: var(--base-success-darker-bg-subtle);
  --base-list-group-border-color: var(--base-success-darker-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-success-darker-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-success-darker-border-subtle);
  --base-list-group-active-color: var(--base-success-darker-bg-subtle);
  --base-list-group-active-bg: var(--base-success-darker-text-emphasis);
  --base-list-group-active-border-color: var(--base-success-darker-text-emphasis);
}

.list-group-item-success-dark {
  --base-list-group-color: var(--base-success-dark-text-emphasis);
  --base-list-group-bg: var(--base-success-dark-bg-subtle);
  --base-list-group-border-color: var(--base-success-dark-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-success-dark-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-success-dark-border-subtle);
  --base-list-group-active-color: var(--base-success-dark-bg-subtle);
  --base-list-group-active-bg: var(--base-success-dark-text-emphasis);
  --base-list-group-active-border-color: var(--base-success-dark-text-emphasis);
}

.list-group-item-success-light {
  --base-list-group-color: var(--base-success-light-text-emphasis);
  --base-list-group-bg: var(--base-success-light-bg-subtle);
  --base-list-group-border-color: var(--base-success-light-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-success-light-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-success-light-border-subtle);
  --base-list-group-active-color: var(--base-success-light-bg-subtle);
  --base-list-group-active-bg: var(--base-success-light-text-emphasis);
  --base-list-group-active-border-color: var(--base-success-light-text-emphasis);
}

.list-group-item-success-lighter {
  --base-list-group-color: var(--base-success-lighter-text-emphasis);
  --base-list-group-bg: var(--base-success-lighter-bg-subtle);
  --base-list-group-border-color: var(--base-success-lighter-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-success-lighter-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-success-lighter-border-subtle);
  --base-list-group-active-color: var(--base-success-lighter-bg-subtle);
  --base-list-group-active-bg: var(--base-success-lighter-text-emphasis);
  --base-list-group-active-border-color: var(--base-success-lighter-text-emphasis);
}

.list-group-item-warning-darker {
  --base-list-group-color: var(--base-warning-darker-text-emphasis);
  --base-list-group-bg: var(--base-warning-darker-bg-subtle);
  --base-list-group-border-color: var(--base-warning-darker-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-warning-darker-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-warning-darker-border-subtle);
  --base-list-group-active-color: var(--base-warning-darker-bg-subtle);
  --base-list-group-active-bg: var(--base-warning-darker-text-emphasis);
  --base-list-group-active-border-color: var(--base-warning-darker-text-emphasis);
}

.list-group-item-warning-dark {
  --base-list-group-color: var(--base-warning-dark-text-emphasis);
  --base-list-group-bg: var(--base-warning-dark-bg-subtle);
  --base-list-group-border-color: var(--base-warning-dark-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-warning-dark-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-warning-dark-border-subtle);
  --base-list-group-active-color: var(--base-warning-dark-bg-subtle);
  --base-list-group-active-bg: var(--base-warning-dark-text-emphasis);
  --base-list-group-active-border-color: var(--base-warning-dark-text-emphasis);
}

.list-group-item-warning-light {
  --base-list-group-color: var(--base-warning-light-text-emphasis);
  --base-list-group-bg: var(--base-warning-light-bg-subtle);
  --base-list-group-border-color: var(--base-warning-light-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-warning-light-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-warning-light-border-subtle);
  --base-list-group-active-color: var(--base-warning-light-bg-subtle);
  --base-list-group-active-bg: var(--base-warning-light-text-emphasis);
  --base-list-group-active-border-color: var(--base-warning-light-text-emphasis);
}

.list-group-item-warning-lighter {
  --base-list-group-color: var(--base-warning-lighter-text-emphasis);
  --base-list-group-bg: var(--base-warning-lighter-bg-subtle);
  --base-list-group-border-color: var(--base-warning-lighter-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-warning-lighter-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-warning-lighter-border-subtle);
  --base-list-group-active-color: var(--base-warning-lighter-bg-subtle);
  --base-list-group-active-bg: var(--base-warning-lighter-text-emphasis);
  --base-list-group-active-border-color: var(--base-warning-lighter-text-emphasis);
}

.list-group-item-danger-darker {
  --base-list-group-color: var(--base-danger-darker-text-emphasis);
  --base-list-group-bg: var(--base-danger-darker-bg-subtle);
  --base-list-group-border-color: var(--base-danger-darker-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-danger-darker-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-danger-darker-border-subtle);
  --base-list-group-active-color: var(--base-danger-darker-bg-subtle);
  --base-list-group-active-bg: var(--base-danger-darker-text-emphasis);
  --base-list-group-active-border-color: var(--base-danger-darker-text-emphasis);
}

.list-group-item-danger-dark {
  --base-list-group-color: var(--base-danger-dark-text-emphasis);
  --base-list-group-bg: var(--base-danger-dark-bg-subtle);
  --base-list-group-border-color: var(--base-danger-dark-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-danger-dark-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-danger-dark-border-subtle);
  --base-list-group-active-color: var(--base-danger-dark-bg-subtle);
  --base-list-group-active-bg: var(--base-danger-dark-text-emphasis);
  --base-list-group-active-border-color: var(--base-danger-dark-text-emphasis);
}

.list-group-item-danger-light {
  --base-list-group-color: var(--base-danger-light-text-emphasis);
  --base-list-group-bg: var(--base-danger-light-bg-subtle);
  --base-list-group-border-color: var(--base-danger-light-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-danger-light-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-danger-light-border-subtle);
  --base-list-group-active-color: var(--base-danger-light-bg-subtle);
  --base-list-group-active-bg: var(--base-danger-light-text-emphasis);
  --base-list-group-active-border-color: var(--base-danger-light-text-emphasis);
}

.list-group-item-danger-lighter {
  --base-list-group-color: var(--base-danger-lighter-text-emphasis);
  --base-list-group-bg: var(--base-danger-lighter-bg-subtle);
  --base-list-group-border-color: var(--base-danger-lighter-border-subtle);
  --base-list-group-action-hover-color: var(--base-emphasis-color);
  --base-list-group-action-hover-bg: var(--base-danger-lighter-border-subtle);
  --base-list-group-action-active-color: var(--base-emphasis-color);
  --base-list-group-action-active-bg: var(--base-danger-lighter-border-subtle);
  --base-list-group-active-color: var(--base-danger-lighter-bg-subtle);
  --base-list-group-active-bg: var(--base-danger-lighter-text-emphasis);
  --base-list-group-active-border-color: var(--base-danger-lighter-text-emphasis);
}