.main{display:grid;grid-template-columns:1fr 200px;grid-template-areas:"content aside";gap:20px;margin-bottom:60px}@media(max-width:800px){.main{grid-template-columns:1fr;grid-template-areas:"aside" "content"}}.main .content{grid-area:content}.main .content .hidden{display:none}.main .content h2:first-of-type{margin-top:0}.main aside{grid-area:aside}.main .filter-options{margin-bottom:20px;position:-webkit-sticky;position:sticky;top:10px;display:grid}@media(max-width:800px){.main .filter-options{grid-template-columns:1fr 1fr}}.main .filter-options label{margin-right:10px}h1{margin-top:20px}.showcase-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.showcase-cards h3{font-size:33px;margin-bottom:0}.showcase-cards .no-capsule{aspect-ratio:92/43;background-size:cover;background-position:50%;border-radius:6px;box-shadow:0 5px 10px -3px rgba(0,0,0,.4705882353);margin-bottom:7px;text-align:center;display:grid;align-content:center}.showcase-cards .no-capsule h3{text-shadow:0 4px 5px #000}a:has(.showcase-card){transition:transform 100ms ease-in-out}a:has(.showcase-card):focus,a:has(.showcase-card):hover{filter:none;transform:translateY(-4px)}a:has(.showcase-card):focus .showcase-card,a:has(.showcase-card):hover .showcase-card{box-shadow:0 10px 18px -3px rgba(0,0,0,.4705882353)}a:has(.showcase-card):focus{outline:2px solid var(--primary-color);outline-offset:4px}.showcase-card{transition:box-shadow 100ms ease-in-out;display:flex;flex-direction:column;background-color:var(--card-background-color);box-shadow:0 5px 10px -3px rgba(0,0,0,.4705882353);gap:10px;padding:10px;border-radius:8px}.showcase-card .thumbnail{width:100%;display:block;aspect-ratio:79/37;border-radius:4px;background-color:var(--card-background-color);background:linear-gradient(168deg,#9d9d9d 0%,#535353 100%);border:1px solid rgba(0,0,0,.6)}.showcase-card .caption{display:flex;gap:12px;justify-content:space-between}.showcase-card .attribution{display:flex;flex-direction:column;gap:2px}.showcase-card .author,.showcase-card .card-title{font-size:14px;color:var(--base-color-text)}.showcase-card .card-title{font-weight:700}.showcase-card .icons{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px}@media(prefers-color-scheme:dark){.showcase-card .icons{filter:invert(100%)}}.showcase-card .icons img{opacity:.8;width:20px;height:20px}