.product-feature-orbit{--orbit-background-image: linear-gradient(transparent, transparent);--orbit-image-offset: 145%;position:relative;overflow:hidden;padding:80px 0 90px;background-color:#050505;background-image:radial-gradient(circle at center,#0505052e,#050505b8 76%,#050505),var(--orbit-background-image),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='92' viewBox='0 0 80 92'%3E%3Cg fill='none' stroke='%23131313' stroke-width='1'%3E%3Cpath d='M20 .5 40 12v23L20 46.5 0 35V12zM60 .5 80 12v23L60 46.5 40 35V12zM20 46.5 40 58v23L20 92.5 0 81V58zM60 46.5 80 58v23L60 92.5 40 81V58z'/%3E%3C/g%3E%3C/svg%3E");background-position:center,center,0 0;background-size:cover,cover,80px 92px;color:var(--white)}.product-feature-orbit__heading{margin:0 0 45px;color:var(--white);font-size:var(--font50);font-weight:var(--fontWeight700);line-height:1.2;text-align:center}.product-feature-orbit__diagram{position:relative;min-height:520px}.product-feature-orbit__visual{position:absolute;top:50%;left:50%;width:min(36vw,535px);aspect-ratio:1;transform:translate(-50%,-50%)}.product-feature-orbit__motion-path{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:visible;transform-origin:center}.product-feature-orbit__ring-path,.product-feature-orbit__inner-ring{stroke:#ffffff6b;transform-box:fill-box;transform-origin:center}.product-feature-orbit__media{position:absolute;top:50%;left:50%;z-index:2;width:76%;transform:translate(-50%,-50%) rotate(8deg)}.js .product-feature-orbit{opacity:0;transition:opacity .5s ease}.js .product-feature-orbit.is-in-view{opacity:1}.js .product-feature-orbit .product-feature-orbit__motion-path{opacity:0;transform:scale(0);transition:opacity .7s ease,transform 1.5s cubic-bezier(.39,.575,.565,1)}.js .product-feature-orbit.is-in-view .product-feature-orbit__motion-path{opacity:1;transform:scale(1)}.js .product-feature-orbit .product-feature-orbit__media{opacity:0;transform:translate(-50%,calc(-50% + var(--orbit-image-offset))) rotate(8deg);transition:opacity .6s cubic-bezier(.39,.575,.565,1) 1.4s;will-change:transform}.js .product-feature-orbit.is-in-view .product-feature-orbit__media{opacity:1}.js .product-feature-orbit .product-feature-orbit__callout h3,.js .product-feature-orbit .product-feature-orbit__callout .product-feature-orbit__text{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}.js .product-feature-orbit.is-in-view .product-feature-orbit__callout h3,.js .product-feature-orbit.is-in-view .product-feature-orbit__callout .product-feature-orbit__text{opacity:1;transform:translateY(0)}.js .product-feature-orbit .product-feature-orbit__callout--4 h3,.js .product-feature-orbit .product-feature-orbit__callout--4 .product-feature-orbit__text{transition-delay:1.6s}.js .product-feature-orbit .product-feature-orbit__callout--3 h3,.js .product-feature-orbit .product-feature-orbit__callout--3 .product-feature-orbit__text{transition-delay:2.8s}.js .product-feature-orbit .product-feature-orbit__callout--1 h3,.js .product-feature-orbit .product-feature-orbit__callout--1 .product-feature-orbit__text{transition-delay:2.4s}.js .product-feature-orbit .product-feature-orbit__callout--2 h3,.js .product-feature-orbit .product-feature-orbit__callout--2 .product-feature-orbit__text{transition-delay:2s}.product-feature-orbit__marker{filter:drop-shadow(0 0 1.8px rgba(255,255,255,.28))}.js .product-feature-orbit .product-feature-orbit__marker{opacity:0}.js .product-feature-orbit.is-in-view .product-feature-orbit__marker{animation:product-feature-orbit-marker-opacity 1.5s linear both}.js .product-feature-orbit.is-in-view .product-feature-orbit__marker--1{animation-delay:.8s}.js .product-feature-orbit.is-in-view .product-feature-orbit__marker--2{animation-delay:1.2s}.js .product-feature-orbit.is-in-view .product-feature-orbit__marker--3{animation-delay:1.6s}.js .product-feature-orbit.is-in-view .product-feature-orbit__marker--4{animation-delay:2s}@keyframes product-feature-orbit-marker-opacity{0%{opacity:0}12%,to{opacity:1}}.product-feature-orbit__image,.product-feature-orbit__placeholder{display:block;width:100%;max-height:390px;object-fit:contain}.product-feature-orbit__placeholder{color:#777}.product-feature-orbit__callouts{position:absolute;top:0;right:0;bottom:0;left:0}.product-feature-orbit__callout{position:absolute;z-index:3;width:min(28%,360px)}.product-feature-orbit__callout--1{top:25%;left:6%;text-align:right}.product-feature-orbit__callout--2{top:25%;right:6%}.product-feature-orbit__callout--3{bottom:10%;left:6%;text-align:right}.product-feature-orbit__callout--4{right:6%;bottom:10%}.product-feature-orbit__callout h3{margin:0 0 12px;color:var(--white);font-size:19px;font-weight:var(--fontWeight700);line-height:1.4}.product-feature-orbit__accordion-button{display:block;width:100%;min-width:0;min-height:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;text-align:inherit;cursor:default}.product-feature-orbit__chevron{display:none}.product-feature-orbit__text{color:var(--white);font-size:15px;line-height:1.65}.product-feature-orbit__text p{margin:0}@media screen and (max-width:1199px){.product-feature-orbit__callout{width:27%}.product-feature-orbit__visual{width:32vw}}@media screen and (max-width:989px){.product-feature-orbit{padding:50px 0}.product-feature-orbit__heading{margin-bottom:18px;font-size:23px;line-height:31px;text-align:center}.product-feature-orbit__diagram{display:flex;min-height:auto;flex-direction:column;gap:30px}.product-feature-orbit__visual{position:relative;top:auto;left:auto;width:clamp(215px,32vw,320px);margin:0 auto;transform:none}.product-feature-orbit__callouts{position:static;display:block;width:100%;margin:0;padding:0}.product-feature-orbit__callout,.product-feature-orbit__callout--1,.product-feature-orbit__callout--2,.product-feature-orbit__callout--3,.product-feature-orbit__callout--4{position:relative;inset:auto;width:100%;padding:0;border-bottom:1px solid rgba(255,255,255,.22);text-align:left}.product-feature-orbit__callout h3{margin:0;font-size:15px;line-height:30px;letter-spacing:0;text-transform:none}.product-feature-orbit__accordion-button{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;cursor:pointer}.product-feature-orbit__chevron{display:block;width:7px;height:7px;flex:0 0 7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.product-feature-orbit__accordion-button[aria-expanded=true] .product-feature-orbit__chevron{transform:rotate(225deg)}.product-feature-orbit__text{max-width:100%;max-height:0;overflow:hidden;opacity:0;font-size:12px;line-height:19px;transition:max-height .3s ease,opacity .2s ease,padding-bottom .3s ease}.product-feature-orbit__callout h3:has(.product-feature-orbit__accordion-button[aria-expanded=true])+.product-feature-orbit__text{max-height:180px;padding-bottom:10px;opacity:1}.product-feature-orbit__inner{padding-left:20px!important;padding-right:20px!important}}@media(prefers-reduced-motion:reduce){.js .product-feature-orbit,.js .product-feature-orbit .product-feature-orbit__motion-path,.js .product-feature-orbit .product-feature-orbit__media,.js .product-feature-orbit .product-feature-orbit__callout h3,.js .product-feature-orbit .product-feature-orbit__callout .product-feature-orbit__text,.js .product-feature-orbit .product-feature-orbit__marker{opacity:1;animation:none;transition:none}.js .product-feature-orbit .product-feature-orbit__motion-path{transform:scale(1)}.js .product-feature-orbit .product-feature-orbit__media{transform:translate(-50%,-50%) rotate(8deg)}.js .product-feature-orbit .product-feature-orbit__callout h3,.js .product-feature-orbit .product-feature-orbit__callout .product-feature-orbit__text{transform:translateY(0)}}@media screen and (max-width:749px){.product-feature-orbit__visual{width:215px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-product-feature-orbit.css.map */