.resources__group,.resources__nav-buttons{display:none}.resources__group.is-active{display:block}.resources__cards{margin-right:-2rem}.resources__cards:after{content:"flickity";display:none}.resources__card{display:grid;grid-gap:var(--gap-6);grid-template-rows:auto 1fr;margin-right:var(--gap-5);width:calc(100% - var(--gap-10))}.resources__card,.resources__card:active,.resources__card:focus,.resources__card:hover{color:var(--neutral-100)}.resources__image{overflow:hidden;position:relative}.resources__image-image{aspect-ratio:9/5;border-radius:var(--radius-sm);display:block;-o-object-fit:cover;object-fit:cover;width:100%}.resources__image-play{background-color:var(--neutral-0);border-radius:50%;color:var(--primary-color);display:grid;height:4.4rem;left:50%;place-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:4.4rem}.resources__card:active .resources__image-play,.resources__card:focus .resources__image-play,.resources__card:hover .resources__image-play{background-color:var(--primary-color);color:var(--neutral-0)}.resources__image-circle{position:absolute;right:0;top:0;transform:rotate(-90deg);transform-origin:top right;transition:transform .3s ease}.resources__card:active .resources__image-circle,.resources__card:focus .resources__image-circle,.resources__card:hover .resources__image-circle{transform:rotate(0deg)}.resources__tags{display:flex;flex-wrap:wrap;gap:10px}.resources__button{margin-top:auto}@media (min-width:768px){.resources__nav{text-align:center}.resources__form{display:none}.resources__nav-buttons{background-color:var(--neutral-0);border:1px solid var(--neutral-30);border-radius:100vw;box-shadow:var(--shadow-sm);display:inline-flex;flex-direction:row;gap:var(--gap-4);justify-content:center;padding:1.6rem}.resources__nav-button{max-width:100%;width:20rem}.resources__nav-button.is-active{background-color:var(--primary-color-hover);color:var(--neutral-0)}.resources__cards{display:grid;margin-right:0;grid-gap:var(--gap-10)}.resources__card{margin-right:0;width:100%}.resources__cards:after{content:""}.resources__cards--2,.resources__cards--3,.resources__cards--4{grid-template-columns:repeat(2,1fr);grid-gap:var(--gap-6)}.resources__cards--3{grid-template-columns:repeat(3,1fr);grid-column-gap:var(--gap-5)}.resources__details{align-items:flex-start;display:flex;flex-direction:column}}@media (min-width:992px){.resources__cards{grid-gap:var(--gap-10)}.resources__cards--4{grid-template-columns:repeat(4,1fr)}}