._3Up2oq_card{background:radial-gradient(circle at 8% 10%,#2d2d2f 0%,#0000 38%),linear-gradient(90deg,#1f1f21 0%,#202022 100%);border:1px solid #ffffff0f;border-radius:24px;min-height:420px;padding:64px;overflow:hidden}._3Up2oq_arrowButton{z-index:5;border:1px solid var(--color-ink);background:var(--color-white);width:36px;height:36px;color:var(--color-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}._3Up2oq_arrowButtonRight{left:auto;right:32px}._3Up2oq_booksRow{--book-height:420px;--book-front-width:320px;--book-side-width:50px;--book-open-width:320px;--book-closed-width:50px;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center;gap:16px;height:420px;display:grid}._3Up2oq_bookWrapper{perspective:1300px;height:var(--book-height);cursor:pointer;flex:none;justify-content:center;align-items:center;transition:width .45s ease-out;display:flex;position:relative}._3Up2oq_bookWrapper[data-state=closed]{width:var(--book-closed-width)}._3Up2oq_bookWrapper[data-state=open]{width:var(--book-open-width);z-index:2;cursor:default}._3Up2oq_book{width:var(--book-front-width);height:420px;transform-style:preserve-3d;transform-origin:100%}._3Up2oq_book[data-state=open]{transition:transform .35s ease-out .18s;transform:rotateY(0)translate(0)translateZ(0)}._3Up2oq_book[data-state=closed]{transform:rotateY(-90deg) translateX(calc(-1 * var(--book-front-width) / 2)) translateZ(calc(var(--book-side-width) / 2));transition:transform .15s ease-out}._3Up2oq_book[data-state=closed] ._3Up2oq_bookSide:hover{background:color-mix(in srgb, var(--book-spine) 80%, transparent 20%)}._3Up2oq_book[data-state=open] ._3Up2oq_bookSide{opacity:0;transition:opacity .15s ease-out .3s}._3Up2oq_bookFront{transform-origin:50%;transform:translateX(-50%) translateY(-50%) translateZ(calc(var(--book-side-width) / 2));width:var(--book-front-width);height:var(--book-height);background:var(--color-white);backface-visibility:hidden;border:2px solid #18181ae0;border-radius:12px;position:absolute;top:50%;left:50%;overflow:hidden}._3Up2oq_bookFront p{color:#242428}._3Up2oq_bookSide{width:var(--book-side-width);height:var(--book-height);transform-origin:50%;transform:translateX(calc(-50% + var(--book-front-width) / 2)) translateY(-50%) rotateY(90deg);background:var(--book-spine);border:2px solid #18181ae0;border-radius:12px;position:absolute;top:50%;left:50%}._3Up2oq_bookSide p{writing-mode:vertical-rl;text-orientation:mixed;color:var(--color-ink)}._3Up2oq_skeletonBook{height:var(--book-height);border:2px solid #18181a59;border-radius:12px;flex:none;transition:width .45s ease-out;animation:1.2s ease-in-out infinite _3Up2oq_skeletonPulse}._3Up2oq_skeletonBook[data-state=closed]{width:var(--book-closed-width)}._3Up2oq_skeletonBook[data-state=open]{width:var(--book-open-width)}@keyframes _3Up2oq_skeletonPulse{0%,to{opacity:.42}50%{opacity:.82}}@media (max-width:980px){._3Up2oq_card{min-height:460px;padding:16px 12px}._3Up2oq_book{height:clamp(310px,56vw,420px)}}@media (max-width:740px){._3Up2oq_booksRow{--book-height:320px;--book-front-width:240px;--book-side-width:50px;--book-open-width:240px;--book-closed-width:50px;justify-content:center;width:100%;max-width:100%;height:360px;display:flex;overflow:hidden}._3Up2oq_card{min-height:360px}._3Up2oq_booksRow{--spine-w:44px;--cover-w:min(220px, 62vw);--book-depth:30px}._3Up2oq_book{height:300px}}