:host {
  font-family: Roboto;
}

.flex-box {
  display: flex;
}

.flex-vc {
  align-items: center;
}

.nav-holder {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.nav-splitter {
  width: 54px;
  height: 1px;
  background-color: var(--color-ti-bg-light-grey);
}

.nav-tab {
  color: var(--color-ti-text-grey-light);
  text-transform: uppercase;
}

.nav-tab.active {
  cursor: pointer;
}

.nav-tab.deactive {
  pointer-events: none;
}

.nav-tab.deactive.disable,
.nav-tab.disable {
  pointer-events: none;
}

.nav-tab.iron-selected {
  color: var(--color-ti-secondary-red);
  font-weight: bold;
}