.resource-cards--card{background-color:var(--light-blue);margin-inline:-2rem;padding:2rem}.resource-cards__header{margin-bottom:4rem}.resource-cards__cards--carousel{margin-inline:-2rem}.resource-cards__cards--carousel>.swiper-wrapper{padding-left:2rem}.resource-cards__cards:not(.resource-cards__cards--carousel)>div{display:grid;grid-gap:var(--gap-md)}.resource-cards__cards:not(.resource-cards__cards--carousel) .resource-cards__card{display:grid;position:relative;grid-gap:var(--gap);align-items:center;grid-template-columns:10rem 1fr}.resource-cards__cards:not(.resource-cards__cards--carousel) .resource-cards__card+.resource-cards__card:before{background-color:var(--medium-gray);content:"";display:block;height:1px;position:absolute;top:-2rem;width:100%}.resource-cards__cards--carousel .resource-cards__card{display:grid;grid-gap:var(--gap);align-items:start;grid-template-columns:auto;grid-template-rows:auto 1fr;max-width:calc(100vw - 6rem)}.resource-cards__image{aspect-ratio:1/1;border-radius:var(--border-radius);overflow:hidden;position:relative}.resource-cards__cards--carousel .resource-cards__image{aspect-ratio:4/3}.resource-cards__image>img{height:100%;inset:0;object-fit:cover;position:absolute;scale:1;transition:scale .3s ease;width:100%}.resource-cards__image:active>img,.resource-cards__image:focus>img,.resource-cards__image:hover>img{scale:1.1}.resource-cards__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}.resource-cards__image-icon>svg{height:1.5rem;width:1.5rem}.resource-cards__details{display:grid;grid-gap:var(--gap-xs);align-content:start;justify-items:start}.resource-cards__tags{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.resource-cards__title{font-weight:600;line-height:1.3}.resource-cards__cards--carousel .resource-cards__title{font-size:1.8rem}.resource-cards__title>a{text-decoration:none}.resource-cards__title>a:active,.resource-cards__title>a:focus,.resource-cards__title>a:hover{text-decoration:underline}.resource-cards__pagination{margin-top:3rem}.resource-cards__button{margin-top:2rem}@media (min-width:576px){.resource-cards--card{margin-inline:0}.resource-cards--header-button{display:grid;grid-gap:0 var(--gap);align-items:start;grid-template-columns:1fr auto;grid-template-rows:auto 1fr}.resource-cards__heading{grid-area:1/1/2/2;margin-bottom:0}.resource-cards__cards{grid-area:2/1/3/3;overflow:visible;width:100%}.resource-cards--feature .resource-cards__card:first-child,.resource-cards--feature .resource-cards__card:nth-child(2){grid-column:span 2}.resource-cards__cards--carousel{margin-inline:0}.resource-cards__cards--carousel>.swiper-wrapper{padding-left:0}.resource-cards__cards:not(.resource-cards__cards--carousel)>div,.resource-cards__cards>div{display:grid;grid-gap:var(--gap-md) var(--gap)}.resource-cards__cards--2:not(.resource-cards__cards--carousel)>div,.resource-cards__cards--2>div,.resource-cards__cards--4:not(.resource-cards__cards--carousel)>div,.resource-cards__cards--4>div{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-cards__cards--3:not(.resource-cards__cards--carousel)>div,.resource-cards__cards--3>div{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-cards__card,.resource-cards__cards:not(.resource-cards__cards--carousel) .resource-cards__card{align-items:start;grid-template-columns:auto;grid-template-rows:auto 1fr;margin:0!important;width:100%!important}.resource-cards__cards:not(.resource-cards__cards--carousel) .resource-cards__card+.resource-cards__card:before{display:none}.resource-cards__card--split{display:grid;grid-gap:var(--gap);align-items:center;grid-template-columns:18rem 1fr;grid-template-rows:1fr}.resource-cards__details{grid-gap:var(--gap-sm)}.resource-cards__image{aspect-ratio:4/3}.resource-cards__pagination{display:none!important}.resource-cards__button{grid-area:1/2/2/3;margin-top:0}}@media (min-width:768px){.resource-cards__cards:not(.resource-cards__cards--carousel)>div,.resource-cards__cards>div{grid-gap:6rem var(--gap-md)}}@media (min-width:992px){.resource-cards--card{padding:4rem}.resource-cards__cards--4:not(.resource-cards__cards--carousel)>div,.resource-cards__cards--4>div{grid-template-columns:repeat(4,minmax(0,1fr))}.resource-cards__image-icon{height:6rem;width:6rem}.resource-cards__title{font-size:1.8rem}.resource-cards__cards--2 .resource-cards__title{font-size:2.3rem}}@media (min-width:1260px){.resource-cards--card{margin-inline:-4rem}}