.dergen_search_form {
    text-align: center;

    & h1 {
        padding-left: 0px;

        border: none;
        margin-bottom: 0.1em;
    }

    & input[type='text'] {
        color: var(--text_1);
        
        height: 2.5rem;
        min-width: min(80%, 30em);

        font-size: 1.2em;
        
        background-color: #616161;

        border: none;
        border-radius: 1.25rem;

        padding-left: 1.5rem;

        margin-bottom: 0.8em;
    
        box-shadow: 3px 3px 3px #00000033;
    }

  & button {
    color: var(--text_1);
    background-color: #515151;
    border: none;
    
    border-radius: 0.5rem;
    cursor: pointer;
    
    width: 15em;
    height: 2.5em;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    
    box-shadow: 3px 3px 2px #00000033;
  }

  button, input[type='text'] {
    transition: background-color 0.3s;

    &:hover {
        background-color: #777777;
    }
  }
  
  & ._search_type {
    text-align: left;
        
    margin-top: 1em;
      
    & input {
      display: none;
    }
    & label {
      min-width: 5em;
      text-align: center;
      
      padding-left: 0.7em;
      padding-right: 0.7em;
      
      cursor: pointer;
      display: inline-block;
            
      border-bottom: 2px solid #FFFFFF50;
    }
    & input:checked + label {
      border-bottom: 2px solid #FFFFFF;
    }
  }
}


.dergen_search_result_listing {
  list-style: none;
  
  margin-left: 0em;
  padding-left: 0;
  
  & > li {
    margin-bottom: 2em;
  }
  
  & ._details {
    list-style: none;
    padding-left: 1.3em;
    
    & ._path_details {
      color: #AAAAAA;
      
      & span {
        font-size: 0.8rem;
        min-width: 5rem;
        display: inline-block;
      }
    }
    
    & ._title {
      font-size: 1.5rem;
    }
  }
}