/* Spatial drawings: React Bits depth rail, with uncropped drawings. */
.depth-reader{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 45% 40%,#fff,#eff1f2);overflow:hidden}
.depth-carousel{position:relative;width:100%;flex:1;min-height:0;perspective:1400px;perspective-origin:50% 50%;touch-action:pan-y;user-select:none;cursor:grab;outline-offset:-4px}
.depth-carousel:active{cursor:grabbing}.depth-carousel__stage{position:absolute;inset:0;transform-style:preserve-3d}
.depth-carousel__card{position:absolute;top:50%;left:44%;transform-origin:center;overflow:hidden;background:white;padding:0;border:1px solid #e3e7e7;box-shadow:0 20px 45px -20px #3a49594d;will-change:transform,opacity,filter;cursor:zoom-in;transform:translate(-50%,-50%)}
.depth-carousel__img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.depth-carousel__tint{position:absolute;inset:0;background:#677782;opacity:0;pointer-events:none;mix-blend-mode:multiply}
.depth-controls{height:66px;flex:none;display:flex;align-items:center;justify-content:center;gap:30px;font-size:11px;color:#677a86}.depth-controls button{font-size:25px;border:1px solid #bec8cc;border-radius:50%;width:43px;height:43px;background:#ffffff85}.depth-controls span{min-width:50px;text-align:center}
#all-books .volume-spine>span{font-size:10px;letter-spacing:.08em}#all-books .volume-spine small{font-size:7px}
.room-3d-hotspot{position:absolute;z-index:8;width:35px;height:35px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid transparent;background:transparent;color:transparent}
.room-3d-hotspot:is(:hover,:focus-visible){background:#ffffffb8;border-color:#b9c7c9;color:#556b78;box-shadow:0 2px 20px #46596820}
.room-3d-hotspot span{position:absolute;left:50%;top:-27px;transform:translateX(-50%);white-space:nowrap;font-size:11px;background:#fffdf9;padding:5px 9px;opacity:0;pointer-events:none;color:#556b78}.room-3d-hotspot:is(:hover,:focus-visible) span{opacity:1}
.room-lights{display:flex;gap:12px}.room-lights button{font-size:10px!important}.room-loading{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);font-size:11px;color:#7c8b92;pointer-events:none}
@media(max-width:700px){#all-books .volume-spine>span{font-size:9px}.depth-carousel__card{left:43%}.depth-controls{height:60px}.room-lights{gap:8px}.view-tools{gap:9px}}
@media(prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}}