.link{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;pointer-events:all;text-decoration:none;-webkit-box-shadow:0 .1em 0 -.025em #505151;box-shadow:0 .1em 0 -.025em #505151;padding-bottom:.03em}.link,.link:visited{color:#505151}a.button,button.button,span.button{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;text-decoration:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative;display:block;width:50px;height:50px}a.button.back,button.button.back,span.button.back{background-image:url(/assets/images/arrow_left.svg),url(/assets/images/clicked_arrow_left.svg);background-size:contain,0;background-repeat:no-repeat,no-repeat}@supports (display:-ms-grid){a.button.back,button.button.back,span.button.back{-webkit-filter:drop-shadow(0 1px 0 #000);filter:drop-shadow(0 1px 0 black)}a.button.back:active,button.button.back:active,span.button.back:active{-webkit-filter:drop-shadow(0 .5px 0 #000);filter:drop-shadow(0 .5px 0 black)}}a.button.back:active,button.button.back:active,span.button.back:active{background-image:url(/assets/images/clicked_arrow_left.svg);height:47.5px;-webkit-transform:translateY(2.5px);transform:translateY(2.5px)}a.button.arrow-right,button.button.arrow-right,span.button.arrow-right{background-image:url(/assets/images/arrow_right.svg),url(/assets/images/clicked_arrow_right.svg);background-size:contain,0;background-repeat:no-repeat,no-repeat}@supports (display:-ms-grid){a.button.arrow-right,button.button.arrow-right,span.button.arrow-right{-webkit-filter:drop-shadow(0 1px 0 #000);filter:drop-shadow(0 1px 0 black)}a.button.arrow-right:active,button.button.arrow-right:active,span.button.arrow-right:active{-webkit-filter:drop-shadow(0 .5px 0 #000);filter:drop-shadow(0 .5px 0 black)}}a.button.arrow-right:active,button.button.arrow-right:active,span.button.arrow-right:active{background-image:url(/assets/images/clicked_arrow_right.svg);height:47.5px;-webkit-transform:translateY(2.5px);transform:translateY(2.5px)}a.button.mute-on,button.button.mute-on,span.button.mute-on{background:url(/assets/images/mute_button_off.svg),url(/assets/images/mute_button_on.svg),url(/assets/images/clicked_mute_button_off.svg);background-size:contain,0,0;background-repeat:no-repeat,no-repeat,no-repeat}@supports (display:-ms-grid){a.button.mute-on,button.button.mute-on,span.button.mute-on{-webkit-filter:drop-shadow(0 1px 0 #000);filter:drop-shadow(0 1px 0 black)}a.button.mute-on:active,button.button.mute-on:active,span.button.mute-on:active{-webkit-filter:drop-shadow(0 .5px 0 #000);filter:drop-shadow(0 .5px 0 black)}}a.button.mute-on:active,button.button.mute-on:active,span.button.mute-on:active{background-image:url(/assets/images/clicked_mute_button_off.svg),url(/assets/images/clicked_mute_button_on.svg);height:47.5px}a.button.mute-off,button.button.mute-off,span.button.mute-off{background:url(/assets/images/mute_button_on.svg),url(/assets/images/mute_button_off.svg),url(/assets/images/clicked_mute_button_on.svg);background-size:contain,0,0;background-repeat:no-repeat,no-repeat,no-repeat}@supports (display:-ms-grid){a.button.mute-off,button.button.mute-off,span.button.mute-off{-webkit-filter:drop-shadow(0 1px 0 #000);filter:drop-shadow(0 1px 0 black)}a.button.mute-off:active,button.button.mute-off:active,span.button.mute-off:active{-webkit-filter:drop-shadow(0 .5px 0 #000);filter:drop-shadow(0 .5px 0 black)}}a.button.mute-off:active,button.button.mute-off:active,span.button.mute-off:active{background-image:url(/assets/images/clicked_mute_button_on.svg),url(/assets/images/clicked_mute_button_off.svg);height:47.5px}a.button.colophon,button.button.colophon,span.button.colophon{background-image:url(/assets/images/question_mark.svg),url(/assets/images/clicked_question_mark.svg);background-size:contain,0;background-repeat:no-repeat,no-repeat}@supports (display:-ms-grid){a.button.colophon,button.button.colophon,span.button.colophon{-webkit-filter:drop-shadow(0 1px 0 #000);filter:drop-shadow(0 1px 0 black)}a.button.colophon:active,button.button.colophon:active,span.button.colophon:active{-webkit-filter:drop-shadow(0 .5px 0 #000);filter:drop-shadow(0 .5px 0 black)}}a.button.colophon:active,button.button.colophon:active,span.button.colophon:active{background-image:url(/assets/images/clicked_question_mark.svg);height:47.5px;-webkit-transform:translateY(2.5px);transform:translateY(2.5px)}a.button.debug-on,button.button.debug-on,span.button.debug-on{position:relative;top:.26em;width:1em;height:1em;display:inline-block;background:url(/assets/images/D_button_on.svg),url(/assets/images/D_button_off.svg);background-size:contain,0,0;background-repeat:no-repeat,no-repeat,no-repeat}a.button.debug-off,button.button.debug-off,span.button.debug-off{position:relative;top:.26em;width:1em;height:1em;display:inline-block;background:url(/assets/images/D_button_off.svg),url(/assets/images/D_button_on.svg);background-size:contain,0,0;background-repeat:no-repeat,no-repeat,no-repeat}a.button.facebook,button.button.facebook,span.button.facebook{background-image:url(/assets/images/facebook_icon.svg)}a.button.twitter,button.button.twitter,span.button.twitter{background-image:url(/assets/images/twitter_icon.svg)}a.button.close,button.button.close,span.button.close{background-image:url(/assets/images/close.svg)}@media (max-width:768px){a.button,button.button,span.button{width:55px;height:55px}a.button.arrow-right:active,a.button.back:active,a.button.colophon:active,a.button.mute-off:active,a.button.mute-on:active,button.button.arrow-right:active,button.button.back:active,button.button.colophon:active,button.button.mute-off:active,button.button.mute-on:active,span.button.arrow-right:active,span.button.back:active,span.button.colophon:active,span.button.mute-off:active,span.button.mute-on:active{-webkit-transform:translateY(2.5px);transform:translateY(2.5px);height:52.5px}}a.button{text-indent:100%;white-space:nowrap;overflow:hidden}body,html{position:fixed;width:100%;height:100%;margin:0;padding:0;background-color:transparent!important;overflow:hidden!important;outline:none!important;-webkit-overflow-scrolling:touch}body:before{content:"";opacity:.1;background-image:url(/assets/images/background.png);background-size:20px 20px;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated;pointer-events:none}.App,body:before{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden}.App{font-size:var(--fontSize)}.App>div:not(.Nav){position:absolute;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all var(--transitionSpeed) ease;-o-transition:all var(--transitionSpeed) ease;transition:all var(--transitionSpeed) ease}.App>div.fade-enter{-webkit-transition:opacity var(--transitionSpeed);-o-transition:opacity var(--transitionSpeed);transition:opacity var(--transitionSpeed);-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;opacity:0}.App>div.fade-enter.fade-enter-active{opacity:1;z-index:1}.App>div.fade-exit{-webkit-transition:opacity var(--transitionSpeed);-o-transition:opacity var(--transitionSpeed);transition:opacity var(--transitionSpeed);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:1}.App>div.fade-exit.fade-exit-active{opacity:0;z-index:0}.Home{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.Home>.button{position:absolute;top:91px;right:27.5px}.Home>.button:active{-webkit-transform:translateY(2.5px);transform:translateY(2.5px);height:47.5px}@media (max-width:768px){.Home>.button{position:absolute;top:auto;right:auto;left:95px;bottom:25px}}.IntroScreen{pointer-events:none;position:fixed;top:0;left:0;height:100%;margin:0;z-index:1;font-size:1.25em;line-height:1.3em}.IntroScreen,.IntroScreen span{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.IntroScreen span{position:absolute;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;padding:0 30px;font-size:.95em}@media (max-width:768px){.IntroScreen{font-size:1.05em;line-height:1.15em}.IntroScreen span{top:42.5%}}.Canvas{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background-color:transparent!important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.desktop .Canvas{cursor:none}.Canvas:after{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:url(/assets/images/background.png);background-size:20px 20px;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated;opacity:.1;overflow:hidden;pointer-events:var(--pointerEvents)}.Pencil{position:absolute;top:0;left:0;width:125px;height:125px;background-image:url(/assets/images/pencil.png);background-position:50%;background-size:cover;pointer-events:none;-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y));opacity:1;-webkit-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s;z-index:999}.Pencil.hidden{opacity:0}.Eraser{position:absolute;top:123px;left:82.5px;width:72.79121px;height:115px;background-image:url(/assets/images/eraser-vertical.png);background-position:50%;background-size:cover;cursor:pointer;-webkit-transform:translate(var(--x),var(--y)) rotate(45deg);transform:translate(var(--x),var(--y)) rotate(45deg);-webkit-transform-origin:center;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.Eraser:active,.Eraser:hover{-webkit-transform:translate(var(--x),var(--y)) scale(var(--scale)) rotate(45deg);transform:translate(var(--x),var(--y)) scale(var(--scale)) rotate(45deg);-webkit-transition:-webkit-transform 75ms;transition:-webkit-transform 75ms;-o-transition:transform 75ms;transition:transform 75ms;transition:transform 75ms,-webkit-transform 75ms}.Eraser.erasing{-webkit-transition:none;-o-transition:none;transition:none;pointer-events:none;-webkit-transform:translate(var(--x),var(--y)) rotate(45deg);transform:translate(var(--x),var(--y)) rotate(45deg)}@media (max-width:768px){.Eraser{top:162px;left:132px;width:53.8022px;height:85px}}.WarningIcon{position:fixed;padding:30px 65px;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#e2574c;text-align:center;color:#fff;font-size:1.7em}@media (max-width:768px){.WarningIcon{font-size:1.4em;top:42.5%}}div.Subtitles{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;position:fixed;top:0;left:50%;width:calc(100% - 160px);max-width:650px;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:30px 0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10;text-align:center;line-height:1.1em;font-size:1em}@media (max-width:768px){div.Subtitles{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;padding:13px;font-size:33px;line-height:1.1em}}.ShopLink{pointer-events:none;position:fixed;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;bottom:0;margin-bottom:15px;left:50%;max-width:1200px;width:calc(100% - 360px);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:1em;line-height:1.1em;color:#e2574c}.ShopLink br,.ShopLink br:before{content:" "}.ShopLink .link{display:inline-block;pointer-events:all;text-decoration:none;color:#e2574c;-webkit-box-shadow:0 .1em 0 -.025em #e2574c;box-shadow:0 .1em 0 -.025em #e2574c;padding-bottom:.03em}.ShopLink .link:visited{color:#e2574c}@media (max-width:768px){.ShopLink{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;padding:13px;font-size:33px;line-height:1.1em}}@media (min-width:768px){.ShopLink br{display:block}.ShopLink br:before{content:none}}.Nav{position:fixed;top:26px;right:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}@media (max-width:768px){.Nav{top:auto;right:auto;left:20px;bottom:24px}}.Debug{position:absolute;left:30px;bottom:30px;pointer-events:none}.Debug pre{margin:0;font-size:18px;font-weight:700}.Debug pre span{display:block}@media (max-width:768px){.Debug{left:15px;bottom:100px;pointer-events:none}.Debug pre{margin:0;font-size:14px;font-weight:700}.Debug pre span{display:block}}@font-face{font-family:Vizner;src:url(/assets/fonts/vizner-regular-webfont.woff2) format("woff2"),url(/assets/fonts/vizner-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}body,html{font-family:Vizner,sans-serif;text-rendering:geometricPrecision;letter-spacing:.05em;color:#505151}.link,div.Colophon .content a{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;pointer-events:all;text-decoration:none;color:#505151;-webkit-box-shadow:0 .1em 0 -.025em #505151;box-shadow:0 .1em 0 -.025em #505151;padding-bottom:.03em}.link:visited,div.Colophon .content a:visited{color:#505151}div.Colophon{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;overflow-y:auto;line-height:.875em;background-color:#fff}div.Colophon .content{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}div.Colophon .buy,div.Colophon .credits,div.Colophon .press,div.Colophon .text,div.Colophon section{width:650px}div.Colophon .tea-towel{width:100%}div.Colophon section{display:block;letter-spacing:.0125em;-webkit-box-sizing:border-box;box-sizing:border-box}div.Colophon section .presskit{margin-bottom:1.1em}div.Colophon section .presskit-icon{height:1.5em;-webkit-transform:translateY(35%);transform:translateY(35%);margin-right:.75em}div.Colophon section p{margin-top:0;margin-bottom:.75em}div.Colophon section .caption{font-size:.85em;line-height:1.2em}div.Colophon section:first-child{margin-top:45px;font-size:.71em}div.Colophon section:last-of-type{padding-top:15px;padding-bottom:105px}div.Colophon section.footer{font-size:.71em}div.Colophon section.footer>div{margin:.3em auto}div.Colophon section.footer .credits{font-size:.85em;line-height:1.3em}div.Colophon section.footer .logos{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;margin-top:10px}div.Colophon section.footer .logos a{margin-right:30px;-webkit-box-shadow:none;box-shadow:none}div.Colophon section.footer .logos svg{height:auto;fill:#505151}div.Colophon section.footer .logos svg.hkw{width:84px}div.Colophon section.footer .logos svg.mozilla{width:94px}div.Colophon section.footer .logos svg.mozilla path:nth-child(2){fill:#fff}@media (max-width:768px){div.Colophon{font-size:.9em}div.Colophon section{padding:0 20px}div.Colophon section,div.Colophon section>div{width:100%!important;max-width:100%!important}div.Colophon section.footer>div{margin:0 auto}div.Colophon section.footer .credits{font-size:.88em;line-height:1.3em}div.Colophon .settings{bottom:24px;right:20px}div.Colophon .container{width:calc(100% - 40px)}}@media (min-width:1024px){div.Colophon section.footer .logos{margin-top:40px}div.Colophon section.footer .logos a{margin-right:50px}div.Colophon section.footer .logos svg.hkw{width:140px}div.Colophon section.footer .logos svg.mozilla{width:165px}}.Share{color:#e2574c;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;width:100%;max-width:650px;padding:30px 0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10;text-align:center;line-height:1.1em}.Share>div:first-of-type:before{content:open-quote}.Share>div:first-of-type:after{content:close-quote}.Share .buttons span{display:inline-block;width:33px;height:33px;margin-top:27.27273px;pointer-events:auto}.Share .buttons span:first-child{margin-right:37.5px}@media (max-width:768px){.Share{width:100%;padding:13px;font-size:33px}}.ErrorScreen{position:absolute;top:0;left:50%;width:100%;text-align:center;padding:30px;background:#505151;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ErrorScreen *{margin:0}.ErrorScreen .message{margin-top:-40px;max-width:600px}.ErrorScreen .learn-more{position:absolute;bottom:1em}.ErrorScreen .link,.ErrorScreen a{color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(#fff),to(#fff));background-image:-webkit-linear-gradient(left,#fff,#fff);background-image:-o-linear-gradient(left,#fff 0,#fff 100%);background-image:linear-gradient(90deg,#fff 0,#fff)}.ErrorScreen .link:visited,.ErrorScreen a:visited{color:#fff}@media (max-width:768px){.ErrorScreen{font-size:30px}}@media (max-width:480px){.ErrorScreen{font-size:26px}.ErrorScreen .learn-more{font-size:20px}}
/*# sourceMappingURL=main.613f6759.chunk.css.map */