@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Plus Jakarta Sans,sans-serif;transition:.2s linear;scrollbar-width:0;scroll-behavior:smooth}img{pointer-events:none}main.light{background:#fff;color:#000!important;padding-bottom:80px}main.dark{background:#111;color:#fff!important;padding-bottom:80px}.light .icon{color:#000}button{border-radius:10px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Outfit,sans-serif;cursor:pointer;transition:border-color .25s;display:inline-flex;justify-content:center;align-items:center}.light button{background-color:#eecfb1;color:#000}.dark button{background-color:#3d3833;color:#fff}button:hover{filter:saturate(2)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.routes{transform:scale(3)}.click-effect:active{background:#ccc;padding:10px;transform:scale(.9);border-radius:50px}.dark .click-effect:active{background:#222}.subheading{font-size:1.35rem;font-weight:700}@media screen and (min-width: 768px){main{margin-top:20px;margin-bottom:150px}}.toast-container{position:fixed;gap:10px;bottom:80px;right:0;left:0;width:90%;margin:0 5%;z-index:1000;overflow:hidden}.toast{margin-top:10px;text-align:left;padding:15px;color:#fff;border-radius:15px;box-shadow:0 0 10px #0000001a;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);transition:opacity 1s ease-in-out}.toast.success{background:#8f6200cc}.toast.error{background:#780000cc}.toast.warning{background-color:#ffc107}*{transition:.2s linear}.navbar{min-height:50px;max-height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 0;background:transparent;position:fixed;top:0;transition:.2s linear;z-index:3}.navbar-container{display:flex;align-items:center}.scrolled{background:linear-gradient(#fff,#fff9)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);transition:.2s linear}.dark .scrolled{background:linear-gradient(#0a0a0a,#0a0a0a99)!important}.scrolled #text-icon{opacity:1}.scrolled .navbar .link{color:#000}.scrolled .hamburger div{background-color:#000}.scrolled .menu-item a{color:#000}.scrolled .menu-item a:hover{color:#564ef2}.scrolled .icon{color:#000}.nav-dp{transform:translateY(3px);width:30px;height:30px;border-radius:50%;object-fit:cover;border:2.5px solid #000}.dp-container{color:#000;font-size:25px;margin:0;padding:10px 24px 10px 0}.dark .nav-dp{border-color:#fff}.dp-container:active{transform:scale(.93)}#text-icon{color:#000;font-size:25px;font-family:Plus Jakarta Sans,sans-serif;font-weight:1000;transform:translateY(-1px);font-style:bold;padding-left:24px;opacity:1}.dark #text-icon{color:#fff}#text-nav{color:#000;font-size:20px;font-weight:700;font-style:normal;padding-left:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:60vw;z-index:1}.dark #text-nav{color:#fff}.icon{color:#000;font-size:25px;margin:0 0 0 5px;padding:10px}.dark .icon{color:#fff}.navbar .icon{padding:10px;border-radius:100%;margin:0 14px;font-size:27px}.right{margin:0}.bottom-nav{display:flex;justify-content:space-evenly;align-items:center;position:fixed;z-index:4;bottom:-1px;height:60px;width:100%;background:linear-gradient(#fff9,#fff)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);transition:.2s linear;box-shadow:0 15px 100px #0000001a}.bottom-nav.dark{background:linear-gradient(#0a0a0a99,#0a0a0a)!important;box-shadow:0 5px 20px #c8c8c800}.bottom-nav-item{display:flex;align-items:center;justify-content:center;width:25px;transform:scale(1.7);padding:5px}.bottom-nav-item:hover{background-color:#ddd;border-radius:50px;padding:5px 10px}.dark .bottom-nav-item:hover{background-color:#222}.selected{background:#000;width:auto;padding:5px 10px;border-radius:50px;color:#fff}.dark .selected{background:#333;color:#fff}.selected:hover{background:#000;width:auto;padding:5px 10px;border-radius:50px;color:#fff}.dark .selected:hover{background:#222;color:#fff}.bottom-nav p{display:none}.selected p{display:block;font-size:8px;font-weight:700;margin-left:4px}@media screen and (min-width: 768px){.bottom-nav{background:linear-gradient(#fff9,#fff9)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);transition:.2s linear;box-shadow:0 0 30px #0000000d;border-radius:150px;border:.5px solid #eee;bottom:30px;right:25vw;width:50vw;height:70px;transform:scale(.83)}.bottom-nav.dark{border:.5px solid #333}}.preloader{position:fixed;top:0;left:0;bottom:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;z-index:1}.preloader.dark{background-color:#111}.preloader-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:1000;animation:opacity .5s ease-in-out infinite;font-size:4rem}.preloader .title{font-family:Outfit,sans-serif;font-weight:800;animation:opacity .5s ease-in-out infinite;font-size:3rem}.dotted-loader{font-size:30px}.span{animation:dotted 1.5s ease-in-out infinite}.spinner{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid black;width:2rem;height:2rem;animation:spin 1s ease-in-out infinite}@keyframes dotted{0%{padding:0 10px}50%{padding:0}to{padding:0 10px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes opacity{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.load-program{background:#a3a3a34d;position:fixed;width:100%;height:100%;top:0;bottom:0;z-index:3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.load-program .card{min-width:200px;width:90%;max-width:90%;height:60%;position:absolute;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;margin:0;overflow:scroll;scrollbar-width:none;padding:0;display:flex;flex-direction:column}.load-program.dark .card{background:#111}.load-program .card h2{text-align:left;padding:0 20px}.load-program .card h5{text-align:left;width:60%;padding:20px 20px 0}.load-program .programs{padding:0 20px 10px}@media only screen and (min-width: 900px){.load-program .card{width:500px}}
