@media (width>=30rem){article.svelte-1o98dxo{grid-column:2/12}}article.svelte-1o98dxo{--length:min(90vw, 90vh);--size:calc(var(--length) / 6);--gap:calc(var(--size) / 2);--step:calc(var(--size) + var(--gap));--rotateX:55deg;aspect-ratio:1/1.1;min-width:100%;position:relative}article.svelte-1o98dxo div:where(.svelte-1o98dxo),article.svelte-1o98dxo div:where(.svelte-1o98dxo):before,article.svelte-1o98dxo div:where(.svelte-1o98dxo):after,article.svelte-1o98dxo:before,article.svelte-1o98dxo:after{content:"";transform-origin:0 0;transform-style:preserve-3d;aspect-ratio:1;width:var(--size);place-items:center;display:grid;position:absolute}article.svelte-1o98dxo div:where(.svelte-1o98dxo){background:var(--light);background:linear-gradient(to top right, var(--light), white)}article.svelte-1o98dxo div:where(.svelte-1o98dxo):before{background:var(--dark);background:linear-gradient(to bottom left, var(--dark), var(--medium));transform:rotateY(90deg)}article.svelte-1o98dxo div:where(.svelte-1o98dxo):after{background:var(--medium);background:linear-gradient(to top right, var(--medium), var(--light));top:100%;transform:rotate3d(-1,0,0,90deg)}article.svelte-1o98dxo div:where(.svelte-1o98dxo):first-of-type{transform:rotateX(var(--rotateX)) rotateZ(-45deg) translate3d(calc(var(--step) * 3.2), calc(var(--step) * -2), calc(var(--step) * -3.5))}article.svelte-1o98dxo div:where(.svelte-1o98dxo):nth-of-type(2){transform:rotateX(var(--rotateX)) rotateZ(-45deg) translate3d(calc(var(--step) * 3.2), calc(var(--step) * -1), calc(var(--step) * -3.5))}article.svelte-1o98dxo div:where(.svelte-1o98dxo):nth-of-type(3){transform:rotateX(var(--rotateX)) rotateZ(-45deg) translate3d(calc(var(--step) * 3.2), 0, calc(var(--step) * -3.5))}article.svelte-1o98dxo div:where(.svelte-1o98dxo):nth-of-type(4){transform:rotateX(var(--rotateX)) rotateZ(-45deg) translate3d(calc(var(--step) * 2.2), 0, calc(var(--step) * -3.5))}article.svelte-1o98dxo div:where(.svelte-1o98dxo):nth-of-type(5){transform:rotateX(var(--rotateX)) rotateZ(-45deg) translate3d(calc(var(--step) * 1.2), 0, calc(var(--step) * -3.5))}article.svelte-1o98dxo div:where(.svelte-1o98dxo):nth-of-type(6){transform:rotateX(var(--rotateX)) rotateZ(-45deg) translate3d(calc(var(--step) * .2), 0, calc(var(--step) * -3.5))}article.svelte-1o98dxo div:where(.svelte-1o98dxo):nth-of-type(7){transform:rotateX(var(--rotateX)) rotateZ(-45deg) translate3d(calc(var(--step) * .2), 0, calc(var(--step) * -2.5))}article.svelte-1o98dxo div:where(.svelte-1o98dxo):nth-of-type(8){transform:rotateX(var(--rotateX)) rotateZ(-45deg) translate3d(calc(var(--step) * .2), 0, calc(var(--step) * -1.5))}article.svelte-1o98dxo div:where(.svelte-1o98dxo):nth-of-type(9){transform:rotateX(var(--rotateX)) rotateZ(-45deg) translate3d(calc(var(--step) * .2), 0, calc(var(--step) * -.5))}article.svelte-1o98dxo:before{transform:rotateX(var(--rotateX)) rotateZ(-45deg) translate3d(calc(var(--step) * 3.2), calc(var(--step) * -2), calc(var(--step) * -3.5));background:var(--light);background:linear-gradient(to top right, var(--light), white);z-index:1}article.svelte-1o98dxo:after{transform:rotateX(35deg) rotateY(45deg) translate3d(calc(var(--step) * -2), calc(var(--step) * 3.5), calc(var(--step) * 3.2));background:var(--dark);background:linear-gradient(to top right, var(--dark), var(--medium));z-index:1}