@media screen and (max-width:767px){.tech-animations-enabled *{transition:none!important;animation:none!important;transform:none!important}}body.template-page-technology .tech-heading,body.template-page-technology .battery-heading,body.template-page-technology .battery-sub,body.template-page-technology .battery-card,body.template-page-technology .phone-mockup,body.template-page-technology .monitor-card,body.template-page-technology .monitor-tagline,body.template-page-technology .plug-circle,body.template-page-technology .plug-image,body.template-page-technology .ess-image,body.template-page-technology .ess-bar,body.template-page-technology .harsh-bullet,body.template-page-technology .harsh-image,body.template-page-technology .why-banner,body.template-page-technology .why-heading,body.template-page-technology .why-item,body.template-page-technology .tech-hero__title-top,body.template-page-technology .tech-hero__title-main,body.template-page-technology .tech-hero__title-sub,body.template-page-technology .tech-hero__description,body.template-page-technology .tech-hero__headline{opacity:0;will-change:transform,opacity}body.template-page-technology .tech-hero__title-top{transform:translateY(-30px)}body.template-page-technology .tech-hero__title-main{transform:translate(-50px)}body.template-page-technology .tech-hero__title-sub{transform:translate(-40px)}body.template-page-technology .tech-hero__description{transform:translateY(30px)}body.template-page-technology .in-view.tech-hero__title-top{animation:techFadeDown .5s ease forwards}body.template-page-technology .in-view.tech-hero__title-main{animation:techSlideRight .8s ease .4s forwards}body.template-page-technology .in-view.tech-hero__title-sub{animation:techSlideRight .7s ease .8s forwards}body.template-page-technology .in-view.tech-hero__headline{animation:techFadeIn .6s ease 1.2s forwards}body.template-page-technology .in-view.tech-hero__description{animation:techFadeUp .6s ease 1.6s forwards}.tech-dots{display:inline-block}.tech-dots span{animation:techBlink 1.4s infinite;opacity:0}.tech-dots span:nth-child(2){animation-delay:.3s}.tech-dots span:nth-child(3){animation-delay:.6s}@media screen and (min-width:1200px){body.template-page-technology .tech-hero{background-attachment:fixed;background-position:center top}}body.template-page-technology .battery-heading,body.template-page-technology .battery-sub{transform:translateY(40px)}body.template-page-technology .battery-card{transform:scale(.9)}body.template-page-technology .in-view.battery-heading{animation:techFadeUp .6s ease forwards}body.template-page-technology .in-view.battery-sub{animation:techFadeUp .6s ease .4s forwards}body.template-page-technology .in-view.battery-card{animation:techScaleFadeIn .6s ease var(--delay, 0s) forwards}body.template-page-technology .battery-card{transition:transform .3s ease,box-shadow .3s ease}body.template-page-technology .battery-card:hover .battery-core__image{transform:scale(1.05);transition:transform .3s ease}.battery-tagline-wrap{opacity:0}body.template-page-technology .in-view.battery-tagline-wrap{animation:techFadeIn .5s ease forwards}.battery-underline{display:block;height:2px;background:#ffcb08;width:0;transition:width .6s ease}body.template-page-technology .in-view .battery-underline{width:100%}body.template-page-technology .monitor-heading{transform:translateY(40px)}body.template-page-technology .monitor-subtitle{opacity:0;transform:translateY(40px);will-change:transform,opacity}body.template-page-technology .phone-mockup{transform:translate(-50px) scale(.95)}body.template-page-technology .monitor-card{transform:translate(50px)}body.template-page-technology .monitor-tagline{transform:translateY(40px)}body.template-page-technology .in-view.monitor-heading{animation:techFadeUp .6s ease forwards}body.template-page-technology .in-view.monitor-subtitle{animation:techFadeUp .6s ease .4s forwards}body.template-page-technology .in-view.phone-mockup{animation:techSlideScaleInRight .8s ease forwards}body.template-page-technology .in-view.monitor-card{animation:techSlideRightZero .6s ease var(--delay, 0s) forwards}body.template-page-technology .in-view.monitor-tagline{animation:techFadeUp .6s ease .4s forwards}body.template-page-technology .monitor-card{transition:transform .3s ease}body.template-page-technology .monitor-card:hover{transform:translate(6px)!important}body.template-page-technology .monitor-card:hover .monitoring-platform__feature-icon{transform:rotate(5deg) scale(1.1);transition:transform .3s ease}body.template-page-technology .monitor-glow-bg{animation:techBgGlow 3s infinite alternate}body.template-page-technology .plug-header{transform:translateY(40px)}body.template-page-technology .plug-circle{transform:scale(0);opacity:0}body.template-page-technology .plug-image{transform:translate(50px)}body.template-page-technology .in-view.plug-header{animation:techFadeUp .6s ease forwards}body.template-page-technology .in-view.plug-circle{animation:techSmoothScaleIn 1.2s cubic-bezier(.22,1,.36,1) var(--delay, 0s) forwards}body.template-page-technology .in-view.plug-image{animation:techSlideRightZero .8s ease forwards}body.template-page-technology .plug-circle .plug-and-play__icon-wrapper{transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1)}body.template-page-technology .plug-circle:hover .plug-and-play__icon-wrapper{transform:translateY(-8px) scale(1.05)!important;filter:brightness(1.15)}body.template-page-technology .plug-image img.plug-and-play__image{transition:transform .6s cubic-bezier(.22,1,.36,1)}body.template-page-technology .plug-image:hover img.plug-and-play__image{transform:scale(1.05)!important}body.template-page-technology .ess-heading{transform:translateY(40px)}body.template-page-technology .ess-image{transform:translate(-70px)}body.template-page-technology .ess-bar{transform:translate(50px)}body.template-page-technology .in-view.ess-heading{animation:techFadeUp .6s ease forwards}body.template-page-technology .in-view.ess-image{animation:techSlideRightZero .8s ease forwards}body.template-page-technology .in-view.ess-bar{animation:techSlideRightZero .6s ease var(--delay, 0s) forwards}body.template-page-technology .ess-bar{transition:transform .3s ease,box-shadow .3s ease}body.template-page-technology .ess-bar:hover{transform:translate(8px)!important;box-shadow:-5px 5px 15px #e2b81966}.ess-shimmer{position:relative;overflow:hidden}.ess-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:techShimmer 4s infinite}body.template-page-technology .bfh-heading,body.template-page-technology .bfh-subtitle{opacity:0;transform:translateY(40px);will-change:transform,opacity}body.template-page-technology .harsh-bullet{transform:translate(-40px)}body.template-page-technology .harsh-image{transform:translate(50px)}body.template-page-technology .in-view.bfh-heading{animation:techFadeUp .6s ease forwards}body.template-page-technology .in-view.bfh-subtitle{animation:techFadeUp .6s ease .4s forwards}body.template-page-technology .in-view.harsh-bullet{animation:techSlideRightZero .6s ease var(--delay, 0s) forwards}body.template-page-technology .in-view.harsh-image{animation:techSlideRightZero .8s ease forwards}body.template-page-technology .in-view .bfh-bullet-dot{animation:techIconPop .5s ease var(--delay, 0s) forwards}body.template-page-technology .why-banner{transform:scale(.97)}body.template-page-technology .why-heading{transform:translateY(-30px)}body.template-page-technology .why-item{transform:scale(.9)}body.template-page-technology .in-view.why-banner{animation:techScaleFadeIn .8s ease forwards}body.template-page-technology .in-view.why-heading{animation:techFadeDown .6s ease forwards}body.template-page-technology .in-view.why-item{animation:techScaleFadeIn .6s ease var(--delay, 0s) forwards}body.template-page-technology .in-view .bfh-feature-icon{animation:techCheckPulse 2s infinite}body.template-page-technology .why-item{transition:transform .3s ease}body.template-page-technology .why-item:hover{transform:translateY(-3px)!important}body.template-page-technology .why-item:hover .bfh-feature-icon{transform:scale(1.1);transition:transform .3s}body.template-page-technology .testi-heading{opacity:0;transform:translateY(40px);will-change:transform,opacity}body.template-page-technology .testi-center-card{transform:scale(.9);opacity:0;will-change:transform,opacity}body.template-page-technology .testi-left-card{transform:translate(-50px);opacity:0;will-change:transform,opacity}body.template-page-technology .testi-right-card{transform:translate(50px);opacity:0;will-change:transform,opacity}body.template-page-technology .in-view.testi-heading{animation:techFadeUp .6s ease forwards}body.template-page-technology .in-view.testi-center-card{animation:techScaleFadeIn .6s ease forwards}body.template-page-technology .in-view.testi-left-card{animation:techSlideRightZero .6s ease forwards}body.template-page-technology .in-view.testi-right-card{animation:techSlideLeftZero .6s ease forwards}body.template-page-technology .testi-star{transform:scale(0);opacity:0}body.template-page-technology .in-view .testi-star{animation:techScaleFadeIn .4s ease var(--delay, 0s) forwards}body.template-page-technology .news-heading{transform:translate(-40px);opacity:0;will-change:transform,opacity}body.template-page-technology .news-input{transform:translate(40px);opacity:0;will-change:transform,opacity}body.template-page-technology .in-view.news-heading{animation:techSlideRightZero .6s ease forwards}body.template-page-technology .in-view.news-input{animation:techSlideLeftZero .6s ease forwards}body.template-page-technology .news-input input:focus{border-color:#ffcb08!important;box-shadow:0 0 10px #ffcb084d!important}body.template-page-technology .news-btn{transition:transform .3s ease}body.template-page-technology .news-btn:hover{transform:scale(1.1)}body.template-page-technology .news-btn:hover .footer__arrow-icon{transform:translate(4px)}body.template-page-technology .footer-col{opacity:0;transform:translateY(30px);will-change:transform,opacity}body.template-page-technology .in-view.footer-col{animation:techFadeUp .6s ease var(--delay, 0s) forwards}body.template-page-technology .footer__link{padding-left:0;transition:padding-left .3s ease,color .3s ease}body.template-page-technology .footer__link:hover{color:#ffcb08;padding-left:6px}body.template-page-technology .footer__cta{transition:transform .3s ease,box-shadow .3s ease}body.template-page-technology .footer__cta:hover{transform:scale(1.02);box-shadow:0 0 15px #ffcb0866}@keyframes techFadeDown{to{opacity:1;transform:translateY(0)}}@keyframes techFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes techFadeIn{to{opacity:1}}@keyframes techSlideRight{to{opacity:1;transform:translate(0)}}@keyframes techSlideRightZero{to{opacity:1;transform:translate(0)}}@keyframes techSlideLeftZero{to{opacity:1;transform:translate(0)}}@keyframes techScaleFadeIn{to{opacity:1;transform:scale(1)}}@keyframes techSlideScaleInRight{to{opacity:1;transform:translate(0) scale(1)}}@keyframes techBounceScaleIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes techBlink{0%,to{opacity:0}50%{opacity:1}}@keyframes techFloat{to{transform:translateY(-10px)}}@keyframes techSmoothScaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes techBgGlow{0%{filter:brightness(1) drop-shadow(0 0 0px transparent)}to{filter:brightness(1.2) drop-shadow(0 0 20px rgba(14,75,139,.4))}}@keyframes techShimmer{0%{left:-100%}to{left:200%}}@keyframes techIconPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes techCheckPulse{0%{transform:scale(1)}50%{transform:scale(1.05);filter:brightness(1.1)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/technology-animations.css.map */