/** CSS for a main page component. */

@use 'frontend/app/styles/common';

mat-sidenav-container {
  background-color: #fff;
}

mat-sidenav {
  background: transparent;
  width: 340px;
  @include common.border-right-gray
}

mat-progress-bar {
  width: 300px;
  margin: 0 auto;
}

.progress-container {
  padding: 50px;
}

.loading-message {
  width: fit-content;
  margin: 0 auto;
}

.profiler-toolbar {
  background-color: transparent;
  border-bottom: solid 1px #eee;
}

.toolbar-spacer {
  flex: 1 1 auto;
}

.version-label {
  margin-left: 16px;
}

.sidenav-toggle-button {
  cursor: pointer;
  border: none;
  background: transparent;
}
