:root{--cube-top-color: color-mix(in srgb, var(--color-text) 2%, var(--color-bg));--cube-side-1-color: color-mix(in srgb, var(--color-text) 5%, var(--color-bg));--cube-side-2-color: color-mix(in srgb, var(--color-text) 10%, var(--color-bg))}[data-theme=dark]{--cube-top-color: color-mix(in srgb, var(--color-text) 4%, var(--color-bg));--cube-side-1-color: color-mix(in srgb, black 30%, var(--color-bg));--cube-side-2-color: color-mix(in srgb, black 80%, var(--color-bg))}.cube-grid{--l: 2.75em;position:relative;display:grid;grid-template-columns:repeat(var(--n),var(--l));gap:.75rem;margin:auto;left:10%;transform-style:preserve-3d;transform:rotateX(60deg) rotate(45deg)}.cube-grid,.cube-grid .cube{display:grid;transform-style:preserve-3d}.cube{position:relative;aspect-ratio:1;transform-origin:50% 50% calc(-1 * var(--l));background:var(--cube-top-color);scale:1 1 .0001;cursor:pointer;border-radius:var(--radius-lg);transition:scale .4s ease-out,border-radius .3s ease-out}.cube.is-hovered{scale:1 1 .5;border-radius:0;transition:scale .5s cubic-bezier(.34,1.56,.64,1),border-radius .2s ease-out}.cube.is-neighbor{scale:1 1 var(--neighbor-scale, .15);border-radius:calc(var(--radius-lg) * .5)}.cube__number{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:1.125rem;font-weight:600;color:var(--color-text-25);pointer-events:none;z-index:10;transition:color .3s ease,opacity .3s ease}.cube.is-hovered .cube__number{color:var(--color-text-50)}.cube.is-neighbor .cube__number{opacity:.5}.cube__number--strikethrough{text-decoration:line-through;text-decoration-color:var(--color-text-25);text-decoration-thickness:3px}.cube .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;background-color:var(--color-text-25);pointer-events:none;z-index:10;transition:background-color .3s ease,opacity .3s ease}.cube.is-hovered .icon{background-color:var(--color-accent)}.cube.is-neighbor .icon{opacity:.5}.cube__event{position:absolute;top:62%;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--color-accent);pointer-events:none;z-index:10;transition:opacity .3s ease}.cube.is-neighbor .cube__event{opacity:.5}.cube:nth-child(3n).is-hovered{scale:1 1 .55}.cube:nth-child(4n+1).is-hovered{scale:1 1 .4}.cube:nth-child(7n).is-hovered{scale:1 1 .6}.cube:before,.cube:after{--face-i: 0;--face-j: calc(1 - var(--face-i));grid-area:1 / 1;transform-origin:calc(var(--face-j) * 50%) calc(var(--face-i) * 50%);translate:calc(var(--face-i) * 100%) calc(var(--face-j) * 100%);rotate:var(--face-j) var(--face-i) 0 calc((2 * var(--face-i) - 1) * 90deg);content:""}.cube:before{background:var(--cube-side-1-color)}.cube:after{--face-i: 1;background:var(--cube-side-2-color)}.cube--extra{position:absolute;width:var(--l);height:var(--l)}.cube--extra-1{transform:translate3d(calc(-1 * (var(--l) + 1.75em)),calc(0 * (var(--l) + 1.75em)),0)}.cube--extra-2{transform:translate3d(calc(-1 * (var(--l) + 1.75em)),calc(2 * (var(--l) + 1.75em)),0)}.cube--extra-3{transform:translate3d(calc(1 * (var(--l) + 1.75em)),calc(-1 * (var(--l) + 1.75em)),0)}.cube--extra-4{transform:translate3d(calc(4 * (var(--l) + 1.75em)),calc(1 * (var(--l) + 1.75em)),0)}.cube--extra-5{transform:translate3d(calc(4 * (var(--l) + 1.75em)),calc(3 * (var(--l) + 1.75em)),0)}.cube--extra-6{transform:translate3d(calc(2 * (var(--l) + 1.75em)),calc(4 * (var(--l) + 1.75em)),0)}.cube--extra-7{transform:translate3d(calc(0 * (var(--l) + 1.75em)),calc(4 * (var(--l) + 1.75em)),0)}.cube--extra-8{transform:translate3d(calc(3 * (var(--l) + 1.75em)),calc(-1 * (var(--l) + 1.75em)),0)}.cube--extra-9{transform:translate3d(calc(-2 * (var(--l) + 1.75em)),calc(1 * (var(--l) + 1.75em)),0)}.cube--extra-10{transform:translate3d(calc(5 * (var(--l) + 1.75em)),calc(2 * (var(--l) + 1.75em)),0)}.cube--extra-11{transform:translate3d(calc(1 * (var(--l) + 1.75em)),calc(5 * (var(--l) + 1.75em)),0)}.cube--extra-12{transform:translate3d(calc(0 * (var(--l) + 1.75em)),calc(-2 * (var(--l) + 1.75em)),0)}.cube--extra-13{transform:translate3d(calc(5 * (var(--l) + 1.75em)),calc(5 * (var(--l) + 1.75em)),0)}.cube--extra-14{transform:translate3d(calc(-3 * (var(--l) + 1.75em)),calc(2 * (var(--l) + 1.75em)),0)}.cube--extra-15{transform:translate3d(calc(3 * (var(--l) + 1.75em)),calc(6 * (var(--l) + 1.75em)),0)}.hero__lines{display:none;position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.hero__lines:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:300%;background:repeating-linear-gradient(90deg,transparent,transparent 150px,var(--color-text-25) 150px,var(--color-text-25) 151px);transform:rotateX(60deg) rotate(45deg);transform-origin:center center;opacity:.2;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%)}[data-theme=dark] .hero__lines:before{opacity:.25}@media(min-width:768px){.cube-grid{--l: 3.5em}}@media(min-width:1024px){.cube-grid{--l: 4.5em}.hero__lines{display:block}}