
.app-calendar {
    width: var(--wm-calendar-width);
    min-height: var(--wm-calendar-min-height);
    min-width: var(--wm-calendar-min-width);
}

.app-calendar-text {
    color: var(--wm-color-black);
}

.app-calendar-wrapper {
    box-shadow: var(--wm-calendar-view-shadow);
    border-style: var(--wm-calendar-view-border-style);
    border-radius: var(--wm-calendar-view-radius);
    border-color: var(--wm-calendar-day-border-color);
    background-color: var(--wm-calendar-header-background-color);
}

.app-calendar-header {
    box-shadow: none;
    border-radius: var(--wm-calendar-view-radius);
    padding-top: var(--wm-calendar-fc-header-vertical-padding);
    padding-bottom: var(--wm-calendar-fc-header-vertical-padding);
    background-color: var(--wm-calendar-header-background-color);
    border-color: var(--wm-calendar-header-background-color);
    border-bottom-width: var(--wm-calendar-header-border-bottom-width);
    border-style: var(--wm-calendar-header-border-style);
}

.app-calendar-week-day {
    border-bottom-width: var(--wm-calendar-weekday-border-bottom-width);
    border-style: var(--wm-calendar-weekday-border-style);
    padding: var(--wm-calendar-weekday-padding);
    background-color: var(--wm-calendar-header-background-color);
    border-color: var(--wm-calendar-header-background-color);
}

.app-calendar-week-day-text {
    color: var(--wm-calendar-fc-anchor-color);
    font-weight: var(--wm-calendar-fc-header-text-font-weight);
    font-family: var(--wm-calendar-weekday-text-font-family);
    font-size: var(--wm-calendar-weekday-text-font-size);
}

.app-calendar-day {
    color: var(--wm-calendar-fc-anchor-color);
    font-size: var(--wm-calendar-weekday-text-font-size);
    font-weight: var(--wm-calendar-fc-header-text-font-weight);
    font-family: var(--wm-calendar-weekday-text-font-family);
    border-color: var(--wm-calendar-day-border-color);
}

.app-calendar-not-day-of-month {
    color: var(--wm-calendar-not-day-of-month-color);
    font-weight: var(--wm-calendar-not-day-of-month-font-weight);
}

.app-calendar-month-text {
    color: var(--wm-color-on-surface);
    font-weight: var(--wm-font-weight-800);
    font-family: var(--wm-calendar-weekday-text-font-family);
}

.app-calendar-year-text {
    color: var(--wm-color-on-surface);
    font-weight: var(--wm-font-weight-800);
    font-family: var(--wm-calendar-weekday-text-font-family);
}

.app-calendar-today {
    border-color: var(--wm-form-control-border-color);
    background-color: var(--wm-calendar-header-background-color);
}

.app-calendar-eventDay1 {
    color: var(--wm-calendar-event-day1-color1);
}

.app-calendar-eventDay2 {
    color: var(--wm-calendar-event-day1-color2);
}

.app-calendar-eventDay3 {
    color: var(--wm-calendar-event-day1-color3);
}

.app-calendar-selected-day {
    background-color: var(--wm-calendar-fc-event-background);
    border-color: var(--wm-calendar-fc-event-background);
}

.app-calendar-selected-day-text {
    background-color: var(--wm-calendar-fc-event-background);
    border-color: var(--wm-calendar-fc-event-background);
    color: var(--wm-calendar-header-background-color);
    font-weight: var(--wm-font-weight-700);
}

.app-calendar-header-skeleton {
    width: var(--wm-calendar-header-skeleton-width);
    margin-bottom: var(--wm-calendar-header-skeleton-margin-bottom);
}
