.app,.app #canvas,.app body{margin:0;width:100%;height:100%;position:relative}.app{cursor:none}.app,.app body{overflow:hidden;background-color:#000}.app #canvas{transform:translateZ(0);top:0;left:0;perspective:1000;-webkit-perspective:1000}.app #canvas,.app figure{position:absolute;background-color:#000}.app figure{overflow:hidden;opacity:1;transform-origin:50% 100%;margin:0}.app figure,.app figure img{backface-visibility:hidden;z-index:1}.app figure img,.app figure span{display:block}.app figure span{font-size:10px;line-height:26px;padding:.5em;position:absolute;bottom:0;width:100%;text-align:center;font-family:proxima-nova,sans-serif;font-weight:300;color:hsla(0,0%,100%,.8);text-shadow:1px 1px 0 #000;background:linear-gradient(transparent,#000);text-overflow:ellipsis;max-width:100%;overflow:hidden;animation:a 10s ease-out;opacity:0}.app figure.preparing img{z-index:2}.app figure.removing{transform-origin:50% 0;z-index:0;opacity:0}.app figure.removing img{z-index:0}.app figure.square img{width:100%;height:100%;object-fit:cover}.app figure.square img,.app figure.vertical img{width:100%}.app figure.horizontal img{height:100%}.app #message{position:absolute;transform:translateY(140%);transition:transform .8s ease-out;z-index:3;color:#fff;background:#000;text-transform:uppercase;width:540px;height:150px;padding:40px;bottom:60px;left:50%;margin:0 0 0 -310px;overflow:hidden}.app #message h1{font-family:proxima-nova;font-weight:900;font-size:36px;margin:0 0 10px;line-height:1em}.app #message div{height:150px}.app #message p{font-family:proxima-nova-condensed,proxima-nova;font-weight:400;margin:0;font-size:18px;line-height:1.2em}.app #message p strong{font-family:proxima-nova-condensed;font-weight:700}.app #message.active{left:50%;transform:translateY(0)}.app #message.active.halifax{left:75%;bottom:75%;transform:translateX(0)}.app #message.halifax{transform:translateX(150%);left:75%;bottom:75%}.app #message:before{width:570px;height:180px;border:5px solid #fff;left:20px;top:20px;z-index:2}.app #message:after,.app #message:before{content:"";position:absolute}.app #message:after{width:540px;height:150px;border:40px solid #000;left:0;top:0;z-index:1}figure.fall-1{animation:b 1.5s ease-out}figure.fall-2,figure.fall-3{animation:c 1.5s ease-out}figure.fall-4{animation:d 1.5s ease-out}figure.flip-1{animation:e 1.5s ease-out;transform-origin:100% 50%}figure.flip-2{animation:f 1.5s ease-out;transform-origin:0 50%}figure.flip-3{animation:g 1.5s ease-out;transform-origin:50% 100%}figure.opacity-1{animation:h 1.5s ease-out}figure.opacity-2{animation:i 1.5s ease-out;animation:j 1.5s ease-out}figure.panel-1{animation:k 1.5s ease-out;transform-origin:50% 0}figure.panel-2{animation:l 1.5s ease-out;transform-origin:50% 0}figure.blow-1{animation:m 1.5s ease-out}figure.size-1{animation:n 1.5s ease-out;transform-origin:50% 50%}figure.weave-1{animation:o 1.5s ease-out}figure.weave-2{animation:p 1.5s ease-out}figure.weave-3{animation:q 1.5s ease-out}figure.weave-4{animation:r 1.5s ease-out}figure.removing.fall-1{animation:s 1.5s ease-in}figure.removing.fall-2{animation:t 1.5s ease-in}figure.removing.fall-3{animation:u 1.5s ease-in}figure.removing.fall-4{animation:v 1.5s ease-in}figure.removing.flip-1{animation:w 1.5s ease-out;transform-origin:0 50%}figure.removing.flip-2{animation:x 1.5s ease-out;transform-origin:100% 50%}figure.removing.flip-3{animation:y 1.5s ease-out;transform-origin:50% 0}figure.removing.opacity-1,figure.removing.opacity-2,figure.removing.opacity-3{animation:z 1.5s ease-out}figure.removing.panel-1{animation:A 1.5s ease-out;transform-origin:0 0}figure.removing.panel-2{animation:A 1.5s ease-out;transform-origin:100% 0}figure.removing.blow-1{animation:B 1.5s ease-out}figure.removing.size-1{animation:C 1.5s ease-out}figure.removing.weave-1{animation:D 1.5s ease-in}figure.removing.weave-2{animation:E 1.5s ease-in}figure.removing.weave-3{animation:F 1.5s ease-in}figure.removing.weave-4{animation:G 1.5s ease-in}@keyframes a{0%,25%{opacity:0}40%,85%{opacity:1}to{opacity:0}}@keyframes b{0%{transform:translateY(-540px) rotateX(120deg) rotateY(25deg) scale(1.2);opacity:0}to{transform:translate(0);opacity:1}}@keyframes c{0%{transform:translateY(-540px) rotateX(180deg) rotateY(-40deg) scale(.8);opacity:0}to{transform:translate(0);opacity:1}}@keyframes d{0%{transform:translateY(-720px) rotateX(160deg) rotateY(10deg) scale(.6);opacity:0}to{transform:translate(0);opacity:1}}@keyframes e{0%{transform:rotateY(270deg) scale(.5);opacity:0}to{transform:rotateY(0deg) scale(1);opacity:1}}@keyframes f{0%{transform:rotateY(-270deg) scale(.5);opacity:0}to{transform:rotateY(0deg) scale(1);opacity:1}}@keyframes g{0%{transform:rotateX(145deg) scale(.5);opacity:0}to{transform:rotateX(0deg) scale(1);opacity:1}}@keyframes h{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes i{0%{opacity:0}35%{opacity:1}40%{opacity:0}45%{opacity:1}50%{opacity:.4}60%{opacity:.8}65%{opacity:.5}70%,85%{opacity:1}90%{opacity:0}95%,to{opacity:1}}@keyframes j{0%{opacity:0}35%{opacity:1}45%{opacity:.4}55%,85%{opacity:1}90%{opacity:0}to{opacity:1}}@keyframes k{0%{transform:rotateX(75deg);opacity:0}55%{transform:rotateX(-15deg)}55%,75%{opacity:1}75%{transform:rotateX(10deg)}88%{transform:rotateX(-2deg)}88%,94%{opacity:1}94%{transform:rotateX(2deg)}to{transform:rotateX(0deg);opacity:1}}@keyframes l{0%{transform:rotateX(40deg);opacity:0}55%{transform:rotateX(-10deg)}55%,75%{opacity:1}75%{transform:rotateX(5deg)}88%{transform:rotateX(-1deg)}88%,94%{opacity:1}94%{transform:rotateX(1deg)}to{transform:rotateX(0deg);opacity:1}}@keyframes m{0%{filter:blur(4px) contrast(15) brightness(15);opacity:0}25%{opacity:1}to{filter:none}}@keyframes n{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes o{0%{transform:translateX(-1200px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes p{0%{transform:translateX(1200px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes q{0%{transform:translateY(1200px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes r{0%{transform:translateY(-1200px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes s{0%{transform:translate(0);opacity:1}to{transform:translateY(540px) rotateX(-140deg) rotateY(10deg) scale(.8);opacity:0}}@keyframes t{0%{transform:translate(0);opacity:1}to{transform:translateY(540px) rotateX(-140deg) rotateY(-10deg) scale(.8);opacity:0}}@keyframes u{0%{transform:translate(0);opacity:1}to{transform:translateY(720px) rotateX(90deg) rotateY(40deg) scale(.6);opacity:0}}@keyframes v{0%{transform:translate(0);opacity:1}to{transform:translateY(720px) rotateX(60deg) rotateY(60deg) scale(.8);opacity:0}}@keyframes w{0%{transform:rotateY(0deg) scale(1);opacity:1}to{transform:rotateY(-270deg) scale(.5);opacity:0}}@keyframes x{0%{transform:rotateY(0deg) scale(1);opacity:1}to{transform:rotateY(270deg) scale(.5);opacity:0}}@keyframes y{0%{transform:rotateX(0deg) scale(1);opacity:1}to{transform:rotateX(-145deg) scale(.5);opacity:0}}@keyframes z{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes A{0%{opacity:1}to{opacity:0}}@keyframes B{0%{filter:blur(0);opacity:1}50%,to{filter:blur(4px)}to{opacity:0}}@keyframes C{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes D{0%{transform:translateX(0);opacity:1}to{transform:translateX(1200px);opacity:0}}@keyframes E{0%{transform:translateX(0);opacity:1}to{transform:translateX(-1200px);opacity:0}}@keyframes F{0%{transform:translateY(0);opacity:1}to{transform:translateY(-1200px);opacity:0}}@keyframes G{0%{transform:translateY(0);opacity:1}to{transform:translateY(1200px);opacity:0}}.status{padding-top:160px;margin:0 auto;font-family:proxima-nova,sans-serif;font-size:16px}.status,.status header{max-width:400px}.status header{position:fixed;width:100%;top:0;border-bottom:1px solid #ccc;background:#fff;text-align:center}.status header form{width:100%;display:inline-block;margin-bottom:10px}.status header form input{font-family:proxima-nova,sans-serif;width:100%;padding:5px}.status header form input[type=submit]{margin-top:10px;width:auto;float:right}.status table{width:100%;margin-bottom:100px;border-collapse:collapse}.status table tr:nth-child(2n){background:#eee}.status table a{font-size:12px;display:block;text-align:center;color:inherit;text-decoration:none;box-sizing:border-box;-webkit-appearance:push-button;-moz-appearance:button;appearance:button}.status .message{opacity:0;width:100%;max-width:400px;bottom:20px;background:#eee;padding:0 1em;border-bottom:1px solid #aaa;box-shadow:0 0 4px #aaa;position:fixed;animation:H 6s ease-out forwards}.status.wide{padding-top:100px}.status.wide,.status.wide header{max-width:600px}@keyframes H{0%{display:block}0%,80%{opacity:1}99%{opacity:0}to{display:none}}
/*# sourceMappingURL=style.css.map */