.environment-container{background:#fff;width:100%;height:calc(var(--vh, 1vh) * 100);overflow-x:scroll;position:relative;display:block;line-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.environment-container{overflow:-moz-scrollbars-none}.store-envrioment-img{height:100%;min-width:100%;min-height:500px;z-index:0;max-width:none;object-position:center;image-rendering:auto;pointer-events:none}.store-environment-video{height:100vh;min-width:100%;z-index:0;object-fit:cover}.interactive-point{position:absolute;width:12px;height:12px;background-color:#fff;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);z-index:15;box-shadow:0 0 10px 5px #0003}.pulse-ring{position:absolute;border:1px solid #fff;border-radius:50%;animation:pulse-animation 4s infinite ease-out;transform-origin:center center;opacity:0;z-index:10;pointer-events:none}@keyframes pulse-animation{0%{transform:scale(.5);opacity:.6}50%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}@keyframes scaleAnimation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}#logo-container{position:absolute;top:20px;z-index:2;width:fit-content;display:flex;flex-direction:column;align-items:center;height:auto}#logo{width:100px;height:auto;display:block;margin-bottom:10px;max-width:none}.environment-logo{max-width:none}.dialog-box{position:absolute;background-color:#fff;font-family:var(--dialog_font),sans-serif;font-weight:bolder;font-size:1rem;padding:15px;border-radius:30px;box-shadow:0 0 10px #00000040;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transform:translateY(10px);z-index:30;text-decoration:none;color:#000;border:none;outline:none}.interactive-point:hover .dialog-box{opacity:1;pointer-events:auto;transform:translateY(0)}.interactive-point:hover .pulse-ring{display:none}@keyframes fadeIn{to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes highlight{0%{background-position:0}to{background-position:-100%}}*,*:after,*:before{box-sizing:border-box}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}:root{--pill-diameter: 25px;--icon-size: 13px;--text-gap: 10px;--text-pad: 12px}.environment-nav a{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;outline:none;text-align:left;z-index:1000;transform:translateY(-50%);margin:0 20px;box-shadow:#0003 0 0 10px;text-shadow:rgba(0,0,0,.3) 0px 0px 10px;width:var(--pill-diameter);height:var(--pill-diameter);border-radius:40px;background:transparent;background-color:transparent!important;border:solid 2px #fff;padding:0;overflow:hidden;text-decoration:none;transition:padding .5s ease-out,background-color .5s ease-out,border-color .5s ease-out,width .5s ease-out}.environment-nav a.prev{left:0}.environment-nav a.next{right:0}.environment-nav .icon-wrap{position:absolute;width:var(--icon-size);height:var(--icon-size);top:50%;transform:translateY(-50%);line-height:0;pointer-events:none}.environment-nav a.prev .icon-wrap{left:3px;top:10px}.environment-nav a.next .icon-wrap{right:5px;top:10px}.environment-nav a svg.icon{width:15px!important;height:15px!important;fill:#fff!important;stroke:#fff!important;stroke-width:3px!important;stroke-linecap:round;stroke-linejoin:round;background-color:transparent!important}.environment-nav h3{margin:0;color:#fff;text-transform:capitalize;white-space:nowrap;font-weight:700;font-size:1rem;line-height:1.4;text-decoration:none;opacity:0;will-change:transform,opacity;transition:opacity .18s ease-out,transform .28s ease-out}.environment-nav a.next h3{transform:translate(10px);text-align:right}.environment-nav a.prev h3{transform:translate(-10px);text-align:left}.environment-nav a:hover,.environment-nav a.active{width:auto;overflow:visible;background:transparent;transition:padding .5s cubic-bezier(.4,0,.2,1),background-color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1)}.environment-nav a.next{justify-content:flex-start;gap:var(--text-gap)}.environment-nav a.next:hover,.environment-nav a.next.active{padding-right:calc(10px + var(--icon-size));padding-left:var(--text-pad)}.environment-nav a.next:hover h3,.environment-nav a.next.active h3{opacity:1;transform:translate(0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.environment-nav a.prev{justify-content:flex-end;gap:var(--text-gap)}.environment-nav a.prev:hover,.environment-nav a.prev.active{padding-left:calc(10px + var(--icon-size));padding-right:var(--text-pad)}.environment-nav a.prev:hover h3,.environment-nav a.prev.active h3{opacity:1;transform:translate(0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.environment-nav a:hover .icon-wrap,.environment-nav a.active .icon-wrap{position:absolute}.svg-wrap{position:absolute;width:0px;height:0px;overflow:hidden}#Swipe-horizontal_1{display:none}@media (max-width: 768px){.dialog-box{display:none}.store-envrioment-img{min-height:500px}.hit-area{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);cursor:pointer;z-index:15}.environment-nav a.active{width:auto;overflow:visible;background:transparent;transition:padding .5s cubic-bezier(.4,0,.2,1),background-color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1)}.environment-nav a.next.active{padding-right:calc(5px + var(--icon-size));padding-left:var(--text-pad)}.environment-nav a.prev.active{padding-left:calc(3px + var(--icon-size));padding-right:var(--text-pad)}.environment-nav a.active h3{opacity:1;transform:translate(0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}#Swipe-horizontal_1{position:absolute;display:inline-block;width:340px;padding:0 100px;z-index:1;bottom:15px;pointer-events:none;margin:0;transform:none}.hand-x{fill:gray;opacity:.4}.arrow-left,.arrow-right,.line-horizontal,.notes{fill:transparent;opacity:.4;stroke:gray;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.notes{opacity:0}@keyframes swipe-x{0%{transform:translate(0)}25%{transform:translate(50px) rotate(10deg)}50%{transform:translate(0)}75%{transform:translate(-50px) rotate(-10deg)}}.hand-x{animation:swipe-x 2.25s ease-in-out backwards;animation-iteration-count:infinite}.fade-out{animation:fadeOut .5s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}}#interactive-date-time{width:100%;text-align:center;margin-top:10px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.date,.time{display:inline-block;text-align:center;line-height:1.2;width:auto}.store-envrioment-img{object-fit:cover;object-position:center;width:auto;height:100vh;max-width:none;max-height:none;display:block}/*!@media screen and (min-width: 1900px) {
  .store-envrioment-img {
    width: 100vw;
    height: auto;
  }
}*/.other-footer,.global-menu{display:none}html,body{overscroll-behavior:none;overflow-x:hidden}#shopify-section-interactive-environments,#shopify-section-interactive-environment-1{height:100%!important}.environment-container{height:calc(var(--vh, 1vh) * 100)!important;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior-x:contain;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.environment-container::-webkit-scrollbar{display:none}.environment-container{scrollbar-width:none}.environment-container{-ms-overflow-style:none}@media (max-width: 768px){.environment-container{margin-top:0!important;margin-bottom:0!important;height:calc(var(--vh, 1vh) * 100)!important}.store-envrioment-img,.store-environment-video{height:calc(var(--vh, 1vh) * 100)!important;width:auto!important;object-fit:cover}.environment-nav a.next:hover{padding-right:calc(13px + var(--icon-size))!important}.environment-nav a.prev:hover{padding-left:calc(13px + var(--icon-size))!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/interactive-environments.css.map */