.userbtn{overflow:hidden;padding:0;border:unset;display:flex;background-color:transparent;color:#000;text-decoration:unset}.userinfo{margin-left:10px;display:flex;flex-direction:column;justify-content:center}.userinfo h6{margin:0;font-weight:600;font-size:14px;text-overflow:ellipsis;width:125px;overflow:hidden}.userinfo p{font-size:11px;margin:0;text-align:left;line-height:1}.userbtn .usericon{width:40px;min-width:40px;border-radius:50px;height:40px;overflow:hidden}.userbtn img{width:100%;height:100%}.userbtn_wrapper{margin-left:auto;position:relative}.userbtn_wrapper:hover .userdropdown{opacity:1;visibility:visible}.userdropdown:after{content:"";width:10px;height:10px;border:1px solid #ccc;right:15px;border-right:0;border-bottom:0;top:-5.5px;transform:rotate(45deg)}.userdropdown,.userdropdown:after{position:absolute;background-color:#fff}.userdropdown{transition:all .2s;right:0;width:100%;z-index:1000;margin-top:10px;opacity:0;visibility:hidden;min-width:200px;border:1px solid #ccc;display:flex;padding:8px;border-radius:10px;box-shadow:3px 3px 7px rgba(0,0,0,.1)}.form-check-label,.list{cursor:pointer}.list{width:100%;justify-content:space-between;display:flex;align-items:center;gap:10px;padding:5px 10px;border-radius:7px;margin-bottom:5px}.list:hover{background-color:#e1f5fa}.userdropdown_inner{display:flex;flex-direction:column;width:100%}.list .logoutbtn{width:100%;display:flex;padding:0;color:#000;align-items:center;gap:10px;border:unset;justify-content:flex-start}.list .logoutbtn:active{color:#000}.username_block{color:#000;padding:8px 10px;border-radius:7px;display:flex;background-color:rgb(0 170 205/13%);gap:10px;align-items:center;margin-bottom:5px}body.dark .username_block{background-color:rgb(143 143 143/37%)}.username_block p{color:#000;margin:0}body.dark .list:hover{background-color:rgb(235 235 235/14%)}body.dark .form-check-label,body.dark .list .logoutbtn,body.dark .username_block,body.dark .username_block p{color:#fff}body.dark .userdropdown,body.dark .userdropdown:after{border-color:#3a3a3a;background-color:#000}body.dark .userbtn{background-color:transparent;color:#fff;border-color:#afafaf}@media(max-width:575px){.userinfo h6{width:100px}}@media(max-width:450px){.userbtn .usericon{width:30px;min-width:30px;height:30px}.userinfo p{font-size:10px}.userinfo h6{font-size:12px}}