body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;width:100vw}*,body{margin:0}*{box-sizing:border-box;list-style:none;padding:0;-webkit-text-decoration:sans-serif;text-decoration:sans-serif}a{text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--clr-navy:#ff3131ef;--primary-clr:#fc9898;--secondary-clr:#fdddca;--light-line:#e4e2ed;--cell-width:40px;--light-text:#686673;--light-dot:#adaac0;--wall-clr:#0c3547;--path-clr:#ffc800;--visited-clr:#86ffa8}@keyframes radiate{0%{background-color:#ff000070}20%{background-color:#000042bf;border-radius:100%;transform:scale(.3)}50%{background-color:#1168d9bf}75%{background-color:#00d99fbf}to{background-color:var(--visited-clr);transform:scale(1.05)}}@keyframes pathradiate{0%{background-color:#000}20%{background-color:rgba(44,0,70,.991);border-radius:100%;transform:scale(.3)}50%{background-color:#1e11d9bf}75%{background-color:#00d9cebf}to{background-color:#ffc800;transform:scale(1.05)}}@keyframes radiatesourcetarget{0%{transform:scale(.7)}50%{transform:scale(.9)}to{transform:scale(.7)}}@keyframes blink{0%{background-color:rgba(246,166,7,.347)}50%{background-color:rgba(33,203,33,.406)}to{background-color:rgba(250,35,157,.333)}}.template{grid-gap:10px;display:grid;grid-template-rows:auto 1fr;height:100vh}.wall{background:url(/static/media/wall.8a81ea055ffd9b349e88.png);background-repeat:no-repeat;background-size:cover;cursor:pointer}.col.source.path,.col.target.path,.path{animation:pathradiate 1s ease-out forwards;background-color:#ffc800}.col.renderedpath{background-color:#ffc800}.unvisited{transition:3s ease-in}.visited{animation:radiate 1s ease-out forwards;background-color:#00d99fbf}.col.renderedvisited{background-color:#86ffa8}.source{cursor:pointer;position:relative}.col.source,.col.target{align-items:center;animation:blink 1s ease infinite;display:flex;justify-content:center}.source:before{animation:radiatesourcetarget 1s ease infinite;background:url(/static/media/source.b4dc272614c70b5a7e96.png) no-repeat 50%;background-size:contain;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.target{cursor:pointer;position:relative}.target:before{animation:radiatesourcetarget 1s ease infinite;background:url(/static/media/target.42736d947b992943db49.png) no-repeat 50%;background-size:contain;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.swal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:hsla(30,3%,49%,.186)}.swal-modal{border:5px solid #ff3d3da1;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.635)}.swal-text{color:#534641;font-size:18px;-webkit-user-select:none;user-select:none}.swal-button{background-color:#ff3d3da1;border:none;border-radius:2px;font-size:12px;padding:7px 19px}nav{align-items:center;background-color:var(--clr-navy);justify-content:space-between;padding:4px;position:relative}.logo,nav{display:flex;flex-direction:column}.logo{color:#fff;font-size:25px;font-weight:bolder;left:0;padding:0 16px;position:absolute;top:50%;transform:translateY(-50%);transition:.5s}.logo:hover{text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;transform:translateY(-50%) scale(1.1)}.btn{background-color:var(--primary-clr);border:2px solid hsla(0,0%,100%,.294);border-radius:5px;color:#fff;cursor:pointer;font-size:large;font-weight:600;justify-self:start;margin-top:10px;padding:8px 16px;text-align:center;transition:.5s;-webkit-user-select:none;user-select:none}.btn:hover{background-color:#f98383;border:2px solid #000;color:#000}.nav-menu{align-items:center;display:flex;margin-top:10px;-webkit-user-select:none;user-select:none}.drop-box{position:relative}.drop-box.active .drop-menu{display:block}.drop-box .drop-menu{background-color:var(--clr-navy);border-radius:8px;display:none;min-width:120px;padding:4px;position:absolute;right:0;top:calc(100% + 20px);z-index:10}.nav-menu>li>a{align-items:center;color:#fff;display:flex;font-weight:600;gap:4px;padding:8px 16px;white-space:nowrap}.nav-menu>li>a:hover{color:var(--secondary-clr)}.nav-menu>li.active>a{background-color:var(--primary-clr)}.nav-menu>li.active>a:hover{color:#fff}.drop-menu>li>a:hover{background-color:var(--primary-clr)}.drop-menu>li>a{border-radius:4px;color:#fff;display:block;margin-top:2px;padding:8px}.drop-menu>li.active>a{background-color:var(--primary-clr)}.caret{aspect-ratio:1;background:url(/static/media/caret-down.f6df6b376109433e11c7.svg);display:block;width:14px}@media (max-width:925px){.logo{font-size:20px;top:40px}}.guide-bar{display:flex;justify-content:space-around;padding-left:10px;padding-right:10px;padding-top:10px}.guidenav{display:flex;padding-left:5px;padding-right:5px;-webkit-user-select:none;user-select:none}.guidesource,.guidetarget{background-repeat:no-repeat;background-size:contain;height:25px;margin-right:5px;width:25px}.guidetarget{background-image:url(/static/media/target.42736d947b992943db49.png)}.guidesource{background-image:url(/static/media/source.b4dc272614c70b5a7e96.png)}.guidepath,.guideunvisited,.guidevisited,.guidewall{border:2px solid #000;border-radius:4px;height:25px;margin-right:5px;width:25px}.guideunvisited{background-color:#e0ffff}.guidevisited{background-color:#86ffa8}.guidewall{background-image:url(/static/media/wall.8a81ea055ffd9b349e88.png);background-repeat:no-repeat;background-size:cover}.guidepath{background-color:#ffc800}.row{display:flex}.grid-box{flex-direction:column;justify-content:top}.col,.grid-box{align-items:center;display:flex}.col{aspect-ratio:1;background-color:#e0ffff;border:3px solid #000;font-size:9px;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;width:var(--cell-width)}
/*# sourceMappingURL=main.1acd4079.css.map*/