| :root { |
| --pagefind-ui-scale: 0.8; |
| --pagefind-ui-primary: #034AD8; |
| --pagefind-ui-fade: #707070; |
| --pagefind-ui-text: #393939; |
| --pagefind-ui-background: #ffffff; |
| --pagefind-ui-border: #eeeeee; |
| --pagefind-ui-tag: #eeeeee; |
| --pagefind-ui-border-width: 2px; |
| --pagefind-ui-border-radius: 8px; |
| --pagefind-ui-image-border-radius: 8px; |
| --pagefind-ui-image-box-ratio: 3 / 2; |
| --pagefind-ui-font: system, -apple-system, ".SFNSText-Regular", |
| "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", |
| "Lucida Grande", sans-serif; |
| } |
| |
| [data-pfmod-hidden] { |
| display: none !important; |
| } |
| |
| [data-pfmod-suppressed] { |
| opacity: 0 !important; |
| pointer-events: none !important; |
| } |
| |
| [data-pfmod-sr-hidden] { |
| -webkit-clip: rect(0 0 0 0) !important; |
| clip: rect(0 0 0 0) !important; |
| -webkit-clip-path: inset(100%) !important; |
| clip-path: inset(100%) !important; |
| height: 1px !important; |
| overflow: hidden !important; |
| overflow: clip !important; |
| position: absolute !important; |
| white-space: nowrap !important; |
| width: 1px !important; |
| } |
| |
| [data-pfmod-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; |
| } |
| |
| /* Input */ |
| |
| .pagefind-modular-input-wrapper { |
| position: relative; |
| } |
| |
| .pagefind-modular-input-wrapper::before { |
| background-color: var(--pagefind-ui-text); |
| width: calc(18px * var(--pagefind-ui-scale)); |
| height: calc(18px * var(--pagefind-ui-scale)); |
| top: calc(23px * var(--pagefind-ui-scale)); |
| left: calc(20px * 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-modular-input { |
| height: calc(64px * var(--pagefind-ui-scale)); |
| padding: 0 calc(70px * var(--pagefind-ui-scale)) 0 calc(54px * var(--pagefind-ui-scale)); |
| background-color: var(--pagefind-ui-background); |
| border: var(--pagefind-ui-border-width) solid var(--pagefind-ui-border); |
| border-radius: var(--pagefind-ui-border-radius); |
| font-size: calc(21px * var(--pagefind-ui-scale)); |
| position: relative; |
| appearance: none; |
| -webkit-appearance: none; |
| display: flex; |
| width: 100%; |
| box-sizing: border-box; |
| font-weight: 700; |
| } |
| |
| .pagefind-modular-input::placeholder { |
| opacity: 0.2; |
| } |
| |
| .pagefind-modular-input-clear { |
| position: absolute; |
| top: calc(2px * var(--pagefind-ui-scale)); |
| right: calc(2px * var(--pagefind-ui-scale)); |
| height: calc(60px * var(--pagefind-ui-scale)); |
| border-radius: var(--pagefind-ui-border-radius); |
| padding: 0 calc(15px * var(--pagefind-ui-scale)) 0 calc(2px * 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: none; |
| appearance: none; |
| } |
| |
| /* ResultList */ |
| |
| .pagefind-modular-list-result { |
| list-style-type: none; |
| display: flex; |
| align-items: flex-start; |
| gap: min(calc(40px * var(--pagefind-ui-scale)), 3%); |
| padding: calc(30px * var(--pagefind-ui-scale)) 0 calc(40px * var(--pagefind-ui-scale)); |
| border-top: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border); |
| } |
| |
| .pagefind-modular-list-result:last-of-type { |
| border-bottom: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border); |
| } |
| |
| .pagefind-modular-list-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-modular-list-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-modular-list-inner { |
| flex: 1; |
| display: flex; |
| flex-direction: column; |
| align-items: flex-start; |
| margin-top: calc(10px * var(--pagefind-ui-scale)); |
| } |
| |
| .pagefind-modular-list-title { |
| display: inline-block; |
| font-weight: 700; |
| font-size: calc(21px * var(--pagefind-ui-scale)); |
| margin-top: 0; |
| margin-bottom: 0; |
| } |
| |
| .pagefind-modular-list-link { |
| color: var(--pagefind-ui-text); |
| text-decoration: none; |
| } |
| |
| .pagefind-modular-list-link:hover { |
| text-decoration: underline; |
| } |
| |
| .pagefind-modular-list-excerpt { |
| display: inline-block; |
| font-weight: 400; |
| font-size: calc(16px * var(--pagefind-ui-scale)); |
| margin-top: calc(4px * var(--pagefind-ui-scale)); |
| margin-bottom: 0; |
| min-width: calc(250px * var(--pagefind-ui-scale)); |
| } |
| |
| /* FilterPills */ |
| |
| .pagefind-modular-filter-pills-wrapper { |
| overflow-x: scroll; |
| padding: 15px 0; |
| } |
| |
| .pagefind-modular-filter-pills { |
| display: flex; |
| gap: 6px; |
| } |
| |
| .pagefind-modular-filter-pill { |
| display: flex; |
| justify-content: center; |
| align-items: center; |
| border: none; |
| appearance: none; |
| padding: 0 calc(24px * var(--pagefind-ui-scale)); |
| background-color: var(--pagefind-ui-background); |
| color: var(--pagefind-ui-fade); |
| border: var(--pagefind-ui-border-width) solid var(--pagefind-ui-border); |
| border-radius: calc(25px * var(--pagefind-ui-scale)); |
| font-size: calc(18px * var(--pagefind-ui-scale)); |
| height: calc(50px * var(--pagefind-ui-scale)); |
| cursor: pointer; |
| white-space: nowrap; |
| } |
| |
| .pagefind-modular-filter-pill:hover { |
| border-color: var(--pagefind-ui-primary); |
| } |
| |
| .pagefind-modular-filter-pill[aria-pressed="true"] { |
| border-color: var(--pagefind-ui-primary); |
| color: var(--pagefind-ui-primary); |
| } |