@wonderflow/react-components/dist/components/tab/tab.module.css

UI components from Wonderflow's Wanda design system

@layer components{.List{--separator-size:2px;box-shadow:inset 0 calc(var(--separator-size)*-1) 0 var(--dimmed-1);overflow:auto;white-space:nowrap}.Highlight{background:var(--cta-default);border-radius:2px 2px 0 0;bottom:0;height:4px;pointer-events:none;position:absolute;width:100%}.Panel{animation:fade-in .2s;animation-timing-function:cubic-bezier(0,0,.34,1)}}@layer overrides{.Trigger{appearance:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;background-color:transparent;border:0;border-radius:0;color:var(--dimmed-6);flex-shrink:0;font-family:inherit;font-size:.875rem;font-weight:400;outline-offset:calc(var(--separator-size)*-1);overflow:unset;padding:.5rem 1rem;position:relative;white-space:nowrap}.Trigger[data-tab-dimension=big]{font-size:1rem;height:3rem}.Trigger:active{transform:none}.Trigger:not([aria-disabled=true]){-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--dimmed-5)}.Trigger.Trigger:not([aria-disabled=true]):is(:hover,:focus,:active){-webkit-backdrop-filter:none;backdrop-filter:none;background:none;color:var(--global-foreground)}.Trigger.Trigger[aria-disabled=true]{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;color:var(--global-disabled-foreground)}.Trigger[data-state=active]{-webkit-text-stroke:.4px var(--global-foreground);color:var(--global-foreground)}}@keyframes fade-in{0%{opacity:0;transform:translate(var(--fade-from-x,0),var(--fade-from-y,0))}to{opacity:unset;transform:none}}