.ward-tabs{width:min(100%,560px);color:var(--foreground);margin:auto}.ward-tabs-list{grid-template-columns:repeat(var(--count), minmax(0, 1fr));width:100%;display:grid;position:relative}.ward-tabs-list:before{width:calc(100% / var(--count));content:"";transform:translateX(calc(var(--active) * 100%));transition:transform .2s cubic-bezier(.2,0,0,1);position:absolute;left:0}.ward-tabs[data-variant=underline] .ward-tabs-list{border-bottom:1px solid var(--border)}.ward-tabs[data-variant=underline] .ward-tabs-list:before{background:var(--foreground);border-radius:2px;height:2px;bottom:-1px}.ward-tabs[data-variant=pill] .ward-tabs-list{background:var(--secondary);border-radius:999px;height:36px;padding:4px}.ward-tabs[data-variant=pill] .ward-tabs-list:before{width:calc((100% - 8px) / var(--count));background:var(--background);box-shadow:0 0 0 1px var(--border);border-radius:999px;top:4px;bottom:4px;left:4px}.ward-tabs [data-slot=tabs-trigger]{z-index:1;height:100%;box-shadow:none;color:var(--muted-foreground);background:0 0;border:0;border-radius:999px;font-size:13px;position:relative}.ward-tabs [data-slot=tabs-trigger][data-state=active]{box-shadow:none;color:var(--foreground);background:0 0}.ward-tabs [data-slot=tabs-trigger]:after{display:none}.ward-tabs-panel{min-height:170px;padding:24px 4px}.ward-tabs-panel span{color:var(--muted-foreground);font:11px/1.4 var(--font-mono,ui-monospace, monospace);letter-spacing:.08em}.ward-tabs-panel h3{margin:12px 0 4px;font-size:16px;font-weight:500}.ward-tabs-panel p{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.6}@media (prefers-reduced-motion:reduce){.ward-tabs-list:before{transition:none}}