div#heroAnimation{position:absolute;top:0;left:0;width:100%;height:68rem;overflow:hidden;z-index:0}div#heroAnimation div.grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:10px;padding:10px;transform:rotate(-4deg) scale(1.12) translateY(-2%)}div#heroAnimation div.tile{width:auto;aspect-ratio:auto;margin:0;cursor:default!important;animation:borderFlashOk 2s ease-in-out infinite}div#heroAnimation div.tile.update.patch{animation:borderFlashPatch 2s ease-in-out infinite}div#heroAnimation div.tile.update.minor{animation:borderFlashWarn 2s ease-in-out infinite}div#heroAnimation div.tile.update.major{animation:borderFlashDanger 2s ease-in-out infinite}div#heroAnimation div.tile.float-1{animation:borderFlashOk 2s ease-in-out infinite,cardFloat 6s ease-in-out infinite}div#heroAnimation div.tile.update.patch.float-1{animation:borderFlashPatch 2s ease-in-out infinite,cardFloat 6s ease-in-out infinite}div#heroAnimation div.tile.update.major.float-1{animation:borderFlashDanger 2s ease-in-out infinite,cardFloat 6s ease-in-out infinite}div#heroAnimation div.tile.float-2{animation:borderFlashOk 2s ease-in-out infinite,cardFloat 7s ease-in-out .8s infinite}div#heroAnimation div.tile.update.minor.float-2{animation:borderFlashWarn 2s ease-in-out infinite,cardFloat 7s ease-in-out .8s infinite}div#heroAnimation div.tile.float-3{animation:borderFlashOk 2s ease-in-out infinite,cardFloat 5.5s ease-in-out 1.4s infinite}div#heroAnimation div.tile.update.minor.float-3{animation:borderFlashWarn 2s ease-in-out infinite,cardFloat 5.5s ease-in-out 1.4s infinite}div#heroAnimation div.tile.float-4{animation:borderFlashOk 2s ease-in-out infinite,cardFloat 8s ease-in-out .3s infinite}div#heroAnimation div.tile.update.patch.float-4{animation:borderFlashPatch 2s ease-in-out infinite,cardFloat 8s ease-in-out .3s infinite}div#heroAnimation div.tile:first-child{animation-delay:0s,0s}div#heroAnimation div.tile:nth-child(2){animation-delay:-.15s}div#heroAnimation div.tile:nth-child(3){animation-delay:-.3s}div#heroAnimation div.tile:nth-child(4){animation-delay:-.45s,.3s}div#heroAnimation div.tile:nth-child(5){animation-delay:-.6s,.8s}div#heroAnimation div.tile:nth-child(6){animation-delay:-.75s,0s}div#heroAnimation div.tile:nth-child(7){animation-delay:-.9s,.3s}div#heroAnimation div.tile:nth-child(8){animation-delay:-1.05s}div#heroAnimation div.tile:nth-child(9){animation-delay:-1.2s,0s}div#heroAnimation div.tile:nth-child(10){animation-delay:-1.35s}div#heroAnimation div.tile:nth-child(11){animation-delay:-1.5s,.3s}div#heroAnimation div.tile:nth-child(12){animation-delay:-1.65s,1.4s}@keyframes borderFlashOk{0%{border-color:rgba(0,219.3,73.1,0)}50%{border-color:rgb(0,219.3,73.1)}to{border-color:rgba(0,219.3,73.1,0)}}@keyframes borderFlashPatch{0%{border-color:hsla(57,100%,45%,0)}50%{border-color:hsl(57,100%,45%)}to{border-color:hsla(57,100%,45%,0)}}@keyframes borderFlashWarn{0%{border-color:hsla(34,90%,49%,0)}50%{border-color:hsl(34,90%,49%)}to{border-color:hsla(34,90%,49%,0)}}@keyframes borderFlashDanger{0%{border-color:hsla(0,82%,49%,0)}50%{border-color:hsl(0,82%,49%)}to{border-color:hsla(0,82%,49%,0)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}div#heroAnimation div.overlay{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 50%,hsla(180,100%,1%,.4) 30%,hsl(180,100%,1%) 80%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(1px);pointer-events:none;z-index:10}