:root{--secondary: #524547;--olive: #173516;--grey: #A0AFBE;--primary: #1e5f71;--lightAccent: #C3D3E8;--darkAccent: #26252d}#bounce{direction:rtl}.scale-wrapper{display:flex;flex-direction:column}.scale-select{display:flex;flex-direction:row}.scale-select>input{appearance:none;-webkit-appearance:none;-moz-appearance:none}.scale-select>label{display:flex;align-items:center;justify-content:center;width:2em;height:2em}.scale-select>label:hover{background-color:var(--darkAccent)}.scale-select>input:checked+label{background-color:var(--darkAccent)}.checkbox-wrapper{display:flex;align-items:center;justify-content:center;height:2em;width:2em}.checkbox-wrapper>.button{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:1.5em;width:1.5em;border:.1em solid var(--grey);border-radius:.25em;background-color:var(--lightAccent);box-shadow:inset -.05em -.05em .1em var(--lightAccent),inset .1em .1em .1em #00000080}.checkbox-wrapper>.button:hover{cursor:pointer}.checkbox-wrapper>.button:checked{border-radius:.3em;background-color:var(--olive)}input[type=radio]{appearance:none;border:0;padding:0;margin:0}input[type=radio]:hover+label{border-color:var(--darkAccent);background-color:var(--darkAccent);cursor:pointer}input[type=radio]:hover+label>svg{cursor:pointer}input[type=radio]:active+label>svg{fill:var(--darkAccent);cursor:pointer}input[type=radio]:checked{border-color:var(--darkAccent);box-shadow:inset -.2em -.2em .1em var(--grey),inset .2em .2em .1em #00000080}input[type=radio]:checked+label>svg{fill:var(--darkAccent);stroke:var(--primary);filter:drop-shadow(-.1em -.1em .2em rgba(0,0,0,.5)) drop-shadow(.1em .1em .2em var(--lightAccent))}input[type=radio]:checked+label>.freehand{stroke:var(--darkAccent);fill:none}.freehand{fill:var(--primary);stroke-width:1em;stroke:var(--lightAccent)}svg{margin-left:1em;width:1.5em;height:1.5em;pointer-events:none;fill:var(--primary);stroke:var(--lightAccent);stroke-width:1em;filter:drop-shadow(-.05em -.05em .1em var(--lightAccent)) drop-shadow(.1em .1em .1em rgba(0,0,0,.75));transition:fill linear .1s}#drawing-selector{display:flex;flex-direction:column}.radio-option{display:flex;font-size:1em;width:100%;padding-top:.5em;padding-bottom:.5em;border-radius:.1em;box-shadow:inset -.1em -.1em .1em var(--lightAccent),inset .1em .1em .1em #00000080}.radio-option>label{display:flex;align-items:center;justify-content:space-between;width:100%}.number-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;font-size:1em;padding:.2em .1em;border:none;border-radius:.2em;box-shadow:inset -.05em -.05em .1em var(--lightAccent),inset .1em .1em .1em #00000080;text-align:center;background-color:var(--primary)}.number-input:focus{outline:none;background-color:var(--darkAccent)}.number-input:hover{outline:none;background-color:var(--darkAccent)}.number-input-wrapper{display:flex;flex-direction:row;align-items:center;border-radius:.2em;box-shadow:inset -.05em -.05em .1em var(--lightAccent),inset .1em .1em .1em #00000080}.number-input-wrapper:hover{box-shadow:inset -.05em -.05em .1em #00000080,inset .1em .1em .1em var(--lightAccent)}body{display:flex;justify-content:center;padding:0;margin:2em;background-color:#737b6e;background-image:linear-gradient(0deg,#737b6e 0%,#26252d 1%,#a47a50 42%,#737b6e 60%,#1e5f71 100%)}canvas{border:none;border-radius:1em;background-color:#ffffff1a;touch-action:none}button{color:#fff;font-size:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10em;height:2em;padding:.1em;margin:.2em;background-color:var(--primary);border:none;border-radius:1em;box-shadow:-.1em -.1em .2em var(--lightAccent),.1em .1em .2em #00000080;transition:box-shadow linear .1s}button:hover{background-color:var(--darkAccent)}button:active{box-shadow:-.1em -.1em .2em #00000080,.1em .1em .2em var(--lightAccent)}.main-screen{display:flex;align-items:center;justify-items:center}.separator{display:flex;justify-content:center;flex-direction:column}.dropdown-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:none;padding:.2em .1em;border-radius:.2em;box-shadow:inset -.05em -.05em .1em var(--lightAccent),inset .12em .12em .1em #00000080;text-align:center;transition:background-color .5s,box-shadow .5s}.dropdown-wrapper:hover{box-shadow:inset -.05em -.05em .1em #00000080,inset .12em .12em .1em var(--lightAccent)}.dropdown-wrapper:hover>.dropdown{background-color:var(--darkAccent)}.dropdown{display:flex;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;font-size:1em;border:none;height:100%;width:50%;background-color:var(--primary);transition:background-color .5s,box-shadow .5s}.dropdown:hover{cursor:pointer;background-color:var(--darkAccent);box-shadow:inset -.05em -.05em .1em #00000080,inset .12em .12em .1em var(--lightAccent)}.dropdown:focus{outline:none}.radios{display:flex;flex-direction:row-reverse;justify-content:center}.settings{display:flex;align-items:center}label{color:#fff;font:1.5em monospace;padding-right:1em;padding-left:1em}*,*:before,*:after{box-sizing:border-box}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-moz-range-thumb{border:none}.slider{width:10em;height:1em;padding:.1em;background:none;border-radius:1em;box-shadow:-.1em -.1em .2em var(--lightAccent),.1em .1em .2em #00000080}.slider::-webkit-slider-runnable-track{display:flex;align-items:center;height:1em;border-radius:1em;box-shadow:inset -.1em -.1em .1em var(--lightAccent),inset .2em .3em .4em #00000080}.slider::-webkit-slider-thumb{position:relative;top:-.5em;width:2em;height:2em;background-color:var(--primary);background-image:linear-gradient(-45deg,rgba(255,255,255,.2),transparent);border:1px solid var(--lightAccent);border-radius:1em;box-shadow:-.1em -.1em .2em var(--lightAccent),.1em .1em .2em #0000004d}.slider::-moz-range-track{display:flex;align-items:center;height:2em;border-radius:1em;box-shadow:inset -.5em -.5em .5em var(--lightAccent),inset .2em .3em .4em #00000080}.slider::-moz-range-thumb{position:relative;width:2em;height:2em;background-color:var(--primary);background-image:linear-gradient(-45deg,rgba(255,255,255,.5),transparent);border-radius:50%;box-shadow:-.1em -.1em .2em var(--lightAccent),.1em .1em .2em #0000004d}.slider-wrapper{display:flex;width:100%;align-items:center;text-align:center;padding:.5em;flex-direction:column}