/* STS v5.8.21 - thinner collapsed homepage sidebar rail */
@media (min-width: 761px) {
  .sts402-shell,
  .sts402-content {
    transition: grid-template-columns .2s ease, width .2s ease, margin .2s ease;
  }

  .sts402-shell.sts421-sidebar-collapsed {
    --sts-home-sidebar-width: 46px !important;
    grid-template-columns: 46px minmax(0,1fr) !important;
  }

  .sts402-sidebar[data-sts-sidebar].is-collapsed {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    padding: 7px 3px 10px !important;
    overflow: visible !important;
  }

  .sts402-sidebar.is-collapsed .sts421-sidebar-head {
    min-height: 32px;
    margin: 0 0 5px;
    justify-content: center;
  }

  .sts402-sidebar.is-collapsed .sts421-sidebar-toggle {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 9px;
    background: rgba(145,63,255,.13) !important;
    font-size: 12px;
    letter-spacing: 1px;
  }

  .sts402-sidebar.is-collapsed .sts421-sidebar-toggle:hover,
  .sts402-sidebar.is-collapsed .sts421-sidebar-toggle:focus-visible {
    background: rgba(145,63,255,.28) !important;
    border-color: rgba(168,104,255,.48) !important;
  }

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

  .sts402-sidebar.is-collapsed .sts402-side-nav a {
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin-inline: auto !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }

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

  .sts402-sidebar.is-collapsed .sts402-side-nav a.active {
    background: rgba(116,39,181,.72) !important;
  }

  .sts402-sidebar.is-collapsed .sts402-side-title,
  .sts402-sidebar.is-collapsed .sts402-show-more,
  .sts402-sidebar.is-collapsed > .sts402-show-more,
  .sts402-shell.sts421-sidebar-collapsed .sts402-show-more,
  .sts402-sidebar.is-collapsed .sts402-side-empty {
    display: none !important;
  }

  .sts402-sidebar.is-collapsed .sts402-followed {
    display: grid !important;
    gap: 3px !important;
    margin: 8px 0 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.09);
  }

  .sts402-sidebar.is-collapsed .sts402-followed > a {
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin-inline: auto !important;
    padding: 2px !important;
    border-radius: 50% !important;
  }

  .sts402-sidebar.is-collapsed .sts402-followed img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 50% !important;
  }

  .sts402-sidebar.is-collapsed .sts402-followed > a::after {
    right: 1px !important;
    bottom: 2px !important;
    width: 6px !important;
    height: 6px !important;
    border-width: 1.5px !important;
  }

  .sts402-sidebar.is-collapsed a[title]::before {
    left: 50px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sts402-shell,
  .sts402-content,
  .sts402-sidebar[data-sts-sidebar] {
    transition: none !important;
  }
}