:root {
  --animate-duration: 1s;
}

:host {
  display: block;
}

.b2b-group-pointer {
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-radius: 16px;
  cursor: pointer;
}

.b2b-group-font {
  font-size: 16px !important;
  line-height: 21px !important;
}

.b2b-group-size-color {
  color: var(--sdx-color-gray-tint-7);
  font-size: 16px !important;
}

.group-active .b2b-group-size-color {
  color: var(--sdx-color-azure--active);
}
.group-active {
  color: var(--sdx-color-azure--active);
  background-color: var(--sdx-color-aluminum-tint-2);
}