.delighter.right{transform:translate(-5%);opacity:0;transition:all .75s ease-out}.delighter.right.started{transform:none;opacity:1}.delighter.left{transform:translate(5%);opacity:0;transition:all .75s ease-out}.delighter.left.started{transform:none;opacity:1}.delighter.bottom{transform:translatey(15%);opacity:0;transition:all .75s ease-out}.delighter.bottom.started{transform:none;opacity:1}.delighter li{opacity:0;transform:translatey(100%);transition:all .7s ease-out}.delighter.started li{opacity:1;transform:none}.delighter.started li:nth-child(1){transition:all .7s ease-out .1s}.delighter.started li:nth-child(2){transition:all .7s ease-out .3s}.delighter.started li:nth-child(3){transition:all .7s ease-out .5s}.delighter.started li:nth-child(4){transition:all .7s ease-out .7s}.delighter.started li:nth-child(5){transition:all .7s ease-out .9s}.delighter.started li:nth-child(6){transition:all .7s ease-out 1.1s}.delighter.started li:nth-child(7){transition:all .7s ease-out 1.3s}.delighter.started li:nth-child(8){transition:all .7s ease-out 1.5s}.delighter.started li:nth-child(9){transition:all .7s ease-out 1.7s}.delighter.started li:nth-child(10){transition:all .7s ease-out 1.9s}.delighter.started li:nth-child(11){transition:all .7s ease-out 2.1s}.delighter.started li:nth-child(12){transition:all .7s ease-out 2.3s}.delighter.started li:nth-child(13){transition:all .7s ease-out 2.5s}.delighter.started li:nth-child(14){transition:all .7s ease-out 2.7s}.delighter.started li:nth-child(15){transition:all .7s ease-out 2.9s}.delighter.started li:nth-child(16){transition:all .7s ease-out 3.1s}.delighter pre{display:block;transition:all 1s ease-out;opacity:0;padding:20px 0;width:1px;overflow:hidden}.delighter.started pre{max-width:99999px;width:100%;opacity:1}.delighter .box{transition:all 1s ease-out}.delighter .box:nth-child(1){transform:translate(-100%,0)}.delighter .box:nth-child(2){transform:translate(170%,-70%)}.delighter .box:nth-child(3){transform:translate(20%,0%)}.delighter.started .box:nth-child(1){transform:translate(0,0)}.delighter.started .box:nth-child(2){transform:translate(70%,-70%)}.delighter.started .box:nth-child(3){transform:translate(20%,-120%)}.foo.delighter{transition:all .6s ease-out;transform:translateX(-100%);opacity:0}.foo.delighter.started{transform:none;opacity:1}.fade.delighter{transition:all .6s ease-out;opacity:0}.fade.delighter.started{transform:none;opacity:1}