/* FADE */
#dck-loader.fade-out {animation: dckFadeOut 0.8s forwards;}
@keyframes dckFadeOut {to { opacity: 0; }}

/* SPLIT */
.dck-split {position: fixed; background: #000; z-index: 99998;}
/* Split 1: Left / Right */
.dck-split.split-1 {top: 0;width: 50%;height: 100vh;}
.dck-split.split-1.left { left: 0; }
.dck-split.split-1.right { right: 0; }
.dck-split.split-1.animate.left {animation: splitLeft 1s forwards;}
.dck-split.split-1.animate.right {animation: splitRight 1s forwards;}
@keyframes splitLeft {to { transform: translateX(-100%); }}
@keyframes splitRight {to { transform: translateX(100%); }}
/* Split 2: Top / Bottom */
.dck-split.split-2 {left: 0; width: 100%; height: 50vh;}
.dck-split.split-2.top { top: 0; }
.dck-split.split-2.bottom { bottom: 0; }
.dck-split.split-2.animate.top {animation: splitTop 1s forwards;}
.dck-split.split-2.animate.bottom {animation: splitBottom 1s forwards;}
@keyframes splitTop {to { transform: translateY(-100%); }}
@keyframes splitBottom {to { transform: translateY(100%); }}