pr-appbar {
  width: 100%;
  height: 3rem;
  display: flex;
  background: var(--c-app-bar);
  color: var(--c-heading);
  border-bottom: 1px solid var(--c-border);
}
pr-appbar h1 {
  font-size: var(--font-size-large);
  color: var(--c-text);
  flex: 1;
  margin-left: 1rem;
}
pr-appbar .form-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
pr-appbar pragma-icon-button {
  width: 3rem;
  height: 3rem;
}
pr-appbar pragma-icon-button svg {
  width: 1.5rem;
  height: 1.5rem;
}
pr-appbar svg {
  fill: var(--c-icon);
}
pr-appbar .active {
  background: var(--c-icon-active-bg);
}
pr-appbar .active svg {
  fill: var(--c-icon-active);
}
pr-appbar pragma-icon-button[aria-disabled=true] {
  background: none;
  cursor: not-allowed;
}
pr-appbar pragma-icon-button[aria-disabled=true] svg {
  fill: var(--c-disabled);
}
pr-appbar pragma-icon-button[aria-disabled=true]:hover {
  background: none;
}
pr-appbar pr-overflow-toolbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  pr-appbar pr-overflow-toolbar {
    display: flex;
  }
}