.detail-modal-overlay{z-index:50;justify-content:center;align-items:center;height:100vh;display:flex;position:fixed;top:0}.detail-modal-backdrop{background:#0009;position:absolute;inset:0}[data-theme=dark] .detail-modal-backdrop{background:#000000bf}.detail-modal{background:var(--background);will-change:transform,opacity;width:100%;height:100%;position:relative;overflow:hidden}
.shelf-container{width:100%;padding:100px 3rem 8rem;overflow-y:auto}.shelf-row{align-items:flex-end;width:100%;display:flex}.shelf-plank{background:var(--surface);border-radius:2px;height:26px;margin-bottom:3.5rem;position:relative;box-shadow:0 18px 28px -6px #0003,0 3px 8px -2px #0000001a}[data-theme=dark] .shelf-plank{box-shadow:0 18px 30px -6px #000000a6,0 3px 8px -2px #0006}.shelf-card{filter:drop-shadow(0 6px 8px #00000047);cursor:pointer;transform-origin:bottom;background:0 0;border-radius:4px 4px 2px 2px;flex:none;transition:transform .22s,filter .22s;position:relative;overflow:hidden}.shelf-card:hover,.shelf-card:focus-visible{filter:drop-shadow(0 10px 12px #00000057);outline:none;transform:scale(1.03)}.shelf-card-img{object-fit:cover;width:100%;height:100%;display:block}.shelf-card-fallback{border-radius:inherit;flex-direction:column;justify-content:flex-end;gap:.25rem;width:100%;height:100%;padding:1rem;display:flex}.shelf-card-kicker{letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf;font-size:9px}.shelf-card-fallback-title{color:#fff;font-size:1.5rem;line-height:1.05}.shelf-card-shade{pointer-events:none;background-image:linear-gradient(#0000 0%,#00000059 100%);position:absolute;inset:0}.shelf-card-badge{z-index:1;letter-spacing:.01em;color:#fff;white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500;line-height:1.2;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #00000040}.shelf-card-overlay{opacity:0;background:linear-gradient(#0000 30%,#00000026 55%,#000000b8 100%);align-items:flex-end;padding:.75rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.shelf-card:hover .shelf-card-overlay,.shelf-card:focus-visible .shelf-card-overlay{opacity:1}.shelf-card-title{color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}@media (max-width:768px){.shelf-container{padding:64px 1.25rem 6rem}.shelf-plank{height:20px;margin-bottom:2.25rem}}