@layer components{.c-community-section{--community-top-margin:5.5rem;margin-top:var(--community-top-margin);padding:0 var(--grid-browser-gutter)}.c-community-section__title{font-size:2.75rem;text-align:center}.c-community-section__title em,.c-community-section__title strong{color:var(--brand-blue)}.c-community-section__cards{display:flex;flex-flow:row wrap;gap:var(--grid-gutter-width);margin-top:var(--community-top-margin)}.c-community-section__card{--card-padding-x:3.5rem;--card-padding-y:4.5rem;--card-map-width:0px;--card-border-radius:30px;background-color:var(--card-color);border-radius:var(--card-border-radius);color:#fff;margin:0;padding:var(--card-padding-y) var(--card-padding-x);padding-left:calc(var(--card-padding-x) + var(--card-map-width));position:relative}.c-community-section__card--hide-overflow{overflow:hidden}.c-community-section__card__map{--card-transform:translateX(-100%);--content-transform:translateX(100%);--transform-duration:400ms;display:block;inset:0 auto 0 0;position:absolute;width:var(--card-map-width)}.c-community-section__card__map.is-visible{--card-transform:translateX(0%);--content-transform:translateX(0%)}.c-community-section__card__map__frame{inset:0;overflow:hidden;position:absolute;transform:var(--card-transform);transition:var(--transform-duration) transform ease}.c-community-section__card__map__frame:before{--mask-image-url:url(../../../img/homepage-map-mask.svg);background-color:var(--card-color);content:"";inset:0 0 0 auto;mask-image:var(--mask-image-url);-webkit-mask-image:var(--mask-image-url);-webkit-mask-repeat:no-repeat;-webkit-mask-size:30px 100%;position:absolute;width:30px;z-index:100}.c-community-section__card__map__el{inset:0;margin:0;position:absolute;transform:var(--content-transform);transition:var(--transform-duration) transform ease}.c-community-section__card:has(.c-community-section__card__map){--card-map-width:30%}:where(.c-community-section__card:nth-child(3n+1)){flex-basis:calc(58.4% - var(--grid-padding));flex-grow:1;min-width:min(calc(100vw - var(--grid-gutter-width)),300px)}:where(.c-community-section__card:nth-child(3n+2)){flex-basis:calc(41.6% - var(--grid-padding));flex-grow:1;min-width:min(calc(100vw - var(--grid-gutter-width)),300px)}:where(.c-community-section__card:nth-child(3n+3)){flex-basis:100%}.c-community-section__card--blue{--card-color:var(--brand-blue);--card-accent:var(--brand-blue-tint)}.c-community-section__card--purple{--card-color:var(--brand-purple);--card-accent:var(--brand-purple-tint)}.c-community-section__card--pink{--card-color:var(--brand-pink);--card-accent:var(--brand-pink-tint)}.c-community-section__card__title{font-size:2.75rem;line-height:1.2}.c-community-section__card__blurb{font-size:1.3rem;line-height:1.5;margin-top:1.5rem;max-width:725px}.c-community-section__card__actions{display:flex;flex-flow:row wrap;gap:var(--grid-padding);margin-top:1.5rem}.c-community-section__card__action{margin:0}.c-community-section__card__icon{border-top-right-radius:var(--card-border-radius);inset:0 0 auto auto;margin:0;overflow:hidden;position:absolute}.c-community-section__card__icon--concave{width:140px}.c-community-section__card__icon--convex{width:100px}@media only screen and (max-width:800px){.c-community-section{--community-top-margin:1.75rem}.c-community-section__title{font-size:1.6rem}.c-community-section__cards{gap:var(--grid-padding)}.c-community-section__card:has(.c-community-section__card__map){--card-map-width:300px}.c-community-section__card:has(.c-community-section__card__map) .c-community-section__card__icon{border-radius:0;transform:translateY(var(--card-map-width))}.c-community-section__card__map{--card-transform:translateY(-2rem);--content-transform:translateY(2rem);height:var(--card-map-width);inset:0 0 auto;width:100%}.c-community-section__card__map.is-visible{--card-transform:translateY(0%);--content-transform:translateY(0%)}.c-community-section__card__map__frame:before{display:none}.c-community-section__card{--card-border-radius:20px;--card-padding-x:var(--grid-padding);--card-padding-y:var(--grid-gutter-width);padding-bottom:var(--grid-padding);padding-left:var(--card-padding-x);padding-top:max(var(--card-padding-y),var(--card-map-width))}.c-community-section__card__title{font-size:1.25rem;padding-right:5.5rem}.c-community-section__card__blurb{font-size:1rem;padding-right:2rem}.c-community-section__card__actions{flex-direction:column}.c-community-section__card__icon--concave{width:120px}.c-community-section__card__icon--convex{width:90px}}}@layer components-override{.c-community-section__card__icon{--swoop-background-color:var(--card-accent);--swoop-icon-color:var(--card-color)}.c-community-section__topics-picker{--toggle-height:50px}.c-community-section__topics-picker .c-topics-picker__toggle{--button-background:#fff;--button-background-active:var(--card-color);--button-icon-background-active:var(--card-color);--button-icon-background:#fff;--button-icon-color:#fff;--button-icon-color-active:var(--body-color);--button-color:var(--body-color);--button-color-active:#fff}}