.header-search .search-results {
  position: absolute;
  top: 64px;
  left: 0;
  width: 100%;
  background: #fff; /* ensure content stays readable */
  border-radius: 6px;
  z-index: 1;
}

.header-search .search-results::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  padding: 2px; /* thickness of the border */
  background: linear-gradient(
    270deg,
    red,
    orange,
    yellow,
    green,
    cyan,
    blue,
    violet,
    red
  );
  background-size: 400% 400%;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: rainbow-move 8s linear infinite;
  pointer-events: none; /* stops it blocking clicks inside */
}

@keyframes rainbow-move {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.page-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    background-color: #fafbff;
    padding-top: 50px;
    padding-bottom: 50px;
    height: calc(100vh - 80px);
    width: 400px;
    overflow: hidden auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 1;
}