#online-users{text-align:left;margin:20px;max-width:50%;position:absolute;bottom:0;left:0;color:#fff;font-size:12px;font-weight:600;word-wrap:break-word}#online-users .circle-container{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center}#online-users .icon-circle{position:absolute;bottom:15px;width:70px;height:70px;background-color:#3c3c3c;border-radius:50%;display:flex;justify-content:center;align-items:center}#online-users .info-circle{position:absolute;top:30%;left:80%;transform:translate(-50%,-50%);min-width:25px;min-height:25px;background-color:#d6ffcf;border-radius:100px;justify-content:center;align-items:center;box-shadow:0 0 10px rgba(0,0,0,.5)}#online-users .info-circle-content{padding:5px;color:#5ba250;font-size:12px}#online-users .online-users-open{position:relative;top:15px;right:-15px;width:260px;height:auto;background-color:#3c3c3c;border-radius:16px;text-align:center;font-size:12px;z-index:1;overflow:hidden}#online-users .icon-circle-open{position:absolute;bottom:15px;width:70px;height:140px;background-color:#3c3c3c;border-radius:35px;display:flex;justify-content:center;align-items:center}#online-users .icon-circle img,.icon-circle-open img{position:absolute;bottom:20px}#online-users .icon-circle-open::before{content:"";position:absolute;bottom:0;right:-34px;height:70px;background-color:transparent;border-top-left-radius:35px;border-right:35px solid transparent;box-shadow:0 -40px 0 0 #3c3c3c}#online-users .open-user-list{margin-left:68px;width:calc(100% - 75px);overflow-y:hidden;color:#9e9e9e;font-style:italic;font-weight:400;line-height:normal;letter-spacing:-.4px;text-align:left;margin-bottom:20px;max-height:30vh;overflow-y:auto}#online-users .open-user-list::-webkit-scrollbar{width:5px}#online-users .open-user-list::-webkit-scrollbar-thumb{background-color:#fff;border-radius:5px}#online-users .top-content-container{display:flex;flex-direction:row;margin-right:20px}#online-users .top-container-number{display:flex;flex-direction:column;margin-left:20px}#online-users .top-container-text{display:flex;flex-direction:column;width:100%}#online-users .info-number-circle-badge{display:inline-block;position:relative;right:0;text-align:right;margin:25px 0}#online-users .info-circle-badge{padding:5px 10px;border-radius:100px;background-color:#d6ffcf;color:#5ba250}#online-users .number-circle-badge{display:inline-block;position:relative;right:0;text-align:right;margin:10px 0}#online-users .circle-badge{padding:5px 10px;border-radius:100px;background-color:#686868;color:#fff}#online-users .number-circle-badge text{text-align:left}#online-users .toptext-right-badge{display:inline-block;position:relative;right:0;text-align:left;margin:25px 15px}#online-users .text-right-badge{display:inline-block;position:relative;right:0;text-align:left;margin:10px 15px}#online-users .open-line{width:100%;height:100%;border-bottom:1px #686868 solid;border-radius:15px;margin-bottom:15px}