.bw{--dik:calc(var(--w) * .025);width:var(--w);height:calc(var(--w) * 1.5);pointer-events:none;position:absolute;top:0;left:0}.book{transform-style:preserve-3d;transform-origin:50% 50% calc(var(--dik) * -.6);position:absolute;inset:0;transform:translateZ(0)rotateX(0)rotateY(0)}.cover,.block{transform-style:preserve-3d;position:absolute;inset:0}.cover{transform-origin:0;transform:rotateY(0)}.block{transform-origin:0;transform:translateZ(calc(var(--dik) * -.5)) rotateY(0deg)}.f{backface-visibility:hidden;pointer-events:auto;touch-action:pan-y;position:absolute}.front{padding:calc(var(--w) * .07);color:#f3ece0;background:linear-gradient(90deg, #00000061 0, #0000001f 5%, #ffffff0d 45%, #0000000f), var(--c);border-radius:2px 5px 5px 2px;flex-direction:column;justify-content:flex-end;display:flex;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.front .ct{font:700 calc(var(--w) * .085)/1.15 Georgia, serif}.front .ca{margin-top:calc(var(--w) * .03);font:calc(var(--w) * .05)/1.2 system-ui, sans-serif;opacity:.8}.front.center{text-align:center;padding:calc(var(--w) * .11) calc(var(--w) * .08) calc(var(--w) * .08);justify-content:space-between;align-items:center}.front.center .ct{font-weight:400;font-size:calc(var(--w) * .11);line-height:1.02}.front.center .ct small{margin:.25em 0;font-size:.5em;display:block}.front.center .ca{font-family:Georgia,serif;font-size:calc(var(--w) * .043);letter-spacing:.2em;opacity:1}.front>.badge-gelezen,.front>.badge-sticker{z-index:3;pointer-events:none;position:absolute;box-shadow:0 2px 6px #00000059}.front>.badge-gelezen{padding:calc(var(--w) * .015) calc(var(--w) * .035) calc(var(--w) * .015) calc(var(--w) * .025);color:#fff;font:800 max(9px, calc(var(--w) * .06))/1 system-ui, sans-serif;white-space:nowrap;background:#315b37;border:1.5px solid #fffef9;border-left:none;border-radius:0 999px 999px 0;top:50%;left:0;transform:translateY(-50%)}.front>.badge-sticker{top:calc(var(--w) * .03);right:calc(var(--w) * .03);width:max(20px, calc(var(--w) * .18));height:max(20px, calc(var(--w) * .18));font-size:max(11px, calc(var(--w) * .105));background:radial-gradient(circle at 35% 30%,#fff7d6,#f2c94c);border:1.5px solid #fffef9;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;transform:rotate(-10deg)}.front>img.cover-img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;object-fit:cover;width:104%;height:104%;display:block;position:absolute;inset:-2%}.front>.binnenkort-lint{color:#fffef9;text-align:center;font-size:calc(var(--w) * .1);letter-spacing:.07em;text-transform:uppercase;z-index:2;background:#8c580aed;padding:5px 2px;font-weight:800;position:absolute;top:38%;left:0;right:0}.inside{background:#f5f0e5 linear-gradient(270deg,#3c281429,#3c281400 8%);border-radius:5px 2px 2px 5px;inset:0;transform:rotateY(180deg)}.pg{background:#f5f0e5 linear-gradient(90deg,#3c281429,#3c281400 8%);border-radius:0 4px 4px 0;inset:0}.bk{transform:translateZ(calc(var(--dik) * -1)) rotateY(180deg);background:linear-gradient(270deg, #00000061 0, #0000001f 5%, #0000000f), var(--c);border-radius:5px 2px 2px 5px;inset:0}.fore{width:var(--dik);transform-origin:0;background:repeating-linear-gradient(90deg,#f6f1e6 0 1px,#e2dac8 1px 2px);height:100%;top:0;left:100%;transform:rotateY(90deg)}.spine{width:var(--dik);transform-origin:100%;background:linear-gradient(90deg, #00000059, #0000001a 50%, #00000059), var(--c);height:100%;top:0;right:100%;transform:rotateY(-90deg)}.top{width:100%;height:var(--dik);transform-origin:50% 100%;background:repeating-linear-gradient(0deg,#f8f4ea 0 1px,#e6dfce 1px 2px);bottom:100%;left:0;transform:rotateX(90deg)}.bottom{width:100%;height:var(--dik);transform-origin:50% 0;background:repeating-linear-gradient(0deg,#ece5d6 0 1px,#d6cdb9 1px 2px);top:100%;left:0;transform:rotateX(-90deg)}.bw.shelf{--w:min(80cqw, calc((100cqh - 24px) / 1.5));z-index:1;pointer-events:auto;cursor:pointer;perspective:calc(var(--w) * 8);perspective-origin:calc(var(--w) * 9.5) calc(var(--w) * -8.25);outline:none;top:auto;bottom:6px;left:6px}.bw.shelf .book{transition:transform .3s}.kast-boek{--kast-links:4px;--wk:min(calc(100cqw - 10px - var(--kast-links)), calc((100cqh - 12px) / 1.5));-webkit-user-select:none;user-select:none}.kast-boek>.bw.shelf{--w:var(--wk);left:var(--kast-links);bottom:0}.kast-boek>.vasthouden{left:var(--kast-links);width:var(--wk);height:calc(var(--wk) * 1.5);z-index:5;pointer-events:none;border-radius:3px;outline:3px solid #d4952ad9;position:absolute;bottom:0}@media (hover:hover){.bw.shelf:hover .book{transform:translateZ(calc(var(--w) * .006)) rotateX(-1deg) rotateY(0deg)}}.bw.shelf:focus-visible{outline-offset:3px;outline:3px solid #a96a22}.bw.shelf.taken{visibility:hidden}.bw.fly{z-index:5;transform-origin:0 0;visibility:hidden;will-change:transform;-webkit-user-select:none;user-select:none}.bw.fly.show{visibility:visible}.bw.fly.terugzetten,.bw.fly.terugzetten *{pointer-events:none!important}.front>.glans{pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000004d 0,#0000001a 5%,#ffffff1a 8%,#0000 14%) 0 0/100% 100%,linear-gradient(115deg,#0000 30%,#fff3 43%,#ffffff0d 52%,#0000 60%) 100% 0/250% 100%;transition:background-position .6s;position:absolute;inset:0}@media (hover:hover){.bw.shelf:hover .front>.glans{background-position:0 0,60% 0}}.bw.fly.draaibaar .f{touch-action:none;cursor:grab}.bw.fly.sleept .f{cursor:grabbing}.bw.fly .f{touch-action:none}@media (max-width:519px){.front>.badge-gelezen .poot{display:none}}