.personnel-filter{align-items:start;display:grid;grid-template-columns:max-content 1fr;grid-template-rows:min-content min-content auto 1fr;height:100%;max-height:100%}.personnel-filter .filters{grid-row:3;max-height:100%;overflow:auto;overflow-x:hidden;padding-right:.2em}.personnel-filter .filters,.personnel-filter h2{grid-column:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.personnel-filter h2{grid-row:2;margin-bottom:1em}.personnel-filter .clear-filters-button{grid-column:1;grid-row:4;margin-bottom:.25em;margin-top:1em}.personnel-filter .search{align-items:stretch;display:flex;gap:.25em;grid-column:1;grid-row:1;justify-content:stretch;margin-bottom:1em;position:relative}.personnel-filter .search>span{align-items:center;bottom:0;color:var(--color-graphics);display:flex;flex-grow:0;font-size:var(--font-l);justify-content:center;left:.5em;position:absolute;top:0}.personnel-filter .search input{background-color:var(--color-accent);border:none;border-radius:var(--input-radius);color:var(--color-graphics);flex-grow:1;font-size:var(--font-m);padding:.5em .5em .5em 3em}.personnel-filter .search input:active,.personnel-filter .search input:focus{background-color:var(--color-highlight);border:none}.personnel-filter ul.personnel{display:grid;grid-auto-rows:1fr;grid-column:2;grid-row:1/span 4;grid-template-columns:1fr 1fr 1fr 1fr;padding-left:1em;padding-right:auto;grid-column-gap:1em;-moz-column-gap:1em;column-gap:1em;grid-row-gap:.5em;justify-content:start;row-gap:.5em}@media (min-width:45em){.personnel-filter ul.personnel{max-height:100%;overflow-y:scroll}.personnel-filter ul.personnel:after{content:" ";grid-column:1/-1}}.personnel-filter ul.personnel li{display:grid;grid-template-rows:subgrid}.personnel-filter button.filter-button{display:none}@media (max-width:33em){.personnel-filter ul.personnel{grid-column:1/span 2;grid-row:-2;grid-template-columns:1fr 1fr 1fr;justify-self:stretch;padding:0 auto}.personnel-filter ul.personnel li a span{font-size:var(--font-xs)}}@media ((max-width:45em)){.personnel-filter{gap:1em;grid-auto-rows:min-content;grid-template-columns:max-content 1fr}.personnel-filter .search{margin-bottom:0}.personnel-filter .search span{font-size:var(--font-size-filter-buttons)}.personnel-filter .filter-title,.personnel-filter .filters{display:none}.personnel-filter button.filter-button{align-items:center;background-color:transparent;border:1px solid var(--color-black);border-radius:var(--input-radius);cursor:pointer;display:flex;font-size:var(--font-m);font-weight:700;gap:1em;grid-column:1;grid-row:1;justify-content:flex-start;padding:.75em}.personnel-filter button.filter-button:hover{background-color:var(--color-highlight)}.personnel-filter button.filter-button svg{scale:1.3}.personnel-filter .search{align-self:stretch;grid-column:2;grid-row:1}.personnel-filter ul.personnel{grid-column:1/span 2;grid-row:-2;justify-self:stretch;padding:0 auto}.personnel-filter ul.personnel li a span{font-size:var(--font-xs)}.personnel-filter .clear-filters-button{grid-column:1;grid-row:2}}h2.filter-title{border-bottom:1px solid var(--color-accent);font-size:var(--font-m);padding-bottom:.25em;padding-top:.75em}.filters{display:flex;flex-direction:column;gap:.5em;justify-content:flex-start}.filters details summary{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:var(--font-m);justify-content:space-between;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filters details summary::-webkit-details-marker{display:none}.filters details summary:hover{color:var(--color-text-highlight)}.filters details summary .closed svg,.filters details summary .open svg{position:relative;scale:1.2}.filters details summary .open svg{top:.2em}.filters details summary .closed svg{top:.1em}.filters details[open] summary{padding-bottom:.5em}.filters details ul{display:flex;flex-direction:column;gap:.25em}.filters details li{color:var(--color-graphics);font-size:var(--font-s)}.filters details li label{align-items:center;cursor:pointer;display:flex;gap:.5em;justify-content:flex-start}.filters details li label input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-accent);border-radius:.2em;height:1em;margin:0;width:1em}.filters details li label input:checked{background-color:var(--color-graphics)}.filters details li label input:checked:after{background-color:var(--color-accent);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:" ";display:block;height:100%;transform:scale(.5);width:100%}.filters details li label input:checked:focus:after,.filters details li label input:checked:hover:after{background-color:var(--color-background)}.filters details li label input:focus,.filters details li label input:hover{background-color:var(--color-highlight);color:var(--color-text-highlight)}.filters details li label:focus,.filters details li label:hover{color:var(--color-text-highlight)}.personnel-filter>.clear-filters-button{background-color:var(--color-accent);border:none;border-radius:var(--input-radius);display:flex;font-size:var(--font-s);gap:1em;justify-content:space-between;padding:.6em}.personnel-filter>.clear-filters-button:hover{background-color:var(--color-highlight);color:var(--color-text-highlight)}#filter-popover{background-color:var(--color-background);border:none;font-size:var(--font-s);height:100dvh;margin:0;max-height:100dvh;max-width:100dvw;padding:0;width:100dvw}#filter-popover::backdrop{background-color:var(--color-background);pointer-events:none}#filter-popover .container{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start}#filter-popover .container .body{display:flex;flex-direction:column;gap:1em;padding:0 2em 2em}#filter-popover .container h2.filter-title{font-size:var(--font-size-filter-buttons);margin-bottom:1em;padding-bottom:0}#filter-popover .container ul.filters{font-size:var(--font-size-filter-buttons);gap:1em}#filter-popover .container ul.filters summary{cursor:pointer;font-size:var(--font-size-filter-buttons);list-style:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}#filter-popover .container ul.filters summary::-webkit-details-marker{display:none}#filter-popover .container ul.filters details>ul{gap:.5em}#filter-popover .container ul.filters label{cursor:pointer;font-size:var(--font-size-filter-buttons);-webkit-user-select:none;-moz-user-select:none;user-select:none}#filter-popover .container ul.filters label input{height:1.5em;width:1.5em}#filter-popover .container ul.filters>li:has(button){display:grid;grid-template-columns:auto max-content auto;grid-template-rows:1fr 1fr;grid-gap:1em;gap:1em}#filter-popover .container ul.filters>li:has(button) button{align-items:center;background-color:var(--color-accent);border:none;border-radius:var(--minimal-radius);display:flex;flex-direction:row;flex-grow:1;flex-shrink:0;font-size:calc(var(--font-m)*1.2);gap:1em;grid-column:2;justify-content:space-between;padding:.5em 1em;width:1fr}#filter-popover .container ul.filters>li:has(button) button:active,#filter-popover .container ul.filters>li:has(button) button:hover{background-color:var(--color-text-highlight);color:var(--color-background)}#filter-popover .container ul.filters>li:has(button) button.clear-filters-button{justify-content:space-between}