html{background-color:#000;height:100%;overflow:hidden;width:100%}html.is-web{font-size:1vmin}@media screen and (max-width:1400px){html.is-web{font-size:.89vmin}}@media screen and (max-width:1200px){html.is-web{font-size:.8vmin}}@media screen and (max-width:1100px){html.is-web{font-size:.667vmin}}html.is-mobile{font-size:2.66667vmin}@media screen and (max-width:1366px)and (min-aspect-ratio:4/3)and (orientation:landscape){html.is-mobile{background-color:#000}html.is-mobile:after,html.is-mobile:before{align-items:center;display:flex;font:15vw icomoon!important;justify-content:center;position:fixed;text-align:center;z-index:66}html.is-mobile:before{animation:rotate-device 2.2s ease-in-out infinite forwards;bottom:0;color:#fffc;content:"";left:0;right:0;top:0;transform:translateZ(0)}html.is-mobile:after{color:#fff6;content:""}html.is-mobile body:before,html.is-mobile:after{display:flex;height:20rem;left:50%;margin-left:-10rem;margin-top:-10rem;top:50%;transform:rotate(-90deg);width:20rem}html.is-mobile body:before{align-items:center;animation:rotate-device 2.2s ease-in-out infinite forwards;color:#fffc;content:"";font:30vw icomoon!important;justify-content:center;position:fixed;text-align:center;z-index:99}html.is-mobile body>div{opacity:0}@keyframes rotate-device{0%{opacity:0;transform:rotate(-90deg)}60%{opacity:1}90%{opacity:1;transform:rotate(0deg)}to{opacity:0;transform:rotate(0deg)}}}#root,body{height:100%;width:100%}[class=is-web] .canvas-container img{max-height:100vh;max-width:100vw;opacity:0;pointer-events:none}[class=is-mobile] .canvas-container img{display:none}.canvas-wr{display:inline-block;flex:0 0 auto;min-width:0;position:relative;vertical-align:top}.canvas-wr.opacity-bg:before{display:block}.canvas-wr:before{background:#000;content:"";display:none;height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:9}[class=is-web] .canvas-wr{margin:auto}[class=is-mobile] .canvas-wr{margin:0 auto;max-width:100%}.canvas-wr canvas{-webkit-touch-callout:none;display:block;height:100%;object-fit:contain;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:9}[class=is-mobile] .canvas-wr canvas{display:flex;justify-content:center}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{border:0;box-sizing:border-box;margin:0;outline:0;padding:0;vertical-align:initial}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none;font-family:Arial,Helvetica,sans-serif}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}input::-ms-clear{display:none}::-moz-focus-inner{border:0;padding:0}a{text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}button,select{background:none;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=number]{-moz-appearance:textfield}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}select::-ms-expand{display:none}#root{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.canvas-container{position:relative}.canvas-container,.canvas-wrapper{display:flex;height:100%;width:100%}.canvas-wrapper{justify-content:center}.black-layer{background-color:#000;height:100%;opacity:.3;width:100%}.canvas-web-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}canvas{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:block;height:100%;-webkit-user-select:none;user-select:none;width:100%}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}