body{margin:0;min-height:100vh;background-color:#000}#root{min-height:100vh}.shelf{position:relative;perspective:300px;perspective:50% 50%;margin:8px auto auto;width:800px;height:6px;transform-style:preserve-3d;transform:rotateX(-60deg)}.front,.top,.back,.left-side,.right-side{position:absolute}.front{background:#552b7a;z-index:9;border:1px solid rgb(158,72,185,.6);width:100%;height:32px;border-radius:4px;box-shadow:0 4px 10px -1px #0006,0 7px 18px 1px #00000080,0 0 0 5px transparent,0 0 0 5px transparent}.top{background:#552b7a;width:100%;height:40px;transform:rotateX(90deg) translateY(-40px);transform-origin:50% 0}.back{background:#552b7a;width:100%;height:6px;transform:translateZ(-40px)}.left-side{background:#552b7a;width:40px;height:6px;transform:rotateY(90deg) translateZ(0);transform-origin:0 50%}.right-side{background:#552b7a;width:40px;height:6px;right:0;transform:rotateY(90deg) translateZ(40px);transform-origin:0 50%}