.explore-hop-tabs{--hop-duration:.2s}.explore-hop-tabs [data-hop-tab]{isolation:isolate;box-shadow:inset 0 0 0 1px var(--border);position:relative;overflow:hidden}.explore-hop-tabs [data-hop-tab]:focus-visible{box-shadow:inset 0 0 0 1px var(--border), 0 0 0 3px color-mix(in oklch, var(--ring) 50%, transparent)}.explore-hop-tabs [data-hop-tab]:before{content:"";z-index:-1;pointer-events:none;border-radius:9999px;width:100%;position:absolute;inset:0}.explore-hop-tabs[data-match=true] [data-hop-tab]:before{inset:unset;width:max(var(--pill-width-current,100%), var(--pill-width-previous,100%));top:0;bottom:0;left:0}.explore-hop-tabs [data-hop-tab]:has(~[data-active]):before{transform:translate(100%)}.explore-hop-tabs [data-current=true]~[data-hop-tab]:before{transform:translate(-100%)}.explore-hop-tabs [data-previous=true]:before,.explore-hop-tabs [data-current=true]:before{background:var(--primary);transition:transform var(--hop-duration) ease-out}.explore-hop-tabs[data-match=true] [data-hop-tab]:has(~[data-active]):before{left:auto;right:0}.explore-hop-tabs[data-match=true] [data-current=true]:has(~[data-previous=true]):before{left:auto;right:0}.explore-hop-tabs[data-match=true] [data-previous=true]~[data-current=true]:before,.explore-hop-tabs[data-match=true] [data-current=true]~[data-hop-tab]:before{left:0;right:auto}@media (prefers-reduced-motion:reduce){.explore-hop-tabs [data-previous=true]:before,.explore-hop-tabs [data-current=true]:before{transition:none}}