/* Only transform and opacity animate. Elements outside the viewport stay paused. */
.motion-icon{display:block;width:28px;height:28px;flex:none;fill:none;stroke:none;overflow:visible}
.nav-item .motion-icon{width:29px;height:29px}
.mobile-nav .motion-icon{width:27px;height:27px;margin:0 auto 2px}
.card-eyebrow .motion-icon{width:22px;height:22px;vertical-align:middle}
.mini-panel-title>.motion-icon{width:38px;height:38px}
.focus-symbol>.motion-icon{width:29px;height:29px}
.motion-icon .mi-rays,.motion-icon .mi-orbit,.motion-icon .mi-reverse{transform-origin:32px 32px;animation:mi-turn 32s linear infinite}
.motion-icon .mi-orbit{animation-duration:12s}
.motion-icon .mi-reverse{animation-duration:10s;animation-direction:reverse}
.motion-icon .mi-glint,.motion-icon .mi-link,.motion-icon .mi-aura{animation:mi-light 4.5s ease-in-out infinite}
.motion-icon .mi-link{animation-duration:3.8s}
.motion-icon .mi-page{transform-origin:32px 32px;animation:mi-page 6s ease-in-out infinite}
.motion-icon .mi-dot{animation:mi-light 2.4s ease-in-out infinite}
.motion-icon .mi-dot-2{animation-delay:-.8s}.motion-icon .mi-dot-3{animation-delay:-1.6s}
.motion-art .solar-rays{transform-origin:110px 110px;animation:mi-turn 80s linear infinite}
.motion-art .solar-glint{animation:mi-light 5s ease-in-out infinite}
.motion-icon :is(.mi-rays,.mi-orbit,.mi-reverse,.mi-glint,.mi-link,.mi-aura,.mi-page,.mi-dot),.motion-art :is(.solar-rays,.solar-glint){animation-play-state:paused}
.motion-icon.is-visible :is(.mi-rays,.mi-orbit,.mi-reverse,.mi-glint,.mi-link,.mi-aura,.mi-page,.mi-dot),.motion-art.is-visible :is(.solar-rays,.solar-glint){animation-play-state:running}
.icons-paused .motion-icon *,.icons-paused .motion-art *{animation-play-state:paused!important}
@keyframes mi-turn{to{transform:rotate(360deg)}}
@keyframes mi-light{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes mi-page{0%,70%,100%{transform:scaleX(1)}35%{transform:scaleX(.92)}}
@media(hover:hover){.nav-item:hover .motion-icon,.mobile-nav button:hover .motion-icon{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.motion-icon *,.motion-art *{animation:none!important}.motion-icon{transition:none!important}}
@media print{.motion-icon *,.motion-art *{animation:none!important}}