/* Farm Flow v0.9.23b – Sidebar Zoom Farbfix */

@media (min-width: 681px) {
  #sidebar.sidebar,
  .sidebar {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    opacity: 1 !important;
    filter: none !important;
    isolation: isolate !important;
    background-color: #174663 !important;
    background-image: linear-gradient(180deg, #123d59 0%, #1f527c 52%, #315f92 100%) !important;
    color: #fff !important;
  }

  #sidebar.sidebar::before,
  #sidebar.sidebar::after,
  .sidebar::before,
  .sidebar::after,
  .sidebar .nav-list::before,
  .sidebar .nav-list::after {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .sidebar-head,
  .sidebar-story,
  .sidebar-user,
  .sidebar .nav-list {
    position: relative !important;
    z-index: 2 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .sidebar-head {
    flex: 0 0 auto !important;
  }

  .sidebar .nav-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,.34) transparent !important;
    background: transparent !important;
  }

  .sidebar .nav-list::-webkit-scrollbar {
    width: 6px !important;
  }

  .sidebar .nav-list::-webkit-scrollbar-track {
    background: transparent !important;
  }

  .sidebar .nav-list::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: rgba(255,255,255,.34) !important;
  }

  .sidebar .nav-item,
  .sidebar .nav-item span,
  .sidebar-story,
  .sidebar-story *,
  .sidebar-user,
  .sidebar-user * {
    opacity: 1 !important;
    filter: none !important;
  }

  .sidebar .nav-item {
    color: rgba(255,255,255,.94) !important;
  }

  .sidebar .nav-item:hover,
  .sidebar .nav-item.active {
    color: #fff !important;
  }

  .sidebar-story,
  .sidebar-user {
    flex: 0 0 auto !important;
    background: transparent !important;
  }

  .sidebar-user {
    margin-top: 8px !important;
    padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
  }
}

@media (min-width: 681px) and (max-height: 820px) {
  .sidebar-story {
    display: none !important;
  }

  .sidebar .nav-list {
    padding-bottom: 6px !important;
  }

  .sidebar-user {
    margin-top: 5px !important;
    padding-top: 9px !important;
  }
}

@media (min-width: 681px) and (max-height: 650px) {
  .sidebar .nav-item {
    min-height: 38px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .sidebar-head {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 680px) {
  #sidebar.sidebar,
  .sidebar {
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    background-color: #174663 !important;
    background-image: linear-gradient(180deg, #123d59 0%, #1f527c 52%, #315f92 100%) !important;
    opacity: 1 !important;
    filter: none !important;
  }

  .sidebar .nav-list {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}