/* Styles for src/components/action-bar.js and nothing else. A row of buttons. */

.action-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
  align-items: center;
  padding: var(--s-2) 0;
}
.action-bar button { min-width: 75px; }

.action-bar--sticky {
  position: sticky;
  bottom: var(--statusbar-height);
  background: var(--c-control);
  border-top: 1px solid var(--c-etched);
  margin-top: var(--s-3);
  padding: var(--s-2) 0;
  z-index: 5;
}