/* STS v5.8.23 - polished compact homepage sidebar rail */
@media (min-width: 761px) {
  html body .sts402-shell.sts421-sidebar-collapsed {
    --sts-home-sidebar-width: 46px !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
  }

  html body .sts402-sidebar[data-sts-sidebar].is-collapsed {
    position: relative;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    padding: 8px 5px 12px !important;
    background:
      linear-gradient(180deg, rgba(123, 54, 215, .07), transparent 115px),
      #090c12 !important;
    border-right: 1px solid rgba(255,255,255,.075) !important;
    box-shadow: 8px 0 28px rgba(0,0,0,.18);
  }

  .sts402-shell.sts421-sidebar-collapsed > .sts402-content {
    padding-left: 12px !important;
  }

  .sts402-sidebar.is-collapsed .sts421-sidebar-head {
    display: grid !important;
    place-items: center !important;
    min-height: 34px !important;
    height: 34px !important;
    margin: 0 0 8px !important;
  }

  .sts402-sidebar.is-collapsed .sts421-sidebar-toggle {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    border: 1px solid rgba(171, 100, 255, .32) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(113,43,190,.34), rgba(67,28,113,.28)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 6px 16px rgba(68,22,118,.2);
    color: #f4efff !important;
  }

  .sts402-sidebar.is-collapsed .sts421-sidebar-toggle:hover,
  .sts402-sidebar.is-collapsed .sts421-sidebar-toggle:focus-visible {
    border-color: rgba(185,122,255,.7) !important;
    background: linear-gradient(180deg, rgba(132,55,221,.58), rgba(83,33,145,.48)) !important;
    box-shadow: 0 0 0 3px rgba(145,63,255,.12), 0 7px 18px rgba(76,27,130,.3);
    transform: translateY(-1px);
  }

  .sts402-sidebar.is-collapsed .sts421-sidebar-toggle span {
    transform: translateY(-2px) scale(.78) !important;
    letter-spacing: 1px;
  }

  .sts402-sidebar.is-collapsed .sts402-side-nav {
    display: grid !important;
    gap: 4px !important;
    padding: 0 0 10px !important;
  }

  .sts402-sidebar.is-collapsed .sts402-side-nav a {
    position: relative;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 auto !important;
    border: 1px solid transparent;
    border-radius: 10px !important;
    color: #cdd2df !important;
    transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
  }

  .sts402-sidebar.is-collapsed .sts402-side-nav a:hover,
  .sts402-sidebar.is-collapsed .sts402-side-nav a:focus-visible {
    color: #fff !important;
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.08);
    transform: translateY(-1px);
    outline: none;
  }

  .sts402-sidebar.is-collapsed .sts402-side-nav a.active {
    color: #fff !important;
    background: linear-gradient(145deg, rgba(114,43,189,.78), rgba(74,27,126,.82)) !important;
    border-color: rgba(178,108,255,.34);
    box-shadow: inset 0 1px rgba(255,255,255,.09), 0 7px 17px rgba(76,25,130,.24);
  }

  .sts402-sidebar.is-collapsed .sts402-side-nav a.active::after {
    content: '';
    position: absolute;
    left: -6px;
    top: 9px;
    width: 2px;
    height: 16px;
    border-radius: 999px;
    background: #a855f7;
    box-shadow: 0 0 9px rgba(168,85,247,.8);
  }

  .sts402-sidebar.is-collapsed .sts402-side-nav a > span {
    display: grid !important;
    place-items: center;
    width: 18px !important;
    height: 18px !important;
    font-size: 15px !important;
    line-height: 18px !important;
    opacity: .96;
  }

  .sts402-sidebar.is-collapsed .sts402-followed {
    position: relative;
    display: grid !important;
    gap: 7px !important;
    margin: 7px 0 0 !important;
    padding: 14px 0 0 !important;
    border-top: 0 !important;
  }

  .sts402-sidebar.is-collapsed .sts402-followed::before {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent);
  }

  .sts402-sidebar.is-collapsed .sts402-followed > a {
    position: relative;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 2px !important;
    border: 1px solid transparent;
    border-radius: 11px !important;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
  }

  .sts402-sidebar.is-collapsed .sts402-followed > a:hover,
  .sts402-sidebar.is-collapsed .sts402-followed > a:focus-visible {
    background: rgba(255,255,255,.055);
    border-color: rgba(166,96,255,.28);
    transform: translateY(-1px) scale(1.03);
    outline: none;
  }

  .sts402-sidebar.is-collapsed .sts402-followed img {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    border: 1px solid rgba(178,103,255,.6) !important;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(111,45,181,.11);
  }

  .sts402-sidebar.is-collapsed .sts402-followed > a::after {
    right: 1px !important;
    bottom: 2px !important;
    width: 6px !important;
    height: 6px !important;
    border: 2px solid #090c12 !important;
    box-shadow: 0 0 5px currentColor;
  }

  .sts402-sidebar.is-collapsed a[title]::before {
    left: 52px !important;
    padding: 8px 10px !important;
    border-color: rgba(173,104,255,.22) !important;
    border-radius: 8px !important;
    background: rgba(18,20,28,.98) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.48) !important;
  }
}