*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}:global #root{height:100%}:global #root>main{height:100%}.cube{--side-width: calc(var(--container-width) / 2);color:#000;perspective:500rem;perspective-origin:center center;position:relative}@media (0 <= width < 375px){.cube{--container-width: 18rem}}@media (375px <= width < 425px){.cube{--container-width: 20rem}}@media (425px <= width < 576px){.cube{--container-width: 25rem}}@media (576px <= width < 1024px){.cube{--container-width: 30rem}}@media (1024px <= width < 99999999px){.cube{--container-width: 35rem}}.cube>div>div{min-height:100svh}.cube__container{height:var(--container-width);margin:auto;transform:rotateX(-85deg) rotateY(-15deg);transform-style:preserve-3d;transition:transform .1s linear;width:var(--container-width)}.cube__side{align-content:flex-end;background-color:#e98600;display:grid;height:inherit;padding:4rem;position:absolute;width:inherit}.cube__side_front{transform:translateZ(var(--side-width))}.cube__side_back{transform:rotateY(180deg) translateZ(var(--side-width))}.cube__side_right{transform:rotateY(90deg) translateZ(var(--side-width))}.cube__side_left{transform:rotateY(-90deg) translateZ(var(--side-width))}.cube__side_top{background-color:#fcaf17;transform:rotateX(90deg) translateZ(var(--side-width))}.cube__side_bottom{transform:rotateX(-90deg) translateZ(var(--side-width))}