@import url(https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600;700;800;900&family=Inter:wght@400;500&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--eggshell:#f7f4e3;--darkeggshell:#e1d8a6;--darkgray:#242524;--gray:#40413f;--lightgray:#878887;--green:#76b989;--lightgreen:#99dead}.App{text-align:center}.firstsection{min-height:100vh;height:100%;display:flex;flex-direction:column}.landingPage{background-color:#eeede6;background-color:var(--primary-clr)}.loading{font-family:"Epilogue";font-family:var(--ff-primary);font-weight:500;font-weight:var(--fw-normal)}.topheader{display:flex;justify-content:space-between;width:85%;margin-left:auto;margin-right:auto;margin-top:32px}.headerlogo h2{margin-top:auto}.headerlogo{display:flex;align-items:flex-start;width:19%;font-family:"Epilogue";font-family:var(--ff-primary);font-weight:900;font-weight:var(--fw-black);font-size:1.2rem;font-size:var(--fs-logo)}.headerlogo img{margin:auto;width:20%;min-width:50px}.headerbutton{display:flex;width:40%;align-items:start;justify-content:end}.headerbutton a:hover{background:#eeede6;background:var(--primary-clr);color:#393939;color:var(--secondary-clr)}.headerbutton a{padding:10px 23px;background:#5bae73;background:var(--contrast-clr);color:#eeede6;color:var(--primary-clr);border:none;font-family:"Inter";font-family:var(--ff-secondary);margin-top:auto;margin-bottom:auto;margin-right:10px;border-radius:20px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.2);text-decoration:none}.title_section{display:flex;align-items:center;justify-content:center;width:85%;margin:auto}.right_section{display:flex;justify-content:end}.right_section img{width:60%;min-width:350px}.left_section{display:flex;flex-direction:column}.left_section h1{font-family:"Epilogue";font-family:var(--ff-primary);font-size:3.5rem;font-size:var(--fs-title);font-weight:900;font-weight:var(--fw-black);margin-bottom:10px;text-align:left}.sub_title1{display:flex;align-items:center;color:#5bae73;color:var(--contrast-clr);font-family:"Inter";font-family:var(--ff-secondary);font-size:1.3rem;font-size:var(--fs-sub);font-weight:400;font-weight:var(--fw-light)}.sub_title2{color:#393939;color:var(--secondary-clr);margin-left:5px;margin-top:5px;margin-bottom:5px}.business_collab{display:flex;flex-direction:column;justify-content:start;margin-top:50px}.business_collab p{font-weight:400;font-weight:var(--fw-light)}.business_collab button,.business_collab p{font-family:"Inter";font-family:var(--ff-secondary);text-align:start}.business_collab button{font-weight:500;font-weight:var(--fw-normal);background:#e0e0e0;background:var(--primary-darker-clr);padding:15px 30px;border:none;margin-left:none;margin-right:auto;border-radius:20px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.2)}.powered_section img{max-width:250px;width:20%;margin:auto}.powered_section div{display:flex;width:85%;margin-left:auto;margin-right:auto;justify-content:space-between;align-items:start}.powered_section{padding-top:30px;padding-bottom:30px;background-color:#393939;background-color:var(--secondary-clr);color:#eeede6;color:var(--primary-clr);font-family:"Inter";font-family:var(--ff-secondary);font-weight:400;font-weight:var(--fw-light)}.switch_section{display:flex;width:85%;margin-left:auto;margin-right:auto;margin-top:50px;padding-bottom:50px}.business{box-shadow:0 3px 10px rgba(0,0,0,.2);background:#e0e0e0;background:var(--primary-darker-clr)}.business,.consumer{border-radius:20px;cursor:pointer;height:-webkit-min-content;height:min-content;padding:15px 30px;border:none;font-family:"Inter";font-family:var(--ff-secondary);font-weight:500;font-weight:var(--fw-normal)}.consumer{margin-right:10px;background:#393939;background:var(--secondary-clr);color:#eeede6;color:var(--primary-clr);font-size:1rem;font-size:var(--fs-text)}.sus_section{width:85%;margin-left:auto;margin-right:auto;padding-bottom:50px}.sus_section h1{font-weight:900;font-weight:var(--fw-black);font-size:3.5rem;font-size:var(--fs-title)}.sus_section h1,.sus_section p{text-align:start;color:#393939;color:var(--secondary-clr);font-family:"Epilogue";font-family:var(--ff-primary)}.sus_section p{margin-top:20px;margin-bottom:10px;font-weight:700;font-weight:var(--fw-bold);font-size:1.3rem;font-size:var(--fs-sub)}.sus_sub{flex-direction:column}.sus_sub,.sus_sub1{display:flex;grid-gap:20px;gap:20px}.sus_sub1{align-items:start}.sus_sub1 p{margin-top:auto;margin-bottom:auto;color:#393939;color:var(--secondary-clr);font-family:"Inter";font-family:var(--ff-secondary);font-weight:400;font-weight:var(--fw-light);font-size:1rem;font-size:var(--fs-text)}.sus_sub1 img{width:5%;min-width:50px}.feature_section{text-align:start;width:85%;margin-left:auto;margin-right:auto;margin-bottom:80px}.feature_section h2{font-family:"Epilogue";font-family:var(--ff-primary);font-size:3.5rem;font-size:var(--fs-title);font-weight:900;font-weight:var(--fw-black);margin-bottom:70px}.feature_sub{display:flex;justify-content:space-evenly}.feature_sub_1{display:flex;flex-direction:column;grid-gap:10px;gap:10px;text-align:center;min-width:-webkit-min-content;min-width:min-content;align-items:center;width:25%;font-weight:400;font-weight:var(--fw-light);font-size:1rem;font-size:var(--fs-text)}.feature_sub_1,.feature_sub_1 h3{font-family:"Inter";font-family:var(--ff-secondary)}.feature_sub_1 h3{font-size:1.3rem;font-size:var(--fs-sub)}.feature_sub_1 p{margin-top:15px;.feature_sub_1 h3{font-size:1.3rem;font-size:var(--fs-sub)}}.feature_subtext{margin-top:50px}.landingIcon{font-size:3.5rem;font-size:var(--fs-title)}.comment_sub{padding-top:100px;padding-bottom:100px;height:-webkit-min-content;height:min-content;width:85%;margin:auto}.comment_sub p{width:50%;margin:auto}.procedure_section{display:flex;flex-direction:column;width:85%;margin:80px auto auto;grid-gap:80px;gap:80px}.procedure_sub{display:flex;justify-content:space-between}.procedure_sub img{max-width:500px;min-width:0}.procedure_text{text-align:start}.procedure_text ul{margin-top:10px;list-style-position:inside}.procedure_text li{margin-top:5px;font-family:"Inter";font-family:var(--ff-secondary);font-size:1rem;font-size:var(--fs-text);color:#393939;color:var(--secondary-clr)}.procedure_text h1{font-family:"Epilogue";font-family:var(--ff-primary);font-weight:900;font-weight:var(--fw-black);font-size:3.5rem;font-size:var(--fs-title)}.business_section{display:none}@media screen and (max-width:1000px){.right_section{display:none}}.loginPage{background:var(--darkgray);min-width:100vw;min-height:100vh;overflow-x:hidden}.loginContainer,.loginPage{display:flex;justify-content:center;align-items:center}.loginContainer{background:var(--gray);width:40vw;color:var(--eggshell);border-radius:12px;padding:24px;flex-direction:column;box-shadow:0 3px 8px rgba(0,0,0,.24)}.loginContainer h2{margin-bottom:2px;color:var(--eggshell)}.loginContainer input{background:var(--darkgray);border:none;font-size:16px;padding:8px 12px;width:100%;color:var(--eggshell);border-radius:4px}.loginContainer form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loginField{margin:12px 0;display:flex;align-items:center;grid-gap:24px;gap:24px;width:70%}.loginButton{width:70%;background:var(--green);font-family:Inter;border:none;margin:24px 0;border-radius:4px;font-size:16px;padding:8px;font-weight:500;cursor:pointer}.loginButton:hover{background:var(--lightgreen)}.signupLink{color:var(--green)}.signupLink:hover{color:var(--lightgreen)}.signupPage{background:var(--darkgray);width:100vw;height:100vh;overflow:hidden}.signupContainer,.signupPage{display:flex;justify-content:center;align-items:center}.signupContainer{background:var(--gray);width:40vw;color:var(--eggshell);border-radius:12px;padding:24px;flex-direction:column;box-shadow:0 3px 8px rgba(0,0,0,.24)}.signupContainer h2{margin-bottom:2px;color:var(--eggshell)}.signupContainer input{background:var(--darkgray);border:none;font-size:16px;padding:8px 12px;width:100%;color:var(--eggshell);border-radius:4px}.signupContainer form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.signupField{margin:12px 0;display:flex;align-items:center;grid-gap:24px;gap:24px;width:70%}.fieldIcon{font-size:24px}.signupButton{width:70%;background:var(--green);font-family:Inter;border:none;margin:24px 0;border-radius:4px;font-size:16px;padding:8px;font-weight:500;cursor:pointer}.signupButton:hover{background:var(--lightgreen)}.loginLink{color:var(--green)}.loginLink:hover{color:var(--lightgreen)}.mapLink{color:var(--green)}.errorMsg{margin:0;font-style:italic;color:#e85a5a}:root{--building-color:#ff9800;--hotel-color:#ce24af;--bicycle-color:#d2ee35;--food-color:#ff5656;--water-color:#819aff;--monument-color:#ff1493;--museum-color:#9248c6;--historic_site-color:#8b4513;--park-color:#168f2a;--skyrise_greenery-color:#0f0;--green_mark-color:#168f2a;--ev-color:#2edaa1}.property{align-items:center;background-color:#fff;border-radius:50%;color:#263238;display:flex;font-size:14px;grid-gap:15px;gap:15px;height:25px;justify-content:center;padding:3px;position:relative;width:25px}.property,.property:after{transition:all .3s ease-out}.property:after{border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #fff;content:"";height:0;left:50%;position:absolute;top:95%;-webkit-transform:translate(-50%);transform:translate(-50%);width:0;z-index:1}.property .details{display:none;flex-direction:column;flex:1 1}.property .address{color:#9e9e9e;font-size:11px;margin-top:5px}.property .description{color:#add8e6;font-size:9px;margin-bottom:10px;word-wrap:break-word;max-width:100%}.property .features{align-items:flex-end;display:flex;flex-direction:row;grid-gap:10px;gap:10px}.property .features>div{align-items:center;background:#f5f5f5;border-radius:5px;border:1px solid #ccc;display:flex;font-size:10px;grid-gap:5px;gap:5px;padding:5px}.property.highlight{background-color:#fff;border-radius:8px;box-shadow:10px 10px 5px rgba(0,0,0,.2);height:auto;padding:8px 15px;width:300px}.property.highlight:after{border-top:9px solid #fff}.property.highlight .details{display:flex}.property.highlight .attractionIcon svg{width:50px;height:50px}.property .rating{color:#ffa000}.property .review{color:#03a9f4}.property .name{color:#388e3c}.property.highlight:has(.fa-building) .attractionIcon{color:#ff9800;color:var(--building-color)}.property:not(.highlight):has(.fa-building){background-color:#ff9800;background-color:var(--building-color)}.property:not(.highlight):has(.fa-building):after{border-top:9px solid #ff9800;border-top:9px solid var(--building-color)}.property.highlight:has(.fa-hotel) .attractionIcon{color:#ce24af;color:var(--hotel-color)}.property:not(.highlight):has(.fa-hotel){background-color:#ce24af;background-color:var(--hotel-color)}.property:not(.highlight):has(.fa-hotel):after{border-top:9px solid #ce24af;border-top:9px solid var(--hotel-color)}.property.highlight:has(.fa-bicycle) .attractionIcon{color:#d2ee35;color:var(--bicycle-color)}.property:not(.highlight):has(.fa-bicycle){background-color:#d2ee35;background-color:var(--bicycle-color)}.property:not(.highlight):has(.fa-bicycle):after{border-top:9px solid #d2ee35;border-top:9px solid var(--bicycle-color)}.property.highlight:has(.fa-utensils) .attractionIcon{color:#ff5656;color:var(--food-color)}.property:not(.highlight):has(.fa-utensils){background-color:#ff5656;background-color:var(--food-color)}.property:not(.highlight):has(.fa-utensils):after{border-top:9px solid #ff5656;border-top:9px solid var(--food-color)}.property.highlight:has(.fa-droplet) .attractionIcon{color:#819aff;color:var(--water-color)}.property:not(.highlight):has(.fa-droplet){background-color:#819aff;background-color:var(--water-color)}.property:not(.highlight):has(.fa-droplet):after{border-top:9px solid #819aff;border-top:9px solid var(--water-color)}.property.highlight:has(.fa-landmark-dome) .attractionIcon{color:#ff1493;color:var(--monument-color)}.property:not(.highlight):has(.fa-landmark-dome){background-color:#ff1493;background-color:var(--monument-color)}.property:not(.highlight):has(.fa-landmark-dome):after{border-top:9px solid #ff1493;border-top:9px solid var(--monument-color)}.property.highlight:has(.fa-building-columns) .attractionIcon{color:#9248c6;color:var(--museum-color)}.property:not(.highlight):has(.fa-building-columns){background-color:#9248c6;background-color:var(--museum-color)}.property:not(.highlight):has(.fa-building-columns):after{border-top:9px solid #9248c6;border-top:9px solid var(--museum-color)}.property.highlight:has(.fa-clock-rotate-left) .attractionIcon{color:#8b4513;color:var(--historic_site-color)}.property:not(.highlight):has(.fa-clock-rotate-left){background-color:#8b4513;background-color:var(--historic_site-color)}.property:not(.highlight):has(.fa-clock-rotate-left):after{border-top:9px solid #8b4513;border-top:9px solid var(--historic_site-color)}.property.highlight:has(.fa-tree) .attractionIcon{color:#168f2a;color:var(--park-color)}.property:not(.highlight):has(.fa-tree){background-color:#168f2a;background-color:var(--park-color)}.property:not(.highlight):has(.fa-tree):after{border-top:9px solid #168f2a;border-top:9px solid var(--park-color)}.property.highlight:has(.fa-tree-city) .attractionIcon{color:#0f0;color:var(--skyrise_greenery-color)}.property:not(.highlight):has(.fa-tree-city){background-color:#0f0;background-color:var(--skyrise_greenery-color)}.property:not(.highlight):has(.fa-tree-city):after{border-top:9px solid #0f0;border-top:9px solid var(--skyrise_greenery-color)}.property.highlight:has(.fa-medal) .attractionIcon{color:#168f2a;color:var(--green_mark-color)}.property:not(.highlight):has(.fa-medal){background-color:#168f2a;background-color:var(--green_mark-color)}.property:not(.highlight):has(.fa-medal):after{border-top:9px solid #168f2a;border-top:9px solid var(--green_mark-color)}.property.highlight:has(.fa-car-side) .attractionIcon{color:#2edaa1;color:var(--ev-color)}.property:not(.highlight):has(.fa-car-side){background-color:#2edaa1;background-color:var(--ev-color)}.property:not(.highlight):has(.fa-car-side):after{border-top:9px solid #2edaa1;border-top:9px solid var(--ev-color)}#cesiumMap,#map{height:100vh;width:100vw;z-index:-1;position:fixed!important}#cesium{position:absolute;z-index:1;left:52%;-webkit-transform:translate(-50%);transform:translate(-50%);padding:5px 8px;border-radius:5px;text-align:center}#toggleMap{background-color:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 1px 4px -1px rgba(0,0,0,.3);padding:.5em;margin:0 5px;font:400 14px Roboto,Arial,sans-serif;overflow:hidden;cursor:pointer}#trafficLayer{position:absolute;z-index:1;left:45%;-webkit-transform:translate(-50%);transform:translate(-50%);padding:5px 8px;border-radius:5px;text-align:center}#toggleTrafficLayer{display:block;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 1px 4px -1px rgba(0,0,0,.3);padding:.5em;margin:0 5px;font:400 14px Roboto,Arial,sans-serif;overflow:hidden;cursor:pointer}.openLeftSidebarButton{background:var(--gray);height:100px;padding:0 14px;z-index:99;position:fixed;place-self:start;border:none;color:var(--eggshell);display:flex;justify-content:center;align-items:center;margin-left:60px;font-size:20px;cursor:pointer}.openLeftSidebarButton:hover{background:var(--lightgray)}.openRightSidebarButton{background:var(--gray);height:100px;padding:0 14px;z-index:99;position:fixed;border:none;color:var(--eggshell);display:flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer;right:0}.openRightSidebarButton:hover{background:var(--lightgray)}.leftSidebar{height:100vh;width:20vw;min-width:240px;background:var(--gray);z-index:99;position:fixed;place-self:start;padding:20px 16px;color:var(--eggshell);margin-left:60px}.leftSidebar h1{font-family:Epilogue;font-size:24px;text-align:left;margin:0}.leftSidebarHeader{display:flex;align-items:center;justify-content:space-between}.leftSidebarHeader button{background:none;border:none;font-size:24px;color:var(--eggshell);cursor:pointer}.routeBuilder{margin:12px 0;font-family:Inter}.waypointsList{display:flex;flex-direction:column;justify-content:flex-start;grid-gap:10px;gap:10px;margin:8px 0;padding-bottom:14px;max-height:25vh;overflow-y:auto;border-bottom:1px solid var(--eggshell)}.startWaypoint{display:flex;align-items:center;grid-gap:12px;gap:12px}.startWaypoint input{padding:8px;width:100%;border-radius:4px;border:none;font-size:12px}.toWaypoint{display:flex;align-items:center;grid-gap:12px;gap:12px}.toWaypoint input{padding:8px;width:100%;border-radius:4px;border:none;font-size:12px}.removeWaypointButton{padding:0;margin:0;background:none;cursor:pointer;color:var(--eggshell);border:none}.waypointOptions{display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px}.waypointOptions button{background:none;border:none;color:var(--eggshell);text-decoration:underline;cursor:pointer;font-family:Inter}.transportModeList h3{margin:4px 0;text-align:left;font-size:14px}.transportModeList select{padding:8px;font-size:12px;width:100%;background:none;color:var(--eggshell);border:2px solid var(--eggshell);border-radius:4px;cursor:pointer}.transportModeList option{color:#000}.optimizeRouteContainer{text-align:left;align-items:center;margin:12px 0}.optimizeRouteFlex{display:flex;align-items:center;grid-gap:12px;gap:12px}.optimizeRouteContainer input{width:16px;height:16px;cursor:pointer}.optimizeRouteContainer label{font-size:14px;font-weight:600}.optimizeRouteContainer p{text-align:left;font-size:10px;font-style:italic;width:100%}.createRouteButton{width:100%;border:none;border-radius:8px;padding:8px;font-weight:600;background:var(--green);font-size:14px;cursor:pointer}.createRouteButton:hover{background:var(--lightgreen)}.directionsOverview{border-top:1px solid var(--eggshell);text-align:left}.directionsOverview h3{font-size:14px}.summarisedDirections{height:80px;overflow-y:auto}.directionsOverview p{font-size:12px;margin:2px 0}.directionsOverview button{background:none;text-decoration:underline;color:var(--green);border:none;padding:0;cursor:pointer;font-family:Inter;font-size:12px}.routeOverviewTitle{font-weight:700}.directionsPanelContainer{height:85vh;overflow-y:auto;scrollbar-width:thin;text-align:left}::-webkit-scrollbar{width:8px;background-color:#000}::-webkit-scrollbar-thumb{background:var(--lightgray)}.directionsPanelContainer h3{font-size:16px}.directionsPanelHeader{display:flex;align-items:center;justify-content:space-between}.directionsPanelHeader button{background:none;color:var(--eggshell);border:none;font-size:18px;cursor:pointer}.directionsPanelContainer .directionsSummary{background-color:var(--darkgray);padding:4px 6px;border-radius:6px;margin-bottom:24px}.directionsPanelContainer .routeOverview{font-size:12px;margin:2px 0}.directionsPanelContainer .directionsTravelMode{font-weight:700;font-size:12px;margin:2px 0}#directionsPanel,.countryLabel{text-align:left}.countryLabel{font-size:14px}.countryLabel span{font-weight:600}.rightSidebar{height:100vh;width:20vw;min-width:240px;z-index:99;position:fixed;padding:14px 16px;color:var(--eggshell);right:0;background:var(--gray);text-align:left}.rightSidebar button{cursor:pointer}.rightSidebar h3{font-size:16px;margin:12px 0}.closeRightSidebarButton{background:none;border:none;color:var(--eggshell);font-size:18px;padding:0}.warningBox{background:var(--darkgray);text-align:center;border-radius:4px;padding:24px 0;margin:18px 0}.section{margin:18px 0;border-bottom:2px solid var(--lightgray);padding-bottom:24px}.rightSidebar .sectionButton{width:100%;background:var(--green);border:none;padding:8px 12px;border-radius:4px;font-weight:700}.rightSidebar .sectionButton:hover{background:var(--lightgreen)}.rightSidebarContainer{overflow-y:auto;height:95vh;padding-right:8px}.saveSection input{width:100%;padding:8px 6px;box-sizing:border-box;border-radius:4px;border:none;font-size:12px;margin-bottom:14px}.saveSection p{font-size:14px}.saveSection a{color:var(--green)}.notesContainer{display:flex;flex-wrap:wrap;align-items:center;grid-gap:8px;gap:8px}.notesCategory{background:var(--eggshell);border:none;border-radius:4px;width:70px;font-weight:700}.notesCategory p{margin:2px 0}.notesIcon{font-size:24px;margin:4px 0}.notesCategory:hover{background:var(--darkeggshell)}.viewHeader{display:flex;align-items:center;justify-content:space-between}.viewHeader .backButton{background:none;border:none;text-decoration:underline;color:var(--green);font-family:Inter;font-size:14px}.viewHeader .backButton:hover{color:var(--lightgreen)}.viewTitle{display:flex;align-items:center;grid-gap:4px;gap:4px}.viewTitle h3{font-size:18px}.transportCard{font-size:14px;background:var(--darkgray);padding:4px 12px;border-radius:4px;margin:12px 0}.transportCard p{margin:4px 0}.transportCard input{font-family:"Inter";margin:4px 0;width:100%;padding:8px 0;background:var(--green);border:none;cursor:pointer;font-weight:500;border-radius:4px}.transportCard input:hover{background:var(--lightgreen)}.transportCardHeader{font-weight:600}.transportCardNote{font-size:12px;font-style:italic}.saveNoticeBox{background:var(--darkgray);padding:4px 8px;border-radius:4px}.weatherButtons{display:flex;grid-gap:4px;gap:4px}.weatherButtons input{display:block;width:100%;padding:6px 0;border:2px solid var(--eggshell);background:none;border-radius:4px;font-weight:500;font-family:"Inter";cursor:pointer;color:var(--eggshell)}.weatherButtons input:hover{background:var(--darkeggshell);color:var(--gray)}.weatherButtons input.weatherSelected{background-color:var(--eggshell);color:var(--gray)}.clearWeatherButton{background:none;cursor:pointer;text-decoration:underline;color:var(--eggshell);border:none;padding:0;font-family:"Inter";margin:20px 0}.clearWeatherButton:hover{color:var(--green)}.weatherForecastNotification{font-size:14px;background:var(--darkgray);padding:8px 12px;border-radius:4px}.weatherDropdown{padding:4px 8px;width:100%;cursor:pointer}.attractionsNoticeBox{background:var(--darkgray);font-size:14px;padding:2px 12px;border-radius:4px}.attractionsOptions{width:100%}.attractionsDropdownLabel{font-size:14px;padding:6px 12px;background:#fff;color:var(--darkgray);border-radius:4px;display:flex;align-items:center;justify-content:space-between}.attractionsDropdownLabel p{margin:0}.attractionsCategoriesDropdown{-webkit-user-select:none;user-select:none;cursor:pointer}.attractionsDropdownList{list-style:none;margin:0;position:absolute;overflow-x:hidden;left:12px;right:12px;font-size:14px;background:var(--darkgray);padding:4px;display:none}.attractionsDropdownList.activeDropdown{display:block!important}.attractionsDropdownList li{padding:2px 0}.attractionsDropdownList li:hover{background-color:var(--gray)}.attractionsDropdownList label{width:100%;cursor:pointer;display:block}#crowdMap{margin:18px 0}#crowdMap h4{margin:2px 0}#crowdMap p{margin:4px 0;font-size:14px}#crowdMap select{width:100%;padding:4px 8px}#crowdMapBtn{width:100%;background:var(--green);border:none;margin:18px 0;padding:8px 0;border-radius:4px;font-family:"Inter";font-weight:500;cursor:pointer}#crowdMapBtn:hover{background:var(--lightgreen)}.clearHeatMapButton{background:none;color:var(--eggshell);text-decoration:underline;cursor:pointer;border:none}.clearHeatMapButton:hover{color:var(--green)}.impactNoticeBox{background:var(--darkgray);font-size:14px;padding:2px 12px;border-radius:4px}.impactContent p{font-size:14px;margin:4px 0}.impactContent .currentMode{font-weight:500}.impactCard{background-color:var(--eggshell);color:var(--gray);padding:4px 8px;box-sizing:initial;border-radius:4px;margin-bottom:8px}.impactCard h3{margin:4px 0;font-size:20px}.impactCard .impactCardHeader{font-weight:500;margin:3px 0}.impactCard .impactCardDuration{font-weight:400;margin:3px 0}.otherImpactCard{background:var(--darkgray);padding:4px 8px;box-sizing:initial;border-radius:4px}.otherImpactCard p{font-size:12px}.otherModeHeader{font-weight:600}.statComparison{font-weight:500}.statComparison.positive{color:var(--green)}.statComparison.negative{color:#f35353}.optimiseNotice{font-size:12px!important}.optimiseNotice,.otherModeDuration{font-style:italic}.country_page{display:flex;flex-direction:column;justify-content:space-between}*{margin:0;padding:0}.country_page{background-color:#eeede6;background-color:var(--primary-clr);min-height:100vh}.country_page,.sustainable_section{height:-webkit-min-content;height:min-content}.sustainable_section{padding-top:50px;width:85%;margin-left:auto;margin-right:auto}.sustainable_container{display:flex;grid-gap:50px;gap:50px;justify-content:space-evenly}.sus_box{text-align:start;background-color:#e0e0e0;background-color:var(--primary-darker-clr);min-width:30%;padding-top:30px;padding-bottom:30px;border-radius:5px;font-family:"Inter";font-family:var(--ff-secondary)}.sus_box h3{font-family:"Epilogue";font-family:var(--ff-primary);margin-top:2px;margin-bottom:10px}.sus_box *{margin-left:25px;margin-right:25px}.linkjournal{margin:0;color:#393939;color:var(--secondary-clr)}.form_section{display:flex;flex-direction:column;width:85%;margin-left:auto;margin-right:auto;grid-gap:20px;gap:20px}.input_section{display:flex}.country_selection,.lang_selection{font-family:"Epilogue";font-family:var(--ff-primary);padding:10px 30px 10px 10px}.lang_selection{margin-left:50px}.input_section button{padding:10px 30px;width:-webkit-min-content;width:min-content;background:#5bae73;background:var(--contrast-clr);color:#eeede6;color:var(--primary-clr);border:none;font-family:"Inter";font-family:var(--ff-secondary);border-radius:20px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.2);text-decoration:none;margin:auto 10px auto 50px}.footer_section{height:-webkit-min-content;height:min-content;padding-top:50px;padding-bottom:50px;background-color:#393939;background-color:var(--secondary-clr)}.footer_section h2{color:#eeede6;color:var(--primary-clr);text-align:start;width:85%;margin-left:auto;margin-right:auto}:root{--ff-primary:"Epilogue";--ff-secondary:"Inter";--fs-title:3.5rem;--fs-sub:1.3rem;--fs-text:1rem;--fs-logo:1.2rem;--fs-tiny:0.8rem;--fw-black:900;--fw-bold:700;--fw-normal:500;--fw-light:400;--primary-clr:#eeede6;--primary-darker-clr:#e0e0e0;--secondary-clr:#393939;--contrast-clr:#5bae73}.countryinfo_section{min-height:100vh;display:flex;flex-direction:column;grid-gap:50px;gap:50px}.countryinfo_section,.head_section{background-color:#393939;background-color:var(--secondary-clr)}.head_section{display:block;text-align:start;padding-top:50px;width:85%;margin-left:auto;margin-right:auto}.head_section h1{font-family:"Epilogue";font-family:var(--ff-primary);font-weight:500;font-weight:var(--fw-normal);color:#eeede6;color:var(--primary-clr)}.country_section{font-family:var(--ff-bold);font-weight:700;font-weight:var(--fw-bold)}.buttons_section{display:flex;grid-gap:50px;gap:50px;padding-top:25px;padding-bottom:25px}.buttons_section button:hover{background:#eeede6;background:var(--primary-clr);color:#393939;color:var(--secondary-clr)}.button_description{background-color:#e0e0e0;background-color:var(--primary-darker-clr);padding:10px 20px;border-radius:5px}.button_description,.button_description li{color:#393939;color:var(--secondary-clr)}.buttons_section button{padding:10px 30px;min-width:150px;background:#5bae73;background:var(--contrast-clr);border:none;margin-top:auto;margin-bottom:auto;margin-right:10px;border-radius:20px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.2);text-decoration:none;font-weight:500}.buttons_section button,li{color:#eeede6;color:var(--primary-clr);font-family:"Inter";font-family:var(--ff-secondary)}li{font-weight:400;font-weight:var(--fw-light);font-size:.8rem;font-size:var(--fs-tiny)}.information_section{width:85%;margin-left:auto;margin-right:auto;text-align:start}.culture_section,.law_section,.weather_section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1px;padding-top:10px;padding-bottom:10px;color:#eeede6;color:var(--primary-clr);cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.8);text-decoration:none;width:100%;background-color:#5bae73;background-color:var(--contrast-clr)}.culture_section h3,.law_section h3,.weather_section h3{color:#eeede6;color:var(--primary-clr);margin-left:30px}.arrowdown{margin-right:30px}.culture_info,.law_info,.weather_info{margin-top:20px;margin-bottom:20px}.sus_events,.sus_locations{width:85%;margin-left:auto;margin-right:auto;display:flex;justify-content:space-evenly;grid-gap:50px;gap:50px}.sus_locations{padding-bottom:50px}.sus_events .event_box,.sus_locations .event_box{min-width:100px;width:20%;padding:20px;background-color:#e0e0e0;background-color:var(--primary-darker-clr);border-radius:2px;display:flex;flex-direction:column;justify-content:space-between;text-align:start}.sus_header{text-align:start;width:85%;margin-left:auto;margin-right:auto;font-family:"Epilogue";font-family:var(--ff-primary);color:#eeede6;color:var(--primary-clr)}h4{font-family:"Inter";font-family:var(--ff-secondary);font-weight:400;font-weight:var(--fw-light)}.event_header{text-align:start;font-size:1.3rem;font-size:var(--fs-sub);font-family:"Epilogue";font-family:var(--ff-primary)}.event_sub{text-align:start;font-size:1rem;font-size:var(--fs-text);font-family:"Inter";font-family:var(--ff-secondary)}.libraryroute{z-index:-1;text-align:left;background:var(--lightgray);overflow-x:hidden;margin-left:60px}.header_section{background:var(--gray);display:flex;min-height:-webkit-min-content;min-height:min-content;height:80px;justify-content:space-between}.left_header{display:flex;grid-gap:5px;gap:5px}.left_header button{color:var(--darkgray);height:-webkit-min-content;height:min-content;background:none;border:2px solid var(--eggshell);color:var(--eggshell);padding:10px 23px;font-family:var(--ff-secondary);margin-top:auto;margin-bottom:auto;border-radius:20px;box-shadow:0 3px 10px rgba(0,0,0,.2);text-decoration:none;margin-left:10px;font-weight:500;cursor:pointer}.left_header button:hover{background:var(--eggshell)}.left_header button.buttonSelected{background:var(--eggshell);color:var(--darkgray)}.left_header h1{font-family:var(--ff-primary);font-weight:var(--fw-black);color:var(--eggshell);margin:auto 0 auto 50px}.right_header{display:flex}.body_section{padding-top:20px;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;margin:12px 48px}.cards_section{display:flex;grid-gap:30px;gap:30px;overflow-x:auto!important}.cards_section div{margin:12px 0;width:270px;min-width:270px;height:270px;background:var(--eggshell);box-shadow:0 3px 8px rgba(0,0,0,.24);border-radius:8px;cursor:pointer}h2{color:var(--darkgray)}.cat_section{width:100%;margin-bottom:36px}.cat_section .infoNote{margin:4px 0}.cat_section h3{font-size:22px}.genre_selection{min-width:-webkit-min-content;min-width:min-content;margin:0;background:var(--darkgray);color:var(--eggshell);border:none;border-radius:8px;padding:8px 24px;cursor:pointer}.genre_selection:hover{background:var(--gray)}.body_title{display:flex;align-items:center;grid-gap:24px;gap:24px}.body_desc{font-size:16px;margin:24px 0}.noRoutesCard{cursor:default;background:var(--gray)!important;display:flex;justify-content:center;align-items:center;text-align:center;font-size:24px;font-weight:600;color:var(--eggshell)}.routeCard{box-sizing:border-box;padding:20px;text-align:left}.routeCard img{width:222px;height:120px}.routeCard h3{margin:6px 0;font-size:16px;width:100%}.routeCard h3,.routeCard p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.routeCard p{margin:4px 0;font-size:14px}.routeCardLocations{font-weight:500}.routeCardScore{background:var(--green);color:var(--darkgray);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:2px 8px;font-weight:500;border-radius:4px}.routeCardAuthor{font-weight:400;font-style:italic}.tabSidebar{background:var(--gray);height:100vh;position:fixed;z-index:100;width:60px;box-shadow:2px 0 3px rgba(0,0,0,.12),2px 0 2px rgba(0,0,0,.24)}.tabSidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;flex:1 1;height:100%}.bottomTab{list-style:none;padding:0;margin-top:auto}.tabSidebar button{width:60px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:60px;font-size:24px;background:none;border:none;color:var(--eggshell);cursor:pointer;padding-top:5px;padding-bottom:5px}.tabSidebar button p{font-size:10px;margin:2px 0;font-weight:600}.tabSidebar button:hover{background:var(--lightgray)}.tabSidebar .selected{background:var(--eggshell)!important;color:var(--gray);pointer-events:none}.tabIcon{margin:0}.savedRoutesPage{margin-left:60px;z-index:-1;text-align:left;background:var(--lightgray);display:flex;flex-direction:column;min-height:100vh}.savedRoutesHeader{background:var(--gray);color:var(--eggshell);height:80px;justify-content:space-between}.savedRoutesHeader,.savedRoutesHeaderLeft{display:flex;align-items:center}.savedRoutesHeader h1{margin:0 0 0 50px;font-family:var(--ff-primary);font-weight:var(--fw-black)}.savedRoutesContainer{margin:48px 32px;display:flex;align-items:center;flex-wrap:wrap;grid-gap:32px;gap:32px}.savedRoutesCard{background:var(--eggshell);width:250px;height:230px;border-radius:8px;box-sizing:border-box;padding:14px;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.24)}.savedRoutesCard h3{margin:6px 0}.savedRoutesCard h3,.savedRoutesCard p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.savedRoutesCard p{font-size:14px;margin:4px 0}.savedRouteCardInfoHeader{font-weight:600;border-radius:8px}.savedRoutesCard img{width:222px;height:120px}.backButtonIcon{margin-right:4px}.savedRouteDetailView{margin:12px 48px;display:flex;align-items:flex-start;flex-wrap:wrap;grid-gap:42px;gap:42px;justify-content:space-between}.savedRouteDetailView .section{width:45%}.savedRouteDetailView .section h2{margin:12px 0}.infoDiv{margin-bottom:12px;border-radius:8px}.infoDiv p{margin:6px 0}.infoDivHighlight{font-weight:600}.impactDiv{background:none;border:2px solid var(--darkgray);color:var(--darkgray);padding:8px 24px;border-radius:8px}.impactDiv h4{margin:4px 0}.emissionsNum{font-size:32px;margin:0;font-weight:700;color:var(--eggshell)}.impactDiv p{margin:4px 0}.routeItem{background:var(--gray);color:var(--eggshell);padding:8px 16px;border-radius:8px;display:flex;align-items:center;grid-gap:24px;gap:24px;margin:18px 0}.routeItem h4{margin:8px 0}.routeItem p{margin:4px 0}.routeItemIcon{font-size:18px}.routeOrigin{background:var(--eggshell);color:var(--gray)}.infoSection .subSection{margin-bottom:24px}.publishButton{background:var(--green);border:none;padding:8px 24px;border-radius:4px;font-weight:500;font-family:"Inter";cursor:pointer}.publishButton:hover{background:var(--lightgreen)}.publishRouteView{margin:24px 48px}.publishRouteView p{font-size:16px;font-weight:400;margin:8px 0}.publishTop{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.publishRouteButton{background:var(--green);border:none;padding:8px 24px;font-size:16px;border-radius:4px;font-family:"Inter";font-weight:500;cursor:pointer}.publishRouteButton:hover{background:var(--lightgreen)}.publishContainer{background:none;border:2px solid var(--gray);padding:8px 16px;border-radius:4px}.publishHeader{font-weight:700;color:var(--darkgray)}.fixedPublishInfo{border-bottom:1.5px solid var(--gray)}.publishDescInput{width:80%;height:120px;font-size:14px;background:none;border:2px solid var(--darkgray);border-radius:4px;font-family:"Inter"}.publishCategoryContainer{display:flex;align-items:center;grid-gap:12px;gap:12px;flex-wrap:wrap}.publishCategoryContainer button{background:none;color:var(--darkgray);border:2px solid var(--darkgray);padding:4px 8px;font-weight:500;font-family:"Inter";cursor:pointer;border-radius:4px}.publishCategoryContainer button.selected,.publishCategoryContainer button:hover{background:var(--green)}.publishedRouteDetailPage{margin-left:60px;z-index:-1;text-align:left;background:var(--lightgray);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.publishedRouteDetailPage .pageHeader{background:var(--gray);height:80px;display:flex;align-items:center;justify-content:space-between;color:var(--eggshell)}.publishedRouteDetailPage .pageHeaderLeft,.publishedRouteDetailPage .pageHeaderRight{display:flex;align-items:center}.publishedRouteDetailPage h1{margin:0 0 0 50px;font-family:var(--ff-primary);font-weight:var(--fw-black);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:18px}.publishedRouteDetailPage .pageContent{margin:48px;display:flex;align-items:flex-start;flex-wrap:wrap;width:90%;justify-content:space-between;flex-direction:row!important}.publishedRouteDetailPage .leftSubPageContent{width:60%}.publishedRouteDetailPage .rightSubPageContent{width:30%}.publishedRouteDetailPage .routeTagsContainer{display:flex;align-items:center;grid-gap:16px;gap:16px}.publishedRouteDetailPage .routeTag{background:var(--darkgray);height:42px;display:flex;justify-content:center;align-items:center;padding:0 18px;border-radius:4px;color:var(--eggshell)}.publishedRouteDetailPage .routeInfoContainer{margin:24px 0}.publishedRouteDetailPage .routeSubInfoContainer{display:flex;align-items:center;grid-gap:24px;gap:24px;margin:16px 0}.publishedRouteDetailPage .routeSubInfo span{font-weight:700}.publishedRouteDetailPage .routeWaypointsContainer{display:flex!important;flex-direction:row;align-items:center;grid-gap:24px;gap:24px;margin:16px 0;flex-wrap:wrap}.publishedRouteDetailPage .routeWaypointCard{background:var(--eggshell);color:var(--darkgray);width:200px;height:120px;box-sizing:border-box;padding:18px;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,.24)}.scoreContainer{background:var(--green);padding:16px 36px;display:flex;align-items:center;justify-content:space-between;border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,.24)}.scoreContainer p{font-weight:700}.scoreContainer h4{font-size:28px}.routeImpactContainer{border:2px solid var(--darkgray);border-radius:4px;padding:16px 24px;margin:24px 0}.routeImpactContainer .routeEmissionsNum{font-size:28px;font-weight:700}.routeBadgesContainer{margin:24px 0;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.routeBadgeItem{background:var(--gray);color:var(--eggshell);padding:8px 12px;border-radius:4px}.routeBadgeItem p{font-size:14px}.shareLinkContainer{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.shareLinkContainer input{padding:6px;border:1.5px solid var(--gray);border-radius:2px;margin:6px 0}.shareLinkContainer button{padding:8px;background:var(--green);border:none;font-weight:600;font-family:"Inter";cursor:pointer;border-radius:4px}.shareLinkContainer button:hover{background:var(--lightgreen)}.backButton{margin:0 24px;background:none;border:2px solid var(--eggshell);padding:8px 24px;border-radius:4px;font-size:14px;font-weight:600;display:flex;align-items:center;cursor:pointer;color:var(--eggshell)}.backButton:hover{background:var(--eggshell);color:var(--gray)}.viewButton{background:var(--green);border:none;cursor:pointer;border-radius:4px;padding:12px 24px;font-size:16px;font-weight:600;margin:12px 32px}.viewButton:hover{background:var(--lightgreen)}
/*# sourceMappingURL=main.d0a4ff2c.chunk.css.map */