/* FullCalendar 7.1.0 vendor stylesheet: a verbatim concatenation of three files from node_modules/fullcalendar (skeleton.css, themes/monarch/theme.css, themes/monarch/palettes/blue.css). The brand palette overrides live in app/assets/stylesheets/application.tailwind.css. Regenerate with: cat node_modules/fullcalendar/{skeleton.css,themes/monarch/theme.css,themes/monarch/palettes/blue.css} */ :root { --fc-sticky-header-footer-z: 3; --fc-popover-z: 4; } .fc-1U { z-index: var(--fc-popover-z) !important; } .fc-1q { isolation: isolate; } /* This will prevent all ancestors from customizing their box size unless they use .contentBox */ .fc-pp, .fc-pp *, .fc-pp *:before, .fc-pp *:after { box-sizing: border-box !important; } /* classes attached to */ .fc-gm, .fc-gm * { cursor: not-allowed !important; } .fc-xp { -ms-overflow-style: none !important; /* IE and Edge */ scrollbar-width: none !important; /* Firefox */ } /* Hide scrollbar for Chrome, Safari and Opera */ .fc-xp::-webkit-scrollbar { display: none !important; } .fc-J9 { flex-shrink: 0 !important; } .fc-oi .fc-TV { 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-OY .fc-TV > * { float: left !important; } [dir=rtl] .fc-OY .fc-TV > *, .fc-OY[dir=rtl] .fc-TV > * { float: right !important; } .fc-OY .fc-TV::after { content: "" !important; display: block !important; clear: both !important; } .fc-ky { cursor: pointer !important; } .fc-Wq { cursor: n-resize !important; } .fc-2H { cursor: s-resize !important; } .fc-lP { cursor: w-resize !important; } [dir=rtl] .fc-lP { cursor: e-resize !important; } .fc-pu { cursor: e-resize !important; } [dir=rtl] .fc-pu { cursor: w-resize !important; } .fc-Mo { cursor: col-resize !important; } .fc-Bx, .fc-rT, .fc-1e { position: absolute !important; box-sizing: content-box !important; width: 100% !important; height: 100% !important; } .fc-Bx { padding: 10px !important; margin: -10px !important; } .fc-rT { padding-left: 10px !important; padding-right: 10px !important; margin-left: -10px !important; margin-right: -10px !important; } .fc-1e { 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-7U { position: absolute; top: 0; bottom: 0; left: -5px; right: -5px; } .fc-N6 { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .fc-BW { visibility: hidden; } /* Border Utils */ /* ------------------------------------------------------------------------------------------------- */ .fc-rf { border: 0 !important; } .fc-Nq { border-left: 0 !important; border-right: 0 !important; } .fc-zp { border-top: 0 !important; border-bottom: 0 !important; } .fc-1h { border-top: 0 !important; } .fc-cZ { border-bottom: 0 !important; } .fc-G8 { border-inline-start: 0 !important; } .fc-MA { border-inline-end: 0 !important; } /* Flexbox Utils */ /* ------------------------------------------------------------------------------------------------- */ .fc-Dh { display: flex !important; flex-direction: row !important; } .fc-vg { display: flex !important; flex-direction: column !important; } .fc-85 { flex-grow: 1 !important; } .fc-91 { flex-grow: 1 !important; flex-basis: 0 !important; min-width: 0 !important; min-height: 0 !important; } .fc-Da { min-height: 0 !important; } /* TODO: use liquidX/Y elsewhere because frees up min other dimension; less collisions */ .fc-1v { flex-grow: 1 !important; flex-basis: 0 !important; min-width: 0 !important; } /* Semantic Print Table */ /* ------------------------------------------------------------------------------------------------- */ .fc-uR { width: 100% !important; table-layout: fixed !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; } .fc-uR > thead { /* Both properties are needed for cross-browser repeated headers across printed pages. */ -moz-column-break-inside: avoid !important; break-inside: avoid !important; page-break-inside: avoid !important; } .fc-uR > tbody { /* Timeline print-layout hack (resource and non-resource): lets shared absolute backgrounds show through. */ background: transparent !important; } .fc-uR > thead > tr > th, .fc-uR > tbody > tr > th, .fc-uR > tbody > tr > td { vertical-align: top !important; font-weight: inherit; text-align: inherit; } /* Table Utils */ /* ------------------------------------------------------------------------------------------------- */ .fc-hF { padding: 0 !important; } .fc-Ds { padding-top: 0 !important; padding-bottom: 0 !important; } .fc-TA { margin: 0 !important; } .fc-rt { margin-top: 0 !important; margin-bottom: 0 !important; } .fc-wS { margin-left: 0 !important; margin-right: 0 !important; } .fc-mV { white-space: nowrap !important; } .fc-zJ { white-space: pre !important; } /* Misc Utils */ /* ------------------------------------------------------------------------------------------------- */ .fc-Fk { overflow-anchor: none; } .fc-Ss { pointer-events: none !important; } .fc-D6 { 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-5x { white-space: nowrap !important; overflow: hidden !important; } .fc-DP { position: relative !important; } .fc-P2 { position: absolute !important; } .fc-5a { inset-inline-start: 0 !important; } .fc-lb { inset-inline-end: 0 !important; } .fc-0X { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; } .fc-9s, .fc-Gk { position: absolute !important; left: 0 !important; right: 0 !important; } .fc-xh, .fc-XV { position: absolute !important; top: 0 !important; bottom: 0 !important; } .fc-9s { top: 0 !important; } .fc-XV { left: 0 !important; right: 0 !important; width: 0 !important; } @media not print { .fc-XI { position: sticky !important; } .fc-7G { position: sticky !important; top: 0 !important; } /* Sticks to either left or right (the flex "start") depending on ltr/rtl */ .fc-Rw { position: sticky !important; inset-inline-start: 0 !important; } .fc-yg { 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-2i { box-sizing: content-box !important; } .fc-o2 { position: absolute !important; left: -10000px !important; } .fc-ih { align-items: center !important; } .fc-HJ { align-items: flex-start !important; } .fc-El { align-items: flex-end !important; } /* Footer Scrollbar */ /* ------------------------------------------------------------------------------------------------- */ .fc-nF { position: sticky !important; bottom: 0 !important; z-index: var(--fc-sticky-header-footer-z) !important; } .fc-Or > * { margin-top: -1px !important; } .fc-Or > * > * { height: 1px !important; } /* Print Utils */ /* ------------------------------------------------------------------------------------------------- */ .fc-6w { -moz-column-break-inside: avoid !important; break-inside: avoid !important; page-break-inside: avoid !important; } .fc-9C { min-height: 4em !important; } .fc-GJ { display: flow-root !important; } /* Z-index */ /* ------------------------------------------------------------------------------------------------- */ .fc-d0 { z-index: 0; } .fc-Og { z-index: 1; } .fc-BT { z-index: 2; } .fc-XO { z-index: 3; } .fc-e8 { z-index: 4; } .fc-sR { z-index: 5; } .fc-W4 { z-index: 1000; } .fc-eV { z-index: 9999; } .fc-4U:focus-visible { z-index: 2; } /* INTERNAL MARKER -- used to mark an element for internal significance */ /* ------------------------------------------------------------------------------------------------- */ .fc-YC {} .fc-M0 {} .fc-N9 {} .fc-41 {} .fc-vO {} .fc-i0 {} .fc-Nc {} .fc-hg {} .fc-dk {} .fc-aw {} .fc-kw {} .fc-Zy {} .fc-ox {} .fc-Q3 {} .fc-P4 {} /* ---- themes/monarch/theme.css ---- */ .fc-monarch-n5m { font-size: 16px; line-height: 1.5; --fc-monarch-border-style: solid; } .fc-monarch-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-monarch-JiE { color: inherit; text-decoration: inherit; } .fc-monarch-1EY { position: absolute } .fc-monarch-eYX { position: relative } .fc-monarch-MaV { inset-inline: 0 } .fc-monarch-AWB { inset-block: 0 } .fc-monarch-11a { inset-inline-start: -4px } .fc-monarch-0fm { inset-inline-start: -8px } .fc-monarch-4oC { inset-inline-start: -12px } .fc-monarch-rbS { inset-inline-start: 0 } .fc-monarch-tHH { inset-inline-start: 4px } .fc-monarch-Tuc { inset-inline-end: -4px } .fc-monarch-eDA { inset-inline-end: -8px } .fc-monarch-aYN { inset-inline-end: 8px } .fc-monarch-dnf { inset-inline-end: -3px } .fc-monarch-YDC { top: -4px } .fc-monarch-uqG { top: -16px } .fc-monarch-Fn5 { top: -20px } .fc-monarch-DGM { top: -1px } .fc-monarch-2ik { top: 2px } .fc-monarch-1b8 { top: 6px } .fc-monarch-ERR { top: 50% } .fc-monarch-SKv { top: 8px } .fc-monarch-fJL { bottom: -4px } .fc-monarch-Uvq { bottom: -1px } .fc-monarch-1V6 { left: 50% } .fc-monarch-NPw { order: 1 } .fc-monarch-aAW { margin: -6px } .fc-monarch-CH7 { margin: -1px } .fc-monarch-XE0 { margin: 2px } .fc-monarch-gMS { margin: 4px } .fc-monarch-cGD { margin: 6px } .fc-monarch-bvX { margin: 8px } .fc-monarch-jD5 { margin: 16px } .fc-monarch-TT0 { margin: 1px } .fc-monarch-cKZ { margin-inline: 2px } .fc-monarch-fn8 { margin-inline: 8px } .fc-monarch-148 { margin-inline: 1px } .fc-monarch-cJ3 { margin-block: 2px } .fc-monarch-2tF { margin-block: 8px } .fc-monarch-SEP { margin-block: 1px } .fc-monarch-Jzj { margin-inline-start: 2px } .fc-monarch-Wga { margin-inline-start: 4px } .fc-monarch-Mde { margin-inline-start: 8px } .fc-monarch-qvL { margin-inline-start: 1px } .fc-monarch-p9t { margin-inline-end: -6px } .fc-monarch-KYn { margin-inline-end: 4px } .fc-monarch-OQ9 { margin-inline-end: 12px } .fc-monarch-FvP { margin-inline-end: 8px } .fc-monarch-B3G { margin-inline-end: 2.5% } .fc-monarch-9hC { margin-inline-end: 1px } .fc-monarch-Dq8 { margin-top: -4px } .fc-monarch-9Rk { margin-top: 8px } .fc-monarch-vUo { margin-bottom: 4px } .fc-monarch-ohi { margin-bottom: 8px } .fc-monarch-Ika { margin-bottom: 1px } .fc-monarch-F99 { margin-left: -4px } .fc-monarch-I48 { display: block } .fc-monarch-dl1 { display: flex } .fc-monarch-pps { display: none } .fc-monarch-63n { width: 0; height: 0 } .fc-monarch-3wQ { width: 8px; height: 8px } .fc-monarch-vnf { width: 16px; height: 16px } .fc-monarch-XUJ { width: 20px; height: 20px } .fc-monarch-IY5 { width: 28px; height: 28px } .fc-monarch-n6w { width: 32px; height: 32px } .fc-monarch-Pwv { width: 100%; height: 100% } .fc-monarch-uuA { height: 8px } .fc-monarch-9ml { height: 16px } .fc-monarch-oM6 { height: 20px } .fc-monarch-TFV { height: 24px } .fc-monarch-46Q { height: 36px } .fc-monarch-84e { min-height: 2px } .fc-monarch-jgW { min-height: 16px } .fc-monarch-l5b { min-height: 36px } .fc-monarch-toR { min-height: 1px } .fc-monarch-roZ { width: 50% } .fc-monarch-CjM { width: 33.3333% } .fc-monarch-hza { width: 8px } .fc-monarch-79F { width: 20px } .fc-monarch-ilz { width: 24px } .fc-monarch-Dhe { width: 36px } .fc-monarch-4Tv { width: 5px } .fc-monarch-aHX { max-width: 160px } .fc-monarch-0i7 { max-width: 176px } .fc-monarch-2KU { min-width: 0 } .fc-monarch-xcS { min-width: 240px } .fc-monarch-yi0 { flex-shrink: 0 } .fc-monarch-1Zl { flex-shrink: 1 } .fc-monarch-OLq { flex-shrink: 100 } .fc-monarch-1El { flex-grow: 1 } .fc-monarch-KxI { rotate: -90deg } .fc-monarch-z44 { rotate: 90deg } .fc-monarch-jmT { rotate: 180deg } .fc-monarch-sgX { flex-direction: column } .fc-monarch-1sP { flex-direction: row } .fc-monarch-dNl { flex-wrap: wrap } .fc-monarch-XpK { align-items: center } .fc-monarch-EF4 { align-items: flex-start } .fc-monarch-N2M { justify-content: space-between } .fc-monarch-E9P { justify-content: center } .fc-monarch-LMv { justify-content: flex-end } .fc-monarch-Bsl { justify-content: flex-start } .fc-monarch-NWN { gap: 4px } .fc-monarch-tgZ { gap: 8px } .fc-monarch-wwb { gap: 12px } .fc-monarch-OBr { align-self: flex-end } .fc-monarch-pKG { overflow: hidden } .fc-monarch-AAA { border-radius: 3.40282e38px } .fc-monarch-hny { border-radius: 8px } .fc-monarch-Fvv { border-radius: 4px } .fc-monarch-NYF { border-start-start-radius: 3.40282e38px; border-end-start-radius: 3.40282e38px } .fc-monarch-kmj { border-start-start-radius: 4px; border-end-start-radius: 4px } .fc-monarch-dOc { border-start-end-radius: 3.40282e38px; border-end-end-radius: 3.40282e38px } .fc-monarch-Skl { border-start-end-radius: 4px; border-end-end-radius: 4px } .fc-monarch-Z7Q { border-top-left-radius: 4px; border-top-right-radius: 4px } .fc-monarch-2qh { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .fc-monarch-9hN { border-top-left-radius: 12px; border-top-right-radius: 12px } .fc-monarch-KxZ { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px } .fc-monarch-wsy, .fc-monarch-qQW { border-style: var(--fc-monarch-border-style); border-width: 1px } .fc-monarch-5JF { border-style: var(--fc-monarch-border-style); border-width: 4px } .fc-monarch-yDA { border-style: var(--fc-monarch-border-style); border-width: 5px } .fc-monarch-Vpk { border-style: var(--fc-monarch-border-style); border-width: 6px } .fc-monarch-1Wx { border-inline-style: var(--fc-monarch-border-style); border-inline-width: 1px } .fc-monarch-JIC { border-block-style: var(--fc-monarch-border-style); border-block-width: 1px } .fc-monarch-3J4 { border-inline-start-style: var(--fc-monarch-border-style); border-inline-start-width: 1px } .fc-monarch-USt { border-inline-end-style: var(--fc-monarch-border-style); border-inline-end-width: 1px } .fc-monarch-ku3 { border-top-style: var(--fc-monarch-border-style); border-top-width: 1px } .fc-monarch-zi1 { border-bottom-style: var(--fc-monarch-border-style); border-bottom-width: 1px } .fc-monarch-TN2 { --fc-monarch-border-style: dotted; border-style: dotted } .fc-monarch-lNM { border-color: var(--fc-event-color) } .fc-monarch-jdl { border-color: var(--fc-monarch-border) } .fc-monarch-nKh { border-color: var(--fc-monarch-now) } .fc-monarch-yF0 { border-color: var(--fc-monarch-primary) } .fc-monarch-zOd { border-color: var(--fc-monarch-strong-border) } .fc-monarch-d0j { border-color: #0000 } .fc-monarch-YjJ { background-color: var(--fc-event-color) } .fc-monarch-MAH { background-color: var(--fc-monarch-background) } .fc-monarch-VTw { background-color: var(--fc-monarch-faint) } .fc-monarch-PHz { background-color: var(--fc-monarch-highlight) } .fc-monarch-4Xm { background-color: var(--fc-monarch-muted) } .fc-monarch-9Mx { background-color: var(--fc-monarch-popover) } .fc-monarch-zue { background-color: var(--fc-monarch-primary) } .fc-monarch-XMK { background-color: var(--fc-monarch-secondary) } .fc-monarch-y37 { background-color: var(--fc-monarch-selected) } .fc-monarch-4os { background-color: var(--fc-monarch-tertiary) } @media not print { @supports (color:color-mix(in lab, red, red)) { .fc-monarch-gTC { background-color: color-mix(in oklab, var(--fc-event-color)15%, transparent) } } @supports not (color:color-mix(in lab, red, red)) { .fc-monarch-gTC { position: relative; isolation: isolate } .fc-monarch-gTC:before { content: ''; position: absolute; inset: 0; background-color: var(--fc-event-color); opacity: 0.15; z-index: -1 } } } .fc-monarch-KUX { padding: 2px } .fc-monarch-iS4 { padding: 4px } .fc-monarch-3N5 { padding: 8px } .fc-monarch-lqx { padding: 16px } .fc-monarch-7A6 { padding: 1px } .fc-monarch-oQ2 { padding-inline: 2px } .fc-monarch-aCI { padding-inline: 4px } .fc-monarch-ZrE { padding-inline: 6px } .fc-monarch-Nca { padding-inline: 8px } .fc-monarch-Eaq { padding-inline: 10px } .fc-monarch-Apf { padding-inline: 12px } .fc-monarch-5su { padding-inline: 20px } .fc-monarch-2rx { padding-block: 2px } .fc-monarch-Jhn { padding-block: 4px } .fc-monarch-End { padding-block: 6px } .fc-monarch-dl6 { padding-block: 8px } .fc-monarch-8cT { padding-block: 10px } .fc-monarch-P9h { padding-block: 60px } .fc-monarch-z5u { padding-block: 1px } .fc-monarch-a7i { padding-inline-start: 2px } .fc-monarch-C2j { padding-inline-start: 4px } .fc-monarch-Utm { padding-inline-end: 4px } .fc-monarch-8ub { padding-bottom: 2px } .fc-monarch-x96 { padding-bottom: 4px } .fc-monarch-lTO { padding-bottom: 8px } .fc-monarch-b0n { padding-bottom: 12px } .fc-monarch-2HE { text-align: end } .fc-monarch-AVD { font-size: 24px; line-height: calc(2/1.5) } .fc-monarch-vQz { font-size: 11px; line-height: 1.09091 } .fc-monarch-9ZS { font-size: 18px; line-height: calc(1.75/1.125) } .fc-monarch-1Po { font-size: 16px; line-height: calc(1.5/1) } .fc-monarch-9yp { font-size: 14px; line-height: calc(1.25/.875) } .fc-monarch-a3B { font-size: 12px; line-height: calc(1/.75) } .fc-monarch-DIS { font-weight: 700 } .fc-monarch-IPx { text-overflow: ellipsis } .fc-monarch-TZ4 { white-space: nowrap } .fc-monarch-jm6 { white-space: pre } .fc-monarch-Mra { color: var(--fc-event-color) } .fc-monarch-i9F { color: var(--fc-event-contrast-color) } .fc-monarch-bZ0 { color: var(--fc-monarch-faint-foreground) } .fc-monarch-PVh { color: var(--fc-monarch-foreground) } .fc-monarch-JMv { color: var(--fc-monarch-muted-foreground) } .fc-monarch-sT2 { color: var(--fc-monarch-popover-foreground) } .fc-monarch-8ys { color: var(--fc-monarch-primary-foreground) } .fc-monarch-c3e { color: var(--fc-monarch-secondary-foreground) } .fc-monarch-bIt { color: var(--fc-monarch-selected-foreground) } .fc-monarch-CCH { color: var(--fc-monarch-tertiary-foreground) } .fc-monarch-XHd { text-transform: uppercase } .fc-monarch-L1Y { font-style: italic } .fc-monarch-lMo { opacity: .5 } .fc-monarch-iTG { opacity: .75 } .fc-monarch-1kP { box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a } .fc-monarch-tkw { box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a } .fc-monarch-A3h { box-shadow: 0 0 0 1px var(--fc-monarch-ring-color, currentcolor) } .fc-monarch-GBJ { box-shadow: 0 0 0 2px var(--fc-monarch-ring-color, currentcolor) } .fc-monarch-SC5 { --fc-monarch-ring-color: var(--fc-monarch-background) } .fc-monarch-2R2 { outline-style: solid; outline-width: 1px } .fc-monarch-x7S { outline-style: solid; outline-width: 3px } .fc-monarch-07j { outline-offset: -1px } .fc-monarch-MJY { outline-color: var(--fc-monarch-outline) } .fc-monarch-hS8 { outline-style: none !important /* HACK */ } .fc-monarch-9LE { background: linear-gradient(var(--fc-monarch-strong), var(--fc-monarch-strong))var(--fc-monarch-background) } .fc-monarch-iCr:not(:last-child) { border-bottom-style: var(--fc-monarch-border-style); border-bottom-width: 1px } @media (hover:hover) { .fc-monarch-vs6:is(:where(.fc-monarch-bCs):hover *) { display: block } .fc-monarch-JQh:is(:where(.fc-monarch-bCs):hover *) { background-color: var(--fc-monarch-muted) } .fc-monarch-Yws:is(:where(.fc-monarch-bCs):hover *) { background-color: var(--fc-monarch-tertiary-over) } .fc-monarch-rih:is(:where(.fc-monarch-bCs):hover *) { color: var(--fc-monarch-foreground) } .fc-monarch-zn9:is(:where(.fc-monarch-bCs):hover *) { color: var(--fc-monarch-strong-foreground) } .fc-monarch-Ogp:is(:where(.fc-monarch-bCs):hover *) { text-decoration-line: underline } } .fc-monarch-4Pp:is(:where(.fc-monarch-bCs):focus-visible *) { background-color: var(--fc-monarch-muted) } .fc-monarch-8El:is(:where(.fc-monarch-bCs):focus-visible *) { color: var(--fc-monarch-foreground) } .fc-monarch-Bpp:is(:where(.fc-monarch-bCs):focus-visible *) { color: var(--fc-monarch-strong-foreground) } .fc-monarch-a9l:is(:where(.fc-monarch-bCs):focus-visible *) { outline-style: solid; outline-width: 3px } .fc-monarch-Hsn:is(:where(.fc-monarch-bCs):active *) { background-color: var(--fc-monarch-strong) } .fc-monarch-jc4:is(:where(.fc-monarch-bCs):active *) { background-color: var(--fc-monarch-tertiary-down) } @media (hover:hover) { .fc-monarch-v08:hover { background-color: var(--fc-monarch-muted) } .fc-monarch-4bi:hover { background-color: var(--fc-monarch-primary-over) } .fc-monarch-ISM:hover { background-color: var(--fc-monarch-secondary-over) } .fc-monarch-SJz:hover { background-color: var(--fc-monarch-selected-over) } .fc-monarch-hbI:hover { background-color: var(--fc-monarch-tertiary-over) } .fc-monarch-Frw:hover { background-color: var(--fc-event-color) } @supports (color:color-mix(in lab, red, red)) { .fc-monarch-Frw:hover { background-color: color-mix(in oklab, var(--fc-event-color)92%, var(--fc-event-contrast-color)) } } .fc-monarch-Eu0:hover { text-decoration-line: underline } .fc-monarch-r63:hover { background: linear-gradient(var(--fc-monarch-stronger), var(--fc-monarch-stronger))var(--fc-monarch-background) } } .fc-monarch-Yib:focus-visible { background-color: var(--fc-monarch-muted) } .fc-monarch-sOR:focus-visible { outline-style: solid; outline-width: 3px } .fc-monarch-yEk:active { background-color: var(--fc-monarch-primary-down) } .fc-monarch-KwH:active { background-color: var(--fc-monarch-secondary-down) } .fc-monarch-MQC:active { background-color: var(--fc-monarch-selected-down) } .fc-monarch-6MP:active { background-color: var(--fc-monarch-strong) } .fc-monarch-yo2:active { background-color: var(--fc-monarch-tertiary-down) } .fc-monarch-st8:active { background-color: var(--fc-event-color) } @supports (color:color-mix(in lab, red, red)) { .fc-monarch-st8:active { background-color: color-mix(in oklab, var(--fc-event-color)85%, var(--fc-event-contrast-color)) } } .fc-monarch-ljX:active { background: linear-gradient(var(--fc-monarch-strongest), var(--fc-monarch-strongest))var(--fc-monarch-background) } @media print { .fc-monarch-jsy { border-width: 1px } .fc-monarch-DO7 { border-color: var(--fc-event-color) } .fc-monarch-4MR { border-color: #000 } .fc-monarch-vwH { background-color: #fff } .fc-monarch-cfp { color: #000 } } [dir=rtl] .fc-monarch-keW { rotate: -90deg } [dir=rtl] .fc-monarch-jY6 { rotate: none } [dir=rtl] .fc-monarch-ZW3 { rotate: 90deg } [dir=rtl] .fc-monarch-asP { rotate: 180deg } /* ---- themes/monarch/palettes/blue.css ---- */ :root { /* primary */ --fc-monarch-primary: rgb(65 95 145); --fc-monarch-primary-foreground: rgb(255 255 255); --fc-monarch-primary-over: #526e9c; --fc-monarch-primary-down: #647ea7; /* secondary */ --fc-monarch-secondary: rgb(214 227 255); --fc-monarch-secondary-foreground: rgb(40 71 119); --fc-monarch-secondary-over: #c9d6f2; --fc-monarch-secondary-down: #bdc9e5; /* tertiary */ --fc-monarch-tertiary: rgb(133 93 140); --fc-monarch-tertiary-foreground: rgb(255 255 255); --fc-monarch-tertiary-over: #916c97; --fc-monarch-tertiary-down: #9d7ca2; /* calendar content */ --fc-monarch-event: var(--fc-monarch-primary); --fc-monarch-event-contrast: var(--fc-monarch-primary-foreground); --fc-monarch-highlight: #d6e3ff4D; --fc-monarch-now: rgb(186 26 26); /* controls */ --fc-monarch-selected: rgb(86 95 113); --fc-monarch-selected-foreground: rgb(255 255 255); --fc-monarch-selected-over: #656e7e; --fc-monarch-selected-down: #757d8c; --fc-monarch-outline: #6687ff; /* popover */ --fc-monarch-popover: var(--fc-monarch-background); /* neutral backgrounds */ --fc-monarch-background: #ffffff; --fc-monarch-faint: #64748b1A; --fc-monarch-muted: #64748b26; --fc-monarch-strong: #64748b4D; --fc-monarch-stronger: #64748b59; --fc-monarch-strongest: #64748b66; /* neutral foregrounds */ --fc-monarch-foreground: #020617; --fc-monarch-faint-foreground: #bebebe; --fc-monarch-muted-foreground: #8d8d8d; /* neutral borders */ --fc-monarch-border: #dddee1; --fc-monarch-strong-border: #c2c3c7; } @media not print { [data-color-scheme=dark] { /* primary */ --fc-monarch-primary: rgb(170 199 255); --fc-monarch-primary-foreground: rgb(10 48 95); --fc-monarch-primary-over: #b2cdff; --fc-monarch-primary-down: #bbd2ff; /* secondary */ --fc-monarch-secondary: rgb(40 71 119); --fc-monarch-secondary-foreground: rgb(214 227 255); --fc-monarch-secondary-over: #32507e; --fc-monarch-secondary-down: #3c5885; /* tertiary */ --fc-monarch-tertiary: rgb(221 188 224); --fc-monarch-tertiary-foreground: rgb(63 40 68); --fc-monarch-tertiary-over: #e0c3e3; --fc-monarch-tertiary-down: #e4c9e6; /* calendar content */ --fc-monarch-event: var(--fc-monarch-primary); --fc-monarch-event-contrast: var(--fc-monarch-primary-foreground); --fc-monarch-highlight: #2847774D; --fc-monarch-now: rgb(255 180 171); /* controls */ --fc-monarch-selected: rgb(190 198 220); --fc-monarch-selected-foreground: rgb(40 49 65); --fc-monarch-selected-over: #c4cce0; --fc-monarch-selected-down: #cbd1e3; /* popover */ --fc-monarch-popover: rgb(17 19 24); --fc-monarch-popover-foreground: rgb(226 226 233); /* neutral backgrounds */ --fc-monarch-background: #030712; /* neutral foregrounds */ --fc-monarch-foreground: #ffffff; --fc-monarch-faint-foreground: #898989; --fc-monarch-muted-foreground: #b0b0b0; /* neutral borders */ --fc-monarch-border: #313234; --fc-monarch-strong-border: #53555a; } }