.dr-book{--dr-pw: min(340px, calc(100vw - 64px) , calc((100svh - var(--dr-cap-space, 84px) - 150px) * .8));--dr-cover: #0d0d0d;--dr-turn: 1s;--dr-turn-ease: cubic-bezier(.65, 0, .35, 1);margin:24px auto 40px;padding:0 var(--dr-gutter);overflow-x:clip}@media(min-width:750px){.dr-book{--dr-pw: min(420px, calc((100vw - 96px)/2) , calc((100svh - var(--dr-cap-space, 84px) - 160px) * .8))}}@media(prefers-reduced-motion:reduce){.dr-book{--dr-turn: 1ms}}.dr-book__page{position:relative;display:block;margin:0;aspect-ratio:4 / 5;background:var(--dr-tile);overflow:hidden}.dr-book__page img.dr-book__photo{display:block;width:100%;height:100%;object-fit:cover}.dr-book__bar{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 14px;background:var(--dr-bg);color:var(--dr-ink)}.dr-book__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--dr-fs-sm)}.dr-book__shop{flex:none;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}@media(hover:hover){.dr-book__bar:hover .dr-book__shop{text-decoration:underline;text-underline-offset:3px}}.dr-book__page--cover,.dr-book__page--board,.dr-book__page--end{background:var(--dr-cover);color:#fff}.dr-book__page--blank{background:var(--dr-bg)}.dr-book__open{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;background:transparent;border:0;padding:0;cursor:pointer;color:inherit}.dr-book__logo{display:block;width:62%;height:auto;filter:invert(1)}.dr-book__page--cover:before{content:"";position:absolute;inset:0 auto 0 0;width:7%;background:linear-gradient(90deg,#ffffff12,#00000059 70%,#ffffff0f);pointer-events:none}.dr-book__end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.dr-book__end .dr-book__logo{width:44%}.dr-book__end .dr-btn{width:auto;min-width:160px;background:#fff;color:var(--dr-ink);border-color:#fff}.dr-book:not(.dr-book--ready) .dr-book__pages{display:grid;gap:var(--dr-grid-gap);max-width:720px;margin:0 auto}.dr-book:not(.dr-book--ready) .dr-book__nav,.dr-book:not(.dr-book--ready) .dr-book__hint{display:none}.dr-book--ready .dr-book__clip{position:relative;width:var(--dr-pw);margin:0 auto}.dr-book--spread .dr-book__clip{width:calc(var(--dr-pw) * 2)}.dr-book--ready .dr-book__pages{position:relative;width:100%;aspect-ratio:4 / 5;perspective:1300px;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.dr-book--spread .dr-book__pages{aspect-ratio:8 / 5;perspective:1900px}.dr-book--live .dr-book__pages{transition:transform var(--dr-turn) var(--dr-turn-ease)}.dr-book--spread[data-state=front] .dr-book__pages{transform:translate(calc(var(--dr-pw) * -.5))}.dr-book--spread[data-state=back] .dr-book__pages{transform:translate(calc(var(--dr-pw) * .5))}.dr-leaf{position:absolute;top:0;left:0;width:var(--dr-pw);height:100%;transform-origin:left center;transform-style:preserve-3d}.dr-book--spread .dr-leaf{left:var(--dr-pw)}.dr-leaf[data-turning]{will-change:transform}.dr-leaf[data-turning] .dr-leaf__face{box-shadow:0 0 calc(var(--dr-lift, 0) * 120px) rgba(0,0,0,var(--dr-lift, 0))}.dr-leaf__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.dr-leaf__face--back{transform:rotateY(180deg);opacity:var(--dr-fade, 1)}.dr-leaf__face>.dr-book__page{width:100%;height:100%;aspect-ratio:auto}.dr-leaf__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,calc(var(--dr-shade, 0) * .55)),#0000 18%,rgba(0,0,0,calc(var(--dr-shade, 0) * .35)) 60%,rgba(0,0,0,var(--dr-shade, 0)))}.dr-leaf__face--back:after{transform:scaleX(-1)}.dr-book--spread .dr-leaf__face:after{background:linear-gradient(90deg,rgba(0,0,0,calc(.14 + var(--dr-shade, 0) * .55)),#0000 12%,rgba(0,0,0,calc(var(--dr-shade, 0) * .35)) 60%,rgba(0,0,0,var(--dr-shade, 0)))}.dr-leaf__face--cover:after,.dr-leaf__face--end:after,.dr-leaf__face--board:after{background:rgba(0,0,0,calc(var(--dr-shade, 0) * .8))}.dr-bend{position:absolute;top:0;left:0;width:var(--dr-pw);height:100%;transform-style:preserve-3d;pointer-events:none}.dr-book--spread .dr-bend{left:var(--dr-pw)}.dr-bend__s{position:absolute;top:0;left:100%;width:calc(var(--dr-pw) / var(--dr-n));height:100%;transform-style:preserve-3d;transform-origin:left center;will-change:transform}.dr-bend>.dr-bend__s{left:0}.dr-bend__f,.dr-bend__b{position:absolute;top:0;bottom:0;left:0;right:-1px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.dr-bend__b{transform:rotateY(180deg);opacity:var(--dr-fade, 1)}.dr-bend__in{position:absolute;top:0;height:100%;width:var(--dr-pw)}.dr-bend__in>.dr-book__page{width:100%;height:100%;aspect-ratio:auto}.dr-bend__f:after,.dr-bend__b:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:rgba(0,0,0,var(--s, 0))}.dr-book__cast{position:absolute;top:0;height:100%;width:var(--dr-pw);left:0;opacity:0;pointer-events:none;--dr-edge: 100%;background:linear-gradient(90deg,rgba(0,0,0,0) var(--dr-edge),rgba(0,0,0,.3) var(--dr-edge),rgba(0,0,0,.08) calc(var(--dr-edge) + 9%),rgba(0,0,0,0) calc(var(--dr-edge) + 26%))}.dr-book--spread .dr-book__cast--r{left:var(--dr-pw)}.dr-book__cast--l{transform:scaleX(-1)}.dr-book:not(.dr-book--spread) .dr-book__cast--l{display:none}.dr-book__pages:before,.dr-book__pages:after{content:"";position:absolute;top:0;height:100%;width:var(--dr-pw);pointer-events:none;transition:opacity var(--dr-turn) var(--dr-ease)}.dr-book__pages:after{left:0;background:var(--dr-bg);box-shadow:1px 1px #e9e9e9,2px 2px #fff,3px 3px #e2e2e2,4px 4px #fff,5px 5px #dadada,6px 7px 0 var(--dr-cover),14px 18px 28px #0000002e}.dr-book--spread .dr-book__pages:after{left:var(--dr-pw)}.dr-book--spread .dr-book__pages:before{left:0;background:var(--dr-bg);opacity:0;box-shadow:-1px 1px #e9e9e9,-2px 2px #fff,-3px 3px #e2e2e2,-4px 4px #fff,-5px 5px #dadada,-6px 7px 0 var(--dr-cover),-14px 18px 28px #0000002e}.dr-book--spread:not([data-state=front]) .dr-book__pages:before{opacity:1}.dr-book--spread[data-state=back] .dr-book__pages:after{opacity:0}.dr-book--spread[data-state=open] .dr-book__pages:before{width:calc(var(--dr-pw) + 8px)}.dr-book--spread[data-state=open] .dr-book__pages:after{left:calc(var(--dr-pw) - 8px);width:calc(var(--dr-pw) + 8px)}.dr-book__nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px}.dr-book__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--dr-line);color:var(--dr-ink);cursor:pointer}.dr-book__arrow[disabled]{opacity:.3;cursor:default}.dr-book__arrow svg{width:18px;height:18px}.dr-book__count{min-width:88px;text-align:center;font-size:var(--dr-fs-sm);font-variant-numeric:tabular-nums}.dr-book__hint{margin:14px 0 0;text-align:center;font-size:var(--dr-fs-xs);color:var(--dr-mute)}.dr-book:not([data-state=front]) .dr-book__hint{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/5/assets/dr-book.css.map */