{"version":3,"file":"FloatingActionButton.module.cjs","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.module.css"],"sourcesContent":[".fab {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    border: 0;\n    cursor: pointer;\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    box-shadow: var(--tempest-shadow-lg);\n    transition:\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        box-shadow var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        transform var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.fab:active {\n    transform: scale(0.96);\n}\n\n.fab:focus-visible {\n    outline: var(--tempest-focus-ring-width, 2px) solid\n        var(--tempest-focus-ring-color, var(--tempest-primary));\n    outline-offset: var(--tempest-focus-ring-offset, 2px);\n}\n\n.fab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    box-shadow: var(--tempest-shadow-sm);\n}\n\n/* Variants */\n.primary {\n    background: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.primary:hover:not(:disabled) {\n    background: var(--tempest-primary-active, var(--tempest-primary));\n}\n\n.surface {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.surface:hover:not(:disabled) {\n    background: var(--tempest-surface-2);\n}\n\n/* Round (icon-only) sizing */\n.round.sm {\n    width: 40px;\n    height: 40px;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.round.md {\n    width: 56px;\n    height: 56px;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.round.lg {\n    width: 72px;\n    height: 72px;\n    border-radius: var(--tempest-radius-xl);\n}\n\n/* Extended (pill) sizing */\n.extended {\n    border-radius: var(--tempest-radius-full);\n}\n\n.extended.sm {\n    height: 40px;\n    padding: 0 var(--tempest-space-4);\n    font-size: var(--tempest-text-sm);\n}\n\n.extended.md {\n    height: 56px;\n    padding: 0 var(--tempest-space-5);\n    font-size: var(--tempest-text-md);\n}\n\n.extended.lg {\n    height: 72px;\n    padding: 0 var(--tempest-space-6);\n    font-size: var(--tempest-text-lg);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 24px;\n}\n\n.round.sm .icon {\n    font-size: 20px;\n}\n\n.round.lg .icon {\n    font-size: 32px;\n}\n\n.label {\n    line-height: 1;\n}\n\n/* Positioning */\n.fixed {\n    position: fixed;\n    z-index: var(--tempest-z-dropdown, 1000);\n}\n\n.bottomRight {\n    right: var(--tempest-space-4);\n    bottom: calc(var(--tempest-space-4) + env(safe-area-inset-bottom, 0));\n}\n\n.bottomLeft {\n    left: var(--tempest-space-4);\n    bottom: calc(var(--tempest-space-4) + env(safe-area-inset-bottom, 0));\n}\n"],"mappings":";"}