.view-controls {
  padding-top: var(--space--base);
  padding-bottom: var(--space--base);
  gap: var(--space--base);
  
  .phosphor-icon {
    color: var(--color--not-a11y-icon)
  }
  
  .control-group {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space--x-small);
    
    /* Todo invert these */
    a {
      text-decoration: none;
    }
    .selected {
      font-weight: var(--font-weight--medium)
    }
    .not-selected {
      color: var(--color--aa-text);
      /* font-weight: var(--font-weight--medium) */
    }
  }
}