#shopify-section-interactive-environments,#shopify-section-interactive-environment-1{height:100%!important}.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::-webkit-scrollbar{display:none}.environment-container{-ms-overflow-style:none}.environment-container{scrollbar-width:none}.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}.store-environment-video{height:100vh;min-width:100%;z-index:0;object-fit:cover}.interactive-point{position:absolute;width:15px;height:15px;background-color:#fff;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);z-index:15;box-shadow:#00000040 0 0 10px}.pulse-ring{position:absolute;border:2px 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(1.5);opacity:0}to{transform:scale(1.5);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:19px;padding:15px;border-radius:8px;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:inherit;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{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.environment-nav a{position:absolute;top:50%;display:block;outline:none;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.environment-nav a.prev{left:0}.environment-nav a.next{right:0}.environment-nav a svg{display:block;margin:0 auto;padding:0}.environment-nav a{margin:0 20px;padding:15px;width:20px;height:20px;border-radius:40px;background:transparent;-webkit-transition:width .3s,background-color .3s;transition:width .3s,background-color .3s;border:solid 1px #fff}.environment-nav .icon-wrap{position:absolute;width:32px}.environment-nav a.prev .icon-wrap{left:-2px;top:5px}.environment-nav a.next .icon-wrap{right:0;top:5px}.environment-nav svg.icon{fill:#a5a5a5;background-color:transparent}.environment-nav h3{position:absolute;top:0;margin:0;color:#fff;text-transform:uppercase;white-space:nowrap;letter-spacing:1px;font-weight:400;font-size:16px;line-height:2;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;font-family:var(--dialog_font),sans-serif}.environment-nav a.prev h3{right:20px}.environment-nav a.next h3{left:20px}.environment-nav a:hover{width:var(--transition-width);background:transparent}.environment-nav a:hover h3{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}.environment-nav a.active{width:var(--transition-width);background:transparent}.environment-nav a.active h3{opacity:1;transition-delay:.1s}.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:var(--transition-width);background:transparent}.environment-nav a.active h3{opacity:1;transition-delay:.1s;transform:translate(0)}#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}
/*# sourceMappingURL=/cdn/shop/t/4/assets/interactive-environments.css.map */