/* FW2-A11Y-002..006: focused affordances for the Flywheel workspace. */

.flywheel-view-navigation {
  display: block;
}

.flywheel-viz-tab[aria-selected="true"] {
  border-bottom: 3px solid currentColor;
}

.flywheel-viz-tab:focus-visible,
.fw2-a11y-spin-input:focus-visible,
#page-1 input[type="range"]:focus-visible {
  outline: 3px solid Highlight;
  outline-offset: 3px;
}

.fw2-a11y-slider-alternative {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.35rem 0 0.6rem;
  color: var(--text, #f1f5f9);
  font-size: 0.8rem;
  font-weight: 650;
}

.fw2-a11y-spin-input {
  width: 5.5rem;
  min-height: 2.25rem;
  border: 2px solid currentColor;
  border-radius: 0.35rem;
  background: Canvas;
  color: CanvasText;
  padding: 0.25rem 0.4rem;
}