{"version":3,"file":"ScheduleEvent.module.cjs","names":[],"sources":["../../../src/components/ScheduleEvent/ScheduleEvent.module.css"],"sourcesContent":[".event {\n  padding: 1px;\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n  flex: 1 0 auto;\n  position: relative;\n  z-index: 3;\n\n  &:where([data-auto-size]) {\n    container-type: size;\n  }\n\n  &:where([data-draggable]) .eventInner {\n    cursor: grab;\n\n    &:active {\n      cursor: grabbing;\n    }\n  }\n\n  &:where([data-dragging]) {\n    opacity: 0.2;\n\n    .eventInner {\n      cursor: grabbing;\n    }\n  }\n\n  &:where([data-any-dragging]:not([data-dragging])) {\n    pointer-events: none;\n\n    .eventInner {\n      pointer-events: none;\n    }\n  }\n\n  &:where([data-static]) {\n    pointer-events: none;\n    cursor: default;\n  }\n\n  &:where([data-resizing]) {\n    z-index: 10;\n\n    .eventInner {\n      @mixin hover {\n        background-color: var(--event-bg);\n      }\n    }\n  }\n\n  &:where([data-hanging='start'], [data-hanging='both']) {\n    &::before {\n      content: '';\n      position: absolute;\n      inset-block: 2px;\n      inset-inline-start: 2px;\n      width: 2px;\n      background-color: var(--event-color);\n      border-radius: 10px;\n      opacity: 0.3;\n    }\n\n    .eventInner {\n      padding-inline-start: 6px;\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n    }\n  }\n\n  &:where([data-hanging='end'], [data-hanging='both']) {\n    &::after {\n      content: '';\n      position: absolute;\n      inset-block: 2px;\n      inset-inline-end: 2px;\n      width: 2px;\n      background-color: var(--event-color);\n      border-radius: 10px;\n      opacity: 0.3;\n    }\n\n    .eventInner {\n      padding-inline-end: 6px;\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n    }\n  }\n\n  &:where([data-clip-start]) {\n    .eventInner {\n      padding-inline-start: 12px;\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n      clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%);\n    }\n  }\n\n  &:where([data-clip-end]) {\n    .eventInner {\n      padding-inline-end: 12px;\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n      clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);\n    }\n  }\n\n  &:where([data-clip-start][data-clip-end]) {\n    .eventInner {\n      clip-path: polygon(\n        10px 0,\n        calc(100% - 10px) 0,\n        100% 50%,\n        calc(100% - 10px) 100%,\n        10px 100%,\n        0 50%\n      );\n    }\n  }\n}\n\n.eventInner {\n  background-color: var(--event-bg);\n  color: var(--event-color);\n  pointer-events: all;\n  border-radius: var(--event-radius);\n  font-weight: var(--mantine-font-weight-medium);\n  font-size: 12px;\n  line-height: 1;\n  padding: 3px 4px;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n\n  &:where([data-nowrap]) {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    line-height: 1.25;\n  }\n\n  &:where([data-size='md']) {\n    font-size: 14px;\n    padding: 4px 6px;\n  }\n\n  @mixin hover {\n    background-color: var(--event-hover);\n  }\n\n  &:where([data-auto-size]) {\n    @container (max-height: 18px) {\n      font-size: 9px;\n      padding-block: 0px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n  }\n\n  .event[data-static] & {\n    cursor: default;\n    pointer-events: none;\n\n    @mixin hover {\n      background-color: var(--event-bg);\n    }\n  }\n\n  :where([data-slot-dragging]) & {\n    pointer-events: none;\n  }\n}\n\n.eventResizeHandle {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 40%;\n  max-width: 40px;\n  height: 4px;\n  border-radius: 2px;\n  cursor: ns-resize;\n  pointer-events: all;\n  z-index: 4;\n  touch-action: none;\n  background-color: var(--event-color);\n  opacity: 0;\n  transition: opacity 100ms ease;\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: -4px -6px;\n  }\n\n  &:where([data-edge='top']) {\n    top: -2px;\n  }\n\n  &:where([data-edge='bottom']) {\n    bottom: -2px;\n  }\n\n  .event:where(:hover, [data-resizing]) & {\n    opacity: 0.5;\n  }\n\n  @mixin hover {\n    opacity: 0.8;\n  }\n}\n"],"mappings":""}