html,body{height:100%;margin:0;padding:0}canvas{z-index:1;display:block;position:absolute;border:1px solid #000;width:100vw;height:calc(100vh - 50px);top:50px;left:0}.instructions{margin-top:10px;font-family:Arial,sans-serif}.navbar{position:fixed;z-index:100;color:#fff;display:flex;background:#222;align-items: center;width:100%;height:50px;padding-left:20px;font-size:1.2em;top:0;left:0}.hamburger{position:fixed;display:block;cursor:pointer;z-index:90;appearance:none;outline:none;background:0 0;border:none;width:40px;top:50px}.hamburger .bar,.hamburger:after,.hamburger:before{content:"";display:block;background-color:#313030;width:100%;height:5px;margin:6px 0;transition:all .4s}.hamburger.is-active{transition:all .4s;transform:translate(280px)}.hamburger.is-active:before{transform:rotate(-45deg)translate(-7px,6px)}.hamburger.is-active .bar{opacity:0}.hamburger.is-active:after{transform:rotate(45deg)translate(-9px,-9px)}#file{position:fixed;display:flex;cursor:pointer;z-index:100;outline:none;background:0 0;border:none;width:40px;height:50px;margin:0;padding:0;top:5px;left:5px}#file img{object-fit:contain;width:40px;height:40px}.mobile-nav{position:fixed;overflow-y:auto;display:block;z-index:98;scrollbar-width:none;-ms-overflow-style:none;background-color:#272a2e;width:282px;height:100vh;transition:all .4s;top:50px;left:-100%}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav.is-active{display:block;left:0}.mobile-nav a{display:block;text-align:center;color:#fff;text-decoration:none;box-sizing:border-box;background-color:#272a2e;width:100%;padding:12px 16px}.mobile-nav a:hover{background-color:#555}#shape-list{box-sizing:border-box;width:100%;padding:12px 0}#shape-list *{box-sizing:border-box}.vertical-toolbar{position:fixed;display:flex;z-index:95;background:#e5e5e5;flex-direction:column;align-items: center;width:56px;height:calc(100vh - 50px);padding-top:8px;transition:all .4s;top:50px;right:0;box-shadow:-2px 0 4px #0000000d}.vertical-toolbar button{cursor:pointer;display:flex;background:0 0;border:none;justify-content:center;align-items: center;width:40px;height:40px;margin:8px 0}.vertical-toolbar button:hover{background:#ddd;border-radius:8px}.vertical-toolbar.is-active{display:block;bottom:0}.vertical-toolbar button img{width:24px;height:24px}.vertical-toolbar button.active{background-color:#bbb;border-radius:8px}#title{display:fixed;align-self: center;padding-left:45%;font-family:Fira Sans,sans-serif;font-weight:700}.menu-button:hover{background-color:#e0e0e0;border-radius:4px}.dropdown{display:none;position:absolute;z-index:102;background-color:#fff;border:1px solid #ccc;flex-direction:column;min-width:160px;top:100%;left:0;box-shadow:0 2px 6px #0000001a}.dropdown button{text-align:left;cursor:pointer;color:initial;background:0 0;border:none;width:100%;padding:8px 12px}.dropdown button:hover{background-color:#f1f1f1}.menu-item .dropdown.show{display:flex}.menu-item{z-index:101}.IoU{position:fixed;color:#fff;z-index:200;background-color:#00000080;border-radius:4px;padding:4px 8px;font-size:1.4em;top:70px;right:70px}.error-message{position:absolute;color:#fff;z-index:1000;background-color:#ff4d4d;border-radius:5px;padding:10px 20px;font-weight:700;bottom:10px;left:50%;transform:translate(-50%)}#new-rand-poly{position:relative;color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;width:30%;padding:8px;font-size:1em;top:6px;left:68%}#select-all-checkbox{position:relative;width:20px;height:20px;top:9px;left:0%}label[for=select-all-checkbox]{position:absolute;color:#fff;font-weight:700;top:13px;left:30px}