.ishowcase{display:block;position:relative;width:100%;--scroll-length: var(--scroll-length-desktop, 4);height:calc(var(--scroll-length, 4) * 100vh)}.ishowcase__pin{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:center}.ishowcase__container{width:100%;height:100%}.ishowcase__stage{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;background:var(--body_background, #eeeff2);container-type:size}.ishowcase__frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;width:max(100cqw,100cqh * 16 / 9);height:max(100cqh,100cqw * 9 / 16)}.ishowcase__video,.ishowcase__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.ishowcase__poster--empty{display:flex;align-items:center;justify-content:center}.ishowcase__poster--empty .placeholder-svg{width:100%;height:100%;object-fit:cover}.ishowcase__video{z-index:1}.ishowcase__poster{z-index:0}.ishowcase:not(.is-placeholder):not(.is-static) .ishowcase__video~.ishowcase__poster{visibility:hidden}.ishowcase__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:0;pointer-events:none;transition:opacity .5s ease}.ishowcase.is-revealed .ishowcase__hotspots{opacity:1;pointer-events:auto}.ishowcase__hotspot{position:absolute;left:var(--hx, 50%);top:var(--hy, 50%);transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.ishowcase__hotspot-dot{position:relative;width:18px;height:18px;border-radius:50%;background:#2e7bf5;box-shadow:0 0 0 6px #2e7bf540,0 0 0 12px #2e7bf51f;transition:transform .2s ease}.ishowcase__hotspot-dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(46,123,245,.5);animation:ishowcase-pulse 2s ease-out infinite}.ishowcase__hotspot:hover .ishowcase__hotspot-dot,.ishowcase__hotspot[aria-expanded=true] .ishowcase__hotspot-dot{transform:scale(1.15)}@keyframes ishowcase-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.4);opacity:0}}@media(prefers-reduced-motion:reduce){.ishowcase__hotspot-dot:after{animation:none}}.ishowcase__popup{position:absolute;z-index:4;top:50%;left:50%;width:min(300px,82vw);transform:translate(-50%,-50%) scale(.96);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;background:#fff;border-radius:18px;padding:4px;box-shadow:0 24px 60px #00000040}.ishowcase__popup.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.ishowcase__popup-close{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffffd9;cursor:pointer;color:#1a1a1a}.ishowcase__popup-close svg{width:14px;height:14px}.ishowcase__popup-media{display:block;border-radius:16px;overflow:hidden}.ishowcase__popup-media img{display:block;width:100%;height:220px;object-fit:contain}.ishowcase__popup-detail{display:flex;align-items:flex-end;gap:12px;padding:12px 12px 8px}.ishowcase__popup-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.ishowcase__popup-title{font-size:16px;font-weight:700;line-height:1.2;color:#000;text-decoration:none}.ishowcase__popup-price{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ishowcase__popup-compare{font-size:12px;color:#b4b4b4;text-decoration:line-through}.ishowcase__popup-actual{font-size:18px;font-weight:700;color:var(--discount_price_background, #d63a2f)}.ishowcase__popup-form{margin:0}.ishowcase__popup-add{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#111;color:#fff;cursor:pointer}.ishowcase__popup-add[disabled]{opacity:.4;cursor:not-allowed}.ishowcase__popup-add svg{width:20px;height:20px}.ishowcase.is-placeholder,.ishowcase.is-static{height:auto}.ishowcase.is-placeholder .ishowcase__pin,.ishowcase.is-static .ishowcase__pin{position:static;height:auto}.ishowcase.is-placeholder .ishowcase__stage,.ishowcase.is-static .ishowcase__stage{height:auto;aspect-ratio:16 / 9}.ishowcase.is-placeholder .ishowcase__video,.ishowcase.is-static .ishowcase__video,.ishowcase__video--mobile,.ishowcase__poster--mobile{display:none}@media(max-width:767px){.ishowcase:not(.has-mobile-video){height:auto}.ishowcase:not(.has-mobile-video) .ishowcase__pin{position:static;height:auto}.ishowcase:not(.has-mobile-video) .ishowcase__stage{height:auto;aspect-ratio:16 / 9}.ishowcase:not(.has-mobile-video) .ishowcase__video{display:none}.ishowcase:not(.has-mobile-video):not(.is-placeholder) .ishowcase__video~.ishowcase__poster{visibility:visible}.ishowcase.has-mobile-video:not(.is-static):not(.is-placeholder){height:calc(var(--scroll-length, 4) * var(--pin-height));overflow-x:visible;overflow-y:clip}.ishowcase.has-mobile-video{--scroll-length: var(--scroll-length-mobile, 4);--pin-height: 100vh}.ishowcase.has-mobile-video:not(.is-static):not(.is-placeholder) .ishowcase__pin{height:var(--pin-height);align-items:stretch}.ishowcase.has-mobile-video .ishowcase__pin{width:100vw;margin-inline:calc(50% - 50vw)}.ishowcase.has-mobile-video .ishowcase__container{padding-inline:0;max-width:none}.ishowcase.has-mobile-video .ishowcase__stage{border-radius:0}.ishowcase.has-mobile-video:not(.is-static):not(.is-placeholder) .ishowcase__stage{height:100vh}@supports (height: 100svh){.ishowcase.has-mobile-video{--pin-height: 100svh}.ishowcase.has-mobile-video:not(.is-static):not(.is-placeholder) .ishowcase__stage{height:100lvh}}.ishowcase.has-mobile-video .ishowcase__frame{width:max(100cqw,100cqh * var(--ar-mobile, .5625));height:max(100cqh,100cqw * var(--ar-mobile-inv, 1.7778))}.ishowcase.has-mobile-video.is-static .ishowcase__stage,.ishowcase.has-mobile-video.is-placeholder .ishowcase__stage{aspect-ratio:var(--ar-mobile, .5625)}.ishowcase.has-mobile-video .ishowcase__video--desktop,.ishowcase.has-mobile-video .ishowcase__poster--desktop{display:none}.ishowcase.has-mobile-video:not(.is-static) .ishowcase__video--mobile{display:block}.ishowcase.has-mobile-video .ishowcase__poster--mobile{display:block}.ishowcase.has-mobile-video:not(.is-static) .ishowcase__poster--mobile{visibility:hidden}.ishowcase.has-mobile-video.is-static .ishowcase__poster--mobile{visibility:visible}.ishowcase__hotspot{left:var(--hx-mobile, var(--hx, 50%));top:var(--hy-mobile, var(--hy, 50%));width:32px;height:32px}.ishowcase__hotspot-dot{width:14px;height:14px;box-shadow:0 0 0 4px #2e7bf540,0 0 0 8px #2e7bf51f}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/interactive-showcase.css.map */