/* Desktop notice filters ease toward the result list scroll position. */
@media (min-width: 981px) {
  body.notice-page:not(.notice-detail-page) .notice-layout {
    align-items: start;
    overflow: visible;
  }

  body.notice-page:not(.notice-detail-page) .filter-stack.smooth-follow {
    position: relative;
    z-index: 6;
    align-self: start;
    max-height: calc(100vh - 110px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(118, 151, 196, .38) transparent;
    scrollbar-width: thin;
    transform: translate3d(0, 0, 0);
    will-change: transform;
  }

  body.notice-page:not(.notice-detail-page) .filter-stack.smooth-follow::-webkit-scrollbar {
    width: 6px;
  }

  body.notice-page:not(.notice-detail-page) .filter-stack.smooth-follow::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(118, 151, 196, .38);
  }

  body.notice-page:not(.notice-detail-page) .filter-stack.smooth-follow::-webkit-scrollbar-track {
    background: transparent;
  }
}

@media (max-width: 980px) {
  body.notice-page:not(.notice-detail-page) .filter-stack.smooth-follow {
    position: static;
    max-height: none;
    overflow: visible;
    transform: none !important;
    will-change: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.notice-page:not(.notice-detail-page) .filter-stack.smooth-follow {
    will-change: auto;
  }
}