{"version":3,"file":"DateRangePicker.module.cjs","names":[],"sources":["../../../src/components/DateRangePicker/DateRangePicker.module.css"],"sourcesContent":[".root {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    user-select: none;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n}\n\n.headerSpacer {\n    flex: 1;\n}\n\n.nav {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.nav:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.nav:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.months {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-5);\n}\n\n.month {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.weekdays,\n.grid {\n    display: grid;\n    grid-template-columns: repeat(7, 2.25rem);\n    gap: var(--tempest-space-1);\n}\n\n.weekday {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1.5rem;\n    font-size: var(--tempest-text-2xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n}\n\n.day {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.day:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n}\n\n.day:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.day:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n    opacity: 0.4;\n}\n\n.outside {\n    /* No extra opacity: subtle-on-surface already reads as de-emphasised, and\n       fading it further dropped the contrast to 2.11:1 (WCAG AA needs 4.5:1)\n       for dates that are still clickable. */\n    color: var(--tempest-text-subtle);\n}\n\n.today {\n    font-weight: var(--tempest-weight-semibold);\n    border-color: var(--tempest-primary);\n}\n\n.inRange {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    border-radius: 0;\n}\n\n.selected,\n.selected:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    border-color: var(--tempest-primary);\n}\n\n.rangeStart {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.rangeEnd {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n"],"mappings":";"}