.book-carousel{--slide-gap: 32px;--book-bg: #f7f5f0;--book-paper-tone: #faf7f2;--book-shadow-color: rgba(22, 18, 12, .14);--book-radius: 10px;display:block;position:relative;width:100%;margin-inline:auto;box-sizing:border-box}@media screen and (max-width:767px){.book-carousel{--slide-gap: 16px}}.book-carousel__wrapper{position:relative;width:100%;overflow:visible}.book-carousel__viewport{position:relative;width:100%;overflow:hidden;border-radius:var(--book-radius);touch-action:pan-y pinch-zoom}.book-carousel__track{display:flex;gap:var(--slide-gap);width:100%;transition:transform .5s cubic-bezier(.25,1,.35,1);will-change:transform}.book-carousel__track.is-dragging{transition:none!important;cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.book-carousel__slide{flex:0 0 calc((100% - (var(--slides-per-view, 3) - 1) * var(--slide-gap)) / var(--slides-per-view, 3));max-width:calc((100% - (var(--slides-per-view, 3) - 1) * var(--slide-gap)) / var(--slides-per-view, 3));min-width:0;box-sizing:border-box}.book-card{display:flex;flex-direction:column;width:100%;height:100%}.book-card__info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-top:18px;padding-inline:4px}.book-card__info--left{align-items:flex-start;text-align:left}.book-card__info--center{align-items:center;text-align:center}.book-card__info--right{align-items:flex-end;text-align:right}.book-card__title{margin:0;line-height:1.3;color:inherit;font-weight:600;word-break:break-word}.book-card__desc{margin:0;line-height:1.5;color:var(--color-foreground-secondary, #66676a)}.book-card__cta{margin-top:4px}.book-carousel__arrow{position:absolute;top:38%;transform:translateY(-50%);z-index:10;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;background-color:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#1a1a1a;cursor:pointer;box-shadow:0 4px 14px #0000001a;transition:transform .25s ease,background-color .25s ease,opacity .25s ease,box-shadow .25s ease;-webkit-user-select:none;user-select:none}.book-carousel__arrow:hover:not(:disabled){background-color:#fff;transform:translateY(-50%) scale(1.08);box-shadow:0 6px 20px #00000026}.book-carousel__arrow:active:not(:disabled){transform:translateY(-50%) scale(.96)}.book-carousel__arrow:disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.book-carousel__arrow--prev{left:-22px}.book-carousel__arrow--next{right:-22px}@media screen and (max-width:1200px){.book-carousel__arrow--prev{left:8px}.book-carousel__arrow--next{right:8px}}@media screen and (min-width:768px){.book-carousel__arrow--hide-desktop{display:none!important}}@media screen and (max-width:767px){.book-carousel__arrow--hide-mobile{display:none!important}}.book-carousel__arrow-icon{width:18px;height:18px;pointer-events:none}.book-carousel__dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;width:100%}.book-carousel__dot{width:10px;height:10px;border-radius:999px;background-color:#0000002e;border:none;padding:0;cursor:pointer;transition:width .3s cubic-bezier(.25,1,.5,1),background-color .3s ease}.book-carousel__dot:hover{background-color:#00000059}.book-carousel__dot.is-active{width:28px;background-color:#1a1a1a}.book-flipper{display:block;position:relative;width:100%;aspect-ratio:var(--book-aspect-ratio, 4 / 3);perspective:1400px;perspective-origin:50% 12%;-webkit-user-select:none;user-select:none;overflow:visible}.book-flipper__viewport{position:relative;display:flex;width:100%;height:100%;border-radius:var(--book-radius);overflow:hidden;transform-style:preserve-3d;transform:rotateX(11.5deg);transform-origin:50% 80%;background-color:var(--book-paper-tone);box-shadow:0 16px 36px -6px #14100c38,0 6px 14px -3px #14100c1f,inset 0 -1.5px #0000001a;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}.book-flipper:hover .book-flipper__viewport{transform:rotateX(9.5deg) translateY(-4px);box-shadow:0 24px 46px -8px #14100c47,0 8px 18px -4px #14100c29}.book-flipper__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:10;pointer-events:none;border-radius:inherit}.book-flipper:has(.book-flipper__canvas) .book-flipper__scroll-cylinder,.book-flipper:has(.book-flipper__canvas) .book-flipper__leaf,.book-flipper:has(.book-flipper__canvas) .book-flipper__underlay{opacity:0!important;pointer-events:none!important}.book-flipper:has(.book-flipper__canvas) .book-flipper__stage{background:transparent!important}.book-flipper__scroll-zone{position:relative;flex:0 0 0px;width:0;height:100%;opacity:0;overflow:visible;z-index:12;cursor:pointer;transition:flex-basis .45s cubic-bezier(.25,1,.35,1),width .45s cubic-bezier(.25,1,.35,1),opacity .35s ease}.book-flipper.has-turned-pages .book-flipper__scroll-zone{flex-basis:clamp(22px,8%,32px);width:clamp(22px,8%,32px);opacity:1}.book-flipper.is-last-page .book-flipper__stage{cursor:default}.book-flipper.is-last-page .book-flipper__page-affordance{display:none!important}.book-flipper.is-first-page .book-flipper__scroll-zone{pointer-events:none}.book-flipper__scroll-zone{position:relative;flex:0 0 0px;width:0;height:100%;opacity:0;overflow:visible;z-index:8;cursor:pointer;transition:flex-basis .55s cubic-bezier(.25,1,.35,1),width .55s cubic-bezier(.25,1,.35,1),opacity .4s ease}.book-flipper.has-turned-pages .book-flipper__scroll-zone{flex-basis:clamp(34px,calc(10% + var(--turned-count, 1) * 3px),54px);width:clamp(34px,calc(10% + var(--turned-count, 1) * 3px),54px);opacity:1}.book-flipper__scroll-cylinder{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:4px 0 0 4px;background:linear-gradient(to right,#19140fa6,#a0918266 14%,#ffffffd9 30%,#faf5eefa 50%,#c3b4a0b3 76%,#282018cc 96%,#0f0c0af2);box-shadow:6px 0 18px -2px #0000006b,inset -2px 0 6px #00000073;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease}.book-flipper__scroll-zone:hover .book-flipper__scroll-cylinder{filter:brightness(1.08);transform:scaleX(1.08) rotateY(4deg) translateZ(4px);box-shadow:8px 0 22px -2px #0000007a,inset -2px 0 6px #0006}.book-flipper__scroll-highlight{position:absolute;top:0;bottom:0;left:28%;width:20%;background:linear-gradient(to right,transparent,rgba(255,255,255,.65),transparent);pointer-events:none}.book-flipper__scroll-rim{position:absolute;left:0;right:0;height:8px;pointer-events:none;background:radial-gradient(ellipse at center,#0000004d,#ffffff80 45%,#0000008c);border-radius:50%}.book-flipper__scroll-rim--top{top:-2px;transform:scaleY(.65)}.book-flipper__scroll-rim--bottom{bottom:-2px;transform:scaleY(.65)}.book-flipper__scroll-cylinder:after{content:"";position:absolute;top:4px;bottom:4px;right:3px;width:4px;background:repeating-linear-gradient(to right,rgba(0,0,0,.35) 0px,rgba(255,255,255,.5) 1px,transparent 2px);opacity:.8}.book-flipper__scroll-affordance{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background-color:#ffffffeb;color:#1a1a1a;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.2,.8,.2,1);z-index:10}.book-flipper__scroll-zone:hover .book-flipper__scroll-affordance{opacity:1;transform:translate(-50%,-50%) scale(1.15)}.book-flipper__scroll-zone:before{content:"";position:absolute;top:0;bottom:0;left:0;width:max(100%,48px);z-index:12}.book-flipper__spine{position:relative;flex:0 0 10px;width:10px;height:100%;z-index:7;background:linear-gradient(to right,#00000073,#0000001f 30%,#ffffff38,#0000004d);box-shadow:inset 0 0 6px #0003;pointer-events:none}.book-flipper__stage{position:relative;flex:1;height:100%;overflow:hidden;cursor:pointer;transform-style:preserve-3d;background-color:var(--book-paper-tone)}.book-flipper__stage:after{content:"";position:absolute;top:3px;bottom:3px;right:0;width:4px;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.15) 0px,rgba(255,255,255,.5) 1px,transparent 2px);box-shadow:1px 0 #0000001f,2px 0 #f0eee6,3px 0 #00000014;pointer-events:none;z-index:6}.book-flipper.is-single-image .book-flipper__stage{cursor:default}.book-flipper__underlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background-color:var(--book-paper-tone)}.book-flipper__inner-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.45) 0%,rgba(0,0,0,.15) 25%,transparent 65%);pointer-events:none;opacity:0;transition:opacity .4s ease;z-index:2}.book-flipper__leaf{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;transform-origin:left center;transform-style:preserve-3d;will-change:transform,filter;transform:rotateY(0) translateZ(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.book-flipper:not(.is-flipping):not(.is-single-image) .book-flipper__stage:hover .book-flipper__leaf{transform:rotateY(-8.5deg) rotate(.5deg) translateZ(10px)}.book-flipper:not(.is-flipping):not(.is-single-image) .book-flipper__stage:hover .book-flipper__inner-shadow{opacity:.38}@keyframes bookPageFlipForward{0%{transform:rotateY(0) rotate(0) skewY(0) translateZ(0);filter:brightness(1)}24%{transform:rotateY(-40deg) rotate(2.2deg) skewY(-2.6deg) translateZ(32px) scaleY(.985);filter:brightness(.98)}50%{transform:rotateY(-90deg) rotate(0) skewY(-1.2deg) translateZ(52px) scale(.96);filter:brightness(.91)}76%{transform:rotateY(-144deg) rotate(-2.2deg) skewY(2.2deg) translateZ(26px) scaleY(.985);filter:brightness(.96)}to{transform:rotateY(-180deg) rotate(0) skewY(0) translateZ(0) scale(1);filter:brightness(1)}}@keyframes bookPageFlipBackward{0%{transform:rotateY(-180deg) rotate(0) skewY(0) translateZ(0);filter:brightness(1)}24%{transform:rotateY(-140deg) rotate(-2.2deg) skewY(2.2deg) translateZ(28px) scaleY(.985);filter:brightness(.96)}50%{transform:rotateY(-90deg) rotate(0) skewY(1.2deg) translateZ(52px) scale(.96);filter:brightness(.91)}76%{transform:rotateY(-36deg) rotate(2.2deg) skewY(-2.4deg) translateZ(30px) scaleY(.985);filter:brightness(.98)}to{transform:rotateY(0) rotate(0) skewY(0) translateZ(0);filter:brightness(1)}}.book-flipper__leaf.animate-forward{animation:bookPageFlipForward .72s cubic-bezier(.25,1,.45,1) forwards}.book-flipper__leaf.animate-backward{animation:bookPageFlipBackward .72s cubic-bezier(.25,1,.45,1) forwards}@keyframes underlayShadowSweepForward{0%{opacity:.1;background:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.15) 15%,transparent 40%)}38%{opacity:.72;background:linear-gradient(to right,rgba(0,0,0,.48) 0%,rgba(0,0,0,.3) 30%,transparent 72%)}75%{opacity:.35;background:linear-gradient(to right,rgba(0,0,0,.35) 0%,rgba(0,0,0,.12) 40%,transparent 80%)}to{opacity:0}}@keyframes underlayShadowSweepBackward{0%{opacity:0}35%{opacity:.45;background:linear-gradient(to right,rgba(0,0,0,.4) 0%,rgba(0,0,0,.2) 30%,transparent 70%)}70%{opacity:.68;background:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.25) 20%,transparent 50%)}to{opacity:0}}.book-flipper.is-flipping-forward .book-flipper__inner-shadow{animation:underlayShadowSweepForward .72s ease-out forwards}.book-flipper.is-flipping-backward .book-flipper__inner-shadow{animation:underlayShadowSweepBackward .72s ease-out forwards}.book-flipper__face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background-color:var(--book-paper-tone)}.book-flipper__face--front{z-index:2;transform:rotateY(0)}.book-flipper__face--back{z-index:1;transform:rotateY(180deg);background:var(--book-paper-tone);box-shadow:inset 10px 0 25px -4px #00000047}.book-flipper__back-sheet{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.015) 10px,rgba(0,0,0,.015) 20px)}.book-flipper__img--back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:blur(1px) grayscale(.35);transform:scaleX(-1);pointer-events:none}.book-flipper__lighting{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}@keyframes frontLightForward{0%{opacity:0}35%{opacity:.75;background:linear-gradient(to right,#00000080,#0000002e 22%,#ffffff59 48%,#00000073)}65%{opacity:.88;background:linear-gradient(to right,#000000a6,#00000059 30%,#ffffff38,#00000085)}to{opacity:.35}}@keyframes backLightForward{0%{opacity:.35}38%{opacity:.85;background:linear-gradient(to left,#000000a6,#00000059 30%,#fff3,#00000080)}75%{opacity:.45;background:linear-gradient(to left,#00000073,#00000026,#ffffff40 50%,#0000004d)}to{opacity:.18;background:linear-gradient(to left,rgba(0,0,0,.38) 0%,transparent 35%)}}.book-flipper.is-flipping-forward .book-flipper__lighting--front{animation:frontLightForward .72s ease-out forwards}.book-flipper.is-flipping-forward .book-flipper__lighting--back{animation:backLightForward .72s ease-out forwards}.book-flipper.is-flipping-backward .book-flipper__lighting--front{animation:frontLightForward .72s ease-out reverse forwards}.book-flipper.is-flipping-backward .book-flipper__lighting--back{animation:backLightForward .72s ease-out reverse forwards}.book-flipper__img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.book-flipper__badge{position:absolute;top:12px;right:12px;z-index:10;padding:4px 10px;border-radius:999px;background-color:#1a1a1ad9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.book-flipper__counter{position:absolute;bottom:12px;right:12px;z-index:10;display:inline-flex;align-items:center;gap:3px;padding:4px 9px;border-radius:6px;background-color:#ffffffe6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#1a1a1a;font-size:12px;font-weight:600;box-shadow:0 2px 8px #0000001f;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.book-flipper__stage:hover .book-flipper__counter{transform:translateY(-2px);box-shadow:0 4px 12px #0000002e}.book-flipper__page-affordance{position:absolute;bottom:12px;left:12px;z-index:10;width:26px;height:26px;border-radius:50%;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;color:#1a1a1a;box-shadow:0 2px 8px #00000024;opacity:0;transform:scale(.85);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.book-flipper__stage:hover .book-flipper__page-affordance{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.book-carousel__track,.book-carousel__arrow,.book-carousel__dot,.book-flipper__scroll-zone,.book-flipper__scroll-cylinder,.book-flipper__leaf{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/book-carousel.css.map */