@keyframes honeycomb{0%,20%,80%,to{opacity:0;transform:scale(0)}30%,70%{opacity:1;transform:scale(1)}}.honeycomb{height:24px;position:relative;width:24px}.honeycomb div{animation:honeycomb 2.1s infinite backwards;background:#f3f3f3;height:12px;margin-top:6px;position:absolute;width:24px}.honeycomb div:after,.honeycomb div:before{content:"";border-left:12px solid transparent;border-right:12px solid transparent;position:absolute;left:0;right:0}.honeycomb div:after{top:-6px;border-bottom:6px solid #f3f3f3}.honeycomb div:before{bottom:-6px;border-top:6px solid #f3f3f3}.honeycomb .cell-1{animation-delay:0s;left:-28px;top:0}.honeycomb .cell-2{animation-delay:.1s;left:-14px;top:22px}.honeycomb .cell-3{animation-delay:.2s;left:14px;top:22px}.honeycomb .cell-4{animation-delay:.3s;left:28px;top:0}.honeycomb .cell-5{animation-delay:.4s;left:14px;top:-22px}.honeycomb .cell-6{animation-delay:.5s;left:-14px;top:-22px}.honeycomb .cell-7{animation-delay:.6s;left:0;top:0}