1import{t as e}from"./jsx-runtime-Cltr0gcK.js";import{_ as t,c as n,f as r,l as i,n as a,o,p as s,s as c,t as l,v as u,x as d}from"./visual-kit-Bq6nM__j.js";var f=e(),p=`Nike`,m=[{w:`56%`,won:!0},{w:`44%`,won:!1},{w:`50%`,won:!1}],h=[320,1e3,1700,2400,3100,4e3];function g({className:e=``,active:g}){let{ref:_,revealed:v,phase:y}=d(g,h),b=y>=1,x=y>=2,S=y>=4?3:y>=3?2:+(y>=2),C=y>=6;return(0,f.jsxs)(t,{className:e,cardRef:_,children:[(0,f.jsxs)(`div`,{className:`relative flex h-[42px] items-center gap-[10px] overflow-hidden rounded-[9.5px] px-[13px]`,style:c,children:[(0,f.jsx)(a,{w:`26%`,show:b}),(0,f.jsxs)(`span`,{className:`relative inline-flex h-[24px] shrink-0 items-center rounded-[2px] px-[7px]`,children:[(0,f.jsx)(`span`,{"aria-hidden":!0,className:`absolute inset-0 block rounded-[2px] transition-opacity duration-500 ease-out`,style:{background:n,boxShadow:b?i:`none`,opacity:+!!b,transitionDelay:`220ms`,animation:C?`vkHighlight 4.5s ease-in-out infinite`:`none`}}),(0,f.jsx)(`span`,{className:`relative font-display text-[14px] font-bold leading-[20px] text-white transition-opacity duration-500 ease-out`,style:{opacity:+!!b,transitionDelay:`220ms`},children:p})]}),(0,f.jsx)(`span`,{className:`min-w-0 flex-1`,children:(0,f.jsx)(a,{w:`100%`,show:b,delay:140})}),(0,f.jsx)(s,{on:v})]}),(0,f.jsxs)(`div`,{className:`relative mt-[24px] pl-[22px]`,children:[(0,f.jsx)(`span`,{"aria-hidden":!0,className:`absolute left-[3px] top-[14px] block w-px`,style:{height:`calc(100% - 34px)`,background:`rgba(255,255,255,0.12)`,transformOrigin:`top`,transform:x?`scaleY(1)`:`scaleY(0)`,transition:`transform .8s ease-out`}}),(0,f.jsx)(`div`,{className:`flex flex-col gap-[14px]`,children:m.map((e,t)=>{let n=t<S;return(0,f.jsxs)(`div`,{className:`relative`,children:[(0,f.jsx)(`span`,{"aria-hidden":!0,className:`absolute left-[-22px] top-[13px] block h-[7px] w-[7px] rounded-full transition-all duration-500 ease-out`,style:{background:n?l:`rgba(255,255,255,0.2)`,boxShadow:n?`0 0 10px rgba(44,51,253,0.8)`:`none`,animation:C&&e.won?`vkNode 3.6s ease-in-out infinite`:`none`}}),(0,f.jsxs)(`div`,{className:`flex h-[34px] items-center gap-[10px] rounded-[8px] px-[11px] transition-all duration-500 ease-out`,style:{...c,boxShadow:e.won&&x?`inset 0 0 0 1px rgba(44,51,253,0.55)`:`inset 0 0 0 1px rgba(255,255,255,0.07)`,opacity:+!!n,transform:n?`none`:`translateY(6px)`},children:[(0,f.jsx)(`span`,{className:`flex shrink-0 items-center gap-[4px]`,children:[0,1,2].map(e=>(0,f.jsx)(`span`,{className:`block h-[5px] w-[5px] rounded-full`,style:{background:`rgba(255,255,255,0.22)`}},e))}),(0,f.jsx)(`span`,{className:`block h-[16px] w-[16px] shrink-0 rounded-[5px] transition-colors duration-500 ease-out`,style:{background:e.won&&x?l:r}}),(0,f.jsx)(`span`,{className:`min-w-0 flex-1`,children:(0,f.jsx)(a,{w:e.w,show:n,delay:180})})]}),e.won&&(0,f.jsx)(o,{className:`pointer-events-none absolute h-[34px] w-[34px] transition-all duration-700 ease-out`,style:{left:x?`26%`:`16%`,top:x?14:2,opacity:+!!x}})]},t)})})]}),(0,f.jsx)(u,{})]})}export{g as t};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.