span.b-icon.b-icon__status--gray{background:red;border-radius:100%;border:2px solid #fff;box-sizing:border-box}span.online-status.online{top:10;position:absolute;left:10}.b-icon__status--green{background:#0f0 !important;border-radius:100%;border:2px solid #fff;box-sizing:border-box}.b-icon__status--green:after{content:'';border:10px solid #6e9d00;background:transparent;border-radius:40px;height:40px;width:40px;position:absolute;top:-22px;left:-22px;z-index:1;opacity:0;animation:glow 3s ease-out infinite}@-webkit-keyframes glow{0%{-webkit-transform:scale(0);opacity:0.0}25%{-webkit-transform:scale(0);opacity:0.1}50%{-webkit-transform:scale(0.1);opacity:0.3}75%{-webkit-transform:scale(0.5);opacity:0.5}100%{-webkit-transform:scale(1);opacity:0.0}}@keyframes glow{0%{transform:scale(0);opacity:0.0}25%{transform:scale(0);opacity:0.1}50%{transform:scale(0.1);opacity:0.3}75%{transform:scale(0.5);opacity:0.5}100%{transform:scale(1);opacity:0.0}}@-webkit-keyframes glow{0%{-webkit-transform:scale(0);opacity:0.0}25%{-webkit-transform:scale(0);opacity:0.1}50%{-webkit-transform:scale(0.1);opacity:0.3}75%{-webkit-transform:scale(0.5);opacity:0.5}100%{-webkit-transform:scale(1);opacity:0.0}}@keyframes glow{0%{transform:scale(0);opacity:0.0}25%{transform:scale(0);opacity:0.1}50%{transform:scale(0.1);opacity:0.3}75%{transform:scale(0.5);opacity:0.5}100%{transform:scale(1);opacity:0.0}}