.nav{width:100%;background:linear-gradient(180deg,#495646,#2a2d28);box-shadow:0 3px 25px #00000080;display:flex;align-items:center;padding-top:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100;white-space:nowrap}.nav>.nav-header{flex:.95;z-index:100;display:flex;justify-content:space-between;margin:0 2rem 0 .2rem}.nav>.nav-header>.nav-title{font-size:1.2rem;color:#d3d4cc;text-shadow:1px 1px 2px rgb(24,24,24)}.nav>.nav-header>.nav-title>a{font-size:larger;text-decoration:none;color:#d3d4cc;-webkit-text-stroke:1px #FFF;text-shadow:1px 1px 2px rgb(24,24,24)}.nav>.nav-header>.profile-bell{display:flex;align-items:center}.nav>.nav-header>.profile-bell>.nav-btn-profile{border:2px solid #EFF0E9;border-image:linear-gradient(to bottom,#23232300,#7f897e68,#a9afa6,#7f897e68,#23232300) 1}.nav>.nav-header>.profile-bell>.nav-btn-profile>label{display:flex;align-items:center;flex-direction:column;justify-content:center;width:50px;height:50px;color:#d3d4cc}.nav>.nav-header>.profile-bell>.nav-btn-profile>label>div>.profile-mini{width:35px;height:35px}.nav>.nav-header>.profile-bell .nav-btn-profile:hover>label{color:#fff;text-shadow:1px 0px 3px black;transition:all .2s ease-in;cursor:pointer}.nav>.nav-header>.profile-bell .nav-btn-bell-desktop{display:none}.nav>.nav-header>.profile-bell .nav-btn-bell-desktop>label .notification-counter{position:absolute;top:20px;width:15px;height:15px;background-color:#fff;color:#353c34;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.nav>.nav-header>.profile-bell>.nav-btn-bell-mobile{color:#d3d4cc;width:50px;height:50px;display:flex;align-items:center;flex-direction:column;justify-content:center;border-right:2px solid #EFF0E9;border-image:linear-gradient(to bottom,#23232300,#7f897e68,#a9afa6,#7f897e68,#23232300) 1}.nav>.nav-header>.profile-bell>.nav-btn-bell-mobile>a{color:#d3d4cc;text-decoration:none}.nav>.nav-header>.profile-bell>.nav-btn-bell-mobile>a>.notification-counter{position:absolute;top:20px;width:15px;height:15px;background-color:#fff;color:#353c34;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.nav>.nav-btn{display:inline-block;position:absolute;z-index:100;right:0;top:0;padding-top:.2rem}.nav>.nav-btn>label{display:inline-block;width:50px;height:50px;padding:13px}.nav>.nav-btn>label>span{display:block;width:25px;height:10px;border-top:2px solid #EFF0E9;border-image:linear-gradient(to right,#a9afa6,#d3d4cc,#eff0e9,#d3d4cc,#a9afa6) 1;text-shadow:1px 1px 2px rgb(24,24,24)}.nav>.nav-btn>label:hover{cursor:pointer}.nav>.nav-btn>label:hover>span{transition:all .2s ease-in;text-shadow:1px 0px 3px black;border-top:3px solid #FFF;border-image:linear-gradient(to right,#d3d4cc,#ebece7,#fff,#ebece7,#d3d4cc) 1}.nav>.nav-list{position:absolute;z-index:100;display:flex;flex-direction:column;gap:1rem;width:100%;background-color:#353c34;height:0;transition:all .3s ease-in;top:55px;left:0;overflow:hidden}.nav>.nav-list>li{list-style-type:none;margin-top:1.5rem;font-size:1.2rem}.nav>.nav-list>li a{text-decoration:none;color:#eff0e9;text-shadow:1px 1px 2px rgb(24,24,24);cursor:pointer}.nav>.nav-list>form>button{margin-top:1.5rem;font-size:1.2rem;color:#eff0e9;text-shadow:1px 1px 2px rgb(24,24,24);cursor:pointer}.nav>.nav-list-profile{position:absolute;z-index:100;display:flex;flex-direction:column;gap:1rem;width:100%;background-color:#353c34;height:0;transition:all .3s ease-in;top:55px;left:0;overflow:hidden}.nav>.nav-list-profile>li{list-style-type:none;margin-top:1.5rem;font-size:1.2rem}.nav>.nav-list-profile>li a{text-decoration:none;color:#eff0e9;text-shadow:1px 1px 2px rgb(24,24,24);cursor:pointer}.nav>.nav-list-profile>form>button{margin-top:1.5rem;font-size:1.2rem;color:#eff0e9;text-shadow:1px 1px 2px rgb(24,24,24);cursor:pointer}.nav .nav-list-bell{position:absolute;right:0;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:50%;height:0;transition:all .3s ease-in;top:80px;overflow:hidden}.nav>#nav-check{display:none}.nav>#nav-check:checked~.nav-list{height:auto;background:linear-gradient(0deg,#49564600,#495646cc 3%,#2a2d28e6);overflow-y:scroll;padding-bottom:1.2rem}.nav>#nav-check-profile{display:none}.nav>#nav-check-profile:checked~.nav-list-profile{height:auto;background:linear-gradient(0deg,#49564600,#495646cc 3%,#2a2d28e6);overflow-y:scroll;padding-bottom:1.2rem}.nav>#nav-check-bell{display:none}.nav>#nav-check-bell:checked~.nav-list-bell{height:auto;overflow-y:scroll;padding-bottom:1.2rem}@media (min-width: 360px){.nav>.nav-header>.nav-title{font-size:1.7rem}.nav>.nav-btn{top:.5rem}}@media (min-width: 1536px){.nav{padding:.5rem}.nav>.nav-list{position:relative;display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:100%;width:auto;min-width:450px;gap:2rem;top:0;margin:0;overflow:visible;background:transparent}.nav>.nav-list>li{margin-top:0}.nav>.nav-list>li>a{padding-top:1rem;padding-bottom:1rem}.nav>.nav-list>li>a:hover{transition:all .2s ease-in;color:#fff;text-shadow:2px 2px 0px black}.nav>.nav-list>form>button{width:100%;height:100%;margin-top:0;padding-top:1.5rem;padding-bottom:1rem}.nav>.nav-list>form>button:hover{transition:all .2s ease-in;color:#fff;text-shadow:2px 2px 0px black}.nav>.nav-header>.nav-title{font-size:2rem}.nav>.nav-header>.nav-title>a{padding-top:1rem;padding-bottom:1rem}.nav>.nav-header>.nav-title>a:hover{transition:all .2s ease-in;color:#fff;text-shadow:2px 2px 0px black;-webkit-text-stroke:1px #353c34}.nav>.nav-header>.profile-bell>.nav-btn-bell-mobile{display:none}.nav>.nav-header>.profile-bell>.nav-btn-bell-desktop{display:flex;align-items:center;border-right:2px solid #EFF0E9;border-image:linear-gradient(to bottom,#23232300,#7f897e68,#a9afa6,#7f897e68,#23232300) 1}.nav>.nav-header>.profile-bell>.nav-btn-bell-desktop>label{display:flex;align-items:center;flex-direction:column;justify-content:center;width:50px;height:50px;color:#d3d4cc}.nav>.nav-header>.profile-bell>.nav-btn-bell-desktop>label>div>.profile-mini{width:35px;height:35px}.nav>.nav-header>.profile-bell .nav-btn-bell-desktop:hover{color:#fff;transition:all .2s ease-in;cursor:pointer}.nav>.nav-header>.profile-bell .nav-btn-bell-desktop:hover>label{cursor:pointer;color:#fff}.nav>.nav-header>.profile-bell .nav-btn-bell-desktop:hover>label>.notification-counter{cursor:pointer}.nav>.nav-btn{display:none}}