.datepicker__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 0.7rem; }

.datepicker__month {
  font-family: "GTA", sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin: 0; }

.datepicker__table {
  table-layout: fixed;
  width: 100%; }

.datepicker__cell {
  will-change: transform;
  padding: 0; }

.datepicker__control {
  padding: 2px;
  outline: 0;
  transition: transform 150ms cubic-bezier(0, 0, 0.1, 1);
  will-change: transform; }
  .datepicker__control:hover, .datepicker__control:focus {
    filter: drop-shadow(0 0 5px #7A0000); }
  .datepicker__control--next:active {
    transform: translateX(2px); }
  .datepicker__control--back:active {
    transform: translateX(-2px); }
  .datepicker__control[disabled] {
    pointer-events: none;
    opacity: 0.5; }

.datepicker__day-name--long {
  display: none; }
  @media (min-width: 640px) {
    .datepicker__day-name--long {
      display: block; } }

.datepicker__day-name--short {
  display: block; }
  @media (min-width: 640px) {
    .datepicker__day-name--short {
      display: none; } }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 70ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 100ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 130ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 160ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 190ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(1) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 100ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 130ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 160ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 190ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(2) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 280ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 130ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 160ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 190ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 280ms; }

.datepicker__row--animate:nth-child(3) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 310ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 160ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 190ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 280ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 310ms; }

.datepicker__row--animate:nth-child(4) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 340ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 190ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 280ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 310ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 340ms; }

.datepicker__row--animate:nth-child(5) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 370ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(1) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 220ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(2) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 250ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(3) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 280ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(4) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 310ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(5) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 340ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(6) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 370ms; }

.datepicker__row--animate:nth-child(6) .datepicker__cell:nth-child(7) {
  animation: date-item-in 200ms cubic-bezier(0, 0, 0.1, 1) both;
  animation-delay: 400ms; }

.datepicker__item {
  text-align: center;
  width: 100%; }
  .datepicker__item--action {
    font-family: "GTA", sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.2;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    cursor: pointer;
    height: 3rem;
    outline: 0;
    padding: 1px;
    color: #ad1409;
    background-color: #fff; }
    @media screen and (min-width: 1000px) {
      .datepicker__item--action {
        font-size: 1.65rem;
        line-height: 1.2; } }
    .datepicker__item--action:hover, .datepicker__item--action:focus {
      color: #fff;
      background-color: #ad1409;
      box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1); }
    .datepicker__item--action[disabled] {
      pointer-events: none;
      overflow: hidden;
      text-decoration: line-through;
      opacity: 0.5; }
    @media (min-width: 640px) {
      .datepicker__item--action {
        height: 4rem; } }
  .datepicker__item--header {
    font-family: "GTA", sans-serif;
    font-weight: normal;
    margin-bottom: 0.3rem; }

@keyframes date-item-in {
  from {
    opacity: 0;
    transform: translateY(-20px); } }