.navbar__left--calendar {
  --color-duet-hovered: rgba(0, 0, 0, 0.1);

  .popup-menu {
    margin-top: 0.4rem;
  }

  .calendar-view {
    width: auto;
    padding: 0;
    overflow: hidden;
    border: none;

    &:has(.duet-date__table tbody tr:nth-child(6)) {
      min-height: 28rem;
    }

    > form {
      display: flex;
    }

    .duet-date__dialog-content {
      margin: 0;
      box-shadow: none;
      border: 0;
    }

    .duet-date__dialog-content {
      background: transparent;
    }

    .duet-date__dialog.is-active {
      transform: scale(1) !important;
    }

    .duet-date__prev,
    .duet-date__next {
      background: transparent;

      &:hover {
        background-color: var(--color-duet-hovered);
      }
    }

    .duet-date__day[aria-pressed=true],
    .duet-date__day:focus,
    .duet-date__day.is-today::before {
      background: var(--color-always-white);
      color: var(--color-black);
    }

    .duet-date__day:hover::before {
      background-color: var(--color-duet-hovered);
      opacity: 1;
    }

    .duet-date__day.is-today:hover::before {
      background: var(--color-always-white);
      color: var(--color-black);
      opacity: 0;
    }
  }

  .duet-date__dialog {
    transform-origin: top left;
    min-width: 100%;
    transform: scale(1) !important;
  }

  .duet-date__day:not(.is-month) {
    color: inherit;
    opacity: 1;
    cursor: pointer;

    span {
      opacity: 0.5;
    }
  }
}