#mk-repeater2-body #mk-repeater2-graphics .mk-cardwrapper {transition: height 2s, left 1s ease-in, translate 5s; perspective: calc(2*var(--mk-cardwidth)); transform-style: preserve-3d;}

#mk-repeater2-body.scrollprocessorloading #mk-repeater2-graphics .mk-cardwrapper {transition: none}
#mk-repeater2-body.scrollinitloading #mk-repeater2-graphics .mk-cardwrapper {transition: none}
#mk-repeater2-body.oracledeckloading #mk-repeater2-graphics .mk-cardwrapper {transition: none}

#mk-repeater2-graphics .mk-cardwrapper {
	& .mk-cardcontainer-back, .mk-cardcontainer-front {filter:blur(0px)opacity(100%);transition: filter 555ms ease-in-out, translate 2s ease-out}
}

/* opacity */

#mk-repeater2-graphics .mk-cardwrapper:nth-child(1 of .tiltrightside) {
	& .mk-cardcontainer-back, .mk-cardcontainer-front {filter:opacity(77%)}
}

#mk-repeater2-graphics .mk-cardwrapper:nth-child(2 of .tiltrightside) {
	& .mk-cardcontainer-back, .mk-cardcontainer-front {filter:opacity(73%)}
}

#mk-repeater2-graphics .mk-cardwrapper:nth-child(n + 3 of .tiltrightside) {
	& .mk-cardcontainer-back, .mk-cardcontainer-front {filter:opacity(70%)}
}

#mk-repeater2-graphics .mk-cardwrapper:nth-last-child(1 of .tiltleftside) {
	& .mk-cardcontainer-back, .mk-cardcontainer-front {filter:opacity(77%)}
}

#mk-repeater2-graphics .mk-cardwrapper:nth-last-child(2 of .tiltleftside) {
	& .mk-cardcontainer-back, .mk-cardcontainer-front {filter:opacity(73%)}
}

#mk-repeater2-graphics .mk-cardwrapper:nth-last-child(n + 3 of .tiltleftside) {
	& .mk-cardcontainer-back, .mk-cardcontainer-front {filter:opacity(70%)}
}

/* Translate */

@media (max-width: 600px) {

#mk-repeater2-graphics .mk-cardwrapper:nth-child(1 of .tiltrightside), #mk-repeater2-graphics .mk-cardwrapper:nth-last-child(1 of .tiltleftside) {
	& .mk-cardcontainer-back, .mk-cardcontainer-front {translate: 0 0 calc((0.14) * var(--mk-cardwidth));}
}

#mk-repeater2-graphics .mk-cardwrapper:nth-child(n + 2 of .tiltrightside), #mk-repeater2-graphics .mk-cardwrapper:nth-last-child(n + 2 of .tiltleftside) {
	& .mk-cardcontainer-back, .mk-cardcontainer-front {translate: 0 0 calc((0.15 ) * var(--mk-cardwidth));}
}

}