/* The moving bar on the front page, for the site and for the admin's preview; ticker.js sets the --mq- values from the admin's settings */
.ff-mq { --mq-s: 1; position: relative; z-index: 2; overflow: hidden; white-space: nowrap; padding: calc(var(--mq-pad) * var(--mq-s)) 0; background: var(--mq-bg); border-bottom: 1px solid var(--mq-edge); }
.ff-mq[hidden] { display: none; }
.ff-mqw { display: inline-flex; }
.ff-mqt { display: inline-flex; align-items: center; gap: calc(var(--mq-size) * var(--mq-s) * .95); padding-right: calc(var(--mq-size) * var(--mq-s) * .95); animation: ffmq var(--mq-time) linear infinite; }
.mq-right .ff-mqt { animation-direction: reverse; }
.mq-pause:hover .ff-mqt, .ff-mq:focus-within .ff-mqt { animation-play-state: paused; }
@keyframes ffmq { to { transform: translateX(-100%); } }

.ff-mq .mq-w { font-family: var(--mq-font); font-weight: var(--mq-weight); font-size: calc(var(--mq-size) * var(--mq-s)); line-height: 1.1; text-decoration: none; transition: color .25s ease; }
.mq-f-title { --mq-font: "Cinzel", "Trajan Pro", Georgia, serif; --mq-weight: 800; }
.mq-f-old { --mq-font: "Marcellus", Georgia, serif; --mq-weight: 400; }
.mq-f-plain { --mq-font: "Alegreya Sans", "Segoe UI", sans-serif; --mq-weight: 700; }

.ff-mq.mq-outline .mq-w { color: transparent; -webkit-text-stroke: 1px var(--mq-line); }
.ff-mq.mq-outline .mq-w:hover, .ff-mq.mq-outline .mq-w:focus-visible { color: var(--mq-ink); }
.ff-mq.mq-solid .mq-w { color: var(--mq-ink); }
.ff-mq.mq-glow .mq-w { color: var(--mq-ink); text-shadow: 0 0 .45em var(--mq-line); }
.ff-mq.mq-gilded .mq-w { padding-bottom: .12em; color: transparent; background: linear-gradient(180deg, #fff 8%, var(--mq-ink) 58%, var(--mq-line)); -webkit-background-clip: text; background-clip: text; }

.ff-mqt i { flex: none; width: calc(var(--mq-size) * var(--mq-s) * .26); height: calc(var(--mq-size) * var(--mq-s) * .26); background: var(--mq-mark); }
.mq-s-diamond .ff-mqt i { transform: rotate(45deg); box-shadow: 0 0 12px var(--mq-halo); }
.mq-s-dot .ff-mqt i { border-radius: 50%; box-shadow: 0 0 12px var(--mq-halo); }
.mq-s-line .ff-mqt i { width: 2px; height: calc(var(--mq-size) * var(--mq-s) * .8); }
.mq-s-star .ff-mqt i { width: calc(var(--mq-size) * var(--mq-s) * .5); height: calc(var(--mq-size) * var(--mq-s) * .5); clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); }

@media (max-width: 820px) { .ff-mq { --mq-s: .6; } }
@media (prefers-reduced-motion: reduce) { .ff-mqt { animation: none; } }