/**
 * @author Valentin Alisch <hallo@valentinalisch.de>
 * @version 2.0.1
 *
 * MarqueeJS.css
 */



/**
 * Wrap
 * 
 * @since 1.0
 */
marquee-wrap,
.marquee-wrap {
	display: block;
	overflow: hidden;
	position: relative;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}



/**
 * Parts
 * 
 * @since 2.0
 */
marquee-parts,
.marquee-parts {
	display: inline-flex;
	align-items: var( --marquee-align-items, center );

	-webkit-transform: translate3d( calc( var( --transform, 0 ) * -1px ), 0, 0 );
	-moz-transform: translate3d( calc( var( --transform, 0 ) * -1px ), 0, 0 );
	transform: translate3d( calc( var( --transform, 0 ) * -1px ), 0, 0 );
	will-change: -webkit-transform, -moz-transform, transform;
}



/**
 * Part
 * 
 * @since 2.0
 */
marquee-part,
.marquee-part {
	flex-shrink: 0;
}