.filter-thumbnail__item{display:block;cursor:pointer;position:relative}.filter-thumbnail__item:hover .filter-thumbnail__media-wrapper:before{display:block}.filter-thumbnail__item input:checked+.filter-thumbnail__media-wrapper:before{display:block}.filter-thumbnail__item input{left:0;opacity:0;position:absolute;top:0}.filter-thumbnail__media-wrapper{position:relative;z-index:1}.filter-thumbnail__media-wrapper:has(svg){background:rgba(var(--color-foreground),.1);display:block}.filter-thumbnail__media-wrapper:before{background:rgba(var(--color-foreground),.4);content:"";display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.filter-thumbnail__media-wrapper:after{content:"";display:block;padding-top:195.8%}@media screen and (min-width:750px){.filter-thumbnail__media-wrapper:after{padding-top:100%}}.filter-thumbnail__media-wrapper img,.filter-thumbnail__media-wrapper svg{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.filter-thumbnail__text-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-content:stretch;align-items:stretch;height:100%;left:0;padding:9px 7px;position:absolute;top:0;width:100%;z-index:5}@media screen and (min-width:750px){.filter-thumbnail__text-wrapper{padding:20px 11px}}.filter-thumbnail__text-wrapper h3{color:rgb(var(--color-background));font-size:10px;line-height:1.2;letter-spacing:.05em;margin:0}@media screen and (min-width:750px){.filter-thumbnail__text-wrapper h3{font-size:20px}}