.TabGroup > nav {
  margin-bottom: 15px;
}
.TabGroup > nav > div {
  border-bottom: 3px solid theme-color("primary");
  line-height: normal;
}
.TabGroup > nav > div > a {
  background-color: rgba(200, 200, 200, 0.5);
  border: 1px solid #fff !important;
  border-bottom: none !important;
  color: #777 !important;
  font-size: 14px;
  margin-bottom: 0 !important;
  padding: 8px 13px 7px 13px;
  transition: all linear 100ms;
}
.TabGroup > nav > div > a.active {
  background-color: theme-color("primary") !important;
  border-color: theme-color-level("primary", 5) !important;
  box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.75), inset -1px 1px 0px rgba(255, 255, 255, 0.75);
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  transition: all linear 100ms;
}
.TabGroup > nav > div > a:hover:not(.active) {
  background-color: rgba(150, 150, 150, 0.5);
  color: #555 !important;
}

.TabGroup-layout-2 > nav {
  margin: 0 -15px 15px -15px;
}
.TabGroup-layout-2 > nav > div {
  background-color: theme-color-level("secondary", -7);
  border: none;
}
.TabGroup-layout-2 > nav > div > a {
  background-color: theme-color-level("secondary", -2.5);
  border: none !important;
  border-radius: 0 !important;
  font-size: 16px;
  padding: 12px 24px;
}
.TabGroup-layout-2 > nav > div > a.active {
  border-radius: 0;
  box-shadow: none;
}

.TabGroup-layout-3 > nav {
  margin: 0 -15px 15px -15px;
}
.TabGroup-layout-3 > nav > div {
  background-color: theme-color-level("secondary", -9.5);
  border: none;
}
.TabGroup-layout-3 > nav > div > a {
  background-color: theme-color-level("secondary", -5.5);
  border: none !important;
  border-radius: 0 !important;
  font-size: 14px;
  padding: 10px 20px;
}
.TabGroup-layout-3 > nav > div > a.active {
  background-color: theme-color-level("primary", -2) !important;
  border-radius: 0;
  box-shadow: none;
}

.TabGroup-layout-2 > .tab-content > .tab-pane > .TabGroup-layout-3:first-child {
  margin-top: -15px;
}/*# sourceMappingURL=index.css.map */