.calendar-backlink {
  @media (max-width: 39.95em) {
    display: none;
  }
}

.calendar-backlink\@mobile {
  display: none;

  @media (max-width: 39.95em) {
    display: block !important;
    margin-inline-end: var(--base-space);
  }
}

.calendar-view-toggle__wrapper {
  background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-tertiary) 100%);
  border-radius: 4em;
  padding: 1px;

  .mode-switch{
    margin-left: var(--quarter-space);
    background: transparent;

    @media (max-width: 39.95em) {
      margin-left: 0;
    }

    &::before {
      content: "";
      border-left: 1px solid var(--color-bg--main-thin);
      position: absolute;
      top: 15%;
      bottom: 15%;
      left: calc(-1 * var(--quarter-space));
    }
  }

}

.calendar-view-toggle__jump-menu {
  padding: 0 var(--base-space);
  width: 2em;
  min-width: 2em;
  height: 2em;

  &::before {
    filter: var(--colorize-inverted-ink);
    background-position-x: 55%;
    background-size: 1em;
  }

  @media (max-width: 39.95em) {
    display: none;
  }
}

.calendar-view-toggle {
  .popup-menu {
    min-height: 25rem;
    min-width: 25rem;
  }

  .duet-date__input {
    display: none;
  }
}