.b3[data-v-a6bf2d16]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2 / 3;container-type:size;--ease: cubic-bezier(.215, .61, .355, 1);--thick: 4% }.b3-at-left[data-v-a6bf2d16]{justify-content:flex-start}.b3-at-left .b3-book[data-v-a6bf2d16]{margin-left:0}.b3-flat[data-v-a6bf2d16]{display:block;border-radius:4px;overflow:hidden;background:var(--card, #eee)}.b3-flat img[data-v-a6bf2d16],.b3-ph[data-v-a6bf2d16]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.b3-ph[data-v-a6bf2d16]{display:grid;place-items:center;padding:8%;text-align:center;font-family:var(--fd);font-weight:600;font-size:clamp(11px,1.4em,22px);line-height:1.15;color:var(--ink);background:var(--card2, var(--card))}.b3-book[data-v-a6bf2d16]{position:relative;display:block;height:min(100cqh,150cqw);aspect-ratio:2 / 3;flex:none;margin:0 auto}.b3-back[data-v-a6bf2d16]{position:absolute;inset:1.5% 1% 1.5% 2%;background-color:#14120f;background-size:cover;background-position:center;filter:brightness(.67) saturate(.88);border-radius:0 6px 6px 0;box-shadow:2px 2px 5px #00000040;z-index:0;transition:transform .7s var(--ease)}.b3-inside[data-v-a6bf2d16]{position:absolute;left:5%;top:3%;width:90%;height:94%;z-index:1}.b3-page[data-v-a6bf2d16]{position:absolute;top:0;right:0;width:98%;height:100%;background-color:#fbf8f0;background-image:linear-gradient(90deg,#0000 0% 86%,#00000010 96%,#00000030),var(--leaf, none);background-size:100% 100%,auto 100%;background-position:0 0,right center;background-repeat:no-repeat;border:1px solid #00000040;border-right-color:#00000070;border-radius:0 6px 6px 0;box-shadow:2px 0 3px #00000038,0 1px 3px #00000026;transform-origin:right center;transition:transform .7s var(--ease)}.b3-page[data-v-a6bf2d16]:nth-child(1){--dx: 2.3% }.b3-page[data-v-a6bf2d16]:nth-child(2){--dx: .2% }.b3-page[data-v-a6bf2d16]:nth-child(3){--dx: -1.8% }.b3-page[data-v-a6bf2d16]:nth-child(4){--dx: -3.9% }.b3-page[data-v-a6bf2d16]:nth-child(5){--dx: -5.9% }.b3-page[data-v-a6bf2d16]:nth-child(6){--dx: -7.9% }.b3-cover[data-v-a6bf2d16]{position:absolute;inset:0;z-index:2;border-radius:2px 6px 6px 2px;background-size:cover;background-position:center;background-color:var(--card2, #ddd);transform-origin:left center;box-shadow:10px 5px 20px #00000026,20px 0 30px #00000026;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}.b3-crease[data-v-a6bf2d16]{position:absolute;top:0;bottom:0;left:0;width:16%;background:linear-gradient(90deg,#00000012,#0000001c,#0000000e 24%,#ffffff0a 34%,#ffffff20 46%,#ffffff14 60%,#ffffff06,#fff0);transition:left .7s var(--ease);pointer-events:none}.b3-light[data-v-a6bf2d16]{position:absolute;inset:0;border-radius:2px 6px 6px 2px;background:linear-gradient(90deg,#fff0,#ffffff80);mix-blend-mode:overlay;opacity:.15;transition:opacity .7s var(--ease);pointer-events:none}.b3:hover .b3-cover[data-v-a6bf2d16]{transform:translate(-9%) scaleX(.95);box-shadow:14px 4px 18px #00000040,28px 0 30px #0000001f}.b3:hover .b3-page[data-v-a6bf2d16]{transform:translate(var(--dx))}.b3:hover .b3-crease[data-v-a6bf2d16]{left:-1%}.b3:hover .b3-light[data-v-a6bf2d16]{opacity:.2}@media (prefers-reduced-motion: reduce){.b3[data-v-a6bf2d16] *{transition:none!important}}