@dodlhuat/basix 1.4.1 → 1.4.3

package/css/calendar.css

@@ -1,928 +0,0 @@
-.cal {
-  --cal-spacing-xs: 4px;
-  --cal-spacing-sm: 8px;
-  --cal-spacing-md: 12px;
-  --cal-spacing-lg: 16px;
-  --cal-bg: var(--background);
-  --cal-bg-alt: var(--secondary-background);
-  --cal-bg-hover: var(--hover);
-  --cal-border: var(--divider);
-  --cal-text: var(--primary-text);
-  --cal-text-muted: var(--secondary-text);
-  --cal-accent: var(--accent-color);
-  --cal-accent-light: var(--accent-color-lighten);
-  --cal-accent-text: #fff;
-  --cal-today-ring: var(--accent-color);
-  --cal-hour-height: 48px;
-  --cal-time-col-width: 52px;
-  --cal-radius: 0.4rem;
-  --cal-radius-sm: calc(0.4rem * 0.5);
-  font-family: var(--font-family, "Outfit", sans-serif);
-  color: var(--cal-text);
-  box-sizing: border-box;
-  width: 100%;
-  -webkit-tap-highlight-color: transparent;
-}
-
-.cal *,
-.cal *::before,
-.cal *::after {
-  box-sizing: inherit;
-}
-
-.cal__header {
-  display: flex;
-  align-items: center;
-  gap: var(--cal-spacing-sm);
-  margin-bottom: var(--cal-spacing-lg);
-  flex-wrap: wrap;
-}
-
-.cal__title {
-  flex: 1;
-  min-width: 120px;
-  font-size: 1.25rem;
-  font-weight: 700;
-  color: var(--cal-text);
-  margin: 0;
-  letter-spacing: -0.02em;
-}
-
-.cal__nav {
-  display: flex;
-  gap: var(--cal-spacing-xs);
-  align-items: center;
-}
-
-.cal__btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--cal-spacing-xs);
-  padding: 6px var(--cal-spacing-md);
-  font-family: inherit;
-  font-size: 0.8125rem;
-  font-weight: 500;
-  line-height: 1.5;
-  cursor: pointer;
-  border: 1px solid var(--cal-border);
-  border-radius: var(--cal-radius);
-  background: transparent;
-  color: var(--cal-text);
-  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
-  white-space: nowrap;
-}
-.cal__btn:hover {
-  background: var(--cal-bg-hover);
-}
-.cal__btn:focus-visible {
-  outline: 2px solid var(--cal-accent);
-  outline-offset: 2px;
-}
-.cal__btn:active {
-  transform: scale(0.95);
-}
-.cal__btn--active, .cal__btn[aria-pressed=true] {
-  background: var(--cal-accent);
-  border-color: var(--cal-accent);
-  color: var(--cal-accent-text);
-  font-weight: 600;
-}
-.cal__btn .icon-svg {
-  width: 16px;
-  height: 16px;
-  fill: currentColor;
-  vertical-align: middle;
-}
-
-.cal__view-toggle {
-  display: flex;
-  background: var(--cal-bg-alt);
-  border-radius: var(--cal-radius);
-  padding: 3px;
-  gap: 2px;
-  position: relative;
-}
-.cal__view-toggle .cal__btn {
-  border: none;
-  border-radius: calc(var(--cal-radius) - 2px);
-  padding: 5px 14px;
-  font-size: 0.75rem;
-  background: transparent;
-  color: var(--cal-text-muted);
-  transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
-  position: relative;
-  z-index: 1;
-}
-.cal__view-toggle .cal__btn--active, .cal__view-toggle .cal__btn[aria-pressed=true] {
-  background: var(--cal-bg);
-  color: var(--cal-text);
-  font-weight: 600;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.03);
-}
-
-.cal__body {
-  width: 100%;
-}
-
-.cal__month-grid {
-  border: 1px solid var(--cal-border);
-  border-radius: var(--cal-radius);
-  overflow: hidden;
-}
-
-.cal__month-head {
-  display: grid;
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-  gap: 1px;
-  background: var(--cal-border);
-}
-
-.cal__weekday {
-  background: var(--cal-bg-alt);
-  padding: var(--cal-spacing-sm) var(--cal-spacing-xs);
-  text-align: center;
-  font-size: 0.6875rem;
-  font-weight: 600;
-  color: var(--cal-text-muted);
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-}
-
-.cal__week-row {
-  display: grid;
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-  gap: 1px;
-  background: var(--cal-border);
-  position: relative;
-  border-top: 1px solid var(--cal-border);
-}
-.cal__week-row .cal__day-events {
-  margin-top: calc(var(--span-lanes, 0) * var(--cal-span-lane-height, 20px));
-}
-
-.cal__day {
-  background: var(--cal-bg);
-  padding: var(--cal-spacing-xs) var(--cal-spacing-sm);
-  min-height: 88px;
-  cursor: default;
-  position: relative;
-}
-.cal__day--empty {
-  background: var(--cal-bg-alt);
-  pointer-events: none;
-}
-.cal__day--outside .cal__day-num {
-  opacity: 0.25;
-}
-.cal__day--outside .cal__day-events {
-  opacity: 0.25;
-}
-.cal__day.is-today .cal__day-num {
-  background: var(--cal-today-ring);
-  color: var(--cal-accent-text);
-  border-radius: 50%;
-  font-weight: 700;
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cal-accent) 20%, transparent);
-}
-.cal__day.has-events::after {
-  content: "";
-  display: none;
-  position: absolute;
-  bottom: 6px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background: var(--cal-accent);
-}
-
-.cal__day-num {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  font-size: 0.8125rem;
-  font-weight: 500;
-  color: var(--cal-text);
-  margin-bottom: var(--cal-spacing-xs);
-  flex-shrink: 0;
-  border-radius: 50%;
-  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.25s ease, transform 0.15s ease;
-}
-
-.cal__day-events {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  overflow: hidden;
-}
-
-.cal__event-pill {
-  font-size: 0.6875rem;
-  line-height: 1.4;
-  padding: 2px 6px;
-  border-radius: var(--cal-radius-sm);
-  background: var(--cal-bg-alt);
-  color: var(--cal-text);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  cursor: pointer;
-  border: none;
-  border-left: 2px solid var(--cal-accent-light);
-  display: block;
-  text-align: left;
-  width: 100%;
-  transition: background 0.12s ease, transform 0.1s ease;
-}
-.cal__event-pill:hover {
-  background: var(--cal-bg-hover);
-}
-.cal__event-pill:active {
-  transform: scale(0.97);
-}
-.cal__event-pill:focus-visible {
-  outline: 2px solid var(--cal-accent);
-  outline-offset: 1px;
-}
-.cal__event-pill.badge-success {
-  border-left-color: var(--success);
-}
-.cal__event-pill.badge-warning {
-  border-left-color: var(--warning);
-}
-.cal__event-pill.badge-error {
-  border-left-color: var(--error);
-}
-.cal__event-pill.badge-info {
-  border-left-color: var(--accent-color);
-}
-
-.cal__event-more {
-  font-size: 0.625rem;
-  font-weight: 600;
-  color: var(--cal-accent);
-  padding: 1px 6px;
-  cursor: pointer;
-}
-
-.cal__span-bar {
-  position: absolute;
-  height: 18px;
-  line-height: 18px;
-  font-size: 0.6875rem;
-  font-weight: 500;
-  padding: 0 6px;
-  border-radius: var(--cal-radius-sm);
-  background: var(--cal-bg-alt);
-  border-left: 2px solid var(--cal-accent-light);
-  color: var(--cal-text);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  cursor: pointer;
-  z-index: 2;
-  transition: filter 0.12s ease, transform 0.1s ease;
-  left: calc(var(--span-col) * 100% / 7);
-  width: calc(var(--span-len) * 100% / 7 - 4px);
-}
-.cal__span-bar:hover {
-  filter: brightness(0.94);
-}
-.cal__span-bar:active {
-  transform: scale(0.97);
-}
-.cal__span-bar:focus-visible {
-  outline: 2px solid var(--cal-accent);
-  outline-offset: 1px;
-}
-.cal__span-bar--cont-before {
-  border-left: none;
-  border-radius: 0 var(--cal-radius-sm) var(--cal-radius-sm) 0;
-  padding-left: 4px;
-}
-.cal__span-bar--cont-after {
-  border-radius: var(--cal-radius-sm) 0 0 var(--cal-radius-sm);
-}
-.cal__span-bar--cont-before.cal__span-bar--cont-after {
-  border-radius: 0;
-}
-.cal__span-bar.badge-success {
-  border-left-color: var(--success);
-  background: color-mix(in srgb, var(--success) 14%, var(--cal-bg));
-}
-.cal__span-bar.badge-warning {
-  border-left-color: var(--warning);
-  background: color-mix(in srgb, var(--warning) 14%, var(--cal-bg));
-}
-.cal__span-bar.badge-error {
-  border-left-color: var(--error);
-  background: color-mix(in srgb, var(--error) 14%, var(--cal-bg));
-}
-.cal__span-bar.badge-info {
-  border-left-color: var(--accent-color);
-  background: color-mix(in srgb, var(--accent-color) 14%, var(--cal-bg));
-}
-
-.cal__week-row > .cal__span-bar {
-  top: calc(36px + var(--span-lane) * var(--cal-span-lane-height, 20px));
-}
-
-.cal__event-time {
-  font-weight: 600;
-  margin-right: 3px;
-  opacity: 0.7;
-}
-
-.cal__week {
-  border: 1px solid var(--cal-border);
-  border-radius: var(--cal-radius);
-  overflow: hidden;
-}
-
-.cal__week-head {
-  display: grid;
-  grid-template-columns: var(--cal-time-col-width) repeat(7, minmax(0, 1fr));
-  background: var(--cal-bg-alt);
-  border-bottom: 1px solid var(--cal-border);
-  overflow-y: auto;
-  scrollbar-gutter: stable;
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-}
-.cal__week-head::-webkit-scrollbar {
-  width: 5px;
-}
-.cal__week-head::-webkit-scrollbar-track, .cal__week-head::-webkit-scrollbar-thumb {
-  background: transparent;
-}
-
-.cal__week-head-time {
-  padding: var(--cal-spacing-sm) var(--cal-spacing-xs);
-  font-size: 0.6875rem;
-  color: var(--cal-text-muted);
-}
-
-.cal__week-head-day {
-  padding: var(--cal-spacing-sm) var(--cal-spacing-xs);
-  text-align: center;
-  font-size: 0.6875rem;
-  font-weight: 600;
-  color: var(--cal-text-muted);
-  border-left: 1px solid var(--cal-border);
-  cursor: default;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-.cal__week-head-day span {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.0625rem;
-  font-weight: 600;
-  color: var(--cal-text);
-  line-height: 1;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  margin-top: 2px;
-  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.25s ease;
-  text-transform: none;
-  letter-spacing: normal;
-}
-.cal__week-head-day.is-today span {
-  background: var(--cal-today-ring);
-  color: var(--cal-accent-text);
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cal-accent) 20%, transparent);
-}
-
-.cal__allday {
-  display: grid;
-  grid-template-columns: var(--cal-time-col-width) 1fr;
-  border-bottom: 1px solid var(--cal-border);
-  background: var(--cal-bg);
-  overflow-y: auto;
-  scrollbar-gutter: stable;
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-}
-.cal__allday::-webkit-scrollbar {
-  width: 5px;
-}
-.cal__allday::-webkit-scrollbar-track, .cal__allday::-webkit-scrollbar-thumb {
-  background: transparent;
-}
-
-.cal__allday-label {
-  padding: var(--cal-spacing-xs);
-  font-size: 0.625rem;
-  color: var(--cal-text-muted);
-  display: flex;
-  align-items: flex-start;
-  padding-top: 6px;
-  font-weight: 500;
-}
-
-.cal__allday-spans {
-  position: relative;
-  display: grid;
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-  min-height: calc(max(var(--allday-lanes, 1), 1) * var(--cal-span-lane-height, 20px) + 6px);
-}
-.cal__allday-spans > .cal__span-bar {
-  top: calc(var(--span-lane) * var(--cal-span-lane-height, 20px) + 3px);
-}
-
-.cal__allday-col {
-  border-left: 1px solid var(--cal-border);
-  min-height: 100%;
-}
-.cal__allday-col:first-child {
-  border-left: none;
-}
-
-.cal__week-body {
-  overflow-y: auto;
-  max-height: 480px;
-  position: relative;
-  background: var(--cal-bg);
-  scrollbar-width: thin;
-  scrollbar-gutter: stable;
-  scrollbar-color: var(--cal-border) transparent;
-}
-.cal__week-body::-webkit-scrollbar {
-  width: 5px;
-}
-.cal__week-body::-webkit-scrollbar-track {
-  background: transparent;
-}
-.cal__week-body::-webkit-scrollbar-thumb {
-  background: var(--cal-border);
-  border-radius: 3px;
-}
-
-.cal__week-grid {
-  display: grid;
-  grid-template-columns: var(--cal-time-col-width) repeat(7, minmax(0, 1fr));
-  position: relative;
-}
-
-.cal__time-col {
-  display: flex;
-  flex-direction: column;
-  background: var(--cal-bg-alt);
-}
-
-.cal__time-slot {
-  height: var(--cal-hour-height);
-  display: flex;
-  align-items: flex-start;
-  padding-top: 3px;
-  padding-right: var(--cal-spacing-sm);
-  font-size: 0.625rem;
-  font-weight: 500;
-  color: var(--cal-text-muted);
-  justify-content: flex-end;
-  border-top: 1px solid var(--cal-border);
-  flex-shrink: 0;
-}
-.cal__time-slot:first-child {
-  border-top: none;
-}
-
-.cal__day-col {
-  border-left: 1px solid var(--cal-border);
-  position: relative;
-}
-
-.cal__day-col-hour {
-  height: var(--cal-hour-height);
-  border-top: 1px solid var(--cal-border);
-  flex-shrink: 0;
-  position: relative;
-}
-.cal__day-col-hour:first-child {
-  border-top: none;
-}
-.cal__day-col-hour::after {
-  content: "";
-  display: block;
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 50%;
-  height: 1px;
-  background: var(--cal-border);
-  opacity: 0.4;
-  pointer-events: none;
-}
-
-.cal__week-event {
-  position: absolute;
-  left: 2px;
-  right: 2px;
-  border-radius: var(--cal-radius-sm);
-  font-size: 0.6875rem;
-  line-height: 1.3;
-  padding: 3px 6px;
-  overflow: hidden;
-  cursor: pointer;
-  background: color-mix(in srgb, var(--cal-accent) 10%, var(--cal-bg));
-  color: var(--cal-text);
-  border-left: 3px solid var(--cal-accent);
-  z-index: 1;
-  transition: box-shadow 0.15s ease, transform 0.1s ease;
-}
-.cal__week-event:hover {
-  z-index: 2;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
-  transform: translateY(-1px);
-}
-.cal__week-event:active {
-  transform: scale(0.98);
-}
-.cal__week-event:focus-visible {
-  outline: 2px solid var(--cal-accent);
-  outline-offset: 1px;
-  z-index: 3;
-}
-.cal__week-event.badge-success {
-  border-left-color: var(--success);
-  background: color-mix(in srgb, var(--success) 10%, var(--cal-bg));
-}
-.cal__week-event.badge-warning {
-  border-left-color: var(--warning);
-  background: color-mix(in srgb, var(--warning) 10%, var(--cal-bg));
-}
-.cal__week-event.badge-error {
-  border-left-color: var(--error);
-  background: color-mix(in srgb, var(--error) 10%, var(--cal-bg));
-}
-.cal__week-event.badge-info {
-  border-left-color: var(--accent-color);
-  background: color-mix(in srgb, var(--accent-color) 10%, var(--cal-bg));
-}
-
-.cal__now-line {
-  position: absolute;
-  left: var(--cal-time-col-width);
-  right: 0;
-  height: 2px;
-  background: var(--error);
-  z-index: 5;
-  pointer-events: none;
-}
-.cal__now-line::before {
-  content: "";
-  display: block;
-  position: absolute;
-  left: -5px;
-  top: -4px;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: var(--error);
-  animation: cal-now-pulse 2s ease-in-out infinite;
-}
-
-.cal__agenda {
-  border: 1px solid var(--cal-border);
-  border-radius: var(--cal-radius);
-  overflow: hidden;
-}
-
-.cal__agenda-day {
-  display: flex;
-  gap: var(--cal-spacing-lg);
-  padding: var(--cal-spacing-md) var(--cal-spacing-lg);
-  border-bottom: 1px solid var(--cal-border);
-}
-.cal__agenda-day:last-child {
-  border-bottom: none;
-}
-.cal__agenda-day.is-today {
-  background: color-mix(in srgb, var(--cal-accent) 4%, var(--cal-bg));
-}
-
-.cal__agenda-date {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 44px;
-  flex-shrink: 0;
-}
-
-.cal__agenda-dow {
-  font-size: 0.625rem;
-  color: var(--cal-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  font-weight: 600;
-}
-
-.cal__agenda-num {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 34px;
-  height: 34px;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--cal-text);
-  border-radius: 50%;
-  margin-top: 2px;
-  transition: background 0.2s ease, color 0.2s ease;
-}
-.cal__agenda-num.is-today {
-  background: var(--cal-today-ring);
-  color: var(--cal-accent-text);
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cal-accent) 20%, transparent);
-}
-
-.cal__agenda-events {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: var(--cal-spacing-sm);
-  padding-top: 4px;
-  min-width: 0;
-}
-
-.cal__agenda-event {
-  display: flex;
-  align-items: baseline;
-  gap: var(--cal-spacing-sm);
-  padding: var(--cal-spacing-sm) var(--cal-spacing-md);
-  border-radius: var(--cal-radius-sm);
-  background: var(--cal-bg-alt);
-  border-left: 3px solid var(--cal-accent-light);
-  cursor: pointer;
-  transition: background 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
-}
-.cal__agenda-event:hover {
-  background: var(--cal-bg-hover);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
-}
-.cal__agenda-event:active {
-  transform: scale(0.98);
-}
-.cal__agenda-event:focus-visible {
-  outline: 2px solid var(--cal-accent);
-  outline-offset: 1px;
-}
-.cal__agenda-event.badge-success {
-  border-left-color: var(--success);
-}
-.cal__agenda-event.badge-warning {
-  border-left-color: var(--warning);
-}
-.cal__agenda-event.badge-error {
-  border-left-color: var(--error);
-}
-.cal__agenda-event.badge-info {
-  border-left-color: var(--accent-color);
-}
-
-.cal__agenda-event-time {
-  font-size: 0.75rem;
-  color: var(--cal-text-muted);
-  font-weight: 600;
-  white-space: nowrap;
-  min-width: 110px;
-  flex-shrink: 0;
-}
-
-.cal__agenda-event-title {
-  font-size: 0.875rem;
-  color: var(--cal-text);
-  font-weight: 500;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.cal__agenda-empty {
-  padding: var(--cal-spacing-lg);
-  color: var(--cal-text-muted);
-  font-size: 0.875rem;
-  text-align: center;
-}
-
-@media (max-width: 600px) {
-  .cal__header {
-    gap: var(--cal-spacing-xs);
-  }
-  .cal__title {
-    font-size: 1.0625rem;
-    order: -1;
-    width: 100%;
-  }
-  .cal__nav {
-    flex: 1;
-  }
-  .cal__view-toggle {
-    padding: 2px;
-    gap: 1px;
-  }
-  .cal__view-toggle .cal__btn {
-    padding: 4px 10px;
-    font-size: 0.6875rem;
-  }
-  .cal__month-grid {
-    border: none;
-    border-radius: 0;
-  }
-  .cal__month-head {
-    gap: 0;
-    background: transparent;
-  }
-  .cal__week-row {
-    gap: 0;
-    background: transparent;
-    border-top: none;
-  }
-  .cal__weekday {
-    background: transparent;
-    padding: var(--cal-spacing-sm) 0;
-    font-size: 0.625rem;
-  }
-  .cal__day {
-    min-height: 52px;
-    padding: var(--cal-spacing-xs) 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: flex-start;
-    background: transparent;
-  }
-  .cal__day--empty {
-    background: transparent;
-  }
-  .cal__day--outside .cal__day-num {
-    opacity: 0.25;
-  }
-  .cal__day.has-events::after {
-    display: block;
-    position: static;
-    transform: none;
-    margin-top: 3px;
-  }
-  .cal__day-num {
-    width: 36px;
-    height: 36px;
-    font-size: 0.8125rem;
-    margin-bottom: 0;
-  }
-  .cal__day-events,
-  .cal__event-pill,
-  .cal__event-more,
-  .cal__span-bar {
-    display: none;
-  }
-  .cal__week-row .cal__day-events {
-    margin-top: 0;
-  }
-  .cal {
-    --cal-time-col-width: 40px;
-  }
-  .cal__week-body {
-    max-height: 360px;
-  }
-  .cal__week-head-day {
-    font-size: 0.5625rem;
-    padding: var(--cal-spacing-xs) 2px;
-  }
-  .cal__week-head-day span {
-    font-size: 0.875rem;
-    width: 28px;
-    height: 28px;
-  }
-  .cal__time-slot {
-    font-size: 0.5rem;
-    padding-right: 3px;
-  }
-  .cal__agenda-day {
-    padding: var(--cal-spacing-sm) var(--cal-spacing-md);
-    gap: var(--cal-spacing-md);
-  }
-  .cal__agenda-event {
-    padding: var(--cal-spacing-xs) var(--cal-spacing-sm);
-    flex-direction: column;
-    gap: 2px;
-  }
-  .cal__agenda-event-time {
-    min-width: 0;
-    font-size: 0.6875rem;
-  }
-  .cal__agenda-event-title {
-    font-size: 0.8125rem;
-  }
-}
-@media print {
-  .cal__header .cal__view-toggle,
-  .cal__header .cal__nav .cal__btn--today {
-    display: none;
-  }
-  .cal__week-body {
-    max-height: none;
-    overflow: visible;
-  }
-  .cal__month-grid,
-  .cal__week,
-  .cal__agenda {
-    border: 1px solid #ccc;
-  }
-}
-@media (prefers-reduced-motion: no-preference) {
-  .cal__body {
-    animation: cal-slide-in 0.25s cubic-bezier(0.2, 0, 0, 1);
-  }
-  .cal__day,
-  .cal__agenda-day {
-    animation: cal-cell-in 0.3s cubic-bezier(0.2, 0, 0, 1) both;
-  }
-  .cal__week-row:nth-child(1) .cal__day {
-    animation-delay: 0.01s;
-  }
-  .cal__week-row:nth-child(2) .cal__day {
-    animation-delay: 0.04s;
-  }
-  .cal__week-row:nth-child(3) .cal__day {
-    animation-delay: 0.07s;
-  }
-  .cal__week-row:nth-child(4) .cal__day {
-    animation-delay: 0.1s;
-  }
-  .cal__week-row:nth-child(5) .cal__day {
-    animation-delay: 0.13s;
-  }
-  .cal__week-row:nth-child(6) .cal__day {
-    animation-delay: 0.16s;
-  }
-  .cal__week-row:nth-child(7) .cal__day {
-    animation-delay: 0.19s;
-  }
-  .cal__agenda-day:nth-child(1) {
-    animation-delay: 0.03s;
-  }
-  .cal__agenda-day:nth-child(2) {
-    animation-delay: 0.06s;
-  }
-  .cal__agenda-day:nth-child(3) {
-    animation-delay: 0.09s;
-  }
-  .cal__agenda-day:nth-child(4) {
-    animation-delay: 0.12s;
-  }
-  .cal__agenda-day:nth-child(5) {
-    animation-delay: 0.15s;
-  }
-  .cal__agenda-day:nth-child(6) {
-    animation-delay: 0.18s;
-  }
-  .cal__agenda-day:nth-child(7) {
-    animation-delay: 0.21s;
-  }
-  .cal__agenda-day:nth-child(8) {
-    animation-delay: 0.24s;
-  }
-  .cal__agenda-day:nth-child(9) {
-    animation-delay: 0.27s;
-  }
-  .cal__agenda-day:nth-child(10) {
-    animation-delay: 0.3s;
-  }
-}
-@keyframes cal-slide-in {
-  from {
-    opacity: 0;
-    transform: translateY(8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-@keyframes cal-cell-in {
-  from {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-@keyframes cal-now-pulse {
-  0%, 100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-  50% {
-    opacity: 0.5;
-    transform: scale(1.3);
-  }
-}