.book-container{display:grid;align-items:center;justify-items:center;perspective:600px;background:#fff1eb;border-radius:20px;padding:40px 0 20px;z-index:1;box-shadow:1px 5px 5px #0005;cursor:grab;margin:0 auto;width:100%;max-width:380px;touch-action:pan-y}.book{position:relative;width:200px;aspect-ratio:1 / 1;transform-style:preserve-3d;transform:rotateY(45deg);-webkit-user-select:none;user-select:none;pointer-events:none}.book>*{position:absolute;top:0;left:0;--shadow-size: 2px;--shadow-opacity: 10%;background:linear-gradient(to bottom,rgb(0,0,0,var(--shadow-opacity)),transparent var(--shadow-size)),linear-gradient(to left,rgb(0,0,0,var(--shadow-opacity)),transparent var(--shadow-size)),linear-gradient(to right,rgb(0,0,0,var(--shadow-opacity)),transparent var(--shadow-size)),linear-gradient(to top,var(--cover-color),var(--cover-color))}.book>.front{width:100%;height:100%;transform:translateZ(15px);--cover-color: white;transform-origin:left}.book>.front{background-size:cover;background-position:center;backface-visibility:hidden}.book>.back{width:100%;height:100%;transform:translateZ(-15px);--cover-color: white}.book>.pages{top:1px;left:calc(100% - 15px);width:30px;height:calc(100% - 1px);transform:rotateY(90deg);background:linear-gradient(90deg,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff,#f9f9f9,#fff)}.book>.side{height:100%;width:30px;top:-15px;transform:rotateY(-90deg) translateY(15px) translateZ(15px);--cover-color: #000;--text-color: #fff;display:flex;align-items:center;justify-content:center;margin:0;padding:0;color:var(--text-color);font-weight:700}.book>.side>p{position:absolute;transform:rotate(90deg);text-align:center;white-space:pre}.shadow{top:100%;height:30px;width:100%;transform:rotateX(90deg) translateZ(15px);background:transparent;box-shadow:0 0 16px 4px #0006}.slider-wrap{display:flex;gap:10px;width:100%;margin:40px 0 0;padding:0 15px}.slider-wrap:after{content:"";height:30px;aspect-ratio:1;background:url(https://www.svgrepo.com/show/533709/rotate.svg) center / contain}.slider-book{width:100%;cursor:grab}
/*# sourceMappingURL=/cdn/shop/t/5/assets/book-preview.css.map */