/* skeletal styles for FullCalendar v7.0.2*/
:root{--fc-sticky-header-footer-z:3;--fc-popover-z:4}.fc-dp{z-index:var(--fc-popover-z)!important}.fc-6T{isolation:isolate}.fc-BO,.fc-BO *,.fc-BO :after,.fc-BO :before{box-sizing:border-box!important}.fc-la,.fc-la *{cursor:not-allowed!important}.fc-mM{-ms-overflow-style:none!important;scrollbar-width:none!important}.fc-mM::-webkit-scrollbar{display:none!important}.fc-yf{flex-shrink:0!important}.fc-wS .fc-mP{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important}.fc-OB .fc-mP>*{float:left!important}.fc-OB[dir=rtl] .fc-mP>*,[dir=rtl] .fc-OB .fc-mP>*{float:right!important}.fc-OB .fc-mP::after{content:""!important;display:block!important;clear:both!important}.fc-hH{cursor:pointer!important}.fc-wi{cursor:n-resize!important}.fc-My{cursor:s-resize!important}.fc-N8{cursor:w-resize!important}[dir=rtl] .fc-N8{cursor:e-resize!important}.fc-Yv{cursor:e-resize!important}[dir=rtl] .fc-Yv{cursor:w-resize!important}.fc-DR{cursor:col-resize!important}.fc-Lp,.fc-RU,.fc-YZ{position:absolute!important;box-sizing:content-box!important;width:100%!important;height:100%!important}.fc-Lp{padding:10px!important;margin:-10px!important}.fc-YZ{padding-left:10px!important;padding-right:10px!important;margin-left:-10px!important;margin-right:-10px!important}.fc-RU{padding-top:10px!important;padding-bottom:10px!important;margin-top:-10px!important;margin-bottom:-10px!important}.fc-4P{position:absolute;top:0;bottom:0;left:-5px;right:-5px}.fc-6M{-webkit-user-select:none;-moz-user-select:none;user-select:none}.fc-Sy{visibility:hidden}.fc-QX{border:0!important}.fc-3t{border-left:0!important;border-right:0!important;border-bottom:0!important}.fc-fo{border-top:0!important;border-left:0!important;border-right:0!important}.fc-fx,.fc-wk{border-top:0!important;border-bottom:0!important}.fc-wk{border-inline-end:0!important}.fc-fx{border-inline-start:0!important}.fc-8R{border-left:0!important;border-right:0!important}.fc-5a{border-top:0!important;border-bottom:0!important}.fc-hM{border-inline-start:1px solid transparent!important}.fc-ei{display:flex!important;flex-direction:row!important}.fc-Xt{display:flex!important;flex-direction:column!important}.fc-QU{flex-grow:1!important}.fc-J6{flex-grow:1!important;flex-basis:0!important;min-width:0!important;min-height:0!important}.fc-w9{min-height:0!important}.fc-q3{flex-grow:1!important;flex-basis:0!important;min-width:0!important}.fc-wS .fc-32,.fc-wS .fc-IH{display:flex!important;flex-direction:column!important}.fc-Kk{padding:0!important}.fc-5M{margin:0!important}.fc-G8{margin-top:0!important;margin-bottom:0!important}.fc-tR{margin-left:0!important;margin-right:0!important}.fc-8y{white-space:nowrap!important}.fc-gR{white-space:pre!important}.fc-eu{overflow-anchor:none}.fc-75{overflow:hidden!important}.fc-CJ{white-space:nowrap!important;overflow:hidden!important}.fc-xp{position:relative!important}.fc-So{position:absolute!important}.fc-Q8{inset-inline-start:0!important}.fc-TJ{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.fc-O5,.fc-X3{position:absolute!important;left:0!important;right:0!important}.fc-Ld,.fc-WS{position:absolute!important;top:0!important;bottom:0!important}.fc-X3{top:0!important}.fc-Ld{left:0!important;right:0!important;width:0!important}@media not print{.fc-l5{position:sticky!important}.fc-dl{position:sticky!important;top:0!important}.fc-oh{position:sticky!important;inset-inline-start:0!important}.fc-3f{position:sticky!important;top:0!important;z-index:var(--fc-sticky-header-footer-z)!important}}.fc-wx{box-sizing:content-box!important}.fc-pJ{position:absolute!important;left:-10000px!important}.fc-xM{align-items:center!important}.fc-RJ{align-items:flex-start!important}.fc-x9{align-items:flex-end!important}.fc-10{position:sticky!important;bottom:0!important;z-index:var(--fc-sticky-header-footer-z)!important}.fc-rg>*{margin-top:-1px!important}.fc-rg>*>*{height:1px!important}.fc-OB .fc-sv{-moz-column-break-inside:avoid!important;break-inside:avoid!important}.fc-OB .fc-32{display:table!important;table-layout:fixed!important;width:100%!important;border-spacing:0!important;border-collapse:separate!important}.fc-OB .fc-IH{display:table-header-group!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;z-index:9999!important;position:relative!important}.fc-Ph{min-height:6em!important}.fc-6d{z-index:0}.fc-y0{z-index:1}.fc-5y:focus-visible{z-index:2}

/* classic theme styles */

.fc-classic-n5m {
  font-size: 16px;
  line-height: 1.5;
  --fc-classic-border-style: solid;
}

.fc-classic-Z9U {
  appearance: button;
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
  margin: 0;
  border: 0;
  padding: 0
}

.fc-classic-JiE {
  color: inherit;
  text-decoration: inherit;
}

.fc-classic-3Lc {
  pointer-events: none
}

.fc-classic-1EY {
  position: absolute
}

.fc-classic-eYX {
  position: relative
}

.fc-classic-OUe {
  position: sticky
}

.fc-classic-MaV {
  inset-inline: 0
}

.fc-classic-AWB {
  inset-block: 0
}

.fc-classic-11a {
  inset-inline-start: -4px
}

.fc-classic-rbS {
  inset-inline-start: 0
}

.fc-classic-bEw {
  inset-inline-end: -4px
}

.fc-classic-2w8 {
  inset-inline-end: 2px
}

.fc-classic-dnf {
  inset-inline-end: -3px
}

.fc-classic-YDC {
  top: -4px
}

.fc-classic-n9G {
  top: 0
}

.fc-classic-2ik {
  top: 2px
}

.fc-classic-ERR {
  top: 50%
}

.fc-classic-fJL {
  bottom: -4px
}

.fc-classic-jGI {
  bottom: 0
}

.fc-classic-1V6 {
  left: 50%
}

.fc-classic-88I {
  order: -1
}

.fc-classic-gMS {
  margin: 4px
}

.fc-classic-bvX {
  margin: 8px
}

.fc-classic-jD5 {
  margin: 16px
}

.fc-classic-J04 {
  margin-inline: -5px
}

.fc-classic-cKZ {
  margin-inline: 2px
}

.fc-classic-rVY {
  margin-inline: 4px
}

.fc-classic-fn8 {
  margin-inline: 8px
}

.fc-classic-148 {
  margin-inline: 1px
}

.fc-classic-cJ3 {
  margin-block: 2px
}

.fc-classic-V9v {
  margin-block: 4px
}

.fc-classic-2tF {
  margin-block: 8px
}

.fc-classic-Jzj {
  margin-inline-start: 2px
}

.fc-classic-Mde {
  margin-inline-start: 8px
}

.fc-classic-qvL {
  margin-inline-start: 1px
}

.fc-classic-kp0 {
  margin-inline-end: -4px
}

.fc-classic-3e1 {
  margin-inline-end: 2px
}

.fc-classic-B3G {
  margin-inline-end: 2.5%
}

.fc-classic-9hC {
  margin-inline-end: 1px
}

.fc-classic-Dq8 {
  margin-top: -4px
}

.fc-classic-a10 {
  margin-top: -5px
}

.fc-classic-Ika {
  margin-bottom: 1px
}

.fc-classic-nHS {
  margin-bottom: -1px
}

.fc-classic-F99 {
  margin-left: -4px
}

.fc-classic-eF2 {
  display: contents
}

.fc-classic-I48 {
  display: block
}

.fc-classic-dl1 {
  display: flex
}

.fc-classic-i3N {
  display: grid
}

.fc-classic-pps {
  display: none
}

.fc-classic-3wQ {
  width: 8px;
  height: 8px
}

.fc-classic-vnf {
  width: 16px;
  height: 16px
}

.fc-classic-XUJ {
  width: 20px;
  height: 20px
}

.fc-classic-uuA {
  height: 8px
}

.fc-classic-zrJ {
  height: 12px
}

.fc-classic-84e {
  min-height: 2px
}

.fc-classic-mhE {
  min-height: 12px
}

.fc-classic-toR {
  min-height: 1px
}

.fc-classic-roZ {
  width: 50%
}

.fc-classic-hza {
  width: 8px
}

.fc-classic-4Tv {
  width: 5px
}

.fc-classic-kMV {
  max-width: 200px
}

.fc-classic-2KU {
  min-width: 0
}

.fc-classic-aNc {
  min-width: 220px
}

.fc-classic-yi0 {
  flex-shrink: 0
}

.fc-classic-1Zl {
  flex-shrink: 1
}

.fc-classic-OLq {
  flex-shrink: 100
}

.fc-classic-1El {
  flex-grow: 1
}

.fc-classic-jmT {
  rotate: 180deg
}

.fc-classic-sgX {
  flex-direction: column
}

.fc-classic-1sP {
  flex-direction: row
}

.fc-classic-dNl {
  flex-wrap: wrap
}

.fc-classic-XpK {
  align-items: center
}

.fc-classic-N2M {
  justify-content: space-between
}

.fc-classic-E9P {
  justify-content: center
}

.fc-classic-LMv {
  justify-content: flex-end
}

.fc-classic-aTF {
  gap: 2px
}

.fc-classic-NWN {
  gap: 4px
}

.fc-classic-wwb {
  gap: 12px
}

.fc-classic-yth {
  gap: 20px
}

.fc-classic-sI7 {
  align-self: flex-start
}

.fc-classic-pKG {
  overflow: hidden
}

.fc-classic-Ig4 {
  border-radius: 4px
}

.fc-classic-AAA {
  border-radius: 3.40282e38px
}

.fc-classic-Fvv {
  border-radius: 4px
}

.fc-classic-kmj {
  border-start-start-radius: 4px;
  border-end-start-radius: 4px
}

.fc-classic-Skl {
  border-start-end-radius: 4px;
  border-end-end-radius: 4px
}

.fc-classic-C2g {
  border-end-end-radius: 4px
}

.fc-classic-Z7Q {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.fc-classic-2qh {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.fc-classic-wsy {
  border-style: var(--fc-classic-border-style);
  border-width: 1px
}

.fc-classic-5JF {
  border-style: var(--fc-classic-border-style);
  border-width: 4px
}

.fc-classic-yDA {
  border-style: var(--fc-classic-border-style);
  border-width: 5px
}

.fc-classic-Mjo {
  border-style: var(--fc-classic-border-style);
  border-width: calc(var(--fc-classic-small-dot-width) / 2)
}

.fc-classic-GOm {
  border-style: var(--fc-classic-border-style);
  border-width: calc(var(--fc-classic-large-dot-width) / 2)
}

.fc-classic-1Wx {
  border-inline-style: var(--fc-classic-border-style);
  border-inline-width: 1px
}

.fc-classic-ybF {
  border-inline-style: var(--fc-classic-border-style);
  border-inline-width: 5px
}

.fc-classic-JIC {
  border-block-style: var(--fc-classic-border-style);
  border-block-width: 1px
}

.fc-classic-XM3 {
  border-block-style: var(--fc-classic-border-style);
  border-block-width: 5px
}

.fc-classic-3J4 {
  border-inline-start-style: var(--fc-classic-border-style);
  border-inline-start-width: 1px
}

.fc-classic-hhi {
  border-inline-start-style: var(--fc-classic-border-style);
  border-inline-start-width: 5px
}

.fc-classic-jIH {
  border-inline-start-style: var(--fc-classic-border-style);
  border-inline-start-width: 6px
}

.fc-classic-USt {
  border-inline-end-style: var(--fc-classic-border-style);
  border-inline-end-width: 1px
}

.fc-classic-Bda {
  border-inline-end-style: var(--fc-classic-border-style);
  border-inline-end-width: 5px
}

.fc-classic-ku3 {
  border-top-style: var(--fc-classic-border-style);
  border-top-width: 1px
}

.fc-classic-bLA {
  border-top-style: var(--fc-classic-border-style);
  border-top-width: 6px
}

.fc-classic-zi1 {
  border-bottom-style: var(--fc-classic-border-style);
  border-bottom-width: 1px
}

.fc-classic-TN2 {
  --fc-classic-border-style: dotted;
  border-style: dotted
}

.fc-classic-C1x {
  border-color: var(--fc-classic-border)
}

.fc-classic-sYT {
  border-color: var(--fc-classic-now)
}

.fc-classic-0Pr {
  border-color: var(--fc-classic-primary)
}

.fc-classic-vXO {
  border-color: var(--fc-classic-button-border)
}

.fc-classic-rQI {
  border-color: var(--fc-classic-button-strong-border)
}

.fc-classic-C0k {
  border-color: var(--fc-classic-strong-border)
}

.fc-classic-lNM {
  border-color: var(--fc-event-color)
}

.fc-classic-d0j {
  border-color: #0000
}

.fc-classic-Pqk {
  border-inline-color: #0000
}

.fc-classic-rif {
  border-block-color: #0000
}

.fc-classic-0qY {
  border-inline-start-color: var(--fc-classic-now)
}

.fc-classic-LaM {
  border-inline-start-color: #000
}

.fc-classic-5JV {
  border-inline-end-color: #000
}

.fc-classic-1Aa {
  border-top-color: var(--fc-classic-now)
}

.fc-classic-Jk3 {
  background-color: var(--fc-classic-background)
}

.fc-classic-iYS {
  background-color: var(--fc-classic-faint)
}

.fc-classic-hLU {
  background-color: var(--fc-classic-highlight)
}

.fc-classic-k3f {
  background-color: var(--fc-classic-muted)
}

.fc-classic-YjJ {
  background-color: var(--fc-event-color)
}

@media not print {
  @supports (color:color-mix(in lab, red, red)) {
    .fc-classic-hsC {
      background-color: color-mix(in oklab, var(--fc-event-color) var(--fc-classic-background-event-opacity), transparent)
    }
  }
  @supports not (color:color-mix(in lab, red, red)) {
    .fc-classic-hsC {
      position: relative;
      isolation: isolate
    }
    .fc-classic-hsC:before {
      content: '';
      position: absolute;
      inset: 0;
      background-color: var(--fc-event-color);
      opacity: var(--fc-classic-background-event-opacity);
      z-index: -1
    }
  }
}

.fc-classic-JWq {
  background-color: var(--fc-classic-button)
}

.fc-classic-Adi {
  background-color: var(--fc-classic-button-strong)
}

.fc-classic-KUX {
  padding: 2px
}

.fc-classic-XJa {
  padding: 6px
}

.fc-classic-3N5 {
  padding: 8px
}

.fc-classic-7A6 {
  padding: 1px
}

.fc-classic-oQ2 {
  padding-inline: 2px
}

.fc-classic-Eaq {
  padding-inline: 10px
}

.fc-classic-Apf {
  padding-inline: 12px
}

.fc-classic-F1o {
  padding-inline: 1px
}

.fc-classic-2rx {
  padding-block: 2px
}

.fc-classic-Jhn {
  padding-block: 4px
}

.fc-classic-End {
  padding-block: 6px
}

.fc-classic-dl6 {
  padding-block: 8px
}

.fc-classic-P9h {
  padding-block: 60px
}

.fc-classic-z5u {
  padding-block: 1px
}

.fc-classic-a7i {
  padding-inline-start: 2px
}

.fc-classic-166 {
  padding-top: 2px
}

.fc-classic-8ub {
  padding-bottom: 2px
}

.fc-classic-cM0 {
  padding-bottom: 16px
}

.fc-classic-HXA {
  text-align: center
}

.fc-classic-2HE {
  text-align: end
}

.fc-classic-AVD {
  font-size: 24px;
  line-height: calc(2/1.5)
}

.fc-classic-vQz {
  font-size: 11px;
  line-height: 1.09091
}

.fc-classic-1Po {
  font-size: 16px;
  line-height: calc(1.5/1)
}

.fc-classic-9yp {
  font-size: 14px;
  line-height: calc(1.25/.875)
}

.fc-classic-a3B {
  font-size: 12px;
  line-height: calc(1/.75)
}

.fc-classic-DIS {
  font-weight: 700
}

.fc-classic-IPx {
  text-overflow: ellipsis
}

.fc-classic-TZ4 {
  white-space: nowrap
}

.fc-classic-jm6 {
  white-space: pre
}

.fc-classic-taq {
  color: var(--fc-classic-faint-foreground)
}

.fc-classic-m9h {
  color: var(--fc-classic-muted-foreground)
}

.fc-classic-GAX {
  color: var(--fc-classic-foreground)
}

.fc-classic-RnT {
  color: var(--fc-classic-button-foreground)
}

.fc-classic-i9F {
  color: var(--fc-event-contrast-color)
}

.fc-classic-L1Y {
  font-style: italic
}

.fc-classic-lMo {
  opacity: .5
}

.fc-classic-Q3Z {
  opacity: .65
}

.fc-classic-iTG {
  opacity: .75
}

.fc-classic-MGT {
  opacity: var(--fc-classic-background-event-foreground-opacity)
}

.fc-classic-1kP {
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a
}

.fc-classic-tkw {
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a
}

.fc-classic-qNs {
  box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a
}

.fc-classic-A3h {
  box-shadow: 0 0 0 1px var(--fc-classic-ring-color, currentcolor)
}

.fc-classic-yKG {
  --fc-classic-ring-color: var(--fc-classic-background)
}

.fc-classic-2R2 {
  outline-style: solid;
  outline-width: 1px
}

.fc-classic-0Bj {
  outline-style: solid;
  outline-width: 2px
}

.fc-classic-fFh {
  outline-offset: -2px
}

.fc-classic-3Xj {
  outline-offset: 2px
}

.fc-classic-lYz {
  outline-color: var(--fc-classic-button-outline)
}

.fc-classic-zIi {
  outline-color: var(--fc-classic-primary)
}

.fc-classic-SDU {
  background: linear-gradient(var(--fc-classic-muted), var(--fc-classic-muted))var(--fc-classic-background)
}

.fc-classic-BaR {
  background: linear-gradient(var(--fc-classic-strong), var(--fc-classic-strong))var(--fc-classic-background)
}

.fc-classic-mAY:not(:is(:where(.fc-classic-bCs):hover *)) {
  opacity: .65
}

@media not all and (hover:hover) {
  .fc-classic-mAY {
    opacity: .65
  }
}

@media not print {
  .fc-classic-hbn {
    background-color: var(--fc-classic-today)
  }
}

@media (hover:hover) {
  .fc-classic-vs6:is(:where(.fc-classic-bCs):hover *) {
    display: block
  }

  .fc-classic-Ogp:is(:where(.fc-classic-bCs):hover *) {
    text-decoration-line: underline
  }
}

.fc-classic-uk6:first-child {
  border-start-start-radius: 4px;
  border-end-start-radius: 4px
}

.fc-classic-Tuc:last-child {
  border-start-end-radius: 4px;
  border-end-end-radius: 4px
}

@media (hover:hover) {
  .fc-classic-bqK:hover {
    border-color: var(--fc-classic-button-strong-border)
  }

  .fc-classic-9Rj:hover {
    background-color: var(--fc-classic-button-strong)
  }

  .fc-classic-Ubk:hover {
    background-color: var(--fc-classic-faint)
  }

  .fc-classic-4yP:hover {
    background-color: var(--fc-classic-muted)
  }

  .fc-classic-Eu0:hover {
    text-decoration-line: underline
  }
}

.fc-classic-OIx:focus-visible {
  background-color: var(--fc-classic-faint)
}

.fc-classic-tCP:focus-visible {
  background-color: var(--fc-classic-muted)
}

.fc-classic-uqo:focus-visible {
  outline-style: solid;
  outline-width: 2px
}

.fc-classic-sOR:focus-visible {
  outline-style: solid;
  outline-width: 3px
}

.fc-classic-aIH:active {
  border-color: var(--fc-classic-button-strong-border)
}

.fc-classic-5ky:active {
  background-color: var(--fc-classic-button-strong)
}

.fc-classic-28F:active {
  background-color: var(--fc-classic-muted)
}

.fc-classic-8gz:active {
  background-color: var(--fc-classic-strong)
}

@media print {
  .fc-classic-jsy {
    border-width: 1px
  }

  .fc-classic-nQ5 {
    border-color: var(--fc-classic-button-strong-border)
  }

  .fc-classic-DO7 {
    border-color: var(--fc-event-color)
  }

  .fc-classic-4MR {
    border-color: #000
  }

  .fc-classic-vwH {
    background-color: #fff
  }

  .fc-classic-cfp {
    color: #000
  }
}

[dir=rtl] .fc-classic-jY6 {
  rotate: none
}

[dir=rtl] .fc-classic-asP {
  rotate: 180deg
}

/* bricksextras styles */

.x-calendar-wrapper {
    width: 100%;
}

.x-calendar {
  /* buttons - transparent background, dark text to match v6 */
  --fc-classic-button: transparent;
  --fc-classic-button-border: #ddd;
  --fc-classic-button-strong: #f4f4f4;
  --fc-classic-button-strong-border: #ddd;
  --fc-classic-button-outline: #47556980;
  --fc-classic-button-foreground: #111;
  --fc-classic-button-strong-foreground: #111; /* custom: active/hover text color */

  /* primary - dark to match v6 event colors */
  --fc-classic-primary: #111;
  --fc-classic-primary-foreground: #fff;

  /* calendar content - events dark (#111), today light (#f5f5f5) */
  --fc-classic-event: #111;
  --fc-classic-event-contrast: #fff;
  --fc-classic-background-event: #64748b;
  --fc-classic-background-event-opacity: 10%;
  --fc-classic-background-event-foreground-opacity: 80%;
  --fc-classic-highlight: #cffafe66;
  --fc-classic-today: #f5f5f5;
  --fc-classic-now: #ef4444;
  /* non-colors */
  --fc-classic-small-dot-width: 8px;
  --fc-classic-large-dot-width: 10px;

  /* neutral backgrounds */
  --fc-classic-background: #ffffff;
  --fc-classic-faint: #0000000A;
  --fc-classic-muted: #00000008;
  --fc-classic-strong: #00000024;

  /* neutral foregrounds */
  --fc-classic-foreground: #030712;
  --fc-classic-faint-foreground: #555;
  --fc-classic-muted-foreground: #444;

  /* neutral borders */
  --fc-classic-border: #e6e6e6;
  --fc-classic-strong-border: #9ca3af;

  /* event padding */
  --fc-classic-event-padding: 3px;
  
}

.x-calendar [role=button] {
    cursor: pointer;
}

.x-calendar [type=button] {
    transition: all .1s ease;
}

/* Apply custom active/hover text color to buttons */
.x-calendar [type=button][aria-selected="true"],
.x-calendar [type=button]:hover,
.x-calendar [type=button]:active {
    color: var(--fc-classic-button-strong-foreground);
}

.x-calendar .fc-classic-1Wx {
    border-style: var(--fc-classic-border-style);
    border-width: 1px;
    border-radius: 0;
}

.x-calendar-event-inner {
      padding: var(--fc-classic-event-padding);
}

@media not print {
  [data-brx-theme=dark] :where(.x-calendar) {
    /* calendar content */
    --fc-classic-highlight: #3b82f633;
    --fc-classic-today: #222;

    /* neutral backgrounds */
    --fc-classic-background: #111;
    --fc-classic-faint: #ffffff0A;
    --fc-classic-muted: #ffffff14;
    --fc-classic-strong: #ffffff24;

    /* neutral foregrounds */
    --fc-classic-foreground: #fff;
    --fc-classic-faint-foreground: #999;
    --fc-classic-muted-foreground: #9ca3af;
    --fc-classic-button-foreground: #fff;

    /* neutral borders */
    --fc-classic-border: #1f2937;
    --fc-classic-strong-border: #374151;

    --fc-classic-event: #fff;
    --fc-classic-event-contrast: #111;

    /* buttons - dark mode selected/hover states */
    --fc-classic-button-border: #374151;
    --fc-classic-button-strong: #ffffff24;
    --fc-classic-button-strong-border: #374151;
    --fc-classic-button-strong-foreground: #fff; /* custom: active/hover text color */
  }
}

:where(.fc-header-toolbar) {
    gap: 1em;
}

@media (max-width: 767px) {
   :where(.x-calendar) .fc-header-toolbar.fc-classic-1sP {
        flex-direction: column;
    }
     :where(.x-calendar) .fc-footer-toolbar.fc-classic-1sP {
        flex-direction: column;
    }
}