/* BloggingEngine retro widgets — auto-linked by the engine. */

.marquee {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.marquee > *:first-child {
  display: inline-block;
  white-space: nowrap;
  padding-right: 2em;
  will-change: transform;
  animation: blogging-marquee 18s linear infinite;
}
@keyframes blogging-marquee {
  from { transform: translateX(100vw); }
  to { transform: translateX(-100%); }
}

.blink {
  animation: blogging-blink 1s steps(2, start) infinite;
}
@keyframes blogging-blink {
  to { visibility: hidden; }
}

#hitcounter {
  font-family: "Courier New", Courier, monospace;
  letter-spacing: 0.1em;
  margin-top: 1.5em;
  font-size: 0.9em;
}

.themepicker {
  background: #000;
  color: #38bdf6;
  font-family: "Courier New", Courier, monospace;
  font-size: 0.85em;
  padding: 2px 8px;
  border-top: 1px dotted #38bdf6;
}
.themepicker label {
  color: #38bdf6;
}
.themepicker select {
  background: #000;
  color: #38bdf6;
  font-family: "Courier New", Courier, monospace;
  font-size: 0.95em;
  border: 1px solid #38bdf6;
}

.tagfilter {
  margin-bottom: 0.8em;
}
.tagchips {
  font-size: 0.8em;
}
.year {
  margin: 1.2em 0 0.2em 0;
}
.month {
  margin: 0.5em 0 0.2em 0;
}

@media (prefers-reduced-motion: reduce) {
  .marquee > *:first-child,
  .blink {
    animation: none;
  }
  .marquee > *:first-child {
    transform: none;
  }
}