@layer components{.pb{perspective:1500px;width:100%;position:relative;container-type:inline-size}.pb-body{--t:calc(var(--pb-spine) * 80cqi);aspect-ratio:148.5/210;width:80%;transform-style:preserve-3d;margin:3cqi 0 9cqi 11cqi;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotateY(26deg)rotateX(3deg)rotate(-1deg)}.pb-front,.pb-back{border-radius:.6cqi 1.6cqi 1.6cqi .6cqi;position:absolute;inset:0}.pb-front{transform:translateZ(calc(var(--t) / 2));background:#f6efdf;overflow:hidden}.pb-front>img,.pb-spine>img{width:100%;height:100%;display:block}.pb-front:after{content:"";pointer-events:none;background:linear-gradient(90deg,#1b2a4a42 0,#1b2a4a12 2.4%,#fff3 3.6%,#fff0 6.5%),linear-gradient(112deg,#fff0 36%,#ffffff1f 50%,#fff0 64%);position:absolute;inset:0}.pb-back{transform:translateZ(calc(var(--t) / -2));background:#1b2a4a;box-shadow:4cqi 7cqi 9cqi -2cqi #100a2880}.pb-spine{width:var(--t);transform-origin:0;transform:translateZ(calc(var(--t) / -2)) rotateY(-90deg);background:#1b2a4a;border-radius:.6cqi 0 0 .6cqi;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.pb-spine:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0a061e47,#0a061e1f);position:absolute;inset:0}.pb-pages{width:var(--t);transform-origin:100%;transform:translateZ(calc(var(--t) / -2)) rotateY(90deg);background:repeating-linear-gradient(90deg,#fffdf7 0 1px,#e4ddca 1px 2px);position:absolute;top:.8cqi;bottom:.8cqi;right:.4cqi}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pb:not(.pb-still):hover .pb-body{transform:rotateY(14deg)rotateX(2deg)rotate(-1deg)translateY(-1cqi)}}@media (prefers-reduced-motion:reduce){.pb-body{transition:none}}}