@bryntum/scheduler-thin-trial 7.1.1

package/scheduler.css

@@ -0,0 +1,2615 @@
+@charset "UTF-8";
+/* lib/Scheduler/column/ResourceCollapseColumn.css */
+.b-resource-collapse-cell .b-icon {
+  background: transparent;
+  border: none;
+  transition: rotate 0.2s;
+  cursor: pointer;
+}
+.b-resource-collapse-cell .b-icon.b-flip {
+  rotate: 180deg;
+}
+
+/* lib/Scheduler/column/ResourceInfoColumn.css */
+:root,
+:host {
+  --b-resource-info-column-name-font-weight: 600;
+  --b-resource-info-column-role-font-size: 0.8em;
+  --b-resource-info-column-role-color: var(--b-neutral-65);
+  --b-resource-info-column-role-row-hover-color: var(--b-neutral-65);
+}
+.b-colorize {
+  --b-resource-info-column-avatar-background-color: var(--b-primary-85);
+}
+.b-grid-row {
+  --b-resource-event-color: var(--b-primary);
+}
+.b-resource-info {
+  flex: 1;
+  height: 100%;
+  display: grid;
+  grid-template-columns: min-content 1fr;
+  overflow: clip;
+  column-gap: 1em;
+  align-items: center;
+  --b-primary: var(--b-resource-event-color);
+  --b-avatar-background: var(--b-resource-info-column-avatar-background-color);
+}
+.b-resource-info div {
+  overflow: clip;
+  text-overflow: ellipsis;
+}
+.b-resource-info .b-resource-avatar {
+  grid-column: 1;
+}
+.b-resource-info:has(.b-resource-role, .b-resource-events, .b-resource-meta) .b-resource-avatar {
+  grid-row: span 2;
+}
+.b-resource-info .b-resource-name {
+  grid-column: 2;
+  align-self: end;
+  font-weight: var(--b-resource-info-column-name-font-weight);
+}
+.b-resource-info .b-resource-role,
+.b-resource-info .b-resource-events,
+.b-resource-info .b-resource-meta {
+  grid-column: 2;
+  align-self: start;
+  font-size: var(--b-resource-info-column-role-font-size);
+  color: var(--b-resource-info-column-role-color);
+}
+.b-resource-info .b-resource-meta {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+.b-resource-info .b-resource-icon {
+  display: grid;
+  place-items: center;
+}
+:is(.b-grid-row, .b-grid-cell).b-selected,
+:is(.b-grid-row, .b-grid-cell).b-hover {
+  --b-resource-info-column-role-color: var(--b-resource-info-column-role-row-hover-color);
+}
+
+/* lib/Scheduler/column/ScaleColumn.css */
+.b-scale-cell {
+  padding-inline: 0 !important;
+}
+.b-scale-cell .b-scale {
+  background-color: transparent;
+  font-weight: var(--b-grid-cell-font-weight);
+}
+.b-scale-cell .b-scale-tick-label {
+  font-size: 70%;
+}
+
+/* lib/Scheduler/feature/ColumnLines.css */
+:root,
+:host {
+  --b-column-lines-zindex: 2;
+  --b-column-lines-tick-style: solid;
+  --b-column-lines-major-style: solid;
+  --b-column-lines-tick-color: var(--b-neutral-95);
+  --b-column-lines-major-color: var(--b-grid-cell-border-color);
+  --b-column-lines-resource-color: var(--b-grid-cell-border-color);
+}
+.b-column-lines-canvas {
+  z-index: var(--b-column-lines-zindex);
+}
+.b-column-line,
+.b-column-line-major {
+  height: 100%;
+  position: absolute;
+  border-inline-start-width: 1px;
+}
+.b-theme-transition :is(.b-column-line, .b-column-line-major) {
+  transition: border-color var(--b-default-transition-duration);
+}
+.b-column-line {
+  border-color: var(--b-column-lines-tick-color);
+  border-inline-start-style: var(--b-column-lines-tick-style);
+}
+.b-column-line-major {
+  z-index: 1;
+  border-color: var(--b-column-lines-major-color);
+  border-inline-start-style: var(--b-column-lines-major-style);
+}
+.b-resource-column-line {
+  border-color: var(--b-column-lines-resource-color);
+}
+.b-sch-vertical .b-column-line:not(.b-resource-column-line),
+.b-sch-vertical .b-column-line-major {
+  height: auto;
+  width: 100%;
+  position: absolute;
+  border-inline-start: none;
+  border-top-width: 1px;
+  border-top-style: var(--b-column-lines-tick-style);
+}
+.b-sch-vertical .b-resource-group-divider {
+  border-color: var(--b-grid-header-border-color);
+}
+
+/* lib/Scheduler/feature/Dependencies.css */
+:root,
+:host {
+  --b-dependency-zindex: 5;
+  --b-dependency-stroke-width: 1;
+  --b-dependency-hover-stroke-width: 2;
+  --b-dependency-tooltip-terminal-size: .35em;
+  --b-dependency-color: var(--b-border-5);
+  --b-dependency-selected-color: var(--b-color-red);
+}
+.b-internal {
+  --b-dependency-marker: null;
+}
+.b-sch-dependencies-canvas {
+  --bi-dependency-marker: url(#arrowEnd);
+  contain: unset;
+  overflow: visible;
+  z-index: var(--b-dependency-zindex);
+}
+.b-sch-dependency-arrow {
+  fill: var(--b-dependency-color);
+  fill: context-stroke;
+}
+.b-sch-dependency {
+  pointer-events: visibleStroke;
+  fill: transparent;
+  transition: stroke-width .2s linear, stroke .2s linear;
+  stroke: var(--b-dependency-color);
+  stroke-width: var(--b-dependency-stroke-width);
+}
+.b-sch-dependency.b-sch-dependency-over {
+  stroke-dasharray: 0;
+  --b-dependency-stroke-width: var(--b-dependency-hover-stroke-width);
+}
+.b-sch-dependency.b-sch-released {
+  display: none;
+}
+.b-sch-dependency.b-click-area {
+  stroke: transparent;
+  stroke-dasharray: none !important;
+  marker-end: none;
+}
+.b-sch-dependency {
+  marker-end: var(--b-dependency-marker);
+}
+.b-sch-dependency.b-sch-bidirectional-line {
+  marker-start: var(--b-dependency-marker);
+}
+.b-sch-dependency.b-sch-dependency-markerless {
+  marker-end: none;
+}
+.b-sch-dependency-tooltip {
+  display: grid;
+  grid-template-columns: auto auto auto;
+  grid-column-gap: .5em;
+  align-items: center;
+}
+.b-sch-dependency-tooltip label {
+  font-size: .8em;
+}
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box {
+  width: 1em;
+  height: .8em;
+  border-radius: 2px;
+  display: none;
+  position: relative;
+  background: var(--b-dependency-tooltip-event-background, var(--b-primary-85));
+}
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-start,
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-end,
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-right,
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-left,
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-top,
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-bottom {
+  display: block;
+}
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box:after {
+  content: "";
+  border-radius: 50%;
+  position: absolute;
+  background-color: var(--b-dependency-tooltip-terminal-color, var(--b-primary-50));
+  width: var(--b-dependency-tooltip-terminal-size);
+  height: var(--b-dependency-tooltip-terminal-size);
+}
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-end:after,
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-right:after {
+  inset-inline-end: calc(-0.5 * var(--b-dependency-tooltip-terminal-size));
+  top: 50%;
+  translate: 0 -50%;
+}
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-start:after,
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-left:after {
+  inset-inline-start: calc(-0.5 * var(--b-dependency-tooltip-terminal-size));
+  top: 50%;
+  translate: 0 -50%;
+}
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-top:after {
+  top: calc(-0.5 * var(--b-dependency-tooltip-terminal-size));
+  inset-inline-start: 50%;
+  translate: -50%;
+}
+:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-bottom:after {
+  bottom: calc(-0.5 * var(--b-dependency-tooltip-terminal-size));
+  inset-inline-start: 50%;
+  translate: -50%;
+}
+.b-sch-dependency.b-selected {
+  stroke: var(--b-dependency-selected-color);
+  stroke-width: 2;
+}
+.b-sch-dependency-remove-icon {
+  position: absolute;
+  height: 1em;
+  width: 1em;
+  display: flex;
+  translate: -50% -50%;
+  pointer-events: all;
+  cursor: pointer;
+  z-index: 1000;
+  animation: b-anim-show-dependency-remove-icon .2s ease-in-out 1;
+  font-size: 1.1em;
+  color: var(--b-dependency-selected-color);
+}
+.b-sch-dependency-remove-icon:before {
+  border-radius: 50%;
+  background:
+    radial-gradient(
+      circle,
+      #fff 0%,
+      #fff 60%,
+      transparent 60%,
+      transparent 100%);
+}
+.b-sch-dependency-remove-icon.b-removing {
+  animation: b-anim-hide-dependency-remove-icon .15s linear 1;
+}
+:is(.b-sch-event, .b-gantt-task).b-sch-terminals-visible {
+  z-index: 2;
+}
+@keyframes b-anim-show-dependency-remove-icon {
+  0% {
+    scale: 0;
+    opacity: 0;
+  }
+  100% {
+    scale: 1;
+    opacity: 1;
+  }
+}
+@keyframes b-anim-hide-dependency-remove-icon {
+  0% {
+    scale: 1;
+    opacity: 1;
+  }
+  100% {
+    scale: 0;
+    opacity: 0;
+  }
+}
+
+/* lib/Scheduler/feature/EventCopyPaste.css */
+.b-sch-event.b-cut-item {
+  opacity: .4;
+}
+
+/* lib/Scheduler/feature/EventDragCreate.css */
+.b-timeline-base.b-drag-creating {
+  user-select: none;
+  -webkit-user-select: none;
+}
+.b-timeline-base.b-drag-creating .b-sch-time-axis-cell,
+.b-timeline-base.b-drag-creating .b-sch-event-wrap,
+.b-timeline-base.b-drag-creating .b-gantt-task-wrap {
+  pointer-events: none;
+}
+.b-timeline-base.b-drag-creating * {
+  transition: none;
+}
+.b-sch-drag-creating.b-too-narrow {
+  opacity: 0.25;
+}
+
+/* lib/Scheduler/feature/EventDragSelect.css */
+:root,
+:host {
+  --b-event-drag-select-border-width: 1px;
+  --b-event-drag-select-border-style: dashed;
+  --b-event-drag-select-border-radius: var(--b-widget-border-radius);
+  --b-event-drag-select-border-color: var(--b-neutral-50);
+}
+.b-drag-select-rect {
+  position: absolute;
+  left: 0;
+  top: 0;
+  transform-origin: 0 0;
+  pointer-events: none;
+  z-index: 100;
+  border: var(--b-event-drag-select-border-width) var(--b-event-drag-select-border-style) var(--b-event-drag-select-border-color);
+  border-radius: var(--b-event-drag-select-border-radius);
+}
+
+/* lib/Scheduler/feature/EventEdit.css */
+.b-event-editor {
+  width: 28em;
+}
+.b-event-editor.b-collapsed .b-panel-collapse-revealer {
+  display: none;
+}
+.b-event-editor [data-ref=saveButton],
+.b-event-editor [data-ref=cancelButton],
+.b-event-editor [data-ref=deleteButton] {
+  min-width: 5.5em;
+}
+.b-event-editor-content {
+  grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr);
+  align-items: end;
+}
+.b-event-editor-content .b-widget {
+  grid-column: span 2;
+}
+.b-event-editor-content [data-ref=startDateField],
+.b-event-editor-content [data-ref=endDateField] {
+  grid-column: span 1;
+  min-width: 10em;
+}
+.b-event-editor-content [data-ref=startTimeField],
+.b-event-editor-content [data-ref=endTimeField] {
+  grid-column: span 1;
+  min-width: 12em;
+}
+
+/* lib/Scheduler/feature/EventNonWorkingTime.css */
+:root,
+:host {
+  --b-event-non-working-time-opacity: 0.7;
+}
+.b-timeline-base .b-sch-event-wrap .b-sch-non-working-time {
+  z-index: 0;
+  --b-time-range-opacity: var(--b-event-non-working-time-opacity);
+}
+.b-dragging-event .b-sch-event-wrap.b-dragging .b-sch-non-working-time {
+  display: none;
+}
+.b-animating .b-sch-event-wrap .b-sch-time-range {
+  transition: none;
+}
+.b-sch-vertical .b-sch-event-wrap .b-sch-non-working-time {
+  inset-inline-start: 0;
+}
+
+/* lib/Scheduler/feature/EventTooltip.css */
+.b-sch-event-tooltip {
+  --b-tooltip-text-gap: 0.5em;
+}
+
+/* lib/Scheduler/feature/GroupSummary.css */
+.b-time-axis-group-summary {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  height: 100%;
+}
+.b-time-axis-group-summary .b-time-axis-tick {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: center;
+}
+.b-time-axis-group-summary .b-time-axis-summary-value {
+  text-align: center;
+}
+
+/* lib/Scheduler/feature/Labels.css */
+:root,
+:host {
+  --b-event-label-font-size: .9em;
+  --b-event-label-font-weight: var(--b-sch-event-font-weight);
+  --b-event-label-gap: 0.5em;
+  --b-event-label-color: var(--b-sch-event-color);
+  --b-selected-event-label-color: var(--b-sch-event-color);
+  --b-event-label-background: null;
+}
+:is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label {
+  text-align: center;
+  white-space: nowrap;
+  z-index: 1;
+  min-width: 1em;
+  pointer-events: all;
+  user-select: none;
+  -webkit-user-select: none;
+  background: var(--b-event-label-background);
+  color: var(--b-event-label-color);
+  font-size: var(--b-event-label-font-size);
+  font-weight: var(--b-event-label-font-weight);
+}
+:is(.b-sch-event-wrap, .b-gantt-task-wrap).b-sch-event-selected .b-sch-label {
+  --b-event-label-color: var(--b-selected-event-label-color);
+}
+:is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-top {
+  grid-area: top;
+  justify-self: center;
+  margin-bottom: .2em;
+}
+:is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-bottom {
+  grid-area: bottom;
+  justify-self: center;
+  margin-top: .2em;
+}
+:is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-before {
+  grid-area: before;
+  align-self: center;
+  justify-self: end;
+  margin-inline-end: var(--b-event-label-gap);
+}
+:is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-after {
+  grid-area: after;
+  align-self: center;
+  justify-self: start;
+  margin-inline-start: var(--b-event-label-gap);
+}
+.b-sch-event-wrap.b-measure-label {
+  height: 1em;
+  position: fixed;
+  top: -10000px;
+  inset-inline-start: -10000px;
+  visibility: hidden;
+}
+.b-sch-event-wrap.b-measure-label label {
+  padding-inline-start: var(--b-event-label-gap);
+  grid-area: none;
+}
+.b-sch-label-editor {
+  background: var(--b-neutral-100);
+}
+
+/* lib/Scheduler/feature/ScheduleContext.css */
+:root,
+:host {
+  --b-tick-cell-focused-outline-color: var(--b-grid-cell-focused-outline-color);
+  --b-tick-cell-focused-outline-offset: -2px;
+  --b-tick-cell-focused-outline-width: 1px;
+  --b-active-tick-cell-focused-outline-color: var(--b-grid-cell-focused-outline-color);
+  --b-active-tick-cell-focused-outline-offset: -2px;
+  --b-active-tick-cell-focused-outline-width: var(--b-grid-cell-focused-outline-width);
+}
+.b-schedule-selected-tick {
+  position: absolute;
+  justify-content: center;
+  overflow: hidden;
+  z-index: 7;
+}
+.b-schedule-selected-tick.b-widget,
+.b-schedule-selected-tick .b-contains-widget {
+  z-index: 7;
+  box-shadow: none;
+}
+.b-schedule-selected-tick:not(.b-widget, .b-contains-widget) {
+  pointer-events: none;
+}
+.b-schedule-context-navigation-enabled .b-schedule-selected-tick:not(.b-widget, .b-contains-widget) {
+  outline: var(--b-tick-cell-focused-outline-width) solid var(--b-tick-cell-focused-outline-color);
+  outline-offset: var(--b-tick-cell-focused-outline-offset);
+}
+.b-schedule-context-navigation-enabled .b-schedule-selected-tick:not(.b-widget, .b-contains-widget).b-active-tick {
+  --b-tick-cell-focused-outline-width: var(--b-active-tick-cell-focused-outline-width);
+  --b-active-tick-cell-focused-outline-offset: var(--b-active-tick-cell-focused-outline-offset);
+}
+
+/* lib/Scheduler/feature/ScheduleTooltip.css */
+.b-sch-hover-tip-msg {
+  margin-top: .5em;
+}
+
+/* lib/Scheduler/feature/ScrollButtons.css */
+:root,
+:host {
+  --b-scroll-button-border-radius: var(--b-widget-border-radius);
+  --b-scroll-button-border-width: 1px;
+  --b-scroll-button-color: var(--b-text-4);
+  --b-scroll-button-background: var(--b-neutral-98);
+  --b-scroll-button-hover-color: var(--b-text-3);
+  --b-scroll-button-font-size: .9em;
+  --b-scroll-buttons-zindex: 9;
+}
+.b-scroll-buttons-canvas {
+  z-index: var(--b-scroll-buttons-zindex);
+}
+.b-scroll-buttons-container {
+  position: absolute;
+  display: flex;
+  width: 100%;
+  pointer-events: none;
+  align-items: center;
+}
+.b-scroll-button-wrap {
+  position: sticky;
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  justify-content: center;
+  gap: .5em;
+  padding: 0.1em 0.5em;
+  pointer-events: all;
+  cursor: pointer;
+  transition: color .2s, background-color .2s;
+  min-width: 3.1em;
+  background: var(--b-scroll-button-background);
+  border: var(--b-scroll-button-border-width) solid var(--b-scroll-button-color);
+  border-radius: var(--b-scroll-button-border-radius);
+  color: var(--b-scroll-button-color);
+  font-size: var(--b-scroll-button-font-size);
+}
+.b-scroll-button-wrap:hover {
+  --b-scroll-button-color: var(--b-scroll-button-hover-color);
+}
+.b-scroll-button-wrap.b-scroll-backward {
+  inset-inline-start: 1em;
+}
+.b-scroll-button-wrap.b-scroll-forward {
+  margin-inline-start: auto;
+  inset-inline-end: 1em;
+}
+
+/* lib/Scheduler/feature/SimpleEventEdit.css */
+.b-simple-event-editor {
+  --b-simple-event-edit-editor-background: var(--b-primary-100);
+}
+.b-simple-event-editor {
+  border-radius: inherit;
+  z-index: 15;
+  --b-widget-floating-box-shadow: none;
+}
+.b-simple-event-editor.b-target-has-border .b-field {
+  --b-text-field-border-width: 0;
+}
+.b-simple-event-editor .b-field {
+  --b-text-field-background: var(--b-simple-event-edit-editor-background);
+  align-items: stretch;
+}
+.b-simple-event-editor .b-field-inner {
+  border-radius: inherit;
+}
+.b-sch-horizontal .b-simple-event-editor .b-field {
+  height: 100%;
+}
+
+/* lib/Scheduler/feature/StickyEvents.css */
+.b-sticky-events.b-sch-horizontal .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)),
+.b-sticky-events.b-sch-horizontal .b-sch-resource-time-range {
+  --b-sch-event-content-width: auto;
+}
+:is(.b-sticky-events.b-sch-horizontal .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-horizontal .b-sch-resource-time-range) .b-sch-event-content {
+  position: sticky;
+  inset-inline-start: var(--b-sch-event-padding-inline);
+}
+.b-sticky-events.b-sch-horizontal .b-sch-resource-time-range {
+  justify-content: flex-start;
+}
+.b-sticky-events.b-sch-horizontal .b-sch-resource-time-range > div {
+  overflow: clip;
+  width: 100%;
+}
+.b-firefox.b-sticky-events.b-sch-horizontal .b-sch-foreground-canvas {
+  contain: none;
+}
+.b-sticky-events.b-sch-vertical .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)),
+.b-sticky-events.b-sch-vertical .b-sch-resource-time-range {
+  --b-sch-event-content-height: auto;
+}
+:is(.b-sticky-events.b-sch-vertical .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-vertical .b-sch-resource-time-range) .b-sch-event {
+  align-items: flex-start;
+}
+
+/* lib/Scheduler/feature/TickCells.css */
+.b-sch-tick-cell {
+  position: absolute;
+  contain: strict;
+  display: grid;
+  align-items: center;
+  justify-content: center;
+  pointer-events: all;
+  font-size: 1em;
+}
+
+/* lib/Scheduler/feature/TimeAxisHeaderMenu.css */
+.b-sch-time-axis-menu-date-range-popup {
+  width: 22em;
+}
+.b-sch-time-axis-menu-date-range-popup .b-popup-content {
+  grid-template-columns: auto 1fr auto;
+}
+
+/* lib/Scheduler/feature/TimeRanges.css */
+:root,
+:host {
+  --b-time-range-range-zindex: 4;
+  --b-time-range-line-zindex: 10;
+  --b-time-range-header-gap: 0.5em;
+  --b-time-range-header-font-size: 0.9em;
+  --b-time-range-header-font-weight: 500;
+  --b-time-range-label-offset: 0.5em;
+  --b-time-range-label-font-size: 0.7em;
+  --b-time-range-opacity: 0.5;
+  --b-time-range-line-header-border-radius: 0.25em;
+  --b-time-range-line-header-padding-inline: 0.5em;
+  --b-time-range-line-width: 2px;
+  --b-time-range-line-style: solid;
+  --b-time-range-line-opacity: 1;
+  --b-time-range-line-label-border-radius: var(--b-widget-border-radius);
+  --b-time-range-line-label-padding: 0.5em;
+  --b-time-range-line-label-font-size: 0.7em;
+  --b-time-range-line-label-offset: var(--b-time-range-label-offset);
+  --b-time-range-color: #fff;
+  --b-time-range-background: var(--b-neutral-95);
+  --b-time-range-line-primary: var(--b-color-amber);
+  --b-time-range-line-label-color: #fff;
+  --b-current-time-color: var(--b-color-deep-orange);
+}
+.b-colorize {
+  --b-time-range-header-background: var(--b-primary-75);
+  --b-time-range-line-color: var(--b-primary-50);
+  --b-time-range-line-header-background: var(--b-time-range-line-color);
+  --b-time-range-line-label-background: var(--b-time-range-line-color);
+}
+.b-time-ranges-canvas {
+  display: contents;
+}
+.b-sch-time-range {
+  position: absolute;
+  z-index: var(--b-time-range-range-zindex);
+  transition: var(--b-sch-event-transition, var(--b-gantt-task-transition));
+}
+.b-animating .b-sch-time-range {
+  transition: var(--b-sch-event-animating-transition, var(--b-gantt-task-animating-transition));
+}
+.b-sch-line {
+  margin-inline-start: -1px;
+}
+.b-time-ranges-header-canvas .b-sch-time-range {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  bottom: 0;
+  background: var(--b-time-range-header-background);
+  color: var(--b-time-range-color);
+  font-weight: var(--b-time-range-header-font-weight);
+  height: calc(100% / var(--bi-header-levels));
+  gap: var(--b-time-range-header-gap);
+}
+.b-time-ranges-header-canvas .b-sch-time-range label {
+  white-space: nowrap;
+  font-size: var(--b-time-range-header-font-size);
+  font-weight: var(--b-time-range-header-font-weight);
+}
+.b-time-ranges-header-canvas .b-sch-time-range.b-dragging {
+  opacity: 1;
+}
+.b-time-ranges-header-canvas .b-sch-line {
+  --b-primary: var(--b-time-range-line-primary);
+  --b-time-range-header-background: var(--b-time-range-line-header-background);
+}
+.b-time-ranges-header-canvas .b-sch-current-time {
+  z-index: calc(var(--b-time-range-range-zindex) + 1);
+  --b-primary: var(--b-current-time-color);
+}
+.b-time-ranges-body-canvas {
+  display: contents;
+}
+.b-timeline-sub-grid .b-sch-time-range {
+  inset-block: 0;
+  background: var(--b-time-range-background);
+  opacity: var(--b-time-range-opacity);
+}
+.b-timeline-sub-grid .b-sch-time-range label {
+  position: relative;
+  font-size: var(--b-time-range-label-font-size);
+  font-weight: var(--b-time-range-header-font-weight);
+}
+.b-timeline-sub-grid .b-sch-time-range:not(.b-sch-line) {
+  display: flex;
+  justify-content: center;
+}
+.b-timeline-sub-grid .b-narrow-range label {
+  writing-mode: tb;
+  inset-inline-start: var(--b-time-range-label-offset);
+}
+.b-timeline-sub-grid .b-sch-line {
+  --b-primary: var(--b-time-range-line-primary);
+  width: 0;
+  overflow: visible;
+  border-inline-start: var(--b-time-range-line-width) var(--b-time-range-line-style) var(--b-time-range-line-color);
+  z-index: var(--b-time-range-line-zindex);
+  opacity: var(--b-time-range-line-opacity);
+  --b-time-range-label-font-size: var(--b-time-range-line-label-font-size);
+}
+.b-timeline-sub-grid .b-sch-line:before {
+  display: none;
+}
+.b-timeline-sub-grid .b-sch-line label {
+  width: fit-content;
+  white-space: nowrap;
+  color: var(--b-time-range-line-label-color);
+  background: var(--b-time-range-line-label-background);
+  border-start-end-radius: var(--b-time-range-line-label-border-radius);
+  border-end-end-radius: var(--b-time-range-line-label-border-radius);
+  inset-block-start: var(--b-time-range-line-label-offset);
+  padding: var(--b-time-range-line-label-padding);
+}
+.b-timeline-sub-grid .b-sch-current-time {
+  --b-primary: var(--b-current-time-color);
+}
+:is(.b-gantt-base, .b-sch-horizontal) .b-time-ranges-header-canvas .b-sch-line {
+  padding-inline: var(--b-time-range-line-header-padding-inline);
+  border-start-end-radius: var(--b-time-range-line-header-border-radius);
+  border-end-end-radius: var(--b-time-range-line-header-border-radius);
+}
+.b-sch-vertical .b-time-ranges-header-canvas .b-sch-line {
+  padding-block: var(--b-time-range-line-header-padding-inline);
+  border-start-start-radius: var(--b-time-range-line-header-border-radius);
+  border-end-start-radius: var(--b-time-range-line-header-border-radius);
+}
+.b-sch-vertical .b-sch-time-range {
+  inset-inline-start: auto;
+  inset-block-start: 0;
+  justify-content: flex-start;
+  bottom: auto;
+}
+.b-sch-vertical .b-sch-time-range label {
+  -webkit-writing-mode: vertical-lr;
+  writing-mode: vertical-lr;
+  -ms-writing-mode: tb-lr;
+  rotate: 180deg;
+}
+.b-sch-vertical .b-sch-time-range.b-over-resize-handle {
+  cursor: ns-resize;
+}
+.b-sch-vertical .b-timeline-sub-grid .b-sch-time-range {
+  height: auto;
+  width: inherit;
+}
+.b-sch-vertical .b-timeline-sub-grid .b-sch-line {
+  border-top: var(--b-time-range-line-width) var(--b-time-range-line-style) var(--b-time-range-line-color);
+  color: #fff;
+  padding: 0;
+  height: 1px;
+}
+.b-sch-vertical .b-timeline-sub-grid .b-sch-line label {
+  border-radius: 0;
+  border-start-start-radius: var(--b-time-range-line-label-border-radius);
+  border-end-start-radius: var(--b-time-range-line-label-border-radius);
+}
+.b-sch-vertical .b-grid-sub-grid-locked .b-sch-time-range {
+  flex-direction: column;
+  justify-content: center;
+  inset-inline-end: 0;
+  width: 2em;
+}
+.b-interaction-tooltip .b-tooltip-content > div {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+}
+
+/* lib/Scheduler/feature/TimeSelection.css */
+:root,
+:host {
+  --b-time-selection-opacity: 0.2;
+}
+.b-sch-time-axis-column .b-selected-time-span,
+.b-vertical-time-axis-column .b-selected-time-span {
+  color: #fff;
+  justify-content: space-between;
+  padding: 0.4em;
+  opacity: 1;
+  line-height: 1em;
+  background: var(--b-time-selection-header-background, var(--b-primary-60));
+}
+:is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) span {
+  white-space: nowrap;
+  overflow: hidden;
+}
+:is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-selection-start,
+:is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-selection-end {
+  align-self: flex-end;
+}
+:is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-icon-close {
+  position: absolute;
+  top: 0.2em;
+  inset-inline-end: 0.4em;
+  cursor: pointer;
+}
+.b-sch-time-axis-column .b-selected-time-span {
+  font-size: 0.7em;
+}
+.b-vertical-time-axis-column .b-selected-time-span {
+  width: calc(100% - 2em);
+}
+.b-vertical-time-axis-column .b-selected-time-span span {
+  font-size: 0.7em;
+}
+.b-vertical-time-axis-column .b-selected-time-span .b-icon-close {
+  inset-inline-start: 0.4em;
+}
+:is(.b-grid-header, .b-timeline-sub-grid, .b-vertical-time-axis-column) .b-selected-time-span {
+  transition: none;
+  z-index: 10;
+}
+.b-timeline-sub-grid .b-selected-time-span {
+  --b-time-range-background: var(--b-time-selection-background, var(--b-primary-85));
+  --b-time-range-opacity: var(--b-time-selection-opacity);
+}
+
+/* lib/Scheduler/feature/TimelineSummary.css */
+:root,
+:host {
+  --b-time-axis-footer-cell-border-color: var(--b-grid-cell-border-color);
+}
+.b-sch-summary-bar {
+  padding: 0;
+  flex-direction: row;
+  justify-content: flex-start;
+  flex-grow: unset !important;
+}
+.b-sch-summary-bar .b-time-axis-tick {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  overflow: hidden;
+  justify-content: center;
+  align-items: stretch;
+}
+.b-sch-summary-bar:not(.b-sch-vertical) .b-time-axis-tick {
+  padding: .5em 0;
+}
+.b-sch-summary-bar:not(.b-sch-vertical) .b-time-axis-tick:not(:last-child) {
+  border-inline-end: 1px solid var(--b-time-axis-footer-cell-border-color);
+}
+.b-sch-vertical .b-sch-summary-bar {
+  flex-direction: column;
+  align-items: stretch;
+  gap: 0;
+}
+.b-sch-vertical .b-sch-summary-bar .b-time-axis-tick {
+  padding: 0 0.5em;
+}
+.b-time-axis-summary-tip {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.b-time-axis-summary-tip header {
+  width: 100%;
+  text-align: center;
+  font-weight: 700;
+  margin-bottom: 1em;
+}
+.b-time-axis-summary-tip label {
+  flex: 1 1 50%;
+}
+.b-time-axis-summary-tip .b-time-axis-summary-value {
+  flex: 0 0 auto;
+}
+
+/* lib/Scheduler/feature/TreeSummary.css */
+:root,
+:host {
+  --b-tree-summary-zindex: 4;
+}
+.b-tree-summary .b-tick-cell-canvas {
+  z-index: var(--b-tree-summary-zindex);
+}
+.b-sch-tick-summary-cell {
+  display: flex;
+  position: absolute;
+  contain: strict;
+  pointer-events: all;
+}
+.b-animating .b-sch-tick-summary-cell {
+  transition: top var(--b-grid-row-transition-duration);
+}
+.b-tree-summary-cell {
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  font-weight: 400;
+}
+.b-tree-summary-cell:empty {
+  visibility: hidden;
+}
+
+/* lib/Scheduler/feature/base/ResourceTimeRangesBase.css */
+:root,
+:host {
+  --b-resource-time-range-zindex: 5;
+  --b-resource-time-range-font-size: .85em;
+  --b-resource-time-range-align-items: flex-end;
+  --b-resource-time-range-padding-block: 0.25em;
+  --b-resource-time-range-padding-inline: 0.5em;
+  --b-resource-time-range-background-transparency: 95%;
+}
+.b-resource-time-range-canvas {
+  z-index: var(--b-resource-time-range-zindex);
+}
+.b-sch-canvas.b-interactive .b-sch-resource-time-range {
+  pointer-events: auto;
+}
+.b-sch-resource-time-range {
+  display: flex;
+  position: absolute;
+  inset-inline-start: 0;
+  justify-content: center;
+  align-items: center;
+  user-select: none;
+  -webkit-user-select: none;
+  opacity: 1;
+  --b-primary: var(--b-secondary);
+  --b-sch-event-padding-block: var(--b-resource-time-range-padding-block);
+  --b-sch-event-padding-inline: var(--b-resource-time-range-padding-inline);
+  --b-resource-time-range-background: color-mix(in srgb, var(--b-primary), transparent var(--b-resource-time-range-background-transparency));
+  --b-resource-time-range-color: var(--b-primary);
+  background: var(--b-resource-time-range-background);
+  color: var(--b-resource-time-range-color);
+  transition: var(--b-sch-event-transition);
+}
+.b-sch-resource-time-range [data-task-feature] {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  font-size: var(--b-resource-time-range-font-size);
+}
+.b-animating .b-sch-resource-time-range {
+  transition: var(--b-sch-event-animating-transition);
+}
+.b-sch-resource-time-range.b-removing {
+  transition: opacity .3s;
+  opacity: 0;
+}
+.b-sch-resource-time-range.b-remove-remove,
+.b-sch-resource-time-range.b-toggle-remove {
+  transition: opacity .2s;
+  opacity: 0;
+}
+.b-sch-resource-time-range.b-toggle-add {
+  animation: b-anim-toggle-add .3s !important;
+}
+.b-sch-resource-time-range .b-sch-event-content {
+  align-items: var(--b-resource-time-range-align-items);
+}
+
+/* lib/Scheduler/feature/mixin/DependencyCreation.css */
+:root,
+:host {
+  --b-dependency-terminal-size: 14px;
+  --b-dependency-terminal-offset: -4px;
+  --b-dependency-terminal-z-index: calc(var(--b-event-resize-handle-zindex) + 1);
+  --b-dependency-terminal-border-width: 1px;
+  --b-dependency-terminal-border-style: solid;
+  --b-dependency-terminal-border-color: inherit;
+  --b-dependency-valid-color: var(--b-color-green);
+  --b-dependency-invalid-color: var(--b-color-red);
+  --b-dependency-tooltip-valid-header-color: var(--b-dependency-valid-color);
+  --b-dependency-tooltip-valid-header-background: color-mix(in srgb, var(--b-dependency-tooltip-valid-header-color), var(--b-mix) 90%);
+  --b-dependency-tooltip-invalid-header-color: var(--b-dependency-invalid-color);
+  --b-dependency-tooltip-invalid-header-background: color-mix(in srgb, var(--b-dependency-tooltip-invalid-header-color), var(--b-mix) 90%);
+}
+.b-dependencies .b-sch-event-wrap.b-hover {
+  z-index: calc(var(--b-events-zindex) + 101);
+}
+.b-dependencies .b-sch-event.b-sch-terminals-visible,
+.b-dependencies .b-gantt-task.b-sch-terminals-visible {
+  overflow: visible;
+}
+.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event:where(:not(.b-sch-event-segment)),
+.b-dependencies.b-highlighting .b-sch-dependency {
+  opacity: .3;
+}
+:is(.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event:where(:not(.b-sch-event-segment)), .b-dependencies.b-highlighting .b-sch-dependency).b-highlight {
+  opacity: 1;
+}
+.b-dependencies.b-highlighting .b-sch-resource-time-range {
+  opacity: .3;
+}
+.b-sch-terminals-visible .b-sch-terminal {
+  border-color: var(--b-dependency-terminal-border-color, inherit);
+}
+.b-sch-terminal {
+  border-style: var(--b-dependency-terminal-border-style);
+  border-radius: 50%;
+  position: absolute;
+  cursor: pointer;
+  background-color: var(--b-dependency-terminal-color, var(--b-primary-100));
+  border-width: var(--b-dependency-terminal-border-width);
+  height: var(--b-dependency-terminal-size);
+  width: var(--b-dependency-terminal-size);
+  z-index: var(--b-dependency-terminal-z-index);
+  --bi-terminal-start-end-offset: 80%;
+}
+@media (pointer : coarse) {
+  .b-sch-terminal {
+    --bi-terminal-start-end-offset: 115%;
+  }
+  .b-sch-terminal::after {
+    content: "";
+    height: calc(var(--b-dependency-terminal-size) * 2);
+    width: calc(var(--b-dependency-terminal-size) * 2);
+    border-radius: 50%;
+    position: absolute;
+    transform: translate(calc(var(--b-dependency-terminal-size) * -0.5 - 1), calc(var(--b-dependency-terminal-size) * -0.5 - 1));
+  }
+}
+.b-sch-terminal.b-sch-terminal:hover {
+  --b-dependency-terminal-color: var(--b-dependency-terminal-hover-color, var(--b-primary-90));
+}
+.b-dragging .b-sch-terminal,
+.b-sch-event-resizing .b-sch-terminal {
+  display: none;
+}
+.b-creating-dependency .b-sch-terminal:hover,
+.b-creating-dependency .b-sch-terminal-active {
+  --b-dependency-terminal-color: var(--b-dependency-terminal-hover-color, var(--b-primary-90));
+}
+:is(.b-creating-dependency .b-sch-terminal:hover, .b-creating-dependency .b-sch-terminal-active).b-valid {
+  --b-dependency-terminal-border-color: var(--b-dependency-valid-color);
+  --b-dependency-terminal-color: var(--b-dependency-terminal-valid-color, color-mix(in oklab, var(--b-color-green), var(--b-mix) 70%));
+}
+:is(.b-creating-dependency .b-sch-terminal:hover, .b-creating-dependency .b-sch-terminal-active).b-invalid {
+  --b-dependency-terminal-border-color: var(--b-dependency-invalid-color);
+  --b-dependency-terminal-color: var(--b-dependency-terminal-invalid-color, color-mix(in oklab, var(--b-color-red), var(--b-mix) 70%));
+}
+.b-creating-dependency * {
+  touch-action: none;
+}
+.b-sch-terminal-top {
+  top: var(--b-dependency-terminal-offset);
+  inset-inline-start: 50%;
+  translate: -50% -80%;
+}
+.b-sch-terminal-bottom {
+  bottom: var(--b-dependency-terminal-offset);
+  inset-inline-start: 50%;
+  translate: -50% 80%;
+}
+.b-sch-terminal-start {
+  inset-inline-start: var(--b-dependency-terminal-offset);
+  top: 50%;
+  translate: calc((var(--bi-terminal-start-end-offset) * -1) * var(--b-rtl-negate)) -50%;
+}
+.b-sch-terminal-end {
+  inset-inline-end: var(--b-dependency-terminal-offset);
+  top: 50%;
+  translate: calc(var(--bi-terminal-start-end-offset) * var(--b-rtl-negate)) -50%;
+}
+.b-sch-terminal-hover-area {
+  grid-area: body;
+  width: calc(100% + var(--b-dependency-terminal-offset) * -2 + var(--b-dependency-terminal-size) * 0.8);
+  height: calc(100% + var(--b-dependency-terminal-offset) * -2 + var(--b-dependency-terminal-size) * 0.8);
+  justify-self: center;
+  align-self: center;
+}
+.b-labels-topbottom :is(:is(.b-schedulerbase:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-with-icon), .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon)) .b-sch-terminal-start) {
+  translate: calc(-0.35em * var(--b-rtl-negate)) -50%;
+}
+.b-labels-topbottom :is(:is(.b-schedulerbase:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-with-icon), .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon)) .b-sch-terminal-end) {
+  translate: calc(0.35em * var(--b-rtl-negate)) -50%;
+}
+.b-sch-dependency-connector {
+  position: absolute;
+  contain: strict;
+  border-top: 2px dashed var(--b-dependency-color);
+  z-index: 10;
+  transform-origin: 0 0;
+  pointer-events: none;
+}
+.b-sch-dependency-connector.b-removing {
+  transition: width 0.2s ease-out;
+}
+.b-sch-dependency-connector.b-valid {
+  border-color: var(--b-dependency-valid-color);
+  border-top-style: solid;
+}
+.b-sch-dependency-creation-tooltip {
+  --b-panel-header-font-size: 0.8em;
+  --b-panel-with-header-padding: 1em;
+  --b-panel-header-gap: .5em;
+}
+.b-sch-dependency-creation-tooltip.b-popup {
+  max-width: none;
+}
+.b-sch-dependency-creation-tooltip .b-popup-header {
+  padding: 0.25em;
+  color: var(--b-dependency-tooltip-valid-header-color);
+  background: var(--b-dependency-tooltip-valid-header-background);
+}
+.b-safari :is(.b-sch-dependency-creation-tooltip .b-popup-header),
+.b-firefox :is(.b-sch-dependency-creation-tooltip .b-popup-header) {
+  width: 1.5em;
+}
+.b-sch-dependency-creation-tooltip .b-popup-header i {
+  rotate: 90deg;
+}
+.b-sch-dependency-creation-tooltip .b-header-title {
+  justify-content: center;
+}
+.b-sch-dependency-creation-tooltip.b-invalid .b-popup-header {
+  color: var(--b-dependency-tooltip-invalid-header-color);
+  background: var(--b-dependency-tooltip-invalid-header-background);
+}
+.b-sch-dependency-creation-tooltip.b-checking .b-popup-header {
+  background-color: var(--b-neutral-50);
+}
+
+/* lib/Scheduler/feature/mixin/DependencyTooltip.css */
+:root,
+:host {
+  --b-dependency-tooltip-label-font-size: .8em;
+}
+.b-sch-dependency-tooltip,
+.b-sch-dependency-creation-tooltip {
+  --b-tooltip-content-display: grid;
+  --b-tooltip-align-items: center;
+}
+:is(.b-sch-dependency-tooltip, .b-sch-dependency-creation-tooltip) .b-tooltip-content {
+  grid-template-columns: auto auto auto;
+}
+:is(.b-sch-dependency-tooltip, .b-sch-dependency-creation-tooltip) .b-tooltip-content label {
+  font-size: var(--b-dependency-tooltip-label-font-size);
+}
+
+/* lib/Scheduler/feature/mixin/HeaderDragSelect.css */
+.b-colorize {
+  --b-header-drag-select-background: color-mix(in srgb, var(--b-primary), transparent 70%);
+}
+.b-header-drag-selection-rect {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  transform-origin: 0 0;
+  pointer-events: none;
+  z-index: 100;
+  background: var(--b-header-drag-select-background);
+}
+
+/* lib/Scheduler/tooltip/ClockTemplate.css */
+:root,
+:host {
+  --b-clock-size: 1.5em;
+  --b-clock-hand-width: 3;
+}
+.b-sch-clock-wrap svg {
+  width: var(--b-clock-size);
+  height: var(--b-clock-size);
+}
+.b-sch-clock-wrap circle {
+  stroke: var(--b-clock-hand-color, var(--b-primary-30));
+  stroke-width: var(--b-clock-hand-width);
+  fill: var(--b-clock-dial-background, var(--b-primary-95));
+}
+.b-sch-clock-wrap line {
+  stroke: var(--b-clock-hand-color, var(--b-primary-30));
+  stroke-width: var(--b-clock-hand-width);
+  transform-origin: center;
+}
+.b-sch-clock-wrap line.b-hour-hand {
+  rotate: calc(var(--bi-sch-clock-hour, 0) * 30deg);
+}
+.b-sch-clock-wrap line.b-minute-hand {
+  rotate: calc(var(--bi-sch-clock-minute, 0) * 6deg);
+}
+.b-sch-clock-text {
+  white-space: nowrap;
+}
+.b-sch-clock-wrap,
+.b-sch-date-wrap {
+  display: flex;
+  gap: 0.5em;
+  align-items: center;
+}
+.b-sch-date {
+  overflow: clip;
+  background: color-mix(in srgb, var(--b-primary), transparent 90%);
+  border-radius: .25em;
+}
+.b-sch-date-month {
+  font-size: .6em;
+  background: color-mix(in srgb, var(--b-primary), transparent 70%);
+  width: 3em;
+  text-align: center;
+}
+.b-sch-date-date {
+  font-size: .8em;
+  text-align: center;
+}
+
+/* lib/Scheduler/view/HorizontalTimeAxis.css */
+:root,
+:host {
+  --b-horizontal-time-axis-border-width: var(--b-grid-header-border-width);
+  --b-horizontal-time-axis-cell-padding-inline: var(--b-sch-event-padding-inline, var(--b-gantt-task-padding-inline));
+  --b-horizontal-time-axis-cell-padding-block: 0;
+  --b-horizontal-time-axis-lowest-font-size: .9em;
+}
+.b-no-column-lines {
+  --b-horizontal-time-axis-border-width: 0;
+}
+.b-sch-time-axis-column.b-grid-header.b-depth-0 {
+  --b-grid-header-padding: 0;
+}
+.b-sch-horizontal .b-sch-time-axis-column.b-grid-header.b-depth-0 {
+  border-block-end: none;
+}
+.b-sch-time-axis-column.b-grid-header.b-depth-0:hover {
+  background: var(--b-grid-header-background);
+  color: var(--b-grid-header-color);
+}
+.b-horizontal-time-axis {
+  flex-direction: column;
+  flex: 1 0 100%;
+  user-select: none;
+  -webkit-user-select: none;
+  overflow: clip;
+}
+.b-sch-header-row {
+  position: relative;
+  flex: 1 0 2em;
+  contain: strict;
+  overflow: clip;
+}
+.b-sch-header-row.b-sch-header-row-0.b-lowest {
+  flex: 1;
+}
+.b-sch-header-row.b-sticky-header .b-sch-header-text {
+  position: sticky;
+  inset-inline-start: var(--b-horizontal-time-axis-cell-padding-inline);
+}
+.b-sch-header-time-axis-cell {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  inset-block: 0;
+  cursor: pointer;
+  overflow: clip;
+  white-space: nowrap;
+  contain: strict;
+  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
+  border-block-end: var(--b-horizontal-time-axis-border-width) solid var(--b-grid-header-border-color);
+  border-inline-start: var(--b-horizontal-time-axis-border-width) solid var(--b-grid-header-border-color);
+  color: var(--b-grid-header-color);
+  font-size: var(--b-grid-header-font-size);
+  font-weight: var(--b-grid-header-font-weight);
+}
+.b-sch-header-time-axis-cell.fa {
+  display: flex;
+  font-weight: var(--b-grid-header-font-weight);
+}
+.b-sch-header-time-axis-cell.b-align-start {
+  justify-content: flex-start;
+  padding-inline: var(--b-horizontal-time-axis-cell-padding-inline);
+}
+.b-sch-header-time-axis-cell.b-align-end {
+  justify-content: flex-end;
+}
+.b-horizontal-time-axis .b-sch-header-time-axis-cell:hover {
+  background: var(--b-grid-header-hover-background);
+  color: var(--b-grid-header-hover-color);
+}
+.b-sch-header-time-axis-cell.b-last .b-sch-header-text {
+  overflow: hidden;
+}
+.b-lowest > .b-sch-header-time-axis-cell {
+  border-block-end-width: var(--b-grid-header-container-border-width);
+  font-size: var(--b-horizontal-time-axis-lowest-font-size);
+}
+.b--grid-header-container .b-sch-time-axis-column {
+  flex-grow: unset !important;
+  background: var(--b-grid-header-background);
+  border-inline-end: 0 none;
+}
+.b--sch-timeaxiscolumn-levels-1 {
+  min-height: 1.5em;
+}
+.b--sch-timeaxiscolumn-levels-2 {
+  min-height: 3em;
+}
+.b--sch-timeaxiscolumn-levels-3 {
+  min-height: 4.5em;
+}
+.b--sch-header-time-axis-cell {
+  padding-block: var(--b-horizontal-time-axis-cell-padding-block);
+}
+:is(.b--sch-header-time-axis-cell.b-align-start, .b--sch-header-time-axis-cell.b-align-end) .b-sch-header-text {
+  padding-inline: var(--b-horizontal-time-axis-cell-padding-inline);
+}
+.b--sch-header-time-axis-cell.b-align-start {
+  justify-content: flex-start;
+}
+.b--sch-header-time-axis-cell.b-align-end {
+  justify-content: flex-end;
+}
+.b--schedulerbase.b-fill-last-column .b-sch-time-axis-column:last-child {
+  border-inline-end-color: var(--b-grid-header-border-color);
+}
+.b--sch-header-time-axis-cell[data-tick-index="0"] {
+  border-inline-start: 0;
+}
+.b--timelinebase:not(.b-sch-vertical) .b-grid-header-container {
+  border-bottom: 0;
+}
+.b--timelinebase:not(.b-sch-vertical) .b-header:not(.b-grid-header-scroller-normal) .b-grid-headers,
+.b--timelinebase:not(.b-sch-vertical) .b-horizontal-time-axis {
+  border-bottom: 1px solid var(--b-grid-header-border-color);
+}
+
+/* lib/Scheduler/view/ResourceHeader.css */
+:root,
+:host {
+  --b-resource-header-avatar-size: 2.5em;
+  --b-resource-header-gap: 0.5em;
+}
+.b-colorize {
+  --b-resource-header-avatar-background-color: var(--b-primary-85);
+}
+.b-sch-vertical .b-sch-time-axis-column {
+  flex-direction: row;
+  min-height: 3em;
+}
+.b-resource-header {
+  flex: 1;
+  position: relative;
+  contain: strict;
+}
+.b-resource-header.b-has-images {
+  min-height: 3em;
+}
+.b-resource-header.b-grouped {
+  height: 6em;
+}
+.b-resource-header .b-resource-avatar {
+  --b-avatar-size: var(--b-resource-header-avatar-size);
+}
+.b-resource-header-group-cell {
+  position: absolute;
+  display: flex;
+  align-items: stretch;
+  flex-direction: column;
+  height: 100%;
+}
+.b-resource-header-group-cell > .b-resource-header-group-text-wrap {
+  padding: 0.5em 0;
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  transition: border var(--b-default-transition-duration);
+  border-bottom: 1px solid var(--b-grid-header-border-color);
+  border-inline-end: 1px solid var(--b-grid-header-border-color);
+}
+.b-resource-header-group-cell > .b-resource-header-group-text-wrap > span {
+  position: sticky;
+  inset-inline-start: 0;
+  padding-inline: var(--b-horizontal-time-axis-cell-padding-inline);
+}
+.b-resource-header-group-cell .b-resource-header-group-children {
+  position: relative;
+  height: 100%;
+}
+.b-resource-header-cell {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  white-space: nowrap;
+  contain: strict;
+  height: 100%;
+  user-select: none;
+  -webkit-user-select: none;
+  transition:
+    background-color var(--b-default-transition-duration),
+    color var(--b-default-transition-duration),
+    border var(--b-default-transition-duration);
+  border-inline-end: 1px solid var(--b-grid-header-border-color);
+  color: var(--b-grid-header-color);
+  font-size: var(--b-grid-header-font-size);
+  font-weight: var(--b-grid-header-font-weight);
+  gap: var(--b-resource-header-gap);
+  --bi-resource-avatar-color: var(--b-resource-event-color, var(--b-primary));
+}
+.b-animating .b-resource-header-cell {
+  transition:
+    width 0.2s,
+    left 0.2s,
+    right 0.2s;
+}
+.b-resource-header-cell:hover {
+  cursor: pointer;
+  background: var(--b-grid-header-hover-background);
+}
+.b-resource-header-cell.b-align-start,
+.b-resource-header-cell.b-align-end {
+  padding-inline: 0.3em;
+}
+.b-resource-header-cell.b-align-start {
+  justify-content: flex-start;
+}
+.b-resource-header-cell.b-align-end {
+  justify-content: flex-end;
+}
+.b-resource-header-cell i {
+  margin-inline-end: .5em;
+}
+.b-resource-header-cell .b-resource-name {
+  overflow: hidden;
+}
+.b-resource-header-cell .b-resource-avatar {
+  transition: background var(--b-default-transition-duration);
+  background-color: var(--b-resource-header-avatar-background-color);
+  --b-primary: var(--bi-resource-avatar-color);
+}
+
+/* lib/Scheduler/view/TimelineBase.css */
+:root,
+:host {
+  --b-top-canvas-zindex: 1000;
+}
+.b-timeline-base.b-animating .b-grid-row {
+  transition:
+    height 0.2s,
+    translate 0.2s,
+    inset 0.2s;
+}
+.b-time-axis-cell:not(.b-group-title) {
+  --b-grid-cell-padding-inline: 0;
+  --b-grid-cell-focused-outline-width: 0;
+}
+.b-sch-canvas {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  contain: strict;
+  overflow: clip;
+  height: max(1px, 100%);
+  width: var(--bi-total-column-width);
+}
+.b-sch-foreground-canvas {
+  z-index: var(--b-events-zindex);
+}
+.b-sch-top-canvas {
+  z-index: var(--b-top-canvas-zindex);
+}
+.b-calculation-progress-wrap,
+.b-timeline-loading-indicator-wrap {
+  position: absolute;
+  bottom: 0;
+  display: flex;
+  width: 100%;
+  height: 2px;
+  z-index: 100;
+}
+.b-timeline-loading-indicator-wrap {
+  background: color-mix(in srgb, var(--b-color-green), transparent 80%);
+}
+.b-calculation-progress,
+.b-timeline-loading-indicator {
+  opacity: 0.6;
+  background: var(--b-color-green);
+}
+.b-timeline-loading-indicator {
+  animation: b-anim-line-loop 3s linear infinite;
+}
+@keyframes b-anim-line-loop {
+  0% {
+    width: 0;
+    margin-inline-start: 0;
+  }
+  50% {
+    width: 100%;
+    margin-inline-start: 0;
+  }
+  100% {
+    width: 100%;
+    margin-inline-start: 100%;
+  }
+}
+
+/* lib/Scheduler/view/VerticalTimeAxis.css */
+:root,
+:host {
+  --b-vertical-time-axis-background: var(--b-neutral-100);
+}
+.b-vertical-time-axis-column {
+  flex-flow: column nowrap;
+  align-items: stretch;
+  padding: 0;
+  border-inline-end: none;
+  background-color: var(--b-vertical-time-axis-background) !important;
+}
+.b-vertical-time-axis-column.b-grid-cell.b-focused:after {
+  display: none;
+}
+.b-vertical-time-axis {
+  flex: 1 0 100%;
+  contain: strict;
+}
+.b-vertical-time-axis .b-sch-header-row {
+  flex-direction: column;
+  flex: 1;
+}
+.b-vertical-time-axis .b-sch-header-time-axis-cell {
+  width: 100%;
+  padding: 0;
+  border-inline-start: 0 none;
+  overflow: visible;
+  text-transform: var(--b-grid-header-text-transform);
+}
+.b-vertical-time-axis .b-sch-header-row.b-lowest .b-sch-header-time-axis-cell {
+  border-inline-end: none;
+  border-bottom: none;
+  justify-content: flex-end;
+  align-items: flex-start;
+  contain: unset;
+}
+.b-vertical-time-axis .b-sch-header-row.b-lowest .b-sch-header-time-axis-cell .b-sch-header-text {
+  padding-inline-end: 0.5em;
+  margin-top: -0.75em;
+}
+.b-vertical-time-axis .b-sch-header-row:not(.b-lowest) {
+  --b-grid-header-hover-background: var(--b-vertical-time-axis-background);
+}
+.b-vertical-time-axis .b-sch-header-row:not(.b-lowest) {
+  flex: 0 0 2em;
+}
+.b-vertical-time-axis .b-sch-header-row:not(.b-lowest) .b-sch-header-time-axis-cell {
+  align-items: flex-start;
+  border-inline-end: 1px solid var(--b-grid-header-border-color);
+}
+.b-vertical-time-axis .b-sch-header-row:not(.b-lowest) .b-sch-header-text {
+  padding-inline: 0.5em;
+  writing-mode: vertical-lr;
+  -ms-writing-mode: tb-lr;
+  rotate: 180deg;
+}
+.b-vertical-time-axis .b-sticky-header .b-sch-header-text {
+  inset-inline-start: 0;
+}
+.b-firefox .b-sticky-headers .b-resource-header {
+  contain: style paint layout;
+}
+.b-sch-vertical .b-sticky-headers .b-sch-header-row,
+.b-sch-vertical .b-sticky-headers .b-sch-header-time-axis-cell {
+  overflow: visible;
+}
+.b-sch-vertical .b-sticky-headers .b-content-element,
+.b-sch-vertical .b-sticky-headers .b-grid-sub-grid-locked,
+.b-sch-vertical .b-sticky-headers .b-vertical-time-axis-row,
+.b-sch-vertical .b-sticky-headers .b-vertical-time-axis-column,
+.b-sch-vertical .b-sticky-headers .b-vertical-time-axis,
+.b-sch-vertical .b-sticky-headers .b-resource-header,
+.b-sch-vertical .b-sticky-headers .b-resource-header-group-cell,
+.b-sch-vertical .b-sticky-headers .b-resource-header-group-text-wrap {
+  overflow: clip;
+}
+
+/* lib/Scheduler/view/mixin/SchedulerEventRendering.css */
+:root,
+:host {
+  --b-sch-event-font-weight: 400;
+  --b-sch-event-padding-inline: var(--b-widget-padding);
+  --b-sch-event-padding-block: 0em;
+  --b-sch-event-transition:
+    border var(--b-default-transition-duration),
+    border-radius var(--b-default-transition-duration),
+    color var(--b-default-transition-duration),
+    padding var(--b-default-transition-duration),
+    opacity var(--b-default-transition-duration);
+  --b-sch-event-animating-transition:
+    border var(--b-default-transition-duration),
+    border-radius var(--b-default-transition-duration),
+    background-color var(--b-default-transition-duration),
+    color var(--b-default-transition-duration),
+    padding var(--b-default-transition-duration),
+    opacity var(--b-default-transition-duration),
+    inset var(--b-default-transition-duration),
+    width var(--b-default-transition-duration),
+    height var(--b-default-transition-duration);
+  --b-sch-event-cursor: pointer;
+  --b-sch-event-opacity: 1;
+  --b-sch-event-border-width: 0px;
+  --b-sch-event-width-reduction: 1px;
+  --b-sch-event-min-size: 6px;
+  --b-sch-event-content-width: 100%;
+  --b-sch-event-content-height: 100%;
+  --b-sch-event-border-radius: null;
+  --b-sch-event-border-style: null;
+  --b-sch-event-box-shadow: null;
+  --b-sch-event-font-size: null;
+  --b-sch-milestone-gap: 0.5em;
+  --b-sch-milestone-border-width: var(--b-sch-event-border-width);
+  --b-sch-event-border-color: var(--b-sch-event-background);
+}
+.b-grid-row {
+  --b-resource-event-color: var(--b-primary);
+}
+.b-scrolling {
+  --b-sch-event-transition: none;
+}
+.b-sch-event-wrap {
+  position: absolute;
+  display: grid;
+  outline: none;
+  contain: layout style;
+  align-items: center;
+  pointer-events: all;
+  z-index: 1;
+  grid-template-areas: "top    top    top    top    top" "before start  body   end  after" "bottom bottom bottom bottom bottom";
+  grid-template-columns: 0 auto 1fr auto 0;
+  grid-template-rows: min-content auto min-content;
+  opacity: var(--b-sch-event-opacity);
+  transition: var(--b-sch-event-transition);
+}
+.b-sch-event-wrap:where(:not(.b-milestone-wrap)) {
+  min-width: var(--b-sch-event-min-size);
+}
+.b-animating:not(.b-event-buffer-transition, .b-sub-grid-width-transition) .b-sch-event-wrap:not(.b-dragging, .b-sch-event-wrap-resizing, .b-reusing-own) {
+  --b-sch-event-transition: var(--b-sch-event-animating-transition);
+}
+.b-sch-event-wrap:hover,
+.b-sch-event-wrap.b-hover,
+.b-sch-event-wrap.b-sch-event-wrap-resizing {
+  --b-sch-event-background: var(--b-sch-event-hover-background);
+}
+.b-sch-event-wrap.b-selected {
+  --b-sch-event-background: var(--b-sch-event-selected-background);
+}
+.b-using-keyboard .b-sch-event-wrap.b-active .b-sch-event {
+  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
+}
+.b-sch-event-wrap.b-removing {
+  transition: opacity .3s;
+  opacity: 0;
+}
+.b-sch-event-wrap.b-remove-remove,
+.b-sch-event-wrap.b-toggle-remove {
+  transition: opacity var(--b-default-transition-duration), max-height var(--b-default-transition-duration);
+  opacity: 0;
+  max-height: 0;
+}
+.b-sch-event-wrap.b-toggle-add {
+  animation: b-anim-toggle-add .3s !important;
+}
+.b-sch-event-wrap.b-sch-vertical {
+  grid-template-areas: "top    top    top" "above  above  above" "start  start  start" "before body   after" "end    end    end" "below  below  below" "bottom bottom bottom";
+  grid-template-columns: min-content auto min-content;
+  grid-template-rows: 0 auto auto 1fr auto auto 0;
+}
+.b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) {
+  --b-sch-event-padding-inline: 1em;
+  --b-sch-event-padding-block: 1em;
+}
+.b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) .b-sch-event-content {
+  white-space: normal;
+  line-height: normal;
+  align-items: flex-start;
+}
+.b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) .b-sch-event-narrow .b-sch-event-content {
+  flex-direction: column;
+  align-items: center;
+}
+.b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow .b-event-text-wrap {
+  white-space: nowrap;
+  writing-mode: vertical-rl;
+}
+.b-grid-body-container.b-scrolling .b-sch-event-wrap {
+  pointer-events: none;
+}
+.b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap.b-hover,
+.b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap.b-selected,
+.b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap:focus {
+  z-index: 100 !important;
+}
+.b-sch-vertical.b-event-layout-mixed .b-sch-event-wrap:focus {
+  z-index: 100 !important;
+}
+.b-sch-event-wrap:where(:not(.b-sch-vertical)) {
+  max-height: calc(var(--b-event-size) * 1px);
+}
+@keyframes b-anim-toggle-add {
+  0% {
+    opacity: 0;
+    max-height: 0;
+  }
+  100% {
+    opacity: 1;
+    max-height: calc(var(--b-event-size) * 1px);
+  }
+}
+.b-sch-event {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  grid-area: body;
+  position: relative;
+  min-height: 0;
+  height: 100%;
+  opacity: 1;
+  z-index: 1;
+  transition: opacity var(--b-default-transition-duration);
+  border-color: var(--b-sch-event-border-color);
+  min-width: var(--b-sch-event-min-size);
+  width: calc(100% - var(--b-sch-event-width-reduction));
+}
+.b-sch-event:where(:not(.b-milestone)),
+.b-sch-event.b-milestone .b-sch-event-content::before {
+  border-width: var(--b-sch-event-border-width);
+  border-style: var(--b-sch-event-border-style);
+  border-radius: var(--b-sch-event-border-radius);
+  box-shadow: var(--b-sch-event-box-shadow);
+  color: var(--b-sch-event-color);
+  cursor: var(--b-sch-event-cursor);
+  font-weight: var(--b-sch-event-font-weight);
+  transition: var(--b-sch-event-transition);
+}
+.b-sch-event:where(:not(.b-milestone)) {
+  overflow: clip;
+  background: var(--b-sch-event-background);
+}
+.b-sch-event-content {
+  display: flex;
+  overflow: clip;
+  text-overflow: ellipsis;
+  position: relative;
+  line-height: 1.2em;
+  align-items: center;
+  min-width: 0;
+  gap: 0.5em;
+  font-size: var(--b-sch-event-font-size);
+  margin-inline: var(--b-sch-event-padding-inline);
+  padding-block: var(--b-sch-event-padding-block);
+  width: var(--b-sch-event-content-width);
+  height: var(--b-sch-event-content-height);
+}
+.b-sch-event-content > i {
+  line-height: inherit;
+}
+.b-milestone-wrap:where(.b-sch-vertical) {
+  justify-items: center;
+}
+.b-milestone-wrap:where(.b-sch-vertical) .b-milestone .b-sch-event-content {
+  display: grid;
+}
+.b-milestone-wrap:where(.b-sch-vertical) .b-milestone label {
+  justify-self: center;
+  inset-block-start: calc(var(--b-event-size) * .8px + var(--b-sch-milestone-border-width, 0));
+}
+.b-milestone-wrap.b-measure {
+  height: 1em;
+  position: fixed;
+  top: -10000px;
+  inset-inline-start: -10000px;
+  visibility: hidden;
+}
+.b-milestone-wrap.b-measure label {
+  font-weight: 400;
+}
+.b-sch-layout-milestones .b-milestone-wrap {
+  margin: 0;
+  min-width: 0;
+  flex-direction: row;
+}
+.b-using-keyboard :is(.b-sch-layout-milestones .b-milestone-wrap).b-active {
+  outline-offset: 3px;
+}
+.b-sch-layout-milestones .b-milestone-wrap.b-active .b-sch-event.b-milestone,
+.b-sch-layout-milestones .b-milestone-wrap.b-active .b-sch-event.b-milestone:before {
+  outline: none;
+}
+.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone {
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--b-sch-event-background);
+  inset-inline-start: calc(0.5 * var(--b-milestone-size));
+  width: calc(100% - var(--b-milestone-size));
+}
+.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content {
+  justify-content: center;
+  z-index: 1;
+}
+.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content::before {
+  content: none;
+}
+.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::before,
+.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::after {
+  background: inherit;
+  position: absolute;
+  content: " ";
+  height: calc(var(--b-milestone-size) * 0.707107);
+  aspect-ratio: 1 / 1;
+  z-index: 0;
+}
+.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::before {
+  top: 50%;
+  inset-inline-start: 0;
+  transform-origin: 50% 50%;
+  transform: translate(-50%, -50%) rotate(45deg);
+}
+.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::after {
+  top: 0;
+  inset-inline-end: 0;
+  rotate: -45deg;
+  transform-origin: 100% 0;
+}
+.b-sch-layout-milestones .b-milestone-wrap.b-measure .b-sch-event.b-milestone {
+  width: calc(100% + var(--b-milestone-size));
+}
+.b-sch-layout-milestone-text-position-inside .b-milestone-wrap .b-milestone label {
+  margin-inline-start: 0;
+  inset-inline-start: 50%;
+  translate: -50%;
+}
+.b-initial-fade-in .b-sch-dependency,
+.b-initial-fade-in .b-sch-event-wrap {
+  opacity: 0;
+  animation-name: b-anim-initial-fade-in;
+  animation-duration: .5s;
+  animation-fill-mode: forwards;
+}
+@keyframes b-anim-initial-fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.b-initial-zoom-in .b-sch-event-wrap {
+  animation-name: b-anim-initial-zoom-in;
+  animation-duration: .4s;
+  animation-timing-function: ease-in;
+}
+@keyframes b-anim-initial-zoom-in {
+  0% {
+    transform: scale(0.01);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+.b-initial-slide-from-left .b-sch-event-wrap {
+  transform: translateX(-100vw);
+  animation-name: b-anim-initial-slide-from-left;
+  animation-duration: .7s;
+  animation-fill-mode: forwards;
+}
+@keyframes b-anim-initial-slide-from-left {
+  100% {
+    transform: translateX(0);
+  }
+}
+.b-initial-slide-from-top .b-sch-event-wrap {
+  transform: translateY(-100vh);
+  animation-name: b-anim-initial-slide-from-top;
+  animation-duration: .7s;
+  animation-fill-mode: forwards;
+}
+@keyframes b-anim-initial-slide-from-top {
+  100% {
+    transform: translateY(0);
+  }
+}
+
+/* lib/Scheduler/view/mixin/TimelineEventRendering.css */
+:root,
+:host {
+  --b-events-zindex: 6;
+}
+
+/* lib/Scheduler/view/recurrence/RecurrenceEditorPanel.css */
+.b-recurrence-editor-panel {
+  --b-panel-padding: 0;
+}
+.b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap {
+  overflow: visible;
+}
+.b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content {
+  overflow: visible;
+}
+:is(.b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=monthDaysNumberRadioField], .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=monthDaysRadioField], .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=positionAndDayRadioField]).b-has-label.b-field {
+  display: grid;
+}
+.b-recurrence-editor-panel [data-ref=positionsCombo],
+.b-recurrence-editor-panel [data-ref=daysCombo] {
+  grid-column: 2;
+}
+.b-recurrence-editor-panel .b-button-group {
+  gap: 1px;
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  --b-button-focus-outline-offset: -2px;
+}
+.b-recurrence-editor-panel .b-button-group .b-button {
+  border: none;
+  min-height: 2.5em;
+  border-radius: 0;
+}
+.b-recurrence-editor-panel .b-button-group.b-recurrence-days-button-group .b-button {
+  flex: 1 1 100%;
+  min-width: auto;
+  padding-inline: 0;
+}
+.b-recurrence-editor-panel .b-button-group.b-recurrence-months-button-group {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+}
+.b-recurrence-editor-panel .b-button-group.b-recurrence-month-days-button-group {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  --b-button-padding: .25em;
+}
+
+/* lib/Scheduler/widget/ResourceCombo.css */
+.b-resource-combo .b-resource-icon {
+  display: none;
+  margin-inline: var(--b-text-field-input-padding) 0;
+  color: var(--b-primary);
+}
+.b-resource-combo > .b-field-inner {
+  padding-inline-start: 0;
+}
+.b-resource-combo.b-show-event-color:not(.b-uses-chip-view) .b-resource-icon {
+  display: block;
+}
+.b-resource-combo-picker .b-icon {
+  display: none;
+  pointer-events: all;
+}
+:is(.b-resource-combo-picker.b-multi-select, .b-resource-combo-picker.b-show-event-color) .b-icon {
+  display: block;
+}
+:is(.b-resource-combo-picker.b-multi-select, .b-resource-combo-picker.b-show-event-color) .b-selected .b-icon-square:before {
+  content: "\f14a";
+}
+.b-resource-combo-picker.b-show-event-color .b-icon {
+  color: var(--b-primary);
+}
+.b-resource-combo-picker.b-show-event-color .b-icon::before {
+  background: radial-gradient(var(--b-neutral-100) 60%, transparent 60%);
+  font-size: var(--b-list-selected-icon-size);
+}
+
+/* lib/Scheduler/widget/ResourceFilter.css */
+:root,
+:host {
+  --b-resource-filter-item-selected-background: null;
+}
+.b-resource-filter .b-list-item.b-selected:not(:focus-visible) {
+  --b-list-item-background: var(--b-resource-filter-item-selected-background);
+}
+
+/* lib/Scheduler/widget/SchedulerDatePicker.css */
+:root,
+:host {
+  --b-date-picker-cell-badge-font-size: 0.7em;
+  --b-date-picker-cell-badge-background: var(--b-color-red);
+  --b-date-picker-cell-badge-color: #fff;
+  --b-date-picker-cell-badge-size: 1.7em;
+  --b-date-picker-1-to-3-events-color: var(--b-color-yellow);
+  --b-date-picker-4-to-6-events-color: var(--b-color-orange);
+  --b-date-picker-7-or-more-events-color: var(--b-color-red);
+  --b-date-picker-dots-padding-bottom: 0.75em;
+}
+.b-date-picker .b-cell-events-badge {
+  display: grid;
+  place-items: center;
+  border-radius: 50%;
+  aspect-ratio: 1 / 1;
+  inset: auto auto -2px auto;
+  font-size: var(--b-date-picker-cell-badge-font-size);
+  background: var(--b-date-picker-cell-badge-background);
+  color: var(--b-date-picker-cell-badge-color);
+  width: var(--b-date-picker-cell-badge-size);
+}
+.b-date-picker .b-calendar-panel-cell.b-date-picker-1-to-3-events:hover,
+.b-date-picker .b-calendar-panel-cell.b-date-picker-4-to-6-events:hover,
+.b-date-picker .b-calendar-panel-cell.b-date-picker-7-or-more-events:hover {
+  border-radius: 0;
+}
+:is(.b-date-picker .b-calendar-panel-cell.b-date-picker-1-to-3-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-4-to-6-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-7-or-more-events:hover) .b-calendar-cell-inner {
+  background-color: var(--b-year-view-heatmap-hover-background, var(--b-primary-75));
+}
+.b-date-picker .b-calendar-panel-cell.b-has-bullet .b-date-picker-cell-inner {
+  justify-content: flex-start;
+  padding-top: 2px;
+}
+.b-date-picker .b-calendar-panel-cell.b-has-bullet .b-date-picker-cell-payload {
+  bottom: 2px;
+}
+.b-date-picker .b-calendar-panel-cell.b-has-badge .b-date-picker-cell-inner {
+  justify-content: flex-start;
+  padding-top: 2px;
+}
+.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover) {
+  --b-date-picker-heatmap-background: var(--b-neutral-95);
+}
+.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-1-to-3-events .b-date-picker-cell-inner {
+  background: color-mix(in srgb, var(--b-date-picker-1-to-3-events-color), var(--b-date-picker-heatmap-background));
+}
+.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-4-to-6-events .b-date-picker-cell-inner {
+  background: color-mix(in srgb, var(--b-date-picker-4-to-6-events-color), var(--b-date-picker-heatmap-background));
+}
+.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-7-or-more-events .b-date-picker-cell-inner {
+  background: color-mix(in srgb, var(--b-date-picker-7-or-more-events-color), var(--b-date-picker-heatmap-background));
+}
+.b-date-picker .b-show-events-dots .b-calendar-panel-cell {
+  --bi-extra-cell-padding: calc(var(--bi-event-count-margin-top) + var(--bi-event-count-dot-size));
+  padding-bottom: var(--bi-extra-cell-padding);
+  flex-direction: column;
+  justify-content: flex-start;
+}
+.b-date-picker .b-show-events-dots .b-calendar-panel-cell:is(.b-in-range, .b-range-start, .b-range-end)::before {
+  height: calc(100% - var(--bi-extra-cell-padding));
+}
+.b-date-picker .b-show-events-dots .b-date-picker-cell-inner {
+  height: auto;
+}
+
+/* lib/Scheduler/feature/NonWorkingTime.css */
+:root,
+:host {
+  --b-non-working-time-zindex: 3;
+  --b-non-working-time-opacity: 0.4;
+  --b-non-working-time-background: var(--b-neutral-95);
+}
+.b-colorize {
+  --b-non-working-time-header-background: color-mix(in oklab, var(--b-color-red), transparent 95%);
+}
+.b-timeline-base.b-widget .b-sch-non-working-time {
+  --b-time-range-header-background: var(--b-non-working-time-header-background);
+  --b-time-range-background: var(--b-non-working-time-background);
+  --b-time-range-opacity: var(--b-non-working-time-opacity);
+  --b-time-range-range-zindex: var(--b-non-working-time-zindex);
+}
+.b-time-ranges-header-canvas .b-sch-non-working-time {
+  pointer-events: none;
+}
+
+/* lib/Scheduler/feature/EventDrag.css */
+.b-sch-event-wrap.b-aborting,
+.b-sch-event-wrap.b-drag-unified-animation {
+  transition:
+    var(--b-sch-event-transition),
+    transform 0.2s,
+    left 0.2s,
+    top 0.2s;
+}
+.b-sch-event-wrap.b-dragging {
+  z-index: 200 !important;
+}
+.b-sch-event-wrap.b-dragging.b-drag-main {
+  z-index: 201 !important;
+}
+.b-event-drag-tooltip .b-tooltip-content > div {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+}
+.b-sch-tip-message .b-icon:first-child {
+  margin-inline-end: 0.5em;
+  justify-content: center;
+  color: var(--b-clock-hand-color);
+  width: var(--b-clock-size);
+}
+.b-float-root > .b-tooltip.b-event-drag-tooltip {
+  pointer-events: none;
+}
+
+/* lib/Scheduler/feature/EventResize.css */
+:root,
+:host {
+  --b-event-resize-handle-other-size: 3px;
+  --b-event-resize-handle-hover-other-size: 3px;
+  --b-event-resize-handle-border-radius: 3px;
+  --b-event-resize-handle-inset: 7px;
+  --b-event-resize-handle-size: 60%;
+  --b-event-resize-handle-hover-size: 70%;
+  --b-event-resize-handle-max-size: 3em;
+  --b-event-resize-handle-zindex: 1;
+  --b-event-resize-handle-background: #ffffff70;
+  --b-event-resize-handle-hover-background: #ffffffdd;
+  --bi-event-resize-handle-content: "";
+  --bi-event-resize-handle-start-translate: 0 -50%;
+  --bi-event-resize-handle-end-translate: 0 50%;
+  --bi-event-resize-handle-inset-inline: var(--b-event-resize-handle-inset);
+  --bi-event-resize-handle-inset-block: 50%;
+  --bi-event-resize-handle-height: var(--b-event-resize-handle-size);
+  --bi-event-resize-handle-width: var(--b-event-resize-handle-other-size);
+  --bi-event-resize-handle-hover-height: var(--b-event-resize-handle-hover-size);
+  --bi-event-resize-handle-hover-width: var(--b-event-resize-handle-hover-other-size);
+  --bi-event-resize-handle-cursor: ew-resize;
+}
+:is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before,
+:is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after {
+  position: absolute;
+  transition:
+    background .2s,
+    height .3s,
+    width .3s,
+    opacity .2s;
+  opacity: 1;
+  background: var(--b-event-resize-handle-background);
+  border-radius: var(--b-event-resize-handle-border-radius);
+  height: var(--bi-event-resize-handle-height);
+  width: var(--bi-event-resize-handle-width);
+  z-index: var(--b-event-resize-handle-zindex);
+}
+:is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start)::before {
+  content: var(--bi-event-resize-handle-content);
+  inset-inline-start: var(--bi-event-resize-handle-inset-inline);
+  inset-block-start: var(--bi-event-resize-handle-inset-block);
+  translate: var(--bi-event-resize-handle-start-translate);
+}
+:is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after {
+  content: var(--bi-event-resize-handle-content);
+  inset-inline-end: var(--bi-event-resize-handle-inset-inline);
+  inset-block-end: var(--bi-event-resize-handle-inset-block);
+  translate: var(--bi-event-resize-handle-end-translate);
+}
+:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-start-handle {
+  --b-sch-event-cursor: var(--bi-event-resize-handle-cursor);
+}
+:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-start-handle > ::before {
+  --b-event-resize-handle-background: var(--b-event-resize-handle-hover-background);
+  --b-event-resize-handle-width: var(--bi-event-resize-handle-hover-width);
+  --b-event-resize-handle-height: var(--bi-event-resize-handle-hover-height);
+}
+:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-end-handle {
+  --b-sch-event-cursor: var(--bi-event-resize-handle-cursor);
+}
+:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-end-handle > ::after {
+  --b-event-resize-handle-background: var(--b-event-resize-handle-hover-background);
+  --b-event-resize-handle-width: var(--bi-event-resize-handle-hover-width);
+  --b-event-resize-handle-height: var(--bi-event-resize-handle-hover-height);
+}
+:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing):where(.b-sch-vertical) {
+  --bi-event-resize-handle-inset-inline: 50%;
+  --bi-event-resize-handle-inset-block: var(--b-event-resize-handle-inset);
+  --bi-event-resize-handle-start-translate: -50% 0;
+  --bi-event-resize-handle-end-translate: 50% 0;
+  --bi-event-resize-handle-height: var(--b-event-resize-handle-other-size);
+  --bi-event-resize-handle-width: var(--b-event-resize-handle-size);
+  --bi-event-resize-handle-hover-height: var(--b-event-resize-handle-hover-other-size);
+  --bi-event-resize-handle-hover-width: var(--b-event-resize-handle-hover-size);
+  --bi-event-resize-handle-cursor: ns-resize;
+}
+@starting-style {
+  :is(:is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before,
+  :is(:is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after {
+    height: 0;
+    opacity: 0;
+  }
+  :is(:is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before,
+  :is(:is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after {
+    width: 0;
+    opacity: 0;
+  }
+}
+.b-scheduler-base.b-read-only .b-sch-event-wrap {
+  --bi-event-resize-handle-content: null;
+}
+:is(.b-sch-event-wrap.b-unhover .b-sch-event-resizable-true, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-start, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-end)::before,
+:is(.b-sch-event-wrap.b-unhover .b-sch-event-resizable-true, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-start, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-end)::after {
+  transition: opacity .2s;
+  opacity: 0;
+}
+.b-resizing-event {
+  cursor: ew-resize;
+}
+.b-resizing-event.b-sch-vertical {
+  cursor: ns-resize;
+}
+.b-resizing-event .b-sch-time-axis-cell,
+.b-resizing-event .b-sch-event-wrap {
+  pointer-events: none;
+}
+.b-sch-event-wrap-resizing {
+  z-index: 2;
+}
+.b-sch-event-resize-tip .b-tooltip-content > div {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+}
+.b-sch-event-resize-tip .b-sch-tip-message:empty {
+  display: none;
+}
+
+/* lib/Scheduler/view/EventStyles.css */
+.b-style-gantt,
+.b-style-gantt .b-sch-event-segment {
+  --b-sch-event-border-radius: 0.25em;
+  --b-sch-event-color: var(--b-text-5);
+  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%);
+  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 40%);
+  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 30%);
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
+}
+@supports not (color: color-mix(in srgb, red, blue)) {
+  .b-style-gantt,
+  .b-style-gantt .b-sch-event-segment {
+    --b-sch-event-background: var(--b-primary-75);
+    --b-sch-event-hover-background: var(--b-primary-70);
+    --b-sch-event-selected-background: var(--b-primary-65);
+  }
+}
+.b-style-tonal {
+  --b-sch-event-border-radius: 0.5em;
+  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+  --b-sch-event-background: var(--b-sch-event-tonal-background);
+  --b-sch-event-hover-background: var(--b-sch-event-tonal-hover-background);
+  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%);
+  --b-sch-event-font-weight: 600;
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+}
+@supports not (color: color-mix(in srgb, red, blue)) {
+  .b-style-tonal {
+    --b-sch-event-color: var(--b-primary-40);
+    --b-sch-event-background: var(--b-primary-93);
+    --b-sch-event-hover-background: var(--b-primary-85);
+    --b-sch-event-selected-background: var(--b-primary-75);
+  }
+}
+:is(.b-style-filled, .b-style-plain),
+:is(.b-style-filled, .b-style-plain) .b-sch-event-segment {
+  --b-sch-event-border-radius: 0.25em;
+  --b-sch-event-color: var(--b-text-5);
+  --b-sch-event-background: var(--b-primary);
+  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
+  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+  --b-sch-event-border-color: var(--b-sch-event-background);
+}
+@supports not (color: color-mix(in srgb, red, blue)) {
+  :is(.b-style-filled, .b-style-plain),
+  :is(.b-style-filled, .b-style-plain) .b-sch-event-segment {
+    --b-sch-event-hover-background: var(--b-primary-40);
+    --b-sch-event-selected-background: var(--b-primary-30);
+  }
+}
+.b-style-traced,
+.b-style-traced .b-sch-event-segment {
+  --b-sch-event-border-radius: 0.75em;
+  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
+  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%);
+  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
+  --b-sch-event-font-weight: 600;
+  --b-sch-event-border-width: 1px;
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+  --b-sch-event-border-style: solid;
+  --b-sch-milestone-border-width: 1px;
+}
+@supports not (color: color-mix(in srgb, red, blue)) {
+  .b-style-traced,
+  .b-style-traced .b-sch-event-segment {
+    --b-sch-event-background: var(--b-primary-95);
+    --b-sch-event-hover-background: var(--b-primary-93);
+    --b-sch-event-selected-background: var(--b-primary-85);
+  }
+}
+:is(.b-style-bordered, .b-style-border),
+:is(.b-style-bordered, .b-style-border) .b-sch-event-segment {
+  --b-sch-event-border-radius: 0.5em;
+  --b-sch-event-color: #fff;
+  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
+  --b-sch-event-hover-background: var(--b-primary);
+  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 10%);
+  --b-sch-event-font-weight: 600;
+  --b-sch-event-border-width: 1px;
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+  --b-sch-event-border-style: solid;
+  --b-sch-milestone-border-width: 1px;
+  --b-percent-bar-background: color-mix(in srgb, var(--b-primary), transparent 30%);
+}
+@supports not (color: color-mix(in srgb, red, blue)) {
+  :is(.b-style-bordered, .b-style-border),
+  :is(.b-style-bordered, .b-style-border) .b-sch-event-segment {
+    --b-sch-event-background: var(--b-primary-60);
+    --b-sch-event-selected-background: var(--b-primary-45);
+  }
+}
+.b-style-outlined,
+.b-style-hollow {
+  --b-sch-event-border-radius: 0.5em;
+  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
+  --b-sch-event-background: transparent;
+  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
+  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
+  --b-sch-event-border-width: 2px;
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
+  --b-sch-event-border-style: solid;
+  --b-sch-milestone-border-width: 2px;
+}
+@supports not (color: color-mix(in srgb, red, blue)) {
+  .b-style-outlined,
+  .b-style-hollow {
+    --b-sch-event-hover-background: var(--b-primary-95);
+    --b-sch-event-selected-background: var(--b-primary-85);
+  }
+}
+:is(.b-style-outlined, .b-style-hollow) .b-segmented {
+  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 98%);
+}
+:is(.b-style-indented, .b-style-colored),
+:is(.b-style-indented, .b-style-colored) .b-sch-event-segment {
+  --b-sch-event-border-radius: 0.15em;
+  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+  --b-sch-event-background: var(--b-sch-event-indented-background);
+  --b-sch-event-hover-background: var(--b-sch-event-indented-hover-background);
+  --b-sch-event-selected-background: var(--b-sch-event-indented-selected-background);
+  --b-sch-event-border-width: 0 0 0 6px;
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+  --b-sch-event-border-style: solid;
+  --b-sch-milestone-border-width: 6px;
+}
+.b-sch-vertical :is(:is(.b-style-indented, .b-style-colored), :is(.b-style-indented, .b-style-colored) .b-sch-event-segment) {
+  --b-sch-event-border-width: 6px 0 0 0;
+}
+@supports not (color: color-mix(in srgb, red, blue)) {
+  :is(.b-style-indented, .b-style-colored),
+  :is(.b-style-indented, .b-style-colored) .b-sch-event-segment {
+    --b-sch-event-background: var(--b-primary-95);
+    --b-sch-event-hover-background: var(--b-primary-91);
+    --b-sch-event-selected-background: var(--b-primary-85);
+  }
+}
+.b-style-calendar {
+  --b-sch-event-border-radius: var(--b-calendar-event-border-radius, .5em);
+  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
+  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
+  --b-sch-event-selected-background: var(--b-primary);
+  --b-sch-event-border-width: 0 0 0 var(--b-day-view-event-border-inline-start-width, 4px);
+  --b-sch-event-border-color: var(--b-primary);
+  --b-sch-event-border-style: solid;
+  --b-sch-milestone-border-width: 6px;
+  --b-sch-event-padding-inline: var(--b-day-view-event-body-padding, .35em);
+  --b-sch-event-padding-block: var(--b-day-view-event-body-padding, .35em);
+  --b-sch-event-font-weight: var(--b-calendar-event-font-weight, 500);
+  --b-sch-event-font-size: var(--b-calendar-event-font-size, .9em);
+}
+@supports not (color: color-mix(in srgb, red, blue)) {
+  .b-style-calendar {
+    --b-sch-event-background: var(--b-primary-97);
+    --b-sch-event-hover-background: var(--b-primary-95);
+    --b-sch-event-selected-background: var(--b-primary-90);
+  }
+}
+.b-sch-vertical .b-style-calendar {
+  --b-sch-event-border-width: var(--b-day-view-event-border-inline-start-width, 4px) 0 0 0;
+}
+.b-style-calendar .b-sch-event-content {
+  align-items: flex-start;
+}
+.b-style-calendar.b-selected {
+  --b-sch-event-color: var(--b-neutral-100);
+}
+.b-style-interday {
+  --b-sch-event-border-radius: 0.25em;
+  --b-sch-event-color: var(--b-primary);
+  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
+  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
+  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
+  --b-sch-event-border-color: var(--b-sch-event-background);
+  --b-sch-event-opacity: var(--b-calendar-event-solid-bar-opacity, 0.8);
+  --b-sch-event-font-weight: var(--b-calendar-solid-bar-font-weight, 500);
+  --b-sch-event-font-size: var(--b-calendar-solid-bar-font-size, .9em);
+}
+@supports not (color: color-mix(in srgb, red, blue)) {
+  .b-style-interday {
+    --b-sch-event-hover-background: var(--b-primary-40);
+    --b-sch-event-selected-background: var(--b-primary-30);
+  }
+}
+.b-style-interday.b-selected {
+  --b-sch-event-color: var(--b-neutral-100);
+}
+.b-style-interday:hover {
+  --b-sch-event-opacity: 1;
+}
+.b-style-rounded {
+  --b-sch-event-border-radius: 1000em;
+  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%);
+  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 60%);
+  --b-sch-event-selected-background: var(--b-primary);
+  --b-sch-event-font-weight: 500;
+  --b-percent-bar-background: color-mix(in srgb, var(--b-primary), transparent 70%);
+}
+@supports not (color: color-mix(in srgb, red, blue)) {
+  .b-style-rounded {
+    --b-sch-event-background: var(--b-primary-93);
+    --b-sch-event-hover-background: var(--b-primary-80);
+  }
+}
+.b-style-rounded.b-selected {
+  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
+}
+.b-style-line {
+  --b-sch-event-background: transparent;
+  --b-sch-event-padding-inline: 0;
+  --b-sch-event-border-width: 5px 0 0 0;
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
+  --b-sch-event-border-style: solid;
+  --b-sch-event-font-size: 0.8em;
+  --b-sch-milestone-border-width: 5px;
+}
+.b-style-line.b-hover {
+  --b-sch-event-border-color: var(--b-primary);
+}
+.b-style-line.b-selected {
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
+}
+.b-style-line:not(.b-milestone-wrap) {
+  translate: 0 .7em;
+}
+.b-style-line:not(.b-milestone-wrap) .b-sch-event {
+  justify-content: center;
+  height: calc(1.5em + 5px);
+}
+.b-sch-vertical .b-style-line {
+  --b-sch-event-border-width: 0 0 0 5px;
+}
+.b-sch-vertical .b-style-line .b-sch-event {
+  height: 100%;
+}
+.b-style-dashed {
+  --b-sch-event-background: transparent;
+  --b-sch-event-padding-inline: 0;
+  --b-sch-event-border-width: 5px 0 0 0;
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
+  --b-sch-event-border-style: dashed;
+  --b-sch-event-font-size: 0.8em;
+  --b-sch-milestone-border-width: 5px;
+}
+.b-style-dashed.b-hover {
+  --b-sch-event-border-color: var(--b-primary);
+}
+.b-style-dashed.b-selected {
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
+}
+.b-style-dashed:not(.b-milestone-wrap) {
+  translate: 0 .7em;
+}
+.b-style-dashed:not(.b-milestone-wrap) .b-sch-event {
+  justify-content: center;
+  height: calc(1.5em + 5px);
+}
+.b-sch-vertical .b-style-dashed {
+  --b-sch-event-border-width: 0 0 0 5px;
+}
+.b-sch-vertical .b-style-dashed .b-sch-event {
+  height: 100%;
+}
+.b-style-minimal {
+  --b-sch-event-background: transparent;
+  --b-sch-event-padding-inline: 0;
+  --b-sch-event-border-width: 0 0 1px 0;
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
+  --b-sch-event-border-style: solid;
+  --b-sch-event-font-size: 0.9em;
+  --b-sch-milestone-border-width: 1px;
+}
+.b-style-minimal.b-hover {
+  --b-sch-event-border-color: var(--b-primary);
+}
+.b-style-minimal.b-selected {
+  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
+}
+.b-sch-vertical .b-style-minimal {
+  --b-sch-event-border-width: 0 0 0 1px;
+}
+.b-style-minimal > .b-sch-event {
+  height: 60%;
+}
+.b-sch-event-wrap,
+.b-gantt-task-wrap {
+  --b-sch-event-tonal-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%);
+  --b-sch-event-tonal-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
+  --b-sch-event-indented-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
+  --b-sch-event-indented-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 82%);
+  --b-sch-event-indented-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
+}
+:is(.b-time-axis-sub-grid.b-is-highlighting .b-sch-canvas > .b-sch-event-wrap, .b-time-axis-sub-grid.b-is-highlighting .b-sch-canvas > .b-gantt-task-wrap):not(.b-highlighted) {
+  transition: opacity 0.4s;
+  opacity: .2;
+}
+
+/* lib/Scheduler/view/Milestones.css */
+.b-milestone-wrap {
+  justify-content: center;
+  --b-milestone-size: calc(var(--b-event-size) * 1px - var(--b-sch-milestone-border-width, 0) * 2);
+}
+.b-milestone-wrap.b-sch-event-wrap,
+.b-milestone-wrap.b-sch-event-wrap.b-sch-vertical,
+.b-milestone-wrap.b.gantt-task-wrap {
+  --b-sch-event-border-width: var(--b-sch-milestone-border-width);
+}
+.b-milestone-wrap .b-milestone {
+  overflow: visible;
+  box-shadow: none;
+  background-color: transparent;
+  width: var(--b-milestone-size);
+}
+.b-milestone-wrap .b-milestone.b-sch-event-with-icon .b-sch-event-content {
+  overflow: visible;
+  justify-content: center;
+}
+.b-milestone-wrap .b-milestone.b-sch-event-with-icon i {
+  font-size: var(--b-milestone-size);
+}
+.b-milestone-wrap .b-milestone label {
+  position: absolute;
+}
+.b-labels-topbottom :is(.b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon)) {
+  --b-milestone-size: calc(var(--b-event-size) * 0.4px);
+}
+.b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon) .b-gantt-task-content::before,
+.b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon) .b-sch-event-content::before {
+  position: absolute;
+  translate: 20%;
+  content: "";
+  border-radius: 0;
+  background: inherit;
+  height: calc(var(--b-milestone-size) * 0.707107);
+  aspect-ratio: 1/ 1;
+  rotate: 45deg;
+}
+.b-milestone-wrap:where(:not(.b-sch-vertical)) .b-milestone label {
+  margin-inline-start: 0.5em;
+  inset-inline-start: var(--b-milestone-size);
+}
+.b-milestone-wrap .b-gantt-task-content,
+.b-milestone-wrap .b-sch-event-content {
+  overflow: visible;
+  margin: 0;
+  height: 0;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: var(--b-sch-event-background);
+}
+.b-using-keyboard .b-milestone-wrap.b-active .b-sch-event.b-sch-event-with-icon {
+  outline-offset: 3px;
+}
+.b-using-keyboard .b-milestone-wrap.b-active .b-sch-event:not(.b-sch-event-with-icon) .b-sch-event-content:before {
+  outline-offset: 3px;
+}
+
+/* lib/Scheduler/view/TimelineHistogram.css */
+.b-timeline-histogram .b-grid-row {
+  --b-grid-row-zindex: calc(var(--b-column-lines-zindex) + 2);
+}
+.b-timeline-histogram .b-timeline-histogram-cell {
+  padding: 0;
+  border-inline-end-width: 0;
+}
+.b-timeline-histogram .b-timeline-sub-grid .b-grid-cell.b-focused::after {
+  display: none;
+}
+.b-timeline-histogram-histogram {
+  padding: 0;
+  background-color: transparent;
+}
+
+/* build/temp-entry-Scheduler.css */
+/*# sourceMappingURL=scheduler.css.map */