.eira-icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.demo-warning { border-color: var(--pico-del-color); }
.audio-status { display: block; margin-top: .5rem; }
.demo-note { color: var(--pico-muted-color); font-size: .9rem; }

.nav-icon,
.heading-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  color: currentColor;
  vertical-align: -.2rem;
}

.heading-icon {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: .45rem;
  color: var(--pico-primary);
}

.io-badge .io-arrow {
  display: block;
  width: 2rem;
  height: 2rem;
  color: var(--pico-primary);
}

.demo-page-pending {
  opacity: .55;
  cursor: default;
}

select:disabled,
input:disabled,
button:disabled { opacity: .55; }