@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&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}.default-body{align-items:center;background-color:#ffc300;color:#fff;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center}.container{height:100vh;max-width:400px;padding:20px;text-align:center;width:100vw}.welcomepageheader h1{font-size:1.8rem;margin-bottom:.5rem}.welcomepageheader p{font-size:1rem;margin-bottom:.8rem}.image-container{margin:60px 0;position:relative}.image-container .motorbg{bottom:10px;height:auto;position:absolute;width:90%}.image-container .bike{border-radius:10px;height:auto;position:relative;width:90%}.image-container .location{border-radius:50px;height:20%;left:5px;position:absolute;width:20%}.Login-button,.Login-button-desktop,.SignUp-button,.SignUp-button-desktop{background-color:#ffb800;border:none;border-radius:20px;color:#000;cursor:pointer;font-size:1.2rem;font-weight:700;margin:5px;padding:10px;transition:.3s ease;width:40%}.Login-button:hover,.SignUp-button:hover{background-color:#d36c24;color:#fff}.Login-button:hover,.SignUp-button:hover{background-color:#ffc300}.start-button-desktop,.start-button-mobile{background-color:#ffb800;border:none;border-radius:20px;color:#000;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px;transition:.3s ease;width:100%}.start-button-desktop:hover{background-color:#d36c24;color:#fff}.start-button:hover{background-color:#ffc300}.trackicon{height:auto;position:relative;width:auto}.TML{height:100%;object-fit:contain;width:100%}.TMLogo-container-welcome{height:20%;width:100%}@media (max-width:325px){.container{height:100vh;max-width:100%;padding:4px;text-align:center;width:100vw}.welcomepageheader{align-items:center;display:flex;flex-direction:column;justify-content:center}.TMLogo-container-welcome{height:10%;width:50%}.TML{height:100%;object-fit:contain;width:100%}.welcomepageheader h1{font-size:.5rem;margin-bottom:.5rem}.welcomepageheader p{font-size:1rem;margin-bottom:.1rem}.image-container .motorbg{bottom:30px;padding:10px}.image-container .bike{height:auto;width:90%}.image-container .location{margin-left:1rem}.start-button-desktop,.start-button-mobile{bottom:60px;padding:7px;position:relative}.Login-button,.SignUp-button{bottom:60px;position:relative}}@media (max-width:500px){.container,.default-body{background-color:#1a1b28}.image-container .bike,.image-container .motorbg{width:75%}.image-container .location{left:10px;width:18%}.start-button{font-size:1.1rem;padding:12px}.trackicon{display:none}.image-container{margin:45px 0}.container{padding:15px}.welcomepageheader h1{font-size:1.5rem}.welcomepageheader p{font-size:.9rem}.Login-button-desktop,.SignUp-button-desktop,.start-button-desktop{display:none}.welcomepageheader{align-items:center;display:flex;flex-direction:column;justify-content:center}.TMLogo-container-welcome{height:10%;width:50%}.TML{height:100%;object-fit:contain;width:100%}}@media (min-width:501px) and (max-width:900px){.container{background-color:#1a1b28;height:30rem;max-height:50rem;max-width:50rem;position:relative;width:50rem}.desktop-container{display:flex;flex-direction:row-reverse;height:100%;padding:1rem;position:absolute;width:100%}.welcomepageheader{margin:80px 20px 0;width:80%}.welcomepageheader h1{font-size:1.8rem;margin-bottom:.5rem}.trackmoto-text{color:#ffc300;display:inline}.welcomepageheader p{font-size:.9rem}.image-container{margin:50px 0 10px;width:70%}.image-container .motorbg{bottom:4rem;left:3rem;margin:0 70px 0 0;width:80%}.trackicon{display:none}.image-container .bike{left:1rem;width:75%}.image-container .location{bottom:21rem;height:25%;left:2rem;width:25%}.start-button-mobile{display:none}.start-button-desktop{font-size:1rem;margin:20px;padding:10px;width:70%}.Login-button,.SignUp-button{display:none}}@media (min-width:901px) and (max-width:1024px){.container{background-color:#1a1b28;height:50rem;max-height:30rem;max-width:50rem;padding:1rem;position:relative;width:50rem}.desktop-container{display:flex;flex-direction:row-reverse;height:100%;padding:2rem;position:absolute;width:100%}.welcomepageheader{margin:20px 20px 0;width:80%}.welcomepageheader h1{font-size:1.8rem;margin-bottom:.5rem}.trackmoto-text{color:#ffc300;display:inline}.welcomepageheader p{font-size:.9rem}.image-container{margin:50px 0 10px;width:70%}.image-container .motorbg{bottom:3rem;position:absolute;width:80%}.desktop-container .trackicon{bottom:28rem;position:absolute;width:17%}.image-container .bike{width:80%}.image-container .location{bottom:20rem;height:25%;left:1rem;width:25%}.start-button-mobile{display:none}.start-button-desktop{font-size:1rem;margin:20px;padding:10px;width:70%}.Login-button,.SignUp-button{display:none}.Login-button-desktop,.SignUp-button-desktop{background-color:#ffc300;border-radius:100px;font-size:1rem;margin:10px;padding:10px;transition:.3s ease;width:70%}.Login-button-desktop:hover,.SignUp-button-desktop:hover{background-color:#d36c24;color:#fff}}@media (min-width:1025px) and (max-width:1550px){.container{background-color:#1a1b28;height:30rem;max-height:50rem;max-width:50rem;position:relative;width:50rem}.desktop-container{display:flex;flex-direction:row-reverse;padding:1rem;position:absolute;width:100%}.welcomepageheader{margin:5px 20px 0;width:80%}.welcomepageheader h1{font-size:1.8rem;margin-bottom:.5rem}.trackmoto-text{color:#ffc300;display:inline}.welcomepageheader p{font-size:.9rem}.image-container{margin:50px 0 10px;width:70%}.image-container .bike,.image-container .motorbg{width:80%}.image-container .location{bottom:18rem;height:25%;left:1rem;width:25%}.start-button-mobile{display:none}.start-button-desktop{font-size:1rem;margin:20px;padding:10px;width:70%}.Login-button,.SignUp-button{display:none}.Login-button-desktop,.SignUp-button-desktop{background-color:#ffc300;border-radius:100px;font-size:1rem;margin:10px;padding:10px;transition:.3s ease;width:70%}.Login-button-desktop:hover,.SignUp-button-desktop:hover{background-color:#d36c24;color:#fff}.trackicon{bottom:25.5rem;left:44rem;position:absolute;width:20%}}@media (min-width:1551px) and (max-width:2560px){.container{background-color:#1a1b28;height:60rem;max-height:60rem;max-width:90rem;position:relative;width:90rem}.desktop-container{display:flex;flex-direction:row-reverse;height:93%;padding:2rem;position:absolute;width:100%}.welcomepageheader{margin:80px 20px 0;position:relative;top:5rem;width:80%}.welcomepageheader h1{font-size:3.5rem;margin-bottom:1.8rem}.trackmoto-text{color:#ffc300;display:inline}.welcomepageheader p{font-size:1.8rem;margin-bottom:1.8rem}.image-container{margin:50px 0 10px;width:70%}.image-container .motorbg{height:auto;width:90%}.image-container .bike{top:4rem;width:90%}.image-container .location{bottom:36rem;height:25%;left:1rem;width:25%}.start-button-mobile{display:none}.start-button-desktop{font-size:2rem;margin:20px;padding:10px;position:relative;top:10rem;width:77%}.Login-button,.SignUp-button{display:none}.Login-button-desktop,.SignUp-button-desktop{background-color:#ffc300;border-radius:100px;font-size:2rem;margin:20px 20px 3rem;padding:10px;transition:.3s ease;width:70%}.Login-button-desktop:hover,.SignUp-button-desktop:hover{background-color:#d36c24;color:#fff}.trackicon{bottom:54rem;left:37rem;position:absolute;width:40%}}.pl{display:block;height:9.375em;width:9.375em}.pl__arrows,.pl__ring-rotate,.pl__ring-stroke,.pl__tick{animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.pl__arrows{animation-name:arrows42;transform:rotate(45deg);transform-origin:16px 52px}.pl__ring-rotate,.pl__ring-stroke{transform-origin:80px 80px}.pl__ring-rotate{animation-name:ringRotate42}.pl__ring-stroke{animation-name:ringStroke42;transform:rotate(-45deg)}.pl__tick{animation-name:tick42}.pl__tick:nth-child(2){animation-delay:-1.75s}.pl__tick:nth-child(3){animation-delay:-1.5s}.pl__tick:nth-child(4){animation-delay:-1.25s}.pl__tick:nth-child(5){animation-delay:-1s}.pl__tick:nth-child(6){animation-delay:-.75s}.pl__tick:nth-child(7){animation-delay:-.5s}.pl__tick:nth-child(8){animation-delay:-.25s}@keyframes arrows42{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes ringRotate42{0%{transform:rotate(0)}to{transform:rotate(2turn)}}@keyframes ringStroke42{0%,to{stroke-dashoffset:452;transform:rotate(-45deg)}50%{stroke-dashoffset:169.5;transform:rotate(-180deg)}}@keyframes tick42{0%,3%,47%,to{stroke-dashoffset:-12}14%,36%{stroke-dashoffset:0}}*{box-sizing:border-box;margin:0;padding:0}.login-main-container,.signup-main-container{background-color:#fbbf24;height:100vh;text-align:center;width:100vw}.TMLogo-signup-container{height:20%;width:100%}.TML-Signup{height:50%;object-fit:contain;width:100%}.SignUp-container{height:94vh;padding:40px}.Login-container,.SignUp-container{background-color:#17191f;border-radius:40px;color:#fdfdfd;position:relative;width:100%}.Login-container{height:90vh;padding:60px;top:2rem}.loginheader,.signupheader{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;position:relative;top:2rem}.headerlogin,.headersignup{color:#050505;font-size:30px;font-weight:700}.close-button{font-size:24px}.SignUP,.close-button,.login{background:none;border:none;padding:10px}.SignUP,.login{color:#080808;cursor:pointer;font-size:14px;transition:.3 ease}.Login-form,.signup-form{display:flex;flex-direction:column;gap:20px;padding:10px}.input-field{background-color:#2c2e38;border:none;border-radius:8px;color:#fdfdfd;font-size:16px;outline:none;padding:15px;transition:border-color .2s ease;width:100%}input:focus{background-color:#212329}.input-group{display:flex;flex-direction:row;gap:10px;position:relative}.floating-label{color:#999;font-size:16px;left:1.1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-out}.input-field:focus+.floating-label,.input-field:not(:placeholder-shown)+.floating-label{color:#fff;font-size:12px;left:15px;top:0}.floating-label-log{color:#999;font-size:16px;left:1.1rem;pointer-events:none;position:absolute;top:12%;transform:translateY(-50%);transition:all .2s ease-out}.input-field:focus+.floating-label-log,.input-field:not(:placeholder-shown)+.floating-label-log{color:#fff;font-size:12px;left:15px;top:1.5%}.floating-label-log-pass{color:#999;font-size:16px;left:1.1rem;pointer-events:none;position:absolute;top:40.5%;transform:translateY(-50%);transition:all .2s ease-out}.input-field:focus+.floating-label-log-pass,.input-field:not(:placeholder-shown)+.floating-label-log-pass{color:#fff;font-size:12px;left:15px;top:30%}.floating-label-mobile{color:#999;font-size:16px;left:1rem;pointer-events:none;position:absolute;top:49%;transform:translateY(-50%);transition:all .2s ease-out}.input-field:focus+.floating-label-mobile,.input-field:not(:placeholder-shown)+.floating-label-mobile{color:#fff;font-size:12px;left:15px;top:0}.verify-button{font-size:12px;padding:0 15px;width:40%}.Login-btn,.SignUp,.verify-button{background-color:#fbbf24;border:none;border-radius:8px;color:#1c1e26;cursor:pointer;font-weight:700;transition:.3s ease}.Login-btn,.SignUp{font-size:18px;margin-top:10px;padding:12px;width:100%}.Login-btn:hover,.SignUp-form-desktop button:hover{background-color:#d36c24;color:#fff}.forgot-password-link{color:#ffc107;display:block;font-size:14px;margin-top:15px;text-decoration:none}.forgot-password-link-login{color:#ffc107;display:block;font-size:1rem;text-decoration:none}.login-desktop-container,.signUp-desktop-container{height:100vh;position:relative;width:100vw}.Login-desktop-main-container .trackiconlogin,.SignUp-desktop-main-container .trackiconlogin{bottom:54rem;left:34rem;position:absolute;width:40%}.trackiconlogin{height:auto;position:relative;width:auto}.login-desktop-container .trackiconloginleft,.signup-desktop-container .trackiconloginleft{position:absolute;right:15rem;top:20rem;transform:scaleX(-1);width:70%}.Login-txt h1,.SignUp-txt h1{align-items:center;display:flex;text-align:center}.button-back-signup-txt,.button-back-txt{cursor:pointer;display:flex;gap:20px;position:relative}.modal-forgot-pass{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-forgot-pass{background-color:#1b1f2d;border:1px solid #e0dede;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:#fffefb;padding:20px;text-align:center;width:350px;z-index:1000}.modal-content-forgot-pass h2{color:#ffc107;font-size:1.5rem;margin:10px;position:relative;text-align:center}.modal-content-forgot-pass p{font-size:13px;margin:20px;padding:3px;position:relative;text-align:center}.modal-content-forgot-pass .Login-btn{background-color:#fbbf24;border:none;border-radius:6px;color:#1c1e26;cursor:pointer;font-size:13px;font-weight:700;margin-bottom:20px;margin-top:20px;padding:10px;position:relative;width:50%}.modal-content-forgot-pass .input-field{align-items:center;background-color:#2c2e38;border:none;border-radius:8px;color:#fdfdfd;font-size:14px;margin-top:15px;outline:none;padding:10px;width:90%}.close-button{color:#000;cursor:pointer;float:right;font-size:30px;position:relative}.error-outline{border:2px solid #ed4337!important;outline:none}@media (min-width:320px) and (max-width:424px){.login-desktop-container,.login-welcome-page,.signup-desktop-container,.signup-welcome-page{display:none}.SignUp-container{padding:42px}.Login-form,.signup-form{bottom:10px;display:flex;flex-direction:column;gap:20px;position:relative}.input-field{background-color:#2c2e38;border:none;border-radius:8px;color:#fdfdfd;font-size:16px;outline:none;padding:10px;width:100%}.login-desktop-container .trackiconloginleft{display:none}}@media (min-width:425px) and (max-width:767px){.login-desktop-container,.login-welcome-page,.signup-desktop-container,.signup-welcome-page{display:none}.SignUp-container{padding:30px}.Login-form,.signup-form{bottom:10px;display:flex;flex-direction:column;gap:20px;position:relative}.input-field{background-color:#2c2e38;border:none;border-radius:8px;color:#fdfdfd;font-size:16px;outline:none;padding:10px;width:100%}.login-desktop-container .trackiconloginleft{display:none}}@media(min-width:768px) and (max-width:1023px){.super-main-container{align-items:center;display:flex;flex-direction:column;height:20%;justify-content:center;margin-top:15em;width:100%}.login-desktop-container,.signup-desktop-container{background-color:#17191f;display:flex;gap:5em;height:30rem;max-height:70rem;max-width:70rem;padding:1rem;position:relative;width:50rem}.signup-form .input-field{background-color:#2c2e38;border:none;border-radius:8px;color:#fdfdfd;font-size:16px;outline:none;padding:8px;width:100%}.Login-desktop-main-container{max-width:50rem;position:relative;width:40%}.SignUp-desktop-main-container{max-width:50rem;position:relative;width:42%}.Login-form-desktop{gap:30px;padding:4px;top:7rem;width:17rem}.Login-form-desktop,.SignUp-form-desktop{display:flex;flex-direction:column;position:relative}.SignUp-form-desktop{gap:20px;padding:1px;top:3em;width:20rem}.button-back-txt{display:flex;gap:20px;position:relative;top:3rem}.button-back-signup-txt{color:#2c2e38;display:flex;gap:20px;position:relative;top:1rem}.Login-txt h1,.SignUp-txt h1{align-items:center;display:flex;font-size:25px;position:absolute;text-align:center}.SignUp-txt h1{color:#fff}.login-welcome-page{color:#050505}.login-welcome-page h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-welcome-page p{font-size:1rem;font-weight:700;margin-bottom:.8rem}.signup-welcome-page{color:#050505;height:10em;position:relative;width:100%}.TMLogo-signup-container{height:80%}.TML-Signup{height:100%;object-fit:cover;width:30%}.signup-welcome-page h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.signup-welcome-page p{font-size:1rem;font-weight:700;margin-bottom:.8rem}.image-container-login{margin:50px;padding:1rem;position:relative;width:30%}.image-container-login .motorbg-login{bottom:1px;height:auto;position:absolute;width:17rem}.bike-login{border-radius:10px;height:105%;position:relative;width:130%}.image-container-login .location-login{border-radius:50px;bottom:17rem;height:26%;left:5px;position:absolute;width:26%}.login-main-container,.signup-main-container{display:none}.forgot-password-link-login{font-size:17px}.login-desktop-container .trackiconloginleft,.signup-desktop-container .trackiconloginleft{display:none}}@media(min-width:1024px){.signup-welcome-page{border:2px solid #6b8e23;height:20%;width:100%}.TMLogo-signup-container{border:2px solid purple;height:50%}.TML-Signup{border:2px solid red;height:100%;object-fit:cover;width:30%}.login-desktop-container,.signup-desktop-container{background-color:#17191f;display:flex;gap:5em;height:30rem;max-height:70rem;max-width:70rem;padding:1rem;position:relative;width:50rem}.SignUp-desktop-main-container{bottom:5rem;max-width:50rem;position:relative;width:40%}.Login-form-desktop{top:4rem}.Login-form-desktop,.SignUp-form-desktop{display:flex;flex-direction:column;gap:20px;padding:4px;position:relative;width:19rem}.SignUp-form-desktop{top:6rem}.button-back-txt{cursor:pointer;top:3rem}.button-back-signup-txt{color:#fffdfd;top:5.5rem}.Login-txt h1{font-size:34px}.SignUp-txt h1{color:#fff}.login-welcome-page{color:#000}.login-welcome-page h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-welcome-page p{font-weight:700;margin-bottom:.8rem}.image-container-login{margin:50px;padding:1rem;position:relative;width:30%}.bike-login{border-radius:10px;height:115%;position:relative;width:150%}.image-container-login .location-login{bottom:17rem;height:26%;width:26%}.login-main-container,.signup-main-container{display:none}.forgot-password-link-login{font-size:17px}.super-main-container .login-welcome-page,.super-main-container .signup-welcome-page{display:block;height:60%;position:relative;width:100%}.image-container-login .motorbg-login{bottom:.1rem;height:auto;position:absolute;width:18rem}.Login-desktop-main-container{max-width:50rem;position:relative;width:40%}.forgot-password-link-login{font-size:15px}.image-container-login .location-login{border-radius:50px;bottom:16.5rem;height:30%;left:5px;position:absolute;width:32%}.login-welcome-page h1{font-size:2.2rem;font-weight:bolder}.login-welcome-page p{font-size:1rem;font-weight:650}.signup-welcome-page{color:#050505;position:relative}.signup-welcome-page h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.signup-welcome-page p{font-size:1rem;font-weight:700;margin-bottom:.8rem}.Login-desktop-main-container .trackiconlogin{bottom:23rem;left:13rem;position:absolute;width:75%}.login-desktop-container .trackiconloginleft{position:absolute;right:15rem;top:20rem;transform:scaleX(-1);width:70%}.SignUp-desktop-main-container .trackiconlogin{bottom:19rem;left:13rem;position:absolute;width:75%}.signup-desktop-container .trackiconloginleft{position:absolute;right:15rem;top:20rem;transform:scaleX(-1);width:70%}}@media(min-width:2560px){.super-main-container{align-items:center;display:inline;height:100vh;position:relative;text-align:center;width:100vw}.super-main-container .login-welcome-page,.super-main-container .signup-welcome-page{display:block;height:60%;position:relative;width:100%}.login-welcome-page h1,.signup-welcome-page h1{font-size:4rem;font-weight:700;margin-bottom:.8rem}.login-welcome-page p,.signup-welcome-page p{font-size:1.7rem;font-weight:700;margin-bottom:.8rem}.login-desktop-container,.signup-desktop-container{background-color:#1a1b28;height:50rem;max-height:60rem;max-width:90rem;position:relative;width:70rem}.Login-desktop-main-container,.SignUp-desktop-main-container{align-items:center;max-width:50rem;position:relative;text-align:center;width:45%}.SignUp-desktop-main-container{bottom:5rem}.image-container-login{margin:50px;padding:1rem;position:relative;width:45%}.image-container-login .motorbg-login{bottom:40px;height:auto;position:absolute;width:90%}.bike-login{border-radius:10px;height:90%;position:relative;top:4rem;width:90%}.image-container-login .location-login{border-radius:50px;bottom:30rem;height:26%;left:5px;position:absolute;width:26%}.button-back-txt{display:flex;gap:20px;position:absolute;top:5rem}.button-back-txt .material-symbols-outlined{font-size:40px;top:1rem}.Login-txt h1{align-items:center;display:flex;font-size:45px;gap:20px;position:relative;text-align:center}.Login-form-desktop,.SignUp-form-desktop{display:flex;flex-direction:column;font-size:2rem;gap:25px;padding:4px;position:relative;top:15rem;width:30rem}.Login-form-desktop .input-field{font-size:20px;gap:30px;height:4.5rem;top:5rem}.Login-btn,.SignUp{background-color:#fbbf24;border:none;border-radius:8px;color:#1c1e26;cursor:pointer;font-size:25px;font-weight:700;margin-top:10px;padding:15px;width:100%}.forgot-password-link-login{color:#ffc107;display:block;font-size:23px;margin-top:15px;text-decoration:none}.Login-desktop-main-container .trackiconlogin{bottom:40rem;left:22rem;position:absolute;width:70%}.login-desktop-container .trackiconloginleft{position:absolute;right:29rem;top:35rem;transform:scaleX(-1);width:60%}.SignUp-desktop-main-container .trackiconlogin{bottom:36rem;left:22rem;position:absolute;width:70%}.signup-desktop-container .trackiconloginleft{position:absolute;right:29rem;top:35rem;transform:scaleX(-1);width:60%}.login-main-container,.signup-main-container{display:none}}#LoginError{border:2px solid red;height:10px;width:10px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;text-rendering:optimizeLegibility}.settings-body{background-color:#1b1f2d;display:flex;height:100vh;justify-content:center;width:100vw}.Settings-container{align-items:center;display:flex;flex-direction:column;gap:1em;height:100%;width:100%}.Settings-container p{font-weight:700}.settings-header{align-items:flex-start;color:#bdbdbd;display:flex;flex-direction:column;gap:1em;justify-content:flex-start;margin-top:2em;width:90%}.back-button{border-radius:20px;cursor:pointer;height:30px;width:30px}.back-button,.profile-card{align-items:center;background-color:#333741;box-shadow:1.95px 1.95px 2.6px #00000026;display:flex;justify-content:center}.profile-card{border-radius:15px;flex-direction:row;gap:1em;height:97px;width:90%}.profile-pic{align-items:center;border:3px solid #adff2f;display:flex;justify-content:center}.profile-card .profile-pic img,.profile-pic{border-radius:50px;height:60px;object-fit:cover;width:60px}.profile-card .profile-pic img{background-position:50%;background-repeat:no-repeat;background-size:cover}.profile-details{align-items:flex-start;display:flex;flex-direction:column;gap:5px;height:40px;justify-content:flex-start;width:60%}.profile-details p{font-weight:700}.profile-details button{background:none;border:none;color:#fff;outline:none}.profile-details button:hover{cursor:pointer;text-decoration:underline}.options-container{display:flex;flex-direction:column;gap:1.5em;height:40%;margin-top:1em;width:85%}.options-content p{width:100%}.icon-span{padding-left:10px;width:20%}.arrow-right{flex:auto;width:10%}.options-container span{color:#5f6368}.options-content{height:100%;text-align:left;width:80%;width:100%}.option-div{align-items:center;border-radius:10px;cursor:pointer;display:flex;margin-top:10px;transition:.3s;width:100%}.option-div:hover{background-color:#e6c200;border-radius:10px;color:#333}.modal-overlay-mobile-num{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-mobile-num,.modal-overlay-mobile-num{align-items:center;display:flex;justify-content:center}.modal-content-mobile-num{background-color:#1b1f2d;border:1px solid #e0dede;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:gold;flex-direction:column;padding:20px;text-align:center;width:clamp(300px,90%,400px)}.modal-content-mobile-num h2{font-size:18px;margin-bottom:10px;width:100%}.modal-content-mobile-num p{align-items:center;color:#aaa;display:flex;font-size:12px;justify-content:center;margin-bottom:15px;width:100%}.modal-content-mobile-num input{background-color:#e0dede;border:1px solid #e0dede;border-radius:10px;color:#000;margin-bottom:15px;padding:10px;width:100%}.modal-content-mobile-num button{background-color:#eeb700;border:none;border-radius:15px;color:#333741;cursor:pointer;font-size:14px;max-width:240px;padding:10px;width:20%}.modal-verify-mobile-num input{border:none;width:70%}.modal-verify-mobile-num .email-input{background-color:#333741}.modal-verify-mobile-num button{width:30%}.modal-content-mobile-num button:hover{background-color:#e6c200}.modal-verify-mobile-num{display:flex;gap:.4em;justify-content:center;width:100%}.modal-verify-mobile-num button{border-radius:7px;height:2.8em;width:7em}.modal-overlay-new-password{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-new-password{background-color:#1b1f2d;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:gold;padding:20px;text-align:center;width:clamp(300px,90%,400px)}.modal-content-new-password h2{color:#fff;font-size:18px;margin-bottom:15px}.modal-content-new-password input{background-color:#e0dede;border:1px solid #e0dede;border-radius:10px;color:#000;font-size:14px;margin-bottom:15px;outline:none;padding:10px;text-align:left;width:100%}.modal-content-new-password button{background-color:#eeb700;border:none;border-radius:10px;color:#333741;cursor:pointer;font-size:14px;font-weight:bolder;padding:10px;transition:background-color .3s ease;width:100%}.pass-confirm-btn,.pass-verify-btn{font-weight:700}.modal-content-new-password button:hover{background-color:#e6c200}.modal-content-new-password .error-message{color:#ff4d4d;font-size:12px;margin-bottom:10px}.modal-content-new-password .input-group{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}@media (min-width:768px){.back-button{display:none}.settings-body{background-color:#1b1f2d;display:flex;height:400px;justify-content:center;max-width:500px;min-width:350px;width:50%}.Settings-container,.settings-body{border-radius:20px}.modal-Mdev-larger{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-Mdev{background-color:#1b1f2d;border:1px solid gold;border-radius:10px;box-shadow:0 4px 10px #0000004d;display:flex;flex-direction:column;justify-content:space-between;max-height:90%;padding:20px;text-align:center;width:clamp(300px,90%,400px)}.modal-Profile-larger{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-Profile{background-color:#1b1f2d;border:1px solid gold;border-radius:10px;box-shadow:0 4px 10px #0000004d;display:flex;flex-direction:column;justify-content:space-between;max-height:90%;padding:20px;text-align:center;width:clamp(300px,90%,400px)}.modal-content-new-password{width:400px}}.Manage-body{background-color:#1b1f2d;height:100vh;width:100vw}.Manage-body,.back-button-manage{display:flex;justify-content:center}.back-button-manage{align-items:center;background-color:#333741;border-radius:20px;box-shadow:1.95px 1.95px 2.6px #00000026;cursor:pointer;height:30px;transition:.3s;width:30px}.back-button-manage:hover{background-color:#e6c200}.manage-back-icon:hover{color:#333}.managedevices-container{align-items:center;display:flex;flex-direction:column;gap:1em;height:100%;width:100%}.managedevices-title p{font-weight:700}.managedevices-header{align-items:flex-start;color:#bdbdbd;justify-content:flex-start;margin-top:2em;width:90%}.Mdevices-container,.managedevices-header{display:flex;flex-direction:column;gap:1em}.Mdevices-container{height:70vh;width:100%}.mdev-div{display:flex;flex-direction:column;gap:1em}.Mdevices-cards{background-color:#333741;border-radius:10px;box-shadow:1.95px 1.95px 2.6px #00000026;height:6.5em;width:100%}.top-mdev{display:flex;height:50%;justify-content:space-between;padding:15px;width:100%}.top-mdev p{color:#fff;font-size:12px;font-weight:600;text-align:left}.bottom-mdev{display:flex;gap:.7em;height:50%;justify-content:flex-end;padding:10px;width:100%}.bottom-mdev button{background:#5f6368;border:none;border-radius:4px;cursor:pointer;outline:none;text-decoration:none}.editable-device-form{align-items:flex-start;display:flex;flex-direction:column}.editable-device-form label{color:#fff;font-size:14px;font-weight:700;margin-bottom:3px}.editable-device-form input,.editable-input{background-color:#333741}.editable-input{border:#fff;border-radius:2px;margin-bottom:3px;padding-left:8px}.editable-input:focus{background-color:#333741}.color-manage-dev-icon{transition:.3s}.edit-manage-dev-icon:hover{color:#e6c200;cursor:pointer}.color-manage-dev-icon:hover{background-color:#e6c200}.editable-input:focus{outline-color:#e6c200}.mdev-remove-button{color:#fff;font-size:12px;font-weight:700;transition:.3s;width:9em;width:40%}.mdev-remove-button:hover{background-color:#e6c200;color:#333}.mdev-change-color-button{width:2.5em}.modal-overlay-remove-device{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-remove-device{background-color:#1b1f2d;border:1px solid #383636;border-radius:5px;box-shadow:0 4px 10px #0000004d;color:gold;height:6em;padding:15px;text-align:center;width:clamp(300px,90%,400px)}.remove-title{text-align:left}.modal-content-remove-device h4{font-size:12.5px;margin-bottom:4px}.modal-content-remove-device h6{font-weight:300}.mdev-button-remove{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:.5em}.modal-content-remove-device button{align-items:center;background-color:#5f6368;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:400;height:2em;max-width:240px;width:6em}.modal-content-remove-device .cancel-remove-btn{background-color:#1b1f2d;border:1.8px solid #333741;font-weight:700;transition:.3s}.modal-content-remove-device .confirm-remove-btn{font-weight:700;transition:.3s}.modal-content-remove-device button:hover{background-color:#e6c200;color:#333741}@media (min-width:768px){.back-button-manage{align-items:center;display:flex;justify-content:center}.back-button-manage span{color:#fff}.Manage-body{align-items:center;background-color:#1b1f2d;border:none;border-radius:20px;bottom:1em;display:flex;height:420px;justify-content:center;position:relative;right:.7em;width:380px}.mdev-div{height:18em;overflow:auto}.mdev-div::-webkit-scrollbar{display:none}.top-mdev{display:flex;height:50%;justify-content:space-between;padding:15px;width:100%}}.profile-body{align-items:center;background-color:#1b1f2d;display:flex;flex-direction:column;height:100vh;width:100vw}.profile-title p{font-weight:700}.profile-header{align-items:flex-start;color:#bdbdbd;display:flex;flex-direction:column;gap:1em;justify-content:flex-start;margin-top:2em;width:90%}.profile-back{align-items:center;background-color:#333741;border-radius:20px;box-shadow:1.95px 1.95px 2.6px #00000026;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.profile-back:hover{background-color:gold}.profile-back-btn:hover{color:#333}.profile-profile-card{align-items:center;display:flex;height:20%;justify-content:space-around;width:100%}.profile2-picture,.profile2-picture img{border-radius:50px;height:90px;width:90px}.add-image{align-items:center;background-color:#5f6368;border:2px solid #fff;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;height:40px;justify-content:space-evenly;width:130px}.add-image:hover{background-color:#36383a}.add-image button{background:none;border:none;color:#fff;cursor:pointer}.add-image span{color:#fff}.profile2-details{height:50%;width:80%}.prof-details{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:5px}.name-div{text-align:left}.name-div h6{color:#5f6368}.editable-input{border:1px solid #fff;border-radius:4px;height:2em;margin-top:5px;width:80%}.editable-input,.editable-input:focus{background-color:#1b1f2d;color:#fff}.edit-profile-div{align-items:end;display:flex;height:35px;transition:.3s}.edit-profile-div .edit-profile-icon:hover{color:gold}.edit-profile-div span:hover{color:#fff;cursor:pointer}.Chp-modal{height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.Chp-modal,.Chp-modal-content{align-items:center;display:flex}.Chp-modal-content{background-color:#1b1f2d;border:1px solid #383636;border-radius:10px;box-shadow:0 4px 10px #0000004d;flex-direction:column;justify-content:space-between;max-height:90%;padding:20px;text-align:center;width:clamp(300px,90%,400px)}.Chp-modal-content h3{align-items:flex-start;display:flex;width:100%}.Chp-modal-buttons{display:flex;flex-direction:row;gap:10px;justify-content:flex-end;margin-top:1em;width:100%}.Chp-modal-buttons button{background-color:gold;border-radius:4px;cursor:pointer;height:25px;padding:0 16px;transition:.3s}.Chp-modal-buttons .change-pic-cancel-btn{background-color:#1b1f2d;border:1.8px solid #333741;color:#fff;font-weight:700}.Chp-modal-buttons .change-pic-cancel-btn:hover{background-color:gold;color:#333}.Chp-modal-buttons .change-pic-confirm-btn{background-color:#5f6368;border:none;color:#fff;font-weight:700}.Chp-modal-buttons .change-pic-confirm-btn:hover{background-color:gold;color:#333}.Chp-modal-content input{margin-top:1em;width:100%}.Chp-modal-content input[type=file]::file-selector-button{background-color:gold;border:1px solid #00000029;border-radius:4px;box-shadow:0 1px 0 #0000000d;cursor:pointer;height:20px;margin-right:16px;padding:0 16px;transition:background-color .2s}.Chp-modal-content input[type=file]::file-selector-button:hover{background-color:#5f6368}.profile-buttons{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center}.remove-image-profile button{background:none;border:none;color:#fff;cursor:pointer;outline:none}.remove-image-profile button:hover{color:gold;text-decoration:underline}@media (min-width:768px){.profile-body{align-items:center;border:none;border-radius:20px;display:flex;height:420px;justify-content:center;position:relative;right:.7em;width:380px}.profile-header{margin-top:0}.profile-header span{color:#fff}.profile-profile-card,.profile2-details{margin-top:1em}.name-div{width:100%}}.slide{flex:0 0 100vw;height:100vh;text-align:center}.carousel-form{bottom:0;display:flex;left:0;right:0;top:0;transition:transform .5s ease;white-space:nowrap}.carousel-form,.carousel-input{position:absolute}.keys{bottom:0;color:#fff;left:0;opacity:0;padding:1rem;position:fixed;right:0;text-align:center;transition:all .3s linear;z-index:10}.carousel-input:focus~.keys{opacity:.8}.carousel-input:first-of-type:checked~.slide:first-of-type,.carousel-input:nth-of-type(2):checked~.slide:nth-of-type(2),.carousel-input:nth-of-type(3):checked~.slide:nth-of-type(3),.carousel-input:nth-of-type(4):checked~.slide:nth-of-type(4),.carousel-input:nth-of-type(5):checked~.slide:nth-of-type(5),.carousel-input:nth-of-type(6):checked~.slide:nth-of-type(10),.carousel-input:nth-of-type(6):checked~.slide:nth-of-type(11),.carousel-input:nth-of-type(6):checked~.slide:nth-of-type(12),.carousel-input:nth-of-type(6):checked~.slide:nth-of-type(6),.carousel-input:nth-of-type(6):checked~.slide:nth-of-type(7),.carousel-input:nth-of-type(6):checked~.slide:nth-of-type(8),.carousel-input:nth-of-type(6):checked~.slide:nth-of-type(9){z-index:0}.carousel-input:first-of-type:checked~.slide{transform:translateZ(0)}.carousel-input:nth-of-type(2):checked~.slide{transform:translate3d(-100%,0,0)}.carousel-input:nth-of-type(3):checked~.slide{transform:translate3d(-200%,0,0)}.carousel-input:nth-of-type(4):checked~.slide{transform:translate3d(-300%,0,0)}.carousel-input:nth-of-type(5):checked~.slide{transform:translate3d(-400%,0,0)}.carousel-input:nth-of-type(6):checked~.slide{transform:translate3d(-500%,0,0)}.carousel-input:nth-of-type(7):checked~.slide{transform:translate3d(-600%,0,0)}.carousel-input:nth-of-type(8):checked~.slide{transform:translate3d(-700%,0,0)}.carousel-input:nth-of-type(9):checked~.slide{transform:translate3d(-800%,0,0)}.carousel-input:nth-of-type(10):checked~.slide{transform:translate3d(-900%,0,0)}.carousel-input:nth-of-type(11):checked~.slide{transform:translate3d(-1000%,0,0)}.carousel-input:nth-of-type(12):checked~.slide{transform:translate3d(-1100%,0,0)}.slide{background:#1b1f2d;background-size:cover;font-size:3rem}.nav-button{background:#00000080;border:none;color:#fff;cursor:pointer;font-size:1.5rem;height:100px;padding:1rem 2rem;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease;width:20px;z-index:10}.nav-button.prev{border-radius:50% 0 0 50%;left:5px}.nav-button.next{border-radius:0 50% 50% 0;right:5px}.nav-button:hover{background:#000c}.nav-button:active{transform:translateY(-50%) scale(.95)}.guide-back-btn{background-color:#333741;border-radius:50%;box-shadow:1.95px 1.95px 2.6px #00000026;height:40px;left:15px;position:fixed;top:15px;width:40px;z-index:99}.guide-back-btn,.intro-guide{align-items:center;display:flex;justify-content:center}.intro-guide{font-size:30px;height:2em;margin-top:1.5em}.guide-content{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:11.5em;justify-content:center;overflow:hidden;width:100%}.guide{max-height:100%;max-width:100%;object-fit:contain}.image-div-guide,.image-small-guide{height:75%;width:100%}.image-small-guide{align-items:center;display:flex;justify-content:center}.guide-desc{word-wrap:break-word;font-size:14px;height:25%;margin-top:.5em;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:90%}.guide-desc span{color:#eeb700;font-weight:700}.test-body{background-color:#333741}.TMLogo-container{align-items:center;display:flex;height:100%;justify-content:flex-end;width:40%}.TMLogo-container img{height:100%;margin-right:2em;object-fit:contain;width:10em}.parent-container{display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.mapbox-container{height:65%;width:100%}.device-container{height:35%;width:100%}.navbar-container{align-items:center;background-color:#eeb700;border-radius:25px;bottom:1em;display:flex;flex-direction:row;font-weight:700;height:3em;justify-content:space-around;left:50%;position:fixed;transform:translateX(-50%);width:80%;z-index:100}.profile-icon-container{display:none}.expanded-profile p{color:#1b1f2d;display:none;font-size:.9em;margin-left:1em}.navbar-container span{color:#1b1f2d}.device-cards{overflow-x:auto;padding:10px;scroll-snap-type:x mandatory}.device-card,.device-cards{box-sizing:border-box;display:flex}.device-card{align-items:center;background-color:#1b1f2d;border-radius:8px;color:#fff;flex-direction:row;font-size:13px;height:100%;justify-content:center;max-width:200px;min-height:120px;min-width:270px;scroll-snap-align:center}.left_side{display:block;text-align:left}.right_side span{bottom:15px;color:#eeb700;font-size:75px;position:relative}.device-card .status{color:#f1c40f;font-size:.9em}.device-card-func{align-items:center;display:flex;justify-content:space-around}.device-card button{align-items:center;background-color:#f1c40f;border:none;border-radius:18px;color:#252837;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:1.5em;justify-content:center;margin-top:10px;min-width:6em;padding:8px 16px}.card-header{align-items:center;display:flex;gap:1em;justify-content:flex-start}.status-bar{border-radius:18px;height:1em;min-width:2em;width:3px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#1b1f2d;border:1px solid #e0dede;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:gold;padding:20px;text-align:center;width:300px}.modal-content h2{font-size:18px;margin-bottom:10px}.modal-content p{color:#aaa;font-size:12px;margin-bottom:15px}.modal-content input{background-color:#e0dede;border:1px solid #e0dede;border-radius:10px;color:#000;margin-bottom:15px;padding:10px;width:100%}.modal-content button{background-color:gold;border:none;border-radius:15px;color:#333741;cursor:pointer;font-size:14px;max-width:240px;padding:10px;width:15em}.modal-content button:hover{background-color:#e6c200}.icon-text{color:#1b1f2d}.icon-text,.monitor-title{display:none}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:2px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(15px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%;height:15px;width:18px}.geofence{display:flex;gap:5px;margin-left:20px;position:relative}.geofence p{align-items:center;justify-content:center;margin-top:8px;position:relative}.geofence label{margin-top:5px}@media (min-width:320px){.my-location-switch{align-items:center;display:flex;justify-content:space-around}.device-card{align-items:center;background-color:#1b1f2d;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;flex-direction:row;font-size:12px;font-weight:600;height:100%;justify-content:center;margin-right:10px;max-height:130px;max-width:200px;min-width:290px;padding:20px;scroll-snap-align:center}.device-card h4{font-size:14px;margin-bottom:2px}#menu{position:fixed;right:10px;top:50px;z-index:1000}#menu-bar{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-around;margin-top:1em;width:45px}.bar{background-color:#eeb700;border-radius:5px;height:5px;transition:transform .3s ease,opacity .3s ease;width:100%}#bar1{transform:translateY(-4px)}#bar3{transform:translateY(4px)}.change #bar1{transform:translateY(4px) rotate(-45deg)}.change #bar2{opacity:0}.change #bar3{transform:translateY(-6px) rotate(45deg)}.nav{background-color:#1b1f2d;border-radius:8px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:column;padding:10px;position:absolute;right:0;top:50px;transform:scaleY(0);transform-origin:top;transition:transform .3s ease-in-out;width:200px}.nav ul{list-style:none;margin:0;padding:0}.nav li{border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:12px 8px;transition:background-color .3s ease}.nav li:hover{background-color:#eeb700;color:#333741}.change+.nav{transform:scaleY(1)}.nav input[type=date]{background-color:#e0dede;border:1px solid #eeb700;border-radius:5px;box-sizing:border-box;color:#0f0f0f;font-size:14px;font-weight:700;margin-top:10px;padding:8px;width:100%}.nav input[type=date]:focus{border-color:gold;outline:none}.nav ul h5{background-color:#fff;border-radius:3px;color:#000;font-size:15px}}@media (min-width:768px){#menu,.History-container-mobile{display:none}.navbar-container:hover .icon-text{display:block}.test-body{background-color:#1b1f2d}.parent-container{padding-left:2.78em}.device-container{background-color:#333741}.mapbox-container{padding:.5em}.monitor-title{align-items:center;display:flex;flex-direction:row;height:10%;justify-content:space-evenly;margin-top:1em;position:relative}.monitor-title h5{color:#bdbdbd;font-size:1.5em}.monitor-title img{background-position:50%;background-repeat:no-repeat;background-size:cover}.title-text{align-items:center;display:flex;flex-direction:row;gap:1em;height:100%;justify-content:center;width:30%}.motor-icon{height:100%;width:15%}.motor-icon img{height:100%;object-fit:contain;width:100%}.profile-icon-container{align-items:center;display:flex;gap:1em;justify-content:center;padding:.5em;transition:all .3s ease;width:100%}.expanded-profile{align-items:center;display:flex;white-space:nowrap;width:auto}.expanded-profile .profile-icon img{border:2px solid #1b1f2d;border-radius:50%;height:2em;object-fit:cover;width:2em}.navbar-container.expanded .profile-icon-container{justify-content:flex-start;padding-left:4em}.navbar-container.expanded .expanded-profile p{display:block}.navbar-container{align-items:center;background-color:#eeb700;border-radius:0;display:flex;flex-direction:column;gap:1.5em;height:100vh;justify-content:flex-start;left:25px;overflow:hidden;padding:1em 0;position:fixed;top:0;transition:width .3s ease;width:3em}.navbar-container.expanded{align-items:flex-start;border-bottom-right-radius:10px;border-top-right-radius:10px;padding-left:5em;width:20em}.navbar-container span{font-size:1.5em}.icon-divs .icon-text,.navbar-container span{transition:color .3s ease}.navbar-container.expanded span{margin-left:3em}.icon-divs:hover .icon-text,.icon-divs:hover span{color:#fff}.navbar-container span{color:#1b1f2d}.device-card{margin-top:1em}.icon-divs{align-items:center;cursor:pointer;display:flex;gap:1em;padding:.5em 1em;transition:background-color .3s ease}.icon-divs:hover{background-color:#0003;border-radius:10px}.modal-screen-larger{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-screen{background-color:#1b1f2d;border:1px solid gold;border-radius:10px;box-shadow:0 4px 10px #0000004d;height:450px;padding:20px;text-align:center;width:400px}.filter-dropdown{background-color:#1b1f2d;border:none;border-radius:8px;color:#132664;font-size:14px;margin-left:1em;padding:10px;transition:background-color .3s ease;width:auto}.filter-dropdown:hover{background-color:#f3f4f5}.filter-dropdown option{background-color:#333741;color:#fff}.filter-dropdown option:hover{background-color:#283c58}.custom-date-input{background-color:#1b1f2d;border:1px solid #eeb700;border-radius:8px;color:#a00a0a;font-size:14px;margin-top:.5em;padding:20px;width:180px}.History-container{align-items:center;color:#bdbdbd;display:flex;font-size:18px;gap:1em;height:100%;justify-content:center;position:relative;width:30%}.History-container select{background-color:#dfdfdf;border:none;border-radius:2px 10px;color:#0a0a0a;font-size:12px;font-weight:500;margin-left:10px;padding:2px 8px;transition:background-color .3s ease;width:auto}.History-container select:hover{background-color:#f0f0f0}.History-container h4{color:#bdbdbd;font-size:15px}.History-container input{background-color:#f7f7f7;border-radius:2px 10px;font-size:12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8170062c.css.map*/