{"version":3,"file":"CurrentTimeIndicator.module.mjs","names":[],"sources":["../../../src/components/CurrentTimeIndicator/CurrentTimeIndicator.module.css"],"sourcesContent":[".currentTimeIndicator {\n  --time-bubble-height: 18px;\n  --thumb-size: 12px;\n  --_indicator-color: var(--indicator-color, var(--mantine-color-red-7));\n\n  position: absolute;\n  pointer-events: none;\n  left: 0;\n  right: 0;\n  top: var(--top-offset);\n  height: 2px;\n  z-index: 2;\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-color: var(--_indicator-color);\n    opacity: 0.2;\n  }\n}\n\n.currentTimeIndicatorLine {\n  height: 100%;\n  position: absolute;\n  top: 0;\n  background-color: var(--_indicator-color);\n  inset-inline-start: var(--start-offset);\n  inset-inline-end: var(--end-offset);\n}\n\n.currentTimeIndicatorThumb {\n  position: absolute;\n  top: calc(-1 * (var(--thumb-size) / 2 - 1px));\n  width: var(--thumb-size);\n  height: var(--thumb-size);\n  border-radius: 50%;\n  border: 1px solid var(--mantine-color-body);\n  background-color: var(--_indicator-color);\n  inset-inline-start: calc(var(--start-offset) - (var(--thumb-size) / 2 - 1px));\n}\n\n.currentTimeIndicatorTimeBubble {\n  position: absolute;\n  height: var(--time-bubble-height);\n  width: var(--time-bubble-width);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 1000px;\n  background-color: var(--_indicator-color);\n  color: var(--mantine-color-white);\n  font-size: var(--mantine-font-size-xs);\n  font-weight: var(--mantine-font-weight-bold);\n  box-shadow: var(--mantine-shadow-sm);\n  white-space: nowrap;\n  font-variant-numeric: tabular-nums;\n  inset-inline-start: var(--time-bubble-start-offset);\n  top: calc(-1 * (var(--time-bubble-height) / 2 - 1px));\n  z-index: 2;\n  text-transform: uppercase;\n}\n"],"mappings":""}