.notification-item{background-color:#424242;width:350px;padding:12px;margin:6px;border-radius:5px;cursor:pointer;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.notification-item:hover{background-color:#575757}.notification-root{display:flex}.notification-details{position:absolute;top:67px;width:100%;left:0;display:flex;flex-direction:column;align-items:flex-end}.notification-header{font-size:18px}.notification-text{font-size:12px;margin-top:8px}.open-notifications{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:open-notification-anim;animation-name:open-notification-anim}@-webkit-keyframes open-notification-anim{0%{height:0}to{height:auto}}@keyframes open-notification-anim{0%{height:0}to{height:auto}}.hexa,.hexa div{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;overflow:hidden;width:300px;height:300px}.hexa div{width:100%;height:100%}.hexa{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.hex1{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}.hex1:after,.hexa:after{right:29%;top:0}.hex1:after,.hex1:before,.hexa:after,.hexa:before{content:"";position:absolute;z-index:100;width:41%;border-top:var(--border-color)}.hex1:before,.hexa:before{right:29.5%;bottom:0}.hex1:before,.hexa:after{right:var(--percent-border);width:43%}.hex2{-webkit-transform:rotate(-60deg);transform:rotate(-60deg);border-bottom:var(--border-color);border-top:var(--border-color)}.loading{position:fixed;height:100%;background:#000;z-index:9999}.loading,.loading-text{top:0;left:0;width:100%}.loading-text{position:absolute;bottom:0;right:0;margin:auto;text-align:center;height:100px;line-height:100px}.loading-text span{display:inline-block;margin:0 5px;color:#47d445;font-family:Verdana,sans-serif}.loading-text span:first-child{-webkit-filter:blur(0);filter:blur(0);-webkit-animation:blur-text 2s linear 0s infinite alternate;animation:blur-text 2s linear 0s infinite alternate}.loading-text span:nth-child(2){-webkit-filter:blur(0);filter:blur(0);-webkit-animation:blur-text 2s linear .16667s infinite alternate;animation:blur-text 2s linear .16667s infinite alternate}.loading-text span:nth-child(3){-webkit-filter:blur(0);filter:blur(0);-webkit-animation:blur-text 2s linear .33333s infinite alternate;animation:blur-text 2s linear .33333s infinite alternate}.loading-text span:nth-child(4){-webkit-filter:blur(0);filter:blur(0);-webkit-animation:blur-text 2s linear .5s infinite alternate;animation:blur-text 2s linear .5s infinite alternate}.loading-text span:nth-child(5){-webkit-filter:blur(0);filter:blur(0);-webkit-animation:blur-text 2s linear .66667s infinite alternate;animation:blur-text 2s linear .66667s infinite alternate}.loading-text span:nth-child(6){-webkit-filter:blur(0);filter:blur(0);-webkit-animation:blur-text 2s linear .83333s infinite alternate;animation:blur-text 2s linear .83333s infinite alternate}.loading-text span:nth-child(7){-webkit-filter:blur(0);filter:blur(0);-webkit-animation:blur-text 2s linear 1s infinite alternate;animation:blur-text 2s linear 1s infinite alternate}.open-box{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:open-box-anim;animation-name:open-box-anim}@-webkit-keyframes blur-text{0%{-webkit-filter:blur(0);filter:blur(0)}to{-webkit-filter:blur(4px);filter:blur(4px)}}@keyframes blur-text{0%{-webkit-filter:blur(0);filter:blur(0)}to{-webkit-filter:blur(4px);filter:blur(4px)}}@-webkit-keyframes open-box-anim{0%{top:49%;bottom:49%;height:auto}to{top:0;bottom:0;height:auto}}@keyframes open-box-anim{0%{top:49%;bottom:49%;height:auto}to{top:0;bottom:0;height:auto}}.custom-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#424242;border-radius:10px}.custom-scroll::-webkit-scrollbar{width:15px;background-color:#424242}.custom-scroll::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc -webkit-gradient(linear,40% 0,75% 84%,from(#4d9c41),to(#19911d),color-stop(.6,#54de5d))}.badge-item:hover{background-color:#575757;border-radius:5px;cursor:pointer}