/* One short compositor animation replaces competing page/card entrances. */
html.page-motion-enabled #app.route-ready>*,
html.page-motion-enabled #app .category-card,
html.page-motion-enabled #app .system-card{animation:none}
.page-motion-outgoing{position:fixed;inset:0;z-index:30;overflow:hidden;pointer-events:none;background:var(--black);contain:strict;will-change:opacity}
.page-motion-copy,.page-motion-copy *{animation:none!important;transition:none!important;view-transition-name:none!important}
@supports(view-transition-name:root){
 ::view-transition{pointer-events:none}
 html.page-motion-enabled{view-transition-name:root}
 html.page-motion-enabled #app{view-transition-name:none}
 html.page-motion-enabled .site-header{view-transition-name:site-header}
 ::view-transition-group(root),::view-transition-group(site-header){animation:none}
 ::view-transition-old(root),::view-transition-new(root){
  width:100%;height:100%;animation-duration:420ms;animation-timing-function:cubic-bezier(.4,0,.2,1);
 }
 ::view-transition-old(root){animation-name:page-fade-out}
 ::view-transition-new(root){animation-name:page-fade-in}
 ::view-transition-old(site-header){animation:none;opacity:0}
 ::view-transition-new(site-header){animation:none;opacity:1}
}
@keyframes page-fade-out{from{opacity:1}to{opacity:0}}
@keyframes page-fade-in{from{opacity:0}to{opacity:1}}
button.is-pending{position:relative;opacity:.65;transition:opacity 180ms ease}
button.is-pending::before{content:"";display:inline-block;width:12px;height:12px;flex:none;margin-inline-end:8px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:action-pending 850ms linear infinite}
@keyframes action-pending{to{transform:rotate(360deg)}}
@media(hover:hover){:is(.category-card,.subcategory-card,.system-card,.part-main,.catalog-list a,.fitment-matrix a){transition:opacity 260ms ease,background-color 260ms ease,border-color 260ms ease} :is(.part-main,.catalog-list a,.fitment-matrix a):hover{opacity:.78}}
@media(prefers-reduced-motion:reduce){
 html.page-motion-enabled #app{opacity:1!important;transform:none!important}
 .page-motion-outgoing{display:none}
 ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root),button.is-pending::before{animation:none!important}
}
@media print{html.page-motion-enabled #app{opacity:1!important;transform:none!important}}