html,body{width:100%;height:100%;margin:0;overflow-y:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.person-canvas-container,.person-canvas-container-2{position:absolute;z-index:9999;pointer-events:none;touch-action:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.toolbar{position:fixed;z-index:20000;display:flex;left:50%;top:10px;transform:translate(-50%)}.top-panel{display:flex;z-index:1}.top-panel:hover{cursor:pointer;transform:scale(1.1)}.nav-home{width:70px;height:70px;margin-right:12px}.nav-button{width:100px;height:100px;border:none;background:none;outline:none}.nav-add-text{width:88px;height:88px}.nav-button:hover{cursor:pointer;transform:scale(1.1)}nav img{width:100%;object-fit:cover}.nav-bag{left:0;top:0;height:200px}.control-panel{position:fixed;display:flex;z-index:1;flex-direction:column;align-items:center;bottom:10px}.control-panel button{width:60px;height:60px;border:none;background:none;outline:none!important;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.control-panel button:active{transform:scale(1.1)}.control-panel .bottom-line{display:flex}.control-panel img{width:100%;pointer-events:none}.nav-desk,.nav-bag,.nav-flower,.nav-door,.nav-tv,.nav-silkworm,.nav-computer{position:absolute}.nav-icon p{display:none;position:absolute;font-family:Courier New,Courier,monospace,sans-serif;z-index:1;font-weight:700}.nav-bag{top:0}.nav-author-wrapper p{color:#000;font-size:1.5rem}.nav-icon img{width:100%}.nav-bag:hover,.nav-desk:hover,.nav-flower:hover,.nav-door:hover,.nav-tv:hover,.nav-silkworm:hover,.nav-computer:hover{cursor:pointer;transform:scale(1.1)}.nav-flower{position:absolute;width:380px;left:45%;bottom:50px}.nav-computer{position:absolute;width:300px;right:28%;top:2%}.nav-silkworm{position:absolute;width:300px;left:28%;top:5%}.nav-tv{position:absolute;width:350px;left:75%;top:40%}.nav-door{position:absolute;width:340px;bottom:10%;left:7%}.nav-bag{position:absolute;width:500px;left:10px}.nav-desk{position:absolute;width:370px;left:75%;top:20%}.logo{display:flex;width:270px;position:fixed;z-index:-100;bottom:2%;right:2%;justify-content:flex-end;align-items:center}.logo img{width:100%;object-fit:cover}.nav-author-wrapper{position:absolute;right:2%;top:2%;text-align:right}.nav-author-web{margin-top:10px}@media screen and (max-width: 768px){body{display:flex}.logo-top{top:10px;width:90%;left:50%;transform:translate(-50%);-webkit-transform:translateX(-50%);pointer-events:none;z-index:-10}.logo-bottom{bottom:0px;width:90%;left:50%;transform:translate(-50%);-webkit-transform:translateX(-50%);pointer-events:none;z-index:-10}.nav-desk-wrapper,.nav-bag-wrapper,.nav-flower-wrapper,.nav-door-wrapper,.nav-tv-wrapper,.nav-silkworm-wrapper,.nav-computer-wrapper,.nav-author-wrapper{width:100vw;height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:center}.nav-author-wrapper{position:static}.nav-icon{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;overflow-x:scroll;overflow-y:hidden}.nav-desk,.nav-bag,.nav-flower,.nav-door,.nav-tv,.nav-silkworm,.nav-computer{position:static;width:100%}.logo{display:none}}@media screen and (max-width: 600px){.nav-button{width:85px;height:85px}.toolbar{right:15px;bottom:10px;left:auto;transform:none;top:auto}.top-panel{position:fixed;top:15px;right:15px}.nav-home{width:55px;height:55px}.nav-add-text{width:75px;height:75px}}