.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#121212e0;justify-content:space-between;align-items:center;padding-left:15px;padding-right:0;display:flex;position:sticky;top:0}.profile-section{align-items:center;justify-content:last baseline;min-height:100%;display:flex}.profile-picture{cursor:pointer;border-radius:50%;outline:2px solid #0000;margin-right:10px}.auth-section{justify-content:last baseline;flex-direction:row;display:flex}.auth-section div{align-items:center;justify-content:last baseline;display:flex}.auth-section div a.login-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0150d4 0%,#0141b8 100%);border:1px solid #2f2f364d;border-radius:8px;justify-content:center;align-items:center;min-width:80px;margin-right:1.5rem;font-size:.875rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a,inset 0 1px 1px #ffffff0d;font-weight:600!important}.auth-section div a.login-button:hover{background:linear-gradient(135deg,#0141b8 0%,#012d9e 100%)}.auth-section div a.login-button:focus{outline:none}.auth-section div a.login-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-section div a.login-button:hover:before{left:100%}.auth-section div ion-icon{white-space:nowrap;text-align:center;color:#ffffffe6;cursor:pointer;border:none;border-radius:5px;height:20px;padding-left:6px;display:flex}.auth-section .button-60:active{border-color:#4a4a4a;outline:0}.auth-section .button-60:focus{border-color:#485fc7;outline:0}.auth-section .button-60:hover{border-color:#b5b5b5}.auth-section .button-60:focus:not(:active){box-shadow:0 0 0 .125em #485fc740}.auth-section .sign-up-btn{background-color:initial;white-space:nowrap;text-align:center;color:#ffffffe6;cursor:pointer;background:#0150d4;border:none;border-radius:5px;justify-content:center;align-items:center;max-width:90px;height:40px;margin:10px;padding:10px}.logo-png-holder{justify-content:center;align-items:center;width:60px;display:flex}.logo{border-radius:10px;padding:13px;transition:transform .3s;display:flex}.logo:hover{transform:scale(1.1)}.nav{align-items:left;flex:1;justify-content:left;height:64px;display:flex}.nav ul li a{height:60px;display:flex}.nav ul{gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav ul li{color:#fff;letter-spacing:1px;cursor:pointer;font-weight:500;transition:all .3s;position:relative}.nav ul li span{text-align:center;align-items:center;height:64px;padding:10px 20px;font-size:1rem;transition:background-color .3s,color .3s;display:flex}.nav ul li a span:hover{color:#c4c4c4}.nav ul li a span:hover:after{width:100%;height:64px}.Predict-Events span div{background-color:#0150d4;border:1.5px gray;border-radius:10px;margin-left:10px;display:flex;height:1.4rem!important;padding:4px 10px 8px!important;font-size:.6rem!important}.Predict-Events span div:hover{background:inherit!important;color:inherit!important;background-color:#0150d4!important}.mobile-overlay{display:none}@media (max-width:850px){.nav ul li span{font-size:.7rem}}@media (max-width:768px){.mobile-overlay{display:block}.logo{display:none}.mobile-logo{border-radius:10px;margin-top:10px;margin-left:10px;transition:transform .3s;position:fixed;z-index:99999!important}.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212e0;flex-direction:row;height:60px}.nav{justify-content:left;width:100%;height:60px}.nav ul{text-wrap-mode:nowrap;flex-direction:row;gap:20px}.nav ul li span{text-align:center;align-items:center;height:60px;padding:10px 20px;font-size:.6rem;transition:background-color .3s,color .3s;display:flex}.nav ul li{text-wrap-mode:nowrap;font-size:1px}}a.login-button{color:#fff;cursor:pointer;background-color:#0150d4;border:none;border-radius:5px;width:100%;margin-right:30px;padding:.4rem .8rem .42rem;transition:background-color .3s;font-weight:500!important}.hamburger-menu{cursor:pointer;border-radius:4px;flex-direction:column;justify-content:space-between;gap:1px;width:35px;height:30px;margin-left:10px;padding:6px;display:none}.hamburger-menu .line{background-color:#fff;width:100%;height:2px}@media (max-width:768px){.hamburger-menu{display:flex}.nav{display:none}}.mobile-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background-color:#141414;width:200px;height:100%;transition:left .3s;position:fixed;top:0;left:-200px}.mobile-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background-color:#121212e0;width:200px;height:100%;transition:left .3s;position:relative}.mobile-overlay.open{left:0}.mobile-nav{flex-direction:column;padding-top:80px;display:flex}.mobile-nav ul{padding:0;list-style-type:none}.mobile-nav li{margin:10px 0}.mobile-nav a{color:#fff;padding-top:10px;padding-bottom:10px;text-decoration:none;display:block}.mobile-nav a span{width:70%;padding-left:18px;display:flex}.mobile-nav span div{background-color:#0150d4;border:1.5px gray;border-radius:10px;display:flex;width:40px!important;height:1.4rem!important;padding-top:5px!important;padding-left:10px!important;padding-right:10px!important;font-size:.6rem!important}.mobile-nav span.selected{color:#fff;padding-left:18px;font-weight:700;position:relative}.mobile-nav span.selected:before{content:"";background-color:#1d62ca;border-top-right-radius:4px;border-bottom-right-radius:4px;width:4px;height:100%;transition:height .1s ease-in-out;position:absolute;top:0;left:0}.mobile-nav .selected{font-weight:700}.mobile-overlay .close-btn{color:#fff;cursor:pointer;font-size:30px;position:absolute;top:20px;right:20px}
:root{--black:#333;--white:#f5f5f5;--transition:.5s ease;--dark-mode-bg:#20232a;--light-mode-bg:#fff;--dark-mode-icon:#f5f5f5;--light-mode-icon:#333}.mode-switch-wrapper{justify-content:center;align-items:center;width:100%;margin:20px auto;display:flex}.mode-switch{cursor:pointer;width:35px;height:35px;transition:background-color var(--transition),transform var(--transition);background-color:#fff;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;padding:10px;display:flex}.mode-switch:active{transform:scale(.95)}.icon{width:24px;height:24px;transition:all var(--transition)}.dark-mode .mode-switch{background-color:var(--dark-mode-bg)}.dark-mode .icon{fill:var(--dark-mode-icon)}
.dropdown-module__Q2aEnG__dropdownContainer{z-index:10;justify-content:center;height:100%;margin-right:15px;display:inline-block;position:relative}.dropdown-module__Q2aEnG__dropdownButton{color:#fff;cursor:pointer;background-color:#0000;border:none;padding:10px;font-size:16px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.dropdown-module__Q2aEnG__dropdownMenu{z-index:6600;-webkit-tap-highlight-color:transparent;transform-origin:100% 0;background-color:#1f1f23;border:1px solid #ffffff1a;border-radius:5px;outline:none;flex-direction:column;width:200px;padding:20px 10px 15px;display:flex;position:absolute;top:calc(100% + 5px);right:0;overflow-y:auto;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833,0 0 0 1px #ffffff0d}.dropdown-module__Q2aEnG__profileInfoContainerDropdown{cursor:default;align-items:center;gap:5px;width:100%;margin-bottom:8px;padding:0 13px 0 10px;display:flex;height:45px!important}.dropdown-module__Q2aEnG__iconContainer{justify-content:center;align-items:center;width:auto;height:auto;margin-right:10px;padding:0;display:flex}.dropdown-module__Q2aEnG__username{text-overflow:ellipsis;color:#fff;width:100%;padding-left:4px;font-size:14px;font-weight:400;overflow:hidden}.dropdown-module__Q2aEnG__dropdownItem{color:#e3e3e3;cursor:pointer;border-radius:8px;align-items:center;width:100%;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.dropdown-module__Q2aEnG__dropdownItem:hover{color:#fff;background:#ffffff1a}.dropdown-module__Q2aEnG__dropdownItemActive{color:#fff;background:#ffffff26}.dropdown-module__Q2aEnG__dropdownItem:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#fff0 70%);border-radius:50%;width:100px;height:100px;position:absolute;transform:scale(0)}@keyframes dropdown-module__Q2aEnG__slideInFromLeft{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes dropdown-module__Q2aEnG__rippleEffect{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}.dropdown-module__Q2aEnG__dropdownMenu[data-headlessui-state~=open]{animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdown-module__Q2aEnG__menuEnter}.dropdown-module__Q2aEnG__dropdownMenu[data-headlessui-state~=closed]{animation:.15s cubic-bezier(.16,1,.3,1) forwards dropdown-module__Q2aEnG__menuLeave}@keyframes dropdown-module__Q2aEnG__menuEnter{0%{opacity:0;transform:scale(.75)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes dropdown-module__Q2aEnG__menuLeave{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-4px)}}.dropdown-module__Q2aEnG__dropdownItem span{transition:color .2s}.dropdown-module__Q2aEnG__dropdownItem:hover span{color:#fff}.dropdown-module__Q2aEnG__dropdownItem:focus{outline-offset:-2px;outline:2px solid #3b82f680}.dropdown-module__Q2aEnG__dropdownButton:hover{transition:transform .2s cubic-bezier(.16,1,.3,1);transform:scale(1.05)}