@import"https://fonts.googleapis.com/css2?family=Dongle:wght@300&display=swap";*{-moz-box-sizing:border-box;box-sizing:border-box}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.2}table{border-collapse:collapse;border-spacing:0}ol{padding-left:1.4em;list-style:decimal}ul{padding-left:1.4em;list-style:square}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}body{font-family:Dongle,sans-serif;background:#ccc}.container{display:flex;justify-content:center;align-items:center}.container .right-container{width:420px;display:flex;flex-direction:column;margin-left:40px}.right-container .custom-drawing-files button:focus{outline:0}.right-container .user-select-container{margin:10px 0}.right-container .custom-cursor{position:absolute}.controls-wrapper{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:420px;margin-left:0}.controls-wrapper .right-pane{margin-right:40px}.controls-wrapper .mode-selector{font-size:25px;border:1px solid #b0b0b0;border-radius:3px;padding:10px}.controls-wrapper .mode-selector *{cursor:pointer}.controls-wrapper .mode-selector input[disabled]{cursor:default}.controls-wrapper .mode-selector input[disabled]+label{cursor:default;color:#858585}.iteration{font-family:Dongle,sans-serif;font-size:25px;text-align:left;color:#0d5e8d;margin-top:10px;border-radius:3px}.speed-selector{font-size:25px;margin-top:10px}.speed-selector input{padding-top:6px}#speed-input{font-size:25px;font-family:Dongle,sans-serif;background-color:#e0e0e0;border:none;width:25px;height:25px;border-radius:3px;text-align:center}#speed-input:hover{box-shadow:0 0 10px #706f6f}.canvas-wrapper{height:100vh;position:relative}#canvasID{position:relative;top:80px}#canvas-drawing{display:none;cursor:none;position:absolute;top:80px;left:0;z-index:120}button{font-family:Dongle,sans-serif;font-size:22px;padding:1px;margin-right:3px;background-color:#fc0;border:1px solid #ffcc00;border-radius:5px;border-bottom:1px solid #9f9f9f;box-shadow:inset 0 1px #ffffff80;cursor:pointer;width:60px;height:30px;margin-top:10px;line-height:1.3}button:hover{box-shadow:0 0 7px #9f9f9f}button:active{background-color:#ffcc00b3}.zoo-selector{position:absolute;top:300px}.zoo-selector label{font-size:20px}.zoo-selector .critter-comments{font-size:20px;width:350px;margin:15px 0 0 3px;overflow:hidden;text-overflow:ellipsis}a{white-space:nowrap}a:link{color:#706f6f;text-decoration:none}a:visited{color:#706f6f}a:hover{color:#014360}select,input{outline:none;background-color:#ccc;border-radius:3px;padding:3px}#primitives{width:150px}.drawing-toolbox{width:120px;border:1px solid #b0b0b0;border-radius:3px;padding:5px;margin-top:10px}.drawing-toolbox .item{display:flex;margin:0 2px;cursor:pointer;border:1px solid black;width:24px;height:24px}.drawing-toolbox .item img:hover{background-color:#fc0}.zoombox-container{width:142px;height:142px;margin-bottom:20px}.zoombox-container .zoombox{border:1px solid #b0b0b0;background-color:#f3f3f3;height:142px;width:142px}.zoombox-container .zoombox .coordinates{font-size:20px;margin-left:3px}.zoombox-container .zoombox .coordinates .x-pos-label,.zoombox-container .zoombox .coordinates .y-pos-label{font-weight:800}