.tps-look-book{position:relative;--tps-book-height: 80vh;--tps-book-width: calc(var(--tps-book-height) * .82);display:flex;flex-direction:column;align-items:center;font-family:var(--font-body-family);overflow:visible;padding:2vh 0}.tps-look-book-main{display:flex;align-items:center;justify-content:center;position:relative;width:100%;perspective:1500px}.tps-look-book-wrapper{position:relative;width:var(--tps-book-width);height:var(--tps-book-height);transition:transform .5s;transform-style:preserve-3d;background:transparent}.tps-look-book .book{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s}.tps-look-book .page{position:absolute;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;transform-origin:left center;transition:transform var(--tps-book-speed) cubic-bezier(.645,.045,.355,1);cursor:pointer;-webkit-user-select:none;user-select:none}.tps-look-book .page.flipped{transform:rotateY(-180deg)}.tps-look-book .front,.tps-look-book .back{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:#fff;overflow:hidden}.tps-look-book .front{z-index:2}.tps-look-book .back{z-index:1;transform:rotateY(180deg)}.tps-look-book .page .front:before,.tps-look-book .page .back:before,.tps-look-book .page .front:after,.tps-look-book .page .back:after{content:"";display:block}.tps-look-book .page-image,.tps-look-book .front tps-lz-image,.tps-look-book .back tps-lz-image,.tps-look-book .front img,.tps-look-book .back img{width:100%;height:100%;object-fit:contain;display:block}.tps-look-book .placeholder-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fdfdfd;color:#333;text-align:center;padding:40px}.tps-look-book .page-num{position:absolute;bottom:15px;right:20px;font-size:11px;color:#666;z-index:10;opacity:.8}.tps-look-book .back .page-num{right:auto;left:20px}.tps-look-book .btn-prev,.tps-look-book .btn-next{position:absolute;top:50%;transform:translateY(-50%);z-index:100;cursor:pointer;background:transparent;border:none;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,visibility .3s ease;color:#333}.tps-look-book .btn-prev{left:-60px}.tps-look-book .btn-next{right:-60px}@media screen and (max-width:1024px){.tps-look-book .btn-prev{left:10px}.tps-look-book .btn-next{right:10px}}.tps-look-book .btn-prev svg,.tps-look-book .btn-next svg{width:40px;height:40px;stroke-width:1.5}.tps-look-book .btn-prev[style*="display: none"],.tps-look-book .btn-next[style*="display: none"]{opacity:0!important;visibility:hidden!important;display:flex!important}.tps-look-book .pc-book-layout{display:block}.tps-look-book .mobile-book-layout{display:none}@media screen and (max-width:768px){.tps-look-book{--tps-book-height: 50vh;--tps-book-width: calc(var(--tps-book-height) * .75);padding:0}.skeleton-wrapper{width:85vw;height:auto;aspect-ratio:var(--tps-book-mobile-ratio, .714)}.tps-look-book-main{padding:0!important;width:100%}.tps-look-book .pc-book-layout{display:none}.tps-look-book-wrapper{max-width:none;height:auto!important;aspect-ratio:var(--tps-book-mobile-ratio, .714);perspective:1200px;transform:none!important;margin:0 auto;overflow:visible}.tps-look-book .mobile-book-layout{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;overflow:visible}.tps-look-book .mobile-book-layout .page{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform var(--tps-book-speed) cubic-bezier(.645,.045,.355,1);transform-style:preserve-3d;transform-origin:left center;pointer-events:none;display:block!important;visibility:visible!important}.tps-look-book .mobile-book-layout .page-image,.tps-look-book .mobile-book-layout .front tps-lz-image,.tps-look-book .mobile-book-layout .back tps-lz-image,.tps-look-book .mobile-book-layout .front img,.tps-look-book .mobile-book-layout .back img{object-fit:contain}.tps-look-book .mobile-book-layout .front,.tps-look-book .mobile-book-layout .back{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}.tps-look-book .mobile-book-layout .page.flipped{transform:rotateY(-180deg)}.tps-look-book .mobile-book-layout .page.is-hidden{opacity:0;pointer-events:none;visibility:hidden!important}.tps-look-book.is-flipping-next .mobile-book-layout .page.just-flipped{animation:flip-mobile-next-3d var(--tps-book-speed) cubic-bezier(.645,.045,.355,1) forwards}.tps-look-book.is-flipping-prev .mobile-book-layout .page.just-unflipped{animation:flip-mobile-prev-3d var(--tps-book-speed) cubic-bezier(.645,.045,.355,1) forwards}@keyframes flip-mobile-next-3d{0%{transform:rotateY(0);opacity:1}49%{opacity:1}50%{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(-180deg);opacity:0}}@keyframes flip-mobile-prev-3d{0%{transform:rotateY(-180deg);opacity:0}49%{opacity:0}50%{transform:rotateY(-90deg);opacity:1}to{transform:rotateY(0);opacity:1}}.tps-look-book .front,.tps-look-book .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;pointer-events:auto;display:flex!important;box-shadow:none!important;transition:none}.tps-look-book .mobile-book-layout .front:after,.tps-look-book .mobile-book-layout .back:after{display:none!important}.tps-look-book .back{transform:rotateY(180deg)}.tps-look-book .btn-prev,.tps-look-book .btn-next{width:30px;height:60px;background:transparent;border-radius:0;box-shadow:none;color:#000;padding:0}.tps-look-book .btn-prev{left:-10%;justify-content:center}.tps-look-book .btn-next{right:-10%;justify-content:center}.tps-look-book .btn-prev svg,.tps-look-book .btn-next svg{width:30px;height:30px;stroke-width:1.2}.tps-look-book-pagination{margin-top:25px;font-size:15px;color:#333;font-weight:300;letter-spacing:.05em}}.tps-look-book .btn-prev{left:1%}.tps-look-book .btn-next{right:1%}.tps-look-book .btn-prev:hover,.tps-look-book .btn-next:hover{color:#000;transform:translateY(-50%) scale(1.2)}.tps-look-book-pagination{text-align:center;margin-top:40px;font-size:14px;color:#333;letter-spacing:1px}.tps-look-book-tag{position:absolute;cursor:pointer;z-index:15;transition:transform .2s ease;pointer-events:auto}.tps-look-book-tag-inner{position:relative;cursor:pointer;width:calc(var(--tps-tag-size-base, 18) / 800 * var(--tps-book-height));height:calc(var(--tps-tag-size-base, 18) / 800 * var(--tps-book-height));border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none}.tps-look-book-tag-svg{width:100%;height:100%;display:block}.tps-look-book-tag-inner:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:none;animation:tps-tag-pulse 2s infinite;pointer-events:none}@keyframes tps-tag-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}.tps-look-book-tag-keywords{font-size:12px;line-height:1.2;color:var(--tps-tag-color, #000000);position:absolute;left:calc(100% + 10px);background:var(--tps-tag-bg-color, #ffffff);border-radius:4px;padding:6px 10px;white-space:nowrap;box-shadow:0 4px 10px #0000001a;pointer-events:none;opacity:0;transform:translate(-5px);transition:all .3s ease}.tps-look-book-loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:100;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease-out,visibility .5s ease-out}.tps-look-book-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.skeleton-wrapper{width:var(--tps-book-width);height:var(--tps-book-height);position:relative;background:#f0f0f0;overflow:hidden;border-radius:4px}.skeleton-book-page{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tps-look-book-tag:hover .tps-look-book-tag-keywords{opacity:1;transform:translate(0)}.tps-look-book-tag-inner:hover,.tps-look-book-tag:hover{transform:scale(1.1)}@media(min-width:769px){.tps-look-book-wrapper.is-open{transform:translate(calc(var(--tps-book-width) / 2))}.tps-look-book-wrapper.is-closed-back{transform:translate(var(--tps-book-width))}@media(min-width:1200px){.tps-look-book .btn-prev{left:calc(50% - var(--tps-book-width) - 100px)}.tps-look-book .btn-next{right:calc(50% - var(--tps-book-width) - 100px)}.tps-look-book-wrapper.is-open .btn-prev,.tps-look-book-wrapper.is-closed-back .btn-prev{left:calc(50% - var(--tps-book-width) - 50px)}}}
/*# sourceMappingURL=/cdn/shop/t/439/assets/tps-look-book.css.map */