/* The tour's look: a marker-yellow glow on the part being explained, the site's blue on the buttons. */
.driver-active-element {
	animation: sc-mark 1.6s ease-in-out infinite;
	border-radius: 10px;
}
@keyframes sc-mark {
	0%, 100% { box-shadow: 0 0 0 3px #ffd43b, 0 0 0 9px rgba(255, 212, 59, 0.25); }
	50% { box-shadow: 0 0 0 3px #ffd43b, 0 0 0 16px rgba(255, 212, 59, 0); }
}
@media (prefers-reduced-motion: reduce) {
	.driver-active-element { animation: none; box-shadow: 0 0 0 3px #ffd43b; }
}
.driver-popover.sc-tour {
	font-family: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	max-width: 340px;
	border-radius: 10px;
	padding: 16px 18px;
}
.driver-popover.sc-tour .driver-popover-title { font-size: 17px; font-weight: 700; }
.driver-popover.sc-tour .driver-popover-description { font-size: 14px; line-height: 1.55; }
.driver-popover.sc-tour .driver-popover-footer button {
	font: 600 13px inherit;
	text-shadow: none;
	border-radius: 6px;
	padding: 6px 12px;
}
.driver-popover.sc-tour .sc-tour-play {
	background: none;
	border: 1px solid #c9ced8;
	color: inherit;
	margin-right: auto;
}
.driver-popover.sc-tour .driver-popover-next-btn {
	background: #2f4fd6;
	border-color: #2f4fd6;
	color: #fff;
}
.sc-tour-btn {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 50;
	font: 700 14px system-ui, -apple-system, 'Segoe UI', sans-serif;
	background: #2f4fd6;
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: 10px 18px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
.sc-tour-btn:focus-visible { outline: 3px solid #ffd43b; outline-offset: 2px; }