.resources{display:grid;grid-gap:var(--gap-md);scroll-margin-top:4rem}.resources__sidebar{background-color:var(--light-blue);border-radius:var(--border-radius);padding:2.5rem}.resources__sidebar-list{border:unset;list-style:none;margin:1rem 0 0;padding:0}.resources__filter-label{align-items:start;display:flex}.resources__resources{display:grid;grid-gap:var(--gap-md)}.resources__resource{display:grid;grid-template-columns:10rem 1fr;position:relative;grid-gap:var(--gap);align-items:center}.resources__resource+.resources__resource:before{background-color:var(--medium-gray);content:"";display:block;height:1px;position:absolute;top:-2rem;width:100%}.resources__resource-image{aspect-ratio:1/1;border-radius:var(--border-radius);overflow:hidden;position:relative}.resources__resource-image>img{height:100%;inset:0;object-fit:cover;position:absolute;scale:1;transition:scale .3s ease;width:100%}.resources__resource-image:active>img,.resources__resource-image:focus>img,.resources__resource-image:hover>img{scale:1.1}.resources__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__resource-image-icon>svg{height:1.5rem;width:1.5rem}.resources__resource-details{display:grid;grid-gap:var(--gap-xs);align-content:start;justify-items:start}.resources__resource-tags{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.resources__resource-title{font-weight:600;line-height:1.4}.resources__resource-title>a{text-decoration:none}.resources__resource-title>a:active,.resources__resource-title>a:focus,.resources__resource-title>a:hover{text-decoration:underline}.resources__load-more,.resources__no-results{grid-column:-1/1;text-align:center}@media (min-width:768px){.resources{display:grid;grid-gap:var(--gap-md);grid-template-columns:30rem 1fr}.resources__sidebar{position:-webkit-sticky;position:sticky;top:9rem;-ms-flex-item-align:start;align-self:start}.resources__resource{align-items:start;grid-template-columns:auto;grid-template-rows:auto 1fr}.resources__resource+.resources__resource:before{display:none}.resources__resource-image{aspect-ratio:4/3}.resources__resource-image-icon{height:6rem;width:6rem}.resources__resource-details{grid-gap:var(--gap-sm)}}@media (min-width:992px){.resources{grid-gap:var(--gap-lg)}.resources__resources{grid-template-columns:repeat(2,1fr)}.resources__resource-title{font-size:1.8rem}}