.file-upload-form{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center}.file-upload-label input{display:none}.file-upload-label svg{height:50px;fill:#525252;margin-bottom:20px}.file-upload-label{cursor:pointer;background-color:#ddd;padding:30px 70px;border-radius:40px;border:2px dashed rgb(82,82,82);box-shadow:0 0 200px -50px #000000b7}.file-upload-design{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.browse-button{background-color:#525252;padding:5px 15px;border-radius:10px;color:#fff;transition:all .3s}.browse-button:hover{background-color:#0e0e0e}#mapmaker__create-button{margin-top:8px}.button{--button_radius: .75em;--button_color: #e8e8e8;--button_outline_color: #000000;--button_pushed_down-color: #888;font-size:1em;font-weight:700;border:none;cursor:pointer;border-radius:var(--button_radius);background:var(--button_outline_color)}.button_top{display:block;box-sizing:border-box;border:2px solid var(--button_outline_color);border-radius:var(--button_radius);padding:.75em 1.5em;background:var(--button_color);color:var(--button_outline_color);transform:translateY(-.2em);transition:transform .1s ease}.button:hover .button_top,.button.pulled-up .button_top{transform:translateY(-.33em)}.button:active .button_top,.button.pushed-down .button_top{transform:translateY(0)}.button.pushed-down .button_top{background:var(--button_pushed_down-color)}.switch{margin-bottom:8px}.switch:before{position:absolute;content:"Activities";left:-5.5em;top:0;text-decoration:underline;font-weight:800;font-size:.9em}.switch:after{position:absolute;content:"Draw";left:3em;top:0;text-decoration:none;font-weight:600;font-size:.9em}.switch:has(.switch__input:checked):before{text-decoration:none;font-weight:600}.switch:has(.switch__input:checked):after{text-decoration:underline;font-weight:800}.switch{--switch_width: 2em;--switch_height: 1em;--thumb_color: #e8e8e8;--track_color: #e8e8e8;--track_active_color: #888;--outline_color: #000;font-size:1.2em;position:relative;display:inline-block;width:var(--switch_width);height:var(--switch_height)}.switch input{opacity:0;width:0;height:0}.switch__slider{box-sizing:border-box;border:2px solid var(--outline_color);position:absolute;cursor:pointer;inset:0;background-color:var(--track_color);transition:.15s;border-radius:var(--switch_height)}.switch__slider:before{box-sizing:border-box;position:absolute;content:"";height:var(--switch_height);width:var(--switch_height);border:2px solid var(--outline_color);border-radius:100%;left:-2px;bottom:-2px;background-color:var(--thumb_color);transform:translateY(-.2em);box-shadow:0 .2em 0 var(--outline_color);transition:.15s}input:checked+.switch__slider{background-color:var(--track_active_color)}input:focus-visible+.switch__slider{box-shadow:0 0 0 2px var(--track_active_color)}input:hover+.switch__slider:before{transform:translateY(-.3em);box-shadow:0 .3em 0 var(--outline_color)}input:checked+.switch__slider:before{transform:translate(calc(var(--switch_width) - var(--switch_height))) translateY(-.2em)}input:hover:checked+.switch__slider:before{transform:translate(calc(var(--switch_width) - var(--switch_height))) translateY(-.3em);box-shadow:0 .3em 0 var(--outline_color)}#loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2em;font-weight:700;color:#fff}.pencil{display:block;width:10em;height:10em}.pencil__body1,.pencil__body2,.pencil__body3,.pencil__eraser,.pencil__eraser-skew,.pencil__point,.pencil__rotate,.pencil__stroke{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.pencil__body1,.pencil__body2,.pencil__body3{transform:rotate(-90deg)}.pencil__body1{animation-name:pencilBody1}.pencil__body2{animation-name:pencilBody2}.pencil__body3{animation-name:pencilBody3}.pencil__eraser{animation-name:pencilEraser;transform:rotate(-90deg) translate(49px)}.pencil__eraser-skew{animation-name:pencilEraserSkew;animation-timing-function:ease-in-out}.pencil__point{animation-name:pencilPoint;transform:rotate(-90deg) translate(49px,-30px)}.pencil__rotate{animation-name:pencilRotate}.pencil__stroke{animation-name:pencilStroke;transform:translate(100px,100px) rotate(-113deg)}@keyframes pencilBody1{0%,to{stroke-dashoffset:351.86;transform:rotate(-90deg)}50%{stroke-dashoffset:150.8;transform:rotate(-225deg)}}@keyframes pencilBody2{0%,to{stroke-dashoffset:406.84;transform:rotate(-90deg)}50%{stroke-dashoffset:174.36;transform:rotate(-225deg)}}@keyframes pencilBody3{0%,to{stroke-dashoffset:296.88;transform:rotate(-90deg)}50%{stroke-dashoffset:127.23;transform:rotate(-225deg)}}@keyframes pencilEraser{0%,to{transform:rotate(-45deg) translate(49px)}50%{transform:rotate(0) translate(49px)}}@keyframes pencilEraserSkew{0%,32.5%,67.5%,to{transform:skew(0)}35%,65%{transform:skew(-4deg)}37.5%,62.5%{transform:skew(8deg)}40%,45%,50%,55%,60%{transform:skew(-15deg)}42.5%,47.5%,52.5%,57.5%{transform:skew(15deg)}}@keyframes pencilPoint{0%,to{transform:rotate(-90deg) translate(49px,-30px)}50%{transform:rotate(-225deg) translate(49px,-30px)}}@keyframes pencilRotate{0%{transform:translate(100px,100px) rotate(0)}to{transform:translate(100px,100px) rotate(720deg)}}@keyframes pencilStroke{0%{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(-113deg)}50%{stroke-dashoffset:164.93;transform:translate(100px,100px) rotate(-113deg)}75%,to{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(112deg)}}.messages{position:fixed;bottom:0;right:0;display:flex;flex-direction:column-reverse;margin:8px;gap:8px}.message{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:320px;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:start;border-radius:8px;box-shadow:0 0 5px -3px #111}.message--info{background:#509af8}.message--success{background:#84d65a}.message--warning{background:#f7c752}.message--error{background:#ef665b}.message__icon{width:20px;height:20px;transform:translateY(-2px);margin-right:8px}.message__icon path{fill:#fff}.message--dark .message__icon path{fill:#393a37}.message__title{font-weight:500;font-size:14px;color:#fff}.message--dark .message__title{color:#393a37}.message__close{width:20px;height:20px;cursor:pointer;margin-left:auto}.message__close path{fill:#fff}.message--dark .message__close path{fill:#393a37}#image-upload{max-width:50rem;margin:auto}#image-upload__img,#image-upload__canvas,#image-upload__altered-img{display:none}#image-upload__upload-container{display:flex;gap:16px}@media(max-width:560px){#image-upload__upload-container{flex-direction:column}}#image-upload__upload-form{min-width:258px}#image-upload__example-maps{display:flex}#image-upload__example-maps img{width:50%;height:auto;margin-right:8px}@media(max-width:560px){#image-upload__example-maps{flex-direction:column}#image-upload__example-maps img{width:100%;margin-bottom:8px}}#map-canvas{width:100vmin;height:70vmin}#mapmaker{display:flex;flex-direction:column;justify-content:center;align-items:center}#mapmaker__canvas-container{display:flex;justify-content:center;width:calc(100vmin - 2 * var(--page-margin));height:calc(100vmin - 2 * var(--page-margin));max-height:70vh}#mapmaker__toolbar{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;font-size:1em}#mapmaker__swap-mode{grid-area:1 / 2 / 2 / 3;text-align:center;margin-top:auto}#mapmaker__drawing-tools{grid-area:1 / 3 / 2 / 4;display:flex;align-items:center}#mapmaker__drawing-tools>*{margin-right:4px;margin-bottom:4px}#mapmaker__drawing-tools img{width:1.5em;height:1.5em;padding:4px;border-radius:4px 4px 0 0;cursor:pointer}#mapmaker__redo-button img,#mapmaker__undo-button img{width:1em;height:1em}@media(max-width:500px){#mapmaker__toolbar{font-size:.75em}#mapmaker__swap-mode{grid-area:1 / 1 / 2 / 3}}.separator{width:100%;height:3px;background-color:#666;border-radius:5px;margin:8px 0}#mapsettings{position:fixed;inset:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center}#mapsettings__modal{max-width:75vw;max-height:90vh;max-height:90dvh;position:relative;display:flex;flex-direction:column;background-color:#d3d3d3;border-radius:20px;border:2px solid #323232;box-shadow:10px 10px #000}@media(max-width:560px){#mapsettings__modal{max-width:90vw}}#mapsettings__close-button{position:absolute;top:16px;right:16px;background:none;border:none;width:32px;height:32px;cursor:pointer}#mapsettings__close-button img{width:100%;height:100%;object-fit:contain}#mapsettings__content{overflow-y:auto;padding:24px;display:flex;flex-direction:column;align-items:center}#mapsettings__server{border-radius:5px;border:2px solid #323232;background-color:#fff;box-shadow:4px 4px #323232;font-size:15px;font-weight:600;color:#323232;padding:5px 10px;outline:none}#mapsettings__templates{display:flex;text-align:center}#mapsettings__templates>*{flex:1;padding:0 8px}#mapsettings__templates img{width:100%}#mapsettings__templates [type=radio]{opacity:0;width:0}#mapsettings__templates [type=radio]:hover+img{opacity:.8;box-shadow:#00000059 0 5px 15px}#mapsettings__templates [type=radio]:checked+img{box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;opacity:1}#mapsettings__templates [type=radio]+img{opacity:.5}#mapsettings__create-button{margin-top:32px}:root{--page-margin: 8px}body{margin:var(--page-margin);font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}.h2{font-size:1.5em}.display-none{display:none!important}.visibility-hidden{visibility:hidden}.padding-0{padding:0!important}