{"version":3,"file":"Tabs.module.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":[".tablist {\n    position: relative;\n    display: flex;\n    gap: var(--tempest-space-1);\n    border-bottom: 1px solid var(--tempest-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    /* Fade indicator on both edges when overflow horizontal. */\n    mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n    -webkit-mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n}\n\n.tablist::-webkit-scrollbar {\n    display: none;\n}\n\n.tab {\n    background: transparent;\n    border: none;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tab:hover:not(:disabled) {\n        color: var(--tempest-text);\n    }\n}\n\n.tab:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.tab.active {\n    color: var(--tempest-primary);\n}\n\n.tab.active::after {\n    content: \"\";\n    position: absolute;\n    left: var(--tempest-space-3);\n    right: var(--tempest-space-3);\n    bottom: -1px;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    border-radius: var(--tempest-radius-sm) var(--tempest-radius-sm) 0 0;\n}\n\n.tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.panel {\n    padding: var(--tempest-space-4) 0;\n}\n\n.pill .tab {\n    border-radius: var(--tempest-radius-full);\n    padding: 6px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.pill .tab.active::after {\n    display: none;\n}\n\n.pill .tab.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.pill.tablist {\n    border-bottom: none;\n}\n"],"mappings":";"}