.lib{font-family:var(--font_secondary);font-weight:500;margin:0 auto;max-width:70svw;padding-bottom:4rem;.lib_container{display:flex;flex-flow:row wrap;gap:2rem;justify-content:center}.pageTitleContainer{display:flex;padding-block:2rem;user-select:none;.filterbox{align-items:center;display:flex;flex:1 1 40%;flex-flow:row wrap;gap:.5rem;justify-content:end;.filterButton{background-color:var(--color_accent_d);border-radius:.25rem;cursor:pointer;opacity:.7;padding:.5rem 1.25rem}.activeFilter{background-color:var(--color_accent);opacity:1}}}h2{flex:1 0 auto;font-family:var(--font_secondary);font-size:2.25rem;font-weight:500;text-shadow:1px 1px #000}}.mosaic{background:url(../assets/landscape2.webp);background-position:0;background-repeat:no-repeat;background-size:cover}[data-content=Top]{background-color:transparent;.mosaic_img{display:block;grid-row:1/3;height:calc(var(--card_unit)*4px);width:calc(var(--card_unit)*2px)}.lib_container{display:grid;gap:2rem;grid-template-columns:repeat(4,calc(var(--card_unit)*2px));grid-template-rows:repeat(2,calc(var(--card_unit)*2px))}}@media (width < 1024px){.lib{max-width:90svw;h2{padding-inline:0}}}@media (width < 1440px){[data-content=Top]{.mosaic_img{display:none}.lib_container{display:grid;gap:2rem;grid-template-columns:repeat(2,calc(var(--card_unit)*2px));grid-template-rows:repeat(2,calc(var(--card_unit)*2px))}}}@media (width < 720px){[data-content=Top]{.lib_container{display:flex;gap:2rem}}}