.manager-demo-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 20px;padding:16px 0 0;border:0;background:none}
.manager-demo-tabs button{font:12px/1.4 var(--body);padding:5px 0;background:none;border:0;border-bottom:1px solid transparent;color:var(--muted);cursor:pointer}
.manager-demo-tabs button[aria-pressed=true]{color:var(--text);border-bottom-color:currentColor}.manager-demo-tabs button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.manager-demo-tabs button{position:relative;isolation:isolate}.manager-demo-tabs button[aria-pressed=true]{border-bottom-color:transparent!important}
.manager-demo-tabs button[aria-pressed=true]::before,.manager-demo-tabs button[aria-pressed=true]::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;pointer-events:none}
.manager-demo-tabs button[aria-pressed=true]::before{opacity:.12}.manager-demo-tabs button[aria-pressed=true]::after{transform:scaleX(0);transform-origin:left}
.chapter.active .manager-demo-tabs button[aria-pressed=true]::after,:host([data-active=true]) .manager-demo-tabs button[aria-pressed=true]::after{animation:feature-attention 10s linear forwards;animation-delay:var(--feature-delay,0s)}
@keyframes feature-attention{to{transform:scaleX(1)}}
.manager-demo-tabs button.feature-visited::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(1)!important;animation:none!important;pointer-events:none}
@media(prefers-reduced-motion:reduce){.manager-demo-tabs button[aria-pressed=true]::after{animation:none!important;transform:scaleX(1)}}