.yasr {
  .yasr_results {
    position: relative;
    .CodeMirror {
      border: 1px solid #d1d1d1;
      margin-top: 5px;
      height: 100%;
      &.overflow::before {
        background: linear-gradient(transparent 0%, #ffffffaa 75%, white 100%);
        content: "";
        width: 100%;
        height: 100%;
        z-index: 1200;
        position: absolute;
        pointer-events: none;
      }
    }
    .overlay {
      width: 100%;
      position: absolute;
      bottom: 0;
      z-index: 1201;
      display: flex;
      pointer-events: none;
      &::before,
      &::after {
        content: "";
        flex-grow: 1;
      }
    }

    .overlay_content {
      display: flex;
      align-content: center;
      justify-content: center;
      align-items: center;
      background: white;
      pointer-events: all;
      background: linear-gradient(to right, transparent, white 5%, white 95%, transparent 100%);
    }
    .yasr_btn.overlay_btn {
      border: 1px solid #337ab7;
      background: white;
      color: #337ab7;
      padding: 10px;
      margin: 10px;
      svg {
        margin-left: 0.5rem;
        fill: #337ab7;
        color: #337ab7;
      }
      &:hover {
        color: #255681;
        border-color: #337ab7;
        fill: #255681;
        svg {
          color: #255681;
          fill: #255681;
        }
      }
    }
  }
}