html{background:#363636}body,html{margin:0!important;padding:0!important}.js body{margin-top:0!important}#content,body,html{overflow:hidden}.editor{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;-webkit-user-select:none;user-select:none;z-index:1}.editor .artwork{position:absolute;top:0}.editor .contextual-ui-left{left:.1em;-webkit-transform:translate3d(-11px,0,0);transform:translate3d(-11px,0,0);opacity:0!important;pointer-events:none!important;-webkit-transition:opacity .1s,-webkit-transform .1s;transition:opacity .1s,transform .1s}@media only screen and (min-width:768px){.editor .contextual-ui-left{left:auto;right:1em}}.editor .contextual-ui-right{right:.1em;-webkit-transform:translate3d(11px,0,0);transform:translate3d(11px,0,0);opacity:1;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s}@media only screen and (min-width:768px){.editor .contextual-ui-right{right:auto;left:1em}}.editor .contextual-ui{top:50%;margin-top:-135px;opacity:0;z-index:9999;position:absolute;pointer-events:none}.editor .contextual-ui .contextual-ui-button{display:block;padding:10px 8px 4px;line-height:20px;font-family:sans-serif;text-align:center}.editor .contextual-ui .contextual-ui-button .icon{display:block;font-size:16px}.editor .contextual-ui .contextual-ui-button .label{display:block;font-size:10px;color:#ccc;text-transform:lowercase;text-shadow:0 1px 1px rgba(0,0,0,.66)}.editor.active-layer .contextual-ui-right{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.editor.active-layer.flip-contextual-ui .contextual-ui-left{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0);opacity:1!important;pointer-events:auto!important;-webkit-transition:opacity .1s,-webkit-transform .1s;transition:opacity .1s,transform .1s}.editor.active-layer.flip-contextual-ui .contextual-ui-right{-webkit-transform:translate3d(11px,0,0);transform:translate3d(11px,0,0);opacity:0!important;pointer-events:none!important;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s}.editor.active-layer .contextual-ui{pointer-events:auto;opacity:1}.editor.active-layer .layer{opacity:.42}.editor.active-layer .layer.active{opacity:1}.editor.active-layer .layer.active .hit-area{pointer-events:none}.emoji{width:160px;height:160px;margin-top:-80px;margin-left:-80px}.emoji .hit-area{margin:15px;width:130px;height:130px;border-radius:160px}.emoji .sprite{width:160px;height:160px;-webkit-animation-duration:.3s;-webkit-animation-name:pop;-webkit-animation-timing-function:ease-in;-webkit-animation-iteration-count:2;-webkit-animation-direction:alternate}.emoji::after,.emoji::before{content:'';display:block;position:absolute;border-radius:100px;opacity:0;z-index:-1}.emoji::before{top:-4px;left:-4px;width:160px;height:160px;border:8px solid rgba(255,255,255,.66);-webkit-animation-duration:.5s;-webkit-animation-name:particle;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1}.emoji::after{top:14px;left:14px;width:120px;height:120px;border:12px double rgba(255,255,255,.66);-webkit-animation-delay:.1s;-webkit-animation-duration:.6s;-webkit-animation-name:particle;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1}@-webkit-keyframes pop{0%{-webkit-transform:scale3d(1,1,1)}100%{-webkit-transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes particle{0%{opacity:1;-webkit-transform:scale3d(0,0,1)}100%{opacity:0;-webkit-transform:scale3d(2,2,1)}}.giphy{width:200px;height:200px;margin-top:-100px;margin-left:-100px}.giphy .hit-area{margin:30px;width:170px;height:170px;border-radius:200px}.giphy .sprite{width:200px;height:200px}.layer{display:block;position:absolute;top:0;left:0;transition:opacity .3s;-webkit-transition:opacity .3s;pointer-events:none}.layer .hit-area{display:block;cursor:pointer;position:absolute;pointer-events:auto}.layer .sprite{display:block;transition:background-image .15s;-webkit-transition:background-image .15s;background:url(/images/ajax-loader.gif) center center no-repeat;pointer-events:none}.editor.ongoing-pan .layer{pointer-events:none!important}.editor .help{display:table-cell;vertical-align:middle;horizontal-align:center;height:100vh;width:100vw;pointer-events:none;box-sizing:border-box;padding:0 2em;text-align:center;margin:0 auto;color:#999;opacity:0;-webkit-transition:opacity 2s;transition:opacity 2s}.editor .help h1{font-family:'Comic Sans',sans-serif;font-size:2em;text-indent:-.3em}.editor .help h1 .moji{display:inline-block;width:60px;height:60px;vertical-align:middle;background:url(/images/emoji/395.png) center center/60px no-repeat}.editor .help p{font-family:sans-serif;color:#fff;font-size:1em;line-height:1.3em;max-width:30em;margin-left:auto;margin-right:auto}.editor .help p strong{color:#999}.editor .help p.tagline{margin-top:-1.8em;text-indent:4.7rem;text-transform:uppercase;font-size:11px;letter-spacing:.2em}.editor .help p.aux{color:#999;font-size:.84em;line-height:1.2em}.editor .help p.aux strong{color:#ccc}@media (orientation:portrait) and (min-height:440px),(orientation:landscape) and (min-height:420px){.editor .help p.aux-links{width:100%;position:absolute;bottom:.3em;left:0;right:0}}.editor .help p.aux-links a{color:#fff;padding:0 .5em}.editor.helping .help{opacity:1}.editor.helping .help p.aux-links a{pointer-events:auto}