@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap);*{font-family:"Roboto";margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align:center;-webkit-user-drag:none;-moz-user-drag:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f1faee;overflow:hidden}header{display:flex;flex-direction:row;justify-content:space-around;width:100vw;background-color:#3b5d8c;color:#f1faee}header .headerGroup{display:flex;flex-direction:column;width:100%}header .headerGroup:first-child{border-right:.15em solid #f1faee}header .headerGroup-top{font-size:1em;margin-top:.3em;margin-bottom:.3em}header .headerGroup-bottom{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:100%;font-size:1em;margin-bottom:.5em}header .headerGroup-bottom>p{padding:.45em}header .headerGroup-bottom-button-wrapper{display:flex;justify-content:center;max-width:6em;flex-basis:100%}header .headerGroup-bottom-button-wrapper>.button{flex-basis:100%;padding:.3em;border:.15em solid #f1faee;text-align:center}header .headerGroup-bottom-button-wrapper>.button:focus,header .headerGroup-bottom-button-wrapper>.button:hover{background-color:#f1faee;color:#3b5d8c;transition-duration:.2s;cursor:pointer}.maze{display:flex;align-items:center;justify-content:center;margin-top:3em;margin-bottom:3em}.maze-grid{display:flex;flex-direction:row}.maze-grid-column{display:flex;flex-direction:column}.maze-grid-column>img{background-color:#a8dadc}.maze-grid-column>img.selectable{cursor:pointer}.maze-grid-column>img.stacked{background-color:#457b9d}.maze-grid-column>img.head{background-color:#ffe599}.maze-grid-column>img.start{background-color:#86b86f}.maze-grid-column>img.goal{background-color:#e06666}.maze-grid-column>img.start.goal{background-color:#8e7cc3}.settingsWindow{position:absolute;width:100vw;height:100vh;top:0;left:0;display:flex;align-items:center;justify-content:center}.settingsWindow-bg{z-index:1;background-color:rgba(0,0,0,.6);width:100%;height:100%;position:fixed}.settingsWindow-bg:hover{cursor:pointer}.settingsWindow-main{position:absolute;display:flex;flex-direction:column;z-index:2;border:5px solid #f1faee;background-color:#3b5d8c;max-width:20em;max-height:20em;border-radius:1em;padding:1em;color:#f1faee;font-size:2em;grid-gap:1em;gap:1em}.settingsWindow-main-setting_container{display:flex;flex-direction:row;width:100%;height:100%;grid-gap:2em;gap:2em}.settingsWindow-main-setting_container>label{text-align:left}.settingsWindow-main-setting_container>input{margin-left:auto;background-color:rgba(0,0,0,.2);border:2px solid #3b5d8c;color:#f1faee;font-size:1em;box-sizing:border-box}.settingsWindow-main-setting_container>input:focus-visible{outline:none;border:2px solid #f1faee}.settingsWindow-main-setting_container>input::-webkit-input-placeholder{color:rgba(241,250,238,.6)}.settingsWindow-main-setting_container>input:-ms-input-placeholder{color:rgba(241,250,238,.6)}.settingsWindow-main-setting_container>input::placeholder{color:rgba(241,250,238,.6)}.settingsWindow-main:last-child{margin:auto}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media screen and (max-width:800px){header{flex-direction:column}header .headerGroup:first-child{border-right:none;border-bottom:.15em solid #f1faee}}@media screen and (max-width:500px){.settingsWindow-main{font-size:1em}.settingsWindow-main-setting_container{grid-gap:1em;gap:1em}}
/*# sourceMappingURL=main.6036d9a1.chunk.css.map */