:host {
  display: flex;
  height: 100%;
  width: 100%;
}

.side-bar {
  height: 100%;
  min-width: 90px;
  width: 15%;
}

.side-bar-content {
  height: 100%;
  width: calc(100% - 15%);
}

.side-bar-tab {
  color: var(--color-ti-border-grey-02);
  font-weight: bold;
  height: calc(50% / 3);
  text-align: center;
  width: 100%;
}

.side-bar-tab.selected {
  background-color: var(--color-ti-bg-red);
  border-right: 2px solid var(--color-ti-primary-red);
  color: var(--color-ti-primary-red);
}

.iron-page {
  height: 100%;
  width: 100%;
}

.tab-icon {
  width: 40%;
  height: 70%;
}