[x-marquee=component]{
	width: 100%;
}
[x-marquee=component] [x-marquee=wrapper] {
	-webkit-animation:loop-horizontal linear infinite;
	-moz-animation:loop-horizontal linear infinite;
	-o-animation:loop-horizontal linear infinite
}
[x-marquee=component]>div {
	display:flex
}
[x-marquee-direction=horizontal] [x-marquee=wrapper] {
	-webkit-animation:loop-horizontal linear infinite;
	-moz-animation:loop-horizontal linear infinite;
	-o-animation:loop-horizontal linear infinite
}
[x-marquee-direction=vertical] [x-marquee=wrapper] {
	-webkit-animation:loop-vertical linear infinite;
	-moz-animation:loop-vertical linear infinite;
	-o-animation:loop-vertical linear infinite
}
[x-marquee-direction=hreversed] [x-marquee=wrapper] {
	-webkit-animation:loop-hreversed linear infinite;
	-moz-animation:loop-hreversed linear infinite;
	-o-animation:loop-hreversed linear infinite
}
[x-marquee-direction=vreversed] [x-marquee=wrapper] {
	-webkit-animation:loop-vreversed linear infinite;
	-moz-animation:loop-vreversed linear infinite;
	-o-animation:loop-vreversed linear infinite
}
[x-marquee-direction=hreversed]>div,[x-marquee-direction=horizontal]>div {
	display:flex
}
[x-marquee-direction=vreversed]>div,[x-marquee-direction=vertical]>div {
	display:flex;
	flex-direction:column
}
[x-marquee=wrapper] {
	flex:0 0 auto
}
[x-marquee=component]:focus-within [x-marquee=wrapper],[x-marquee=component]:hover [x-marquee=wrapper] {
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused
}

.x-marquee_list{
	display: flex;
}

[x-marquee-direction="vreversed"] .x-marquee_list,
[x-marquee-direction="vertical"] .x-marquee_list{
	 flex-direction: column;
  	align-items: flex-start;
}


@media (prefers-reduced-motion) {
	[x-marquee=component] [x-marquee=wrapper] {
		-webkit-animation-play-state:paused;
		-moz-animation-play-state:paused;
		-o-animation-play-state:paused;
		animation-play-state:paused
	}
}
@-webkit-keyframes loop-horizontal {
	0% {
		transform:translateX(0)
	}
	100% {
		transform:translateX(-100%)
	}
}
@-moz-keyframes loop-horizontal {
	0% {
		transform:translateX(0)
	}
	100% {
		transform:translateX(-100%)
	}
}
@-o-keyframes loop-horizontal {
	0% {
		transform:translateX(0)
	}
	100% {
		transform:translateX(-100%)
	}
}
@keyframes loop-horizontal {
	0% {
		transform:translateX(0)
	}
	100% {
		transform:translateX(-100%)
	}
}
@-webkit-keyframes loop-vertical {
	0% {
		transform:translateY(0)
	}
	100% {
		transform:translateY(-100%)
	}
}
@-moz-keyframes loop-vertical {
	0% {
		transform:translateY(0)
	}
	100% {
		transform:loop-vertical(-100%)
	}
}
@-o-keyframes loop-vertical {
	0% {
		transform:translateY(0)
	}
	100% {
		transform:translateY(-100%)
	}
}
@keyframes loop-vertical {
	0% {
		transform:translateY(0)
	}
	100% {
		transform:translateY(-100%)
	}
}
@-webkit-keyframes loop-hreversed {
	0% {
		transform:translateX(-100%)
	}
	100% {
		transform:translateX(0)
	}
}
@-moz-keyframes loop-hreversed {
	0% {
		transform:translateX(-100%)
	}
	100% {
		transform:translateX(0)
	}
}
@-o-keyframes loop-hreversed {
	0% {
		transform:translateX(-100%)
	}
	100% {
		transform:translateX(0)
	}
}
@keyframes loop-hreversed {
	0% {
		transform:translateX(-100%)
	}
	100% {
		transform:translateX(0)
	}
}
@-webkit-keyframes loop-vreversed {
	0% {
		transform:translateY(-100%)
	}
	100% {
		transform:translateY(0)
	}
}
@-moz-keyframes loop-vreversed {
	0% {
		transform:translateY(-100%)
	}
	100% {
		transform:translateY(0)
	}
}
@-o-keyframes loop-vreversed {
	0% {
		transform:translateY(-100%)
	}
	100% {
		transform:translateY(0)
	}
}
@keyframes loop-vreversed {
	0% {
		transform:translateY(-100%)
	}
	100% {
		transform: translateY(0)
	}
}