@container calendar (inline-size >= 720px) {
  [data-kit-stand-in="calendar-drag"] [data-kit-layout="calendar"] [data-kit-region="meetings"] > [data-kit-role="meeting"] {
    cursor: grab;
    user-select: none;
  }
}

[data-kit-stand-in="calendar-drag"] {
  position: relative;
}

[data-kit-stand-in="calendar-drag"] > [data-week-scope-question]:not([hidden]) {
  position: absolute;
  z-index: 4;
  inline-size: max-content;
  max-inline-size: min(24rem, 100%);
  padding: var(--_kit-inset-tight);
  border: var(--_kit-rule) solid var(--_kit-boundary);
  border-radius: var(--_kit-radius);
  background: var(--_kit-panel);
  color: var(--_kit-ink);
}

[data-kit-stand-in="calendar-drag"] [data-kit-layout="calendar"] [data-kit-region="meetings"] > [data-kit-role="meeting"][data-week-dragging] {
  cursor: grabbing;
  border-style: dashed;
  border-color: var(--_kit-muted);
  background: var(--_kit-surface);
  color: var(--_kit-muted);
}

[data-kit-stand-in="calendar-drag"] [data-week-slots] {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-rows: repeat(auto-fill, calc(var(--_kit-hour-height) / 4));
}

[data-kit-stand-in="calendar-drag"] [data-week-slot] {
  position: relative;
  min-block-size: 0;
}

[data-kit-stand-in="calendar-drag"] [data-week-slot][data-week-chosen] {
  background: var(--_kit-wash-accent);
}

[data-kit-stand-in="calendar-drag"] [data-week-candidate] {
  position: absolute;
  z-index: 3;
  inset-block-start: 0;
  inset-inline: var(--_kit-rhythm);
  block-size: calc(var(--_kit-hour-height) * var(--week-span, 60) / 60);
  padding: var(--_kit-inset-tight);
  border: var(--_kit-rule) solid var(--_kit-ink);
  border-radius: var(--_kit-radius);
  background: var(--_kit-wash-accent);
  color: var(--_kit-ink);
  pointer-events: none;
}

[data-kit-stand-in="calendar-drag"] [data-week-candidate] > span:not([data-week-reason]) {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-kit-stand-in="calendar-drag"] [data-week-candidate] > span:nth-child(2) {
  font-size: var(--_kit-label-size);
}

[data-kit-stand-in="calendar-drag"] [data-week-candidate][data-standing="refusing"] {
  border-color: var(--_kit-muted);
  background: linear-gradient(var(--_kit-wash-muted), var(--_kit-wash-muted)), var(--_kit-surface);
  color: var(--_kit-muted);
}

[data-kit-stand-in="calendar-drag"] [data-week-reason] {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: calc(100% + var(--_kit-rhythm));
  padding: var(--_kit-rhythm) var(--_kit-inset-tight);
  border: var(--_kit-rule) solid var(--_kit-boundary);
  border-radius: var(--_kit-radius);
  background: var(--_kit-panel);
  color: var(--_kit-ink);
  font-size: var(--_kit-label-size);
  white-space: nowrap;
}

[data-kit-stand-in="calendar-drag"] [data-week-reason][data-week-flip] {
  inset-inline-start: auto;
  inset-inline-end: calc(100% + var(--_kit-rhythm));
}

@media (pointer: coarse), (width < 720px) {
  [data-kit-stand-in="calendar-drag"] [data-week-slots] {
    display: none;
  }

  [data-kit-stand-in="calendar-drag"] [data-kit-layout="calendar"] [data-kit-region="meetings"] > [data-kit-role="meeting"] {
    cursor: auto;
  }
}

@container calendar (inline-size < 720px) {
  [data-kit-stand-in="calendar-drag"] [data-week-slots] {
    display: none;
  }
}