[data-marqueeck-wrapper]{display:flex;flex-flow:row nowrap;overflow:hidden;position:relative;width:100%;padding-inline:var(--marqueeck-x-pad);padding-block:var(--marqueeck-padding-y);background-color:var(--marqueeck-bg-color);color:var(--marqueeck-text-color)}[data-marqueeck-wrapper].extend{width:calc(100% + 2 * var(--marqueeck-x-pad, 0));margin-inline:calc(-1 * var(--marqueeck-x-pad, 0));padding-inline:calc(var(--marqueeck-x-pad) * 2)}[data-marqueeck-ribbon]{display:inherit;flex-flow:inherit;gap:inherit;transform:translate(var(--ribbonXpos));will-change:transform;transition:gap .3s ease-out}[data-marqueeck-child]{display:inline-flex;width:-moz-max-content;width:max-content;gap:inherit}[data-marqueeck-sticky]{position:absolute;padding-inline:var(--marqueeck-x-pad);width:-moz-fit-content;width:fit-content;height:-webkit-fill-available;height:-moz-available;height:stretch;display:inline-flex;align-items:center;background-color:inherit;color:inherit}[data-marqueeck-sticky].start{padding-inline-start:calc(2 * var(--marqueeck-x-pad))}[data-marqueeck-sticky].end{padding-inline-end:calc(2 * var(--marqueeck-x-pad))}[data-marqueeck-separator]{width:-moz-fit-content;width:fit-content;height:100%;display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--red-rgb:248 113 113;--blue-rgb:56 189 248;--green-rgb:74 222 128;--yellow-rgb:253 224 71;--background-rgb:0 0 0}.boody.svelte-138mpcu{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:rgb(var(--background-rgb));overflow:hidden;perspective:2000px}.svelte-138mpcu{box-sizing:border-box;margin:0;padding:0}#container.svelte-138mpcu{width:140rem;aspect-ratio:1;display:grid;grid-template-rows:repeat(40,1fr);grid-template-columns:repeat(40,1fr);position:absolute;transform:rotateX(50deg) rotateY(-5deg) rotate(20deg) scale(1.25)}#container.svelte-138mpcu:after,#container.svelte-138mpcu:before{content:"";position:absolute;inset:0;pointer-events:none}#container.svelte-138mpcu:before{z-index:2;background-image:url(https://assets.codepen.io/1468070/plus-pattern-center.png);background-size:5%;background-repeat:repeat;opacity:.25}#container.svelte-138mpcu:after{z-index:3;background:radial-gradient(circle,transparent 25%,rgb(var(--background-rgb)) 80%)}.tile.svelte-138mpcu{border:1px solid rgb(255 255 255 / 25%);transition:background-color 1.5s}.tile.svelte-138mpcu:hover{transition-duration:0ms}.tile.svelte-138mpcu:nth-child(4n):hover{background-color:rgb(var(--red-rgb))}.tile.svelte-138mpcu:nth-child(4n+1):hover{background-color:rgb(var(--blue-rgb))}.tile.svelte-138mpcu:nth-child(4n+2):hover{background-color:rgb(var(--green-rgb))}.tile.svelte-138mpcu:nth-child(4n+3):hover{background-color:rgb(var(--yellow-rgb))}.tile.svelte-138mpcu:nth-child(7n):hover{background-color:rgb(var(--blue-rgb))}.tile.svelte-138mpcu:nth-child(7n+3):hover{background-color:rgb(var(--green-rgb))}.tile.svelte-138mpcu:nth-child(7n+5):hover{background-color:rgb(var(--yellow-rgb))}.tile.svelte-138mpcu:nth-child(7n+6):hover{background-color:rgb(var(--red-rgb))}.tile.svelte-138mpcu:nth-child(11n+1):hover{background-color:rgb(var(--red-rgb))}.tile.svelte-138mpcu:nth-child(11n+4):hover{background-color:rgb(var(--blue-rgb))}.tile.svelte-138mpcu:nth-child(11n+7):hover{background-color:rgb(var(--green-rgb))}.tile.svelte-138mpcu:nth-child(11n+10):hover{background-color:rgb(var(--yellow-rgb))}