.library-browse-section-module__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}.library-browse-section-module__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%)}.library-browse-section-module__3Up2oq__arrowButtonRight{left:auto;right:32px}.library-browse-section-module__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}.library-browse-section-module__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}.library-browse-section-module__3Up2oq__bookWrapper[data-state=closed]{width:var(--book-closed-width)}.library-browse-section-module__3Up2oq__bookWrapper[data-state=open]{width:var(--book-open-width);z-index:2;cursor:default}.library-browse-section-module__3Up2oq__book{width:var(--book-front-width);height:420px;transform-style:preserve-3d;transform-origin:100%}.library-browse-section-module__3Up2oq__book[data-state=open]{transition:transform .35s ease-out .18s;transform:rotateY(0)translate(0)translateZ(0)}.library-browse-section-module__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}.library-browse-section-module__3Up2oq__book[data-state=closed] .library-browse-section-module__3Up2oq__bookSide:hover{background:color-mix(in srgb,var(--book-spine)80%,transparent 20%)}.library-browse-section-module__3Up2oq__book[data-state=open] .library-browse-section-module__3Up2oq__bookSide{opacity:0;transition:opacity .15s ease-out .3s}.library-browse-section-module__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}.library-browse-section-module__3Up2oq__bookFront p{color:#242428}.library-browse-section-module__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%}.library-browse-section-module__3Up2oq__bookSide p{writing-mode:vertical-rl;text-orientation:mixed;color:var(--color-ink)}.library-browse-section-module__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 library-browse-section-module__3Up2oq__skeletonPulse}.library-browse-section-module__3Up2oq__skeletonBook[data-state=closed]{width:var(--book-closed-width)}.library-browse-section-module__3Up2oq__skeletonBook[data-state=open]{width:var(--book-open-width)}@keyframes library-browse-section-module__3Up2oq__skeletonPulse{0%,to{opacity:.42}50%{opacity:.82}}@media (max-width:980px){.library-browse-section-module__3Up2oq__card{min-height:460px;padding:16px 12px}.library-browse-section-module__3Up2oq__book{height:clamp(310px,56vw,420px)}}@media (max-width:740px){.library-browse-section-module__3Up2oq__booksRow{--book-height:320px;--book-front-width:240px;--book-side-width:50px;--book-open-width:240px;--book-closed-width:50px;justify-content:center;height:360px;display:flex}.library-browse-section-module__3Up2oq__card{min-height:360px}.library-browse-section-module__3Up2oq__booksRow{--spine-w:44px;--cover-w:min(220px,62vw);--book-depth:30px}.library-browse-section-module__3Up2oq__book{height:300px}}
