.controls{display:flex}.controls>*{flex:1}.wrapper{background-color:var(--background);justify-content:center;align-items:center;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:200px 0;display:flex}.grid{justify-content:center;align-items:center;display:flex}.grid__contents{position:relative}.cell{border:var(--border) solid var(--accent);clip-path:polygon(0 0%,100% 0%,100% 50%,0% 50%);width:200px;height:200px;animation-name:animationRotation;animation-duration:8s;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-direction:forwards;transform:scale(var(--scale)) rotate(0deg);border-radius:9000px;justify-content:center;align-items:center;animation-iteration-count:infinite;display:flex}.cell~.cell{position:absolute;top:0;left:0}@keyframes animationRotation{0%{transform:scale(var(--scale)) rotate(0deg)}99.99%{transform:scale(var(--scale)) rotate(var(--rotation))}to{transform:scale(var(--scale)) rotate(var(--rotation))}}