#calendar button[aria-label^="This "][disabled] {
  /* display: none; */
}

:root {
  /* buttons */
  --fc-classic-button: #bc1d23;
  --fc-classic-button-border: #bc1d23;
  --fc-classic-button-strong: #555;
  --fc-classic-button-strong-border: #555;
  --fc-classic-button-outline: #bc1d23;
  --fc-classic-button-foreground: #fff;

  /* primary */
  --fc-classic-primary: #bc1d23;
  --fc-classic-primary-foreground: #fff;

  /* calendar content */
  --fc-classic-event: var(--fc-classic-primary);
  --fc-classic-event-contrast: var(--fc-classic-primary-foreground);
  --fc-classic-background-event: #ffdbd1;
  --fc-classic-background-event-opacity: 15%;
  --fc-classic-background-event-foreground-opacity: 50%;
  --fc-classic-highlight: #ffdbd14d;
  --fc-classic-today: #bc1d2333;
  --fc-classic-now: #ba1a1a;
  /* non-colors */
  --fc-classic-small-dot-width: 8px;
  --fc-classic-large-dot-width: 10px;

  /* neutral backgrounds */
  --fc-classic-background: #ffffff;
  --fc-classic-faint: #7c6d671a;
  --fc-classic-muted: #7c6d6726;
  --fc-classic-strong: #7c6d674d;

  /* neutral foregrounds */
  --fc-classic-foreground: #0c0a09;
  --fc-classic-faint-foreground: #bebebe;
  --fc-classic-muted-foreground: #8d8d8d;

  /* neutral borders */
  --fc-classic-border: #e2dedd;
  --fc-classic-strong-border: #c9c4c3;
}

@media not print {
  [data-color-scheme="dark"] {
    /* buttons */
    --fc-classic-button: #ffb5a0;
    --fc-classic-button-border: #ffb5a0;
    --fc-classic-button-strong: #ffc4b3;
    --fc-classic-button-strong-border: #ffbda9;
    --fc-classic-button-outline: #f94e1b80;
    --fc-classic-button-foreground: #561f0f;

    /* calendar content */
    --fc-classic-primary: #ffb5a0;
    --fc-classic-primary-foreground: #561f0f;
    --fc-classic-background-event: #723523;
    --fc-classic-now: #ffb4ab;
    --fc-classic-highlight: #7235234d;
    --fc-classic-today: #e7bdb2;

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

    /* neutral foregrounds */
    --fc-classic-foreground: #ffffff;
    --fc-classic-faint-foreground: #898989;
    --fc-classic-muted-foreground: #b0b0b0;

    /* neutral borders */
    --fc-classic-border: #34312f;
    --fc-classic-strong-border: #544f4d;
  }
}

@media screen and (max-width: 767px) {
  .fc .fc-toolbar-title {
    font-size: 1.2em !important;
  }

  .fc .fc-button {
    padding: 0.2em 0.45em !important;
    font-size: 0.75rem !important;
  }

  .fc .fc-button .fc-icon {
    vertical-align: middle !important;
    font-size: 1em !important;
  }

  a.fc-daygrid-week-number {
    font-size: xx-small;
  }

  .fc-daygrid-day-events {
    position: absolute;
    top: 0px;
    color: blue;
    font-size: x-small;
  }
}

#event-dialog {
  box-sizing: border-box;
  width: min(52rem, calc(100% - 2rem));
  max-height: 85vh;
  overflow: auto;
  padding: 1.5rem;
  border: 0;
  border-radius: 0;
}
#event-dialog::backdrop {
  background: rgb(0 0 0 / 45%);
}
#event-dialog-close {
  display: block;
  margin: 0 0 0.5rem auto;
  padding: 0.25rem 0.5rem;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}
#event-dialog-close:focus {
  outline: none;
}
#event-dialog-description {
  white-space: pre-line;
}
#event-dialog-toolbar:not([hidden]) {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}
#event-dialog-toolbar a {
  display: inline-block;
  padding: 0.5rem 1rem;
  border: 1px solid currentColor;
  border-radius: 0.25rem;
  text-decoration: none;
}