.material-symbols-rounded {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

:host {
  display: block;
}

.tab-bar {
  display: flex;
  height: 52px;
}
.tab-bar > .left-navigation, .tab-bar > .right-navigation {
  padding: 14px 8px;
  cursor: pointer;
}
.tab-bar > .left-navigation > *, .tab-bar > .right-navigation > * {
  height: 24px;
  width: 24px;
  cursor: pointer;
}
.tab-bar > .tabs-container {
  display: flex;
  border-bottom: 1px solid #d5d5d5;
}
.tab-bar > .tabs-container.wide {
  flex-grow: 1;
}
.tab-bar > .tabs-container > *[role=tab] {
  padding: 18px 16px;
  line-height: 16.408px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  user-select: none;
  color: #757575;
  cursor: pointer;
}
.tab-bar > .tabs-container > *[role=tab]:hover {
  background-color: rgba(17, 17, 17, 0.05);
}
.tab-bar > .tabs-container > *[role=tab][aria-selected] {
  color: #212121;
  cursor: default;
  border-bottom: 3px solid #1579c6;
}