.list{margin-block:2rem;-webkit-user-select:none;user-select:none}.list:has(aside) .container{grid-template-columns:200px auto;grid-template-areas:"aside section";display:grid}.list-with-image:has(aside) .container{grid-template-columns:300px auto}.list aside{overflow-y:auto;grid-area:aside;position:sticky;max-height:calc(100vh - 6rem);align-self:flex-start;margin-inline-end:1rem;inset-block-start:6rem}.list-with-image aside{margin-inline-end:3rem}.list aside>header{font-size:1.2rem;cursor:pointer;display:none}.list aside>header svg{transition:transform .3s ease;margin-block-start:3px;float:inline-end}.list aside>header.active svg{transform:rotate(180deg)}.list aside>.filter-info{padding:.5rem;font-size:.9rem;margin-block-end:1rem;background-color:var(--page-content-background-light-color);border-radius:.5rem}.list aside>.filter-info .reset-filters{border:none;margin-block-start:.5rem;padding-inline:.5rem;padding-block:.25rem;background:none;display:block}.list aside>.filter-info .reset-filters:hover{background:var(--page-content-background-light-color)}.list aside>.filter-info .reset-filters.hidden{display:none}.list aside nav{margin-block:1rem}.list aside nav header{font-size:1.1rem;margin-block:.5rem;cursor:pointer}.list aside nav header svg{transition:transform .3s ease;margin-block-start:3px;float:inline-end}.list aside nav header.active svg{transform:rotate(180deg)}.list aside nav:has(header.active) ul{display:block}.list aside nav ul{overflow-y:auto;padding:0;max-height:25vh;margin:0;display:none}.list aside nav ul li{font-size:.9rem;font-weight:300;margin-block-end:.5rem}.list aside nav ul.link li a{padding-inline-start:1rem;color:inherit;position:relative}.list aside nav ul.link li.active a:before{height:1rem;inset-inline-start:0;content:"";position:absolute;background-size:contain;inset-block-start:1px;background-color:transparent;background-position:50%;width:1rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNSAxNSI+PHBhdGggZmlsbD0iIzUwQjBEOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi4xNTggMy4xMzVhLjUuNSAwIDAgMSAuNzA3LjAyM2wzLjc1IDRhLjUuNSAwIDAgMSAwIC42ODRsLTMuNzUgNGEuNS41IDAgMSAxLS43My0uNjg0TDkuNTY2IDcuNWwtMy40My0zLjY1OGEuNS41IDAgMCAxIC4wMjMtLjcwN1oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");background-repeat:no-repeat}.list aside nav ul li label{padding-inline-start:1.5rem;position:relative;cursor:pointer}.list aside nav ul li label:before{height:1.2rem;inset-inline-start:0;content:"";position:absolute;background-size:contain;inset-block-start:-1px;background-color:transparent;background-position:50%;width:1.2rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzQ4NTQ1RiIgZD0iTTE4IDIwLjc1SDZBMi43NSAyLjc1IDAgMCAxIDMuMjUgMThWNkEyLjc1IDIuNzUgMCAwIDEgNiAzLjI1aDguODZhLjc1Ljc1IDAgMSAxIDAgMS41SDZBMS4yNSAxLjI1IDAgMCAwIDQuNzUgNnYxMkExLjI1IDEuMjUgMCAwIDAgNiAxOS4yNWgxMkExLjI1IDEuMjUgMCAwIDAgMTkuMjUgMTh2LTcuNzFhLjc1Ljc1IDAgMSAxIDEuNSAwVjE4QTIuNzUgMi43NSAwIDAgMSAxOCAyMC43NSIvPjwvc3ZnPg==");background-repeat:no-repeat}.list aside nav ul li label:has(input:checked):before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgZmlsbD0iIzUwQjBEOSI+PHBhdGggZD0iTTE4IDIwLjc1SDZBMi43NSAyLjc1IDAgMCAxIDMuMjUgMThWNkEyLjc1IDIuNzUgMCAwIDEgNiAzLjI1aDguODZhLjc1Ljc1IDAgMSAxIDAgMS41SDZBMS4yNSAxLjI1IDAgMCAwIDQuNzUgNnYxMkExLjI1IDEuMjUgMCAwIDAgNiAxOS4yNWgxMkExLjI1IDEuMjUgMCAwIDAgMTkuMjUgMTh2LTcuNzFhLjc1Ljc1IDAgMSAxIDEuNSAwVjE4QTIuNzUgMi43NSAwIDAgMSAxOCAyMC43NSIvPjxwYXRoIGQ9Ik0xMC41IDE1LjI1QS43NC43NCAwIDAgMSAxMCAxNWwtMy0zYS43NS43NSAwIDAgMSAxLTFsMi40NyAyLjQ3TDE5IDVhLjc1Ljc1IDAgMCAxIDEgMWwtOSA5YS43NC43NCAwIDAgMS0uNS4yNSIvPjwvZz48L3N2Zz4=")}.list aside nav ul li label input{display:none}@media (max-width:767.98px){.list .container{grid-template-columns:1fr}.list:has(aside) .container{padding:1rem;display:block}.list-with-image:has(aside) .container{grid-template-columns:1fr;grid-template-areas:"section" "aside";display:grid}.list aside{position:relative;max-height:none;margin-inline-end:0;inset-block-start:0}.list-with-image aside{margin-inline:1rem;margin-block-start:2rem}.list aside>header{margin-block-end:.5rem;display:block}.list aside:has(>header.active) nav{display:block}.list aside nav{display:none}}.list section{height:max-content;grid-area:section;grid-template-columns:repeat(4,1fr);gap:1rem;scroll-margin-block-start:4rem;display:grid}.list-with-image section{grid-template-columns:repeat(3,1fr)}.list section.centered{justify-content:center;flex-wrap:wrap;gap:1rem;display:flex}.list section a{overflow:hidden;justify-content:space-between;color:inherit;transition:box-shadow .2s cubic-bezier(.4,0,.6,1);position:relative;flex-direction:column;opacity:0;display:flex}.list section.centered a{border-radius:.5rem;width:calc(25% - 1rem)}.list section a:hover{box-shadow:0 0 1rem -.25rem var(--page-content-shadow-color);cursor:pointer}.list section a img{transition:transform .2s cubic-bezier(.4,0,.6,1);position:relative;z-index:2}.list section a:active img,.list section a:focus img,.list section a:hover img{transform:scale(1.5)}.list section a h4{-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);padding:.5rem;font-size:1rem;position:relative;margin-block:0;text-align:center;background:hsla(0,0%,100%,.3);z-index:3}.list section a div{transform:scale(1);padding:.2rem;font-size:.75em;transition:transform .2s cubic-bezier(.4,0,.6,1);position:relative;text-align:center;transform-origin:center bottom;z-index:1}.list section a:active div,.list section a:focus div,.list section a:hover div{transform:scaleY(0)}@media (max-width:1199.98px){.list section{grid-template-columns:repeat(3,1fr)}}@media (max-width:991.98px){.list section,.list-with-image section{grid-template-columns:repeat(2,1fr)}.list section.centered a{width:calc(33.3% - 1rem)}}@media (max-width:575.98px){.list section,.list-with-image section{grid-template-columns:1fr}.list section.centered a{width:calc(50% - 1rem)}}