*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{-webkit-font-smoothing:antialiased;color:#1e1b16;background:#efeadd;font-family:DM Sans,sans-serif;overflow:hidden}.dead-root{-webkit-user-select:none;user-select:none;background:#f3f1ea radial-gradient(circle at 1px 1px,#1e1b1607 1px,#0000 0) 0 0/38px 38px;position:fixed;inset:0;overflow:hidden}.dead-stage{cursor:grab;touch-action:none;position:absolute;inset:0}.dead-stage:active{cursor:grabbing}.dead-box:hover{box-shadow:0 40px 70px -30px var(--acc-hover)!important;border-color:var(--acc)!important}.crate{perspective:2000px;perspective-origin:50% 46%;scrollbar-width:none;flex:auto;align-items:center;min-height:0;padding:0 44vw 0 12vw;display:flex;overflow:auto hidden}.crate::-webkit-scrollbar{display:none}.record{--depth:3px;width:300px;height:300px;transform-style:preserve-3d;cursor:pointer;background:0 0;border:0;flex:none;margin-right:-212px;padding:0;transition:transform .5s cubic-bezier(.2,.85,.2,1),margin .5s cubic-bezier(.2,.85,.2,1);position:relative;transform:rotateY(60deg)}.record.book{width:190px;height:250px;margin-right:-134px}.record:hover,.record:focus-visible{z-index:6;outline:none;margin-right:44px;transform:rotateY(4deg)translateZ(70px)translateY(-10px)}.record-cover{backface-visibility:hidden;background-color:#20182f;background-position:50%;background-size:cover;transition:box-shadow .4s;position:absolute;inset:0;box-shadow:0 40px 52px -32px #1e1b168c,0 2px 5px #1e1b1647}.record:hover .record-cover,.record:focus-visible .record-cover{box-shadow:0 44px 66px -26px #1e1b1680,0 0 26px -4px #fffaeb59}.record-spine{height:100%;width:var(--depth);transform-origin:0;background:linear-gradient(90deg,#0e0b148c 0%,#0e0b1447 55%,#ffffff24 100%);position:absolute;top:0;left:0;transform:rotateY(-90deg)}