/**
 * Toggle Panels deep-linking styles.
 *
 * Offsets the scroll target so a deep-linked panel isn't hidden behind the
 * fixed header, and briefly highlights the panel that was linked to.
 */

.toggles .toggle {
	scroll-margin-top: 150px;
}

.toggles .toggle.tw-toggle-targeted > h3 > a {
	animation: twToggleTargeted 2s ease;
}

@keyframes twToggleTargeted {
	0%,
	40% {
		box-shadow: inset 3px 0 0 0 var(--nectar-accent-color, #2a97ff);
	}
	100% {
		box-shadow: inset 0 0 0 0 transparent;
	}
}

@media (prefers-reduced-motion: reduce) {
	.toggles .toggle {
		scroll-behavior: auto;
	}
	.toggles .toggle.tw-toggle-targeted > h3 > a {
		animation: none;
	}
}