.msf{padding:0}.msf li:after,.msf li:before{color:var(--c);content:counter(item);display:block;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-family:monospace;font-size:1.2rem;font-weight:700;height:60px;margin-bottom:1.75rem;width:60px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.msf li{position:relative}.msf li:after{left:30px;position:absolute;top:30px;transform:translate(-50%,-50%)}.msf li:before{background-color:var(--bc);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;content:"";filter:brightness(calc(1 + var(--fd)))}