.calendar-index {
    display: block;
    height: initial;
}
@import "../common/index.acss";

.calendar-index .van-calendar {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    height: var(--calendar-height, 100%);
    background-color: #fff;
    background-color: var(--calendar-background-color, #fff);
}

.calendar-index .van-calendar__close-icon {
    top: 11px;
}

.calendar-index .van-calendar__popup--bottom,
.calendar-index .van-calendar__popup--top {
    height: 80%;
    height: var(--calendar-popup-height, 80%);
}

.calendar-index .van-calendar__popup--left,
.calendar-index .van-calendar__popup--right {
    height: 100%;
}

.calendar-index .van-calendar__body {
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.calendar-index .van-calendar__footer {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 0 16px;
    padding: 0 var(--padding-md, 16px);
}

.calendar-index .van-calendar__footer--safe-area-inset-bottom {
    padding-bottom: env(safe-area-inset-bottom);
}

.calendar-index .van-calendar__footer + .van-calendar__footer,
.calendar-index .van-calendar__footer:empty {
    display: none;
}

.calendar-index .van-calendar__footer:empty + .van-calendar__footer {
    display: block !important;
}

.calendar-index .van-calendar__confirm {
    height: 36px !important;
    height: var(--calendar-confirm-button-height, 36px) !important;
    margin: 7px 0 !important;
    margin: var(--calendar-confirm-button-margin, 7px 0) !important;
    line-height: 34px !important;
    line-height: var(--calendar-confirm-button-line-height, 34px) !important;
}
