@import "../variate.less";

.@{elNamespace}-calendar__body {
  padding: 16px 0 35px;
  .@{elNamespace}-calendar-table {
    thead th {
      height: 22px;
      font-size: 14px;
      font-weight: 400;
      color: var(~'--@{elNamespace}-text-color-primary');
      line-height: 22px;
      background: var(~'--@{elNamespace}-fill-color');
      padding: 5px 0;
    }
    tr:first-child td {
      border-top: 0;
    }
    tr td:first-child {
      border-left: 0;
    }
    .@{elNamespace}-calendar-table__row {
      td:last-child {
        .@{elNamespace}-calendar-day {
          margin-right: 0;
        }
      }
      td.is-selected {
        background-color: var(~'--@{elNamespace}-color-white');
      }
      td {
        border: 0;
      }
      .current{
        .@{elNamespace}-calendar-day{
          height: 126px;
          margin: 8px 8px 0 0;
          padding: 0;
          background-color: var(~'--@{elNamespace}-color-white');
          position: relative;
        }
      }
      .prev, .next {
        .@{elNamespace}-calendar-day{
          height: 126px;
          margin: 8px 8px 0 0;
          padding: 0;
          background-color: var(~'--@{elNamespace}-fill-color-light');
        }
      }
    }
  }
}

.@{elNamespace}-calendar__header {
  padding: 0;
  border-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}