.dropdown-container{position:relative}.dropdown-toggle{cursor:pointer}.dropdown-menu{position:absolute;top:40px;left:0;width:12vw;background-color:var(--rightbarcircle1);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease-in,opacity .3s ease-in;z-index:1;border:1px solid hsla(0,0%,100%,.1)}@media screen and (max-width:500px){.dropdown-container{display:none}}.dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(10px);background-color:var(--drop);border-radius:10px;z-index:-1}.icon1{color:var(--top1)!important}.dropdown-menu.open{max-height:88vh;opacity:1}.dropdown-content.open{max-height:84vh;opacity:1}.section-title{color:var(--top1);font-size:1rem;margin-bottom:5px;font-weight:700}.dropdown-section{padding:10px}.dropdown-section ul{list-style:none;padding:0}.dropdown-sec .icon{color:var(--top1)!important}.dropdown-section li{color:var(--top1);padding:5px 0;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.3s;transform:translateY(-1px)}.dropdown-section li:hover{transform:translateY(0)}.dropdown-content li{color:var(--white);padding:5px 0;display:flex;align-items:center}.dropdown-content li i,.dropdown-section li i{margin-right:10px;color:hsla(0,0%,100%,.7)}.dropdown-sec{padding:10px;z-index:999}.dropdown-sec ul{list-style:none;padding:0}.dropdown-sec li{color:var(--top1);padding:5px 0;display:flex;align-items:center;gap:10px;cursor:pointer;transform:translateY(-3px);transition:transform .4s ease;font-family:poppins}.dropdown-sec li:hover{transform:translateY(0)}.dropdown-sec li i{margin-right:10px;color:hsla(0,0%,100%,.7)}.dropdown-sec{position:absolute;top:39px;left:-190px;width:220px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out;z-index:200;border:1px solid hsla(0,0%,100%,.1)}.user-logout{font-size:26px;color:var(--svg);margin-right:5px;border-radius:50px}svg.user-arrow{bottom:-2px;right:2px;background-color:#fff;color:#000;border-radius:50px;width:12px;height:12px;box-shadow:0 0 1px rgba(0,0,0,.2)}@media screen and (max-width:700px){.user-arrow{display:none}}.dropdown-sec:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(80px);background-color:var(--drop2);border-radius:10px;z-index:-1}.dropdown-sec.profile-dropdown{background-color:#fff;color:#000;width:174px!important;left:-142px;top:46px}.dropdown-sec.profile-dropdown li{color:#000}.dropdown-sec{max-height:500px;opacity:1;font-size:1rem}.leftbar-avatar img{width:30px;height:30px;border-radius:50%;border:2px solid #333;object-fit:cover;display:inline-block}.top-icon{background-color:#fff;border-radius:50px;color:#000;width:22px;height:22px;display:flex;align-items:center;justify-content:center}