:root{--navbar-height:60px}body.no-scroll{overflow:hidden}.navbar a{color:#f1f1d5}.navbar a.active{color:#0fd2a3}.navbar ul{list-style:none;margin:0;padding:0}button{padding:0}.scroller{overflow-y:scroll}.scroller::-webkit-scrollbar{width:8px}.scroller::-webkit-scrollbar-thumb{background:#000;border-radius:20px}.navbar{background-color:#253437;font-family:GothamRoundedMedium;height:100%;max-height:var(--navbar-height);padding:0 20px;position:fixed;top:0;width:100%;z-index:5000}.navbar-button,.navbar-link a{color:hsla(60,50%,89%,.8);font-size:.875rem;text-transform:uppercase;transition:all .15s ease-out}.navbar-button:hover,.navbar-link a:hover{color:#f1f1d5}.navbar-button.active,.navbar-link a.active{color:#0fd2a3}.navbar-link .navbar-button.hover{color:#f1f1d5}.navbar-button{background-color:transparent;border:0;border-radius:20px}.navbar>div,.navbar>div>ul{align-items:center;display:flex}.brand-img{width:40px}.navbar-link i,.navbar-notification i{transition:all .15s ease-out}.navbar-link,.navbar-notification{align-items:center;display:flex;height:var(--navbar-height)}.navbar-link{margin-left:1.875rem;position:relative}.search-bar{align-items:center;background:rgba(23,32,40,.4);border:2px solid hsla(68,17%,75%,.3);border-radius:25px;display:flex;height:34px;max-width:208px;padding:0 20px;transition:border .4s ease}.sidebar .search-bar{background:#414758;border:#414758}.search-bar button,.search-bar input{background:transparent;border:0;height:100%;transition:color .4s ease;width:100%}.search-bar button{margin-top:-1px}.search-bar #search{border:none;color:#f1f1d5;font-size:.8125em;padding:0 0 0 10px}.search-bar #search::placeholder{color:hsla(60,50%,89%,.5)}.search-bar #search-submit{color:hsla(0,0%,100%,.5);content:"\f107";cursor:pointer;width:18px}.search-bar #search-submit i{color:hsla(60,50%,89%,.5);vertical-align:middle}.search-bar #search-submit i:hover{color:#f1f1d5}.search-bar #search-submit:hover{color:hsla(0,0%,100%,.75)}.search-bar #search:focus{box-shadow:none;outline:none}.explorer-button[data-active]{color:#0fd2a3}.explorer-button i,.lessons-button i{font-size:.8rem;padding-left:3px}.explorer-button i.fa-chevron-down,.lessons-button i.fa-chevron-down{display:none}.navbar-notification:not(:first-child){margin-left:25px}.navbar-notification{position:relative}.navbar-notification button i{color:hsla(66,35%,84%,.7);font-size:1.25rem}.navbar-notification button i.active,.navbar-notification button i:hover{color:#e1e4c7}.navbar-notification img{border:2px solid #222c2e;border-radius:50%;transition:all .2s ease-out;width:36px}.navbar-notification img.active,.navbar-notification img:hover{border-color:#1e2425}.notification-badge{aspect-ratio:1;background-color:#00d8a0;border-radius:50%;color:#2a373a;font-family:Open sans;font-size:.675rem;font-weight:400;left:13px;position:absolute;text-align:center;top:7px;width:18px}.navbar-connection{margin-left:10px}.navbar-connection button{border:0;border-radius:20px;color:#fff;font-family:Open sans;font-size:.875rem;font-weight:600;padding:8px 20px;transition:all .15s ease-out}.navbar-connection button i{margin-right:3px}.navbar-connection button.signup{background-color:#384a4e}.navbar-connection button.signup:hover{background-color:#303f42}.navbar-connection button.signin{background-color:#04b889}.navbar-connection button.signin:hover{background-color:#039e75}.navbar-mobile-button{display:none}.dropdown-menu{border:0;border-radius:20px;display:none;margin:0;top:70px}.dropdown-menu.explorer[data-visible=true]{background:linear-gradient(90deg,#1e2325,#2b373a);color:#f1f1d5;display:flex;height:315px;justify-content:space-between;left:0;padding:35px 30px 35px 80px;top:70px;width:839px;z-index:5001}.dropdown-menu.explorer ul{position:relative;width:31%}.dropdown-menu.explorer ul:last-child .dropdown-title{margin-left:6px}.dropdown-menu.lessons[data-visible=true]{align-items:center;background:linear-gradient(90deg,#1e2325,#2b373a);color:#f1f1d5;display:flex;flex-direction:column;height:231px;justify-content:space-between;left:0;padding:30px;top:70px;width:382px;z-index:5001}.dropdown-title-lessons{align-items:center;display:flex;flex-direction:row}.dropdown-title-lessons img{background:transparent;flex-shrink:0;height:39px;margin-right:15px;width:39px}.dropdown-title-lessons p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:260px}.dropdown-title-lessons .lessons-title{font-size:1.25rem}.dropdown-title-lessons .lessons-description{font-family:Open Sans;font-weight:400}.dropdown-menu.notification[data-visible=true]{background-color:#1e2425;color:#f1f1d5;display:flex;flex-direction:column;font-family:Open Sans;margin-left:auto;max-height:calc(100dvh - 200px);min-height:160px;overflow:hidden;padding:0;right:-106px;width:400px}.dropdown-notification-navigation ul{background-color:rgba(0,0,0,.4);color:#e1e4c7;column-gap:10px;display:flex;font-size:.875rem;font-weight:600;padding:10px 24px}.dropdown-notification-navigation ul li{border-radius:20px;height:32px;width:40px}.dropdown-notification-navigation ul li:first-child{width:52px}.dropdown-notification-navigation ul li.active{background-color:#253437}.dropdown-notification-navigation ul li i{font-size:1rem}.dropdown-notification-navigation ul li.active button,.dropdown-notification-navigation ul li.active i{color:#e1e4c7}.notification-button{border-radius:0}.dropdown-notification-button{background-color:transparent;border:0;border-radius:20px;color:hsla(66,35%,84%,.7);font-weight:600;height:100%;transition:all .15s ease-out;width:100%}.dropdown-notification-button:hover{background-color:#253437}.dropdown-notification-button:hover,.dropdown-notification-button:hover i{color:#e1e4c7}.notification-empty{background-color:transparent;border-bottom:1px solid hsla(60,50%,89%,.8);color:hsla(60,50%,89%,.8);font-size:.875rem;margin-left:10px;padding:10px 0;text-align:center}.notification-link-content{align-items:center;border-radius:10px;display:flex;justify-content:space-between;padding:10px}.notification-link-content.challenge:hover,.notification-link-content:hover{background-color:#121616}.notification-link-content.challenge{background-color:#253437;font-weight:600}.notification-link-content span{padding-right:10px;width:100%}.notification-link-badge{aspect-ratio:1;background-color:transparent;border-radius:50%;height:11px}.notification-link-badge[data-read=false]{background-color:#00d8a0}.dropdown-notification-footer,.notification-since{background-color:rgba(0,0,0,.4);font-size:.875rem;font-weight:500;line-height:1.1875rem;margin:0 -10px}.notification-since{padding:8.5px 20px}.dropdown-notification-footer{margin-top:auto;padding:15.5px 0;text-align:center;text-transform:none}.notification-view ul{margin:0 10px}.notification-view ul li{font-size:.875rem;margin:3px 0;position:relative}.notification-view ul li a:hover{color:#f1f1d5}.notification-view ul li i{align-items:center;aspect-ratio:1;background-color:#e1e4c7;border:4px solid #212529;border-radius:50%;color:#212529;display:flex;font-size:.875rem;justify-content:center;left:44px;position:absolute;width:32px}.notification-view img{border:0;margin-right:30px;width:50px}.notification-view .notification-square{border-radius:10px}.dropdown-menu.account[data-visible=true]{background-color:#1e2425;color:#f1f1d5;display:flex;flex-direction:column;font-family:Open Sans;font-size:.875rem;line-height:1.875rem;margin-left:auto;overflow-y:auto;padding:20px;right:0;width:245px}.dropdown-menu.account>:nth-child(1n):not(:last-child){border-bottom:1px solid hsla(60,50%,89%,.1);margin-bottom:15px;padding-bottom:15px}.dropdown-account-header{column-gap:15px;display:flex}.dropdown-account-header img{border:0;height:50px;width:50px}.account-details{display:flex;flex-direction:column;justify-content:center;line-height:1.1875rem;width:140px}.account-details p{margin:0}.account-details i{font-weight:300}.account-details .account-name{font-family:GothamRoundedBold;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.dropdown-account-link{font-weight:400;padding:3px 0}.dropdown-account-link span{padding-left:8px}.dropdown-account-link a{text-transform:none}.dropdown-account-link i{font-size:1rem;text-align:center;width:22px}.dropdown-menu.explorer ul:not(:last-child) li:not(:first-child){list-style-type:disc;margin-left:10px}.dropdown-menu.explorer ul:not(:last-child) li:not(:first-child)::marker{font-size:.5rem}.dropdown-title i{font-size:1.875rem;left:-2.1rem;line-height:1.875rem;position:absolute;top:.4rem}.dropdown-title{font-size:1.125rem;line-height:1.35rem;margin-bottom:13px;text-transform:uppercase;width:140px}.dropdown-link a{color:#f1f1d5;font-family:Open Sans;font-size:.875rem;font-weight:400;line-height:1.8;text-transform:none}.dropdown-link i{text-align:center;width:20px}.discord-button{background-color:#54347d;color:#fff;font-size:1.125rem;margin-top:25px;padding:16.5px 24px;text-transform:uppercase;transition:all .15s ease-out}.discord-button:hover{background-color:#432a63;color:#fff}@media screen and (max-width:1215px){.navbar{align-content:center;padding:10px 12px 10px 20px}.brand-img{width:32px}.navbar-mobile-button{background-color:transparent;border:0;color:hsla(66,33%,84%,.7);display:inline-block;font-size:1.25rem;margin-right:17px;width:18px}.navbar-mobile-button .fa-times{color:#e0e3c7}.navbar-left>ul[data-visible=false]{display:none}.navbar-left>ul{background-color:#253437;box-shadow:inset 0 15px 15px -10px #00000050;-moz-box-shadow:inset 0 15px 15px -10px #00000050;-webkit-box-shadow:inset 0 15px 15px -10px #00000050;display:flex;flex-direction:column;height:calc(100dvh - var(--navbar-height));left:0;overflow-y:scroll;padding:35px 0 35px 36px;position:absolute;row-gap:3dvh;top:var(--navbar-height);width:100dvw;z-index:5001}.navbar-link,.navbar>div>ul{align-items:flex-start}.navbar-link{display:flex;flex-direction:column;height:auto;line-height:normal;margin:0;position:relative}.navbar-link:last-child{order:-1;padding-bottom:10px}.search-bar{border:1px solid hsla(68,17%,75%,.3);height:40px;max-width:none;width:calc(100vw - 72px)}.explorer-button i.fa-caret-down,.lessons-button i.fa-caret-down{display:none}.explorer-button i.fa-chevron-down,.lessons-button i.fa-chevron-down{display:inline-block}.explorer-button,.explorer-button i,.lessons-button,.lessons-button i{font-size:1.3125rem}.explorer-button i,.lessons-button i{margin-left:.25rem;vertical-align:baseline}.navbar-link a{font-size:1.3125rem}.navbar-button:hover,.navbar-link a:hover{color:hsla(60,50%,89%,.8)}.dropdown-menu.explorer[data-visible=true]{background:transparent;display:flex;flex-direction:column;height:100%;left:0;margin:5dvh 0 3dvh;padding:0 0 0 50px;position:relative;row-gap:50px;top:0;transform:none;width:auto}.dropdown-menu.explorer ul{width:auto}.dropdown-link,.dropdown-menu.explorer ul:not(:last-child) li:not(:first-child){margin-bottom:2dvh}.dropdown-menu.explorer ul:not(:last-child) li:not(:first-child)::marker{font-size:2dvh}.dropdown-title{font-size:2.2dvh;margin-bottom:2dvh;width:40dvw}.dropdown-link a{line-height:1.5}.dropdown-link i{width:25px}.dropdown-menu.lessons[data-visible=true]{align-items:start;background:none;display:flex;height:auto;margin:5dvh 0 3dvh;padding:0;position:relative;row-gap:30px;top:0;width:auto}.dropdown-menu.lessons a{padding-left:54px}.dropdown-menu.lessons p{font-size:2.2dvh;width:calc(95dvw - 90px)}.dropdown-menu.lessons .btn-dps-gradient,.dropdown-menu.lessons .btn-dps-transparent{justify-content:center;min-width:191px}.dropdown-menu .notification{display:none}.notification-badge{left:13px;top:9px}.dropdown-menu.notification[data-visible=true]{max-height:none}.dropdown-menu.account[data-visible=true],.dropdown-menu.notification[data-visible=true]{border-radius:0;box-shadow:inset 0 15px 15px -10px #00000050;-moz-box-shadow:inset 0 15px 15px -10px #00000050;-webkit-box-shadow:inset 0 15px 15px -10px #00000050;height:calc(100dvh - 60px);position:fixed;right:auto;top:60px;width:100dvw}.dropdown-menu.account[data-visible=true]{padding:30px 35px}.account-details{font-size:2dvh;row-gap:.5dvh;width:70%}.dropdown-account-link{font-size:2.5dvh;font-weight:300;line-height:5dvh}.dropdown-account-link span{padding-left:2.5dvw}.dropdown-account-link i{font-size:2.5dvh}.dropdown-notification-navigation ul{justify-content:space-between}.navbar-connection button.signup{display:none}.navbar-connection button.signin{padding:6.5px 15px}.navbar-center{justify-content:center;width:100%}.navbar-notification-mobile{align-items:center;color:#f1f1d5;display:flex;justify-content:space-between}.navbar-notification-mobile button{background-color:transparent;border:0;color:#f1f1d5;font-size:1.625rem;position:absolute;right:20px;width:28px}.notification-mobile-title{flex:1;text-align:center;text-transform:uppercase}@media (orientation:landscape){.dropdown-title,.dropdown-title-lessons .lessons-description,.dropdown-title-lessons .lessons-title{font-size:2.2dvw}.dropdown-menu.lessons p{font-size:inherit}.account-details{font-size:2dvw}.dropdown-account-link{line-height:5dvw}.dropdown-account-link,.dropdown-account-link i{font-size:2.5dvw}.dropdown-account-link span{padding-left:1dvw}.dropdown-title-lessons .lessons-description,.dropdown-title-lessons .lessons-title{font-size:inherit}}}@media screen and (min-width:1216px) and (max-width:1349px){.dropdown-menu.explorer[data-visible=true]{left:50%;position:absolute;transform:translateX(-50%)}}@media screen and (min-width:768px) and (max-width:1215px){.navbar-notification button i{font-size:1.25rem}.dropdown-menu.explorer[data-visible=true]{width:calc(95dvw - 36px)}.dropdown-menu.explorer ul{width:calc(95dvw - 86px)}.dropdown-title-lessons .lessons-title{font-size:1.5rem}.dropdown-title-lessons .lessons-description{font-size:1.25rem}.dropdown-title{line-height:2rem}.account-details{row-gap:1dvh}.dropdown-link a{line-height:1}.dropdown-link a span{padding-left:1dvw}@media (orientation:portrait){.dropdown-account-header img{height:7dvh;width:7dvh}}@media (orientation:landscape){.dropdown-menu.explorer[data-visible=true]{margin-top:10dvh}.dropdown-menu.explorer ul:not(:last-child) li:not(:first-child)::marker{font-size:3.5dvh}}}.loader{animation:spin 2s linear infinite;border:4px solid #f1f1d5;border-radius:50%;border-top-color:#1e2425;display:none;height:30px;left:50%;position:absolute;top:calc(50% - 15px);width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}