.bx-compare-host{max-width:960px;margin:0 auto;position:relative}.bx-shelf{justify-content:center;align-items:flex-end;gap:16px;margin:0 auto 30px;padding-bottom:16px;display:flex;position:relative}.bx-shelf:after{content:"";background:linear-gradient(90deg,#0000,#18140c1f 18%,#18140c29 50%,#18140c1f 82%,#0000);border-radius:2px;width:min(560px,92%);height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 5px 12px -8px #18140c38}.bx-cover{appearance:none;cursor:pointer;transform-origin:bottom;opacity:.5;filter:saturate(.72)brightness(.97);background:0 0;border:0;outline:none;width:clamp(88px,12.5vw,150px);padding:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1),filter .5s;transform:translateY(0)scale(.82)}.bx-cover:hover:not(.active){opacity:.82;filter:saturate(.9);transform:translateY(-5px)scale(.88)}.bx-cover.active{opacity:1;filter:none;z-index:3;transform:translateY(-12px)scale(1.06)}.bx-cover:focus-visible{outline:2px solid var(--color-emerald-500,#10b981);outline-offset:4px;border-radius:4px}.bx-book{perspective:2400px;perspective-origin:50%;cursor:pointer;background:#fbfaf6;border-radius:4px 10px 10px 4px;max-width:940px;height:600px;margin:0 auto;transition:box-shadow .38s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 36px 70px -28px #00000059,0 16px 32px -16px #0000002e,0 4px 10px -4px #00000014,inset 0 0 0 1px #0000000a}.bx-book:hover{box-shadow:0 44px 84px -30px #0006,0 20px 38px -18px #0003,0 6px 12px -4px #00000014,inset 0 0 0 1px #0000000a}.bx-book:focus-visible{outline:2px solid var(--color-emerald-500);outline-offset:3px}.bx-book.is-flipping{cursor:default}.bx-spread{grid-template-columns:1fr 1fr;height:100%;display:grid}.bx-flip-leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;z-index:6;pointer-events:none;will-change:transform;position:absolute;top:0;left:50%}.bx-face{backface-visibility:hidden;background:#fbfaf6;position:absolute;inset:0;overflow:hidden}.bx-face-front{border-radius:0 7px 7px 0;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000000f}.bx-face-back{border-radius:7px 0 0 7px;transform:rotateY(180deg);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000000f}.bx-leaf-inner{height:100%;position:absolute;inset:0}.bx-face-shade{pointer-events:none;mix-blend-mode:multiply;opacity:0;background:#18140c;position:absolute;inset:0}.bx-cast{pointer-events:none;z-index:2;position:absolute;inset:0}.bx-cast.cast-right{background:linear-gradient(90deg,#0000004d,#0000 55%)}.bx-cast.cast-left{background:linear-gradient(270deg,#00000047,#0000 55%)}.bx-book.is-flipping .bx-dogear{opacity:0}.bx-book:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #fffc,inset 0 -1px #00000014}.bx-page{box-sizing:border-box;flex-direction:column;gap:12px;height:100%;padding:38px 48px 30px;display:flex;position:relative;overflow:hidden}.bx-page.left{background:linear-gradient(90deg,#fbfaf6 0% 76%,#00000008 90%,#00000016 99%,#00000029 100%);padding-right:60px}.bx-page.right{background:linear-gradient(90deg,#00000029 0%,#00000016 1%,#00000008 9%,#ffffff80 16%,#fbfaf6 24% 100%);padding-left:60px}.bx-flow{flex-direction:column;gap:12px;display:flex}.bx-flow>p:first-child{-webkit-mask-image:linear-gradient(#0003 0%,#000 90%);mask-image:linear-gradient(#0003 0%,#000 90%)}.bx-flow>p:last-child{-webkit-mask-image:linear-gradient(#000 10%,#0000 100%);mask-image:linear-gradient(#000 10%,#0000 100%)}.bx-running{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--color-zinc-500);border-bottom:1px solid var(--color-zinc-200);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:9px;font-size:10px;font-weight:600;display:flex}.bx-running .num{color:var(--color-zinc-700);font-variant-numeric:oldstyle-nums}.bx-running .seal{color:var(--color-emerald-700);align-items:center;gap:7px;display:inline-flex}.bx-running .seal .pip{background:var(--color-emerald-600);border-radius:9999px;width:7px;height:7px;box-shadow:0 0 0 3px #10b98129}.bx-book p{font-family:var(--font-reading);color:var(--color-zinc-500);text-align:justify;-webkit-hyphens:auto;hyphens:auto;text-indent:1.4em;margin:0;font-size:13.5px;line-height:1.72}.bx-book p.first{text-indent:0}.bx-page.left .bx-flow p{opacity:.6}.bx-foot{text-align:center;font-family:var(--font-reading);color:var(--color-zinc-500);font-variant-numeric:oldstyle-nums;letter-spacing:.04em;margin-top:auto;font-size:11px}.bx-plate{flex-direction:column;gap:10px;margin:10px 0;display:flex}.bx-plate .img-wrap{aspect-ratio:3/2;background:#1a1610;border-radius:2px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000012}.bx-plate .img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.bx-page.right .bx-flow>p{color:var(--color-zinc-400)}.bx-compare-cap.bx-progress{max-width:940px;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:16px;margin:22px auto 0;font-size:10px;font-weight:700;display:flex}.bx-prog-track{align-items:center;gap:10px;display:inline-flex}.bx-prog-dot{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex;position:relative}.bx-prog-dot:focus{outline:none}.bx-prog-dot:focus-visible{outline:2px solid var(--color-emerald-500);outline-offset:1px}.bx-prog-dot .dot{background:var(--color-zinc-300);border-radius:9999px;width:6px;height:6px;transition:background .3s,transform .3s}.bx-prog-dot:hover .dot{background:var(--color-zinc-500)}.bx-prog-dot.active .dot{background:var(--color-emerald-600);transform:scale(1.25)}.bx-prog-dot .bx-ring{pointer-events:none;width:24px;height:24px;position:absolute;inset:0;transform:rotate(-90deg)}.bx-prog-dot .bx-ring .track{fill:none;stroke:#10b98129;stroke-width:1.5px}.bx-prog-dot .bx-ring .fill{fill:none;stroke:var(--color-emerald-600);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:56.55;stroke-dashoffset:56.55px;animation:linear forwards bxRingFill}@keyframes bxRingFill{to{stroke-dashoffset:0}}.bx-dogear{pointer-events:none;z-index:2;clip-path:polygon(100% 0,0 100%,100% 100%);filter:drop-shadow(-2px -2px 3px #00000024);transform-origin:100% 100%;background:linear-gradient(315deg,#ddd3ba 0%,#efe9d8 45%,#f9f5ea 55%,#0000000d 58%,#0000 64%);width:30px;height:30px;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;bottom:0;right:0}.bx-book:not(.is-flipping):hover .bx-dogear{transform:scale(1.333)}.bx-bookline{text-align:center;font-family:var(--font-text);color:var(--color-zinc-500);margin:16px 0 0;font-size:13px}.bx-bookline b{font-family:var(--font-display);color:var(--color-zinc-800);font-weight:600}@media (width<=720px){.bx-compare-host{padding:32px 16px 24px}.bx-shelf{gap:10px;margin-bottom:22px}.bx-dogear{display:none}.bx-book{height:auto;min-height:0}.bx-spread{grid-template-columns:1fr;height:auto}.bx-flip-leaf,.bx-cast,.bx-page:not(.bx-illustrated){display:none}.bx-page{height:auto;min-height:0;padding:24px 22px;overflow:visible}.bx-page.left{padding-right:22px}.bx-page.left .bx-flow p{opacity:1}.bx-page.right{padding-left:22px}.bx-flow>p:first-child,.bx-flow>p:last-child{-webkit-mask-image:none;mask-image:none}.bx-compare-cap.bx-progress{display:none}}@media (prefers-reduced-motion:reduce){.bx-book,.bx-cover{transition:none}.bx-prog-dot .bx-ring .fill{animation:none}}