.interactive-space{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;background-color:#000;overflow:hidden}.panoramic-container{position:relative;width:100%;height:100vh;overflow:hidden;touch-action:pan-x}.panoramic-wrapper{position:relative;height:100vh;transition:transform .1s ease-out;will-change:transform;min-width:100%;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.panoramic-background{min-width:100vw!important}@media screen and (min-width: 1400px) and (max-width: 1800px){.panoramic-background{background-position:left center!important;min-width:100vw!important}}@media screen and (max-width: 1024px){.panoramic-background{min-width:100%!important;background-position:center!important}}@media screen and (min-width: 1200px) and (max-width: 1800px){.panoramic-wrapper{overflow:hidden!important;min-width:100vw!important}.panoramic-container{overflow:hidden!important}}.panoramic-background{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;z-index:1}@media screen and (max-width: 1800px){.panoramic-background,.panoramic-wrapper,.panoramic-container{cursor:grab;cursor:-webkit-grab;cursor:-moz-grab}}.panoramic-wrapper.dragging,.panoramic-wrapper.dragging .panoramic-background{cursor:grabbing!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important}@media screen and (min-width: 1601px){.panoramic-background,.panoramic-wrapper,.panoramic-container{cursor:default}}@media screen and (min-width: 1601px){.panoramic-background{width:100%;height:100%;background-size:cover;background-position:center center}.panoramic-wrapper{height:100vh}}@media screen and (max-width: 1800px){.panoramic-background{background-size:auto 100%;height:100%;width:auto;min-width:100%;background-position:center;background-repeat:no-repeat;background-attachment:scroll}.interactive-space,.panoramic-container,.panoramic-wrapper{height:100vh;height:-webkit-fill-available;max-height:-webkit-fill-available}.panoramic-wrapper{overscroll-behavior:none!important}}.interactive-point{position:absolute;transform:translate(-50%,-50%);z-index:10;cursor:pointer}.point-indicator{width:14px;height:14px;border-radius:50%;position:relative;z-index:2}.ring-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:1.65px solid;animation:pulse 2s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.dialog-box{position:absolute;bottom:30px;left:50%;transform:translate(-50%) translateY(10px);padding:5px 15px;border-radius:8px;z-index:3;text-align:center;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s;width:max-content;box-shadow:0 4px 15px #00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);max-width:320px;white-space:normal;word-wrap:break-word}.interactive-point:hover .dialog-box,.interactive-point:focus .dialog-box{display:block;opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dialog-box h3{margin-top:0;margin-bottom:0;font-size:14px;font-weight:700;width:100%}.dialog-link{display:inline-block;text-decoration:none;font-weight:700;font-size:14px;position:relative;transition:transform .2s ease}.dialog-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:currentColor;transition:width .3s ease}.dialog-link:hover{transform:translate(1px)}.dialog-link:hover:after{width:100%}.transition-mark{position:absolute;transform:translate(-50%,-50%);z-index:10;cursor:pointer}.transition-container{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;border-radius:50px;width:100%}.transition-link{text-decoration:none;display:block;width:100%}.transition-title{font-size:16px;font-weight:700}.transition-arrow{font-size:20px;line-height:1}.transition-right .transition-container{flex-direction:row}.transition-left .transition-container{flex-direction:row-reverse}.swipe-dot{width:12px;height:12px;background-color:#fff;border-radius:50%;position:absolute;top:9px;left:25px;transition:left 1.2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #ffffffe6,0 0 12px #ffffffb3;border:1px solid rgba(255,255,255,.9)}.inverted .swipe-dot{background-color:#000;box-shadow:0 0 8px #000c,0 0 12px #0009;border:1px solid rgba(0,0,0,.8)}.swipe-dot.active-glow{box-shadow:0 0 12px #fff,0 0 18px #fffc}.inverted .swipe-dot.active-glow{box-shadow:0 0 12px #000000e6,0 0 18px #000000b3}.mobile-swipe-indicator{position:absolute;bottom:15px;left:50%;transform:translate(-50%);z-index:20;opacity:0;transition:opacity .5s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:10px;background-color:#ffffff1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:4px 8px;border-radius:20px;box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.18)}.mobile-swipe-indicator.inverted{background-color:#0003;border:1px solid rgba(0,0,0,.18);box-shadow:0 4px 6px #ffffff1a}.mobile-swipe-indicator.active{opacity:1}.swipe-animation{width:60px;height:30px;background-color:#fff3;border-radius:15px;position:relative}.inverted .swipe-animation{background-color:#0000004d}.arrow-left,.arrow-right{font-size:18px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.inverted .arrow-left,.inverted .arrow-right{color:#000;text-shadow:0 0 3px rgba(255,255,255,.5)}@supports not (backdrop-filter: blur(8px)){.mobile-swipe-indicator{background-color:#fff9}.mobile-swipe-indicator.inverted{background-color:#0009}.dialog-box{background-color:#ffffffe6}}@media screen and (min-width: 1601px){.mobile-swipe-indicator{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}}.menu-button{position:absolute;top:30px;left:30px;z-index:100;cursor:pointer;width:30px;height:30px}.menu-icon{display:block;position:relative;width:100%;height:2px;background-color:currentColor}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:100%;height:2px;background-color:currentColor;left:0}.menu-icon:before{top:-8px}.menu-icon:after{bottom:-8px}@media screen and (max-width: 1800px){.dialog-box{padding:5px 15px;max-width:280px}.dialog-box h3{font-size:14px}.dialog-link{font-size:13px}}@media screen and (max-width: 768px){.menu-button{top:20px;left:20px}.dialog-box{padding:5px 15px;max-width:240px}.dialog-box h3{font-size:14px;margin-bottom:0}.dialog-link{font-size:12px}}.panoramic-background{min-width:100%}@media screen and (max-width: 1800px){.panoramic-background{background-size:auto 100%;min-width:100%;background-position:center}.panoramic-wrapper{min-width:100%}.interactive-space{background-color:#000;overflow:hidden}}.boundary-hit{transition:transform .3s ease-out}@supports (-webkit-touch-callout: none){.interactive-space,.panoramic-container,.panoramic-wrapper{height:-webkit-fill-available}}@media screen and (min-width: 1500px) and (max-width: 1530px){.panoramic-background{background-size:cover!important;background-position:center center!important;width:100%!important}}.transition-mark{position:absolute;z-index:15}.transition-left{transform:translateY(-50%)!important}.transition-right{transform:translate(-100%,-50%)!important}.transition-container{display:flex;align-items:center;transition:min-width .3s ease,width .3s ease,background-color .3s ease;white-space:nowrap;padding:8px 12px;border-radius:50px;box-sizing:border-box;overflow:hidden}.transition-link{text-decoration:none;display:block}.transition-title-wrapper{transition:opacity .3s ease,max-width .3s ease;overflow:hidden}.transition-title{padding:0 8px;font-weight:500;white-space:nowrap;opacity:1;transform:translate(0);transition:transform .3s ease,opacity .3s ease}.transition-arrow{font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;min-width:18px;transition:transform .2s ease}.transition-left .transition-container{flex-direction:row;justify-content:flex-start}.transition-left:hover .transition-arrow{transform:translate(-3px)}.transition-left .transition-title{transform:translate(-20px);transition:transform .5s ease,opacity .3s ease}.transition-left:hover .transition-title{transform:translate(0)}.transition-right .transition-container{flex-direction:row;justify-content:flex-end}.transition-right:hover .transition-arrow{transform:translate(3px)}.transition-right .transition-title{transform:translate(20px);transition:transform .5s ease,opacity .3s ease}.transition-right:hover .transition-title{transform:translate(0)}@media (hover: none){.transition-container{padding:10px 12px}.transition-arrow{font-size:20px;min-width:22px}.transition-mark.active .transition-title-wrapper{opacity:1;max-width:300px}.transition-mark.active .transition-title{transform:translate(0);opacity:1}}.blur-effect{position:relative;z-index:1;overflow:hidden}.blur-ice{box-shadow:0 0 15px #ffffff4d}.blur-black_ice{box-shadow:0 0 15px #0000004d}.transition-container.blur-effect{backdrop-filter:var(--blur-filter, blur(5px));-webkit-backdrop-filter:var(--blur-filter, blur(5px));background-color:var(--blur-bg-color, rgba(0, 0, 0, .5))}.transition-mark:hover .transition-container.blur-effect{backdrop-filter:var(--blur-filter, blur(5px));-webkit-backdrop-filter:var(--blur-filter, blur(5px))}@keyframes blurFadeOut{0%{filter:blur(15px);-webkit-filter:blur(15px);opacity:.9}to{filter:blur(0px);-webkit-filter:blur(0px);opacity:1}}.panoramic-background{animation:blurFadeOut .8s ease-out forwards;-webkit-animation:blurFadeOut .8s ease-out forwards;will-change:filter,opacity}.panoramic-wrapper{overflow:visible!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/interactive-space.css.map */