@charset "UTF-8";
/* smc kimarus wcms */

@media (prefers-reduced-motion: no-preference) {

	a,
	a:any-link {
		transition: color 500ms ease-in 300ms;
	}

	a:hover,
	a:focus,
	a:active,
	a:focus-within,
	a:focus-visible {
		transition: color 200ms ease-out 100ms;
	}

	.header__burger span {
		transition: transform 300ms ease, opacity 200ms ease;
	}
}

@media (prefers-reduced-motion: no-preference) and (max-width: 479px) {
	.header__nav {
		transition: transform 250ms ease, opacity 200ms ease, visibility 250ms;
	}
}

@media (prefers-reduced-motion: no-preference) and (min-width: 480px) and (max-width: 767px) {
	.header__nav {
		transition: transform 250ms ease, opacity 200ms ease, visibility 250ms;
	}
}

@media (prefers-reduced-motion: no-preference) and (min-width: 768px) and (max-width: 1023px) {
	.header__nav {
		transition: transform 250ms ease, opacity 200ms ease, visibility 250ms;
	}
}

@media (prefers-reduced-motion: reduce) {

	/* * {
		animation: none;
		transition: none;
	} */
	a,
	a:any-link {
		transition: color 250ms ease-in 150ms;
	}

	a:hover,
	a:focus,
	a:active,
	a:focus-within,
	a:focus-visible {
		transition: color 100ms ease-out 50ms;
	}

	.header__burger span {
		transition: transform 150ms ease, opacity 100ms ease;
	}
}

@media (prefers-reduced-motion: reduce) and (max-width: 479px) {
	.header__nav {
		transition: transform 125ms ease, opacity 100ms ease, visibility 125ms;
	}
}

@media (prefers-reduced-motion: reduce) and (min-width: 480px) and (max-width: 767px) {
	.header__nav {
		transition: transform 125ms ease, opacity 100ms ease, visibility 125ms;
	}
}

@media (prefers-reduced-motion: reduce) and (min-width: 768px) and (max-width: 1023px) {
	.header__nav {
		transition: transform 125ms ease, opacity 100ms ease, visibility 125ms;
	}
}