*{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0;width:100%}body{background:#eee!important}canvas{touch-action:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.circular-menu{left:-1.5em;opacity:.4;position:absolute;top:-1.5em}.circular-menu.active,.circular-menu:hover{opacity:1}.circular-menu .floating-btn{background-color:#fff;border-radius:50%;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);color:#777;cursor:pointer;display:block;height:3em;line-height:3.4;outline:0;text-align:center;width:3em}.circular-menu.active .floating-btn{box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.circular-menu .floating-btn:active{box-shadow:0 4px 8px 0 rgba(0,0,0,.4)}.circular-menu .floating-btn i{font-size:1.3em;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.circular-menu.active .floating-btn i{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.circular-menu .items-wrapper{margin:0;padding:0}.circular-menu .menu-item{background-color:rgba(0,0,0,.7);border-radius:50%;color:#fff;display:block;font-size:1em;height:2.5em;line-height:2.5;position:absolute;right:.2em;text-align:center;text-decoration:none;top:.2em;transition:background .2s ease,-webkit-transform .3s ease;transition:transform .3s ease,background .2s ease;transition:transform .3s ease,background .2s ease,-webkit-transform .3s ease;width:2.5em;z-index:-1}.circular-menu .menu-item:hover{background-color:rgba(0,0,0,.9)}.circular-menu.active .menu-item{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.circular-menu.active .menu-item:first-child{-webkit-transform:translate3d(1em,-7em,0);transform:translate3d(1em,-7em,0)}.circular-menu.active .menu-item:nth-child(2){-webkit-transform:translate3d(-3.5em,-6.3em,0);transform:translate3d(-3.5em,-6.3em,0)}.circular-menu.active .menu-item:nth-child(3){-webkit-transform:translate3d(-6.5em,-3.2em,0);transform:translate3d(-6.5em,-3.2em,0)}.circular-menu.active .menu-item:nth-child(4){-webkit-transform:translate3d(-7em,1em,0);transform:translate3d(-7em,1em,0)}.circular-menu.circular-menu-left{left:1em;right:auto}.circular-menu.circular-menu-left .floating-btn,.circular-menu.circular-menu-left:after{background-color:#4387f4}.circular-menu.circular-menu-left.active .floating-btn i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.circular-menu.circular-menu-left.active .menu-item:first-child{-webkit-transform:translate3d(-1em,-7em,0);transform:translate3d(-1em,-7em,0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(2){-webkit-transform:translate3d(3.5em,-6.3em,0);transform:translate3d(3.5em,-6.3em,0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(3){-webkit-transform:translate3d(6.5em,-3.2em,0);transform:translate3d(6.5em,-3.2em,0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(4){-webkit-transform:translate3d(7em,1em,0);transform:translate3d(7em,1em,0)}.dimension-length{border-left:1px solid #000;border-right:1px solid #000;display:flex;justify-content:space-evenly;padding-bottom:10px}.dimension-length div{border-bottom:1px solid #000;text-align:center;width:100%}.dimension-length div span{background-color:hsla(0,0%,100%,.6);border-radius:10px;color:#000;font-size:13px;font-weight:700;padding:2px 10px;text-align:center}.dimension-height{align-items:center;border-bottom:1px solid #000;border-top:1px solid #000;display:flex;padding-left:10px}.dimension-height div{align-items:center;border-left:1px solid #000;display:flex;height:100%}.dimension-height div span{background-color:hsla(0,0%,100%,.6);border-radius:10px;color:#000;font-size:13px;font-weight:700;padding:2px 10px;text-align:center}.dimension-width{border-left:1px solid #000;border-right:1px solid #000;display:flex;justify-content:space-evenly;padding-bottom:10px}.dimension-width div{border-bottom:1px solid #000;text-align:center;width:100%}.dimension-width div span{background-color:hsla(0,0%,100%,.6);border-radius:10px;color:#000;font-size:13px;font-weight:700;padding:2px 10px;text-align:center}
/*# sourceMappingURL=main.29ced54c.css.map*/