[data-animation] {
	animation-timing-function: ease;
	animation-duration: .4s;
	animation-fill-mode: forwards;
}

@keyframes fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fade-down {
	from { opacity: 0; transform: translate3d(0,-100px,0); }
	to { opacity: 1; transform: translateZ(0); }
}

@keyframes fade-up {
	from { opacity: 0; transform: translate3d(0,100px,0); }
	to { opacity: 1; transform: translateZ(0); }
}

@keyframes fade-left {
	from { opacity: 0; transform: translate3d(100px,0,0); }
	to { opacity: 1; transform: translateZ(0); }
}

@keyframes fade-right {
	from { opacity: 0; transform: translate3d(-100px,0,0); }
	to { opacity: 1; transform: translateZ(0); }
}

@keyframes flip-down {
	from { transform: perspective(2500px) rotateX(100deg); }
	to { transform: perspective(2500px) rotateX(0); }
}

@keyframes flip-up {
	from { transform: perspective(2500px) rotateX(-100deg); }
	to { transform: perspective(2500px) rotateX(0); }
}

@keyframes flip-left {
	from { transform: perspective(2500px) rotateY(-100deg); }
	to { transform: perspective(2500px) rotateX(0); }
}

@keyframes flip-right {
	from { transform: perspective(2500px) rotateY(100deg); }
	to { transform: perspective(2500px) rotateX(0); }
}

@keyframes slide-up {
	from { transform:translate3d(0, 100%, 0); }
	to { transform:translateZ(0); }
}

@keyframes slide-down {
	from { transform:translate3d(0, -100%, 0); }
	to { transform:translateZ(0); }
}

@keyframes slide-right {
	from { transform:translate3d(-100%, 0, 0); }
	to { transform:translateZ(0); }
}

@keyframes slide-left {
	from { transform:translate3d(100%, 0, 0); }
	to { transform:translateZ(0); }
}


[data-animation="fade"],
[data-animation="fade-down"],
[data-animation="fade-up"],
[data-animation="fade-left"],
[data-animation="fade-right"]  {
	opacity: 0;
}

[data-animation="fade"].initiated,
.block-editor-iframe__body [data-animation="fade"] {
	animation-name: fade;
}

[data-animation="fade-down"].initiated,
.block-editor-iframe__body [data-animation="fade-down"] {
	animation-name: fade-down;
}

[data-animation="fade-up"].initiated,
.block-editor-iframe__body [data-animation="fade-up"] {
	animation-name: fade-up;
}

[data-animation="fade-left"].initiated,
.block-editor-iframe__body [data-animation="fade-left"] {
	animation-name: fade-left;
}

[data-animation="fade-right"].initiated,
.block-editor-iframe__body [data-animation="fade-right"] {
	animation-name: fade-right;
}




[data-animation="flip-down"],
[data-animation="flip-up"],
[data-animation="flip-left"],
[data-animation="flip-right"]  {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;	
}

[data-animation="flip-down"].initiated,
.block-editor-iframe__body [data-animation="flip-down"] {
	animation-name: flip-down;
}

[data-animation="flip-up"].initiated,
.block-editor-iframe__body [data-animation="flip-up"] {
	animation-name: flip-up;
}

[data-animation="flip-left"].initiated,
.block-editor-iframe__body [data-animation="flip-left"] {
	animation-name: flip-left;
}

[data-animation="flip-right"].initiated,
.block-editor-iframe__body [data-animation="flip-right"] {
	animation-name: flip-right;
}

[data-animation="slide-down"] {
	transform:translate3d(0, -100%, 0);
}

[data-animation="slide-down"].initiated,
.block-editor-iframe__body [data-animation="slide-down"] {
	animation-name: slide-down;
}

[data-animation="slide-up"] {
	transform:translate3d(0, 100%, 0);
}

[data-animation="slide-up"].initiated,
.block-editor-iframe__body [data-animation="slide-up"] {
	animation-name: slide-up;
}


[data-animation="slide-left"] {
	transform:translate3d(100%, 0, 0); 
}

[data-animation="slide-left"].initiated,
.block-editor-iframe__body [data-animation="slide-left"] {
	animation-name: slide-left;
}


[data-animation="slide-right"] {
	transform:translate3d(-100%, 0, 0);
}

[data-animation="slide-right"].initiated,
.block-editor-iframe__body [data-animation="slide-right"] {
	animation-name: slide-right;
}


[data-animation="zoomin"] {
	
}

[data-animation="zoomin-down "]{
	
}

[data-animation="zoomin-up "]{
	
}

[data-animation="zoomin-left "]{
	
}

[data-animation="zoomin-right "]{
	
}

[data-animation="zoomout"] {
	
}

[data-animation="zoomout-down "]{
	
}

[data-animation="zoomout-up "]{
	
}

[data-animation="zoomout-left "]{
	
}

[data-animation="zoomout-right "]{
	
}