body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.grid-container{display:grid;grid-auto-rows:50px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));height:100%;inset:0;position:absolute;width:100%}.grid-square{flex-shrink:0;overflow:hidden;position:relative}.grid-square:before{background-color:#052fff;background-color:var(--block-color,#052fff);content:"";display:none;height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:1}.grid-square.sliding-in:before{animation:slideInAndStay .7s ease-out forwards;animation:slideInAndStay var(--animation-duration,.7s) ease-out forwards;display:block}.grid-square.showing:before{display:block;left:0}.grid-square.sliding-out:before{animation:slideOutAndHide .7s ease-out forwards;animation:slideOutAndHide var(--animation-duration,.7s) ease-out forwards;display:block}@keyframes slideInAndStay{0%{left:-100%}20%{left:0}to{left:0}}@keyframes slideOutAndHide{0%{left:0}60%{left:0}to{left:100%}}.grid-square.showing{box-shadow:0 0 5px var(--block-color),0 0 10px var(--block-color),0 0 20px var(--block-color),0 0 40px var(--block-color);opacity:1;transform:scale(1)}.grid-square.sliding-in{box-shadow:0 0 5px var(--block-color),0 0 15px var(--block-color),0 0 30px var(--block-color);opacity:1;transform:scale(1.1)}.grid-square.sliding-out{box-shadow:none;opacity:0;transform:scale(.6)}
/*# sourceMappingURL=main.8ad71705.css.map*/