.ResourceCard{cursor:pointer;box-sizing:border-box;height:100%;padding:var(--small-spacing);border-radius:5px;border:3px solid transparent;background-color:var(--neutral-100);box-shadow:var(--box-shadow)}.ResourceCard>.header{display:flex;flex-direction:row;align-items:center;gap:var(--x-small-spacing)}.ResourceCard>.header h2{color:var(--branding-primary-600);margin:0}.ResourceCard>.header a:link,.ResourceCard>.header a:visited{text-decoration:none;color:var(--branding-primary-600)}.ResourceCard .body{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ResourceCard .body a,.ResourceCard .body p{color:var(--neutral-700);margin-bottom:0}.ResourceCard>.footer{display:flex;flex-direction:row;padding-top:var(--small-spacing)}.ResourceCard>.footer,.ResourceCard>.footer .category{justify-content:flex-start;align-items:center;gap:var(--base-spacing)}.ResourceCard>.footer .category{display:inline-flex}.ResourceCard>.footer .category .label{font-weight:var(--font-weight-600)}.ResourceCard>.footer p{margin:0}.ResourceCard:hover{background-color:var(--branding-primary-100);border:3px solid var(--branding-primary-600)}.ResourceCard:hover h2{color:var(--branding-primary-600)}.Resources{display:flex;flex-direction:column}.Resources>.widthLimiter{display:block}.Resources>.widthLimiter>.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--x-small-spacing);padding:2rem 0}.Resources>.widthLimiter>.header .icon{padding:18px;width:65px;height:65px;border-radius:50%;background-color:var(--branding-primary-600);color:var(--neutral-100)}.Resources>.widthLimiter>.header h2{margin:0;color:var(--branding-primary-600)}.Resources>.widthLimiter>.header p{margin:0;color:var(--neutral-800)}.Resources .content{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;grid-gap:var(--medium-spacing);gap:var(--medium-spacing);padding:var(--small-spacing) 0}.Loading{display:flex;align-items:center;margin:auto;height:100%}.Loading .icon{display:inline-block;color:var(--branding-primary-500)}