.banter-loader{width:58px;height:58px}.banter-loader__box{float:left;border-radius:5px;width:16px;height:16px;margin-right:5px;position:relative}.banter-loader__box:before{content:"";background:var(--accent);border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}.banter-loader__box:nth-child(3n){margin-bottom:5px;margin-right:0}.banter-loader__box:first-child:before,.banter-loader__box:nth-child(4):before{margin-left:21px}.banter-loader__box:nth-child(3):before{margin-top:42px}.banter-loader__box:last-child{margin-bottom:0}@keyframes moveBox-1{9.09091%{transform:translate(-21px)}18.1818%{transform:translate(0)}27.2727%{transform:translate(0)}36.3636%{transform:translate(21px)}45.4545%{transform:translate(21px,21px)}54.5455%{transform:translate(21px,21px)}63.6364%{transform:translate(21px,21px)}72.7273%{transform:translate(21px)}81.8182%{transform:translate(0)}90.9091%{transform:translate(-21px)}to{transform:translate(0)}}.banter-loader__box:first-child{animation:4s infinite moveBox-1}@keyframes moveBox-2{9.09091%{transform:translate(0)}18.1818%{transform:translate(21px)}27.2727%{transform:translate(0)}36.3636%{transform:translate(21px)}45.4545%{transform:translate(21px,21px)}54.5455%{transform:translate(21px,21px)}63.6364%{transform:translate(21px,21px)}72.7273%{transform:translate(21px,21px)}81.8182%{transform:translateY(21px)}90.9091%{transform:translateY(21px)}to{transform:translate(0)}}.banter-loader__box:nth-child(2){animation:4s infinite moveBox-2}@keyframes moveBox-3{9.09091%{transform:translate(-21px)}18.1818%{transform:translate(-21px)}27.2727%{transform:translate(0)}36.3636%{transform:translate(-21px)}45.4545%{transform:translate(-21px)}54.5455%{transform:translate(-21px)}63.6364%{transform:translate(-21px)}72.7273%{transform:translate(-21px)}81.8182%{transform:translate(-21px,-21px)}90.9091%{transform:translateY(-21px)}to{transform:translate(0)}}.banter-loader__box:nth-child(3){animation:4s infinite moveBox-3}@keyframes moveBox-4{9.09091%{transform:translate(-21px)}18.1818%{transform:translate(-21px)}27.2727%{transform:translate(-21px,-21px)}36.3636%{transform:translateY(-21px)}45.4545%{transform:translate(0)}54.5455%{transform:translateY(-21px)}63.6364%{transform:translateY(-21px)}72.7273%{transform:translateY(-21px)}81.8182%{transform:translate(-21px,-21px)}90.9091%{transform:translate(-21px)}to{transform:translate(0)}}.banter-loader__box:nth-child(4){animation:4s infinite moveBox-4}@keyframes moveBox-5{9.09091%{transform:translate(0)}18.1818%{transform:translate(0)}27.2727%{transform:translate(0)}36.3636%{transform:translate(21px)}45.4545%{transform:translate(21px)}54.5455%{transform:translate(21px)}63.6364%{transform:translate(21px)}72.7273%{transform:translate(21px)}81.8182%{transform:translate(21px,-21px)}90.9091%{transform:translateY(-21px)}to{transform:translate(0)}}.banter-loader__box:nth-child(5){animation:4s infinite moveBox-5}@keyframes moveBox-6{9.09091%{transform:translate(0)}18.1818%{transform:translate(-21px)}27.2727%{transform:translate(-21px)}36.3636%{transform:translate(0)}45.4545%{transform:translate(0)}54.5455%{transform:translate(0)}63.6364%{transform:translate(0)}72.7273%{transform:translateY(21px)}81.8182%{transform:translate(-21px,21px)}90.9091%{transform:translate(-21px)}to{transform:translate(0)}}.banter-loader__box:nth-child(6){animation:4s infinite moveBox-6}@keyframes moveBox-7{9.09091%{transform:translate(21px)}18.1818%{transform:translate(21px)}27.2727%{transform:translate(21px)}36.3636%{transform:translate(0)}45.4545%{transform:translateY(-21px)}54.5455%{transform:translate(21px,-21px)}63.6364%{transform:translateY(-21px)}72.7273%{transform:translateY(-21px)}81.8182%{transform:translate(0)}90.9091%{transform:translate(21px)}to{transform:translate(0)}}.banter-loader__box:nth-child(7){animation:4s infinite moveBox-7}@keyframes moveBox-8{9.09091%{transform:translate(0)}18.1818%{transform:translate(-21px)}27.2727%{transform:translate(-21px,-21px)}36.3636%{transform:translateY(-21px)}45.4545%{transform:translateY(-21px)}54.5455%{transform:translateY(-21px)}63.6364%{transform:translateY(-21px)}72.7273%{transform:translateY(-21px)}81.8182%{transform:translate(21px,-21px)}90.9091%{transform:translate(21px)}to{transform:translate(0)}}.banter-loader__box:nth-child(8){animation:4s infinite moveBox-8}@keyframes moveBox-9{9.09091%{transform:translate(-21px)}18.1818%{transform:translate(-21px)}27.2727%{transform:translate(0)}36.3636%{transform:translate(-21px)}45.4545%{transform:translate(0)}54.5455%{transform:translate(0)}63.6364%{transform:translate(-21px)}72.7273%{transform:translate(-21px)}81.8182%{transform:translate(-42px)}90.9091%{transform:translate(-21px)}to{transform:translate(0)}}.banter-loader__box:nth-child(9){animation:4s infinite moveBox-9}