{"version":3,"file":"timeInput.module.mjs","names":[],"sources":["../../../../package/common/timeInput/timeInput.module.pcss"],"sourcesContent":[".timeInput {\n  position: relative;\n  width: 100%;\n  flex: 1;\n  min-width: 105px;\n\n  &-clock {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    padding: 12px;\n    min-width: 280px;\n  }\n\n  &-clockHeader {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    margin-bottom: 4px;\n  }\n\n  &-headerSegment {\n    border: none;\n    background: var(--background-accent);\n    color: var(--text-dark);\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 1;\n    padding: 6px 10px;\n    border-radius: var(--default-border-radius);\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &-active {\n      background: var(--primary-color);\n      color: var(--text-on-primary);\n    }\n  }\n\n  &-headerColon {\n    font-size: 32px;\n    font-weight: 600;\n    color: var(--text-dark);\n  }\n\n  &-meridiem {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    margin-left: 8px;\n\n    & button {\n      border: 1px solid var(--border-color);\n      background: var(--background-accent);\n      color: var(--text-dark);\n      font-size: 12px;\n      font-weight: 600;\n      padding: 3px 8px;\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n\n      &:first-child {\n        border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n      }\n\n      &:last-child {\n        border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);\n      }\n    }\n\n    &-active {\n      background: var(--primary-color) !important;\n      color: var(--text-on-primary) !important;\n    }\n  }\n\n  &-footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 4px;\n  }\n}\n"],"mappings":""}