.book-container,.book-inner{transform-style:preserve-3d}.book-page{transform-style:preserve-3d;transition:box-shadow .3s}.book-page-front,.book-page-back{box-shadow:0 1px 3px #0000001a,0 2px 6px #0000000d}.book-right-area:after{content:"";pointer-events:none;z-index:100;background:linear-gradient(90deg,#0000 0%,#00000005 20%,#0000000d 100%);width:8px;position:absolute;top:2px;bottom:2px;right:0}.book-right-area:before{content:"";pointer-events:none;z-index:99;background:repeating-linear-gradient(#0000 0 3px,#00000008 3px 4px);width:6px;position:absolute;top:0;bottom:0;right:0}.book-left-area:after{content:"";pointer-events:none;z-index:50;background:linear-gradient(270deg,#0000001a,#0000);width:30px;position:absolute;top:0;bottom:0;right:0}.book-right-area .book-page:before{content:"";pointer-events:none;z-index:50;background:linear-gradient(90deg,#0000001a,#0000);width:30px;position:absolute;top:0;bottom:0;left:0}.book-spine:after{content:"";background:linear-gradient(#0000 0%,#ffffff1a 20%,#ffffff26 50%,#ffffff1a 80%,#0000 100%);width:1px;position:absolute;top:5%;bottom:5%;left:50%;transform:translate(-50%)}.book-page-front:before,.book-page-back:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 30% 20%,#ffffff1a 0%,#0000 50%),radial-gradient(at 70% 80%,#00000005 0%,#0000 50%);position:absolute;inset:0}@keyframes pageFlipShadow{0%{box-shadow:0 0 #0000}50%{box-shadow:-10px 0 30px #0003}to{box-shadow:0 0 #0000}}@media (max-width:768px){.book-container{transform:scale(.9)}.book-spine{width:8px!important}}