:root{--shelf-ease:cubic-bezier(.22, 1, .36, 1)}.shelf-ring{transition:box-shadow .22s var(--shelf-ease), transform .22s var(--shelf-ease);background:linear-gradient(160deg,#ff5e86 0%,#ff6f00 30%,#ffc800 50%,#8260ff 75%,#3b82f6 100%);border-radius:23px;padding:3px;box-shadow:0 34px 100px -42px #a78bfa8c,0 0 60px -24px #ff6f0059}.shelf-ring:hover,.shelf-ring:focus-within{transform:translateY(-2px);box-shadow:0 40px 110px -40px #a78bfaa6,0 0 80px -22px #ff6f0080}.shelf-fan{flex:none;width:300px;height:190px;position:relative}.shelf-fan-card{border:1px solid var(--border-hover);transform-origin:50% 128%;width:108px;height:148px;transform:rotate(var(--r));transition:transform .38s var(--shelf-ease);background:var(--surface-lowest);border-radius:9px;margin-left:-54px;position:absolute;bottom:6px;left:50%;overflow:hidden;box-shadow:0 24px 44px -12px #000000b3}.shelf-fan-card img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 14%;object-position:center 14%;width:100%;height:100%;display:block}.shelf-fan-card:after{content:"";transition:transform .7s var(--shelf-ease);background:linear-gradient(115deg,#0000 42%,#ffffff24 50%,#0000 58%);position:absolute;inset:-40%;transform:translate(-70%)}.shelf-ring:hover .shelf-fan-card:after,.shelf-ring:focus-within .shelf-fan-card:after{transform:translate(70%)}.shelf-ring:hover .shelf-fan-card,.shelf-ring:focus-within .shelf-fan-card{transform:rotate(calc(var(--r) * 1.55)) translateY(-8px)}.shelf-binder{transition:border-color .2s var(--shelf-ease), transform .2s var(--shelf-ease)}.shelf-binder:hover,.shelf-binder:focus-within{border-color:var(--border-hover);transform:translateY(-2px)}.shelf-pocket{flex:none;align-self:flex-end;width:224px;height:96px;position:relative}.shelf-pocket-card{border:1px solid var(--border-hover);width:66px;height:94px;transition:transform .32s var(--shelf-ease);transition-delay:var(--d);background:var(--surface-lowest);border-bottom:0;border-radius:7px 7px 3px 3px;position:absolute;bottom:-16px;overflow:hidden;box-shadow:0 -6px 22px #00000080}.shelf-pocket-card img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 10%;object-position:center 10%;width:100%;height:100%;display:block}.shelf-binder:hover .shelf-pocket-card,.shelf-binder:focus-within .shelf-pocket-card{transform:translateY(-12px)}.shelf-pocket-lip{z-index:3;background:linear-gradient(180deg, var(--surface-high), var(--surface-lowest));border-top:1px solid var(--border-hover);border-radius:8px 8px 0 0;height:18px;position:absolute;bottom:0;left:-12px;right:24px}.shelf-pocket-slot{border:1px dashed var(--border-hover);border-bottom:0;border-radius:7px 7px 3px 3px;width:66px;height:94px;position:absolute;bottom:-16px}@media (prefers-reduced-motion:reduce){.shelf-ring,.shelf-fan-card,.shelf-fan-card:after,.shelf-binder,.shelf-pocket-card{transition:none!important}.shelf-ring:hover,.shelf-ring:focus-within,.shelf-binder:hover,.shelf-binder:focus-within{transform:none}}