.wf-mi-nav { position: relative; isolation: isolate; }
.wf-mi-nav > li { position: relative; z-index: 1; }
.wf-mi-nav > li > a { position: relative; }
.wf-mi-nav > .wf-mi-capsule { position: absolute; top: 0; left: 0; padding: 0; margin: 0; z-index: 0; pointer-events: none; transform-origin: 0 0; opacity: 0; transition: opacity 180ms ease; }
.wf-mi-arrow { display: inline-block; width: 1em; height: 1em; margin-inline-start: .6em; vertical-align: -.15em; pointer-events: none; flex-shrink: 0; transition: transform var(--wf-mi-duration,250ms) cubic-bezier(.23,1,.32,1); }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    .wf-mi-button:hover > .wf-mi-arrow { transform: translateX(var(--wf-mi-arrow-distance,5px)); }
}
@media (prefers-reduced-motion:no-preference) {
    .wf-mi-button:focus-visible > .wf-mi-arrow { transform: translateX(var(--wf-mi-arrow-distance,5px)); }
}
.wf-mi-card-position { position: relative; }
.wf-mi-sheen { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; z-index: 2; opacity: 0; transition: opacity 180ms ease; }
.wf-mi-sheen-light { position: absolute; top: 0; left: 0; border-radius: 50%; pointer-events: none; }
.wf-mi-sheen-visible > .wf-mi-sheen { opacity: 1; }
@media (prefers-reduced-motion:reduce) {
    .wf-mi-arrow, .wf-mi-capsule, .wf-mi-sheen { transition: none; }
    .wf-mi-sheen { display: none; }
}