.gridb{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;gap:3px;transform:rotate(-45deg)}.brick{background-color:var(--high);will-change:transform;animation-iteration-count:var(--loopCount)}.brick:first-child{animation:brick1 2.5s linear var(--loopCount)}.brick:nth-child(2){animation:brick2 2.5s linear var(--loopCount)}.brick:nth-child(3){grid-row-start:2;grid-column-start:1;animation:brick3 2.5s linear var(--loopCount)}.brick:nth-child(4){grid-row-start:2;grid-column-start:3;animation:brick4 2.5s linear var(--loopCount)}.brick:nth-child(5){grid-row-start:3;grid-column-start:2;animation:brick5 2.5s linear var(--loopCount)}.brick:nth-child(6){grid-row-start:3;grid-column-start:3;animation:brick6 2.5s linear var(--loopCount)}@keyframes brick2{0%{transform:translate(0)}5%{transform:translateY(calc(100% + 3px))}15%{transform:translateY(calc(100% + 3px))}20%{transform:translate(calc(-100% - 3px),calc(100% + 3px))}42%{transform:translate(calc(-100% - 3px),calc(100% + 3px))}47%{transform:translate(calc(-100% - 3px))}69%{transform:translate(calc(-100% - 3px))}74%{transform:translate(0)}}@keyframes brick1{0%{transform:translate(0)}5%{transform:translate(0)}10%{transform:translate(calc(100% + 3px))}32%{transform:translate(calc(100% + 3px))}37%{transform:translate(calc(100% + 3px),calc(100% + 3px))}47%{transform:translate(calc(100% + 3px),calc(100% + 3px))}52%{transform:translateY(calc(100% + 3px))}74%{transform:translateY(calc(100% + 3px))}79%{transform:translate(0)}}@keyframes brick3{0%{transform:translate(0)}10%{transform:translate(0)}15%{transform:translateY(calc(-100% - 3px))}37%{transform:translateY(calc(-100% - 3px))}42%{transform:translate(calc(100% + 3px),calc(-100% - 3px))}64%{transform:translate(calc(100% + 3px),calc(-100% - 3px))}69%{transform:translate(calc(100% + 3px))}79%{transform:translate(calc(100% + 3px))}84%{transform:translate(0)}}@keyframes brick4{0%{transform:translate(0)}16%{transform:translate(0)}21%{transform:translate(calc(-100% - 3px))}31%{transform:translate(calc(-100% - 3px))}36%{transform:translate(calc(-100% - 3px),calc(100% + 3px))}58%{transform:translate(calc(-100% - 3px),calc(100% + 3px))}63%{transform:translateY(calc(100% + 3px))}85%{transform:translateY(calc(100% + 3px))}90%{transform:translate(0)}}@keyframes brick5{0%{transform:translate(0)}26%{transform:translate(0)}31%{transform:translate(calc(100% + 3px))}53%{transform:translate(calc(100% + 3px))}58%{transform:translate(calc(100% + 3px),calc(-100% - 3px))}80%{transform:translate(calc(100% + 3px),calc(-100% - 3px))}85%{transform:translateY(calc(-100% - 3px))}95%{transform:translateY(calc(-100% - 3px))}to{transform:translate(0)}}@keyframes brick6{0%{transform:translate(0)}21%{transform:translate(0)}26%{transform:translateY(calc(-100% - 3px))}48%{transform:translateY(calc(-100% - 3px))}53%{transform:translate(calc(-100% - 3px),calc(-100% - 3px))}63%{transform:translate(calc(-100% - 3px),calc(-100% - 3px))}68%{transform:translate(calc(-100% - 3px))}90%{transform:translate(calc(-100% - 3px))}95%{transform:translate(0)}}