@charset "UTF-8";

/* No pending/initial opacity or visibility rules: enhancement is optional. */
[data-reveal-state="running"]{will-change:opacity}
:is(.catalog-heading,.discovery-bar,.journey-heading,.journey-steps article,.help-intro,.faq-list details,#dialogBody)[data-reveal-state="running"]{will-change:opacity,transform}

/* The underline is decorative: navigation text, hit areas and focus rings stay put. */
.desktop-nav>:is(a,button){position:relative}
.desktop-nav>:is(a,button)::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;pointer-events:none;background:currentColor;opacity:.6;transform:scaleX(0);transform-origin:right center;transition:transform .24s cubic-bezier(.22,1,.36,1)}
.desktop-nav>:is(a,button):is(:hover,:focus-visible)::after{transform:scaleX(1);transform-origin:left center}

html[data-motion-enabled="false"] .desktop-nav>:is(a,button)::after{transition:none}
html[data-motion-enabled="false"] [data-reveal-state]{will-change:auto}
@media(prefers-reduced-motion:reduce){
  .desktop-nav>:is(a,button)::after{transition:none}
  [data-reveal-state]{will-change:auto}
}