@font-face{font-family:Kanit;src:url(/Kanit-Regular.ttf) format("truetype")}@font-face{font-family:Outfit;src:url(/Outfit-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Outfit;src:url(/Outfit-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Outfit;src:url(/Outfit-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Outfit;src:url(/Outfit-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Staatliches;src:url(/Staatliches-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:JetBrains Mono;src:url(/JetBrainsMono-Regular.ttf) format("truetype")}:root{scroll-behavior:smooth;--toastify-toast-min-height: 50px;--toastify-font-family: "Outfit", sans-serif;--toastify-toast-padding:8px}html{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}button{color:inherit}*{margin:0;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background-color:#fff;-webkit-tap-highlight-color:transparent}#home{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;backface-visibility:hidden;align-items:center;z-index:1}.app_background{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;z-index:1;gap:32px}.app_background img{width:30rem}.app_background h1{font-size:2rem;font-weight:500;font-family:Outfit,sans-serif;color:#000;display:flex;justify-content:center}.app_background_tele{display:none}@media screen and (max-width: 1150px){#home{height:100dvh;width:100%}#coverVideo{height:100%;object-fit:cover}.app_background{display:none}.app_background_tele{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%}.app_background_tele h1{margin-top:30px;font-size:1.6rem;font-family:Outfit,sans-serif;font-weight:500}.app_background_tele img{width:30rem}}@media screen and (max-width: 850px){#coverVideo{height:100%;object-fit:cover}.app_background_tele img{width:25rem}.app_background_tele h1{font-size:1.25rem}}@media screen and (max-width: 650px){#home{height:100dvh;width:100%}.app_background_tele{display:flex;justify-content:center;align-items:center;height:100%;width:100%;flex-direction:column}.app_background_tele h1{font-size:1.25rem}.app_background_tele img{width:20rem;height:auto}.app_background{display:none}}@media screen and (max-width: 480px){#home{height:100dvh;width:100%}.app_background_tele h1{font-size:1.25rem}.app_background_tele img{width:15rem;height:auto}.app_background{display:none}}.navbar-status.color-cyan .daily-points,.navbar-status.color-cyan .total-points,.navbar-status.color-blue .event-happening,.navbar-status.color-blue .local{margin-top:1rem}.app_navbar{position:fixed;top:0;left:0;right:0;z-index:2000;display:flex;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;letter-spacing:.5px;color:#000;font-size:1.8rem;background:transparent;transition:background-color .3s ease;height:72px}.navbar-transparent{background:transparent}.opaque{background-color:#fff}.app_navbar-logo img{width:25px;cursor:pointer;z-index:5;margin-right:5px}.app_navbar-center{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;list-style:none}.app_navbar-center-text{display:flex;align-items:center;justify-content:center}.app_navbar-center-img{display:flex;align-items:center;justify-content:flex-start}.app_navbar-center img{width:55px;margin-left:25px}.app_navbar-center a{text-decoration:none;color:#02253b;font-size:1rem}.app_navbar-center li{margin:0 2rem;display:flex;align-items:center}.app_navbar-center a:hover{color:#555}.app_navbar-center-login{display:flex;align-items:center;margin-right:30px}.app_navbar-center-login a{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid black;border-radius:30px;width:110px;height:40px;font-family:Outfit,sans-serif;text-decoration:none;color:#000;transition:.2s}.app_navbar-center-login a:hover{color:#fff;text-decoration:none;background-color:#000}.app_navbar-center-login .login-button{background:#ffffff8c}.user-logged-in{display:flex;align-items:center;gap:10px}.qr-button{background:#fff;border:none;box-shadow:0 2px 8px #00000040;border-radius:999px;cursor:pointer;padding:8px 14px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,box-shadow .2s ease;line-height:0}.qr-button:hover{background-color:#f5f5f5;box-shadow:0 2px 8px #0000001f}.qr-button img{width:22px;height:22px;display:block;margin:0}.qr-button.qr-no-border{border:none;box-shadow:0 2px 8px #00000040;background:transparent}.user-name-button{display:flex;align-items:center;justify-content:center;background-color:#fff;border:none;box-shadow:0 2px 8px #00000040;border-radius:30px;padding:0 20px;height:40px;min-width:110px;max-width:280px;font-family:Outfit,sans-serif;font-size:.95rem;color:#000;cursor:pointer;transition:border-radius .2s ease,background-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-name-button:hover{background-color:#f5f5f5}.user-name-button.dropdown-open{border-radius:16px 16px 0 0;background-color:#f0f0f0;color:#000;border-color:transparent;box-shadow:2px 0 12px #0000001a,-2px 0 12px #0000001a}.user-dropdown-container{position:relative;display:inline-block}.user-dropdown{position:absolute;top:100%;right:0;left:0;background-color:#f0f0f0;border-radius:0 0 16px 16px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .25s ease;z-index:2000;box-shadow:0 8px 16px #0000001f;padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-name-row{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;color:#000;padding:6px 4px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-icon-row{display:flex;flex-direction:column;gap:6px}.user-dropdown .dropdown-icon-button{position:static!important;transform:none!important;bottom:auto!important;left:auto!important;width:auto!important;flex:1;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important;background:#fff!important;border:none!important;border-radius:30px!important;cursor:pointer;font-size:unset!important;white-space:normal!important;transition:background-color .2s ease}.user-dropdown .dropdown-icon-button:hover{background:#e8e8e8!important}.user-dropdown .dropdown-icon-button img{width:25px;height:25px;display:block;margin:0}.app_navbar-center-text{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.app_navbar-center-text.visible{opacity:1;visibility:visible}.app_navbar-center-text.hidden{opacity:0;visibility:hidden}.app_navbar-smallscreen-overlay{position:fixed;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;top:0;left:0;height:100%;width:100%;transition:opacity .3s ease}.app_navbar-smallscreen-overlay.show{opacity:1;pointer-events:auto}#app_navbar-smallscreen-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.app_navbar-smallscreen-logo img{width:25px;cursor:pointer;margin-top:13px}.app_navbar-smallscreen-links{align-items:center;list-style:none;padding:0;position:relative;z-index:1;opacity:0;transform:translateY(10px);transition:opacity .3s ease;transition-delay:.15s}.app_navbar-smallscreen-overlay.show .app_navbar-smallscreen-links{opacity:1;transform:translateY(0)}.app_navbar-smallscreen-links li a{text-decoration:none;color:#000;font-size:2rem;margin-bottom:20px;display:flex;justify-content:center;align-items:center;font-family:Outfit,sans-serif}.app_navbar-smallscreen-links li a:hover{color:#5f5f5f}.close_menu{position:absolute;top:12px;right:26px}.app_navbar-logo{display:none}.app_navbar-center-dashboard{display:flex;align-items:center;justify-content:center;height:100%}.app_navbar-center-dashboard img{width:18rem;margin-right:25px}.color-bars-fixed{position:fixed;top:70px;left:0;right:0;z-index:1000;overflow:hidden;pointer-events:none}.color-bars-fixed.hide-bars{display:none!important}.color-bars-fixed.show{pointer-events:auto}.navbar-status-container{display:flex;flex-direction:row;width:100%;overflow:hidden;will-change:transform;transform:translateY(-100%) translateZ(0);transition:transform .4s ease}.color-bars-fixed.show .navbar-status-container{transform:translateY(0) translateZ(0)}.navbar-status{flex:1;height:18px;overflow:hidden;border-radius:0;position:relative;font-family:Outfit,sans-serif;letter-spacing:1px;will-change:transform;transform:translateZ(0);transition:height .5s cubic-bezier(.36,1.56,.67,1.06),border-radius .4s ease}.color-bars-fixed.closing .navbar-status{transition:height .35s ease-out,border-radius .3s ease}.navbar-status .text-images,.navbar-status .daily-points,.navbar-status .total-points,.navbar-status .event-happening,.navbar-status .local,.navbar-status .avatar,.navbar-status button,.navbar-status .program-button,.navbar-status .personalization-button{opacity:0;transition:opacity .25s linear,background-color .3s ease,color .3s ease;pointer-events:none}.color-bars-fixed.show.hovered .navbar-status .text-images,.color-bars-fixed.show.hovered .navbar-status .daily-points,.color-bars-fixed.show.hovered .navbar-status .total-points,.color-bars-fixed.show.hovered .navbar-status .event-happening,.color-bars-fixed.show.hovered .navbar-status .local,.color-bars-fixed.show.hovered .navbar-status .avatar,.color-bars-fixed.show.hovered .navbar-status button,.color-bars-fixed.show.hovered .navbar-status .program-button,.color-bars-fixed.show.hovered .navbar-status .personalization-button{opacity:1;transition:opacity .25s linear,background-color .3s ease,color .3s ease;pointer-events:auto}.navbar-status.color-cyan{background:#7ef1e2}.navbar-status.color-blue{background:#5bcaf7;margin-right:-1px;z-index:1}.navbar-status.color-pink{background:#f974a1}.navbar-status:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .3s ease .15s}.navbar-status.color-cyan:after{background:linear-gradient(180deg,#fff,#7ef1e2 60%)}.navbar-status.color-blue:after{background:linear-gradient(180deg,#fff,#5bcaf7 60%)}.navbar-status.color-pink:after{background:linear-gradient(180deg,#fff,#f974a1 60%)}.color-bars-fixed.show .navbar-status{pointer-events:none}.color-bars-fixed.show.hovered .navbar-status{height:300px;transition-delay:0s!important;border-radius:0 0 30px 30px}.color-bars-fixed.show.hovered .navbar-status:after{opacity:1}.navbar-status .text-images{width:8rem;position:absolute;top:12%;left:10%;z-index:1}.navbar-status.color-cyan .text-images,.navbar-status.color-blue .text-images,.navbar-status.color-pink .avatar{margin-top:1rem}.navbar-status button,.navbar-status .program-button,.navbar-status .personalization-button{position:absolute;bottom:10%;left:50%;transform:translate(-50%);padding:10px 35px;border-radius:999px;border:2px solid black;background:#fff;color:#000;cursor:pointer;font-family:Outfit,sans-serif;font-size:1.2rem;text-decoration:none;z-index:1;white-space:nowrap}.navbar-status button{background:#7ef1e2}.navbar-status .program-button{background:#5bcaf7}.navbar-status .personalization-button{background:#f974a1}.navbar-status button:hover,.navbar-status .program-button:hover,.navbar-status .personalization-button:hover{background-color:#000;color:#fff}.navbar-status.color-cyan .daily-points{position:absolute;top:32%;left:10%;z-index:1}.navbar-status.color-cyan .total-points{position:absolute;top:42%;right:10%;text-align:right;z-index:1}.navbar-status.color-cyan .title{font-weight:700;font-size:1rem}.navbar-status.color-cyan .points{font-weight:400;font-size:1.8rem;margin-top:5px}.navbar-status.color-blue .text-images{width:13rem}.navbar-status.color-blue .event-happening{position:absolute;top:36%;left:10%;font-size:1.5rem;z-index:1}.navbar-status.color-blue .event-happening .start-hours{font-weight:400}.navbar-status.color-blue .event-happening .event{font-weight:500}.navbar-status.color-blue .local{position:absolute;top:50%;right:10%;opacity:0;font-size:1.3rem;font-weight:500;text-align:right;z-index:1}.color-bars-fixed.show.hovered .navbar-status.color-blue .local{opacity:.6;transition:opacity .3s ease .2s}.navbar-status.color-pink .avatar{width:auto;height:auto;max-height:11rem;position:absolute;left:50%;top:5%;transform:translate(-50%);z-index:1}.mobile-user-info{display:flex;flex-direction:column;align-items:center}.mobile-account-options{justify-content:center;display:flex;flex-direction:column;align-items:center;gap:16px}.mobile-qr-button{margin-bottom:0}.mobile-logout-button{background:none;border:none;color:#000;font-size:2rem;font-family:Outfit,sans-serif;cursor:pointer;transition:color .3s ease;padding:0}.mobile-logout-button:hover{color:#5f5f5f}.mobile-icon-bar{display:flex;flex-direction:row;gap:40px;background:#fff;border-radius:999px;padding:4px 32px;margin-top:120px;box-shadow:0 0 12px #00000040;justify-content:space-around;width:260px}.mobile-icon-btn{background:none;border:none;cursor:pointer;padding:8px 16px;display:flex;align-items:center;justify-content:center}.mobile-icon-btn img{width:28px;height:28px;display:block}.user-account-name{font-size:1.2rem;font-family:Outfit,sans-serif;color:#000;background:#fff;border:1px solid black;border-radius:999px;padding:10px 20px;text-align:center;transition:color .2s ease,background-color .2s ease}.user-account-name:hover{color:#fff;background:#000;cursor:pointer}@media screen and (max-width: 1500px){.navbar-status.color-blue .local{top:55%}.navbar-status.color-pink .avatar{top:10%;max-height:8rem}}@media screen and (max-width: 1230px){.app_navbar-center-text{margin-right:0}.app_navbar-center-login{flex-shrink:0}}@media screen and (max-width: 1150px){.app_navbar{flex-direction:row-reverse}.app_navbar-logo{display:flex;margin-right:1rem}.app_navbar-smallscreen-overlay{display:flex;z-index:10}.app_navbar-smallscreen-links li a{text-decoration:none;color:#000;font-size:2rem;margin-bottom:20px;display:flex;justify-content:center;align-items:center;transition:color .3s ease}.app_navbar-smallscreen-links li a:hover{color:#5f5f5f}.app_navbar-center-text,.app_navbar-center-login{display:none}.navbar-status.color-blue .event-happening p{font-size:1.2rem}}@media screen and (max-width: 780px){.navbar-status{transform:translateZ(0);transition:border-radius .4s ease;flex:1;border-radius:0;min-height:unset}.color-bars-fixed.show .navbar-status{pointer-events:none}.color-bars-fixed.open .navbar-status{border-radius:0}.color-bars-fixed.open .navbar-status:after{opacity:1}.color-bars-fixed.show:not(.open) .navbar-status button,.color-bars-fixed.show:not(.open) .navbar-status .program-button,.color-bars-fixed.show:not(.open) .navbar-status .personalization-button{pointer-events:none}.color-bars-fixed.open .navbar-status button,.color-bars-fixed.open .navbar-status .program-button,.color-bars-fixed.open .navbar-status .personalization-button{pointer-events:auto}.color-bars-fixed.open .navbar-status .text-images,.color-bars-fixed.open .navbar-status .daily-points,.color-bars-fixed.open .navbar-status .total-points,.color-bars-fixed.open .navbar-status .event-happening,.color-bars-fixed.open .navbar-status .local,.color-bars-fixed.open .navbar-status .avatar,.color-bars-fixed.open .navbar-status button,.color-bars-fixed.open .navbar-status .program-button,.color-bars-fixed.open .navbar-status .personalization-button{opacity:1;transition:opacity .25s linear .2s}.navbar-status-container{flex-direction:column;height:54px}.color-bars-fixed{height:54px}.color-bars-fixed.open{height:calc(100dvh - 70px);transition:height .5s cubic-bezier(.36,1.56,.67,1.06)}.color-bars-fixed.open .navbar-status-container{height:calc(100dvh - 70px);transition:transform .4s ease,height .5s cubic-bezier(.36,1.56,.67,1.06)}.navbar-status-container{transition:transform .4s ease,height .35s ease-out}.color-bars-fixed{transition:height .35s ease-out}.navbar-status .text-images{width:5.5rem}.navbar-status.color-blue .text-images{width:8.5rem}.navbar-status.color-cyan .daily-points{top:40%}.navbar-status.color-cyan .total-points{top:40%;font-size:1rem}.navbar-status.color-cyan .daily-points p,.navbar-status.color-cyan .total-points p{font-size:1.2rem}.navbar-status.color-blue .event-happening,.navbar-status.color-blue .local{font-weight:1;position:static;transform:none}.navbar-status.color-blue .text{position:absolute;top:40%;left:10%;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:80%}.navbar-status.color-blue .event-happening p{font-size:1.2rem;width:100%}.navbar-status.color-blue .local{font-size:.95rem;font-weight:700}.navbar-status.color-pink .avatar{top:5%;max-height:8rem}.navbar-status.color-blue:after{background:#5bcaf7}.navbar-status.color-pink:after{background:#f974a1}.navbar-status button,.navbar-status .program-button,.navbar-status .personalization-button{padding:8px 20px;bottom:5%}.navbar-status.color-blue{margin-bottom:-1px}}@media screen and (max-width: 400px){.navbar-status.color-blue .event-happening p{font-size:1rem}.navbar-status.color-blue .local{font-size:.8rem}.navbar-status.color-pink .avatar{max-height:6rem}}@media screen and (max-height: 800px){.navbar-status.color-pink .avatar{top:5%}}#coverVideo{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;z-index:-1;object-fit:cover;pointer-events:none}