:root{--color-background:hsl(var(--background));--color-text-primary:hsl(var(--foreground));--paper-bg:#fff;--paper-border:1px solid #0003;--backcover-bg:hsl(var(--foreground))}.books__item{text-align:center;cursor:default}.books__container{margin:0 auto;position:relative}.books__cover{will-change:transform;position:relative}.books__hitbox{z-index:10;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.books__back-cover{background:var(--backcover-bg);z-index:-10;border-radius:2px;width:96%;height:96%;position:absolute;top:2%;left:2%;box-shadow:2px 2px 5px #0006}.books__inside{z-index:0;width:90%;height:94%;position:absolute;top:3%;left:5%}.books__page{background:var(--paper-bg);border:var(--paper-border);transform-origin:100%;will-change:transform;z-index:-5;border-radius:2px;width:98%;height:100%;position:absolute;top:0;right:0;transform:translateZ(0);box-shadow:0 1px 3px #00000026}.books__page:first-child,.books__page:nth-child(2),.books__page:nth-child(3){transform:translate(0)}.books__image{transform-style:preserve-3d;transform-origin:0;cursor:pointer;will-change:transform,filter;z-index:10;border-radius:2px;line-height:0;position:relative;transform:perspective(2000px)rotateY(0)translate(0)scaleX(1)translateZ(0)}.books__image img{border-radius:2px;width:100%}.books__effect{transform-origin:0;will-change:transform;z-index:5;pointer-events:none;background-image:linear-gradient(90deg,#fff3 0%,#fff0 100%);border-left:1px solid #00000010;width:20px;height:100%;margin-left:16px;position:absolute;top:0;transform:translateZ(0)}.books__light{opacity:.15;transform-origin:0;will-change:transform,opacity;z-index:4;pointer-events:none;mix-blend-mode:overlay;background-image:linear-gradient(90deg,#fff0 0%,#ffffff80 100%);border-radius:2px;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}
