:root {
  --pagefind-ui-scale: 1;
  --pagefind-ui-primary: var(--color-gray-darkest);
  --pagefind-ui-text: var(--color-gray-darkest);
  --pagefind-ui-background: var(--color-white);
  --pagefind-ui-border: var(--color-gray-light);
  --pagefind-ui-tag: var(--color-gray-lightest);
  --pagefind-ui-border-width: 1px;
  --pagefind-ui-border-radius: 8px;
  --pagefind-ui-image-border-radius: 8px;
  --pagefind-ui-image-box-ratio: 3 / 2;
}
.pagefind-ui {
  width: 100%;
  color: var(--pagefind-ui-text);
}
.pagefind-ui__hidden {
  display: none !important;
}
.pagefind-ui__suppressed {
  opacity: 0;
  pointer-events: none;
}
.pagefind-ui__form {
  position: relative;
}
.pagefind-ui__form::before {
  background-color: var(--pagefind-ui-text);
  width: calc(16px * var(--pagefind-ui-scale));
  height: calc(16px * var(--pagefind-ui-scale));
  top: calc(12px * var(--pagefind-ui-scale));
  left: calc(12px * var(--pagefind-ui-scale));
  content: "";
  position: absolute;
  display: block;
  opacity: 0.7;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  z-index: 9;
  pointer-events: none;
}
.pagefind-ui__search-input {
  padding: 0 calc(48px * var(--pagefind-ui-scale)) 0
    calc(48px * var(--pagefind-ui-scale));
  background-color: var(--pagefind-ui-background);
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  box-sizing: border-box;
}

.pagefind-ui__search-clear {
  position: absolute;
  top: calc(1px * var(--pagefind-ui-scale));
  right: calc(3px * var(--pagefind-ui-scale));
  height: calc(34px * var(--pagefind-ui-scale));
  color: var(--pagefind-ui-text);
  font-size: calc(14px * var(--pagefind-ui-scale));
  cursor: pointer;
  background-color: var(--pagefind-ui-background);
  border: 0;
  border-radius: var(--pagefind-ui-border-radius);
}
.pagefind-ui__drawer {
  position: absolute;
  top: calc(100% * var(--pagefind-ui-scale));
  left: 0;
  width: 100%;
  background-color: var(--pagefind-ui-background);
  border: var(--pagefind-ui-border-width) solid var(--pagefind-ui-border);
  border-radius: var(--pagefind-ui-border-radius);
  display: flex;
  flex-direction: row;
  z-index: 1000;
  box-sizing: border-box;
  overflow: hidden;
}
.pagefind-ui__result-area {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.pagefind-ui__message {
  padding: var(--padding-sm);
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.pagefind-ui__button {
  padding: var(--padding-sm);
  font-size: calc(16px * var(--pagefind-ui-scale));
  color: var(--pagefind-ui-primary);
  background: var(--pagefind-ui-background);
  border: 0;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 42px;
}
.pagefind-ui__button:hover {
  border-color: var(--pagefind-ui-primary);
  color: var(--pagefind-ui-primary);
  background: var(--pagefind-ui-background);
}

.pagefind-ui__result {
  list-style-type: none;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-sm);
  border-top: solid var(--pagefind-ui-border-width)
      var(--pagefind-ui-border);
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.pagefind-ui__result:last-of-type {
  border-bottom: solid var(--pagefind-ui-border-width)
      var(--pagefind-ui-border);
}
.pagefind-ui__result-thumb {
  width: min(
      30%,
      calc((30% - (100px * var(--pagefind-ui-scale))) * 100000)
  );
  max-width: calc(120px * var(--pagefind-ui-scale));
  margin-top: calc(10px * var(--pagefind-ui-scale));
  aspect-ratio: var(--pagefind-ui-image-box-ratio);
  position: relative;
}
.pagefind-ui__result-image {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: var(--pagefind-ui-image-border-radius);
}
.pagefind-ui__result-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc(10px * var(--pagefind-ui-scale));
  min-width: 0;
  overflow: hidden;
}
.pagefind-ui__result-title {
  display: inline-block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pagefind-ui__result-title .pagefind-ui__result-link {
  text-decoration: none;
}
.pagefind-ui__result-title .pagefind-ui__result-link:hover {
  text-decoration: underline;
}
.pagefind-ui__result-excerpt {
  display: block;
  font-weight: 400;
  margin-top: calc(4px * var(--pagefind-ui-scale));
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  word-wrap: break-word;
  line-height: 1.4;
}
.pagefind-ui__loading {
  color: var(--pagefind-ui-text);
  background-color: var(--pagefind-ui-text);
  border-radius: var(--pagefind-ui-border-radius);
  opacity: 0.1;
  pointer-events: none;
}
.pagefind-ui__result-tags {
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: calc(20px * var(--pagefind-ui-scale));
  flex-wrap: wrap;
  margin-top: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-tag {
  padding: calc(4px * var(--pagefind-ui-scale))
      calc(8px * var(--pagefind-ui-scale));
  font-size: calc(14px * var(--pagefind-ui-scale));
  border-radius: var(--pagefind-ui-border-radius);
  background-color: var(--pagefind-ui-tag);
}
mark {
  background-color: var(--color-yellow-lighter);
  color: var(--pagefind-ui-text);
}