@import 'common/variable.scss';
@import 'common/mixins.scss';
.#{$--css-prefix}{
  &calendar-range{
    background:#fff;
    &--month,&--quarter{
      width: 33.333333333333336%;
      @include var-height($--box-size-height-default, 'line-height');
      @include var-height();
      text-align:center;
      &.is-active{
        color:#fff!important;
        background:rgba($--color-primary, 0.95);
      }
    }
    &--quarter{
      width:25%;
    }
    &--pane{
      @include flexbox;
      -ms-flex-wrap: wrap;
      -moz-box-lines: multiple;
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }
}