@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chargers-table{border-collapse:collapse;margin-top:10px;width:100%}.chargers-table td,.chargers-table th{border:1px solid #ddd;padding:8px;text-align:left}.chargers-table th{background-color:#f2f2f2}.annotation-overlay{background-color:#fffffff2;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:50%;padding:20px;position:absolute;top:10%;transform:translate(-50%);width:320px;z-index:300}.annotation-content{position:relative}.close-button{background:none;border:none;cursor:pointer;font-size:1.5em;position:absolute;right:10px;top:5px}.soc-table{border-collapse:collapse;margin-top:10px;width:100%}.soc-table td,.soc-table th{border:1px solid #ddd;padding:8px;text-align:left}.soc-table th{background-color:#f2f2f2}.warning-soc td{background-color:#ffeb3b;color:#000}.critical-soc td{background-color:#f44336;color:#fff}.apple-maps-link{color:#007aff;display:inline-block;font-weight:700;margin-top:10px;text-decoration:none}.apple-maps-link:hover{text-decoration:underline}.status-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;background:linear-gradient(135deg,#add8e633,#ffffff1a);border:1px solid #fff6;border-radius:12px;box-shadow:0 4px 6px #0000001a;height:100px;margin-bottom:20px;margin-top:10px;padding:10px;pointer-events:auto;transition:border-color .3s ease,box-shadow .3s ease;width:240px}.status-box:hover{border-color:var(--neon-spark-blue);box-shadow:0 0 15px #007bff99}.left-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff80,#ffffff4d);border:1px solid #ffffff80;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex-grow:1;overflow-y:auto;padding:10px;pointer-events:auto;transition:border-color .3s ease,box-shadow .3s ease;width:240px}.left-panel:hover{border-color:var(--neon-spark-blue);box-shadow:0 0 15px #007bff99}.trip-button-group{display:flex;gap:20px;margin-top:20px}.add-stop-button button,.plan-trip-button button{font-family:var(--primary-font);justify-content:flex-start;text-transform:none}.user-interactions{align-items:flex-start;display:flex;flex-direction:column;height:100%;left:0;padding:10px;position:absolute;top:0;z-index:2}.app-footer{background-color:#f8f9fa;font-family:var(--primary-font);padding:10px;width:100%}.footer-container{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px;width:100%}.footer-links{align-items:center;display:flex;justify-content:flex-start}.app-footer button{border:none;border-radius:5px;cursor:pointer;font-family:var(--primary-font);font-size:12px;margin:0 5px;min-height:30px;padding:5px 10px;text-transform:none;transition:background-color .3s ease}.app-footer button:hover{background-color:var(--menu-button-color-light)}.footer-link{color:var(--menu-button-color);cursor:pointer;font-family:var(--primary-font);font-size:12px;margin:0 10px;padding:5px 10px;text-decoration:none;transition:color .3s ease,background-color .3s ease}.footer-link:hover{color:var(--menu-button-color-light);text-decoration:underline}.footer-copyright{color:#555;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--collapsed-width:30px;--button-height:35px}.system-menu{align-items:flex-start;background:linear-gradient(135deg,#dee8efb3,#63676d66);border:1px solid #ffffff4d;display:flex;flex-direction:column;flex-grow:1;left:0;max-width:175px;padding:25px;position:sticky;transition:border-color .3s ease,box-shadow .3s ease,max-width .3s ease;z-index:1}.collapsed{max-width:30px;max-width:var(--collapsed-width)}.logo{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px;width:100%}.logo-image{height:100%;margin-right:5px;max-height:30px;max-height:calc(var(--collapsed-width)/1)}.logo-text{display:flex;flex-direction:column;flex-grow:1}.logo-text-1{font-size:.8rem;font-weight:700;margin-bottom:-2px}.logo-text-2{font-size:.9rem;font-weight:400}.collapsed .logo-text-1,.collapsed .logo-text-2{display:none}.toggle-menu-button{align-self:flex-end;background-color:initial;border:none;color:var(--dark-font-color);cursor:pointer;font-size:15px;font-size:calc(var(--collapsed-width)/2);margin-left:auto;position:relative}.cars-button,.favorites-button,.plan-button,.test-api-button{display:flex;height:35px;height:var(--button-height);justify-content:center;margin-bottom:15px;width:100%}.cars-button button,.favorites-button button,.plan-button button,.test-api-button button{align-items:center;display:flex;font-family:var(--primary-font);height:35px;height:var(--button-height);justify-content:left;padding:0 12px;text-transform:none;width:100%}.collapsed .cars-button button,.collapsed .favorites-button button,.collapsed .plan-button button,.collapsed .test-api-button button{font-size:15px;font-size:calc(var(--collapsed-width)/2);height:35px;height:var(--button-height);justify-content:center;padding:0;width:90%}.user-account-section{color:var(--dark-font-color);margin-top:auto;width:100%}.collapsed .user-account-section button{background-color:initial;border:none;color:var(--menu-button-color);cursor:pointer;font-size:15px;font-size:calc(var(--collapsed-width)/2);height:35px;height:var(--button-height);justify-content:center;padding:0 15px 0 0;padding:0 calc(var(--collapsed-width)/2) 0 0;width:100%}.fullpage{display:flex;flex-direction:column;min-height:100vh}.app{display:flex;flex-grow:1;min-height:0}.map-container{background-color:#e0e0e0;flex-grow:1;overflow:hidden;position:relative}.map{align-items:center;background-color:#cfd8dc;color:#616161;display:flex;height:100%;justify-content:center;width:100%}.legal-page{font-family:var(--primary-font);margin:0 auto;max-width:800px;padding:20px}.legal-page h1{color:var(--dark-font-color);font-size:2rem;margin-bottom:20px}.legal-page h2{color:var(--dark-font-color);font-size:1.5rem;margin-top:20px}.legal-page p{color:var(--dark-font-color-light);font-size:1rem;line-height:1.6;margin-bottom:15px}.legal-page ul{list-style-type:disc;margin-left:20px}.legal-page li{margin-bottom:10px}.back-link{border:1px solid var(--menu-button-color);border-radius:5px;color:var(--menu-button-color);display:inline-block;font-size:1rem;margin-top:30px;padding:8px 16px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.back-link:hover{background-color:var(--menu-button-color-light);color:#fff}:root{--logo-font:"Roboto",sans-serif;--primary-font:"Poppins",sans-serif;--electric-spark-blue:#4058fd;--neon-spark-blue:#00d8fa;--light-font-color:#e8e8e8;--dark-font-color:#3e485b;--menu-button-color:#3e485b;--menu-button-color-light:#a8acb5}body,html{box-sizing:border-box;font-family:Poppins,sans-serif;font-family:var(--primary-font);height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;height:100%}button{font-family:Poppins,sans-serif;font-family:var(--primary-font);text-transform:none}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none}.loading-screen{align-items:center;background-color:#e8e8e8;background-color:var(--light-font-color);color:#3e485b;color:var(--dark-font-color);display:flex;font-family:Poppins,sans-serif;font-family:var(--primary-font);font-size:1.5rem;height:100vh;justify-content:center}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-width{width:100%}.full-height{height:100%}.flex-center{align-items:center;display:flex;justify-content:center}.margin-bottom{margin-bottom:1rem}.margin-top{margin-top:1rem}