/* Vector controls avoid operating-system emoji styling on mobile. */
.transport-buttons #previous,
.transport-buttons #next {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ink);
  touch-action: manipulation;
}
.transport-buttons .skip-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  fill: currentColor;
  pointer-events: none;
}
.transport-buttons #previous:hover:not(:disabled),
.transport-buttons #next:hover:not(:disabled) {
  color: var(--accent);
}