.tetris{--blockSize:14px;display:flex;margin-bottom:var(--spacing--small);justify-content:center;position:relative;width:100%}.tetris>div{height:calc(var(--blockSize)*2);position:relative;width:calc(var(--blockSize)*4)}.tetris .block1,.tetris .block2,.tetris .block3,.tetris .block4{background:var(--color--brand-1);box-shadow:inset 0 0 0 4px rgba(0,0,0,.08);height:var(--blockSize);position:absolute;width:var(--blockSize)}.tetris .block1:before,.tetris .block2:before,.tetris .block3:before,.tetris .block4:before{background:hsla(0,0%,100%,.5);content:"";display:block;left:1px;height:2px;position:absolute;top:1px;width:2px}.tetris .block1{left:8px;top:0;animation:block1 5s linear infinite}.tetris .block2{left:24px;top:0;animation:block2 5s linear infinite}.tetris .block3{left:40px;top:0;animation:block3 5s linear infinite}.tetris .block4{left:24px;top:16;animation:block4 5s linear infinite}@keyframes block1{0%{left:8px;top:0}24%{left:8px;top:0}28%{left:24px;top:0}35%{left:24px;top:0}42%{left:16px;top:0}49%{left:16px;top:0}56%{left:8px;top:0}77%{left:8px;top:0}81%{left:0;top:0}84%{left:0;top:8px}91%{left:0;top:8px}95%{left:0;top:0}to{left:8px;top:0}}@keyframes block2{0%{left:24px;top:0}21%{left:24px;top:0}25%{left:24px;top:16px}35%{left:24px;top:16px}42%{left:32px;top:16px}49%{left:32px;top:16px}56%{left:40px;top:16px}77%{left:40px;top:16px}81%{left:48px;top:16px}84%{left:48px;top:8px}91%{left:48px;top:8px}95%{left:48px;top:0}to{left:40px;top:0}}@keyframes block3{0%{left:40px;top:0}35%{left:40px;top:0}42%{left:32px;top:0}49%{left:32px;top:0}56%{left:24px;top:0}66%{left:24px;top:0}70%{left:24px;top:16px}77%{left:24px;top:16px}81%{left:32px;top:16px}84%{left:32px;top:8px}91%{left:32px;top:8px}95%{left:32px;top:16px}to{left:24px;top:16px}}@keyframes block4{0%{left:24px;top:16px}7%{left:24px;top:16px}14%{left:8px;top:16px}35%{left:8px;top:16px}42%{left:16px;top:16px}49%{left:16px;top:16px}56%{left:24px;top:16px}63%{left:24px;top:16px}67%{left:8px;top:16px}77%{left:8px;top:16px}81%{left:16px;top:16px}84%{left:16px;top:8px}91%{left:16px;top:8px}95%{left:16px;top:0}to{left:24px;top:0}}.loading-spinner img{display:block;margin:200px auto}