body{overflow:hidden;position:relative}#dev-tools{display:flex;flex-direction:column;position:absolute;z-index:10;top:0;left:0;padding:0;margin:0;background-color:#2d2d2d80}#dev-tools[data-show-status=hidden]>.notice-board-div{display:none}.notice-board{list-style-type:none;padding:0;margin:0}.notice-board[data-show-status=hidden]{display:none}.notice-board-div{display:flex;flex-direction:column}#notice-board>li{padding:.25rem;transition:background-color .5s ease-in-out;background-color:#2d2d2d80;font-size:1rem}.notice-board>li[data-status=good]{background-color:#007d0080}.notice-board>li[data-status=bad]{background-color:#7d000080}.control{width:4rem;height:4rem;border:none;padding:0;margin:0;background:transparent;display:inline-flex;align-items:center;justify-content:center}.control-img{width:100%;height:100%;display:block}.controls-wrapper{position:absolute;bottom:0;left:50%;z-index:1000;transition:transform .15s ease-in-out;padding-bottom:1rem}.controls{width:100%;max-width:280px;height:6rem;display:flex;flex-direction:row;justify-content:space-between;gap:1.5em;align-items:center}.active{transform:translate(-50%)}.inactive{transform:translate(-50%,100%)}