body{width:100%;height:100%;background-color:#003745;color:#fff;margin:0;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-box{flex-direction:row;justify-content:space-evenly;align-items:center;height:5em}.content-box,.nav-box{display:flex;width:100%}.content-box{flex-direction:column;justify-content:center;height:calc(100% - 5em)}.nav-box .router-link-exact-active{color:#ff0}.nav-box a{color:#fff}.fullscreen{position:absolute;top:0;left:0;bottom:0;right:0}line[data-v-f7eb6de2],path[data-v-f7eb6de2]{fill:none;stroke-linecap:square}.container[data-v-085ebd5b]{display:flex;justify-content:center;gap:1rem;height:100%;padding:1rem}.maze-box[data-v-085ebd5b]{height:100%;position:relative}#scratch-maze[data-v-085ebd5b]{stroke-width:2;stroke-linecap:square;transition:opacity 2s;opacity:0}#scratch-maze.show[data-v-085ebd5b]{opacity:1}.loading-box[data-v-085ebd5b]{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity 1s}.loading-box.hide[data-v-085ebd5b]{opacity:0}#original-maze[data-v-085ebd5b]{stroke-width:2}.wrapper[data-v-354e979b]{display:flex;flex-direction:column;height:100%}.instructions[data-v-354e979b]{padding:1rem;text-align:justify;max-width:35rem;margin:0 auto}.maze-box[data-v-e759a7f6]{width:100%;height:100%;display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;overflow:hidden;padding:1rem}#reference-maze[data-v-e759a7f6]{height:100%}#reference-maze line,#reference-maze path{stroke:#fff}#reference-maze #movePoint{cursor:pointer;fill:grey}#reference-maze #movePoint:hover{filter:brightness(1.4)}#reference-maze #movePoint.selected{filter:brightness(1.4);stroke:#ff0}#reference-maze #vectorPoint{cursor:pointer;fill:red}#reference-maze #vectorLine{stroke:red}#reference-maze #vectorPoint:hover{filter:brightness(2)}#reference-maze #vectorPoint.selected{filter:brightness(1.4);stroke:#ff0}#reference-maze #projectedPath{fill:none;stroke:#adff2f;stroke-width:3;stroke-linecap:square}.container[data-v-49df6220]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}#controlCircle{cursor:pointer}#controlCircle:hover{filter:brightness(1.25)}#controlCircle.selected{stroke:#ff0}.spinning-disc-container[data-v-10a9fade]{display:flex;justify-content:center;gap:1rem;height:100%;padding:1rem;overflow:hidden}.disc-box[data-v-10a9fade]{width:50%;height:100%;display:inline-flex;justify-content:center;align-items:center;position:relative;padding:1em;box-sizing:border-box}.guide-circle{stroke:red;stroke-dasharray:5;stroke-width:1;fill:none}#spinning-disc{fill:rgba(255,0,0,.3)}#circle-point{fill:#9acd32}line[data-v-67919fd8],path[data-v-67919fd8]{stroke:#fff;fill:none;stroke-width:.15;stroke-linecap:square}.bezier-box[data-v-1146a02d]{width:100%;height:100%;display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box}#reference-bezier #movePoint{cursor:pointer;stroke-width:.15}#reference-bezier #movePoint:hover{filter:brightness(1.4)}#reference-bezier #movePoint.selected{filter:brightness(1.4);stroke:#ff0}#reference-bezier #vectorPoint{cursor:pointer;stroke-width:.15}#reference-bezier #vectorPoint:hover{filter:brightness(2)}#reference-bezier #vectorLine{stroke-width:.15}#reference-bezier #vectorPoint.selected{filter:brightness(1.4);stroke:#ff0}#reference-bezier #projectedPath{fill:none;stroke:#adff2f;stroke-width:.5;stroke-linecap:square}