.mwnt-bar {
	--mwnt-bg: #111;
	--mwnt-text: #fff;
	--mwnt-link: #ffd400;
	--mwnt-btn-bg: #ffd400;
	--mwnt-btn-text: #111;
	--mwnt-label-bg: #ffd400;
	--mwnt-label-text: #111;
	--mwnt-font: 15px;
	--mwnt-h: 44px;
	--mwnt-duration: 30s;

	box-sizing: border-box;
	display: flex;
	align-items: stretch;
	width: 100%;
	height: var(--mwnt-h);
	background: var(--mwnt-bg);
	color: var(--mwnt-text);
	font-size: var(--mwnt-font);
	line-height: 1.2;
	overflow: hidden;
	z-index: 99990;
}
.mwnt-bar *,
.mwnt-bar *::before,
.mwnt-bar *::after { box-sizing: border-box; }

/* Placement */
.mwnt-sticky { position: fixed; left: 0; right: 0; }
.mwnt-sticky.mwnt-top { top: 0; }
.mwnt-sticky.mwnt-bottom { bottom: 0; }
.mwnt-static { position: relative; }

body.admin-bar .mwnt-sticky.mwnt-top { top: 32px; }
@media screen and (max-width: 782px) {
	body.admin-bar .mwnt-sticky.mwnt-top { top: 46px; }
}
@media screen and (max-width: 600px) {
	body.admin-bar .mwnt-sticky.mwnt-top { top: 0; }
}

/* Room for a fixed bar so it never covers page content */
body.mwnt-offset-top { padding-top: var(--mwnt-offset, 0px) !important; }
body.mwnt-offset-bottom { padding-bottom: var(--mwnt-offset, 0px) !important; }

/* Label badge */
.mwnt-label {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	padding: 0 1em;
	background: var(--mwnt-label-bg);
	color: var(--mwnt-label-text);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	font-size: .85em;
	white-space: nowrap;
	position: relative;
	z-index: 2;
}

/* Scrolling area */
.mwnt-viewport {
	flex: 1 1 auto;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
	        mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
}
.mwnt-track {
	display: flex;
	flex-wrap: nowrap;
	width: max-content;
	will-change: transform;
	animation: mwnt-scroll var(--mwnt-duration) linear infinite;
}
.mwnt-ready .mwnt-track { animation-play-state: running; }
.mwnt-group {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	white-space: nowrap;
	padding-left: 1.5em;
}
@keyframes mwnt-scroll {
	from { transform: translate3d(0, 0, 0); }
	to   { transform: translate3d(-50%, 0, 0); }
}
.mwnt-pausable:hover .mwnt-track,
.mwnt-pausable:focus-within .mwnt-track,
.mwnt-bar.mwnt-paused .mwnt-track { animation-play-state: paused; }

/* Items */
.mwnt-item { display: inline-flex; align-items: center; gap: .75em; }
.mwnt-text { color: var(--mwnt-text); }
.mwnt-bar a.mwnt-link {
	color: var(--mwnt-link);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color .15s;
}
.mwnt-bar a.mwnt-link:hover,
.mwnt-bar a.mwnt-link:focus-visible { border-bottom-color: currentColor; }
.mwnt-bar a.mwnt-btn {
	display: inline-block;
	padding: .35em .9em;
	border-radius: 999px;
	background: var(--mwnt-btn-bg);
	color: var(--mwnt-btn-text);
	font-size: .85em;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.2;
	transition: transform .15s, filter .15s;
}
.mwnt-bar a.mwnt-btn:hover,
.mwnt-bar a.mwnt-btn:focus-visible { filter: brightness(1.08); transform: translateY(-1px); }
.mwnt-bar a:focus-visible { outline: 2px solid var(--mwnt-link); outline-offset: 2px; }
.mwnt-sep { margin: 0 1.5em; opacity: .6; }

/* Pause / play button */
.mwnt-toggle {
	flex: 0 0 auto;
	width: var(--mwnt-h);
	max-width: 44px;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	color: var(--mwnt-text);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .7;
}
.mwnt-toggle:hover,
.mwnt-toggle:focus-visible { opacity: 1; }
.mwnt-toggle:focus-visible { outline: 2px solid var(--mwnt-link); outline-offset: -4px; }
.mwnt-icon-pause,
.mwnt-icon-play { display: block; width: 10px; height: 12px; }
.mwnt-icon-pause { border-left: 3px solid currentColor; border-right: 3px solid currentColor; }
.mwnt-icon-play {
	width: 0; height: 0;
	border-left: 10px solid currentColor;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

@media print {
	.mwnt-bar { display: none !important; }
}