.vans-show .vans-slide{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.vans-show .vans-slide[data-state=prev]{z-index:1;opacity:1}.vans-show .vans-slide[data-state=active]{z-index:2;opacity:1;transition:opacity .42s var(--ease-out-soft)}.vans-show .vans-strip{flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.vans-show .vans-strip li{flex:1}.vans-show .vans-seg{cursor:pointer;width:100%;height:24px;display:block;position:relative}.vans-show .vans-seg:before{content:"";position:absolute;inset:-8px 0}.vans-show .vans-seg i{background:var(--line);height:3px;transition:height .16s var(--ease-out-soft), margin-top .16s var(--ease-out-soft);border-radius:999px;margin-top:-1.5px;position:absolute;inset:50% 0 auto;overflow:hidden}.vans-show .vans-seg:hover i{height:5px;margin-top:-2.5px}.vans-show .vans-seg[data-state=done] i{background:var(--fg-3)}.vans-show .vans-seg i b{transform-origin:0;background:var(--fg);animation-name:vans-fill;animation-timing-function:linear;animation-fill-mode:both;position:absolute;inset:0}@keyframes vans-fill{0%{scale:0 1}to{scale:1}}@media (prefers-reduced-motion:reduce){.vans-show .vans-slide[data-state=active],.vans-show .vans-seg i{transition:none}}