{"version":3,"file":"NavigationRail.module.cjs","names":[],"sources":["../../../src/components/NavigationRail/NavigationRail.module.css"],"sourcesContent":[".rail {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 80px;\n    height: 100%;\n    padding: var(--tempest-space-3) var(--tempest-space-2);\n    background: var(--tempest-surface);\n    border-right: 1px solid var(--tempest-border);\n    font-family: var(--tempest-font-sans);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.list {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-top: auto;\n    padding-top: var(--tempest-space-2);\n}\n\n.item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-1);\n    background: none;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition:\n        color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.item:hover {\n    color: var(--tempest-text);\n    background: var(--tempest-surface-2);\n}\n\n.item: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.item.active {\n    color: var(--tempest-primary-on-soft);\n    background: var(--tempest-primary-soft);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\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.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n    text-align: center;\n}\n"],"mappings":";"}