.vs-card{background:linear-gradient(180deg,var(--tertiary) 0%,var(--sidebar) 100%);border:1px solid var(--hairline);isolation:isolate;transition:transform var(--default-transition-duration) var(--default-transition-timing-function)}.vs-card:hover{transform:translateY(-3px)}.vs-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--primary) 8%,transparent) 0%,transparent 60%);opacity:0;transition:opacity var(--default-transition-duration) var(--default-transition-timing-function);pointer-events:none}.vs-card:hover:after{opacity:1}.vs-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.vs-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;font-family:var(--font-display);font-size:17px;color:var(--muted-foreground);background:var(--sidebar);border:1px solid var(--border)}.vs-logo{width:20px;height:20px;object-fit:contain}.vs-logo[data-mono]{filter:invert(calc(1 - var(--logo-invert)))}.vs-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}.vs-cta{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:22px;font-size:13.5px;font-weight:500;color:var(--primary-text);opacity:.6;transition:opacity var(--default-transition-duration) var(--default-transition-timing-function)}.vs-card:hover .vs-cta{opacity:1}.vs-arrow{display:inline-flex;transition:transform var(--default-transition-duration) var(--default-transition-timing-function)}.vs-card:hover .vs-arrow{transform:translate(4px)}@media(max-width:640px){.vs-label{font-size:12px}}@media(prefers-reduced-motion:reduce){.vs-card,.vs-card:after,.vs-cta,.vs-arrow{transition:none}.vs-card:hover{transform:none}}
