[data-component~="components/layouts/bar"] {
  display: flex;
  align-items: center;
  height: 3.5rem;
  padding: 1rem;
  > [data-component~="components/icon"] {
    @media (width >= 768px) {
      font-size: var(--font-xl);
    }
  }
}