label[for=panel-user] img{width:24px;height:24px;border-radius:50%}.user-menu{width:100%;color:var(--color2);background:var(--color4);border-radius:0 0 1rem 1rem;padding:10px}.user-menu .user-badge{border-bottom:1px solid var(--color3);flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.user-menu .user-badge img{width:40px;height:40px;border-radius:50%;overflow:hidden}.user-menu .user-badge .name-and-status{width:190px;flex-direction:column;display:flex}.user-menu .user-badge .name{color:#fff;margin:0 0 .25rem;font-size:.875rem;font-weight:700;line-height:1.25rem}.user-menu .user-badge .status{text-transform:capitalize;font-size:.875rem;line-height:1.25rem}.user-menu ul{width:100%;transform-origin:top;flex-direction:column;margin:10px 0 0;padding:0;list-style:none;display:flex}.user-menu li{cursor:pointer;white-space:nowrap;width:100%;flex-wrap:nowrap;align-items:center;padding:0;font-size:13px;font-weight:500;line-height:32px;display:flex}.user-menu li svg{width:15px;height:15px;margin-right:10px}.user-menu li.upgrade{justify-content:flex-end;margin:0 0 10px}.user-menu li.upgrade a{width:100%;text-align:center;color:#fff;background:linear-gradient(90deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);border-radius:16px;padding:1px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all 1.6s ease-in-out}.user-menu li.upgrade a:hover{filter:brightness(1.3);box-shadow:0 0 8px #833ab4}.user-menu .notifications .item{color:var(--color2);cursor:pointer;border-bottom:1px solid var(--color3);padding:10px 0;font-size:11px;font-weight:500;position:relative}.user-menu .notifications .item[seen=false]:before{content:attr(text);color:#fff;background:var(--color1);width:25px;border-radius:3px;margin-bottom:10px;padding:2px 5px;display:block}.user-menu .notifications .item[seen=false]:hover{text-decoration:line-through}.user-menu .notifications .item[seen=true]:before{content:"Seen";color:var(--color5);width:25px;background:var(--color3);border-radius:3px;margin-bottom:10px;padding:2px 5px;display:block}label[for=panel-user].something-new{position:relative}label[for=panel-user].something-new:after{content:" ";width:8px;height:8px;background-color:var(--color1);border-radius:50%;animation:1.618s linear infinite pulse;position:absolute;top:4px;right:4px}.user-menu .pro-box{background:var(--color5);border-radius:16px;margin-bottom:16px;padding:20px;display:none}.user-menu .pro-box h3{margin:10px 0;font-size:18px}.user-menu .pro-box h4{margin:0;font-size:42px}.user-menu .pro-box p{color:var(--color2)}.user-menu .pro-box ul{list-style:none}.user-menu .pro-box li{padding:0;line-height:24px}.user-menu .pro-box .row{color:#fff;justify-content:space-between;display:flex}.user-menu .pro-box .row div{width:50%;flex-direction:column;display:inline-flex}.user-menu .pro-box li:before{content:" ";width:16px;height:16px;background-image:url(https://cdn.sumo.app/images/check.svg);background-position:50%;background-repeat:no-repeat;margin-right:5px}@keyframes pulse{0%{opacity:1}62%{opacity:.62}to{opacity:1}}@media (hover:hover){.user-menu li:hover{color:#fff;background:0 0}}