.tone-vars{--tone-ink:color-mix(in oklch, var(--tone) 42%, #121212);--tone-tint:color-mix(in oklch, var(--tone) 28%, white);--tone-wash:color-mix(in oklch, var(--tone) 22%, #fbf8f2)}::view-transition-group(library-cover){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation-duration:.32s}::view-transition-new(root){animation-duration:.32s}.shelf-motion>li{transition:opacity .6s cubic-bezier(.22, 1, .36, 1), translate .7s cubic-bezier(.22, 1, .36, 1), rotate .8s var(--spring);transition-delay:calc(var(--col,0) * 60ms)}.shelf-motion>li:not([data-in]){opacity:0;translate:0 40px;rotate:var(--from-tilt,5deg)}.shelf-motion>li>button{transition:transform .5s var(--spring), box-shadow .5s cubic-bezier(.22, 1, .36, 1)}.shelf-motion>li:hover{z-index:10}.shelf-motion>li>button:hover{transform:translateY(-8px)rotate(-2deg);box-shadow:0 2px 4px #25252514,0 22px 36px -16px #25252573}@media (prefers-reduced-motion:reduce){.shelf-motion>li,.shelf-motion>li:not([data-in]){opacity:1;transition:none;translate:none;rotate:none}.shelf-motion>li>button:hover{transform:none}}