
/* full calendar theme & skeletal styles */


:root {
  --fc-sticky-header-footer-z: 3;
  --fc-popover-z: 4;
}

.fc-tF {
  z-index: var(--fc-popover-z) !important;
}

.fc-5w {
  isolation: isolate;
}

/*
This will prevent all ancestors from customizing their box size unless they use .contentBox
*/
.fc-Mg,
.fc-Mg *,
.fc-Mg *:before,
.fc-Mg *:after {
  box-sizing: border-box !important;
}

/* classes attached to <body> */
.fc-Q9,
.fc-Q9 * {
  cursor: not-allowed !important;
}

.fc-xd {
  -ms-overflow-style: none !important; /* IE and Edge */
  scrollbar-width: none !important; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.fc-xd::-webkit-scrollbar {
  display: none !important;
}

.fc-Zo {
  flex-shrink: 0 !important;
}

.fc-Yo .fc-G6 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

/* HACK for Safari. Can't do break-inside:avoid with flexbox items, likely b/c it's not standard:
   https://stackoverflow.com/a/60256345 */
.fc-me .fc-G6 > * {
  float: left !important;
}

[dir=rtl] .fc-me .fc-G6 > *,
.fc-me[dir=rtl] .fc-G6 > * {
  float: right !important;
}

.fc-me .fc-G6::after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

.fc-lv {
  cursor: pointer !important;
}

.fc-vR {
  cursor: n-resize !important;
}

.fc-ni {
  cursor: s-resize !important;
}

.fc-8S {
  cursor: w-resize !important;
}

[dir=rtl] .fc-8S {
  cursor: e-resize !important;
}

.fc-yU {
  cursor: e-resize !important;
}

[dir=rtl] .fc-yU {
  cursor: w-resize !important;
}

.fc-ey {
  cursor: col-resize !important;
}

.fc-6F,
.fc-zw,
.fc-Pi {
  position: absolute !important;
  box-sizing: content-box !important;
  width: 100% !important;
  height: 100% !important;
}

.fc-6F {
  padding: 10px !important;
  margin: -10px !important;
}

.fc-zw {
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.fc-Pi {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

/* QUESTION: why not use -left -right instead of negative margins/padding for ALL? */
.fc-86 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  right: -5px;
}

.fc-xR {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fc-yw {
  visibility: hidden;
}

/* Border Utils */
/* ------------------------------------------------------------------------------------------------- */

/* TODO: break-out to x and y. don't have "only" all */
/* TODO: instead of "border" utils, call them "borderless" to subtract? */

.fc-Y7 {
  border: 0 !important;
}

.fc-5B {
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

.fc-6q {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.fc-Zb,
.fc-Xy {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.fc-Zb {
  border-inline-end: 0 !important;
}

.fc-Xy {
  border-inline-start: 0 !important;
}

.fc-HY {
  border-left: 0 !important;
  border-right: 0 !important;
}

.fc-YK {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* for matching cell start-border, assumed to be 1px, which can't be guaranteed */
.fc-kv {
  border-inline-start: 1px solid transparent !important;
}

/* Flexbox Utils */
/* ------------------------------------------------------------------------------------------------- */

.fc-Qr {
  display: flex !important;
  flex-direction: row !important;
}

.fc-s3 {
  display: flex !important;
  flex-direction: column !important;
}

.fc-Uk {
  flex-grow: 1 !important;
}

.fc-uD {
  flex-grow: 1 !important;
  flex-basis: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

.fc-7B {
  min-height: 0 !important;
}

/*
TODO: use liquidX/Y elsewhere because frees up min other dimension; less collisions
*/
.fc-rr {
  flex-grow: 1 !important;
  flex-basis: 0 !important;
  min-width: 0 !important;
}

/* Print-Safe Utils (media:screen ONLY) */
/* ------------------------------------------------------------------------------------------------- */

.fc-Yo .fc-zi,
.fc-Yo .fc-t1 {
  display: flex !important;
  flex-direction: column !important;
}

/* Table Utils */
/* ------------------------------------------------------------------------------------------------- */

.fc-eX {
  padding: 0 !important;
}

.fc-xn {
  margin: 0 !important;
}

.fc-Mz {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.fc-jK {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.fc-Jx {
  white-space: nowrap !important;
}

.fc-Fz {
  white-space: pre !important;
}

/* Misc Utils */
/* ------------------------------------------------------------------------------------------------- */

.fc-1Z {
  overflow-anchor: none;
}

.fc-iG {
  overflow: hidden !important;
}

/*
TODO: eventually use this on daygrid/timegrid events' inner, time, and title, FOR PRINT
Needed to prevent wrapping to multiple lines, increasing height, throwing off print-positioning,
which can't rely on dynamic height detection after print-flag activated.
*/
.fc-rW {
  white-space: nowrap !important;
  overflow: hidden !important;
}

.fc-Uv {
  position: relative !important;
}

.fc-TZ {
  position: absolute !important;
}

.fc-7N {
  inset-inline-start: 0 !important;
}

.fc-Y3 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.fc-6T,
.fc-al {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
}

.fc-7m,
.fc-4v {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
}

.fc-6T {
  top: 0 !important;
}

.fc-4v {
  left: 0 !important;
  right: 0 !important;
  width: 0 !important;
}

@media not print {
  .fc-HK {
    position: sticky !important;
  }

  .fc-zZ {
    position: sticky !important;
    top: 0 !important;
  }

  /* Sticks to either left or right (the flex "start") depending on ltr/rtl */
  .fc-YA {
    position: sticky !important;
    inset-inline-start: 0 !important;
  }

  .fc-iU {
    position: sticky !important;
    top: 0 !important;
    z-index: var(--fc-sticky-header-footer-z) !important;
  }
}

/* Only needed when padding/border must be separate from width/height */
.fc-Qk {
  box-sizing: content-box !important;
}

.fc-Et {
  position: absolute !important;
  left: -10000px !important;
}

.fc-o5 {
  align-items: center !important;
}

.fc-n1 {
  align-items: flex-start !important;
}

.fc-Wl {
  align-items: flex-end !important;
}

/* Footer Scrollbar */
/* ------------------------------------------------------------------------------------------------- */

.fc-My {
  position: sticky !important;
  bottom: 0 !important;
  z-index: var(--fc-sticky-header-footer-z) !important;
}

.fc-43 > * {
  margin-top: -1px !important;
}

.fc-43 > * > * {
  height: 1px !important;
}

/* Print-Safe Utils */
/* ------------------------------------------------------------------------------------------------- */

.fc-me .fc-FH {
  -moz-column-break-inside: avoid !important;
       break-inside: avoid !important;
}

.fc-me .fc-zi {
  display: table !important;
  table-layout: fixed !important;
  width: 100% !important;
  border-spacing: 0 !important;
  border-collapse: separate !important;
}

.fc-me .fc-t1 {
  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-uJ {
  /* min-height when multiple rows coexist, provides sane aspect-ratio for cells */
  min-height: 6em !important;
}

/* Z-index */
/* ------------------------------------------------------------------------------------------------- */

.fc-LD {
  z-index: 0;
}

.fc-xs {
  z-index: 1;
}

.fc-Gz:focus-visible {
  z-index: 2;
}

.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;
    }
}
