.eaui-fill{--eaui-fill-bg:var(--e-global-color-primary, #1d1d1b);--eaui-fill-fg:var(--e-global-color-secondary, #fbfbfb);--eaui-fill-dur:450ms;position:relative;isolation:isolate;overflow:hidden}.eaui-fill::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--eaui-fill-bg);transform:scaleX(0);transform-origin:left center;transition:transform var(--eaui-fill-dur) var(--eaui-ease, ease);pointer-events:none}.eaui-fill--right::before{transform-origin:right center}.eaui-fill--bottom::before{transform:scaleY(0);transform-origin:center bottom}.eaui-fill--top::before{transform:scaleY(0);transform-origin:center top}.eaui-fill--center::before{transform:scale(.001);transform-origin:center;border-radius:50%;inset:-50%}.eaui-fill:focus-within::before{transform:none}.eaui-fill--center:focus-within::before{transform:scale(1)}.eaui-fill:focus-within .eaui-fill__fg{color:var(--eaui-fill-fg)!important}@media (hover:hover){.eaui-fill:hover::before{transform:none}.eaui-fill--center:hover::before{transform:scale(1)}.eaui-fill:hover .eaui-fill__fg{color:var(--eaui-fill-fg)!important}}@media (prefers-reduced-motion:reduce){.eaui-fill::before{transition-duration:1ms}}