#search
  input
    width: 100%
  button
    background-color: white
    border: 1px solid var(--accent)
    color: var(--accent)

    &:hover
      color: white
      background-color: var(--accent)

  ol
    border-bottom: 1px solid lightgray
    padding-top: 1rem

  .pagefind-ui__message
    padding-top: 1rem
    font-weight: bold

  .pagefind-ui__result
    list-style-type: none
    display: flex
    align-items: flex-start
    gap: 40px
    padding: 30px 0 40px
    border-top: 1px solid lightgray

    &-thumb
      width: 30%
      max-width: 120px
      margin-top: 10px
      aspect-ratio: 3 / 2
      position: relative

      img
        display: block
        position: absolute
        left: 50%
        transform: translateX(-50%)
        font-size: 0
        width: auto
        height: auto
        max-width: 100%
        max-height: 100%