.showcase{display:flex;flex-direction:column;gap:40px;width:100%}.showcase_controls{display:flex;align-items:center;justify-content:center;width:100%}.showcase_tablist{display:flex;gap:8px;max-width:100%;padding:4px;overflow-x:auto;scrollbar-width:none}.showcase_tab{display:flex;flex-direction:column;gap:10px;min-width:180px;padding:12px 16px 0;color:var(--color-fg-muted);font-weight:500;text-align:left;cursor:pointer;transition:color .4s ease}.showcase_tab--active{color:var(--color-fg-primary)}.showcase_tab:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:6px}.showcase_bar{display:block;height:3px;overflow:hidden;border-radius:999px;background:var(--color-border)}.showcase_fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--color-brand)}.showcase--manual .showcase_tab--active .showcase_fill{width:100%!important}.showcase--manual .showcase_tab:not(.showcase_tab--active) .showcase_fill{width:0!important}.showcase_panel{gap:40px;width:100%}.showcase_copy,.showcase_panel{display:flex;flex-direction:column}.showcase_copy{gap:24px}.showcase_heading{text-align:left}.showcase_visual{width:100%}.showcase_placeholder{width:100%;aspect-ratio:1200/800;border-radius:12px;background:var(--color-surface-muted)}@media (min-width:768px){.showcase_panel{flex-direction:row;align-items:center}.showcase_copy{width:40%}.showcase_visual{width:60%}}@media (max-width:767px){.showcase_controls{justify-content:flex-start}.showcase_tab{min-width:max-content}.showcase_heading{font-size:1.5rem}}