@import '../common/index.wxss';

.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)
}

.van-calendar__close-icon {
    top: 11px
}

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

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

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

.van-calendar__footer {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 0 16px;
    padding: 0 var(--padding-md, 16px);
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 200rpx;
}

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

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

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

.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
}