.pc{position:relative!important}.book-bg-pattern{isolation:isolate;background-color:#e0d8d0;border-radius:12px;position:relative}.book-bg-pattern:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.18'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;border-radius:12px;position:absolute;inset:0}.book-bg-pattern:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%,#00000014 100%);border-radius:12px;position:absolute;inset:0}.book-nav-flap{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;color:#555;background:#ffffffb3;border:1px solid #00000014;justify-content:center;align-items:center;width:52px;height:140px;transition:all .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.book-nav-flap:hover{color:#1976d2;background:#fffffff2;box-shadow:0 2px 12px #0000001f}.book-nav-flap:active{transform:translateY(-50%)scale(.96)}.book-nav-flap--left{border-right:none;border-radius:10px 0 0 10px;left:-56px}.book-nav-flap--right{border-left:none;border-radius:0 10px 10px 0;right:-56px}.book-nav-flap--fs{color:#fff9;background:#ffffff1a;border-color:#ffffff26}.book-nav-flap--fs:hover{color:#fff;background:#fff3;box-shadow:0 2px 16px #0000004d}@media (max-width:768px){.book-nav-flap{display:none}.book-bg-pattern,.book-bg-pattern:before,.book-bg-pattern:after{border-radius:8px}}