.z-calendars-inner {
    border-radius: var(--spacing6);
    overflow: hidden;
}

.z-calpp, .z-calpp-month {
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
    z-index: 10000;
}

.z-calpp-inner,
.z-calpp-month-inner {
    border: var(--border-style);
    padding: var(--spacing6) 0;
}

.z-calpp-header,
.z-calpp-month-header {
    line-height: normal;
    margin-bottom: var(--spacing4);
}

.z-calpp-close,
.z-calpp-month-close {
    right: var(--spacing8);
    top: var(--spacing8);
    width: var(--spacing16);
    height: var(--spacing16);
}

.z-calpp-close::before,
.z-calpp-month-close::before,
.z-calpp-close::after,
.z-calpp-month-close::after {
    height: var(--spacing16);
    width: var(--spacing2);
}

.z-calpp-header-cnt,
.z-calpp-month-header-cnt {
    color: var(--text-color);
    padding: var(--spacing2);
    font-size: 1.077rem;
}

.z-calpp-cnt,
.z-calpp-month-cnt {
    padding: var(--spacing2);
}

.z-calpp-evt-l,
.z-calpp-month-evt-l {
    padding-top: var(--spacing2);
    width: var(--spacing6);
}

.z-calpp-evt-m,
.z-calpp-month-evt-m {
    padding: var(--spacing2) 0 0;
}

.z-calpp-evt-r,
.z-calpp-month-evt-r {
    padding-top: var(--spacing2);
    width: var(--spacing6);
}

.z-calpp-evt-l .z-calitem-left-more-faker,
.z-calpp-month-evt-l .z-calitem-left-more-faker {
    height: var(--spacing20);
    width: var(--spacing10);
    border-top: var(--spacing10) solid white;
    border-right: var(--spacing6) solid transparent;
    border-bottom: var(--spacing10) solid white;
}

.z-calitem-body {
    border-radius: var(--border-radius4);
}

.z-calpp .z-calitem-body.z-calitem-left-arrow .z-calitem-cnt,
.z-calpp-month .z-calitem-body.z-calitem-left-arrow .z-calitem-cnt {
    padding-left: var(--spacing6);
}

.z-calitem-inner .z-calitem-cnt {
    font-size: 1.077rem;
}