@charset "UTF-8";
/* lib/Calendar/feature/CalendarDrag.css */
.b-hover-top.b-starts-above .b-gripper-horz,
.b-hover-bottom.b-ends-below .b-gripper-horz {
  display: none;
}
:is(.b-cal-event-wrap:not(.b-rtl).b-hover-left.b-continues-past, .b-cal-event-wrap:not(.b-rtl).b-hover-right.b-continues-future) .b-gripper-vert {
  display: none;
}
:is(.b-cal-event-wrap.b-rtl.b-hover-right.b-continues-past, .b-cal-event-wrap.b-rtl.b-hover-left.b-continues-future) .b-gripper-vert {
  display: none;
}
.b-cal-drag-proxy {
  position: absolute;
  pointer-events: none;
  opacity: 0.8;
  max-width: 17em;
}
:is(.b-day-view-content, .b-month-view-content) .b-cal-tentative-event {
  pointer-events: none;
}
.b-day-view-day-container .b-cal-tentative-event:not(.b-cal-tentative-event-first) .b-event-header,
.b-day-view-day-container .b-cal-tentative-event:not(.b-cal-tentative-event-first) .b-cal-event-desc {
  display: none;
}
.b-draggable-started:not(.b-year-view-content) {
  cursor: pointer;
}
.b-draggable-started:not(.b-year-view-content) .b-week-num,
.b-draggable-started:not(.b-year-view-content) .b-day-num,
.b-draggable-started:not(.b-year-view-content) .b-cal-cell-overflow {
  pointer-events: none;
}
.b-cal-event-wrap.b-resizing {
  display: none;
}
.b-cal-tentative-event.b-cal-event-footer-desc-overlap .b-cal-event-footer,
.b-cal-event-wrap:not(.b-cal-tentative-event-last) .b-cal-event-footer {
  display: none;
}
.b-cal-event-footer {
  position: absolute;
  bottom: 0.5em;
  right: 0.7em;
  white-space: nowrap;
  font-size: .7em;
}
.b-rtl .b-cal-event-footer {
  right: auto;
  left: 0.7em;
}

/* lib/Calendar/feature/EventBuffer.css */
:root,
:host {
  --b-calendar-event-buffer-background: var(--b-neutral-100);
  --b-calendar-event-buffer-border-color: var(--b-border-5);
  --b-calendar-event-buffer-color: var(--b-text-2);
}
.b-day-view {
  --bi-preamble-line-color: var(--b-calendar-event-buffer-border-color);
  --bi-event-preamble-background:
    linear-gradient(
      90deg,
      transparent,
      transparent calc(50% - 0.5px),
      var(--bi-preamble-line-color) calc(50% - 0.5px),
      var(--bi-preamble-line-color) calc(50% + 0.5px),
      transparent calc(50% + 0.5px),
      transparent 100%),
    linear-gradient(
      180deg,
      var(--bi-preamble-line-color) 1px,
      transparent 1px);
  --bi-event-postamble-background:
    linear-gradient(
      90deg,
      transparent,
      transparent calc(50% - 0.5px),
      var(--bi-preamble-line-color) calc(50% - 0.5px),
      var(--bi-preamble-line-color) calc(50% + 0.5px),
      transparent calc(50% + 0.5px),
      transparent 100%),
    linear-gradient(
      0deg,
      var(--bi-preamble-line-color) 1px,
      transparent 1px);
}
.b-cal-event-buffer {
  position: absolute;
  width: 100%;
  display: grid;
  grid-template-rows: 0;
  grid-template-columns: auto auto;
  place-items: center;
  place-content: center;
  background-size: 1em 100%;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  color: #aaa;
  font-size: 10px;
  min-height: 1.5em;
  pointer-events: none;
}
.b-cal-event-buffer .b-travel-time-label[data-btip] {
  pointer-events: all;
}
.b-cal-event-buffer i {
  margin-inline-end: 0.5em;
}
.b-cal-preamble {
  bottom: 100%;
  background-image: var(--bi-event-preamble-background);
}
.b-cal-postamble {
  top: 100%;
  background-image: var(--bi-event-postamble-background);
}
.b-travel-time-label {
  border-radius: .7em;
  padding: .1em .7em;
  text-align: center;
  background: var(--b-calendar-event-buffer-background);
  color: var(--b-calendar-event-buffer-color);
  border: 1px solid var(--b-calendar-event-buffer-border-color);
}

/* lib/Calendar/feature/ExternalEventSource.css */
.b-grid-to-cal-drag-proxy {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  opacity: 0.9;
  width: 15em;
  height: 25px;
  align-items: center;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--b-calendar-solid-bar-background);
  border-radius: var(--b-calendar-event-border-radius);
  color: var(--b-calendar-solid-bar-color);
  font-size: var(--b-month-view-event-bar-font-size);
  padding: 0 var(--b-calendar-event-bar-padding-start);
}
.b-grid-row.b-drop-above:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  z-index: 1;
  background-color: var(--b-row-reorder-indicator-color, var(--b-secondary));
}
:is(.b-grid-row, .b-grid-header-container).b-drop-below:before {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  height: 1px;
  width: 100%;
  background-color: red;
  z-index: 1;
}

/* lib/Calendar/feature/TimeRanges.css */
:root,
:host {
  --b-calendar-time-range-color: var(--b-calendar-event-color);
  --b-calendar-time-range-footer-color: var(--b-calendar-event-color);
  --b-calendar-time-range-border-width: 0.15em;
  --b-calendar-time-range-line-size: 0.2em;
  --b-calendar-time-range-line-zoom-scale: 2;
}
.b-colorize {
  --b-calendar-time-range-header-background: var(--b-primary-97);
  --b-calendar-time-range-border-color: var(--b-primary);
}
.b-internal {
  --bi-time-range-header-width: null;
}
.b-day-view .b-cal-time-range {
  position: absolute;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  left: 0;
  right: 0;
}
.b-day-view .b-cal-time-range.b-cal-time-range-line {
  border-style: solid;
  transition: scale 0.3s ease-in-out;
  z-index: 1;
  border-color: var(--b-calendar-time-range-border-color);
  border-width: calc(var(--b-calendar-time-range-border-width)) 0 0 0;
  margin-top: calc(var(--b-calendar-time-range-line-size) / -2);
  min-height: var(--b-calendar-time-range-line-size);
  margin-inline-end: calc(-1 * var(--bi-day-view-cell-gutter));
}
.b-day-view .b-cal-time-range.b-cal-time-range-line.b-cal-time-range-hover-zoom:hover {
  scale: var(--b-calendar-time-range-line-zoom-scale);
}
.b-day-view .b-cal-time-range.b-cal-time-range-has-header::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: var(--b-calendar-time-range-border-color);
  width: var(--b-calendar-time-range-border-width);
}
:is(.b-day-view .b-cal-time-range.b-cal-time-range-has-header.b-cal-time-range-align-end.b-cal-time-range-rotate-pos, .b-day-view .b-cal-time-range.b-cal-time-range-has-header.b-cal-time-range-align-start.b-cal-time-range-rotate-neg)::after {
  right: 0;
}
:is(.b-day-view .b-cal-time-range.b-cal-time-range-has-header.b-cal-time-range-align-end.b-cal-time-range-rotate-neg, .b-day-view .b-cal-time-range.b-cal-time-range-has-header.b-cal-time-range-align-start.b-cal-time-range-rotate-pos)::after {
  left: 0;
}
.b-day-view .b-cal-time-range .b-cal-time-range-body {
  width: 100%;
  pointer-events: none;
  z-index: -1;
}
.b-day-view .b-cal-time-range .b-cal-time-range-header,
.b-day-view .b-cal-time-range .b-cal-time-range-footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-day-view .b-cal-time-range .b-cal-time-range-header {
  transition: background-color 0.1s;
  position: relative;
  background: var(--b-calendar-time-range-header-background);
  min-width: var(--bi-time-range-header-width);
}
.b-day-view .b-cal-time-range .b-cal-time-range-header::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: var(--b-calendar-time-range-color);
}
.b-day-view .b-cal-time-range .b-cal-time-range-header.b-icon .b-cal-time-range-header-text {
  margin-inline-start: 0.5em;
}
.b-day-view .b-cal-time-range:not(.b-cal-time-range-narrow) .b-cal-time-range-header-text {
  font-size: 0.9em;
}
.b-day-view .b-cal-time-range-rotate-neg {
  align-self: center;
  writing-mode: vertical-lr;
  rotate: 180deg;
}
.b-day-view .b-cal-time-range-rotate-neg .b-cal-time-range-header::before {
  rotate: 180deg;
}
.b-day-view .b-cal-time-range-rotate-pos {
  align-self: center;
  writing-mode: vertical-rl;
}
.b-day-view .b-cal-time-range-align-start {
  flex-direction: column-reverse;
}
.b-day-view .b-day-view-inset-after.b-day-view-inset-before .b-cal-time-range-has-header:not(.b-cal-time-range-stretch) .b-cal-time-range-body {
  width: calc(100% - 2 * var(--bi-day-view-cell-inset-size));
}
:is(.b-day-view .b-day-view-inset-after:not(.b-day-view-inset-before), .b-day-view .b-day-view-inset-before:not(.b-day-view-inset-after)) .b-cal-time-range-has-header:not(.b-cal-time-range-stretch) .b-cal-time-range-body {
  width: calc(100% - var(--bi-day-view-cell-inset-size));
}
.day-view-inset-after :is(.b-day-view .b-cal-time-range:not(.b-cal-time-range-line, .b-cal-time-range-has-header, .b-cal-time-range-stretch)) {
  margin-block-end: calc(var(--bi-day-view-cell-inset-size));
}
.day-view-inset-before :is(.b-day-view .b-cal-time-range:not(.b-cal-time-range-line, .b-cal-time-range-has-header, .b-cal-time-range-stretch)) {
  margin-block-start: calc(var(--bi-day-view-cell-inset-size));
}

/* lib/Calendar/feature/WeekExpander.css */
:is(.b-week-expander .b-has-overflow, .b-week-expander .b-shrinkwrapped) .b-week-number-cell {
  position: relative;
}
:is(.b-week-expander .b-has-overflow, .b-week-expander .b-shrinkwrapped) .b-week-number-cell .b-week-toggle-tool-wrap {
  order: 9999;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding-bottom: 4px;
}
:is(.b-week-expander .b-has-overflow, .b-week-expander .b-shrinkwrapped) .b-week-number-cell .b-week-toggle-tool-wrap .b-week-toggle-tool {
  height: 1.5em;
  width: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (pointer : coarse) {
  :is(.b-week-expander .b-has-overflow, .b-week-expander .b-shrinkwrapped) .b-week-number-cell .b-week-toggle-tool-wrap .b-week-toggle-tool {
    font-size: 1.5em;
    align-self: stretch;
  }
}
.b-week-expander .b-has-overflow .b-week-toggle-tool:before {
  content: "\f107";
}
.b-week-expander .b-shrinkwrapped.b-expanded .b-week-toggle-tool:before {
  content: "\f106";
}

/* lib/Calendar/feature/print/Print.css */
.b-calendar-print-iframe {
  position: absolute;
  top: -1000em;
  left: -1000em;
}
.b-calendar.b-shrinkwrap-row-heights .b-print-content .b-weeks-container {
  flex: 0 0 auto;
}
.b-calendar .b-print-content {
  font-family:
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  position: absolute;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.b-calendar .b-print-content .b-print-header {
  font-size: 1.4em;
}
.b-calendar .b-print-content .b-print-body {
  flex: 1;
  display: flex;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport {
  display: flex;
  flex: 1;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport header {
  display: none;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-calendar-mixin {
  padding: 0;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-day-view,
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-week-view,
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-month-view {
  flex: 1 0 100%;
}
:is(.b-calendar .b-print-content .b-print-body .b-print-viewport .b-day-view, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-week-view, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-month-view) .b-month-view-content {
  padding: 0;
}
:is(.b-calendar .b-print-content .b-print-body .b-print-viewport .b-day-view, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-week-view) .b-expand-all-day-button,
:is(.b-calendar .b-print-content .b-print-body .b-print-viewport .b-day-view, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-week-view) .b-yscroll-pad {
  display: none;
}
:is(.b-calendar .b-print-content .b-print-body .b-print-viewport .b-day-view, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-week-view) .b-day-view-day-content {
  overflow-y: hidden !important;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-agenda-view .b-grid-body-container.b-widget-scroller {
  overflow-y: hidden !important;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-year-view .b-yearv-iew-content {
  padding: 0;
  overflow-y: hidden !important;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-year-view .b-year-view-month:nth-child(9),
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-year-view .b-year-view-month:nth-child(10),
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-year-view .b-year-view-month:nth-child(11),
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-year-view .b-year-view-month:nth-child(12) {
  margin-bottom: 0;
}

/* lib/Calendar/view/Calendar.css */
:root,
:host {
  --b-calendar-view-padding-top: 1.2em;
  --b-calendar-event-border-radius: 5px;
  --b-calendar-overflow-popup-visible-z-index: 10;
  --b-calendar-cell-overflow-hover-border-radius: 4px;
  --b-calendar-foreground-color: var(--b-widget-color);
  --b-calendar-background: transparent;
  --b-calendar-border-color: var(--b-border-7);
  --b-calendar-date-hover-background: var(--b-neutral-95);
  --b-calendar-today-font-weight: null;
  --b-calendar-cell-overflow-color: var(--b-text-3);
  --b-calendar-cell-overflow-hover-background: var(--b-neutral-90);
  --b-calendar-cell-overflow-hover-color: null;
  --b-calendar-cell-active-overflow-color: var(--b-neutral-50);
  --b-calendar-selected-date-border: null;
  --b-calendar-week-cell-color: var(--b-text-1);
  --b-calendar-week-cell-background: null;
  --b-calendar-week-cell-hover-color: var(--b-neutral-20);
  --b-calendar-week-cell-hover-border-radius: 3px;
  --b-calendar-non-working-day-background: var(--b-neutral-98);
  --b-calendar-view-desc-color: var(--b-widget-color);
  --b-calendar-view-desc-font-size: 1.4em;
  --b-calendar-view-desc-font-weight: 400;
  --b-calendar-toolbar-border-bottom: 1px solid var(--b-calendar-border-color);
  --b-calendar-other-month-foreground-color: var(--b-text-4);
  --b-calendar-week-cell-hover-background: var(--b-calendar-date-hover-background);
}
.b-bryntum {
  --b-calendar-today-background: var(--b-date-picker-today-background);
  --b-calendar-today-hover-background: var(--b-primary-90);
  --b-calendar-today-color: var(--b-date-picker-today-color);
  --b-calendar-today-border: var(--b-date-picker-today-border);
  --b-calendar-focused-cell-background-color: var(--b-primary-95);
}
.b-calendar.b-outer {
  height: 100%;
}
.b-calendar,
.b-calendar-content {
  overflow: hidden;
}
.b-calendar {
  user-select: none;
}
.b-calendar :is([role=gridcell], [role=columnheader]):focus-visible {
  outline: none;
  background-color: var(--b-calendar-focused-cell-background-color) !important;
}
.b-calendar.b-overflow-popup-visible {
  z-index: var(--b-calendar-overflow-popup-visible-z-index);
}
.b-calendar .b-calendar-content {
  gap: 0;
}
.b-calendar .b-calendar-view-desc-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
  color: var(--b-calendar-view-desc-color);
  font-size: var(--b-calendar-view-desc-font-size);
  font-weight: var(--b-calendar-view-desc-font-weight);
}
.b-calendar .b-calendar-toolbar {
  background: transparent;
  border-bottom: var(--b-calendar-toolbar-border-bottom);
}
.b-calendar .b-calendar-toolbar [data-ref=prevButton] + [data-ref=nextButton] {
  margin-inline-start: calc(var(--b-toolbar-gap) * -1);
}
.b-calendar:not(.b-calendar-nav-toolbar) .b-calendar-toolbar .b-cal-nav-item {
  display: none;
}
.b-calendar:not(.b-calendar-nav-sidebar) .b-sidebar .b-cal-nav-item {
  display: none;
}
.b-calendar.b-responsive-small .b-calendar-view-desc {
  margin-inline-start: 0.5em;
}
.b-calendar.b-responsive-small .b-calendar-toolbar {
  --b-toolbar-min-size: 2em;
  --b-toolbar-padding: 0.2em;
}
.b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-view-desc-text {
  font-size: 120%;
}
.b-calendar.b-responsive-small .b-calendar-toolbar > .b-toolbar-content {
  gap: unset;
}
.b-calendar.b-responsive-small .b-calendar-toolbar button {
  --b-button-padding-inline: 1em;
  aspect-ratio: unset;
}
.b-calendar.b-responsive-small .b-calendar-toolbar button:not(.b-pressed) {
  background-color: transparent;
  border-color: transparent;
}
.b-calendar.b-responsive-small .b-calendar-toolbar .b-sidebar-toggle {
  margin-inline-end: 0.5em;
}
:is(.b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-mode-button, .b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-today-button) > .b-button-menu-icon,
:is(.b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-mode-button, .b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-today-button) > label {
  display: none;
}
.b-calendar:not(.b-responsive-small) .b-calendar-toolbar .b-calendar-mode-button > .b-button-icon {
  display: none;
}
:is(.b-calendar .b-calendar-view-container > .b-month-view, .b-calendar .b-calendar-view-container > .b-year-view) > .b-panel-body-wrap > .b-panel-content {
  padding-top: var(--b-calendar-view-padding-top);
}
.b-notransition:is(.b-calendar-mixin, .b-calendar) * {
  transition: none !important;
}
.b-panel-ui-calendar-banner.b-panel-header {
  --b-panel-header-padding: 2em 1em;
  --b-panel-header-border-bottom: var(--b-calendar-toolbar-border-bottom);
  --b-panel-header-color: var(--b-calendar-view-desc-color);
  --b-panel-header-font-size: var(--b-calendar-view-desc-font-size);
  --b-panel-header-font-weight: var(--b-calendar-view-desc-font-weight);
  --b-panel-header-background: var(--b-grid-toolbar-background);
  height: 42px;
}

/* lib/Calendar/view/CalendarEventRendering.css */
:root,
:host {
  --b-calendar-event-bar-gap: .5em;
  --b-calendar-event-bar-padding-start: .5em;
  --b-calendar-intraday-event-color: var(--b-primary-30);
  --b-calendar-focused-event-color: var(--b-neutral-100);
  --b-calendar-focused-event-background: var(--b-color-green);
  --b-calendar-intraday-event-hover-background: var(--b-neutral-95);
  --b-calendar-event-icon-size: 1em;
  --b-calendar-event-circle-icon-size: .5em;
  --b-calendar-solid-bar-opacity: .8;
  --b-calendar-event-avatar-size: 2em;
  --b-calendar-solid-bar-font-weight: 500;
  --b-calendar-solid-bar-font-size: 1em;
  --b-calendar-solid-bar-selected-color: var(--b-neutral-100);
  --b-calendar-event-font-size: .9em;
  --b-calendar-event-font-weight: 500;
  --bi-calendar-event-bar-background-fade: linear-gradient(color-mix(in srgb, var(--b-neutral-100), transparent 20%), color-mix(in srgb, var(--b-neutral-100), transparent 20%));
  --bi-calendar-event-bar-hover-background-fade: linear-gradient(color-mix(in srgb, var(--b-neutral-100), transparent 30%), color-mix(in srgb, var(--b-neutral-100), transparent 30%));
  --bi-calendar-event-bar-selected-background-fade: linear-gradient(color-mix(in srgb, var(--b-neutral-100), transparent 40%), color-mix(in srgb, var(--b-neutral-100), transparent 40%));
  --b-calendar-event-reveal-color: #fff;
}
.b-colorize {
  --b-calendar-event-color: var(--b-primary);
  --b-calendar-solid-bar-background: var(--b-primary-90);
  --b-calendar-solid-bar-selected-background: var(--b-primary-40);
  --b-calendar-solid-bar-color: var(--b-primary-40);
}
.b-internal {
  --bi-arrow-margin: null;
  --bi-arrow-width: null;
  --bi-event-count-margin-top: null;
  --bi-event-count-dot-size: null;
  --bi-event-count-dot-gap: null;
  --bi-event-height: null;
}
.b-cal-view-readonly {
  filter: grayscale(75%);
  transition: filter 0.5s;
}
.b-show-events-dots {
  --bi-event-count-dot-size: 4px;
}
.b-cal-event-wrap {
  display: flex;
  transition: opacity .3s;
  font-size: var(--b-calendar-event-font-size);
  font-weight: var(--b-calendar-event-font-weight);
}
.b-cal-event-wrap.b-read-only {
  filter: grayscale(75%);
  transition: filter 0.5s;
}
.b-grid-row .b-cal-event-wrap {
  transition: opacity 0.1s;
}
.b-draggable-started .b-cal-event-wrap:not(.b-dragging-item) {
  pointer-events: none;
}
.b-draggable-started .b-cal-event-wrap.b-dragging-item {
  opacity: 0.5;
  outline: none;
  pointer-events: none;
}
.b-cal-event-wrap:hover {
  cursor: pointer;
}
.b-cal-event-wrap.b-intraday:not(.b-solid-bar, .b-custom-event-background) .b-cal-event .b-cal-event-body {
  --b-calendar-event-color: var(--b-calendar-intraday-event-color);
}
.b-cal-event-wrap.b-intraday:not(.b-solid-bar, .b-custom-event-background) .b-cal-event:hover {
  background: var(--b-calendar-intraday-event-hover-background);
}
.b-cal-event-wrap:focus-visible {
  z-index: 3 !important;
  outline: none;
}
.b-cal-event-wrap:focus-visible .b-cal-event {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-cal-event-wrap.b-active:not(.b-dragging-item, .b-cut-item) {
  clip: unset;
  z-index: 10 !important;
}
.b-offset-continues-past .b-cal-event-wrap.b-continues-past {
  margin-inline-start: var(--bi-arrow-margin);
}
.b-cal-event-wrap.b-continues-past:not(.b-rtl) .b-cal-event {
  padding-left: calc(var(--bi-arrow-width) + var(--b-calendar-event-bar-padding-start));
  clip-path: polygon(0 50%, var(--bi-arrow-width) 0, 100% 0, 100% 100%, var(--bi-arrow-width) 100%);
}
.b-cal-event-wrap.b-continues-past.b-rtl .b-cal-event {
  padding-right: calc(var(--bi-arrow-width) + var(--b-calendar-event-bar-padding-start));
  clip-path: polygon(0 0, calc(100% - var(--bi-arrow-width)) 0, 100% 50%, calc(100% - var(--bi-arrow-width)) 100%, 0 100%);
}
.b-cal-event-wrap.b-continues-future:not(.b-rtl) .b-cal-event {
  padding-right: calc(var(--bi-arrow-width) + var(--b-calendar-event-bar-padding-start));
  clip-path: polygon(0 0, calc(100% - var(--bi-arrow-width)) 0, 100% 50%, calc(100% - var(--bi-arrow-width)) 100%, 0 100%);
}
.b-cal-event-wrap.b-continues-future.b-rtl .b-cal-event {
  padding-left: calc(var(--bi-arrow-width) + var(--b-calendar-event-bar-padding-start));
  clip-path: polygon(0 50%, var(--bi-arrow-width) 0, 100% 0, 100% 100%, var(--bi-arrow-width) 100%);
}
.b-cal-event-wrap.b-continues-past.b-continues-future .b-cal-event {
  clip-path: polygon(0 50%, var(--bi-arrow-width) 0, calc(100% - var(--bi-arrow-width)) 0, 100% 50%, calc(100% - var(--bi-arrow-width)) 100%, var(--bi-arrow-width) 100%);
}
.b-cal-event-wrap.b-focused .b-cal-event {
  background-color: var(--b-calendar-focused-event-background) !important;
  color: var(--b-calendar-focused-event-color) !important;
}
.b-cal-event-wrap .b-cal-event {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  line-height: 1;
  transition: background .3s, color .3s;
  border-radius: var(--b-calendar-event-border-radius);
  color: var(--b-calendar-intraday-event-color);
  --b-avatar-size: var(--b-calendar-event-avatar-size);
}
.b-cal-event-wrap .b-cal-event .b-icon:where(:not(.b-tool)) {
  flex-shrink: 0;
  display: flex;
}
.b-cal-event-wrap img.b-resource-avatar {
  border: var(--b-resource-avatar-border-width) solid var(--b-calendar-event-color);
}
.b-cal-event-wrap.b-solid-bar .b-cal-event {
  background: var(--b-calendar-solid-bar-background);
  font-weight: var(--b-calendar-solid-bar-font-weight);
  font-size: var(--b-calendar-solid-bar-font-size);
}
.b-cal-event-wrap.b-solid-bar .b-resource-avatar {
  border: var(--b-resource-avatar-border-width) solid var(--b-resource-avatar-border-color);
}
.b-cal-event-wrap .b-cal-event-resource-avatars {
  gap: inherit;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
}
.b-cal-event-wrap :not(.b-calendar-cell)[data-resource-id] {
  cursor: pointer;
}
.b-cal-event-wrap .b-cal-event-body {
  white-space: nowrap;
  overflow: hidden;
  line-height: var(--b-day-view-event-name-line-height);
}
.b-cal-event-wrap .b-cal-event-body .b-cal-event-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.b-cal-event-wrap .b-draggable-active .b-calendar-cell {
  user-select: none;
}
.b-cal-event-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--b-day-view-event-name-line-height);
  min-height: 1lh;
}
.b-cal-event-desc-complex {
  display: flex;
  align-items: center;
  gap: var(--b-calendar-event-bar-gap);
}
.b-cal-event-bar-container {
  flex: 1;
  display: flex;
  flex-flow: column;
  overflow: visible;
}
:is(.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active) .b-cal-event {
  background: var(--b-calendar-event-color);
}
:is(.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active) .b-cal-event:hover {
  background: var(--b-calendar-event-color);
}
:is(.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active) .b-cal-event .b-cal-event-icon,
:is(.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active) .b-cal-event .b-cal-recurrence-icon,
:is(.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active) .b-cal-event .b-cal-event-body {
  color: var(--b-calendar-event-reveal-color);
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar {
  opacity: var(--b-calendar-solid-bar-opacity);
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-cal-event-reveal,
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-editing,
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar:hover {
  opacity: 1;
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-selected {
  --b-calendar-solid-bar-background: var(--b-calendar-solid-bar-selected-background);
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-selected .b-cal-event-body {
  --b-calendar-solid-bar-color: var(--b-calendar-solid-bar-selected-color);
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar) .b-cal-event .b-icon {
  justify-content: center;
  color: var(--b-primary);
  width: var(--b-calendar-event-icon-size);
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar) .b-cal-event .b-icon::before {
  font-size: var(--b-calendar-event-icon-size);
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar) .b-cal-event .b-icon.b-icon-circle::before {
  font-size: var(--b-calendar-event-circle-icon-size);
}
.b-cal-event-bar-container .b-cal-event {
  padding: 0 var(--b-calendar-event-bar-padding-start);
  gap: var(--b-calendar-event-bar-gap);
}
.b-cal-event-bar-container .b-event-name {
  display: flex;
  align-items: center;
  gap: 0.4em;
}
.b-cal-event-bar-container .b-solid-bar .b-event-time,
.b-cal-event-bar-container .b-solid-bar .b-cal-event-desc,
.b-cal-event-bar-container .b-solid-bar .b-icon {
  color: var(--b-calendar-solid-bar-color);
}
.b-custom-event-background .b-cal-event {
  background: var(--bi-calendar-event-bar-background-fade), var(--bi-calendar-event-bar-background);
  --b-calendar-event-color: var(--bi-calendar-event-bar-background-fade), var(--bi-calendar-event-bar-background);
  --b-calendar-event-reveal-color: var(--b-neutral-0);
}
.b-custom-event-background:hover {
  --bi-calendar-event-bar-background-fade: var(--bi-calendar-event-bar-hover-background-fade);
}
.b-custom-event-background.b-selected {
  --bi-calendar-event-bar-background-fade: var(--bi-calendar-event-bar-selected-background-fade);
}
.b-day-cell-renderer .b-cal-event-bar-container {
  flex-grow: 1;
  contain: style;
}
.b-day-cell-renderer .b-cal-event-bar-container .b-cal-event-wrap {
  position: absolute;
  padding-right: calc(var(--b-month-view-cell-border-width) + var(--b-month-view-event-padding));
  padding-left: var(--b-month-view-event-padding);
  z-index: 1;
}
.b-day-cell-renderer .b-cal-event-bar-container .b-cal-event-wrap.b-overflow {
  opacity: 0;
  pointer-events: none;
  max-width: 14%;
}
.b-day-cell-renderer .b-cal-event-bar-container .b-cal-event-wrap.b-overflow:focus-visible {
  opacity: 1;
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-day-cell-renderer .b-cal-event-bar-container .b-cal-event-wrap.b-overflow:focus-visible .b-cal-event {
  outline: none;
}
.b-day-cell-renderer .b-cal-cell-overflow:not(.b-calendar-cell),
.b-day-cell-renderer .b-cal-cell-no-content {
  flex: 0 0 auto;
  align-self: stretch;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 none;
  background-color: transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: var(--b-calendar-cell-overflow-hover-border-radius);
  color: var(--b-calendar-cell-overflow-color);
  line-height: var(--bi-event-height);
  margin: 0 var(--b-month-view-event-padding) var(--bi-event-spacing);
  padding: 0 var(--b-calendar-event-bar-padding-start);
}
:is(.b-day-cell-renderer .b-cal-cell-overflow:not(.b-calendar-cell), .b-day-cell-renderer .b-cal-cell-no-content):hover,
:is(.b-day-cell-renderer .b-cal-cell-overflow:not(.b-calendar-cell), .b-day-cell-renderer .b-cal-cell-no-content):focus-within {
  background: var(--b-calendar-cell-overflow-hover-background);
  color: var(--b-calendar-cell-overflow-hover-color);
}
:is(.b-day-cell-renderer .b-cal-cell-overflow:not(.b-calendar-cell), .b-day-cell-renderer .b-cal-cell-no-content).b-active {
  font-weight: bold;
  color: var(--b-calendar-cell-active-overflow-color);
}
@media (max-width : 420px) {
  .b-day-cell-renderer .b-cal-cell-overflow:not(.b-calendar-cell),
  .b-day-cell-renderer .b-cal-cell-no-content {
    font-size: 80%;
  }
}
.b-day-cell-renderer .b-cal-cell-no-content {
  padding: 0.1em 0;
  white-space: normal;
  display: inline-block;
}
.b-day-cell-renderer .b-calendar-cell:last-child .b-cal-event-bar-container .b-cal-event-wrap.b-overflow {
  right: 0;
}
.b-cal-minimal-event-container {
  pointer-events: none;
  position: absolute;
  top: 1.5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 1px;
  opacity: 0.6;
  overflow: clip;
  column-gap: var(--bi-event-count-dot-gap);
  margin-top: var(--bi-event-count-margin-top);
  width: calc((var(--bi-event-count-dot-size) + var(--bi-event-count-dot-gap)) * 4 - var(--bi-event-count-dot-gap));
}
.b-cal-minimal-event-container .b-cal-event-wrap {
  position: static !important;
  border-radius: 50%;
  padding: 0 !important;
  height: var(--bi-event-count-dot-size);
  width: var(--bi-event-count-dot-size);
  --b-calendar-solid-bar-background: var(--b-calendar-event-color);
}
.b-cal-minimal-event-container .b-cal-event {
  padding: 0;
  background-color: var(--b-calendar-event-color);
}
.b-event-count-dots-striped .b-cal-minimal-event-container {
  column-gap: 0;
  overflow: hidden;
  flex-wrap: nowrap;
  width: fit-content;
  max-width: 100%;
  border-radius: var(--bi-event-count-dot-size);
}
.b-event-count-dots-striped .b-cal-minimal-event-container .b-cal-event-wrap,
.b-event-count-dots-striped .b-cal-minimal-event-container .b-cal-event {
  border-radius: 0;
}

/* lib/Calendar/widget/CalendarRow.css */
:root,
:host {
  --b-calendar-row-non-working-day-background: transparent;
  --b-calendar-row-compact-header-font-size: 1em;
}
.b-internal {
  --bi-min-day-width: null;
  --bi-cell-container-overflow: null;
}
div.b-calendar-row {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  overflow: hidden;
  flex: 1 0 0%;
  background: var(--b-month-view-background);
}
div.b-calendar-row.b-animating:not(.b-day-view-initializing) .b-calendar-row-cell-container {
  transition: height var(--b-day-view-all-day-height-transition-duration);
}
div.b-calendar-row .b-calendar-row-header,
div.b-calendar-row .b-calendar-row-body {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row nowrap;
}
div.b-calendar-row .b-calendar-row-body {
  flex: 1 1 0%;
  overflow: hidden;
}
div.b-calendar-row .b-calendar-row-body.b-zero-height {
  max-height: 0px;
}
div.b-calendar-row .b-calendar-row-body:not(.b-zero-height) {
  border-top: 1px solid var(--b-calendar-border-color);
}
div.b-calendar-row .b-calendar-row-header-container,
div.b-calendar-row .b-calendar-row-cell-container {
  flex: 1 0 0%;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: hidden;
}
div.b-calendar-row .b-calendar-row-cell-container {
  position: relative;
  overflow: var(--bi-cell-container-overflow, hidden);
}
div.b-calendar-row .b-cal-cell-header {
  padding: var(--b-calendar-view-padding-top) 0 .2em;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: var(--b-month-view-background);
  cursor: pointer;
}
div.b-calendar-row .b-cal-cell-header .b-week-num {
  display: none;
}
div.b-calendar-row .b-cal-cell-header .b-day-name-date {
  background: var(--bi-calendar-date-background);
}
div.b-calendar-row .b-cal-cell-header .b-day-name-date:focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
}
div.b-calendar-row .b-cal-cell-header:hover {
  --bi-calendar-date-background: var(--b-calendar-date-hover-background);
}
.b-draggable-started :is(div.b-calendar-row .b-cal-cell-header):hover {
  --bi-calendar-date-background: initial;
}
div.b-calendar-row .b-cal-cell-header .b-day-name-day {
  font-size: .8em;
  margin-bottom: .2em;
}
div.b-calendar-row .b-cal-cell-header .b-day-name-day.b-day-name-short {
  font-size: 1.1em;
}
div.b-calendar-row .b-cal-cell-header .b-day-name-date {
  font-size: 1.8em;
  border-radius: 50%;
  width: 1.8em;
  height: 1.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1em 0 0.2em 0;
  transition:
    background-color .3s,
    width .3s,
    height .3s,
    font-weight .3s,
    color .3s;
}
.b-no-transitions :is(div.b-calendar-row .b-cal-cell-header .b-day-name-date) {
  transition: none;
}
div.b-calendar-row .b-cal-cell-header.b-weekend .b-day-name-part {
  color: var(--b-month-view-header-cell-weekend-color);
}
div.b-calendar-row .b-cal-cell-header.b-today {
  --bi-calendar-date-background: var(--b-calendar-today-background);
}
div.b-calendar-row .b-cal-cell-header.b-today .b-day-name-date {
  border: var(--b-calendar-today-border);
  color: var(--b-calendar-today-color);
}
div.b-calendar-row .b-cal-cell-header.b-today:hover {
  --bi-calendar-date-background: var(--b-calendar-today-hover-background);
}
div.b-calendar-row .b-cal-cell-header.b-selected-date .b-day-name-date {
  border: var(--b-calendar-selected-date-border);
}
div.b-calendar-row .b-cal-cell-header.b-selected-date,
div.b-calendar-row .b-cal-cell-header.b-current-date {
  --bi-calendar-date-background: var(--b-date-picker-selected-background);
}
:is(div.b-calendar-row .b-cal-cell-header.b-selected-date, div.b-calendar-row .b-cal-cell-header.b-current-date) .b-day-name-date {
  color: var(--b-date-picker-selected-color);
}
:is(div.b-calendar-row .b-cal-cell-header.b-selected-date, div.b-calendar-row .b-cal-cell-header.b-current-date):hover {
  --bi-calendar-date-background: var(--b-date-picker-date-hover-background);
}
div.b-calendar-row.b-shifted-day .b-day-name-date {
  width: 3em;
}
div.b-calendar-row.b-hide-all-day-header .b-cal-cell-header:not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
}
div.b-calendar-row.b-hide-all-day-header .b-calendar-row-body {
  display: none;
}
div.b-calendar-row .b-cal-cell-header,
div.b-calendar-row .b-calendar-cell {
  flex: 1 1 100%;
  min-width: var(--bi-min-day-width, 0);
  color: var(--b-month-view-cell-color);
  display: flex;
  flex-flow: column nowrap;
}
div.b-calendar-row .b-calendar-cell {
  overflow: visible;
}
div.b-calendar-row .b-calendar-cell.b-non-working-day {
  background: var(--b-month-view-non-working-day-background);
}
div.b-calendar-row .b-calendar-cell.b-weekend {
  color: var(--b-month-view-cell-weekend-color);
}
div.b-calendar-row .b-calendar-cell.b-today .b-day-num {
  border-radius: 50%;
  background: var(--b-month-view-today-day-num-background);
  color: var(--b-month-view-today-day-num-color);
  font-weight: var(--b-month-view-today-day-num-font-weight);
}
div.b-calendar-row .b-calendar-cell.b-non-working-day .b-cal-event-bar-container {
  background: var(--b-calendar-row-non-working-day-background);
}
div.b-calendar-row .b-calendar-cell:not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
}
div.b-calendar-row .b-cal-event-bar-container {
  flex: 1 1 100%;
}
div.b-calendar-row.b-responsive-small .b-cal-cell-header {
  padding-block-start: 0.4em;
}
div.b-calendar-row.b-responsive-small .b-cal-cell-header .b-day-name-date {
  font-size: 1.5em;
}
div.b-calendar-row.b-responsive-small .b-cal-cell-header .b-dayname-date {
  flex-direction: row;
  justify-content: center;
}
div.b-calendar-row.b-responsive-small .b-cal-cell-header .b-dayname-date > * {
  font-size: 1.5em;
}
div.b-calendar-row.b-compact-header .b-cal-cell-header {
  flex-flow: row nowrap;
  gap: 0.25em;
  padding-block: 0.5em;
  font-weight: 500;
}
div.b-calendar-row.b-compact-header .b-cal-cell-header * {
  font-size: var(--b-calendar-row-compact-header-font-size) !important;
  margin: 0 !important;
}
div.b-calendar-row.b-compact-header .b-cal-cell-header .b-day-name-date {
  background: transparent;
  width: 1em;
  height: 1.8em;
}
div.b-calendar-row.b-compact-header .b-cal-cell-header.b-selected-date .b-day-name-date {
  width: 1.8em;
  background: var(--bi-calendar-date-background);
}
div.b-calendar-row.b-compact-header .b-cal-cell-header.b-weekend * {
  color: var(--b-month-view-header-cell-weekend-color);
}

/* lib/Calendar/widget/DayView.css */
:root,
:host {
  --b-day-view-event-desc-line-height: null;
  --b-day-view-event-body-padding: .4em;
  --b-day-view-event-border: null;
  --b-day-view-event-border-inline-start-width: 4px;
  --b-day-view-event-border-radius: var(--b-calendar-event-border-radius);
  --b-day-view-event-name-line-height: 1.4;
  --b-day-view-split-width: 1px;
  --b-day-view-all-day-height-transition-duration: 0.2s;
  --b-day-view-border-color: var(--b-calendar-border-color);
  --b-day-view-hour-line-color: var(--b-neutral-90);
  --b-day-view-half-hour-line-color: var(--b-neutral-92);
  --b-day-view-outside-core-hours-color: color-mix(in srgb, var(--b-neutral-90), transparent 70%);
  --b-day-view-foreground-color: var(--b-text-2);
  --b-day-view-inset-background: color-mix(in srgb, var(--b-neutral-90), transparent 80%);
  --b-day-view-time-axis-color: var(--b-neutral-60);
  --b-day-view-time-axis-hour-color: var(--b-text-3);
  --b-day-view-non-working-day-background: color-mix(in srgb, var(--b-neutral-90), transparent 80%);
  --b-day-view-time-indicator-color: var(--b-color-deep-orange);
  --b-day-view-body-hover-mask-color: rgba(100, 100, 100, 0.1);
  --b-day-view-body-selected-mask-color: rgba(50, 50, 50, 0.1);
  --b-day-view-background: var(--b-neutral-100);
  --b-day-view-resource-avatar-hover-scale: 1.1;
  --b-day-view-today-background: null;
  --b-day-view-event-selected-color: var(--b-neutral-100);
  --b-day-view-day-change-line-color: var(--b-neutral-70);
}
.b-colorize {
  --b-day-view-event-color: var(--b-primary-30);
  --b-day-view-event-border-inline-start-color: var(--b-primary-50);
  --b-day-view-body-background: var(--b-primary-95);
  --b-day-view-event-hover-body-background: var(--b-primary-95);
  --b-day-view-event-selected-body-background: var(--b-primary-50);
  --b-day-view-focus-outline-color: var(--b-primary-30);
}
.b-internal {
  --bi-range-magnitude: null;
  --bi-current-time-seconds: null;
  --bi-current-time-position: null;
  --bi-current-time: null;
  --bi-second-height: null;
  --bi-time-axis-width: null;
  --bi-day-view-cell-gutter: null;
  --bi-day-view-cell-inset-size: null;
  --bi-day-view-min-event-height: null;
  --bi-half-hour-height: null;
  --bi-hour-height: null;
  --bi-fifteen-minute-height: null;
  --bi-ten-minute-height: null;
  --bi-five-minute-height: null;
  --bi-twelve-minute-height: null;
  --bi-six-minute-height: null;
  --bi-subtick-background: null;
  --bi-tick-background: null;
  --bi-tick-height: null;
  --bi-leaf-tick-height: null;
  --bi-day-start-offset: null;
  --bi-day-height: null;
  --bi-dashed-subtick-background: null;
  --bi-tick-rowspan: null;
  --bi-tick-index: null;
  --bi-day-length: null;
}
.b-day-view {
  --bi-subtick-count: 1;
  --b-panel-background: var(--b-day-view-background);
  --b-panel-gap: 0;
  --b-panel-padding: 0;
  --b-panel-with-header-padding: 0;
}
.b-day-view.b-day-view-with-day-selector.b-has-all-day-events .b-calendar-row-body {
  border-top-width: 0;
}
.b-day-view.b-day-view-with-day-selector .b-day-view-content .b-calendar-row-header {
  display: none;
}
.b-day-view .b-cal-event-desc {
  line-height: var(--b-day-view-event-desc-line-height);
}
.b-day-view .b-event-action-buttons {
  position: absolute;
  inset-inline-end: 0.25em;
  inset-block-start: 0;
  display: flex;
  flex-flow: row wrap;
}
.b-day-view .b-event-action-buttons .b-tool {
  color: inherit;
  width: 2em;
  height: 2em;
  font-size: calc(150% - 25% * min(var(--bi-range-magnitude), 2));
}
.b-day-view.b-no-days .b-empty-text {
  padding: 1em;
  pointer-events: none;
}
.b-day-view.b-no-days .b-time-axis-container {
  display: none;
}
.b-day-view.b-no-days .b-day-view-day-container {
  background-image: none;
  --bi-day-height: auto;
  border: 0 none;
}
.b-day-view.b-no-days .b-day-view-day-container::before {
  background-image: none;
}
.b-day-cell-collecter .b-day-view-content {
  --bi-tick-height: var(--bi-half-hour-height);
  --bi-total-tick-count: calc(var(--bi-subtick-count) * var(--bi-day-length));
  --bi-leaf-tick-size: calc(var(--bi-day-height) / var(--bi-total-tick-count));
  --bi-current-time-position: calc(var(--bi-current-time-seconds) * var(--bi-second-height) - 1px);
  display: flex;
  align-items: stretch;
  padding: 0;
  flex: 1 1 0;
  overflow: hidden;
  outline: none;
  background: var(--b-day-view-background);
  color: var(--b-day-view-foreground-color);
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-1 {
  --bi-subtick-count: 2;
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-1 .b-day-view-tick-level-1 {
  opacity: 1;
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-2 {
  --bi-subtick-count: 4;
  --bi-tick-height: var(--bi-fifteen-minute-height);
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-2 .b-day-view-tick-level-2 {
  opacity: 1;
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-3 {
  --bi-subtick-count: 6;
  --bi-tick-height: var(--bi-ten-minute-height);
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-3 .b-day-view-tick-level-3 {
  opacity: 1;
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-4 {
  --bi-subtick-count: 12;
  --bi-tick-height: var(--bi-five-minute-height);
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-4 .b-day-view-tick-level-4 {
  opacity: 1;
}
.b-six-minute-ticks :is(.b-day-cell-collecter .b-day-view-content).b-day-view-hour-height-level-2 {
  --bi-subtick-count: 6;
  --bi-tick-height: var(--bi-twelve-minute-height);
}
.b-six-minute-ticks :is(.b-day-cell-collecter .b-day-view-content).b-day-view-hour-height-level-3 {
  --bi-subtick-count: 10;
  --bi-tick-height: var(--bi-six-minute-height);
}
.b-day-cell-collecter .b-day-view-content .b-day-view-subtick {
  position: absolute;
  inset-inline: 0;
  height: calc(var(--bi-leaf-tick-size) * var(--bi-tick-rowspan, 1));
  top: calc(var(--bi-tick-index) * var(--bi-leaf-tick-size));
}
.b-day-cell-collecter .b-day-view-content .b-virtual-scrollers {
  padding-inline-start: var(--bi-time-axis-width);
}
.b-day-cell-collecter .b-day-view-content .b-virtual-scrollers .b-virtual-scroller {
  flex: 1 1 0;
  border-inline-start: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
}
.b-day-cell-collecter .b-day-view-content .b-virtual-scrollers .b-virtual-scroller .b-scroller-stretcher {
  position: relative;
}
.b-day-cell-collecter .b-day-view-content .b-day-view-day-detail {
  z-index: 0;
  position: relative;
}
.b-day-cell-collecter .b-day-view-content .b-day-view-day-detail.b-day-view-inset-before .b-day-view-inset::before {
  content: " ";
  left: 0;
}
.b-day-cell-collecter .b-day-view-content .b-day-view-day-detail.b-day-view-inset-before .b-day-view-event-container {
  margin-inline-start: calc(var(--bi-day-view-cell-inset-size));
}
.b-day-cell-collecter .b-day-view-content .b-day-view-day-detail.b-day-view-inset-after .b-day-view-inset::after {
  content: " ";
  right: 0;
}
.b-day-cell-collecter .b-day-view-content .b-day-view-day-detail.b-day-view-inset-after .b-day-view-event-container {
  margin-inline-end: calc(var(--bi-day-view-cell-inset-size));
}
.b-day-cell-collecter .b-day-view-content .b-day-view-inset {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100% - var(--bi-day-view-cell-gutter));
}
.b-day-cell-collecter .b-day-view-content .b-day-view-inset::after,
.b-day-cell-collecter .b-day-view-content .b-day-view-inset::before {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: var(--b-day-view-inset-background);
  width: var(--bi-day-view-cell-inset-size);
}
.b-day-cell-collecter .b-day-view-content .b-day-view-event-container,
.b-day-cell-collecter .b-day-view-content .b-day-view-inset {
  position: absolute;
  inset-block: 0;
  inset-inline: 0 var(--bi-day-view-cell-gutter);
}
.b-day-cell-collecter .b-day-view-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):before,
.b-day-cell-collecter .b-day-view-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):after {
  translate: -50% -2px;
  margin-inline-start: 50%;
  position: absolute;
  font-size: 80%;
  opacity: 0.7;
  z-index: 1;
  pointer-events: none;
  font-family: var(--b-widget-icon-font-family);
}
.b-day-cell-collecter .b-day-view-content .b-cal-event-wrap.b-starts-above:before {
  content: "\f106";
  top: 0;
}
.b-day-cell-collecter .b-day-view-content .b-cal-event-wrap.b-ends-below:after {
  content: "\f107";
  bottom: 0;
}
.b-day-cell-collecter .b-day-view-content .b-cal-event-desc-complex {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: normal;
}
.b-rtl .b-day-cell-collect .b-day-view-content .b-day-view-day-detail.b-day-view-inset-before .b-day-view-inset::before {
  left: unset;
  right: 0;
}
.b-rtl .b-day-cell-collect .b-day-view-content .b-day-view-day-detail.b-day-view-inset-after .b-day-view-inset::after {
  left: 0;
  right: unset;
}
.b-rtl .b-day-cell-collect .b-day-view-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):before,
.b-rtl .b-day-cell-collect .b-day-view-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):after {
  translate: 50% -2px;
}
.b-day-view-all-day-row {
  display: flex;
  flex-flow: row nowrap;
  max-height: 50%;
  z-index: 2;
  box-shadow: 0 3px 3px rgba(var(--b-calendar-border-color), 0.2);
}
.b-day-view-day-detail .b-cal-event-wrap {
  min-height: var(--bi-day-view-min-event-height);
}
.b-day-view-day-detail .b-cal-event-wrap.b-cal-tentative-event {
  min-height: 10px;
}
.b-day-view-day-detail .b-cal-event-wrap:focus-visible .b-cal-event {
  outline: none;
}
.b-day-view-day-detail .b-cal-event-wrap:focus-visible .b-cal-event-body {
  outline: var(--b-widget-focus-outline-width) solid var(--b-day-view-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-day-view-all-day-row-start {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-end;
  padding: .5em 0;
  flex: 0 0 var(--bi-time-axis-width);
  min-width: var(--bi-time-axis-width);
}
.b-day-view-all-day-row-start .b-day-view-all-day-text {
  flex: 1 1 auto;
  display: none;
  flex-flow: column nowrap;
  justify-content: center;
  font-size: .7em;
  color: var(--b-day-view-time-axis-color);
}
.b-day-view-all-day-row-start .b-expand-all-day-button {
  display: none;
  height: 1.5em;
  width: 1.5em;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: inherit;
  border: 0 none;
  background-color: transparent;
  color: var(--b-day-view-time-axis-color);
}
.b-day-view-all-day-row-start .b-expand-all-day-button:focus {
  outline: none;
  background-color: #e8e8e8;
}
.b-day-view-all-day-row-start .b-expand-all-day-button :before {
  line-height: inherit;
}
.b-day-view-all-day-row-start.b-has-cell-overflow:not(.b-day-view-all-day-auto-height) {
  cursor: pointer;
}
.b-day-view-all-day-row-start.b-has-cell-overflow:not(.b-day-view-all-day-auto-height) .b-expand-all-day-button {
  display: flex;
}
.b-day-view-all-day-row-start.b-has-cell-overflow:not(.b-day-view-all-day-auto-height).b-expanded .b-expand-all-day-button {
  rotate: -180deg;
}
.b-day-view-schedule-container {
  flex: 1 0 0;
  contain: style;
  border-inline-start: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
}
.b-day-view-day-content {
  --bi-tick-background:
    linear-gradient(
      to bottom,
      transparent,
      transparent calc(var(--bi-hour-height) - 1px),
      var(--b-day-view-hour-line-color) 1px);
  --bi-subtick-background:
    repeating-linear-gradient(
      to bottom,
      transparent,
      transparent calc(var(--bi-tick-height)),
      var(--b-day-view-half-hour-line-color) var(--bi-tick-height),
      transparent calc(var(--bi-tick-height) + 1px));
  --bi-dashed-subtick-background:
    conic-gradient(
      at 50% 1px,
      transparent 75%,
      var(--b-day-view-hour-line-color) 0turn);
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 0;
  align-items: flex-start;
  outline: none;
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--b-day-view-border-color);
}
.b-day-view-day-content:not(.b-hide-current-time) .b-calendar-cell.b-today::before {
  content: "";
  position: absolute;
  width: calc(100% + 1px);
  inset-inline-start: -1px;
  top: var(--bi-current-time-position);
  border-top: 2px solid var(--b-day-view-time-indicator-color);
}
.b-day-view-day-content:not(.b-hide-current-time) .b-calendar-cell.b-today:after {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  translate: -50% calc(-50% - 1px);
  top: calc(var(--bi-current-time-position) + 2px);
  background-color: var(--b-day-view-time-indicator-color);
}
.b-day-view-day-content.b-show-current-time .b-time-axis-container {
  overflow: visible;
  z-index: 1;
}
.b-day-view-day-content.b-show-current-time .b-calendar-cell:first-of-type::after {
  display: none;
}
.b-day-view-day-content.b-show-time-full-width:has(.b-today) .b-calendar-cell::before {
  content: "";
  position: absolute;
  width: calc(100% + 1px);
  inset-inline-start: -1px;
  border-top: 2px solid var(--b-day-view-time-indicator-color);
  top: var(--bi-current-time-position);
}
.b-day-view-day-content.b-show-time-full-width:has(.b-today) .b-calendar-cell.b-past-date::before {
  border-top-style: dashed;
  width: 100%;
}
.b-day-view-day-content.b-show-time-on-top .b-calendar-cell::before,
.b-day-view-day-content.b-show-time-on-top .b-calendar-cell::after {
  z-index: 3;
}
.b-day-view-day-content .b-time-axis-current-time {
  position: absolute;
  pointer-events: none;
  width: 100%;
  z-index: 1;
  translate: 0 calc(var(--bi-current-time-position) - 50% + 1px);
}
.b-day-view-day-content .b-time-axis-current-time .b-current-time-text {
  border-radius: 0.7em;
  display: grid;
  place-content: center;
  line-height: 20px;
  background-color: var(--b-day-view-time-indicator-color);
}
.b-day-view-day-content .b-time-axis-current-time .b-current-time-text::after {
  color: #fff;
  font-size: 0.7em;
  content: var(--bi-current-time, "");
}
.b-day-view-day-content .b-time-axis-current-time::after {
  content: "";
  position: absolute;
  inset-inline-start: 100%;
  width: 1px;
  top: calc(50% - 1px);
  border-top: 2px solid var(--b-day-view-time-indicator-color);
}
.b-day-view-day-content:not(.b-show-current-time) .b-time-axis-current-time {
  visibility: hidden;
}
:is(.b-day-view-day-content.b-hide-current-time, .b-day-view-day-content.b-custom-current-time) .b-calendar-cell.b-today::before,
:is(.b-day-view-day-content.b-hide-current-time, .b-day-view-day-content.b-custom-current-time) .b-calendar-cell.b-today::after {
  display: none;
}
.b-day-view-day-container {
  flex: 1 0 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overscroll-behavior: contain auto;
  contain: layout style;
  background-repeat: repeat-y;
  border-inline-start: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
  min-height: max(100%, var(--bi-day-height, 100%));
  background-image: var(--bi-subtick-background), var(--bi-tick-background);
  background-size: 100% var(--bi-hour-height);
  background-position-y: var(--bi-day-start-offset);
  clip-path: polygon(0px 0px, 100% 0px, 100% var(--bi-day-height), 0px var(--bi-day-height));
}
.b-day-view-day-container.b-dashed-subticks {
  background-image: var(--bi-tick-background);
}
.b-day-view-day-container.b-dashed-subticks::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bi-tick-background);
  background: var(--bi-dashed-subtick-background);
  background-size: 10px calc(var(--bi-tick-height) + 1px);
  background-position: 1px var(--bi-tick-height);
}
.b-day-view-day-container::after {
  content: "";
  position: absolute;
  top: var(--bi-day-change-offset, -10000px);
  width: 100%;
  height: 1px;
  background-color: var(--b-day-view-day-change-line-color);
  box-shadow: 0px 0px 3px 0px var(--b-day-view-day-change-line-color);
  z-index: -1;
}
.b-day-view-day-container .b-overflow {
  opacity: 0;
}
.b-day-view-day-container .b-cal-event-body {
  transition: background-color 0.1s;
}
.b-day-view-day-container .b-cal-event-wrap.b-starts-above .b-event-header {
  visibility: hidden;
}
.b-day-view-day-container .b-calendar-cell {
  flex: 1 1 100%;
  position: relative;
  overflow: visible;
  height: var(--bi-day-height);
  min-width: var(--bi-min-day-width);
}
.b-day-view-day-container .b-calendar-cell:not(:last-of-type) {
  border-inline-end: 1px solid var(--b-day-view-border-color);
}
.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event,
.b-day-view-day-container .b-calendar-cell .b-cal-event-wrap {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  transition:
    left 0.1s,
    right 0.1s,
    width 0.1s,
    opacity 0.1s,
    top 0.2s,
    height 0.2s;
}
.b-rtl :is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap) {
  left: auto;
  right: 0;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-cal-tentative-event {
  transition:
    left 0.1s,
    right 0.1s,
    width 0.1s,
    opacity 0.1s;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-editing {
  left: 0 !important;
  z-index: 3;
  opacity: 1;
  width: calc(100% + var(--bi-day-view-cell-gutter)) !important;
}
.b-rtl :is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-editing {
  left: auto !important;
  right: 0 !important;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-cal-in-cluster .b-cal-event {
  box-shadow: #aaaaaa20 -2px 1px 3px, #aaaaaa20 0 -1px 3px;
}
.b-multi-day-view :is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-cal-in-cluster.b-cal-event-reveal {
  left: 0 !important;
  z-index: 3;
  opacity: 1;
  width: calc(100% + var(--bi-day-view-cell-gutter)) !important;
}
.b-rtl :is(.b-multi-day-view :is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-cal-in-cluster.b-cal-event-reveal) {
  left: auto !important;
  right: 0 !important;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-header {
  margin: 0 0 0 auto;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-header .b-icon {
  margin-inline-start: auto;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-cal-event-body {
  padding-block: 0;
  align-items: center;
  flex-flow: row-reverse nowrap;
  justify-content: flex-end;
  gap: 0.2em;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-cal-event-body .b-cal-event-desc {
  font-size: 0.8em;
  white-space: nowrap;
  flex: 0 1 auto;
  padding-block-end: 0;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-time {
  text-transform: lowercase;
  line-height: var(--b-day-view-event-desc-line-height);
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-time:not(:last-child) {
  display: none;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-cal-event-footer,
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-cal-event-resource-avatars {
  display: none;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-action-buttons {
  inset-block-start: calc(50% - 0.5em);
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-action-buttons .b-tool {
  font-size: 65%;
  height: 1.4em;
  width: 3.8em;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event.b-milestone {
  clip-path: polygon(0 0, 100% 0, calc(100% - 0.5em) 100%, 0.5em 100%);
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event.b-milestone .b-cal-event-body {
  padding: 0 0.5em 0 0.5em;
}
.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event {
  z-index: 20;
}
.b-day-view-day-container .b-calendar-cell .b-cal-event {
  align-items: stretch;
  position: relative;
  color: var(--b-day-view-event-color);
}
.b-day-view-day-container .b-calendar-cell .b-cal-event .b-cal-event-resource-avatars {
  display: grid;
  column-gap: 0;
  grid-template-columns: repeat(auto-fill, minmax(1.6em, 1fr));
  padding-inline-end: 0.6em;
  padding-block: var(--b-calendar-event-bar-gap);
}
.b-day-view-day-container .b-calendar-cell .b-cal-event .b-cal-event-resource-avatars .b-resource-avatar {
  width: 2em;
  height: 2em;
  transition: scale .2s;
}
.b-day-view-day-container .b-calendar-cell .b-cal-event .b-cal-event-resource-avatars .b-resource-avatar:hover {
  z-index: 1;
  scale: var(--b-day-view-resource-avatar-hover-scale);
}
.b-day-view-day-container .b-calendar-cell .b-cal-event-body {
  flex: 1 1 0;
  white-space: normal;
  display: flex;
  flex-direction: column;
  transition: background .2s, color .2s;
  background: var(--b-day-view-body-background);
  border: var(--b-day-view-event-border);
  border-inline-start: var(--b-day-view-event-border-inline-start-width) solid var(--b-day-view-event-border-inline-start-color);
  border-radius: var(--b-day-view-event-border-radius);
  padding: var(--b-day-view-event-body-padding);
}
.b-day-view-day-container .b-calendar-cell .b-custom-event-background .b-cal-event-body {
  background: transparent;
  --b-day-view-event-selected-body-background: transparent;
  --b-day-view-event-hover-body-background: transparent;
}
.b-day-view-day-container .b-calendar-cell.b-non-working-day {
  background: var(--b-day-view-non-working-day-background);
}
.b-day-view-day-container .b-calendar-cell.b-today {
  background: var(--b-day-view-today-background);
}
.b-day-view-day-container .b-event-header {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: .7em;
  gap: var(--b-calendar-event-bar-gap);
}
.b-day-view-day-container .b-event-header .b-event-time {
  flex: 1;
}
.b-day-view-day-container .b-cal-event-wrap:hover .b-cal-event-body {
  background: var(--b-day-view-event-hover-body-background);
}
:is(.b-day-view-day-container .b-cal-event-wrap.b-selected:not(.b-dragging-item):hover, .b-day-view-day-container .b-cal-event-wrap.b-selected:not(.b-dragging-item)) .b-cal-event-body {
  background: var(--b-day-view-event-selected-body-background);
  color: var(--b-day-view-event-selected-color, var(--b-day-view-event-color));
}
.b-day-view-day-container .b-cal-event-wrap.b-custom-body-color:hover .b-cal-event-body {
  background: linear-gradient(var(--b-day-view-body-hover-mask-color), var(--b-day-view-body-hover-mask-color)) var(--b-day-view-body-background);
}
:is(.b-day-view-day-container .b-cal-event-wrap.b-custom-body-color.b-selected:not(.b-dragging-item):hover, .b-day-view-day-container .b-cal-event-wrap.b-custom-body-color.b-selected:not(.b-dragging-item), .b-day-view-day-container .b-cal-event-wrap.b-custom-body-color.b-cal-tentative-event) .b-cal-event-body {
  background: linear-gradient(var(--b-day-view-body-selected-mask-color), var(--b-day-view-body-selected-mask-color)) var(--b-day-view-body-background);
}
.b-day-view.b-no-transitions .b-cal-event-wrap {
  transition: none !important;
}
.b-time-axis-container {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  background-position-x: 100%;
  background-repeat: repeat-y;
  flex: 0 0 var(--bi-time-axis-width);
  min-width: var(--bi-time-axis-width);
  height: var(--bi-day-height);
  background-image: var(--bi-subtick-background), var(--bi-tick-background);
  background-size: 0.5em var(--bi-hour-height);
  background-position-y: var(--bi-day-start-offset);
  position: relative;
}
.b-rtl .b-time-axis-container {
  background-position-x: 0;
}
.b-time-axis-container .b-day-view-time-axis-background {
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.b-day-view-time-axis-tick {
  opacity: 0;
  transition: opacity 0.4s;
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  top: 1ex;
  max-height: calc(var(--bi-leaf-tick-height) + 1px);
}
.b-fit-hours .b-day-view-time-axis-tick {
  transition: none;
}
.b-day-view-hour-tick {
  opacity: 1;
  color: var(--b-day-view-time-axis-hour-color);
}
.b-day-view-hour-tick.b-day-view-start-hour {
  position: absolute;
  max-height: fit-content;
  top: -3px;
}
.b-day-view-time-axis-time {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  font-size: .7em;
  white-space: nowrap;
  position: relative;
  padding-inline-end: 1em;
  pointer-events: none;
  color: var(--b-day-view-time-axis-color);
  flex: 0 0 var(--bi-hour-height, 0);
  min-height: var(--bi-hour-height, 0);
}
.b-day-view-time-axis-time:last-child .b-day-view-hour-tick {
  display: none;
}
.b-day-column-header {
  display: none;
}
.b-has-day-header .b-day-column-header {
  display: flex;
  flex-flow: row nowrap;
  border-top: 1px solid var(--b-calendar-border-color);
}
.b-has-day-header .b-day-column-header::before {
  content: "";
  min-width: var(--bi-time-axis-width);
}
.b-has-day-header .b-day-column-header .b-day-column-header-scroller {
  flex: 1 1 0;
  border-inline-start: 1px solid var(--b-calendar-border-color);
}
.b-has-day-header .b-day-column-header .b-day-column-content {
  flex: 1 0 0;
  display: flex;
  flex-flow: row nowrap;
}
.b-day-column-header-cell {
  padding-inline-start: 0.5em;
  display: flex;
  overflow: hidden;
  text-wrap: nowrap;
  flex: 1 0 var(--bi-min-day-width, 0);
  min-width: var(--bi-min-day-width, 0);
}
.b-day-column-header-cell:not(:last-of-type) {
  border-inline-end: 1px solid var(--b-calendar-border-color);
}

/* lib/Calendar/widget/EventList.css */
:root,
:host {
  --b-event-list-day-selector-selected-date-background: var(--b-calendar-today-background);
  --b-event-list-day-selector-selected-date-color: var(--b-calendar-today-color);
  --b-event-list-event-column-resource-row-gap: 0.3em;
}
@media print {
  .b-cal-widget-settings-button {
    display: none;
  }
}
.b-event-list .b-grid-panel-body {
  background: var(--b-calendar-background);
}
.b-event-list .b-cal-widget-settings-button {
  position: absolute;
  font-size: 110%;
  border-radius: 50%;
  inset-inline-start: auto;
  inset-inline-end: 0;
  margin-top: 1em;
  margin-inline-end: 1em;
  z-index: 100;
  width: 3em;
  height: 3em;
  box-shadow: none;
}
.b-event-list:has(.b-grid-panel-body.b-has-scrollbar) .b-cal-widget-settings-button {
  margin-inline-end: 1.75em;
}
.b-event-list [data-column=name] .b-icon-circle::before {
  font-size: var(--b-calendar-event-circle-icon-size);
}
.b-calendar-events-cell {
  padding: 1em;
  gap: 1em;
  flex-wrap: wrap;
  align-items: flex-start;
}
.b-calendar-events-cell .b-cal-event-resource-avatars {
  flex-basis: 30%;
  flex-direction: column;
  min-width: var(--b-avatar-size);
  gap: var(--b-event-list-event-column-resource-row-gap);
}
.b-cal-event-resource-avatar-row {
  display: flex;
  flex-flow: row nowrap;
  gap: 1em;
  align-items: center;
}
.b-cal-event-resource-avatar-desc {
  display: flex;
  flex-flow: column;
  gap: 0.3em;
}
.b-cal-event-column-event-desc {
  margin-inline-start: auto;
  display: flex;
  flex-direction: column !important;
  flex-flow: row nowrap;
  justify-content: center;
  height: var(--b-avatar-size);
}
.b-cal-event-column-times {
  display: flex;
  flex-direction: column;
}
.b-event-column-resource-role {
  font-size: 80%;
  font-weight: 300;
}
.b-cal-event-list-event-time {
  display: flex;
  align-items: center;
  min-height: var(--b-avatar-size);
}
.b-cal-event-column-event-name {
  font-weight: bold;
}

/* lib/Calendar/widget/EventTip.css */
:is(.b-cal-tooltip-duration, .b-cal-tooltip-recurrence) i {
  margin-inline-end: 0.5em;
  color: var(--b-clock-hand-color);
  width: var(--b-clock-size);
}

/* lib/Calendar/widget/ModeSelector.css */
.b-calendar-full-week-button {
  margin-inline-end: 1em;
}
.b-calendar:not(.b-calendar-include-weekends-button) .b-calendar-full-week-button {
  display: none;
}
.b-mode-selector {
  flex-basis: min-content;
  flex-shrink: 0;
}
.b-mode-selector.b-minified > :not(.b-calendar-mode-button) {
  display: none;
}
.b-mode-selector:not(.b-minified) > .b-calendar-mode-button {
  display: none;
}
.b-menu-item-key {
  margin-inline-start: auto;
}

/* lib/Calendar/widget/MonthAgendaView.css */
.b-month-agenda-view {
  --b-agenda-view-cell-padding: 0;
  --b-date-picker-min-width: 0;
}
.b-month-agenda-view .b-calendar-day-header {
  padding-block: 0.7em 0.5em;
}
.b-month-agenda-view .b-calendar-week .b-calendar-cell .b-date-picker-cell-inner {
  margin-bottom: 0.2em;
}
.b-month-agenda-view .b-weeks-container {
  z-index: 1;
  border-bottom: 1px solid var(--b-calendar-border-color);
}
.b-month-agenda-view .b-month-agenda-agenda[data-duration="1"] .b-cal-agenda-date,
.b-month-agenda-view .b-month-agenda-agenda[data-duration="1"] .b-calendar-row-header {
  display: none;
}
.b-month-agenda-view .b-month-agenda-agenda[data-duration="1"] .b-grid-row {
  border: 0 none;
  min-height: 100%;
}
.b-month-agenda-view .b-month-agenda-agenda[data-duration="1"] .b-grid-row.b-hover,
.b-month-agenda-view .b-month-agenda-agenda[data-duration="1"] .b-grid-row .b-grid-cell:not(:focus-visible) {
  background-color: inherit !important;
}
.b-month-agenda-view .b-month-agenda-agenda:not([data-duration="1"]) .b-cal-agenda-date-date-number {
  font-size: 2em;
}
@media (max-height : 600px) {
  .b-month-agenda-view .b-weeks-container {
    font-size: 85%;
  }
  .b-month-agenda-view .b-calendar-week .b-calendar-cell .b-date-picker-cell-inner {
    margin: 0;
  }
  .b-month-agenda-view .b-panel-header {
    padding-block: 0.5em;
  }
  .b-month-agenda-view .b-cal-agenda-event-row {
    margin-bottom: calc(var(--bi-event-row-spacing) / 2);
  }
}
@media (max-width : 450px) {
  .b-month-agenda-view .b-agenda-view .b-cal-event-bar-container {
    margin-inline-start: 1em;
  }
}

/* lib/Calendar/widget/MonthGrid.css */
:root,
:host {
  --b-month-grid-month-background-color: var(--b-neutral-98);
  --b-month-grid-event-container-background-color: transparent;
  --b-month-grid-event-group-background-color: var(--b-neutral-100);
  --b-month-grid-event-group-border-color: var(--b-calendar-border-color);
  --b-month-grid-event-group-border-radius: var(--b-widget-border-radius);
  --b-month-grid-event-group-expand-icon-color: var(--b-text-4);
  --b-month-grid-event-group-active-expand-icon-color: var(--b-text-5);
  --b-month-grid-month-header-background: transparent;
  --b-month-grid-month-header-hover-background: transparent;
  --b-month-grid-month-header-color: var(--b-text-1);
}
.b-internal {
  --bi-min-month-height: null;
}
.b-month-grid {
  --b-calendar-view-padding-top: 0;
}
.b-month-grid.b-responsive-small {
  font-size: 0.7em;
}
.b-month-grid .b-hide-event-scroll .b-month-grid-content-wrap::before,
.b-month-grid .b-hide-event-scroll .b-month-grid-content-wrap::after {
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 12;
  height: 20px;
}
.b-month-grid .b-hide-event-scroll .b-month-grid-content-wrap.b-cal-event-container-overflow-top::before {
  opacity: 1;
  top: 0;
  background:
    linear-gradient(
      to bottom,
      var(--b-month-grid-month-background-color) 0%,
      transparent 100%);
}
.b-month-grid .b-hide-event-scroll .b-month-grid-content-wrap.b-cal-event-container-overflow-bottom::after {
  opacity: 1;
  bottom: 0;
  background:
    linear-gradient(
      to bottom,
      transparent 0%,
      var(--b-month-grid-month-background-color) 100%);
}
.b-month-grid .b-hide-event-scroll.b-has-scrollbars .b-cal-event-bar-container {
  scrollbar-width: none;
}
.b-month-grid .b-month-grid-content {
  overflow: auto;
}
.b-month-grid-body-wrap {
  container: month-grid / inline-size;
}
.b-month-grid-content {
  display: grid;
  gap: 0;
  padding: 0;
  align-items: stretch;
  grid-template-columns: repeat(var(--bi-column-count), 1fr);
  grid-template-rows: repeat(var(--bi-row-count), 1fr);
  --bi-column-count: 1;
  --bi-row-count: 12;
}
@container month-grid (min-width: 380px) {
  .b-month-grid-content {
    --bi-column-count: 2;
    --bi-row-count: 6;
  }
}
@container month-grid (min-width: 570px) {
  .b-month-grid-content {
    --bi-column-count: 3;
    --bi-row-count: 4;
  }
}
@container month-grid (min-width: 760px) {
  .b-month-grid-content {
    --bi-column-count: 4;
    --bi-row-count: 3;
  }
}
@container month-grid (min-width: 1140px) {
  .b-month-grid-content {
    --bi-column-count: 6;
    --bi-row-count: 2;
  }
}
.b-month-grid-content .b-month-grid-month {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-bottom: 1px solid var(--b-calendar-border-color);
  border-left: 1px solid var(--b-calendar-border-color);
  min-height: var(--bi-min-month-height);
  background-color: var(--b-month-grid-month-background-color);
}
.b-month-grid-content .b-month-grid-month-name {
  display: flex;
  padding: 1em 1em 0.5em 1em;
  font-size: 1em;
  font-weight: 500;
  max-width: unset;
  margin: 0;
  justify-content: space-between;
  cursor: pointer;
  align-items: baseline;
  background: var(--b-month-grid-month-header-background);
  color: var(--b-month-grid-month-header-color);
}
.b-month-grid-content .b-month-grid-month-name:hover {
  background: var(--b-month-grid-month-header-hover-background);
}
.b-month-grid-content .b-month-grid-month-name:focus-visible {
  outline-offset: -1px;
}
.b-month-grid-content .b-month-grid-month-header-event-count {
  font-size: 0.8em;
}
.b-month-grid-content .b-month-grid-content-wrap {
  flex-grow: 1;
  display: flex;
  position: relative;
  overflow: hidden;
  margin: var(--bi-event-spacing);
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container {
  overflow-x: visible;
  overflow-y: auto;
  gap: var(--bi-event-spacing);
  background-color: var(--b-month-grid-event-container-background-color);
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-bar-group {
  display: flex;
  background-color: var(--b-month-grid-event-group-background-color);
  border: 1px solid var(--b-month-grid-event-group-border-color);
  border-radius: var(--b-month-grid-event-group-border-radius);
  --bi-expand-icon-color: var(--b-month-grid-event-group-expand-icon-color);
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-bar-group.b-active {
  --bi-expand-icon-color: var(--b-month-grid-event-group-active-expand-icon-color);
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-bar-count {
  margin-inline-start: auto;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-body,
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-desc {
  justify-content: space-between;
  display: flex;
  flex-basis: 100%;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-icon-group-expand::before {
  transition: rotate 0.3s ease;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-icon-group-expand.b-rtl::before {
  rotate: -180deg;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-icon-group-expand {
  color: var(--bi-expand-icon-color);
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container:hover {
  color: currentColor;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container[aria-expanded=true] .b-icon-group-expand::before {
  rotate: 90deg;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container[aria-expanded=true] .b-icon-group-expand.b-rtl::before {
  rotate: -270deg;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-wrap {
  position: relative;
  padding-inline: 0;
  margin-inline: 3px;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-wrap:first-child {
  margin-block-start: 3px;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-wrap.b-cal-event-bar-adding .b-cal-event {
  animation: b-anim-grow-height 0.3s ease-out forwards;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-wrap.b-cal-event-bar-removing .b-cal-event {
  animation: b-anim-shrink-height 0.3s ease-out forwards;
}
@keyframes b-anim-grow-height {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: var(--bi-event-height);
    opacity: 1;
  }
}
@keyframes b-anim-shrink-height {
  0% {
    height: var(--bi-event-height);
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}

/* lib/Calendar/widget/MonthView.css */
:root,
:host {
  --b-month-view-background: var(--b-calendar-background);
  --b-month-view-border-inline-width: 1px;
  --b-month-view-cell-border-width: 1px;
  --b-month-view-border-color: var(--b-calendar-border-color);
  --b-month-view-event-padding: 1px;
  --b-month-view-padding: 0.6em 0 0 0;
  --b-month-view-event-bar-font-size: 0.9em;
  --b-month-view-header-cell-color: var(--b-calendar-foreground-color);
  --b-month-view-header-cell-weekend-color: var(--b-color-red);
  --b-month-view-week-cell-background: var(--b-calendar-week-cell-background);
  --b-month-view-week-cell-color: var(--b-calendar-week-cell-color);
  --b-month-view-week-cell-hover-background: var(--b-calendar-week-cell-hover-background);
  --b-month-view-week-cell-hover-color: var(--b-calendar-week-cell-hover-color);
  --b-month-view-week-cell-hover-border-radius: var(--b-calendar-week-cell-hover-border-radius);
  --b-month-view-week-column-width: 2em;
  --b-month-view-weekrow-toggle-tool-hover-color: rgba(90, 90, 90, 0.2);
  --b-month-view-cell-header-padding: 2px 2px 0 0;
  --b-month-view-cell-header-background: null;
  --b-month-view-cell-header-color: var(--b-text-2);
  --b-month-view-cell-header-hover-background: var(--b-calendar-date-hover-background);
  --b-month-view-cell-header-hover-color: null;
  --b-month-view-cell-header-hover-border-radius: 3px;
  --b-month-view-cell-header-week-color: var(--b-calendar-week-cell-color);
  --b-month-view-cell-header-content-height: 2em;
  --b-month-view-cell-header-day-num-font-size: 0.9em;
  --b-month-view-cell-header-dayname-height: 1.8em;
  --b-month-view-cell-color: var(--b-calendar-foreground-color);
  --b-month-view-cell-weekend-color: var(--b-calendar-foreground-color);
  --b-month-view-cell-other-month-color: var(--b-calendar-other-month-foreground-color);
  --b-month-view-today-day-num-font-weight: var(--b-calendar-today-font-weight);
  --b-month-view-non-working-day-background: var(--b-calendar-non-working-day-background);
}
.b-internal {
  --bi-visible-week-count: null;
  --bi-min-row-height: null;
  --bi-week-length: null;
  --bi-min-column-width: null;
}
.b-bryntum {
  --b-month-view-today-day-num-background: var(--b-calendar-today-background);
  --b-month-view-today-day-num-color: var(--b-calendar-today-color);
  --b-month-view-today-day-num-border: var(--b-calendar-today-border);
}
.b-month-view {
  background: transparent;
  --bi-week-length: 7;
  --bi-min-column-width: calc(100% / var(--bi-week-length, 7));
  --b-calendar-panel-weeks-gap: 0;
}
.b-visible-scrollbar .b-month-view .b-show-yscroll-padding > .b-yscroll-pad {
  visibility: hidden;
}
.b-month-view.b-hide-other-month-cells .b-calendar-panel-row[data-row-index="0"] .b-calendar-cell[data-date$="-01"]:not([data-column-index="0"]) {
  border-inline-start: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
  margin-inline-start: calc(var(--b-month-view-cell-border-width) * -1);
}
.b-month-view.b-disable-other-month-cells .b-calendar-cell.b-other-month .b-cal-event-wrap:not(.b-overflow) {
  opacity: 1;
  pointer-events: all;
}
.b-month-view .b-calendar-panel-row.b-calendar-weekdays {
  flex: 0 0 auto;
}
.b-month-view .b-calendar-panel-row.b-calendar-weekdays .b-week-number-cell {
  flex: 0 0 var(--b-month-view-week-column-width);
}
.b-month-view .b-calendar-day-header {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  padding-inline-end: .5em;
  padding-bottom: .25em;
  color: var(--b-month-view-header-cell-color);
}
.b-month-view .b-calendar-day-header.b-weekend {
  color: var(--b-month-view-header-cell-weekend-color);
}
.b-month-view .b-week-number-cell,
.b-month-view .b-calendar-cell:not(.b-grid-cell) {
  flex-direction: column;
  contain: size style;
}
:is(.b-month-view .b-week-number-cell, .b-month-view .b-calendar-cell:not(.b-grid-cell)).b-other-month .b-day-num {
  color: var(--b-month-view-cell-other-month-color);
}
.b-month-view .b-day-num[data-start-of] {
  padding-inline: 0.5em;
}
.b-month-view .b-day-num[data-start-of]::before {
  content: attr(data-start-of);
  color: initial;
  font-weight: bold;
  margin-inline-end: 0.5em;
}
.b-month-view .b-week-num,
.b-month-view .b-day-num {
  margin-inline-end: 0;
  align-self: flex-end;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--b-month-view-cell-header-day-num-font-size);
  height: var(--b-month-view-cell-header-content-height);
  min-width: var(--b-month-view-cell-header-content-height);
}
:is(.b-month-view .b-week-num, .b-month-view .b-day-num):focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-month-view .b-week-num {
  display: none;
}
.b-month-view.b-show-week-number .b-week-num {
  display: flex;
}
.b-month-view .b-calendar-cell {
  display: flex;
  flex-direction: column;
}
.b-month-view .b-calendar-cell .b-week-num {
  margin-inline-end: auto;
  color: var(--b-month-view-cell-header-week-color);
}
.b-month-view .b-weeks-container {
  flex: 1 0 0%;
  --bi-flexed-row-height: max(calc(1 / var(--bi-visible-week-count) * 100%), var(--bi-min-row-height, 0px));
  border-inline: var(--b-month-view-border-inline-width) solid var(--b-month-view-border-color);
  border-block: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
}
.b-month-view .b-weeks-container .b-calendar-panel-row {
  transition: flex-basis 0.5s;
  flex: 0 0 var(--bi-flexed-row-height);
  min-width: max(calc(var(--bi-min-column-width) * var(--bi-week-length)), 100%);
  border-bottom: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
}
.b-month-view .b-weeks-container .b-calendar-panel-row:last-child {
  border-bottom: 0 none;
}
.b-month-view .b-weeks-container .b-calendar-panel-row.b-shrinkwrapped {
  overflow: hidden;
}
.b-month-view .b-weeks-container .b-calendar-panel-row.b-shrinkwrapped:not(.b-has-overflow) .b-cal-cell-overflow {
  display: none;
}
.b-month-view .b-weeks-container .b-calendar-panel-row.b-shrinkwrapped.b-flexing .b-cal-cell-overflow {
  display: initial;
}
.b-month-view .b-weeks-container .b-calendar-panel-row.b-empty-row {
  flex: 1 1 var(--bi-flexed-row-height);
  min-height: max(2em, var(--bi-min-row-height, 0px));
}
.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell,
.b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell {
  flex: 1;
  color: var(--b-month-view-cell-color);
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
  overflow: hidden;
}
:is(.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell, .b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell):last-child {
  border-inline-end: 0 none;
}
:is(.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell, .b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell).b-weekend {
  color: var(--b-month-view-cell-weekend-color);
}
:is(.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell, .b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell).b-today .b-day-num {
  border-radius: 50%;
  font-size: 85%;
  background: var(--b-month-view-today-day-num-background);
  border: var(--b-month-view-today-day-num-border);
  color: var(--b-month-view-today-day-num-color);
  font-weight: var(--b-month-view-today-day-num-font-weight);
}
:is(.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell, .b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell).b-non-working-day {
  background: var(--b-month-view-non-working-day-background);
}
:is(.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell, .b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell).b-non-working-day.b-dynamic-non-working-day {
  display: flex !important;
}
.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell {
  padding-top: 5px;
  text-align: center;
  cursor: pointer;
  flex: 0 0 auto;
  flex-flow: column nowrap;
  justify-content: space-between;
  min-width: var(--b-month-view-week-column-width);
  background: var(--b-month-view-week-cell-background);
  color: var(--b-month-view-week-cell-color);
}
.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell:hover {
  background: var(--b-month-view-week-cell-hover-background);
  color: var(--b-month-view-week-cell-hover-color);
  border-radius: var(--b-month-view-week-cell-hover-border-radius);
}
.b-month-view .b-weeks-container.b-measuring-container-height .b-calendar-panel-row {
  transition: none !important;
  flex: 0 0 var(--bi-flexed-row-height) !important;
}
.b-month-view .b-weeks-container .b-calendar-panel-days {
  position: relative;
}
.b-month-view .b-hide-non-working-days .b-weeks-container .b-last-working-day {
  border-inline-end: 0 none;
}
.b-month-view .b-cal-cell-header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  background: var(--b-month-view-cell-header-background);
  color: var(--b-month-view-cell-header-color);
  padding: var(--b-month-view-cell-header-padding);
  max-height: var(--b-month-view-cell-header-dayname-height);
}
.b-month-view .b-cal-cell-header .b-day-name {
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: var(--b-month-view-cell-header-dayname-height);
}
.b-month-view .b-cal-cell-header .b-day-num {
  z-index: 10;
  margin-inline-start: auto;
  position: relative;
  overflow: visible;
  height: var(--b-month-view-cell-header-content-height);
}
.b-month-view .b-cal-cell-header .b-day-num strong {
  position: absolute;
  inset-inline-end: calc(100% + 0.3em);
  color: initial;
}
.b-month-view.b-day-number-center .b-cal-cell-header {
  justify-content: center;
}
.b-month-view.b-show-week-column .b-week-num {
  display: none;
}
.b-month-view.b-show-week-column .b-cal-cell-header {
  cursor: pointer;
}
.b-month-view.b-show-week-column .b-cal-cell-header:hover {
  background: var(--b-month-view-cell-header-hover-background);
  color: var(--b-month-view-cell-header-hover-color);
  border-radius: var(--b-month-view-cell-header-hover-border-radius);
}
.b-month-view:not(.b-show-week-column) .b-day-name {
  cursor: pointer;
}
:is(.b-month-view:not(.b-show-week-column) .b-week-num, .b-month-view:not(.b-show-week-column) .b-day-num):hover,
:is(.b-month-view:not(.b-show-week-column) .b-week-num, .b-month-view:not(.b-show-week-column) .b-day-num):focus-visible {
  cursor: pointer;
  background: var(--b-month-view-cell-header-hover-background);
  color: var(--b-month-view-cell-header-hover-color);
  border-radius: calc(var(--b-month-view-cell-header-content-height) / 2);
}
.b-month-view .b-month-view-content {
  contain: strict;
  flex-basis: 0;
  justify-content: flex-start;
  background: var(--b-month-view-background);
  padding: var(--b-month-view-padding);
}
.b-month-view .b-cal-event-bar-container,
.b-month-view .b-cal-cell-overflow {
  font-size: var(--b-month-view-event-bar-font-size);
}
.b-cal-event-list .b-panel-header .b-header-title {
  font-size: 1em;
  cursor: pointer;
}
.b-notransition .b-month-view .b-weeks-container .b-calendar-panel-row.b-shrinkwrapped {
  transition: none;
}

/* lib/Calendar/widget/OverflowPopup.css */
.b-overflow-popup {
  min-width: 13em;
  max-width: 30em;
  z-index: 20;
  position: fixed !important;
}
.b-overflow-popup .b-cal-event-bar-container {
  flex: 0 0 auto;
}
.b-overflow-popup .b-cal-event-wrap {
  flex-shrink: 0;
}
.b-visible-scrollbar .b-overflow-popup-content.b-vertical-overflow {
  margin-inline-end: 0;
}
.b-day-cell-collecter .b-overflow-popup-content {
  contain: style !important;
  flex-flow: column nowrap;
  align-items: stretch;
}
.b-day-cell-collecter .b-overflow-popup-content .b-cal-event-wrap {
  flex-shrink: 0;
  position: relative !important;
}

/* lib/Calendar/widget/ResourceView.css */
:root,
:host {
  --b-resource-view-header-height: 4.5em;
}
.b-internal {
  --bi-view-gap: null;
  --bi-resource-width: null;
}
.b-resource-view {
  align-items: stretch;
  --b-panel-gap: 0;
  --b-panel-header-font-size: 1em;
  --b-panel-with-header-padding: 0;
}
.b-resource-view .b-cal-widget-settings-button {
  display: none;
}
.b-resource-view:has(.b-day-view:not(.b-resource-day-view-time-axis) .b-day-view-all-day-row-start.b-has-cell-overflow:not(.b-day-view-all-day-auto-height)) .b-resource-day-view-time-axis {
  cursor: pointer;
}
.b-resource-view:has(.b-day-view:not(.b-resource-day-view-time-axis) .b-day-view-all-day-row-start.b-has-cell-overflow:not(.b-day-view-all-day-auto-height)) .b-resource-day-view-time-axis .b-expand-all-day-button {
  display: flex;
}
.b-resource-view:has(.b-day-view:not(.b-resource-day-view-time-axis) .b-day-view-all-day-row-start.b-expanded) .b-expand-all-day-button {
  rotate: -180deg;
}
.b-resource-view-content {
  flex-flow: row nowrap;
  align-items: stretch;
  padding: 0;
}
.b-resource-view-content > * {
  flex: 1 0 0;
  margin-inline-end: var(--bi-view-gap);
}
.b-resource-view-content > *.b-resource-view-resource {
  min-width: var(--bi-resource-width);
}
.b-resource-view-content > *.b-filtered-hiding {
  min-width: 0;
  width: 0;
  flex: none;
  border: 0 none;
  transition: width 0.3s;
}
.b-resource-view-content > *:last-child,
.b-resource-view-content > *.b-last-resource-view {
  margin-inline-end: 0;
}
.b-resource-view-content .b-panel-header {
  background: var(--b-day-view-background);
  border: 1px solid var(--b-day-view-border-color);
  border-block: none;
  border-radius: 0;
  color: var(--b-month-view-cell-color);
  height: var(--b-resource-view-header-height);
}
.b-resource-view-content .b-day-view.b-first-resource-view > .b-panel-header {
  border-inline-start: none;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis {
  position: sticky;
  inset-inline-start: 0;
  z-index: 3;
  border-inline-end: 1px solid var(--b-day-view-border-color);
}
.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis .b-day-view-day-container {
  display: none;
}
.b-resource-view-content > .b-day-view.b-first-resource-view .b-day-view-schedule-container,
.b-resource-view-content > .b-day-view.b-first-resource-view .b-day-view-day-container {
  border-inline-start: 0 none;
}
.b-resource-view-content > .b-day-view.b-last-resource-view .b-panel-header {
  border-inline-end: 0 none;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller {
  position: sticky;
  inset-inline-end: 0;
  background: var(--b-day-view-background) !important;
  z-index: 1;
  border-inline-start: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
}
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller .b-day-view-time-axis-time,
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller .b-day-view-all-day-row-start {
  display: none;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller .b-day-view-day-container {
  visibility: hidden;
  display: inherit;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller .b-time-axis-container {
  max-width: 1px;
  margin-inline-start: -1px;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller .b-yscroll-pad {
  visibility: hidden;
}
.b-resource-view-content > .b-day-view:not(.b-resource-day-view-time-axis, .b-resource-day-view-scroller):not(.b-last-resource-view) .b-day-view-day-container,
.b-resource-view-content > .b-day-view:not(.b-resource-day-view-time-axis, .b-resource-day-view-scroller):not(.b-last-resource-view) .b-day-view-schedule-container {
  border-inline-end: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
}
.b-resource-view-content > .b-day-view:not(.b-resource-day-view-time-axis, .b-resource-day-view-scroller) .b-day-view-all-day-row-start,
.b-resource-view-content > .b-day-view:not(.b-resource-day-view-time-axis, .b-resource-day-view-scroller) .b-time-axis-container {
  display: none;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis,
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller {
  flex: 0 0 auto;
  margin-inline-end: 0;
}
:is(.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis, .b-resource-view-content > .b-day-view.b-resource-day-view-scroller) .b-day-view-header {
  visibility: hidden;
  padding-inline: 0;
}
:is(.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis, .b-resource-view-content > .b-day-view.b-resource-day-view-scroller) .b-day-view-schedule-container {
  display: flex;
  max-width: 0;
  border: 0 none;
}
.b-resource-view-content .b-day-view-day-container {
  overscroll-behavior: auto;
}
.b-resource-view-content .b-month-view-content {
  padding-top: 0;
}
.b-resource-view-content .b-month-view-content .b-calendar-weekdays {
  padding: 0.5em 0;
  border-inline: 1px solid var(--b-day-view-border-color);
}
.b-resource-view-content .b-month-view-content .b-calendar-weekdays .b-calendar-day-header {
  padding-bottom: 0;
}
.b-resource-view-content > .b-event-list > .b-panel-body-wrap {
  border-inline: 1px solid var(--b-day-view-border-color);
}
.b-calendar .b-resource-view-title {
  display: grid;
  column-gap: 1em;
  align-items: center;
  justify-content: flex-start;
}
.b-calendar .b-resource-view-title .b-resource-avatar {
  font-size: 1.2em;
}
.b-calendar .b-resource-view-title.b-has-meta .b-resource-avatar {
  grid-row: 1 / span 2;
}
.b-calendar .b-resource-view-title .b-resource-name,
.b-calendar .b-resource-view-title .b-resource-meta {
  grid-column: 2;
}
.b-calendar .b-resource-view-title .b-resource-name {
  font-size: 1.1em;
}
.b-calendar .b-resource-view-title .b-resource-meta {
  font-size: .7em;
  font-weight: 400;
}
.b-resource-day-view-time-axis .b-virtual-scrollers {
  display: none;
}
.b-resource-day-view-time-axis.b-resource-day-view-scroller .b-time-axis-container {
  display: none;
}

/* lib/Calendar/widget/Sidebar.css */
:root,
:host {
  --b-sidebar-border-inline-end: null;
  --b-sidebar-width: auto;
}
.b-internal {
  --bi-scrollbar-width: null;
}
.b-sidebar {
  flex-shrink: 0;
  border-inline-end: var(--b-sidebar-border-inline-end);
  flex-basis: var(--b-sidebar-width);
  --b-panel-padding: 1em;
  --b-toolbar-padding: 0 0 1em 0;
  --b-toolbar-gap: 0.5em;
  --b-date-picker-day-font-size: 0.85em;
  --b-date-picker-date-font-size: 0.85em;
  --b-date-picker-toolbar-font-size: .9em;
  --b-date-picker-min-width: 0;
  --b-calendar-panel-weeks-gap: 0;
  --b-year-picker-padding: 0;
  transition: flex-basis 0.3s ease;
}
.b-sidebar .b-calendar-date-picker {
  margin-top: .5em;
  --b-button-height: auto;
}
.b-sidebar.b-has-date-picker {
  --b-sidebar-width: 17.5em;
}
.b-sidebar.b-date-picker-with-events {
  --b-sidebar-width: 20em;
}
.b-sidebar.b-collapsed,
.b-sidebar.b-collapsing {
  --b-sidebar-width: 0 !important;
  --bi-scrollbar-width: 0 !important;
}
.b-sidebar .b-has-date-picker {
  flex-basis: var(--b-sidebar-width);
}
.b-sidebar .b-has-date-picker:has(.b-sidebar-content.b-vertical-overflow) {
  flex-basis: calc(var(--b-sidebar-width) + var(--bi-scrollbar-width));
}
.b-calendar:has(.b-sidebar + .b-splitter.b-moving) .b-sidebar {
  transition: none;
}

/* lib/Calendar/widget/YearView.css */
:root,
:host {
  --b-year-view-font-size: .9em;
  --b-year-view-font-size-big: 1.3em;
  --b-year-view-foreground-font-weight: 300;
  --b-year-view-background: var(--b-calendar-background);
  --b-year-view-foreground-color: var(--b-calendar-foreground-color);
  --b-year-view-row-gap: 3em;
  --b-year-view-column-gap: 1em;
  --b-year-view-content-padding: var(--b-panel-padding);
  --b-year-view-day-cell-size: 2em;
  --b-year-view-day-cell-color: var(--b-text-3);
  --b-year-view-month-max-width: 20em;
  --b-year-view-month-min-width: 16em;
  --b-year-view-month-name-font-size: 1.3em;
  --b-year-view-month-name-max-width: calc(var(--b-year-view-month-max-width) / var(--b-year-view-month-name-font-size));
  --b-year-view-month-name-cell-background: null;
  --b-year-view-month-name-cell-color: var(--b-calendar-week-cell-color);
  --b-year-view-month-name-cell-hover-background: var(--b-calendar-week-cell-hover-background);
  --b-year-view-month-name-cell-hover-color: var(--b-calendar-week-cell-hover-color);
  --b-year-view-week-cell-background: var(--b-neutral-98);
  --b-year-view-week-cell-color: var(--b-neutral-60);
  --b-year-view-week-cell-hover-background: var(--b-calendar-week-cell-hover-background);
  --b-year-view-week-cell-hover-color: var(--b-calendar-week-cell-hover-color);
  --b-year-view-cell-background: null;
  --b-year-view-cell-color: var(--b-calendar-foreground-color);
  --b-year-view-cell-hover-background: var(--b-calendar-week-cell-hover-background);
  --b-year-view-cell-hover-color: null;
  --b-year-view-other-month-cell-color: var(--b-calendar-other-month-foreground-color);
  --b-year-view-1-to-3-events-color: var(--b-color-yellow);
  --b-year-view-4-to-6-events-color: var(--b-color-orange);
  --b-year-view-7-or-more-events-color: var(--b-color-red);
  --b-year-view-tentative-event-color: var(--b-color-green);
  --b-year-view-tentative-event-color2: var(--b-color-lime);
  --b-year-view-events-hover-blend-mode: multiply;
  --b-year-view-dragproxy-background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)) currentColor;
}
.b-colorize {
  --b-year-view-heatmap-background: var(--b-primary-85);
  --b-year-view-heatmap-hover-background: var(--b-primary-75);
}
.b-bryntum {
  --b-year-view-today-cell-background: var(--b-calendar-today-background);
  --b-year-view-today-cell-color: var(--b-calendar-today-color);
  --b-year-view-today-cell-font-weight: var(--b-calendar-today-font-weight);
  --b-year-view-today-cell-border: var(--b-calendar-today-border);
}
.b-year-view {
  background: transparent;
}
.b-year-view-content {
  flex-basis: 0;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: space-around;
  font-size: var(--b-year-view-font-size);
  font-weight: var(--b-year-view-foreground-font-weight);
  padding: var(--b-year-view-content-padding);
  column-gap: var(--b-year-view-column-gap);
  row-gap: var(--b-year-view-row-gap);
  padding-inline-start: max(calc((25% - var(--b-year-view-month-max-width) + var(--b-year-view-row-gap)) - var(--b-year-view-content-padding) * 2), var(--b-year-view-content-padding));
}
.b-year-view-content.b-show-events-dots .b-calendar-cell {
  height: 2.3em;
}
.b-year-view-content.b-show-events-count .b-cell-events-badge {
  position: absolute;
  inset-block-start: 1.6EM;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  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);
  height: var(--b-date-picker-cell-badge-size);
  transform: var(--b-date-picker-cell-badge-transform);
}
.b-year-view-body-wrap .b-year-view-content {
  background: var(--b-year-view-background);
  color: var(--b-year-view-foreground-color);
}
.b-year-view.b-responsive-small .b-year-view-content {
  font-size: var(--b-year-view-font-size-big);
}
.b-year-view-content .b-year-view-month {
  display: flex;
  flex-flow: column nowrap;
  height: min-content;
  flex-basis: calc(25% - var(--b-year-view-column-gap));
  min-width: var(--b-year-view-month-min-width);
}
.b-year-view-content .b-year-view-month-name {
  margin-bottom: .4em;
  padding: 0.1em 0 0.2em 0.3em;
  border: 0 none;
  text-align: start;
  font-family: inherit;
  font-weight: inherit;
  font-size: var(--b-year-view-month-name-font-size);
  color: var(--b-year-view-month-name-cell-color);
  background: var(--b-year-view-month-name-cell-background);
  max-width: var(--b-year-view-month-name-max-width);
}
.b-year-view-content .b-year-view-month-name:hover {
  cursor: pointer;
  background: var(--b-year-view-month-name-cell-hover-background);
  color: var(--b-year-view-month-name-cell-hover-color);
}
.b-year-view-content .b-calendar-weekdays {
  height: 2.1em;
}
.b-year-view.b-responsive-small .b-year-view-content .b-calendar-week {
  max-width: 100%;
}
.b-year-view-content .b-calendar-week {
  display: flex;
  flex-flow: row nowrap;
  max-width: var(--b-year-view-month-max-width);
}
.b-year-view-content .b-calendar-week:last-child {
  margin-bottom: var(--b-year-view-content-padding);
}
.b-year-view-content .b-calendar-week > * {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-year-view-content .b-year-view-weekday-cell {
  color: var(--b-year-view-day-cell-color);
}
.b-year-view-content.b-hide-week-numbers .b-week-number-cell {
  display: none;
}
.b-year-view-content .b-cal-cell-overflow.b-active {
  outline: 0 none;
  opacity: 1 !important;
  z-index: 10 !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), -5px 2px 5px rgba(0, 0, 0, 0.2);
}
.b-year-view-content .b-cal-cell-overflow:hover {
  background-color: inherit;
}
.b-year-view-content:not(.b-draggable-active) .b-calendar-cell.b-date-picker-1-to-3-events:hover,
.b-year-view-content:not(.b-draggable-active) .b-calendar-cell.b-date-picker-4-to-6-events:hover,
.b-year-view-content:not(.b-draggable-active) .b-calendar-cell.b-date-picker-7-or-more-events:hover {
  border-radius: 0;
}
:is(.b-year-view-content:not(.b-draggable-active) .b-calendar-cell.b-date-picker-1-to-3-events:hover, .b-year-view-content:not(.b-draggable-active) .b-calendar-cell.b-date-picker-4-to-6-events:hover, .b-year-view-content:not(.b-draggable-active) .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-year-view-content:not(.b-draggable-active) .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-year-view-content.b-show-events-heatmap .b-date-picker-1-to-3-events,
.b-year-view-content.b-show-events-heatmap .b-date-picker-4-to-6-events,
.b-year-view-content.b-show-events-heatmap .b-date-picker-7-or-more-events {
  background: var(--b-year-view-heatmap-background);
}
.b-year-view-content.b-show-events-heatmap .b-date-picker-1-to-3-events {
  --b-primary: var(--b-year-view-1-to-3-events-color);
}
.b-year-view-content.b-show-events-heatmap .b-date-picker-4-to-6-events {
  --b-primary: var(--b-year-view-4-to-6-events-color);
}
.b-year-view-content.b-show-events-heatmap .b-date-picker-7-or-more-events {
  --b-primary: var(--b-year-view-7-or-more-events-color);
}
.b-year-view-content .b-calendar-cell {
  position: relative;
}
.b-year-view-content .b-calendar-cell.b-cal-tentative-event {
  background-color: var(--b-year-view-tentative-event-color);
}
.b-year-view-content .b-calendar-cell.b-cal-tentative-event.b-other-month {
  background-color: var(--b-year-view-tentative-event-color2);
}
.b-year-view-content .b-calendar-cell .b-cal-minimal-event-container {
  top: 1.7em;
}
.b-year-view-content .b-calendar-cell .b-calendar-cell-inner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--b-year-view-cell-background);
  height: var(--b-year-view-day-cell-size);
  width: var(--b-year-view-day-cell-size);
}
.b-year-view-content .b-calendar-cell.b-today .b-calendar-cell-inner {
  border-radius: 50%;
  background: var(--b-year-view-today-cell-background);
  border: var(--b-year-view-today-cell-border);
  color: var(--b-year-view-today-cell-color);
  font-weight: var(--b-year-view-today-cell-font-weight);
}
.b-year-view-content .b-calendar-cell.b-other-month .b-calendar-cell-inner {
  color: var(--b-year-view-other-month-cell-color);
}
.b-year-view-content .b-week-number-cell {
  border: 0 none;
  padding: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  flex: 0 0 var(--b-year-view-day-cell-size);
  background: var(--b-year-view-week-cell-background);
  color: var(--b-year-view-week-cell-color);
}
.b-year-view-content .b-week-number-cell:hover {
  cursor: pointer;
  background: var(--b-year-view-week-cell-hover-background);
  color: var(--b-year-view-week-cell-hover-color);
}
:is(.b-year-view-content .b-calendar-cell, .b-year-view-content .b-week-number-cell).b-active {
  outline: 0 none;
  background-color: #e8e8e8;
  border-radius: 50%;
}
.b-year-view-content.b-hide-non-working-days .b-non-working-day {
  display: none;
}
.b-year-view-content .b-calendar-week:not([data-week]) .b-week-number-cell {
  background-color: inherit;
}
.b-year-view-content :is(.b-year-view-month-name, .b-week-number-cell, .b-calendar-cell-inner):focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
}

/* lib/Calendar/widget/DayResourceCalendarRow.css */
:root,
:host {
  --b-day-resource-calendar-row-border-color: var(--b-calendar-border-color);
}
.b-internal {
  --bi-visible-resource-count: null;
}
div.b-day-resource-calendar-row.b-hide-all-day-header .b-day-resource-calendar-row-column,
div.b-day-resource-calendar-row .b-day-resource-calendar-row-column {
  position: relative;
  display: flex;
  flex-flow: row;
  flex: 1 0 auto;
}
:is(div.b-day-resource-calendar-row.b-hide-all-day-header .b-day-resource-calendar-row-column, div.b-day-resource-calendar-row .b-day-resource-calendar-row-column):not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-day-resource-calendar-row-border-color);
}
:is(div.b-day-resource-calendar-row.b-hide-all-day-header .b-day-resource-calendar-row-column, div.b-day-resource-calendar-row .b-day-resource-calendar-row-column) .b-resource-calendar-row-column-resource-cell {
  flex: 1 1 100%;
  min-width: var(--bi-min-resource-width);
  display: flex;
  flex-flow: column nowrap;
}
:is(div.b-day-resource-calendar-row.b-hide-all-day-header .b-day-resource-calendar-row-column, div.b-day-resource-calendar-row .b-day-resource-calendar-row-column) .b-resource-calendar-row-column-resource-cell:not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-day-view-border-color);
}
:is(div.b-day-resource-calendar-row.b-hide-all-day-header .b-day-resource-calendar-row-column, div.b-day-resource-calendar-row .b-day-resource-calendar-row-column) .b-cal-event-bar-container {
  position: relative;
}
div.b-day-resource-calendar-row.b-hide-all-day-header .b-cal-cell-header,
div.b-day-resource-calendar-row .b-cal-cell-header {
  align-items: stretch;
  padding-bottom: 0;
  flex: 1 0 var(--bi-min-day-width, auto);
  display: grid;
  grid-template-columns: repeat(max(var(--bi-visible-resource-count), 1), 1fr);
  contain: unset;
  width: auto;
}
:is(div.b-day-resource-calendar-row.b-hide-all-day-header .b-cal-cell-header, div.b-day-resource-calendar-row .b-cal-cell-header):not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-day-resource-calendar-row-border-color);
}
div.b-day-resource-calendar-row .b-dayname-date {
  grid-row: 1;
  grid-column: 1/-1;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: .5em 0;
  max-width: var(--bi-min-resource-width);
  justify-self: center;
}
div.b-day-resource-calendar-row .b-day-name,
div.b-day-resource-calendar-row .b-day-date {
  flex: 1;
  display: flex;
  justify-content: center;
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header {
  grid-row: 2/2;
  display: flex;
  gap: .8em;
  justify-content: center;
  align-items: center;
  padding-block: 1em;
  padding-inline: 0.5em;
  overflow: hidden;
  contain: inline-size layout;
  border-top: var(--b-month-view-cell-border-width) solid var(--b-calendar-border-color);
  min-width: var(--bi-min-resource-width);
}
.b-no-visible-resources :is(div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header) {
  max-height: 0;
  padding: 0;
  border: 0 none;
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header.b-has-info {
  display: grid;
  grid-template-areas: "avatar name" "info info";
  grid-template-columns: auto 1fr;
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header .b-resource-avatar {
  grid-area: avatar;
  border-color: var(--b-calendar-border-color);
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header.b-avatar-after .b-resource-avatar {
  order: 1;
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header:not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-calendar-border-color);
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header .b-day-resource-calendar-row-resource-info {
  grid-area: info;
}
div.b-day-resource-calendar-row.b-narrow-resource-header .b-day-resource-calendar-row-resource-header .b-resource-avatar {
  display: none;
}
div.b-day-resource-calendar-row.b-narrow-resource-header.b-hide-resource-name-when-narrow .b-day-resource-calendar-row-resource-header .b-resource-avatar {
  display: flex;
}
div.b-day-resource-calendar-row.b-narrow-resource-header.b-hide-resource-name-when-narrow .b-day-resource-calendar-row-resource-header .b-day-resource-calendar-row-resource-name {
  display: none;
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: var(--b-avatar-size);
  grid-area: name;
}
div.b-day-resource-calendar-row .b-cal-event-wrap {
  max-width: 100%;
  opacity: 1;
  pointer-events: all;
}

/* lib/Calendar/widget/DaySelector.css */
.b-day-selector .b-calendar-row-header-container {
  border-bottom: 1px solid var(--b-calendar-border-color);
}
.b-day-selector .b-calendar-row-header-container .b-cal-cell-header:not(:hover) div.b-day-name-date {
  background-color: inherit;
  color: inherit;
}
.b-day-selector .b-calendar-row-header-container .b-cal-cell-header.b-selected-date div.b-day-name-date {
  background: var(--b-event-list-day-selector-selected-date-background);
  color: var(--b-event-list-day-selector-selected-date-color);
}
.b-day-selector .b-calendar-row-body {
  display: none;
}
:is(.b-day-view-with-day-selector, .b-week-view-with-day-selector) .b-calendar-row-header-container {
  border-inline-start: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
  margin-inline-start: var(--bi-time-axis-width);
}
:is(.b-day-view-with-day-selector, .b-week-view-with-day-selector):not(.b-has-all-day-events) .b-calendar-row-header-container {
  border-bottom-width: 0;
}

/* lib/Calendar/widget/DayAgendaView.css */
:root,
:host {
  --b-day-agenda-view-hour-hover-background: var(--b-neutral-95);
}
.b-internal {
  --bi-gutter-width: null;
  --bi-min-event-width: null;
}
.b-day-agenda-view {
  --bi-hour-cell-padding-inline-start: 0.5em;
  --bi-hour-event-padding-top: 0.5em;
  --bi-hour-border-width: 1px;
  --bi-hour-border-color: var(--b-day-view-hour-line-color);
  --bi-event-flow-direction: column;
  --bi-event-spacing: 5px;
  --bi-hour-width: var(--bi-time-axis-width);
}
.b-day-agenda-view .b-day-view-day-container {
  background-image: none;
  clip-path: none;
}
.b-day-agenda-view .b-day-agenda-hour-time {
  font-size: 70%;
  display: flex;
  justify-content: center;
  border-inline-end: var(--bi-hour-border-width) solid var(--bi-hour-border-color);
}
.b-day-agenda-view .b-day-agenda-hour-time,
.b-day-agenda-view .b-day-agenda-hour-events {
  padding-top: var(--bi-hour-event-padding-top);
  padding-bottom: var(--bi-event-spacing);
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell {
  display: flex;
  flex-direction: column;
  height: auto;
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour {
  display: grid;
  position: relative;
  grid-template-columns: var(--bi-hour-width) 1fr;
  border-bottom: var(--bi-hour-border-width) solid var(--bi-hour-border-color);
  flex: 0 0 var(--bi-hour-height);
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour.b-hover-hour::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: var(--b-day-agenda-view-hour-hover-background);
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events {
  display: flex;
  overflow: hidden;
  flex-direction: var(--bi-event-flow-direction);
  gap: var(--bi-event-spacing);
  padding-inline: var(--bi-hour-cell-padding-inline-start) var(--bi-gutter-width);
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events .b-cal-event-wrap {
  position: relative;
}
.b-event-flow-row :is(.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events) {
  flex-wrap: wrap;
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-cal-event-body {
  padding: 0.5em;
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-cal-drag-proxy {
  opacity: 1;
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell:has(.b-cal-drag-proxy) {
  z-index: 1;
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell:has(.b-cal-drag-proxy) .b-cal-event {
  background-image: none;
  padding: 0;
}
.b-day-agenda-view.b-multi-day-view:is(.b-hide-time-axis, :not(.b-synced-hour-heights)) .b-day-view-all-day-row-start {
  display: none;
}
.b-day-agenda-view.b-multi-day-view:not(.b-synced-hour-heights, .b-hide-time-axis) .b-day-view-day-detail.b-calendar-cell::before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  inset-inline-start: calc(var(--bi-time-axis-width) - 1px);
  background-color: var(--b-day-view-hour-line-color);
}
.b-day-agenda-view:not(.b-multi-day-view).b-hide-time-axis .b-day-view-all-day-row-start {
  display: none;
}
.b-day-agenda-view:not(.b-multi-day-view):not(.b-hide-time-axis) .b-day-view-day-detail.b-calendar-cell::before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  inset-inline-start: calc(var(--bi-time-axis-width) - 1px);
  background-color: var(--b-day-view-hour-line-color);
}
.b-day-agenda-view:not(.b-multi-day-view):not(.b-hide-time-axis) .b-day-view-day-container {
  border-inline-start-color: transparent;
}
.b-day-agenda-view.b-event-flow-row .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events {
  flex-wrap: wrap;
}
.b-day-agenda-view.b-event-flow-row .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events .b-cal-event-wrap {
  flex: 1;
  width: auto;
  min-width: clamp(var(--bi-min-event-width), 100%);
}
.b-day-agenda-view.b-hide-borders {
  --bi-hour-border-width: 0;
}
.b-day-agenda-view.b-hide-borders .b-calendar-cell .b-day-agenda-hour-events {
  padding-bottom: 0;
}
.b-day-agenda-view.b-hide-borders .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events .b-cal-event-wrap {
  margin-bottom: 0;
}
.b-day-agenda-view.b-hide-borders .b-day-agenda-hour.b-hover-hour::before {
  inset-block: calc(var(--bi-hour-event-padding-top) / 2);
}
.b-day-agenda-view .b-time-axis-container {
  display: none;
  height: fit-content;
  background-image: none;
}
.b-day-agenda-view .b-time-axis-container .b-day-agenda-hour {
  display: grid;
  border-bottom: var(--bi-hour-border-width) solid var(--bi-hour-border-color);
  flex: 0 0 var(--bi-hour-height);
}
.b-day-agenda-view .b-time-axis-container .b-day-agenda-hour-events {
  display: none;
}
:is(.b-day-agenda-view.b-hide-time-axis, .b-day-agenda-view.b-multi-day-view.b-synced-hour-heights):not(.b-hide-time-axis) .b-time-axis-container,
:is(.b-day-agenda-view.b-hide-time-axis, .b-day-agenda-view.b-multi-day-view.b-synced-hour-heights):not(.b-hide-time-axis) .b-day-view-all-day-row-start {
  display: flex;
}
:is(.b-day-agenda-view.b-hide-time-axis, .b-day-agenda-view.b-multi-day-view.b-synced-hour-heights) .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-time {
  display: none;
}
:is(.b-day-agenda-view.b-hide-time-axis, .b-day-agenda-view.b-multi-day-view.b-synced-hour-heights) .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour {
  grid-template-columns: 1fr;
}
:is(.b-day-agenda-view.b-hide-time-axis, .b-day-agenda-view.b-multi-day-view.b-synced-hour-heights) .b-day-view-day-detail.b-calendar-cell .b-cal-tentative-event {
  margin-left: 0;
}
.b-day-agenda-view .b-day-view-day-container,
.b-day-agenda-view .b-day-view-schedule-container {
  border-inline-start: 0 none;
}
.b-day-agenda-view.b-hide-empty-hours .b-day-agenda-hour:not(.b-has-events) {
  display: none;
}

/* lib/Calendar/widget/DayResourceView.css */
.b-internal {
  --bi-min-day-width: null;
  --bi-day-height: null;
  --bi-min-resource-width: null;
}
.b-day-resource-view-column {
  display: flex;
  flex: 1 0 var(--bi-min-day-width, auto);
  height: var(--bi-day-height);
  position: relative;
}
.b-day-resource-view-column .b-calendar-cell {
  min-width: var(--bi-min-resource-width);
}
.b-day-resource-view-column:not(.b-last-cell),
.b-day-resource-view-column .b-day-resource-all-day {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-day-resource-calendar-row-border-color);
}
.b-day-column-header-cell:not(:last-of-type) {
  border-inline-end: 1px solid var(--b-day-resource-calendar-row-border-color);
}

/* lib/Calendar/widget/AgendaView.css */
:root,
:host {
  --b-agenda-view-non-working-day-background: var(--b-neutral-98);
  --b-agenda-view-cell-color: var(--b-calendar-foreground-color);
  --b-agenda-view-cell-padding-inline: 0;
  --b-agenda-view-cell-padding-block: 1.5em;
  --b-agenda-view-date-width: 14em;
  --b-agenda-view-time-width: 12em;
  --b-agenda-view-time-width-small: 7.5em;
  --b-agenda-view-date-padding: .2em 1em 0 1em;
  --b-agenda-view-date-number-margin: 0 .1em 0 0;
  --b-agenda-view-date-number-font-size: 3em;
  --b-agenda-view-today-date-number-font-size: 75%;
  --b-agenda-view-header-padding: .5em 0 .5em .5em;
  --b-agenda-view-date-margin: 0px;
}
.b-internal {
  --bi-event-row-spacing: null;
}
.b-agenda-view.b-grid-base.b-enable-sticky .b-grid-sub-grid.b-grid-horizontal-scroller {
  overflow: visible !important;
}
.b-agenda-view.b-grid-base.b-enable-sticky .b-virtual-scrollers {
  display: none !important;
}
.b-agenda-view.b-grid-base.b-enable-sticky .b-cal-agenda-date {
  position: sticky;
  top: calc(var(--b-agenda-view-cell-padding-block) + var(--b-agenda-view-date-margin));
  z-index: 12;
}
.b-agenda-view.b-grid-base.b-enable-sticky.b-responsive-small {
  --b-agenda-view-cell-padding-block: .5em;
}
.b-agenda-view.b-grid-base.b-enable-sticky.b-responsive-small .b-agenda-cell {
  border: 0 none;
}
.b-agenda-view.b-grid-base.b-enable-sticky.b-responsive-small .b-agenda-cell .b-cal-agenda-date {
  top: 0;
  min-height: 4em;
  background: var(--b-panel-background);
  box-shadow: 0 3px 3px rgba(var(--b-calendar-border-color), 0.4);
}
.b-agenda-view.b-grid-base.b-enable-sticky.b-responsive-small .b-agenda-cell.b-non-working-day .b-cal-agenda-date {
  background: var(--b-agenda-view-non-working-day-background);
}
.b-agenda-view.b-grid-base.b-enable-sticky.b-responsive-small .b-cal-agenda-event-row:last-of-type {
  padding-bottom: calc(var(--b-agenda-view-cell-padding-block) / 2);
}
.b-agenda-view .b-cal-event-bar-container {
  contain: inline-size;
}
.b-agenda-view .b-cal-event-bar-container .b-cal-event-desc {
  display: block;
}
.b-agenda-view .b-grid-cell::after {
  content: "";
  display: table;
  clear: both;
}
.b-agenda-view .b-cal-event-list-event-time {
  min-height: auto;
  white-space: nowrap;
  flex: 0 0 var(--b-agenda-view-time-width);
}
.b-agenda-view.b-responsive-small .b-cal-event-bar-container {
  margin-inline-start: 1em;
  margin-block-start: 1em;
}
.b-agenda-view.b-responsive-small .b-cal-event-list-event-time {
  flex: 0 0 var(--b-agenda-view-time-width-small);
}
.b-agenda-view.b-responsive-small .b-cal-agenda-grid-row .b-calendar-cell {
  display: block;
}
.b-new-month .b-agenda-column-cell {
  box-shadow: inset #aaa 0px 10px 15px -15px;
}
.b-new-month .b-cal-agenda-date-date-text :nth-child(2) {
  font-weight: bold;
}
.b-agenda-view-day-selector .b-calendar-row-body {
  display: none;
}
.b-cal-agenda-grid-row.b-selected,
.b-grid-body-container:focus .b-cal-agenda-grid-row.b-selected,
.b-grid-base .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell,
.b-grid-base .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell:not(.b-non-working-day):hover {
  background-color: transparent;
}
:is(.b-cal-agenda-grid-row.b-selected, .b-grid-body-container:focus .b-cal-agenda-grid-row.b-selected, .b-grid-base .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell, .b-grid-base .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell:not(.b-non-working-day):hover) .b-calendar-cell.b-non-working-day {
  background: var(--b-agenda-view-non-working-day-background);
}
.b-agenda-view .b-cal-agenda-grid-row .b-calendar-cell {
  flex-direction: row;
  contain: style;
  font-weight: inherit;
  flex: 1 1 100%;
  margin: 0;
  align-items: flex-start;
  color: var(--b-agenda-view-cell-color);
  padding-inline: var(--b-agenda-view-cell-padding-inline);
  padding-block: var(--b-agenda-view-cell-padding-block);
}
.b-agenda-view .b-cal-agenda-grid-row .b-calendar-cell.b-non-working-day {
  background: var(--b-agenda-view-non-working-day-background);
}
.b-agenda-view .b-cal-agenda-grid-row .b-calendar-cell:focus-within {
  outline: 0 none !important;
}
.b-agenda-view-with-day-selector :is(.b-agenda-view .b-cal-agenda-grid-row .b-calendar-cell) {
  padding-inline-start: 1.5em;
}
.b-cal-agenda-grid-row .b-cal-event-bar-container .b-cal-event-wrap {
  position: relative;
  overflow: hidden;
}
.b-cal-agenda-event-row {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  align-self: stretch;
}
.b-cal-agenda-event-row:not(:last-child) {
  margin-bottom: var(--bi-event-row-spacing);
}
.b-cal-agenda-date {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 2.6em;
  flex: 0 0 var(--b-agenda-view-date-width);
  padding: var(--b-agenda-view-date-padding);
  margin: var(--b-agenda-view-date-margin);
}
.b-agenda-view-with-day-selector .b-cal-agenda-date {
  display: none;
}
.b-cal-agenda-date-date-number {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin: var(--b-agenda-view-date-number-margin);
  font-size: var(--b-agenda-view-date-number-font-size);
}
.b-cal-agenda-date-date-number:hover {
  background: var(--b-calendar-date-hover-background);
}
.b-today .b-cal-agenda-date-date-number {
  background: var(--b-calendar-today-background);
  border: var(--b-calendar-today-border);
  color: var(--b-calendar-today-color);
}
.b-cal-agenda-header {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  padding: var(--b-agenda-view-header-padding);
}
.b-cal-agenda-header-date {
  width: var(--b-agenda-view-date-width);
}
.b-cal-agenda-header-time {
  width: var(--b-agenda-view-time-width);
}

/* build/temp-entry-Calendar.css */