header{position:fixed;width:100%;height:50px;padding:0 30px;background:#fff;box-shadow:4px 4px 10px 0 hsla(0,0%,70%,.1);border-bottom:1px solid #eaecf0;z-index:99;right:0;left:0}header .wrapper{height:100%;max-width:1920px;margin:0 auto}header .wrapper .user-area{gap:25px}.user-area .dropdown nav{right:0}.header .user-info{border-bottom:1px solid #dadce0;padding-bottom:10px;margin-bottom:10px}.header .user-info h4{color:#222;font-size:1rem;font-weight:600;line-height:24px}.header .user-info p{color:#727272;font-size:14px;font-weight:400;line-height:16px;text-transform:capitalize}.header .dropdown ul li{padding:6px;border-radius:6px}.header .menu-dropdown .dropdown-btn{border:1px solid #dadce0;border-radius:25px;gap:0!important}.menu-dropdown .dropdown-btn .user-image{display:flex;padding:2px 8px 2px 2px}.user-image img{width:32px;height:32px;border-radius:25px}.header .menu-dropdown .dropdown-btn svg{height:100%;width:100%;padding:14px 10px 14px 0}.header .menu-dropdown .dropdown-btn svg.rotate{padding:0 0 0 10px}.header .dropdown ul li a{line-height:1.6;font-size:14px;color:#000;font-weight:600;display:flex;gap:8px;align-items:center}.header .dropdown ul li:hover{background-color:#eff0f4}.header .logout{border-top:1px solid #dadce0;padding-top:10px;margin-top:10px}.header .logout a{font-weight:600;padding:6px;border-radius:6px;justify-content:center;background-color:#eff0f4;border:1px solid transparent}.header .logout a:hover{border:1px solid #ddd}.appearance-settings{display:flex;flex-direction:column;gap:6px}.appearance-settings .appearance-heading{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase}.appearance-settings label{font-size:12px;color:#101828}.appearance-settings select{border:1px solid #d0d5dd;border-radius:6px;padding:6px 32px 6px 10px;background-color:#fff;font-size:13px;color:#101828}