{"version":3,"file":"datePickerMonth.module.mjs","names":[],"sources":["../../../../../../package/common/datePicker/components/datePickerMonth/datePickerMonth.module.pcss"],"sourcesContent":[".datePickerMonth {\n  &-item {\n    aspect-ratio: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 1px 0;\n  }\n\n  &-content {\n    display: grid;\n    text-align: center;\n    grid-template-columns: repeat(7, minmax(0, 1fr));\n    gap: 0;\n  }\n\n  &-day {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:hover {\n      /* background-color: var(--primary-color);\n      border-radius: 800px; */\n    }\n\n    &-today {\n      /* Not `--background-accent-light`: it is the same colour as the calendar's\n         own panel in the default theme, which left today unmarked. */\n      background-color: var(--background-accent);\n      border-radius: var(--default-border-radius);\n    }\n\n    &-selected {\n      background-color: var(--primary-color);\n      color: var(--text-on-primary);\n      border-radius: 0;\n\n      &-start {\n        border-top-left-radius: var(--default-border-radius);\n        border-bottom-left-radius: var(--default-border-radius);\n      }\n\n      &-end {\n        border-top-right-radius: var(--default-border-radius);\n        border-bottom-right-radius: var(--default-border-radius);\n      }\n    }\n\n    &-disabled {\n      filter: brightness(0.5);\n      cursor: not-allowed;\n    }\n  }\n\n  &-placeholder {\n    user-select: none;\n    pointer-events: none;\n  }\n}\n"],"mappings":""}