@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");.nav{padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav .nav-left{gap:.8rem}.nav .nav-left,.nav .nav-left .nav-brands{display:flex;justify-content:center;align-items:center}.nav .nav-left .nav-brands{margin-right:.5rem;translate:0 .25rem}.nav .nav-left .nav-brands img{width:5.3rem}.nav .nav-left .nav-menu{list-style:none;display:flex;gap:.75rem}.nav .nav-left .nav-menu .nav-link{font-size:.875rem;font-weight:600;padding:.6rem .625rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;transition:all .15s;text-decoration:none;color:#fff}.nav .nav-left .nav-menu .nav-link .icon{font-weight:600;width:14px;height:14px;margin-left:4px}.nav .nav-left .nav-menu .nav-link:hover{background-color:#212121}.nav .nav-left .nav-menu .dropdown-container{position:relative;overflow:visible}.nav .nav-left .nav-menu .dropdown-container .nav-link{font-size:.875rem;font-weight:600;padding:.6rem .625rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;transition:all .15s;text-decoration:none}.nav .nav-left .nav-menu .dropdown-container .nav-link .icon{font-weight:600;width:14px;height:14px;margin-left:4px}.nav .nav-left .nav-menu .dropdown-container .nav-link:hover{background-color:#212121}.nav .nav-left .nav-menu .dropdown-container .dropdown-menu{position:absolute;left:0;display:block;visibility:hidden;opacity:0;top:calc(100% + 0px);background-color:#212121;padding:1rem;gap:.5rem;border-radius:.75rem;z-index:999;transition:all .3s ease}.nav .nav-left .nav-menu .dropdown-container .dropdown-menu.menu{display:grid;grid-template-columns:repeat(2,240px)}.nav .nav-left .nav-menu .dropdown-container .dropdown-menu.menu a{font-weight:600;padding:1rem;background-color:#292929;border:2px solid #fff700;color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;text-decoration:none}.nav .nav-left .nav-menu .dropdown-container .dropdown-menu.menu a:hover{background:#353535;border:2px solid #c702c7}.nav .nav-left .nav-menu .dropdown-container .dropdown-menu.menu a:hover span:nth-of-type(2){border:2px solid #fff700}.nav .nav-left .nav-menu .dropdown-container .dropdown-menu.menu a>span:nth-of-type(2){color:#fff;background:transparent;border:2px solid #c702c7;background:linear-gradient(120deg,transparent,#c702c7);width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;border-radius:5px}.nav .nav-left .nav-menu .dropdown-container:hover .nav-link .icon{transform:rotate(180deg)}.nav .nav-left .nav-menu .dropdown-container:hover .dropdown-menu{opacity:1;visibility:visible;top:calc(100% + 4px);transition:all .3s ease}.nav .nav-right{gap:.8rem}.nav .nav-right,.nav .nav-right .btn-primary{display:flex;justify-content:center;align-items:center}.nav .nav-right .btn-primary{position:relative;font-size:1rem;font-weight:600;padding:.625rem 1rem;gap:8px;background:transparent;border:2px solid #c702c7;border-radius:5px;color:#fff;text-decoration:none;overflow:hidden}.nav .nav-right .btn-primary:before{content:"";position:absolute;top:-100%;left:0;width:100%;height:300%;background:linear-gradient(#081b29,#c702c7,#081b29,#c702c7);z-index:-1;transition:.5s}.nav .nav-right .btn-primary:hover:before{top:0}.nav .nav-right .btn-primary .icon{font-weight:600;width:20px;height:20px;margin-left:0}.nav .nav-right button{position:relative;width:50px;height:50px;background:none;border:none;cursor:pointer}.nav .nav-right button .icon{color:#fff;width:50%;height:50%}.nav .nav-right button span{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;top:10%;right:10%;width:15px;height:15px;text-decoration:none;color:#fff;background:transparent;border:2px solid #c702c7;border-radius:50%;overflow:hidden}.nav .nav-right button span:before{content:"";position:absolute;top:-100%;left:0;width:100%;height:300%;background:linear-gradient(#081b29,#c702c7,#081b29,#c702c7);z-index:-1;transition:.5s}.nav .nav-right button:hover{background:#353535;border-radius:15px}.nav .nav-right button:hover span:hover:before{top:0}.nav .nav-right .dropdown-container{position:relative;overflow:visible}.nav .nav-right .dropdown-container .btn-profile{font-weight:600;border-radius:.5rem;display:flex;justify-content:center;align-items:center;transition:all .15s;font-size:16px;gap:15px;padding:.25rem .25rem .25rem .5rem;text-decoration:none;color:#fff}.nav .nav-right .dropdown-container .btn-profile .icon{width:20px;height:20px;margin-left:0}.nav .nav-right .dropdown-container .btn-profile .profile-img{width:2.25rem;margin-left:1rem;aspect-ratio:1}.nav .nav-right .dropdown-container .btn-profile .profile-img .img{object-fit:contain;display:block;border-radius:.375rem}.nav .nav-right .dropdown-container .dropdown-profile{position:absolute;left:0;display:block;top:calc(100% + 8px);background-color:#212121;gap:.5rem;border-radius:.75rem;z-index:999;width:100%;padding:2px;translate:0 -20px;visibility:hidden;opacity:0;transition:.3s ease}.nav .nav-right .dropdown-container .dropdown-profile a{display:flex;width:100%;height:64px;justify-content:flex-start;align-items:center;gap:8px;background-color:transparent;color:#fff;transition:.15s ease;text-decoration:none;padding:1rem;border-radius:15px}.nav .nav-right .dropdown-container .dropdown-profile a .icon{color:#fff;font-size:25px}.nav .nav-right .dropdown-container .dropdown-profile a:hover{background-color:#171717;color:#f0f3f5}.nav .nav-right .dropdown-container .dropdown-profile a.exit:hover{background-color:#810000}.nav .nav-right .dropdown-container .dropdown-profile a.login:hover{background-color:#008111}.nav .nav-right .dropdown-container .dropdown-profile a.register:hover{background-color:#3709df}.nav .nav-right .dropdown-container .dropdown-profile a:first-of-type:not(.login){background:#c702c7;color:#9ca3af}.nav .nav-right .dropdown-container .dropdown-profile a:first-of-type:not(.login):hover{background:#a302a3}.nav .nav-right .dropdown-container:hover{background:#353535;border-radius:15px}.nav .nav-right .dropdown-container:hover .btn-profile .icon{transform:rotate(180deg)}.nav .nav-right .dropdown-container:hover .dropdown-profile{visibility:visible;translate:0 0;opacity:1}