:root{--font: "Roboto", sans-serif;--color-bus: #E6B800;--color-bus-hover: #FFCC00;--color-route: #E2E8F0;--color-route-hover: #0056b3;--color-button-bg: #2C2C2C;--color-button-top-bg:#2563EB;--color-error: #DC3545;--color-error-bg: #212529;--color-text: #FFF;--color-bottom-menu: #212529;--color-bottom-menu-details: #4A90E2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font)}.hide-scrollbar{scrollbar-width:none;-webkit-overflow-scrolling:touch}.hide-scrollbar::-webkit-scrollbar{display:none}footer{position:fixed;bottom:0;width:100%;z-index:2}li{list-style:none}.spin-loading{position:absolute;width:100%;height:100vh;background-color:var(--color-text);display:flex;justify-content:center;align-items:center;z-index:2}.spin-loading i{color:var(--color-bottom-menu-details);font-size:30px}.error-section{position:absolute;top:20px;left:60px;background-color:var(--color-error-bg);color:var(--color-error);display:flex;justify-content:center;align-items:center;z-index:3;padding:5px 10px;border-radius:5px}@media (max-width: 768px){.error-section{top:10px;left:0}}.bus-button{width:60px;height:60px;border:none;cursor:pointer;position:relative;transition:transform .3s ease;margin:5px 0;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--color-error-bg)}.bus-button i{font-size:50px;color:var(--color-bus)}.line-number{position:absolute;font-weight:700;font-size:18px;color:var(--color-bus);margin-bottom:10px}.bus-button:hover{transform:translateY(-2px)}.bus-button:hover i,.bus-button:hover .line-number{color:var(--color-bus-hover)}.route-button{background-color:var(--color-button-top-bg);color:var(--color-route);text-transform:uppercase;font-weight:700;font-size:16px;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;width:100%}.route-button:hover{background-color:var(--color-route-hover);color:var(--color-text)}#map{position:relative;height:100vh;width:100%;margin:0;padding:0}.bottom-menu{list-style:none;width:100%;height:40px;background-color:var(--color-bottom-menu);display:flex;justify-content:space-around;align-items:center;border-top:3px solid var(--color-bottom-menu-details)}.bottom-menu-item i{padding:2px;cursor:pointer;font-size:24px;color:var(--color-text);transition:transform .3s ease}.bottom-menu-item button i{color:var(--color-bottom-menu-details)}.bottom-menu-item:hover i{transform:translateY(-2px);color:var(--color-bottom-menu-details)}.sidebar-buttons{list-style:none;position:absolute;top:0;left:5px;height:calc(100% - 40px);display:flex;flex-direction:column;justify-content:space-around;overflow:scroll}.top-buttons{list-style:none;display:flex;flex-direction:column;justify-content:space-around;gap:5px;position:absolute;top:0;right:10px;min-height:60px;max-width:80%;animation:slideDown .5s ease-out;transform-origin:top}.spin-loading-top-buttons{justify-content:center;align-items:center;animation:none;width:200px;height:100px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.stop-data{text-align:center;position:absolute;right:10px;top:30%;background-color:var(--color-bottom-menu);padding:10px;border-radius:5px;width:200px;min-height:200px;color:var(--color-text);display:flex;flex-direction:column;justify-content:space-between;gap:10px}.stop-data-list{display:flex;flex-direction:column;gap:20px}.stop-data-list-item{display:flex;flex-direction:column;gap:10px;background-color:var(--color-button-bg);padding:10px;border-radius:5px}.stop-data-list-item-section{width:100%;display:flex;justify-content:space-between}.without-data{text-transform:capitalize}