.wrapperLayer__Br2mJ{position:fixed;margin:0;padding:0;top:0;left:0;right:0;bottom:0;z-index:999}.baseButton__8nNxq{z-index:1000;box-sizing:border-box;cursor:pointer}.baseButton__8nNxq>svg{display:block;width:2rem;height:2rem}.controls__9U729{box-sizing:border-box;position:absolute;top:.6rem;right:.6rem;opacity:0;display:flex;z-index:1000;border-radius:5rem;transform:translate(100%);transition:transform .35s cubic-bezier(.6,0,.1,1),opacity .35s}.controls__9U729.show__GPCB-{opacity:.8;transform:translate(0)}.controls__9U729 .pinButton__WM-eb{z-index:1000;box-sizing:border-box;cursor:pointer;margin:.4em 0;width:2rem;height:2rem;transition:transform 175ms cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1)}.controls__9U729 .pinButton__WM-eb>svg{display:block;width:2rem;height:2rem}.controls__9U729 .pinButton__WM-eb:hover{opacity:.8!important;transform:scale(1.1)!important}.controls__9U729 .pinButton__WM-eb:active{opacity:1!important;transform:scale(1)!important}.controls__9U729 .pinButton__WM-eb:first-of-type{margin-left:.4rem}.controls__9U729 .pinButton__WM-eb:last-of-type{margin-right:.4rem}.controls__9U729 .rotate__-FSm5{z-index:1000;box-sizing:border-box;cursor:pointer;margin:.4em 0;width:2rem;height:2rem;transition:transform 175ms cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1)}.controls__9U729 .rotate__-FSm5>svg{display:block;width:2rem;height:2rem}.controls__9U729 .rotate__-FSm5:hover{opacity:.8!important;transform:scale(1.1)!important}.controls__9U729 .rotate__-FSm5:active{opacity:1!important;transform:scale(1)!important}.controls__9U729 .rotate__-FSm5:first-of-type{margin-left:.4rem}.controls__9U729 .rotate__-FSm5:last-of-type{margin-right:.4rem}.controls__9U729 .rotate__-FSm5 svg{width:1.75rem;transition:transform .35s cubic-bezier(.6,0,.1,1)}.controls__9U729 .rotateLeft__xjHZr{z-index:1000;box-sizing:border-box;cursor:pointer;margin:.4em 0;width:2rem;height:2rem;transition:transform 175ms cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1)}.controls__9U729 .rotateLeft__xjHZr>svg{display:block;width:2rem;height:2rem}.controls__9U729 .rotateLeft__xjHZr:hover{opacity:.8!important;transform:scale(1.1)!important}.controls__9U729 .rotateLeft__xjHZr:active{opacity:1!important;transform:scale(1)!important}.controls__9U729 .rotateLeft__xjHZr:first-of-type{margin-left:.4rem}.controls__9U729 .rotateLeft__xjHZr:last-of-type{margin-right:.4rem}.controls__9U729 .rotateLeft__xjHZr svg{width:1.75rem;transition:transform .35s cubic-bezier(.6,0,.1,1)}.controls__9U729 .rotateLeft__xjHZr:hover svg{transform:rotate(-30deg)}.controls__9U729 .rotateRight__Q71ZR{z-index:1000;box-sizing:border-box;cursor:pointer;margin:.4em 0;width:2rem;height:2rem;transition:transform 175ms cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1)}.controls__9U729 .rotateRight__Q71ZR>svg{display:block;width:2rem;height:2rem}.controls__9U729 .rotateRight__Q71ZR:hover{opacity:.8!important;transform:scale(1.1)!important}.controls__9U729 .rotateRight__Q71ZR:active{opacity:1!important;transform:scale(1)!important}.controls__9U729 .rotateRight__Q71ZR:first-of-type{margin-left:.4rem}.controls__9U729 .rotateRight__Q71ZR:last-of-type{margin-right:.4rem}.controls__9U729 .rotateRight__Q71ZR svg{width:1.75rem;transition:transform .35s cubic-bezier(.6,0,.1,1)}.controls__9U729 .rotateRight__Q71ZR:hover svg{transform:rotate(30deg)}.controls__9U729 .download__z6NFZ{z-index:1000;box-sizing:border-box;cursor:pointer;margin:.4em 0;width:2rem;height:2rem;transition:transform 175ms cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1)}.controls__9U729 .download__z6NFZ>svg{display:block;width:2rem;height:2rem}.controls__9U729 .download__z6NFZ:hover{opacity:.8!important;transform:scale(1.1)!important}.controls__9U729 .download__z6NFZ:active{opacity:1!important;transform:scale(1)!important}.controls__9U729 .download__z6NFZ:first-of-type{margin-left:.4rem}.controls__9U729 .download__z6NFZ:last-of-type{margin-right:.4rem}.controls__9U729 .download__z6NFZ svg{margin-top:-.06rem;width:1.75rem}.controls__9U729 .zoom__VWyU-{z-index:1000;box-sizing:border-box;cursor:pointer;margin:.4em 0;width:2rem;height:2rem;transition:transform 175ms cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1)}.controls__9U729 .zoom__VWyU->svg{display:block;width:2rem;height:2rem}.controls__9U729 .zoom__VWyU-:hover{opacity:.8!important;transform:scale(1.1)!important}.controls__9U729 .zoom__VWyU-:active{opacity:1!important;transform:scale(1)!important}.controls__9U729 .zoom__VWyU-:first-of-type{margin-left:.4rem}.controls__9U729 .zoom__VWyU-:last-of-type{margin-right:.4rem}.controls__9U729 .close__N7GMd{z-index:1000;box-sizing:border-box;cursor:pointer;margin:.4em 0;width:2rem;height:2rem;transition:transform 175ms cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1)}.controls__9U729 .close__N7GMd>svg{display:block;width:2rem;height:2rem}.controls__9U729 .close__N7GMd:hover{opacity:.8!important;transform:scale(1.1)!important}.controls__9U729 .close__N7GMd:active{opacity:1!important;transform:scale(1)!important}.controls__9U729 .close__N7GMd:first-of-type{margin-left:.4rem}.controls__9U729 .close__N7GMd:last-of-type{margin-right:.4rem}.sideButton__u3mXw{z-index:1000;box-sizing:border-box;cursor:pointer;opacity:0;position:absolute;top:50%;padding:.4rem;transition:transform .35s cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1)}.sideButton__u3mXw>svg{display:block;width:2rem;height:2rem}.sideButton__u3mXw:hover{opacity:.8!important;transform:translate(0) translateY(-50%)!important}.sideButton__u3mXw:active{opacity:1!important}.sideButton__u3mXw.show__GPCB-{opacity:.8}.flipLeft__OgnvQ{z-index:1000;box-sizing:border-box;cursor:pointer;opacity:0;position:absolute;top:50%;transition:transform .35s cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1);left:0;padding:.4rem .4rem .4rem .6rem;border-radius:0 .5em .5em 0;transform:translate(-100%) translateY(-50%)}.flipLeft__OgnvQ>svg{display:block;width:2rem;height:2rem}.flipLeft__OgnvQ:hover{opacity:.8!important;transform:translate(0) translateY(-50%)!important}.flipLeft__OgnvQ:active{opacity:1!important}.flipLeft__OgnvQ.show__GPCB-{opacity:.8}.flipLeft__OgnvQ:active{transform:translate(-.2em) translateY(-50%)!important}.flipLeft__OgnvQ.show__GPCB-{opacity:.8;transform:translate(-.2em) translateY(-50%)}.flipRight__wywuu{z-index:1000;box-sizing:border-box;cursor:pointer;opacity:0;position:absolute;top:50%;padding:.4rem .6rem .4rem .4rem;transition:transform .35s cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1);right:0;border-radius:.5rem 0 0 .5rem;transform:translate(100%) translateY(-50%)}.flipRight__wywuu>svg{display:block;width:2rem;height:2rem}.flipRight__wywuu:hover{opacity:.8!important;transform:translate(0) translateY(-50%)!important}.flipRight__wywuu:active{opacity:1!important}.flipRight__wywuu.show__GPCB-{opacity:.8}.flipRight__wywuu:active{transform:translate(.2em) translateY(-50%)!important}.flipRight__wywuu.show__GPCB-{opacity:.8;transform:translate(.2em) translateY(-50%)}.pages__5GsnL{box-sizing:border-box;display:flex;position:absolute;left:50%;bottom:.6rem;z-index:110;opacity:0;border-radius:2rem;transform:translate(-50%,100px);transition:transform .35s cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1)}.pages__5GsnL.show__GPCB-{opacity:.8;transform:translate(-50%)}.pages__5GsnL.mobile__6jMYl{bottom:2rem}.pages__5GsnL .dot__kUakb{cursor:pointer;margin:.45rem .25rem;display:block;width:.6rem;height:.6rem;border-radius:1.2rem;background:#000;transition:transform .35s cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1),width .35s cubic-bezier(.6,0,.1,1)}.pages__5GsnL .dot__kUakb:first-of-type{margin-left:.6rem}.pages__5GsnL .dot__kUakb:last-of-type{margin-right:.6rem}.pages__5GsnL .blackDot__bhplt{cursor:pointer;margin:.45rem .25rem;display:block;width:.6rem;height:.6rem;border-radius:1.2rem;transition:transform .35s cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1),width .35s cubic-bezier(.6,0,.1,1);cursor:auto;cursor:initial;width:1rem;background:#000}.pages__5GsnL .blackDot__bhplt:first-of-type{margin-left:.6rem}.pages__5GsnL .blackDot__bhplt:last-of-type{margin-right:.6rem}.pages__5GsnL .whiteDot__P7lUz{cursor:pointer;margin:.45rem .25rem;display:block;width:.6rem;height:.6rem;border-radius:1.2rem;background:#000;transition:transform .35s cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1),width .35s cubic-bezier(.6,0,.1,1);background:#999}.pages__5GsnL .whiteDot__P7lUz:first-of-type{margin-left:.6rem}.pages__5GsnL .whiteDot__P7lUz:last-of-type{margin-right:.6rem}.pages__5GsnL .whiteDot__P7lUz:hover{opacity:.8!important;transform:scale(1.1)!important}.pages__5GsnL .whiteDot__P7lUz:active{opacity:1!important;transform:scale(1)!important}.imageLayer__yjPf3{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .35s cubic-bezier(.6,0,.1,1),opacity .35s cubic-bezier(.6,0,.1,1),clip-path .35s cubic-bezier(.6,0,.1,1);position:absolute;left:50%;top:50%;will-change:transform,top,opacity,clip-path}.imageLayer__yjPf3.zooming__3mMU7{transition-timing-function:cubic-bezier(0,.1,.1,1);-ms-transition-duration:0ms}.imageLayer__yjPf3.invalidate__MJYkk{opacity:0!important;pointer-events:none}.loadingContainer__-joiS{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:50%;top:50%;opacity:0;transition:opacity cubic-bezier(.6,0,.1,1) 175ms}.loadingContainer__-joiS.show__-FZiR{opacity:1}.loadingContainer__-joiS .reload__bc5Ze{border:2px solid;border-radius:5px;font-size:1rem;padding:.5rem;cursor:pointer;outline:none;transform:translate(-50%,-50%)}.loadingContainer__-joiS .reload__bc5Ze:hover{opacity:.8}.loadingContainer__-joiS .reload__bc5Ze:hover svg{transform:rotate(30deg)}.loadingContainer__-joiS .reload__bc5Ze:active{opacity:1}.loadingContainer__-joiS .reload__bc5Ze svg{display:block;transition:transform .35s cubic-bezier(.6,0,.1,1)}.loadingContainer__-joiS .loading__I-J4i{width:24px;height:24px;transform:translate(-50%,-50%);animation:spin__VlJlO 1s linear infinite}@keyframes fadeIn__pJo4c{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fadeOut__WgOXl{0%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes spin__VlJlO{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.backgroundLayer__CGbNW{position:absolute;top:0;left:0;right:0;bottom:0;cursor:zoom-out;background-color:#fff;transition:opacity .2s;will-change:opacity;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box;font-family:Ubuntu,Helvetica Neue,Luxi Sans,DejaVu Sans,Tahoma,Hiragino Sans GB,Microsoft Yahei,sans-serif!important}body{margin:0;padding:0}h1{line-height:6rem;font-size:4.5rem;font-weight:400;margin:-.5em 0 .4rem;color:#000000e6}h2{margin:0 0 30px;font-size:2.2rem;font-weight:400;color:#000c}h3{font-size:1rem;font-weight:400;color:#0009}a{text-align:center;font-size:.58rem;color:#999;display:inline-block;margin:14px 4px}span{font-size:.78rem}p{font-size:1.05rem;color:#666}code{margin:30px 0;padding:1rem;border-left:4px solid #808080;color:#717682;background-color:#f9f9f9!important}code,kbd,samp{font-size:.8rem}span.string{color:#c083de!important}.image__0RuBA{width:100%;transition:transform .3s}.tag__aZsAc{cursor:pointer;display:inline-block;padding:6px 10px;color:#fff;font-weight:700;border-radius:4px;line-height:1;margin:4px;vertical-align:baseline;background-color:#1b1c1e;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif}.button__WE99x{-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-block;border:1px solid black;border-radius:6px;font-size:1.3rem;padding:12px 20px;text-decoration:none;margin:25px 10px;transition:all .1s}.button__WE99x:hover,.button__WE99x:active{color:#fff;background-color:#000}.github__K8kE5{transition:all .1s}.github__K8kE5 svg{width:24px;height:24px;fill:#999}.github__K8kE5:hover svg{fill:#666}.github__K8kE5:active svg{fill:#333}.pageContainer__YwLOn{box-sizing:border-box}.pageContainer__YwLOn .page__w6zPL{position:relative;height:100vh;display:flex}.pageContainer__YwLOn .page__w6zPL>div{margin:auto}.pageContainer__YwLOn .page__w6zPL h4{font-weight:lighter}.pageContainer__YwLOn .page__w6zPL a>img{width:150px;height:auto;margin-bottom:30px}@media only screen and (max-width: 1080px){.pageContainer__YwLOn .page__w6zPL h1{font-size:3rem}.pageContainer__YwLOn .page__w6zPL h4{padding:0 10%;margin-top:-10px;font-weight:lighter}}.pageContainer__YwLOn .page__w6zPL .github__K8kE5{position:absolute;top:20px;right:20px}.pageContainer__YwLOn .horizon__mPWbS{border-top:1px solid #eeefee;margin:auto;max-width:1080px;padding-top:80px;padding-bottom:80px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center}.pageContainer__YwLOn .horizon__mPWbS:nth-child(odd){flex-direction:row-reverse}.pageContainer__YwLOn .horizon__mPWbS>div{max-width:50%;padding:30px 40px}@media only screen and (max-width: 1080px){.pageContainer__YwLOn .horizon__mPWbS:nth-child(odd){flex-direction:row}.pageContainer__YwLOn .horizon__mPWbS>div{max-width:100%;padding:20px}.pageContainer__YwLOn .horizon__mPWbS>div:last-of-type{width:100%;padding:0}.pageContainer__YwLOn .horizon__mPWbS>div:last-of-type img{border-radius:0}}.pageContainer__YwLOn .horizon__mPWbS .clickable__uj7pC{position:relative;cursor:pointer}.pageContainer__YwLOn .horizon__mPWbS .clickable__uj7pC:after{content:"";display:block;position:absolute;left:-4px;bottom:-2px;width:0;height:.5rem;background-color:#0088ff82;transition:all .3s}.pageContainer__YwLOn .horizon__mPWbS .clickable__uj7pC:hover:after{width:113%;height:.5rem}.pageContainer__YwLOn .horizon__mPWbS .helpBox__om-xM a{font-size:1.05rem;text-decoration:underline;position:relative;cursor:pointer}.pageContainer__YwLOn .horizon__mPWbS .helpBox__om-xM a:after{content:"";display:block;position:absolute;left:-4px;bottom:-2px;width:0;height:.5rem;background-color:#0088ff82;transition:all .3s}.pageContainer__YwLOn .horizon__mPWbS .helpBox__om-xM a:hover:after{width:113%;height:.5rem}.pageContainer__YwLOn .horizon__mPWbS .imageBox__YY9dS a{text-align:center;width:100%}.pageContainer__YwLOn .project__EfkNz{cursor:default;-webkit-user-select:none;user-select:none;text-align:center}.pageContainer__YwLOn .project__EfkNz .button__WE99x{margin-top:20px}.pageContainer__YwLOn .scrollDownHint__aQu9b{position:absolute;left:50vw;bottom:26px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.pageContainer__YwLOn .scrollDownHint__aQu9b span{color:#999}.pageContainer__YwLOn .scrollDownHint__aQu9b img{transform:scale(.45);margin:-10px 0 -28px;animation-name:blink__ZZCez;animation-duration:1s;animation-direction:alternate;animation-iteration-count:infinite}.pageContainer__YwLOn .scrollDownHint__aQu9b img:first-of-type{animation-delay:0s;opacity:0}.pageContainer__YwLOn .scrollDownHint__aQu9b img:last-of-type{animation-delay:.5s;opacity:0}.pageContainer__YwLOn .bottomBanner__JJnIQ{display:flex;background-color:#f2f3f5}.pageContainer__YwLOn .bottomBanner__JJnIQ>div{padding:60px;margin:auto}.pageContainer__YwLOn .bottomBanner__JJnIQ>div h2{margin:20px 0 10px}.pageContainer__YwLOn .footer__7JWD2{padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.pageContainer__YwLOn .footer__7JWD2>div{margin-top:10px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.pageContainer__YwLOn .footer__7JWD2>div a{margin:0 6px;width:auto}.pageContainer__YwLOn .footer__7JWD2 span{color:#999}.pageContainer__YwLOn .footer__7JWD2 .hr__xrtEc{margin-top:0;background-color:#eeefee;width:1px;height:50px}@keyframes blink__ZZCez{0%{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(.55)}}