@media(prefers-reduced-motion:no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes xp-rise{0%{opacity:0;transform:translateY(26px)}}.xp-rv{animation:xp-rise linear backwards;animation-timeline:view();animation-range:entry 6% cover 32%}.xp-rv[style*=--i]{animation-range:calc(entry 6% + (var(--i, 0) * 3%)) cover 34%}}}@media(prefers-reduced-motion:no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes xp-drift{0%{transform:translateY(-5%) scale(1.1)}to{transform:translateY(5%) scale(1.1)}}.xp-card__stage,.xlearn__card-media,.xlearn__feat-media,.xsc__pc-media{overflow:clip}.xp-card__stage>img,.xlearn__card-media>img,.xlearn__feat-media>img{animation:xp-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.xp-card:hover .xp-card__stage,.xlearn__card-a:hover .xlearn__card-media{transform:scale(1.03)}.xp-card__stage,.xlearn__card-media{transition:transform .7s cubic-bezier(.22,1,.36,1)}}}.xp-sx__lenbar{transform-origin:left center}@media(prefers-reduced-motion:no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes xp-extend{0%{transform:scaleX(0)}to{transform:scaleX(var(--len, 1))}}.xp-sx__lenbar{width:100%!important;animation:xp-extend linear both;animation-timeline:view();animation-range:entry 20% cover 45%}}}@media(prefers-reduced-motion:no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes xp-col-in{0%{opacity:0;transform:translateY(14px)}}.xp-mx__wrap{view-timeline:--mx}.xp-mx__col{animation:xp-col-in linear backwards;animation-timeline:--mx;animation-range:calc(entry 10% + (var(--col, 0) * 4%)) cover 30%}}}.xp-mx__wrap,.xlearn__rail,.xp-faq__list{content-visibility:auto;contain-intrinsic-size:auto 600px}@view-transition{navigation:auto}@media(prefers-reduced-motion:no-preference){::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(*):only-child,::view-transition-new(*):only-child{animation:none}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/xp-motion.css.map */