@media (max-width: 960px) {
  .notesSection {
    padding-top: 50px;
  }
}

@media (max-width: 960px) {
  .searchSection {
    padding-top: var(--spaceXxs);
  }
}

.searchContainer {
  position: relative;
}
.searchContainer::before {
  position: absolute;
  display: block;
  content: " ";
  left: 0;
  top: 20px;
  border-left: 1px solid var(--blue);
  height: 46px;
}
.searchContainer::after {
  position: absolute;
  display: block;
  content: " ";
  right: 0;
  top: 20px;
  width: 36px;
  height: 36px;
  background-image: url(/assets/icons/search.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.searchContainer .submit {
  display: none;
}
.searchContainer .tags {
  display: flex;
  flex-wrap: wrap;
}
.searchContainer .tags .tag {
  display: block;
  margin-right: var(--spaceXxxs);
  margin-bottom: var(--spaceXxxs);
}
@media (max-width: 960px) {
  .searchContainer .tags .tag {
    margin-right: var(--spaceSmallest);
    margin-bottom: var(--spaceSmallest);
  }
}

.search {
  padding-top: 0;
  padding-bottom: 0;
  color: var(--blue);
  font-family: "National 2 Compressed Medium";
  font-weight: 400;
  line-height: 100%;
  font-size: 60px;
  line-height: 60px;
  height: auto;
  border-radius: 0;
  border-bottom: 1px solid var(--blue);
}
@media (max-width: 960px) {
  .search {
    font-size: 50px;
    line-height: 60px;
  }
}
.search:hover, .search:focus {
  color: var(--blue);
  background-color: var(--grey);
}
.search:hover::placeholder, .search:focus::placeholder {
  color: var(--blue);
}
.search::placeholder {
  color: var(--blue);
  opacity: 1;
  font-family: "National 2 Compressed Medium";
  font-weight: 400;
  line-height: 100%;
  font-size: 60px;
  line-height: 60px;
}
@media (max-width: 960px) {
  .search::placeholder {
    font-size: 50px;
    line-height: 60px;
  }
}
.search::-webkit-search-cancel-button {
  position: relative;
  right: 40px;
}

@media (max-width: 960px) {
  .searchContainer::before {
    border: 0;
  }
  .searchContainer::after {
    width: 30px;
    height: 30px;
    top: 10px;
  }
  .search {
    padding-left: var(--spaceXxxs);
    margin-top: var(--spaceS);
    font-family: "National 2 Compressed Medium";
    font-weight: 400;
    line-height: 100%;
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  .search {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 960px) {
  .search::placeholder {
    font-family: "National 2 Compressed Medium";
    font-weight: 400;
    line-height: 100%;
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  .search::placeholder {
    font-size: 36px;
    line-height: 36px;
  }
}
.notesSection {
  margin-bottom: calc(1.5 * var(--vSpaceExtraLarge));
}

.notesContainer {
  position: relative;
  overflow: hidden;
}
.notesContainer.hasNextPage {
  max-height: 1500px;
}
.notesContainer.hasNextPage::after {
  pointer-events: none;
  position: absolute;
  display: block;
  content: " ";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background-color: blue;
  background: linear-gradient(0deg, #E4EFF9 0%, rgba(228, 239, 249, 0) 95.89%);
}

@media (max-width: 960px) {
  .notesSection {
    margin-bottom: var(--spaceM);
  }
  .notesContainer {
    padding-top: var(--spaceM);
  }
}

/*# sourceMappingURL=notes.css.map */