{"version":3,"file":"agendaList.module.mjs","names":[],"sources":["../../../../../../package/common/calendar/components/agendaList/agendaList.module.pcss"],"sourcesContent":[".agendaList {\n  position: relative;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n\n  &-empty {\n    padding: 2em 1em;\n  }\n\n  &-day {\n    padding: 0.25em 0.5em;\n\n    & + & {\n      border-top: 1px solid var(--border-color);\n    }\n\n    &-withHeader {\n      display: grid;\n      grid-template-columns: 3.5em minmax(0, 1fr);\n      padding-left: 0;\n    }\n\n    &-header {\n      position: sticky;\n      top: 0;\n      align-self: start;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 0.125em;\n      padding: 0.5em 0;\n    }\n\n    &-number {\n      display: grid;\n      place-items: center;\n      width: 1.875em;\n      height: 1.875em;\n      border-radius: 50%;\n      font-size: 1.125em;\n      font-weight: 600;\n      font-variant-numeric: tabular-nums;\n\n      &-today {\n        background: var(--custom-calendar-today-color);\n        color: var(--text-on-primary);\n      }\n    }\n\n    &-name {\n      font-size: 0.6875em;\n      font-weight: 600;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      color: var(--text-dark);\n    }\n  }\n\n  &-events {\n    display: flex;\n    flex-direction: column;\n    gap: 0.125em;\n    margin: 0;\n    padding: 0.375em 0;\n    list-style: none;\n  }\n\n  &-event {\n    display: grid;\n    grid-template-columns: auto 3px minmax(0, 1fr);\n    align-items: center;\n    gap: 0.75em;\n    width: 100%;\n    min-height: 2.75em;\n    padding: 0.375em 0.625em;\n    border: 0;\n    border-radius: var(--custom-calendar-event-radius);\n    background: transparent;\n    color: inherit;\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    transition: background-color 0.15s ease;\n\n    &:hover {\n      background: color-mix(in oklab, var(--event-color, var(--primary-color)) 12%, transparent);\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--focus-border-color, var(--primary-color));\n      outline-offset: -2px;\n    }\n  }\n\n  &-time {\n    display: flex;\n    flex-direction: column;\n    min-width: 4.5em;\n    font-size: 0.8125em;\n    font-variant-numeric: tabular-nums;\n    line-height: 1.35;\n\n    &-end {\n      color: var(--text-light);\n    }\n  }\n\n  &-accent {\n    align-self: stretch;\n    width: 3px;\n    border-radius: 3px;\n    background: var(--event-color, var(--primary-color));\n  }\n\n  &-title {\n    overflow: hidden;\n    font-weight: 500;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n}\n"],"mappings":""}