.resources-alt__filter{margin-bottom:4rem}.resources-alt__filter select{margin-bottom:0}.resources-alt__resources{display:grid;grid-gap:var(--gap-md)}.resources-alt__resource{align-items:center;display:grid;grid-template-columns:10rem 1fr;position:relative;grid-gap:var(--gap)}.resources-alt__resource+.resources-alt__resource:before{background-color:var(--medium-gray);content:"";display:block;height:1px;position:absolute;top:-2rem;width:100%}.resources-alt__resource-image{aspect-ratio:1/1;border-radius:var(--border-radius);overflow:hidden;position:relative}.resources-alt__resource-image>img{height:100%;inset:0;object-fit:cover;position:absolute;scale:1;transition:scale .3s ease;width:100%}.resources-alt__resource-image:active>img,.resources-alt__resource-image:focus>img,.resources-alt__resource-image:hover>img{scale:1.1}.resources-alt__resource-image-icon{background-color:var(--white);border-radius:50%;color:var(--purple);display:grid;filter:drop-shadow(0 0 5px rgba(0,0,0,.2));height:4rem;left:50%;place-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:4rem}.resources-alt__resource-image-icon>svg{height:1.5rem;width:1.5rem}.resources-alt__resource-details{display:grid;grid-gap:var(--gap-xs);align-content:start;justify-items:start}.resources-alt__resource-tags{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.resources-alt__resource-title{font-weight:600;line-height:1.4}.resources-alt__resource-title>a{text-decoration:none}.resources-alt__resource-title>a:active,.resources-alt__resource-title>a:focus,.resources-alt__resource-title>a:hover{text-decoration:underline}.resources-alt__load-more{grid-column:-1/1;justify-items:center}.resources-alt__no-results{display:none;grid-column:-1/1;text-align:center}@media(min-width:768px){.resources-alt__filter select{width:calc(50% - 2.5rem)}.resources-alt__resources{grid-template-columns:repeat(2,1fr)}.resources-alt__resource{grid-template-columns:auto;grid-template-rows:auto 1fr}.resources-alt__resource+.resources-alt__resource:before{display:none}.resources-alt__resource-image{aspect-ratio:4/3}.resources-alt__resource-details{grid-gap:var(--gap-sm)}}@media (min-width:992px){.resources-alt__filter select{width:calc(33.333% - 2.5rem)}.resources-alt__resources{grid-template-columns:repeat(3,1fr)}.resources-alt__resource-image-icon{height:6rem;width:6rem}.resources-alt__resource-title{font-size:1.8rem}}