.book-3d[data-v-84bac71a]{--book-angle:-25deg;--book-pages-direction:90deg;align-items:flex-end;display:flex;flex-shrink:0;height:var(--book-h);perspective:600px;position:relative;width:var(--book-w)}.book-3d__inner[data-v-84bac71a]{height:var(--book-face-h);position:relative;transform:rotateY(var(--book-angle));transform-style:preserve-3d;width:100%}.book-3d--closing .book-3d__inner[data-v-84bac71a]{animation:book-3d-close-84bac71a var(--duration-ring) var(--ease-spring) var(--book-close-delay) both}@keyframes book-3d-close-84bac71a{0%{transform:translateY(calc(var(--space-3)*-1)) rotateY(0) scale(1.08)}to{transform:rotateY(var(--book-angle))}}.book-3d__inner[data-v-84bac71a]:before{background:linear-gradient(var(--book-pages-direction),#fff 0,#f0f0f0 5%,#fff 10%,#f0f0f0 15%,#fff 20%,#f0f0f0 25%,#fff 30%,#f0f0f0 35%,#fff 40%,#f0f0f0 45%,#fff 50%,#f0f0f0 55%,#fff 60%,#f0f0f0 65%,#fff 70%,#f0f0f0 75%,#fff 80%,#f0f0f0 85%,#fff 90%,#f0f0f0 95%,#fff 100%);content:"";height:98%;inset-inline-start:100%;position:absolute;top:1%;transform:translate(-55%) rotateY(90deg);width:calc(var(--book-thickness)*2)}.book-3d--shelf[data-v-84bac71a]{perspective:none;transform-style:preserve-3d}.book-3d--shelf .book-3d__inner[data-v-84bac71a]{transform:none}.book-3d__top-side[data-v-84bac71a]{background:linear-gradient(90deg,rgba(0,0,0,.4) 0 1px,transparent 1px),linear-gradient(180deg,rgba(0,0,0,.3) 0 1px,transparent 1px),linear-gradient(180deg,#fff 0,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0,#fff,#f0f0f0 95%,#fff);height:calc(var(--book-thickness)*2);inset-inline-start:0;position:absolute;top:0;transform:translateY(-50%) rotateX(90deg);width:100%}.book-3d__spine-side[data-v-84bac71a]{background:repeating-linear-gradient(to bottom,hsla(0,0%,100%,.06) 0 1px,transparent 1px 3px),color-mix(in oklab,var(--book-cover-color) 72%,#000);height:98%;inset-inline-start:0;position:absolute;top:1%;transform:translate(calc(var(--dir)*-45%)) rotateY(calc(var(--dir)*-90deg));width:calc(var(--book-thickness)*2)}.book-3d__inner[data-v-84bac71a]:after{background-color:var(--book-cover-color);border-radius:var(--radius-none) var(--radius-xs) var(--radius-xs) var(--radius-none);content:"";height:100%;inset-inline-start:1%;position:absolute;top:0;transform:translateZ(calc(var(--book-thickness)*-1));width:100%}.book-3d[data-v-84bac71a]:after{background:radial-gradient(closest-side,var(--cover-shadow),transparent);border-radius:var(--radius-full);content:"";inset-inline:4%;bottom:calc(var(--space-2)*-1);height:var(--space-4);pointer-events:none;position:absolute;z-index:-1}.book-3d--case[data-v-84bac71a]{--case-plastic-edge:linear-gradient(180deg,rgba(226,231,240,.94),rgba(158,166,182,.72) 48%,rgba(222,228,238,.9));--case-rim:hsla(220,8%,44%,.55)}.book-3d--case .book-3d__inner[data-v-84bac71a]{display:flex;justify-content:flex-end}.book-3d--case .book-3d__inner[data-v-84bac71a]:before{background:var(--case-plastic-edge);border-radius:var(--radius-none);height:100%;top:0}.book-3d--case .book-3d__inner[data-v-84bac71a]:after{background:color-mix(in oklab,var(--book-cover-color) 30%,#141418);border-radius:var(--radius-none);inset-inline-start:0}.book-3d__hinge[data-v-84bac71a]{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.09) 0 1px,transparent 1px 3px),linear-gradient(90deg,color-mix(in oklab,var(--book-cover-color) 35%,#0c0c10),color-mix(in oklab,var(--book-cover-color) 50%,#0c0c10));inset-block:0;inset-inline-start:0;position:absolute;transform:translateZ(var(--book-thickness));width:calc(100% - var(--book-face-h))}.book-3d__gloss[data-v-84bac71a]{background:linear-gradient(104deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.06) 22%,transparent 48%,hsla(0,0%,100%,.1) 74%,hsla(0,0%,100%,.3));border:var(--border-thin) solid var(--case-rim);inset:0;pointer-events:none;position:absolute;transform:translateZ(calc(var(--book-thickness) + .5px))}.book-3d--case .book-3d__inner[data-v-84bac71a] .cover{border-radius:var(--radius-none);height:var(--book-face-h)}.book-3d__inner[data-v-84bac71a] .cover{border:none;border-radius:var(--radius-none) var(--radius-xs) var(--radius-xs) var(--radius-none);box-shadow:5px 5px 20px #00000026;transform:translateZ(var(--book-thickness))}[data-sharing-capture] .book-3d__inner{transform:none!important;transform-style:flat!important}[data-sharing-capture] .book-3d__gloss,[data-sharing-capture] .book-3d__inner:after,[data-sharing-capture] .book-3d__inner:before{display:none!important}[data-sharing-capture] .book-3d__inner .cover{box-shadow:none!important;transform:none!important}