@charset "UTF-8";
/* ../Scheduler/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;
}

/* ../Scheduler/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;
}
: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);
}

/* ../Scheduler/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%;
}

/* ../Scheduler/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-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);
}

/* ../Scheduler/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-bryntum {
  --b-dependency-tooltip-terminal-color: var(--b-primary-50);
  --b-dependency-tooltip-event-background: var(--b-primary-85);
}
.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);
}
: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);
  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-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;
}
@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;
  }
}

/* ../Scheduler/lib/Scheduler/feature/EventCopyPaste.css */
.b-sch-event.b-cut-item {
  opacity: .4;
}

/* ../Scheduler/lib/Scheduler/feature/EventDragCreate.css */
.b-timeline-base.b-drag-creating {
  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;
}

/* ../Scheduler/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);
}

/* ../Scheduler/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;
}

/* ../Scheduler/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;
}

/* ../Scheduler/lib/Scheduler/feature/EventTooltip.css */
.b-sch-event-tooltip {
  --b-tooltip-text-gap: 0.5em;
}

/* ../Scheduler/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;
}

/* ../Scheduler/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;
  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;
}

/* ../Scheduler/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;
}
.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);
}

/* ../Scheduler/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-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;
  font-size: .8em;
  background: var(--b-scroll-button-background);
  border-radius: var(--b-scroll-button-border-radius);
  color: var(--b-scroll-button-color);
  border: var(--b-scroll-button-border-width) solid var(--b-scroll-button-color);
}
.b-scroll-button-wrap:hover {
  --b-scroll-button-color: var(--b-scroll-button-hover-color);
}
.b-scroll-button-wrap label {
  font-size: .9em;
  font-weight: 500;
}
.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;
}

/* ../Scheduler/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-simple-event-editor .b-field {
  --b-text-field-background: var(--b-simple-event-edit-editor-background);
  --b-text-field-border-width: 0;
  align-items: stretch;
}
.b-sch-horizontal .b-simple-event-editor .b-field {
  height: 100%;
}

/* ../Scheduler/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;
}

/* ../Scheduler/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: 14px;
}

/* ../Scheduler/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;
}

/* ../Scheduler/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-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 {
  --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 {
  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;
}

/* ../Scheduler/lib/Scheduler/feature/TimeSelection.css */
.b-bryntum {
  --b-time-selection-header-background: var(--b-primary-60);
  --b-time-selection-background: var(--b-primary-85);
  --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);
}
: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);
  --b-time-range-opacity: var(--b-time-selection-opacity);
}

/* ../Scheduler/lib/Scheduler/feature/TimelineSummary.css */
.b-bryntum {
  --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;
}

/* ../Scheduler/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;
}

/* ../Scheduler/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;
  --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-sch-event-content {
  align-items: var(--b-resource-time-range-align-items);
}

/* ../Scheduler/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-bryntum {
  --b-dependency-terminal-color: var(--b-primary-100);
  --b-dependency-terminal-hover-color: var(--b-primary-90);
  --b-dependency-terminal-valid-color: color-mix(in oklab, var(--b-color-green), var(--b-mix) 70%);
  --b-dependency-terminal-invalid-color: color-mix(in oklab, var(--b-color-red), var(--b-mix) 70%);
}
.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,
.b-dependencies.b-highlighting .b-sch-dependency {
  opacity: .3;
}
:is(.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event, .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);
  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);
}
.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);
}
: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);
}
: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);
}
.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-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 {
  margin-bottom: .5em;
  rotate: 90deg;
}
.b-sch-dependency-creation-tooltip .b-header-title {
  justify-content: center;
}
.b-sch-dependency-creation-tooltip.b-rtl .b-popup-header i {
  margin-bottom: 0;
  margin-top: .5em;
}
.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);
}

/* ../Scheduler/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);
}

/* ../Scheduler/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);
}

/* ../Scheduler/lib/Scheduler/tooltip/ClockTemplate.css */
:root,
:host {
  --b-clock-size: 1.5em;
  --b-clock-hand-width: 3;
}
.b-bryntum {
  --b-clock-dial-background: var(--b-primary-95);
  --b-clock-hand-color: var(--b-primary-30);
}
.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);
  stroke-width: var(--b-clock-hand-width);
  fill: var(--b-clock-dial-background);
}
.b-sch-clock-wrap line {
  stroke: var(--b-clock-hand-color);
  stroke-width: var(--b-clock-hand-width);
  transform-origin: center;
}
.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;
}

/* ../Scheduler/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 {
  border-block-end: none;
  --b-grid-header-padding: 0;
}
.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;
  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 0.2s;
  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.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-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);
}

/* ../Scheduler/lib/Scheduler/view/ResourceHeader.css */
:root,
:host {
  --b-resource-header-avatar-size: 2em;
  --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;
  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;
  transition: background-color 0.2s;
  white-space: nowrap;
  contain: strict;
  height: 100%;
  user-select: none;
  border-inline-end: 1px solid var(--b-grid-header-border-color);
  border-bottom: 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 {
  background-color: var(--b-resource-header-avatar-background-color);
  --b-primary: var(--bi-resource-avatar-color);
}

/* ../Scheduler/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 {
  --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-timeline-loading-indicator-wrap {
  position: absolute;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 2px;
  z-index: 100;
  background: color-mix(in srgb, var(--b-color-green), transparent 80%);
}
.b-timeline-loading-indicator {
  opacity: 0.6;
  animation: b-anim-line-loop 3s linear infinite;
  background: var(--b-color-green);
}
@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%;
  }
}

/* ../Scheduler/lib/Scheduler/view/VerticalTimeAxis.css */
.b-bryntum {
  --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;
}

/* ../Scheduler/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 .2s,
    border-radius .2s,
    background-color .2s,
    color .2s,
    padding .2s;
  --b-sch-event-animating-transition:
    border .2s,
    border-radius .2s,
    background-color .2s,
    color .2s,
    padding .2s,
    inset .2s,
    width .2s,
    height .2s;
  --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 {
  z-index: 1;
  --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 .2s, max-height .2s;
  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-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%;
  z-index: 1;
  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-color: var(--b-sch-event-border-color);
  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 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);
  }
}

/* ../Scheduler/lib/Scheduler/view/mixin/TimelineEventRendering.css */
:root,
:host {
  --b-events-zindex: 6;
}

/* ../Scheduler/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;
}
.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] {
  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);
  grid-column: span 2;
  --b-button-padding: .25em;
}

/* ../Scheduler/lib/Scheduler/widget/ResourceCombo.css */
.b-resource-combo .b-resource-icon {
  display: none;
  margin-inline: var(--b-text-field-input-padding) 0;
}
.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);
}

/* ../Scheduler/lib/Scheduler/widget/SchedulerDatePicker.css */
:root,
:host {
  --b-date-picker-cell-badge-font-size: 0.8em;
  --b-date-picker-cell-badge-background: var(--b-color-red);
  --b-date-picker-cell-badge-color: #fff;
  --b-date-picker-cell-badge-size: 1.4em;
  --b-date-picker-cell-badge-translate: 0 .2em;
  --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 .b-cell-events-badge {
  display: grid;
  place-items: center;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  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);
  translate: var(--b-date-picker-cell-badge-translate);
}
.b-date-picker .b-calendar-cell.b-date-picker-1-to-3-events:hover,
.b-date-picker .b-calendar-cell.b-date-picker-4-to-6-events:hover,
.b-date-picker .b-calendar-cell.b-date-picker-7-or-more-events:hover {
  border-radius: 0;
}
:is(.b-date-picker .b-calendar-cell.b-date-picker-1-to-3-events:hover, .b-date-picker .b-calendar-cell.b-date-picker-4-to-6-events:hover, .b-date-picker .b-calendar-cell.b-date-picker-7-or-more-events:hover) .b-calendar-cell-inner {
  background-color: var(--b-year-view-heatmap-hover-background);
}
.b-date-picker .b-calendar-cell .b-calendar-cell-inner:hover {
  cursor: pointer;
  background: var(--b-year-view-cell-hover-background);
  color: var(--b-year-view-cell-hover-color);
}
.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));
}

/* ../Scheduler/lib/Scheduler/feature/NonWorkingTime.css */
:root,
:host {
  --b-non-working-time-zindex: 4;
  --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);
}

/* ../Scheduler/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;
}
.b-sch-event-wrap.b-dragging.b-drag-main {
  z-index: 201;
}
.b-event-drag-tooltip .b-tooltip-content > div {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

/* ../Scheduler/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-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;
}

/* ../Scheduler/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;
}
@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: var(--b-day-view-event-color, var(--b-neutral-40));
  --b-sch-event-background: var(--b-day-view-body-background, color-mix(in srgb, var(--b-primary), var(--b-mix) 94%));
  --b-sch-event-hover-background: var(--b-day-view-event-hover-body-background, color-mix(in srgb, var(--b-primary), var(--b-mix) 90%));
  --b-sch-event-selected-background: var(--b-day-view-event-selected-body-background, color-mix(in srgb, var(--b-primary), var(--b-mix) 80%));
  --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-day-view-event-border-inline-start-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);
}
@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-interday {
  --b-sch-event-border-radius: 0.25em;
  --b-sch-event-color: #fff;
  --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);
  --b-sch-event-opacity: var(--b-calendar-event-solid-bar-opacity, 0.8);
}
@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-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%);
}

/* ../Scheduler/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;
}

/* ../Scheduler/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 */