.sf-re-content,
.sf-re-repeat-on-week-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--sf-spacing-16);
}
.sf-re-container-width-50 {
  width: 50%;
}
.sf-re-row,
.sf-re-repeat-week-button-container,
.sf-re-month-day-row,
.sf-re-week-number-day-mode-row {
  display: flex;
  flex-direction: row;
  gap: var(--sf-spacing-16);
  align-items: center;
}
.sf-re-align-end {
  display: flex;
  align-items: end;
}
.sf-re-day-radio-button {
  display: flex;
  align-items: center;
}
.sf-re-repeat-week-button-container {
  gap: var(--sf-spacing-12);
  flex-wrap: wrap;
}
.sf-re-week-button {
  border-radius: var(--sf-radius-full);
  height: var(--sf-spacing-40);
  width: var(--sf-spacing-40);
}
.sf-scheduler {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  user-select: none;
}
.sf-scheduler .sf-appointment.sf-drag-clone {
  visibility: hidden;
}
.sf-scheduler .sf-appointment .sf-resize-container {
  width: 100%;
  height: 100%;
}
.sf-scheduler .sf-table-container,
.sf-scheduler .sf-table-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  height: 100%;
}
.sf-scheduler .sf-scheduler-toolbar-container {
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-toolbar-item button {
  border-radius: calc(var(--sf-radius) * 1.875);
  font-size: var(--sf-font-size-sm);
}
.sf-scheduler .sf-previous-icon,
.sf-scheduler .sf-next-icon {
  border: none;
  padding-inline: var(--sf-spacing-10);
  padding-block: var(--sf-spacing-8);
}
.sf-scheduler .sf-previous-icon svg,
.sf-scheduler .sf-next-icon svg {
  height: var(--sf-spacing-24);
  width: var(--sf-spacing-20);
}
.sf-scheduler .sf-main-scroll-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
}
.sf-scheduler .sf-sticky-header {
  position: sticky;
  top: 0;
  z-index: 10;
}
.sf-scheduler .sf-header-section {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
  min-width: max-content;
}
.sf-scheduler .sf-header-section .sf-date-header {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sf-scheduler .sf-vertical-view,
.sf-scheduler .sf-agenda-view {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.sf-scheduler .sf-all-day-appointment-section {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 auto;
  position: absolute;
  inset: auto 0 8px 0;
  height: var(--sf-spacing-32);
  width: var(--sf-spacing-32);
}
.sf-scheduler .sf-appointment-collapse {
  transform: rotate(180deg);
}
.sf-scheduler .sf-event-resize.sf-top-handler, .sf-scheduler .sf-event-resize.sf-bottom-handler {
  position: absolute;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 20%;
  min-block-size: 1px;
  max-block-size: 14px;
  cursor: ns-resize;
}
.sf-scheduler .sf-event-resize.sf-left-handler, .sf-scheduler .sf-event-resize.sf-right-handler {
  position: absolute;
  inset-block: 0;
  block-size: 100%;
  inline-size: 20%;
  min-inline-size: 1px;
  max-inline-size: 14px;
  cursor: ew-resize;
}
.sf-scheduler .sf-event-resize.sf-top-handler {
  inset-block-start: 0;
}
.sf-scheduler .sf-event-resize.sf-bottom-handler {
  inset-block-end: 0;
}
.sf-scheduler .sf-event-resize.sf-left-handler {
  inset-inline-start: 0;
}
.sf-scheduler .sf-event-resize.sf-right-handler {
  inset-inline-end: 0;
}
.sf-scheduler .sf-mob-resize-dot {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: var(--sf-radius-full);
  border: 1px solid rgba(var(--sf-color-primary));
  background: currentColor;
  opacity: 0.9;
  pointer-events: auto;
  top: 54%;
  left: 50%;
}
.sf-scheduler .sf-mob-resize-dot.sf-mob-left-resize-handler {
  inset-block-start: 50%;
  inset-inline-start: 4%;
  transform: translate(-50%, -50%);
}
.sf-scheduler .sf-mob-resize-dot.sf-mob-right-resize-handler {
  inset-block-start: 50%;
  inset-inline-end: 4%;
  transform: translate(50%, -50%);
}
.sf-scheduler .sf-mob-resize-dot.sf-mob-top-resize-handler {
  inset-inline-start: 50%;
  inset-block-start: 6%;
  transform: translate(-50%, -50%);
}
.sf-scheduler .sf-mob-resize-dot.sf-mob-bottom-resize-handler {
  inset-block-start: 50%;
  inset-inline-end: 6%;
  transform: translate(-50%, 50%);
}
.sf-scheduler .sf-header-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: calc(var(--sf-spacing) * 5.375);
  min-height: calc(var(--sf-spacing) * 5.375);
}
.sf-scheduler .sf-header-cells {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(var(--sf-spacing) * 3.125);
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
  gap: var(--sf-spacing-4);
}
.sf-scheduler .sf-all-day-row {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  transition: height 0.3s ease;
  width: 100%;
  height: auto;
}
.sf-scheduler .sf-all-day-cell {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow: visible;
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-date-header-container {
  flex: 1;
  position: relative;
}
.sf-scheduler .sf-header-date {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--sf-font-size-2xl);
  line-height: var(--sf-line-height-2xl);
  width: calc(var(--sf-spacing) * 2.875);
  height: calc(var(--sf-spacing) * 2.875);
  border-radius: 50%;
  cursor: pointer;
}
.sf-scheduler .sf-header-date:hover {
  background: rgba(var(--sf-color-on-surface), 0.05);
}
.sf-scheduler .sf-left-indent {
  display: flex;
  flex-direction: column;
  width: calc(var(--sf-spacing) * 6.25);
  flex-shrink: 0;
  position: sticky;
  left: 0;
  z-index: 5;
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-time-cells-wrap {
  width: calc(var(--sf-spacing) * 6.25);
  overflow-y: hidden;
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-scheduler-table {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.sf-scheduler .sf-vertical-view .sf-time-slots {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--sf-spacing-40);
  padding: var(--sf-spacing-8) var(--sf-spacing-16);
  font-size: var(--sf-font-size-sm);
  line-height: var(--sf-line-height-sm);
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
}
.sf-scheduler .sf-vertical-view .sf-time-slots.sf-time-cells {
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-vertical-view .sf-time-slots.sf-time-cells:last-child {
  border-bottom: none;
}
.sf-scheduler .sf-vertical-view .sf-time-slots.sf-hide-children > span {
  display: none;
}
.sf-scheduler .sf-week-number {
  height: calc(var(--sf-spacing) * 5.375);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
  font-size: var(--sf-font-size-sm);
}
.sf-scheduler .sf-day-view .sf-header-cells {
  align-items: start;
  padding-inline-start: var(--sf-spacing-8);
  padding-block-start: var(--sf-spacing-4);
}
.sf-scheduler .sf-day-view .sf-header-date {
  cursor: default;
}
.sf-scheduler .sf-day-view .sf-header-date:hover {
  text-decoration: none;
}
.sf-scheduler .sf-day-view .sf-header-day {
  padding-inline-start: var(--sf-spacing-8);
}
.sf-scheduler .sf-header-day {
  font-size: var(--sf-font-size-sm);
  line-height: var(--sf-line-height-sm);
  text-transform: uppercase;
  letter-spacing: var(--sf-letter-spacing-wide);
}
.sf-scheduler .sf-right-section {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sf-scheduler .sf-table-wrap > :not(.sf-agenda-view) .sf-content-section {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-width: max-content;
}
.sf-scheduler .sf-work-cells-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 1;
}
.sf-scheduler .sf-work-cells-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: var(--sf-spacing-40);
}
.sf-scheduler .sf-work-cells-row:last-child .sf-work-cells,
.sf-scheduler .sf-work-cells-row:last-child .sf-work-cells.sf-alternate-cells {
  border-bottom: none;
}
.sf-scheduler .sf-day-view .sf-work-cells,
.sf-scheduler .sf-week-view .sf-work-cells,
.sf-scheduler .sf-work-week-view .sf-work-cells {
  flex: 1;
  width: calc(var(--sf-spacing) * 3.125);
  overflow: visible;
  border-block-end: 1px solid rgba(var(--sf-color-outline-variant));
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-day-view .sf-work-cells.sf-alternate-cells,
.sf-scheduler .sf-week-view .sf-work-cells.sf-alternate-cells,
.sf-scheduler .sf-work-week-view .sf-work-cells.sf-alternate-cells {
  border-bottom-style: dashed;
}
.sf-scheduler .sf-day-view .sf-header-day,
.sf-scheduler .sf-week-view .sf-header-day,
.sf-scheduler .sf-work-week-view .sf-header-day {
  padding-block-start: var(--sf-spacing-4);
}
.sf-scheduler .sf-more-indicator {
  font-size: var(--sf-font-size-xs);
  position: absolute;
  inset: auto var(--sf-spacing-8) var(--sf-spacing-8);
  line-height: var(--sf-line-height-xs);
  z-index: 2;
}
.sf-scheduler .sf-month-view .sf-header-section {
  border: none;
}
.sf-scheduler .sf-month-view .sf-header-row {
  height: var(--sf-spacing-36);
  min-height: var(--sf-spacing-36);
}
.sf-scheduler .sf-month-view .sf-date-header-container {
  display: flex;
  align-items: center;
  height: var(--sf-spacing-36);
  flex: none;
}
.sf-scheduler .sf-month-view .sf-header-cells {
  padding: var(--sf-spacing-8);
  width: var(--sf-spacing-36);
}
.sf-scheduler .sf-month-view .sf-left-indent {
  width: calc(var(--sf-spacing) * 3.75);
}
.sf-scheduler .sf-month-view .sf-week-number {
  min-height: calc(var(--sf-spacing) * 7.75);
  padding-top: 6px;
  color: rgba(var(--sf-color-on-surface));
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-month-view .sf-week-number:last-child {
  border-bottom: none;
}
.sf-scheduler .sf-month-view .sf-week-number-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sf-scheduler .sf-month-view .sf-right-section {
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-month-view .sf-work-cells-row {
  min-height: calc(var(--sf-spacing) * 7.75);
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-month-view .sf-work-cells-row:last-child {
  border-bottom: none;
}
.sf-scheduler .sf-month-view .sf-work-cells {
  flex: 1;
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
  display: flex;
  flex-direction: column;
}
.sf-scheduler .sf-month-view .sf-work-cells .sf-date-header-container {
  justify-content: space-between;
  padding: var(--sf-spacing-8);
  height: var(--sf-spacing-36);
}
.sf-scheduler .sf-month-view .sf-work-cells .sf-date-header {
  font-size: var(--sf-font-size-sm);
  line-height: var(--sf-line-height-sm);
}
.sf-scheduler .sf-month-view .sf-work-cells.sf-current-date .sf-date-header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--sf-spacing-24);
  width: var(--sf-spacing-24);
  border-radius: 50%;
  padding: 0;
}
.sf-scheduler .sf-month-view .sf-work-cells .sf-appointment-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.sf-scheduler .sf-month-view .sf-content-table {
  flex: 1;
}
.sf-scheduler .sf-month-view .sf-content-table.sf-hide-dates .sf-other-month {
  visibility: hidden;
}
.sf-scheduler .sf-month-view .sf-header-day {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.sf-scheduler .sf-month-view .sf-resource-group-month-header .sf-date-header-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto;
  flex: 1 1 auto;
}
.sf-scheduler .sf-month-view .sf-resource-group-month-header .sf-date-header-container .sf-resource-header .sf-resource-header-cell.sf-header-cells {
  height: var(--sf-spacing-36);
  width: calc(var(--sf-spacing) * 3.125);
}
.sf-scheduler .sf-month-view .sf-resource-group-month-cell {
  width: calc(var(--sf-spacing) * 3.125);
}
.sf-scheduler .sf-agenda-view {
  letter-spacing: var(--sf-letter-spacing-wide);
}
.sf-scheduler .sf-agenda-view .sf-empty-state {
  font-size: var(--sf-font-size-sm);
  line-height: var(--sf-line-height-sm);
  padding: var(--sf-spacing-28) var(--sf-spacing-12);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sf-scheduler .sf-agenda-view .sf-date-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
}
.sf-scheduler .sf-agenda-view .sf-agenda-date-label {
  width: 120px;
  padding: var(--sf-spacing-12) var(--sf-spacing-72) var(--sf-spacing-12) var(--sf-spacing-20);
  flex-shrink: 0;
}
.sf-scheduler .sf-agenda-view .sf-agenda-date-label .sf-agenda-date-number {
  font-size: var(--sf-font-size-base);
  line-height: var(--sf-line-height-base);
}
.sf-scheduler .sf-agenda-view .sf-agenda-date-label .sf-agenda-date-name {
  font-size: var(--sf-font-size-xs);
  line-height: var(--sf-line-height-xs);
}
.sf-scheduler .sf-agenda-view .sf-appointment .sf-location {
  font-size: var(--sf-font-size-xs);
  line-height: var(--sf-line-height-xs);
}
.sf-scheduler .sf-agenda-view .sf-appointment .sf-time {
  font-size: var(--sf-font-size-xs);
  line-height: var(--sf-line-height-xs);
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container {
  flex: 1;
  min-width: 0;
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-agenda-event-list {
  display: flex;
  flex-direction: column;
  margin: var(--sf-spacing-0);
  padding: var(--sf-spacing-8) var(--sf-spacing-0);
  gap: var(--sf-spacing-16);
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-appointment {
  display: flex;
  flex-direction: row;
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-appointment-details {
  width: 100%;
  padding: var(--sf-spacing-8) var(--sf-spacing-12);
  border-inline-start: 2px solid var(--sf-event-color, rgba(var(--sf-color-primary)));
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-subject-wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  gap: var(--sf-spacing-6);
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-subject {
  font-size: var(--sf-font-size-sm);
  line-height: var(--sf-line-height-sm);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 1 auto;
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-agenda-no-events {
  height: 100%;
  display: block;
  padding: var(--sf-spacing-28) var(--sf-spacing-12);
  font-size: var(--sf-font-size-sm);
  line-height: var(--sf-line-height-sm);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-location {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 1 auto;
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-event-recurrence-icon {
  flex: none;
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-time {
  padding-top: var(--sf-spacing-4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.sf-scheduler .sf-agenda-view .sf-agenda-resource-rows,
.sf-scheduler .sf-agenda-view .sf-agenda-resource-children {
  width: 100%;
}
.sf-scheduler .sf-agenda-view .sf-agenda-resource-row.sf-agenda-resource-row-leaf {
  display: flex;
}
.sf-scheduler .sf-agenda-view .sf-agenda-resource-row.sf-agenda-resource-row-leaf > .sf-agenda-events-container {
  padding-inline-start: var(--sf-spacing-8);
}
.sf-scheduler .sf-agenda-view .sf-agenda-resource-row.sf-agenda-resource-row-branch {
  display: flex;
}
.sf-scheduler .sf-agenda-view .sf-agenda-date-group {
  display: flex;
}
.sf-scheduler .sf-agenda-view .sf-agenda-date-group .sf-agenda-resource-rows {
  border-inline-start: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-agenda-view .sf-agenda-date-group .sf-agenda-resource-group-by-date {
  border-block-end: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-agenda-view .sf-agenda-resource-name {
  padding: var(--sf-spacing-8);
  min-width: calc(var(--sf-spacing) * 7.25);
  width: calc(var(--sf-spacing) * 7.25);
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
  border-block-end: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-agenda-view .sf-agenda-resource-content {
  width: 100%;
}
.sf-scheduler .sf-agenda-view .sf-agenda-resource-content > .sf-agenda-date-group:last-child .sf-agenda-date-label {
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-agenda-view .sf-agenda-resource-content:has(.sf-empty-state) {
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-custom-weeks {
  --cell-height: calc(100% / var(--week-count, 1));
}
.sf-scheduler .sf-custom-weeks .sf-week-number,
.sf-scheduler .sf-custom-weeks .sf-work-cells-row {
  height: var(--cell-height);
  min-height: calc(var(--sf-spacing) * 7.75);
}
.sf-scheduler .sf-content-wrap {
  flex: 1;
  position: relative;
}
.sf-scheduler .sf-table-wrap > :not(.sf-agenda-view) .sf-subject, .sf-scheduler .sf-more-popup-wrapper .sf-subject {
  padding: 0;
  flex: 1;
  font-size: var(--sf-font-size-xs);
  line-height: var(--sf-line-height-xs);
  font-weight: var(--sf-font-weight-medium);
}
.sf-scheduler .sf-table-wrap > :not(.sf-agenda-view) .sf-subject.sf-text-center, .sf-scheduler .sf-more-popup-wrapper .sf-subject.sf-text-center {
  text-align: center;
}
.sf-scheduler .sf-content-wrap .sf-event-container {
  display: flex;
}
.sf-scheduler .sf-content-wrap .sf-event-container .sf-subject {
  line-height: var(--sf-line-height-sm);
  padding-inline: var(--sf-spacing-4);
  padding-block-start: var(--sf-spacing-2);
  word-wrap: break-word;
}
.sf-scheduler .sf-day-wrapper {
  flex: 1;
  position: relative;
  overflow: visible;
  width: calc(var(--sf-spacing) * 3.125);
}
.sf-scheduler .sf-day-wrapper .sf-appointment {
  margin-inline-start: var(--sf-spacing-2);
}
.sf-scheduler .sf-content-table {
  width: 100%;
  height: 100%;
  position: relative;
}
.sf-scheduler .sf-current-time {
  position: absolute;
  left: 0;
  font-size: var(--sf-font-size-xs);
  white-space: nowrap;
  pointer-events: none;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
.sf-scheduler .sf-current-timeline,
.sf-scheduler .sf-previous-timeline {
  position: absolute;
  pointer-events: none;
  z-index: 4;
}
.sf-scheduler .sf-vertical-view .sf-appointment,
.sf-scheduler .sf-timeline-view .sf-appointment {
  position: absolute;
  cursor: pointer;
  height: var(--sf-spacing-24);
  width: calc(100% - 4px);
  inset: var(--sf-spacing-4) var(--sf-spacing-4) var(--sf-spacing-4) 0;
  z-index: 2;
}
.sf-scheduler .sf-vertical-view .sf-appointment .sf-inner-appointment,
.sf-scheduler .sf-timeline-view .sf-appointment .sf-inner-appointment {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.sf-scheduler .sf-vertical-view .sf-appointment .sf-event-time,
.sf-scheduler .sf-vertical-view .sf-appointment .sf-event-location,
.sf-scheduler .sf-timeline-view .sf-appointment .sf-event-time,
.sf-scheduler .sf-timeline-view .sf-appointment .sf-event-location {
  font-size: var(--sf-font-size-xs);
  padding-inline: var(--sf-spacing-4);
  padding-block-end: var(--sf-spacing-2);
  line-height: var(--sf-line-height-xs);
}
.sf-scheduler .sf-vertical-view .sf-appointment .sf-time,
.sf-scheduler .sf-timeline-view .sf-appointment .sf-time {
  font-size: var(--sf-font-size-xs);
  line-height: var(--sf-line-height-xs);
  white-space: nowrap;
}
.sf-scheduler .sf-vertical-view .sf-block-appointment .sf-inner-appointment {
  height: 100%;
  overflow: hidden;
}
.sf-scheduler .sf-vertical-view .sf-current-timeline,
.sf-scheduler .sf-vertical-view .sf-previous-timeline {
  height: 1px;
  width: 100%;
}
.sf-scheduler .sf-vertical-view .sf-current-timeline {
  border-top: 1px solid rgba(var(--sf-color-primary));
}
.sf-scheduler .sf-vertical-view .sf-previous-timeline {
  border-top: 1px dashed rgba(var(--sf-color-primary));
}
.sf-scheduler .sf-timeline-view .sf-appointment {
  height: calc(var(--sf-spacing) * 2.375);
}
.sf-scheduler .sf-timeline-view .sf-block-appointment {
  height: calc(100% - 1px);
}
.sf-scheduler .sf-timeline-view .sf-block-appointment .sf-inner-appointment {
  overflow: hidden;
}
.sf-scheduler .sf-timeline-view .sf-current-time {
  top: 50%;
  width: max-content;
  transform: translateY(0);
  z-index: 4;
  inset-inline-start: calc(var(--sf-timeline-indicator-position, 0) - 20px);
}
.sf-scheduler .sf-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sf-scheduler .sf-indicator .sf-icon-size {
  height: var(--sf-font-size-xs);
  width: var(--sf-font-size-xs);
}
.sf-scheduler .sf-up-icon {
  margin-top: 4px;
}
.sf-scheduler .sf-down-icon {
  position: absolute;
  bottom: 6px;
  left: 45%;
}
.sf-scheduler .sf-appointment-details {
  display: block;
  align-items: center;
  height: 100%;
  padding-inline: var(--sf-spacing-4);
  gap: var(--sf-spacing-4);
}
.sf-scheduler .sf-month-view .sf-appointment-details,
.sf-scheduler .sf-header-section .sf-event-clone .sf-appointment-details,
.sf-scheduler .sf-header-section .sf-all-day-row .sf-appointment-details {
  display: flex;
}
.sf-scheduler .sf-event-recurrence-icon, .sf-scheduler .sf-event-recurrence-edit-icon {
  display: flex;
}
.sf-scheduler .sf-event-recurrence-icon .sf-icon-size, .sf-scheduler .sf-event-recurrence-edit-icon .sf-icon-size {
  font-size: var(--sf-font-size-xs);
}
.sf-scheduler .sf-content-wrap .sf-event-recurrence-icon, .sf-scheduler .sf-content-wrap .sf-event-recurrence-edit-icon, .sf-scheduler .sf-time-slot-clone-container .sf-event-recurrence-icon, .sf-scheduler .sf-time-slot-clone-container .sf-event-recurrence-edit-icon, .sf-scheduler .sf-content-table .sf-event-recurrence-icon, .sf-scheduler .sf-content-table .sf-event-recurrence-edit-icon {
  position: absolute;
  inset-block-end: var(--sf-spacing-5);
  inset-inline-end: var(--sf-spacing-5);
}
.sf-scheduler .sf-block-indicator {
  line-height: var(--sf-line-height-xs);
}
.sf-scheduler .sf-table-wrap > :not(.sf-agenda-view) .sf-content-section .sf-subject {
  padding-inline: var(--sf-spacing-4);
}
.sf-scheduler .sf-block-appointment {
  position: absolute;
  height: 100%;
  width: 100%;
  font-size: var(--sf-font-size-sm);
  z-index: 1;
}
.sf-scheduler .sf-block-appointment .sf-subject {
  overflow: hidden;
  font-size: var(--sf-font-size-sm);
  line-height: var(--sf-line-height-sm);
  padding-inline: var(--sf-spacing-12) var(--sf-spacing-4);
  padding-block: var(--sf-spacing-12) var(--sf-spacing-4);
  font-weight: var(--sf-font-weight-normal);
}
.sf-scheduler .sf-read-only {
  opacity: 0.8;
  cursor: default;
}
.sf-scheduler .sf-day-clone-container,
.sf-scheduler .sf-time-slot-clone-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.sf-scheduler .sf-timescale-disabled .sf-work-cells-row {
  height: 100%;
}
.sf-scheduler .sf-timescale-disabled .sf-resize-container {
  display: flex;
  width: 100%;
}
.sf-scheduler .sf-timescale-disabled .sf-day-wrapper .sf-appointment-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: start;
  gap: 0;
}
.sf-scheduler .sf-timescale-disabled .sf-day-wrapper .sf-appointment-details .sf-subject {
  flex: 0;
}
.sf-scheduler .sf-timescale-disabled .sf-inner-appointment {
  display: flex;
}
.sf-scheduler.sf-rtl .sf-previous-icon svg,
.sf-scheduler.sf-rtl .sf-next-icon svg,
.sf-scheduler.sf-rtl .sf-month-view .sf-appointment svg,
.sf-scheduler.sf-rtl .sf-all-day-appointment svg {
  transform: rotate(180deg);
}
.sf-scheduler .sf-dragging, .sf-scheduler .sf-resizing {
  opacity: 0.4;
}
.sf-scheduler .sf-vertical-view .sf-event-clone {
  box-sizing: border-box;
  z-index: 1000;
  border: 2px solid rgba(var(--sf-color-on-surface));
  box-shadow: var(--sf-elevation-3), var(--sf-elevation-3);
}
.sf-scheduler .sf-vertical-view .sf-event-clone .sf-subject {
  line-height: var(--sf-line-height-sm);
  padding-inline: var(--sf-spacing-4);
  padding-block-start: var(--sf-spacing-2);
  word-wrap: break-word;
}
.sf-scheduler .sf-tooltip {
  position: relative;
  overflow: hidden;
}
.sf-scheduler .sf-timeline-grid {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.sf-scheduler .sf-timeline-grid .sf-timeline-events-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  inset: 0;
}
.sf-scheduler .sf-timeline-grid .sf-timeline-events-container .sf-timeline-event-row {
  position: relative;
  flex: 1 0 auto;
  min-height: calc(var(--sf-spacing) * 5);
}
.sf-scheduler .sf-timeline-view {
  height: 100%;
  --sf-timeline-resource-column-width: 200px;
}
.sf-scheduler .sf-timeline-view .sf-main-scroll-container {
  display: block;
}
.sf-scheduler .sf-timeline-view .sf-appointment {
  border: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-timeline-view .sf-appointment .sf-inner-appointment {
  display: flex;
  flex-direction: row;
}
.sf-scheduler .sf-timeline-view .sf-appointment .sf-appointment-details {
  width: 100%;
  padding: var(--sf-spacing-2) var(--sf-spacing-4);
}
.sf-scheduler .sf-timeline-view .sf-appointment .sf-appointment-details .sf-subject {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sf-scheduler .sf-timeline-view .sf-work-cells-row {
  height: 100%;
  min-height: calc(var(--sf-spacing) * 5);
  position: relative;
  z-index: 1;
}
.sf-scheduler .sf-timeline-view .sf-sticky-header {
  display: flex;
  min-width: max-content;
  background: rgba(var(--sf-color-surface));
}
.sf-scheduler .sf-timeline-view .sf-header-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sf-scheduler .sf-timeline-view .sf-header-row {
  position: relative;
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
  min-width: max-content;
  height: auto;
  min-height: auto;
  font-size: var(--sf-font-size-sm);
}
.sf-scheduler .sf-timeline-view .sf-header-row .sf-time-slots {
  padding: var(--sf-spacing-4) var(--sf-spacing-8);
  white-space: nowrap;
  min-width: calc(var(--sf-spacing) * 5.375);
  width: calc(var(--sf-spacing) * 5.375);
  height: var(--sf-timeline-header-height, auto);
  flex: 1 0 auto;
  border-inline-start: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-timeline-view .sf-header-row .sf-time-slots.sf-time-cells {
  border-inline-start: none;
}
.sf-scheduler .sf-timeline-view .sf-header-row .sf-time-slots:first-child {
  border-inline-start: none;
}
.sf-scheduler .sf-timeline-view .sf-header-row .sf-header-row-cells {
  display: flex;
  align-items: center;
  border-inline-start: 1px solid rgba(var(--sf-color-outline-variant));
  height: calc(var(--sf-spacing) * 2.375);
  min-width: calc(var(--sf-spacing) * 5.375);
  width: calc(var(--sf-spacing) * 5.375 * var(--sf-scheduler-col-span, 1));
  flex: var(--sf-scheduler-col-span, 1) 0 auto;
}
.sf-scheduler .sf-timeline-view .sf-header-row .sf-header-row-cells > span {
  position: sticky;
  padding: var(--sf-spacing-0) var(--sf-spacing-10);
  white-space: nowrap;
  inset-inline-start: 0;
}
.sf-scheduler .sf-timeline-view .sf-header-row .sf-header-row-cells:first-child {
  border-inline-start: none;
}
.sf-scheduler .sf-timeline-view .sf-header-row .sf-day-header.sf-header-row-cells {
  min-width: calc(var(--sf-spacing) * 5.375);
  width: calc(var(--sf-spacing) * 5.375);
  flex: 1 0 auto;
}
.sf-scheduler .sf-timeline-view .sf-work-cells {
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
  min-width: calc(var(--sf-spacing) * 5.375);
  width: calc(var(--sf-spacing) * 5.375 * var(--sf-scheduler-col-span, 1));
  border-inline-start: 1px solid rgba(var(--sf-color-outline-variant));
  flex: var(--sf-scheduler-col-span, 1) 0 auto;
}
.sf-scheduler .sf-timeline-view .sf-work-cells.sf-alternate-cells {
  border-inline-start: 1px dashed rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-timeline-view .sf-work-cells:first-child {
  border-inline-start: none;
}
.sf-scheduler .sf-timeline-view .sf-resource-left-indent {
  left: 0;
  right: 0;
  width: 200px;
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-timeline-view .sf-timeline-resource-column-wrapper {
  left: 0;
  right: 0;
  z-index: 5;
}
.sf-scheduler .sf-timeline-view .sf-timeline-resource-column {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  width: 200px;
}
.sf-scheduler .sf-timeline-view .sf-timeline-resource-row {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: var(--sf-font-size-sm);
  background: rgba(var(--sf-color-surface));
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
  min-height: calc(var(--sf-spacing) * 5);
  padding-inline-start: calc(var(--sf-scheduler-resource-level, 1) * var(--sf-spacing-24));
  padding-inline-end: var(--sf-spacing-8);
}
.sf-scheduler .sf-timeline-view .sf-resource-tree-icon {
  cursor: pointer;
  padding-inline-end: var(--sf-spacing-8);
}
.sf-scheduler .sf-timeline-view .sf-block-indicator {
  position: absolute;
  inset-block-end: 2px;
  z-index: 2;
}
.sf-scheduler .sf-timeline-view .sf-more-indicator {
  padding-inline-start: var(--sf-spacing-8);
}
.sf-scheduler .sf-timeline-view .sf-resource-row-auto-height .sf-work-cells-row,
.sf-scheduler .sf-timeline-view .sf-resource-row-auto-height .sf-timeline-event-row,
.sf-scheduler .sf-timeline-view .sf-resource-row-auto-height .sf-timeline-resource-row {
  flex: 0 0 auto;
  height: var(--sf-scheduler-resource-row-height);
}
.sf-scheduler .sf-timeline-view .sf-current-timeline {
  top: 0;
  bottom: 0;
  border-inline-start: 1px dashed rgba(var(--sf-color-primary));
}
.sf-scheduler .sf-resource-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
  min-height: var(--sf-spacing-32);
  align-items: stretch;
  min-width: max-content;
}
.sf-scheduler .sf-resource-header.sf-resource-header-last-level {
  border-bottom: none;
}
.sf-scheduler .sf-resource-header-cell {
  height: var(--sf-spacing-48);
  flex: var(--sf-scheduler-col-span, 1) 0 auto;
  min-width: calc(var(--sf-spacing) * 3.125 * var(--sf-scheduler-col-span, 1));
  width: calc(var(--sf-spacing) * 3.125 * var(--sf-scheduler-col-span, 1));
  display: flex;
  align-items: center;
  padding: var(--sf-spacing-4) var(--sf-spacing-8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
  box-sizing: border-box;
}
.sf-scheduler .sf-sidebar {
  width: 220px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 8px 12px 6px rgba(0, 0, 0, 0.15);
  overflow: auto;
}
.sf-scheduler .sf-compact-header {
  display: flex;
  padding: var(--sf-spacing-8) var(--sf-spacing-12);
  align-items: center;
}
.sf-scheduler .sf-compact-menu-btn {
  width: var(--sf-spacing-32);
  height: var(--sf-spacing-32);
  cursor: pointer;
}
.sf-scheduler .sf-compact-breadcrumb {
  overflow: hidden;
  padding: var(--sf-spacing-4) var(--sf-spacing-12);
}
.sf-scheduler .sf-compact-breadcrumb-level {
  display: inline-flex;
  align-items: center;
}
.sf-scheduler .sf-resource-name {
  padding: var(--sf-spacing-2) var(--sf-spacing-8);
  letter-spacing: var(--sf-letter-spacing-wide);
}
.sf-scheduler-dialog .sf-dialog-content {
  flex-direction: column;
  gap: var(--sf-spacing-20);
}
.sf-scheduler-dialog .sf-editor-fields-row {
  flex-direction: row;
  gap: var(--sf-spacing-16);
}
.sf-scheduler-dialog .sf-editor-fields-row .sf-form-error {
  position: absolute;
}
.sf-scheduler-dialog .sf-editor-field-container {
  flex: 1;
}
.sf-scheduler-dialog .sf-description-row .sf-event-description {
  width: 100%;
}
.sf-scheduler-dialog .sf-delete-event {
  margin-inline-end: auto;
}
.sf-scheduler-dialog .sf-all-day-time-zone-row {
  gap: var(--sf-spacing-16);
}
.sf-quickinfo-popup-wrapper.sf-popup {
  border-radius: var(--sf-radius-8);
  min-width: calc(var(--sf-spacing) * 20);
  max-width: calc(var(--sf-spacing) * 22.875);
}
.sf-quickinfo-popup-wrapper .sf-popup-close {
  border-radius: calc(var(--sf-radius) * 1.875);
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-footer {
  padding: var(--sf-spacing-12) var(--sf-spacing-20);
  justify-content: end;
  gap: var(--sf-spacing-8);
  border-top: none;
  border-radius: var(--sf-radius-0) var(--sf-radius-0) var(--sf-radius-8) var(--sf-radius-8);
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-header {
  padding: var(--sf-spacing-16) var(--sf-spacing-20) var(--sf-spacing-0) var(--sf-spacing-20);
  align-items: center;
  border-bottom: none;
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-header .sf-popup-event-subject {
  flex: 1;
  font-size: var(--sf-font-size-base);
  line-height: var(--sf-line-height-base);
  font-weight: var(--sf-font-weight-medium);
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-header .sf-btn.sf-popup-close {
  padding: var(--sf-spacing-9);
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-header .sf-btn.sf-popup-close .sf-btn-icon svg {
  font-size: var(--sf-font-size-base);
}
.sf-quickinfo-popup-wrapper .sf-icon-size {
  font-size: var(--sf-font-size-xl);
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-content {
  display: flex;
  flex-direction: column;
  font-size: var(--sf-font-size-sm);
  line-height: var(--sf-line-height-sm);
  padding: var(--sf-spacing-16) var(--sf-spacing-20) var(--sf-spacing-12) var(--sf-spacing-20);
  gap: var(--sf-spacing-16);
}
.sf-quickinfo-popup-wrapper .sf-cell-time,
.sf-quickinfo-popup-wrapper .sf-location,
.sf-quickinfo-popup-wrapper .sf-time-zone,
.sf-quickinfo-popup-wrapper .sf-rule-summary,
.sf-quickinfo-popup-wrapper .sf-description,
.sf-quickinfo-popup-wrapper .sf-resource-details {
  align-items: center;
  gap: var(--sf-spacing-12);
}
.sf-more-popup-wrapper {
  border-radius: 4px;
  min-width: calc(var(--sf-spacing) * 13.25);
  max-height: calc(var(--sf-spacing) * 18.75);
  padding: 0 var(--sf-spacing-12) var(--sf-spacing-12);
}
.sf-more-popup-wrapper.sf-popup .sf-appointment {
  display: flex;
  position: relative;
  cursor: pointer;
  height: var(--sf-spacing-24);
  width: calc(100% - 4px);
  padding: var(--sf-spacing-5) var(--sf-spacing-10);
}
.sf-more-popup-wrapper .sf-more-event-header {
  height: var(--sf-spacing-48);
  font-size: var(--sf-font-size-base);
  display: flex;
  align-items: center;
  padding: var(--sf-spacing-16) var(--sf-spacing-4) var(--sf-spacing-8);
}
.sf-more-popup-wrapper .sf-more-event-date-header {
  flex: 1;
}
.sf-more-popup-wrapper .sf-more-event-content {
  display: flex;
  flex-direction: column;
  gap: var(--sf-spacing-4);
  overflow-y: auto;
  max-height: calc(var(--sf-spacing) * 9.375);
}
.sf-mobile-popup {
  position: fixed;
  inset: 0;
  height: 100%;
  margin: 0;
  max-height: 100%;
  overflow: hidden;
  z-index: 1004;
}
.sf-mobile-popup.sf-more-popup-wrapper .sf-more-event-content .sf-appointment {
  padding: var(--sf-spacing-5) var(--sf-spacing-10);
  font-size: var(--sf-font-size-xs);
}
.sf-tooltip-wrap.sf-scheduler-tooltip .sf-tooltip-content {
  display: flex;
  flex-direction: column;
  padding: var(--sf-spacing-8);
  gap: var(--sf-spacing-8);
}
.sf-tooltip-wrap.sf-scheduler-tooltip .sf-scheduler-tooltip-subject {
  font-weight: var(--sf-font-weight-medium);
}
.sf-tooltip-wrap.sf-scheduler-tooltip .sf-scheduler-tooltip-text {
  display: flex;
  flex-direction: column;
  gap: var(--sf-spacing-4);
}
.sf-resource-item-template {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sf-spacing-12);
}
.sf-resource-item-template .sf-resource-color-indicator {
  width: 14px;
  height: 14px;
  background-color: var(--sf-resource-color);
}
@media (max-width: 560px) {
  .sf-scheduler .sf-time-cells-wrap,
  .sf-scheduler .sf-left-indent {
    width: calc(var(--sf-spacing) * 3.125);
  }
  .sf-scheduler .sf-vertical-view .sf-time-slots {
    padding: 0;
  }
  .sf-scheduler .sf-scheduler-toolbar-container .sf-toolbar-popup-items .sf-view-button {
    border: none;
  }
  .sf-scheduler .sf-agenda-view .sf-agenda-date-label {
    width: 80px;
    padding: var(--sf-spacing-12) var(--sf-spacing-40) var(--sf-spacing-12) var(--sf-spacing-12);
  }
  .sf-scheduler-dialog .sf-title-location-row {
    flex-direction: column;
  }
}
.sf-external-drag-clone {
  position: absolute;
  cursor: pointer;
  height: var(--sf-spacing-24);
  width: calc(100% - 4px);
  inset: var(--sf-spacing-4) var(--sf-spacing-4) var(--sf-spacing-4) 0;
}
.sf-external-drag-clone.sf-appointment {
  z-index: 10;
}
.sf-external-drag-clone.sf-appointment.sf-drag-clone {
  visibility: hidden;
}
.sf-external-drag-clone .sf-appointment-details {
  display: block;
  align-items: center;
  height: 100%;
  padding-inline: var(--sf-spacing-4);
  gap: var(--sf-spacing-4);
}
.sf-external-drag-clone.sf-month-event .sf-appointment-details {
  display: flex;
}
.sf-external-drag-clone.sf-month-event .sf-appointment-details .sf-subject {
  flex: 1;
}
.sf-external-drag-clone.sf-all-day-appointment .sf-subject, .sf-external-drag-clone.sf-month-event .sf-subject {
  text-align: center;
}
.sf-external-drag-clone .sf-subject {
  line-height: var(--sf-line-height-sm);
  padding-inline: var(--sf-spacing-4);
  padding-block-start: var(--sf-spacing-2);
  word-wrap: break-word;
  font-size: var(--sf-font-size-xs);
  font-weight: var(--sf-font-weight-medium);
}
.sf-external-drag-clone .sf-event-time,
.sf-external-drag-clone .sf-event-location {
  font-size: var(--sf-font-size-xs);
  padding-inline: var(--sf-spacing-4);
  padding-block-end: var(--sf-spacing-2);
  line-height: var(--sf-line-height-xs);
}
.sf-external-drag-clone .sf-time {
  font-size: var(--sf-font-size-xs);
  line-height: var(--sf-line-height-xs);
  white-space: nowrap;
}
.sf-scheduler-cursor-move {
  cursor: move;
}
.sf-cursor-not-allowed .sf-scheduler-toolbar-container .sf-toolbar-item {
  pointer-events: none;
}
.sf-scheduler-cursor-move .sf-header-cells * {
  pointer-events: none;
}
.sf-scheduler {
  background: rgba(var(--sf-color-surface));
  border: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-btn-outlined {
  border: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-toolbar-selected.sf-btn-outlined {
  border: 1px solid rgba(var(--sf-color-primary));
  background: rgba(var(--sf-color-primary), 0.08);
}
.sf-scheduler .sf-toolbar-selected.sf-btn-outlined:hover {
  background: rgba(var(--sf-color-primary), 0.12);
}
.sf-scheduler .sf-resource-header .sf-header-cells.sf-current-day {
  color: rgba(var(--sf-color-primary));
}
.sf-scheduler .sf-date-header {
  border-color: rgba(var(--sf-color-outline-variant));
  border-style: solid;
  border-width: 0;
}
.sf-scheduler .sf-date-header .sf-header-cells {
  background: rgba(var(--sf-color-surface));
  color: rgba(var(--sf-color-on-surface));
}
.sf-scheduler .sf-date-header .sf-current-day {
  color: rgba(var(--sf-color-primary));
}
.sf-scheduler .sf-timeline-view .sf-day-header.sf-current-day {
  color: rgba(var(--sf-color-primary));
}
.sf-scheduler .sf-all-day-appointment-section:hover, .sf-scheduler .sf-all-day-appointment-section:focus {
  background: rgba(var(--sf-color-on-surface), 0.05);
  border-radius: 100%;
}
.sf-scheduler .sf-left-indent,
.sf-scheduler .sf-right-section {
  background: rgba(var(--sf-color-surface));
}
.sf-scheduler .sf-time-cells-wrap {
  background-color: rgba(var(--sf-color-surface));
}
.sf-scheduler .sf-vertical-view .sf-time-slots {
  color: rgba(var(--sf-color-on-surface));
  border-bottom: none;
}
.sf-scheduler .sf-vertical-view .sf-time-slots.sf-time-cells {
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-scheduler .sf-work-cells-row {
  background-color: rgba(var(--sf-color-surface));
  border-color: rgba(var(--sf-color-outline-variant));
  color: rgba(var(--sf-color-on-surface));
}
.sf-scheduler .sf-work-cells,
.sf-scheduler .sf-timescale-disabled .sf-day-wrapper {
  background: linear-gradient(0deg, rgba(var(--sf-color-primary), 0.05), rgba(var(--sf-color-primary), 0.05)), rgba(var(--sf-color-surface));
  color: rgba(var(--sf-color-on-surface));
  padding: 0;
}
.sf-scheduler .sf-work-cells.sf-weekend,
.sf-scheduler .sf-timescale-disabled .sf-day-wrapper.sf-weekend {
  background: linear-gradient(0deg, rgba(var(--sf-color-primary), 0.05), rgba(var(--sf-color-primary), 0.05)), rgba(var(--sf-color-surface));
}
.sf-scheduler .sf-work-cells.sf-work-hours, .sf-scheduler .sf-work-cells.sf-work-days,
.sf-scheduler .sf-timescale-disabled .sf-day-wrapper.sf-work-hours,
.sf-scheduler .sf-timescale-disabled .sf-day-wrapper.sf-work-days {
  background: rgba(var(--sf-color-surface));
}
.sf-scheduler .sf-work-cells:hover,
.sf-scheduler .sf-timescale-disabled .sf-day-wrapper:hover {
  background-color: rgba(var(--sf-color-on-surface), 0.05);
}
.sf-scheduler .sf-work-cells.sf-selected,
.sf-scheduler .sf-timescale-disabled .sf-day-wrapper.sf-selected {
  background-color: rgba(var(--sf-color-primary), 0.2);
}
.sf-scheduler .sf-work-cells:focus,
.sf-scheduler .sf-timescale-disabled .sf-day-wrapper:focus {
  background-color: rgba(var(--sf-color-on-surface), 0.04);
}
.sf-scheduler .sf-vertical-view div.sf-selected-cell {
  background: rgba(var(--sf-color-on-surface), 0.08);
}
.sf-scheduler .sf-current-time {
  color: rgba(var(--sf-color-primary));
}
.sf-scheduler .sf-table-wrap > :not(.sf-agenda-view) .sf-appointment,
.sf-scheduler .sf-more-popup-wrapper .sf-appointment {
  background: rgba(var(--sf-color-primary));
  border-radius: var(--sf-radius-4);
  color: rgba(var(--sf-color-on-primary));
}
.sf-scheduler .sf-table-wrap > :not(.sf-agenda-view) .sf-appointment:focus,
.sf-scheduler .sf-more-popup-wrapper .sf-appointment:focus {
  border: 0;
  box-shadow: var(--sf-elevation-3), var(--sf-elevation-1), var(--sf-elevation-1);
}
.sf-scheduler .sf-more-indicator:focus {
  text-decoration: underline;
}
.sf-scheduler .sf-block-appointment {
  background: linear-gradient(0deg, rgba(var(--sf-color-primary), 0.05), rgba(var(--sf-color-primary), 0.05)), rgba(var(--sf-color-surface));
}
.sf-scheduler .sf-other-month {
  color: rgba(var(--sf-color-on-surface-variant));
}
.sf-scheduler .sf-current-date .sf-date-header,
.sf-scheduler .sf-current-day .sf-header-date {
  background-color: rgba(var(--sf-color-primary));
  color: rgba(var(--sf-color-on-primary));
}
.sf-scheduler .sf-agenda-view {
  color: rgba(var(--sf-color-on-surface));
}
.sf-scheduler .sf-agenda-view .sf-empty-state {
  color: rgba(var(--sf-color-on-surface-variant));
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-appointment.sf-appointment-active {
  background: rgba(var(--sf-color-on-surface), 0.08);
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-appointment:hover {
  background: rgba(var(--sf-color-on-surface), 0.05);
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-appointment:focus {
  background: rgba(var(--sf-color-on-surface), 0.04);
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-event-recurrence-icon,
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-event-recurrence-edit-icon {
  color: rgba(var(--sf-color-on-surface-variant));
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-location {
  color: rgba(var(--sf-color-on-surface-variant));
}
.sf-scheduler .sf-agenda-view .sf-agenda-events-container .sf-agenda-no-events {
  color: rgba(var(--sf-color-on-surface-variant));
}
.sf-scheduler-dialog {
  background: rgba(var(--sf-color-surface));
}
.sf-scheduler-dialog .sf-dlg-footer-content {
  background: rgba(var(--sf-color-surface));
}
.sf-quickinfo-popup-wrapper {
  background: linear-gradient(0deg, rgba(var(--sf-color-primary), 0.08), rgba(var(--sf-color-primary), 0.08)), rgba(var(--sf-color-surface));
  box-shadow: var(--sf-elevation-3), var(--sf-elevation-3);
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-header .sf-btn.sf-popup-close {
  color: rgb(var(--sf-color-on-surface-variant));
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-header .sf-btn.sf-popup-close:hover, .sf-quickinfo-popup-wrapper .sf-quickinfo-popup-header .sf-btn.sf-popup-close:focus {
  color: rgb(var(--sf-color-on-surface-variant));
  background-color: rgb(var(--sf-color-on-surface), 0.1);
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-header .sf-btn.sf-popup-close:active {
  color: rgb(var(--sf-color-on-surface-variant));
  background-color: rgb(var(--sf-color-on-surface), 0.1);
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-content {
  color: rgba(var(--sf-color-on-surface-variant));
}
.sf-quickinfo-popup-wrapper .sf-quickinfo-popup-footer {
  background-color: transparent;
}
.sf-more-popup-wrapper {
  background-color: rgba(var(--sf-color-surface));
  box-shadow: var(--sf-elevation-2), var(--sf-elevation-2);
}
.sf-mobile-popup .sf-more-event-content .sf-appointment {
  background: rgba(var(--sf-color-primary));
  border-radius: var(--sf-radius-4);
  color: rgba(var(--sf-color-on-primary));
}
.sf-mobile-popup .sf-more-event-content .sf-appointment:focus {
  border: 0;
  box-shadow: var(--sf-elevation-3), var(--sf-elevation-1), var(--sf-elevation-1);
}
.sf-external-drag-clone {
  background: rgba(var(--sf-color-primary));
  border-radius: var(--sf-radius-4);
  color: rgba(var(--sf-color-on-primary));
}
.sf-external-drag-clone:focus {
  border: 0;
  box-shadow: var(--sf-elevation-3), var(--sf-elevation-1), var(--sf-elevation-1);
}
.sf-scheduler .sf-compact-header {
  background: linear-gradient(0deg, rgba(var(--sf-color-primary), 0.05), rgba(var(--sf-color-primary), 0.05)), rgba(var(--sf-color-surface));
  border-bottom: 1px solid rgba(var(--sf-color-outline-variant));
  color: rgba(var(--sf-color-on-surface-variant));
}