/* Start custom CSS *//* ### START PEHTHEME CSS */

.searcher::before,
  .searcher::after {
  content: "";
  position: absolute;
  border-width: 2px;
  border-color: rgb(0 0 0);
}

.searcher::before {
  width: 16px;
  height: 16px;
  border-color: rgb(0 0 0);
  border-radius: 100%;
  transition: all 0.1s ease;
  top: 9px;
  left: 10px;
}

.searcher::after {
  height: 10px;
  border-color: rgb(0 0 0);
  border-radius: 3px;
  right: 12px;
  bottom: 10px;
  transition: all 0.2s ease;
  transform: rotate(-45deg);
  background-color: rgb(0 0 0);
}

.searcher.active::before {
  width: 3px;
  height: 16px;
  border-radius: 3px;
  top: 12px;
  left: 17px;
  transform: rotate(45deg);
  background-color: rgb(0, 0, 0);
}

.searcher.active::after {
  height: 16px;
  right: 19px;
  bottom: 12px;
  background-color: rgb(0 0 0);
}

.dark .searcher::before {
  border-color: rgb(255 255 255);
  background-color: rgb(0 0 0);
}

.dark .searcher.active::after {
  border-color: rgb(255 255 255);
}

.dark .searcher::after {
  border-color: rgb(255 255 255);
  background-color: rgb(255 255 255);
}

.mouse-wheel {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

#overlay {
  animation: fade 5s;
  -webkit-animation: fade 500ms;
  -moz-animation: fade 500ms;
  -o-animation: fade 500ms;
}

@layer {
  @font-face {
    font-family: "Inter var";

    font-weight: 100 900;

    font-display: swap;

    font-style: normal;

    font-named-instance: "Regular";

    src: url("http://localhost:8888/pehthemepress/assets/font/Inter-roman.var.woff2?v=3.19") format("woff2");
  }

  @font-face {
    font-family: "Inter var";

    font-weight: 100 900;

    font-display: swap;

    font-style: italic;

    font-named-instance: "Italic";

    src: url("http://localhost:8888/pehthemepress/assets/font/Inter-italic.var.woff2?v=3.19") format("woff2");
  }
}

/* ### END PEHTHEME CSS *//* End custom CSS */