:root{--off-white: #FEF8E8;--primary-color: #FFB949;--primary-pink: #EE7AAE;--primary-orange: #E8491F;--secondary-color: #d85026;--secondary-salmon: #F7B9B3;--secondary-red: #651123;--dropshadow: #65112366;--secondary-skyblue: #BCD5DC;--secondary-yellow: rgba(255, 235, 184, .7);--thirdiary-navy: #2D39E7;--emergency-red: #DC3021;--bathroom-blue: #82B6C5;--link-blue: #2C798F;--maintext-black: #000000}@font-face{font-family:ChunkyMonkey;src:url(../assets/fonts/ChunkyMonkeyFont-Lollipop-Regular.otf)}@font-face{font-family:Monoandfriends;src:url(../assets/fonts/monoandfriendsdo-Regular.ttf)}@font-face{font-family:SpartanMB;src:url(../assets/fonts/SpartanMB-Regular.otf);font-weight:400}@font-face{font-family:SpartanMB;src:url(../assets/fonts/SpartanMB-SemiBold.otf);font-weight:500}@font-face{font-family:SpartanMB;src:url(../assets/fonts/SpartanMB-Bold.otf);font-weight:600}*{box-sizing:border-box}body{margin:0;background-color:var(--off-white);font-family:SpartanMB}#topHeader{color:#000;background-color:var(--off-white);height:80px;display:flex;justify-content:center;align-items:center}main{display:flex;flex-flow:row,wrap;width:100vw;background-image:url(../assets/images/Pattern104.jpg);background-repeat:repeat;background-size:400px;position:relative}main .canvas-container{width:100%;height:100vh;position:relative}#desktopAsside{background-color:none;transition:ease-out .3s}#desktopAsside.active{background-color:var(--secondary-yellow)}#canvas{width:100%;height:100%}#canvas:hover{cursor:grab}main aside{width:400px;display:flex;flex-direction:column;padding:40px;gap:24px;position:absolute;left:0;top:0;z-index:100;border-bottom-right-radius:16px}.button{border-radius:16px;cursor:pointer;text-decoration:none;color:#000;display:flex;justify-content:center;align-items:center}.filterButton{height:calc(56px + .5vw);width:calc(56px + .5vw);background-color:var(--primary-color);border:2px solid black}.filterButton:hover{transform:translateY(-4px);box-shadow:0 4px 8px var(--dropshadow);transition:ease-out .2s}#filterMenuDesktop{margin-top:20px;display:flex;flex-flow:row wrap;justify-content:space-between;align-self:stretch;gap:12px 20px}.divider{display:block;padding:0;height:2px;background-color:#000;border-radius:1px}hr.solid{border-top:3px solid black}.searchBarContainer{display:flex;align-items:center;background-color:var(--primary-color);border:2px solid black;border-radius:16px;padding:8px 16px;width:100%;gap:16px}.searchBarContainer label{display:inline-flex;flex-shrink:0;height:24px;width:24px;cursor:pointer;background-image:url(../assets/icons/searchIcon.svg);background-repeat:no-repeat;background-size:cover;background-position:center}#searchBarDesktop,#searchBarMobile{border:none;outline:none;border-radius:20px;font-size:16px;background-color:transparent;color:var(--maintext-black);width:100%}input::placeholder{color:var(--maintext-black);opacity:.7}.filterNameContainer{color:var(--secondary-red)}.infoContainer{display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:16px;background-color:var(--primary-color)}.infoContainer header{display:flex;justify-content:space-between;align-items:center}.locationButtons{display:flex;font-weight:500}.websiteLink{display:flex;font-weight:500;color:var(--link-blue);justify-content:center;text-align:left}.link:hover{text-shadow:0px 10px 20px var(--dropshadow);transform:translateY(-4px);transition:ease-out .2s}.locationButtons a:hover{cursor:pointer;text-shadow:0px 10px 20px var(--dropshadow);transform:translateY(-4px);transition:ease-out .2s}.locationTitle{font-family:ChunkyMonkey;letter-spacing:2px;font-size:2em;color:var(--secondary-red);margin:0}.closeInfo{font-family:ChunkyMonkey;font-size:40px;color:var(--secondary-red);text-decoration:none}.closeInfo:hover{cursor:pointer;color:var(--primary-pink)}.closeInfo:active{cursor:pointer;color:var(--off-white)}.infoText h4{font-family:spartanMB;font-size:1.5em;color:var(--secondary-red);margin-top:0;margin-bottom:20px}.infoText p{font-family:SpartanMB;font-weight:500;margin-bottom:40px}.infoText a{display:inline-block;font-weight:500;color:var(--link-blue);transition:ease-out .2s}.infoText a:hover{cursor:pointer;text-shadow:0px 10px 20px var(--dropshadow);transform:translateY(-4px)}.button i{display:block;background-size:cover;background-position:center;height:48px;width:48px}.filterButton.active{background-color:var(--secondary-color)}.filterButton:active{transform:scale(.9)}.filterButton i{background-position:left center}.filterButton i.active{background-position:right center}.filterButton[data-filter=firstaid] i{background-image:url(../assets/icons/firstaidIcon.svg)}.filterButton[data-filter=event] i{background-image:url(../assets/icons/eventIcon.svg)}.filterButton[data-filter=food] i{background-image:url(../assets/icons/foodIcon.svg)}.filterButton[data-filter=entrance] i{background-image:url(../assets/icons/entranceIcon.svg)}.filterButton[data-filter=toilet] i{background-image:url(../assets/icons/wcIcon.svg)}.filterButton[data-filter=activities] i{background-image:url(/assets/icons/sportIcon.svg)}.filterButton[data-filter=dog] i{background-image:url(/assets/icons/dogpawIcon.svg)}.filterButton[data-filter=playground] i{background-image:url(../assets/icons/playgroundIcon.svg)}.filterButton[data-filter=parking] i{background-image:url(../assets/icons/parkingIcon.svg)}.filterButton[data-filter=emergency] i{background-image:url(/assets/icons/emergencyIcon.svg)}.filterButton[data-filter=activity] i{background-image:url(../assets/icons/activityIcon.svg)}.filterButton[data-filter=dog] i{background-image:url(../assets/icons/dogIcon.svg)}.filterButton[data-filter=culture] i{background-image:url(../assets/icons/cultureIcon.svg)}.filterButton[data-filter=terminal] i{background-image:url(../assets/icons/terminalIcon.svg)}.filterButton[data-filter=misc] i{background-image:url(../assets/icons/miscIcon.svg)}.controlButton i{height:48px;width:48px;background-size:cover;background-position:left center;background-repeat:no-repeat}.zoomInButton i{background-image:url(../assets/icons/zoomInIcon.svg);background-position:left center}.zoomOutButton i{background-image:url(../assets/icons/zoomOutIcon.svg);background-position:left center}.centerButton i{background-image:url(../assets/icons/centerIcon.svg);background-position:left center}.filterToggle i{background-image:url(../assets/icons/filterIcon.svg);background-position:left center}.controlButton-search i{background-image:url(../assets/icons/searchIcon.svg);background-position:left center}.shareButton{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;background-color:#f000}.shareButton i{height:40px;width:40px;background-color:var(--secondary-salmon);background-image:url(../assets/icons/shareIcon.svg);background-size:cover;background-position:left;border:2px solid black;border-radius:12px;display:flex;justify-content:center;align-items:center;transition:transform .2s ease-out,box-shadow .2s ease-out}.shareButton:active i{background-position:right center}.shareButton .apple{background-image:url(../assets/icons/shareIconApple.svg)}.shareButton:active{transition:ease-out .2s}.ui{position:absolute;right:24px;bottom:24px;z-index:100;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;align-items:flex-end}.ui .button{background-color:#80808080;width:64px;height:64px;display:flex;justify-content:center;align-items:center}.ui .zoomControl{display:flex;flex-direction:row;gap:8px}#button-center i{height:32px;width:32px;background-image:url(/assets/icons/center.svg)}.notificationOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;background-color:var(--off-white);box-shadow:0 10px 20px var(--dropshadow);padding:40px 104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:38.2%;z-index:1000}.notificationOverlay span{display:block;font-family:SpartanMB;font-weight:500;text-align:center;font-size:1.5em}.notificationOverlay a{display:inline-block;padding:20px;background-color:var(--primary-orange);font-weight:600;text-align:center}.notificationOverlay a:hover{background-color:var(--secondary-salmon);box-shadow:0 10px 20px var(--dropshadow)}.notificationOverlay a:active{transform:scale(.9);color:var(--off-white);background-color:var(--primary-orange)}.copyright,.copyright a{color:var(--maintext-black);font-size:12px;text-decoration:none;font-weight:700}#mobileControls,#mobileScreen,.mobileNavContainer,.hidden{display:none}@media (max-width: 768px){#desktopAsside{display:none}main .canvas-container{width:100vw;height:calc(100vh - 40px)}.canvas-container .ui{display:none}.mobileNavContainer{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;width:100vw;padding-bottom:env(safe-area-inset-bottom)}#mobileControls{display:flex;gap:8px;flex-direction:row;justify-content:center;width:100%;padding-bottom:calc(48px + env(safe-area-inset-bottom))}#mobileControls .mobileButtons{display:flex;flex-direction:row;gap:8px}#mobileControls .button{width:60px;height:60px;background-color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center}.controlButton-search i:active{cursor:pointer}#mobileControls .button:active{transform:translateY(-8px);box-shadow:0 4px 10px var(--dropshadow);transition:ease-out .3s}#mobileScreen{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:0;left:50%;transform:translate(-50%,150%);width:100%;height:100vh;background-color:var(--secondary-yellow);z-index:102;transition:ease-out 1s;padding:0 32px}#mobileScreen.active{transform:translate(-50%)}.canvas-container{width:100vw;height:100vh}#filterMenuMobile{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;padding:0 32px;justify-items:center;align-items:center;position:absolute;width:100%;bottom:0;left:50%;transform:translate(-50%,100%);opacity:0;transition:.5s ease-out}#filterMenuMobile.active{opacity:1;transform:translate(-50%,-80%);transition:ease-out .3s}#mobileControls .filterToggle.active{background-color:var(--primary-orange)}#mobileControls .filterToggle.active i{background-position:center right}}