@layer bricks {
	.brx-animated {
		animation-duration: 1s;
		animation-fill-mode: both;
	}
	
	.brx-animated.infinite {
		animation-iteration-count: infinite;
	}
	
	.brx-animated.brx-animate-repeat-1 {
		animation-iteration-count: var(--animate-repeat);
	}
	
	.brx-animated.brx-animate-repeat-2 {
		animation-iteration-count: calc(var(--animate-repeat) * 2);
	}
	
	.brx-animated.brx-animate-repeat-3 {
		animation-iteration-count: calc(var(--animate-repeat) * 3);
	}
	
	.brx-animated.brx-animate-delay-1s {
		animation-delay: var(--animate-delay);
	}
	
	.brx-animated.brx-animate-delay-2s {
		animation-delay: calc(var(--animate-delay) * 2);
	}
	
	.brx-animated.brx-animate-delay-3s {
		animation-delay: calc(var(--animate-delay) * 3);
	}
	
	.brx-animated.brx-animate-delay-4s {
		animation-delay: calc(var(--animate-delay) * 4);
	}
	
	.brx-animated.brx-animate-delay-5s {
		animation-delay: calc(var(--animate-delay) * 5);
	}
	
	.brx-animated.brx-animate-faster {
		animation-duration: calc(var(--animate-duration) / 2);
	}
	
	.brx-animated.brx-animate-fast {
		animation-duration: calc(var(--animate-duration) * .8);
	}
	
	.brx-animated.brx-animate-slow {
		animation-duration: calc(var(--animate-duration) * 2);
	}
	
	.brx-animated.brx-animate-slower {
		animation-duration: calc(var(--animate-duration) * 3);
	}
	
	@media (prefers-reduced-motion:reduce),print {
		.brx-animated {
			animation-duration: 1ms !important;
			animation-iteration-count: 1 !important;
			transition-duration: 1ms !important;
		}
		
		.brx-animated[class*=Out] {
			opacity: 0;
		}
	}
	
	.brx-animate-bounce {
		animation-name: bounce;
		transform-origin: center bottom;
	}
	
	.brx-animate-flash {
		animation-name: flash;
	}
	
	.brx-animate-pulse {
		animation-name: pulse;
		animation-timing-function: ease-in-out;
	}
	
	.brx-animate-rubberBand {
		animation-name: rubberBand;
	}
	
	.brx-animate-shakeX {
		animation-name: shakeX;
	}
	
	.brx-animate-shakeY {
		animation-name: shakeY;
	}
	
	.brx-animate-headShake {
		animation-name: headShake;
		animation-timing-function: ease-in-out;
	}
	
	.brx-animate-swing {
		animation-name: swing;
		transform-origin: top center;
	}
	
	.brx-animate-tada {
		animation-name: tada;
	}
	
	.brx-animate-wobble {
		animation-name: wobble;
	}
	
	.brx-animate-jello {
		animation-name: jello;
		transform-origin: center;
	}
	
	.brx-animate-heartBeat {
		animation-duration: calc(var(--animate-duration) * 1.3);
		animation-name: heartBeat;
		animation-timing-function: ease-in-out;
	}
	
	.brx-animate-backInDown {
		animation-name: backInDown;
	}
	
	.brx-animate-backInLeft {
		animation-name: backInLeft;
	}
	
	.brx-animate-backInRight {
		animation-name: backInRight;
	}
	
	.brx-animate-backInUp {
		animation-name: backInUp;
	}
	
	.brx-animate-backOutDown {
		animation-name: backOutDown;
	}
	
	.brx-animate-backOutLeft {
		animation-name: backOutLeft;
	}
	
	.brx-animate-backOutRight {
		animation-name: backOutRight;
	}
	
	.brx-animate-backOutUp {
		animation-name: backOutUp;
	}
	
	.brx-animate-bounceIn {
		animation-duration: calc(var(--animate-duration) * .75);
		animation-name: bounceIn;
	}
	
	.brx-animate-bounceInDown {
		animation-name: bounceInDown;
	}
	
	.brx-animate-bounceInLeft {
		animation-name: bounceInLeft;
	}
	
	.brx-animate-bounceInRight {
		animation-name: bounceInRight;
	}
	
	.brx-animate-bounceInUp {
		animation-name: bounceInUp;
	}
	
	.brx-animate-bounceOut {
		animation-duration: calc(var(--animate-duration) * .75);
		animation-name: bounceOut;
	}
	
	.brx-animate-bounceOutDown {
		animation-name: bounceOutDown;
	}
	
	.brx-animate-bounceOutLeft {
		animation-name: bounceOutLeft;
	}
	
	.brx-animate-bounceOutRight {
		animation-name: bounceOutRight;
	}
	
	.brx-animate-bounceOutUp {
		animation-name: bounceOutUp;
	}
	
	.brx-animate-fadeIn {
		animation-name: fadeIn;
	}
	
	.brx-animate-fadeInDown {
		animation-name: fadeInDown;
	}
	
	.brx-animate-fadeInDownBig {
		animation-name: fadeInDownBig;
	}
	
	.brx-animate-fadeInLeft {
		animation-name: fadeInLeft;
	}
	
	.brx-animate-fadeInLeftBig {
		animation-name: fadeInLeftBig;
	}
	
	.brx-animate-fadeInRight {
		animation-name: fadeInRight;
	}
	
	.brx-animate-fadeInRightBig {
		animation-name: fadeInRightBig;
	}
	
	.brx-animate-fadeInUp {
		animation-name: fadeInUp;
	}
	
	.brx-animate-fadeInUpBig {
		animation-name: fadeInUpBig;
	}
	
	.brx-animate-fadeInTopLeft {
		animation-name: fadeInTopLeft;
	}
	
	.brx-animate-fadeInTopRight {
		animation-name: fadeInTopRight;
	}
	
	.brx-animate-fadeInBottomLeft {
		animation-name: fadeInBottomLeft;
	}
	
	.brx-animate-fadeInBottomRight {
		animation-name: fadeInBottomRight;
	}
	
	.brx-animate-fadeOut {
		animation-name: fadeOut;
	}
	
	.brx-animate-fadeOutDown {
		animation-name: fadeOutDown;
	}
	
	.brx-animate-fadeOutDownBig {
		animation-name: fadeOutDownBig;
	}
	
	.brx-animate-fadeOutLeft {
		animation-name: fadeOutLeft;
	}
	
	.brx-animate-fadeOutLeftBig {
		animation-name: fadeOutLeftBig;
	}
	
	.brx-animate-fadeOutRight {
		animation-name: fadeOutRight;
	}
	
	.brx-animate-fadeOutRightBig {
		animation-name: fadeOutRightBig;
	}
	
	.brx-animate-fadeOutUp {
		animation-name: fadeOutUp;
	}
	
	.brx-animate-fadeOutUpBig {
		animation-name: fadeOutUpBig;
	}
	
	.brx-animate-fadeOutTopLeft {
		animation-name: fadeOutTopLeft;
	}
	
	.brx-animate-fadeOutTopRight {
		animation-name: fadeOutTopRight;
	}
	
	.brx-animate-fadeOutBottomRight {
		animation-name: fadeOutBottomRight;
	}
	
	.brx-animate-fadeOutBottomLeft {
		animation-name: fadeOutBottomLeft;
	}
	
	.brx-animated.brx-animate-flip {
		animation-name: flip;
		backface-visibility: visible;
	}
	
	.brx-animate-flipInX {
		animation-name: flipInX;
		backface-visibility: visible !important;
	}
	
	.brx-animate-flipInY {
		animation-name: flipInY;
		backface-visibility: visible !important;
	}
	
	.brx-animate-flipOutX {
		animation-duration: calc(var(--animate-duration) * .75);
		animation-name: flipOutX;
		backface-visibility: visible !important;
	}
	
	.brx-animate-flipOutY {
		animation-duration: calc(var(--animate-duration) * .75);
		animation-name: flipOutY;
		backface-visibility: visible !important;
	}
	
	.brx-animate-lightSpeedInRight {
		animation-name: lightSpeedInRight;
		animation-timing-function: ease-out;
	}
	
	.brx-animate-lightSpeedInLeft {
		animation-name: lightSpeedInLeft;
		animation-timing-function: ease-out;
	}
	
	.brx-animate-lightSpeedOutRight {
		animation-name: lightSpeedOutRight;
		animation-timing-function: ease-in;
	}
	
	.brx-animate-lightSpeedOutLeft {
		animation-name: lightSpeedOutLeft;
		animation-timing-function: ease-in;
	}
	
	.brx-animate-rotateIn {
		animation-name: rotateIn;
		transform-origin: center;
	}
	
	.brx-animate-rotateInDownLeft {
		animation-name: rotateInDownLeft;
		transform-origin: left bottom;
	}
	
	.brx-animate-rotateInDownRight {
		animation-name: rotateInDownRight;
		transform-origin: right bottom;
	}
	
	.brx-animate-rotateInUpLeft {
		animation-name: rotateInUpLeft;
		transform-origin: left bottom;
	}
	
	.brx-animate-rotateInUpRight {
		animation-name: rotateInUpRight;
		transform-origin: right bottom;
	}
	
	.brx-animate-rotateOut {
		animation-name: rotateOut;
		transform-origin: center;
	}
	
	.brx-animate-rotateOutDownLeft {
		animation-name: rotateOutDownLeft;
		transform-origin: left bottom;
	}
	
	.brx-animate-rotateOutDownRight {
		animation-name: rotateOutDownRight;
		transform-origin: right bottom;
	}
	
	.brx-animate-rotateOutUpLeft {
		animation-name: rotateOutUpLeft;
		transform-origin: left bottom;
	}
	
	.brx-animate-rotateOutUpRight {
		animation-name: rotateOutUpRight;
		transform-origin: right bottom;
	}
	
	.brx-animate-hinge {
		animation-duration: calc(var(--animate-duration) * 2);
		animation-name: hinge;
		transform-origin: top left;
	}
	
	.brx-animate-jackInTheBox {
		animation-name: jackInTheBox;
	}
	
	.brx-animate-rollIn {
		animation-name: rollIn;
	}
	
	.brx-animate-rollOut {
		animation-name: rollOut;
	}
	
	.brx-animate-zoomIn {
		animation-name: zoomIn;
	}
	
	.brx-animate-zoomInDown {
		animation-name: zoomInDown;
	}
	
	.brx-animate-zoomInLeft {
		animation-name: zoomInLeft;
	}
	
	.brx-animate-zoomInRight {
		animation-name: zoomInRight;
	}
	
	.brx-animate-zoomInUp {
		animation-name: zoomInUp;
	}
	
	.brx-animate-zoomOut {
		animation-name: zoomOut;
	}
	
	.brx-animate-zoomOutDown {
		animation-name: zoomOutDown;
		transform-origin: center bottom;
	}
	
	.brx-animate-zoomOutLeft {
		animation-name: zoomOutLeft;
		transform-origin: left center;
	}
	
	.brx-animate-zoomOutRight {
		animation-name: zoomOutRight;
		transform-origin: right center;
	}
	
	.brx-animate-zoomOutUp {
		animation-name: zoomOutUp;
		transform-origin: center bottom;
	}
	
	.brx-animate-slideInDown {
		animation-name: slideInDown;
	}
	
	.brx-animate-slideInLeft {
		animation-name: slideInLeft;
	}
	
	.brx-animate-slideInRight {
		animation-name: slideInRight;
	}
	
	.brx-animate-slideInUp {
		animation-name: slideInUp;
	}
	
	.brx-animate-slideOutDown {
		animation-name: slideOutDown;
	}
	
	.brx-animate-slideOutLeft {
		animation-name: slideOutLeft;
	}
	
	.brx-animate-slideOutRight {
		animation-name: slideOutRight;
	}
	
	.brx-animate-slideOutUp {
		animation-name: slideOutUp;
	}
}