body,html{height:100%}.container{transition:height 0ms}.container.full-height{height:100%}.hero,.lighting{transition:all .7s}.hero.hide,.lighting.hide{transform:translateY(-20px);opacity:0;pointer-events:none}.upload{width:300px;height:202px;margin:20px auto 0;position:relative;transition:all .7s}.upload.hide{transform:translateY(20px);opacity:0}.upload img{position:absolute}.upload img.tv{width:300px;height:202px;top:0;left:0;z-index:2}.upload img.upload-an-image{width:191px;top:25px;left:26px;z-index:3}.upload img.glitch{position:absolute;top:20px;left:10px;width:280px}.canvas-container{opacity:0;transition:opacity .7s;transition-delay:0ms;width:100%;max-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-container.show{transition-delay:.4s;opacity:1}.canvas-container canvas{position:absolute;top:0;left:0;width:100%;height:auto}.canvas-container .share{text-align:center;width:100%;max-width:500px;margin-top:20px}.canvas-container .share img{display:inline-block;opacity:.8;width:100%;max-width:150px;cursor:pointer}.canvas-container .share img:hover{opacity:1}.canvas-container .share img:last-child{margin-left:10px}.canvas-container .share:hover{opacity:1}.uploading{background-color:hsla(0,0%,100%,.7);position:fixed;top:0;left:0;width:100%;height:100%}.uploading .spinner{transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}#canvas-background,#lighting-small,#mask{position:absolute;z-index:-1;top:0;left:0;opacity:0;pointer-events:none}.no-pointer{pointer-events:none}small{position:absolute;bottom:10px;right:10px;color:#babab9;font-family:sans-serif;font-size:14px}small a{color:#babab9;text-decoration:underline}small a:hover{color:#fff}@font-face{font-family:Zig Regular;font-style:normal;font-weight:400;src:url(../fonts/zig-regular.ttf) format("truetype")}.labels{text-align:left;width:100%;box-sizing:border-box;padding:10px 20px;color:#787878;font-family:Zig Regular;font-size:12px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:497px){.labels{font-size:11px}}@media (max-width:440px){.labels{font-size:10px}}@media (max-width:403px){.labels{font-size:9px}}@media (max-width:370px){.labels{font-size:8px}}.labels span:after{content:"";width:9px;height:9px;background:#fff;margin-left:2px;display:inline-block;animation:a 1.5s steps(2) infinite;vertical-align:middle}@keyframes a{0%{opacity:0}}.spinner{margin:0 auto;width:60px;opacity:.7}.spinner .line{width:1px;height:12px;background:#ff0007;margin:0 1px;display:inline-block;animation:b 1s infinite ease-in-out;box-shadow:0 0 12px #d71500}.spinner div{color:#ff0007;margin:5px 0;text-transform:uppercase;text-align:center;font-family:Arial,sans-serif;text-shadow:0 0 6px #d71500;font-size:10px;letter-spacing:2px}.spinner .line-1{animation-delay:.8s}.spinner .line-2{animation-delay:.6s}.spinner .line-3{animation-delay:.4s}.spinner .line-4,.spinner .line-6{animation-delay:.2s}.spinner .line-7{animation-delay:.4s}.spinner .line-8{animation-delay:.6s}.spinner .line-9{animation-delay:.8s}@keyframes b{0%{opacity:1}50%{opacity:0}to{opacity:1}}