.book-3d[data-v-07688038]{--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-07688038]{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-07688038]{animation:book-3d-close-07688038 var(--duration-ring) var(--ease-spring) var(--book-close-delay) both}@keyframes book-3d-close-07688038{0%{transform:translateY(calc(var(--space-3)*-1)) rotateY(0) scale(1.08)}to{transform:rotateY(var(--book-angle))}}.book-3d__inner[data-v-07688038]: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%;left:100%;position:absolute;top:1%;transform:translate(-55%) rotateY(90deg);width:calc(var(--book-thickness)*2)}.book-3d--top[data-v-07688038]{--book-tilt:-6deg;--book-pages-direction:180deg;--book-board:1.5px;--book-spine-cap:calc(var(--book-thickness)*1.2);--book-fore-inset:2px;--book-board-color:color-mix(in oklab,var(--book-cover-color) 72%,#000);--book-pages-area:calc(100% - var(--book-spine-cap) - var(--book-fore-inset)) calc(100% - var(--book-board)*2);--book-top-radius:var(--book-thickness) var(--radius-xs) var(--radius-xs) var(--book-thickness) /50% var(--radius-xs) var(--radius-xs) 50%;perspective-origin:50% -250%}.book-3d--top .book-3d__inner[data-v-07688038]{transform:rotateX(var(--book-tilt))}.book-3d--top .book-3d__inner[data-v-07688038]:before{background:linear-gradient(to right,rgba(0,0,0,.35),transparent) 0 /var(--book-spine-cap) 100% no-repeat,linear-gradient(to bottom,rgba(0,0,0,.18),transparent 35%,transparent 70%,rgba(0,0,0,.12)) var(--book-spine-cap) var(--book-board) /var(--book-pages-area) no-repeat,repeating-linear-gradient(to bottom,#fbfaf7 0 1px,#e9e6df 1px 2px) var(--book-spine-cap) var(--book-board) /var(--book-pages-area) no-repeat,var(--book-board-color);border-radius:var(--book-top-radius);height:calc(var(--book-thickness)*2);left:0;top:0;transform:translateY(-50%) rotateX(90deg);width:100%}.book-3d--top .book-3d__inner[data-v-07688038]:after{background-color:var(--book-board-color);border-radius:var(--book-thickness) var(--radius-xs) var(--radius-xs) var(--book-thickness);left:0;top:0}.book-3d__inner[data-v-07688038]:after{background-color:var(--book-cover-color);border-radius:var(--radius-none) var(--radius-xs) var(--radius-xs) var(--radius-none);content:"";height:100%;left:1%;position:absolute;top:0;transform:translateZ(calc(var(--book-thickness)*-1));width:100%}.book-3d[data-v-07688038]: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-07688038]{--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-07688038]{display:flex;justify-content:flex-end}.book-3d--case .book-3d__inner[data-v-07688038]:before,.book-3d--top.book-3d--case .book-3d__inner[data-v-07688038]:before{background:var(--case-plastic-edge);border-radius:var(--radius-none);height:100%;top:0}.book-3d--top.book-3d--case .book-3d__inner[data-v-07688038]:before{height:calc(var(--book-thickness)*2)}.book-3d--case .book-3d__inner[data-v-07688038]:after,.book-3d--top.book-3d--case .book-3d__inner[data-v-07688038]:after{background:color-mix(in oklab,var(--book-cover-color) 30%,#141418);border-radius:var(--radius-none);left:0}.book-3d__hinge[data-v-07688038]{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-07688038]{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-07688038] .cover{border-radius:var(--radius-none);height:var(--book-face-h)}.book-3d__inner[data-v-07688038] .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}
