body.logged-in .sidebar-sticky {
  top: 6em;
}

/* Sidebar button */
button.sidebarToggle {
  display: none;
  margin-bottom: 1em;
  border: 0;
  border-radius: var(--border-radius-btn);
  z-index: 5;
  position: relative;
}

/* Mobile pop out side bar */
@media screen and (max-width: 1024px) {
  .miles-sidebar .sidebar-not-sticky {
    display: none;
  }
  .miles-sidebar .sidebar-sticky .outbound-link {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    z-index: 9;
    justify-content: center;
    animation: MoveDown 0.3s normal;
    -webkit-animation: MoveDown 0.3s normal;
    animation-fill-mode: forwards;
  }
  .miles-sidebar .sidebar-sticky .outbound-link.sticky-header--show {
    display: flex;
  }
  button.sidebarToggle {
    display: block;
  }
  .container-sidebar > #secondary,
  .container-sidebar > #secondary h1,
  .container-sidebar > #secondary h2,
  .container-sidebar > #secondary h3,
  .container-sidebar > #secondary h4,
  .container-sidebar > #secondary h5,
  #secondary.toggled .card-specs--title {
    color: #FFFFFF;
  }
  #secondary .card-specs--title svg {
    fill: #fff;
  }
  .container-sidebar #secondary,
  .container-filters #secondary {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 999999999;
    transform: translate3d(110vw, 0, 0);
    transition: transform 0.2s ease;
    color: #FFF;
  }
  .container-sidebar > #secondary.toggled,
  .container-filters #secondary.toggled {
    transform: translate3d(0, 0, 0);
  }
  body.sidebarOpen {
    touch-action: none;
  }
  .container-sidebar #secondary .filters-wrapper,
  .container-filters #secondary .filters-wrapper,
  .container-filters #secondary .anchor-links--outer {
    position: absolute;
    width: 88vw;
    padding: 1.5em 1.5em 5em 1.5em;
    left: 13%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    overflow: scroll;
    background: var(--color-secondary);
    box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.55);
    z-index: 1;
  }
  /* close filters */
  .container-sidebar #secondary .close-filters button.sidebarToggle,
  .container-filters #secondary .close-filters button.sidebarToggle {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 15vw;
    height: 2.6em;
    border-radius: 0;
    font-size: 1.5em;
    padding: 0;
    background: transparent;
  }
  /* show results */
  .show-results {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 15vw;
    width: 85vw;
    background: var(--color-secondary);
    padding: 0.8em 1.5em;
  }
  .show-results button.sidebarToggle {
    margin: 0;
    width: 100%;
  }
  .filters-open-space {
    content: " ";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: hsla(0, 0%, 7%, 0.5);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0s;
  }
  #secondary.toggled .filters-open-space {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    cursor: pointer;
  }
}
@media screen and (min-width: 1024px) {
  .miles-sidebar {
    width: 24%;
    position: sticky;
    top: 5em;
  }
  .miles-sidebar .sidebar-not-sticky {
    display: block;
  }
  .miles-sidebar .sidebar-temp-sticky {
    position: sticky;
    top: 5em;
  }
  body.logged-in .miles-sidebar .sidebar-temp-sticky {
    top: 7em;
  }
}

/*# sourceMappingURL=sidebar.css.map */