@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: 22rpx;
}

.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 32rpx;
  padding: 0 var(--padding-md,32rpx);
}

.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: 72rpx!important;
  height: var(--calendar-confirm-button-height,72rpx)!important;
  margin: 14rpx 0!important;
  margin: var(--calendar-confirm-button-margin,14rpx 0)!important;
  line-height: 68rpx!important;
  line-height: var(--calendar-confirm-button-line-height,68rpx)!important;
}