.titleBar {
  border-bottom: 1px solid #27292c;
  background: rgb(255, 255, 255);
  opacity: 100%;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
@supports (backdrop-filter: blur(0px)) {
  .titleBar {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(24px);
  }
}

.menuBar,
.titleBar {
  padding: 16px 0;
  position: sticky;
  top: 0;
  z-index: 1;
}
.menuBar .titleBarContainer,
.titleBar .titleBarContainer {
  display: flex;
  align-items: baseline;
}
.menuBar .titleBarContainer h2,
.titleBar .titleBarContainer h2 {
  margin: 0 0 0 8px;
  font-size: 16px;
}

[data-theme=dark] .titleBar {
  border-bottom: 1px solid #27292c;
  background: rgb(0, 0, 0);
  opacity: 100%;
  box-shadow: 0 10px 15px -4px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
@supports (backdrop-filter: blur(0px)) {
  [data-theme=dark] .titleBar {
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(24px);
  }
}

@media only screen and (min-width: 992px) {
  .menuBar .titleBarContainer a.arrowLink,
.menuBar .titleBarContainer button,
.titleBar .titleBarContainer a.arrowLink,
.titleBar .titleBarContainer button {
    display: none;
  }
}

/*# sourceMappingURL=TitleBar.css.map */