.card{padding:1rem;border-radius:.75rem;border:2px solid #ebebeb;width:calc(100% - 2rem);display:grid;grid-template-columns:12rem auto;grid-template-rows:auto auto auto auto auto;grid-column-gap:1rem;column-gap:1rem;grid-row-gap:.75rem;row-gap:.75rem;cursor:pointer;scroll-margin-top:8rem;scroll-margin-bottom:1rem;background:#fff}.card.card__focused{border:2px solid var(--cny-purple)}.card__section__image{width:12rem;height:10rem;overflow:hidden;border-radius:.375rem;border:1px solid #ebebeb;position:relative;grid-column:1;grid-row-start:1;grid-row-end:4}.card__section__title-and-organization{display:flex;flex-direction:column;width:100%;gap:.25rem}.card__opportunity-title{color:var(--cny-dark-grey);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:2rem}.card__opportunity-organization-name{color:var(--cny-light-grey);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.25rem}.card__section__location-beneficiaries-and-description{font-size:var(--font-size-md);line-height:1.5rem;width:100%;display:flex;flex-direction:column;gap:.25rem;color:var(--cny-light-grey);letter-spacing:.0225rem;grid-column:2;grid-row-start:2;grid-row-end:4}.card__opportunity-beneficiary,.card__opportunity-location{font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:.75rem;.icon{width:1rem;display:flex;align-items:center;justify-content:center}}.card__opportunity-description{font-weight:var(--font-weight-light);display:flex;align-items:center;gap:.75rem;.icon{width:1rem;display:flex;align-items:center;justify-content:center}}.card__opportunity-description__text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card__section__cause-icons{display:flex;flex-direction:row;gap:.5rem;align-items:center;min-width:12rem;color:var(--cny-light-grey);grid-column:1;grid-row-start:4;grid-row-end:5}.card__section__date-time-and-see-event-link{display:flex;align-items:center;justify-content:space-between;width:100%;width:calc(100% - 1.75rem);margin-left:1.75rem;font-size:var(--font-size-md);line-height:1.25rem;color:var(--cny-light-grey);font-weight:var(--font-weight-light);letter-spacing:.01625rem;grid-column:2;grid-row-start:4;grid-row-end:5}.card__date-time-and-spots-left{display:flex;gap:.25rem}.card__see-event-link{margin-left:auto}@media (max-width:88em){.card{grid-template-columns:6rem auto;grid-template-rows:auto auto auto;row-gap:0}.card__section__title-and-organization{grid-column:2;grid-row:1;margin-bottom:.5rem}.card__date-time-and-spots-left{display:flex;justify-content:space-between;width:100%;grid-column-start:1;grid-column-end:3;grid-row:3}.card__section__image{width:6rem;height:5rem;margin-bottom:.75rem;overflow:hidden;grid-column:1;grid-row:1}.card__section__location-beneficiaries-and-description{padding-bottom:.75rem;padding-top:.5rem;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;grid-row:2;grid-column-start:1;grid-column-end:3;overflow:hidden}.card__section__date-time-and-see-event-link{flex-direction:column;gap:.75rem;width:100%;grid-column-start:1;grid-column-end:3;margin:.75rem 0 0}.card__section__cause-icons{display:none}.card__opportunity-title{font-size:var(--font-size-lg);line-height:1.5rem}.card__opportunity-organization-name,.card__opportunity-title{font-weight:var(--font-weight-light);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card__opportunity-beneficiary,.card__opportunity-location{font-weight:var(--font-weight-light)}.card__opportunity-description{align-items:flex-start}.card__opportunity-description__text{-webkit-line-clamp:5;line-clamp:5}.card__see-event-link{margin-left:0;width:100%}}@media (max-width:40em){.card{scroll-margin-top:5rem}.card__date-time-and-spots-left{display:flex;flex-direction:column;align-items:center;gap:.5rem}}.filter-modal__trigger{display:flex}.filter-modal{display:flex;flex-direction:column;background:#fff;margin:1% auto auto;width:80%;max-width:60rem;max-height:95%;border-radius:.375rem;background-color:#fff}.filter-modal__header{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #eaeaea;&:before{content:"";width:2.5rem}}.filter-modal__content{padding:0 2rem;display:flex;flex-direction:column;overflow-y:scroll;font-size:1rem}.filter-modal__content__section{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0;border-bottom:1px solid #eaeaea}.filter-modal__section__location-and-commitment-toggles{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;width:100%;.toggle-divider{height:5rem;border-left:1px solid #eaeaea}}.filter-modal__section__checkbox-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;max-height:14rem;overflow:hidden;width:100%}.filter-modal__section__checkbox-group.expanded{max-height:100%}.filter-modal__schedule-selector__header-and-toggle{display:flex;align-items:center;justify-content:space-between}.filter-modal__schedule-selector{display:flex;align-items:center;gap:.75rem;width:100%}.filter-modal__schedule-selector.disabled{opacity:.38}.filter-modal__section__neighborhoods-selector{display:flex;flex-direction:column}.filter-modal__neighborhoods-selector__checkbox-group{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem;width:100%}.filter-modal__neighborhoods-selector__manhattan-grouping{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.filter-modal__neighborhoods-selector__checkbox-group.manhattan{margin-left:1rem}.filter-modal__action-buttons{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eaeaea;background:#fff;position:sticky;position:-webkit-sticky;border-radius:.375rem}@media (max-width:60em){.filter-modal__section__location-and-commitment-toggles{flex-direction:column;align-items:flex-start;gap:1.5rem;justify-content:space-evenly;.toggle-divider{border-bottom:1px solid #eaeaea;height:0;width:100%}}}@media (max-width:48em){.filter-modal{max-height:100%;height:100%;width:100%;border-radius:0;margin-top:0}.filter-modal__header{padding:1rem}.filter-modal__content{padding:0 1rem}.filter-modal__content__section{padding:1.5rem 0;gap:.75rem}.filter-modal__schedule-selector{padding:.75rem;border-radius:.3125rem;background:#f7f7f7;flex-direction:column;align-items:flex-start;width:calc(100% - 2rem)}.filter-modal__schedule-selector__close-icon{order:-1;margin-left:auto}.filter-modal__action-buttons{padding:1rem}.filter-modal__section__checkbox-group{grid-template-columns:1fr;max-height:28rem}.filter-modal__neighborhoods-selector__checkbox-group{grid-template-columns:1fr}}#search-page__section__filters-and-results{display:flex;flex-direction:column;width:100%;overflow-x:hidden;overflow-y:auto;grid-column:1;position:relative}#search-page__result-count-and-filters{display:flex;flex-direction:column;gap:1.5rem;position:sticky;position:-webkit-sticky;background-color:#fff;top:0;padding:1rem 2rem;z-index:99;width:calc(100% - 4rem)}#search-page__result-count{font-weight:var(--font-weight-light)}#search-page__filters,#search-page__result-count{font-size:var(--font-size-md);color:var(--cny-light-grey)}#search-page__filters{font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:space-between}#search-page__card-list{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 2rem;margin-bottom:6rem}.search-page__card-list__loader{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;gap:1rem}.search-page__filters__desktop-toggles{display:flex;flex-direction:row;align-items:center;gap:1.5rem}@media (max-width:92em){.search-page__filters__desktop-toggles{display:none}#search-page__result-count-and-filters{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width:64em){#search-page__section__filters-and-results{height:inherit}#search-page__card-list{padding:0 1rem;margin-top:5rem;margin-bottom:5rem}#search-page__result-count-and-filters{padding:1rem;width:calc(100% - 2rem);position:fixed;top:4rem}}.search-page__section__map{grid-column:2;position:relative}.search-page__map__focused-pin,.search-page__map__focused-pin__tooltip{display:flex;flex-direction:column;align-items:center}.search-page__mobile-map-toggle-button{display:none}.search-page__map__focused-pin__tooltip__body{display:flex;max-width:15rem;line-height:1.25rem;padding:1rem;border-radius:.5rem;flex-direction:column;align-items:center;background-color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:1rem;box-shadow:0 5px 14px 0 rgba(0,0,0,.35);font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.search-page__map__virtual-overlay{width:100%;height:100%;position:absolute;background:#fff;opacity:.9;z-index:1;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center}.search-page__map__virtual-overlay__image{width:5rem;height:4rem;position:relative}.search-page__map__virtual-overlay__text{font-size:var(--font-size-xl);font-weight:var(--font-weight-heavy);color:var(--black)}@media (max-width:64em){.search-page__section__map{visibility:hidden}.search-page__section__map.visible{visibility:visible;margin-top:4rem;height:calc(100vh - 8rem);width:100%;position:fixed}.search-page__map__focused-pin__tooltip{display:none}.search-page__mobile-map-toggle-button{display:flex;border-radius:6.25rem;border:1px solid #000;background:#000;height:2.5rem;width:8rem;padding:.5rem .75rem;justify-content:center;align-items:center;gap:.625rem;font-size:var(--font-size-sm);color:#fff;position:fixed;left:50%;transform:translateX(-50%);bottom:2rem;z-index:10}.search-page__mobile-map-opportunity-card{font-weight:var(--font-weight-medium);display:flex;padding:1rem;flex-direction:column;align-items:flex-start;gap:.25rem;position:fixed;bottom:6rem;left:50%;transform:translateX(-50%);border-radius:.5rem;background:#fff;width:20rem;box-shadow:0 5px 14px 0 rgba(0,0,0,.35)}.search-page__mobile-map-opportunity-card__title{font-size:var(--font-size-md);color:var(--black)}.search-page__mobile-map-opportunity-card__desc,.search-page__mobile-map-opportunity-card__org{font-size:var(--font-size-sm);color:var(--cny-light-grey)}.search-page__mobile-map-opportunity-card__desc{font-weight:var(--font-weight-light);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}}@media (min-width:48em){.search-page__mobile-map-toggle-button{bottom:5.5rem}.search-page__mobile-map-opportunity-card{bottom:10rem}}#search-page{width:100%;display:grid;grid-template-columns:70% 30%;height:calc(100vh - 4.1rem);overflow:hidden}@media (max-width:64em){#search-page{grid-template-columns:100%}}.no-results-message{display:flex;flex-direction:column;gap:2.5rem;align-items:center;justify-content:center;padding:2rem}.no-results-message__heading{font-size:1.75rem;font-weight:var(--font-weight-heavy)!important}.no-results-message__content{font-size:1.5rem;font-weight:var(--font-weight-light);text-align:center}.no-results-message__image{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}@media (max-width:64em){.no-results-message{margin-top:5rem;gap:1.5rem}.no-results-message__heading{font-size:1.25rem}.no-results-message__content{font-size:1rem;line-height:1.5rem;text-align:center}}#home-page{display:flex;flex-direction:column;margin-bottom:4rem}.home-page__subtext{font-size:var(--font-size-xl);color:var(--cny-dark-grey);line-height:2.25rem;text-align:center}.home-page__subtext.welcome{text-align:left}.home-page__highlighted-text{color:var(--cny-purple)}#welcome-section{padding:6.25rem 8.75rem;display:grid;grid-template-columns:3fr 1fr;grid-column-gap:4rem;column-gap:4rem;background:var(--cny-light-purple);width:calc(100% - 17.5rem)}#welcome-section__main-content{display:flex;flex-direction:column;gap:2rem}#welcome-section__image-content{display:flex;justify-content:center}#welcome-section__main-content__header{font-size:3.3125rem;font-weight:var(--font-weight-heavy)}#welcome-section__main-content__buttons{display:flex;gap:1.5rem}#welcome-section__image{width:27.375rem;height:19.5rem;overflow:hidden;position:relative;border-radius:.75rem}#opportunity-section{width:calc(100% - 10rem);padding:4rem 5rem;gap:5rem}#opportunity-section,.opportunity-section__content{display:flex;flex-direction:column;align-items:center}.opportunity-section__content{gap:1.25rem}.opportunity-section__content__header{font-size:var(--font-size-xxl);text-align:center}#opportunity-section__stat_highlights{padding:2.5rem;background:var(--cny-light-purple);border-radius:.75rem;display:flex;align-items:center;justify-content:space-evenly;width:calc(100% - 5rem)}.opportunity-section__stat{font-size:var(--font-size-xl);font-weight:var(--font-weight-heavy);display:flex;flex-direction:column;gap:1rem;align-items:center;color:#000}.stat-divider{height:3rem;border-left:1px solid #b9b9b9}.stat-count{font-size:var(--font-size-xxl)}#opportunity-section__causes{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-row-gap:1rem;row-gap:1rem;grid-column-gap:2rem;column-gap:2rem;margin-top:2.25rem}.cause-icon-list-item{display:flex;align-items:center;gap:.75rem;text-decoration:none;&:hover{color:var(--cny-purple);cursor:pointer}}.opportunity-carousel{max-width:80rem;margin:auto;display:flex;flex-direction:column;align-items:center;gap:1rem;--slide-height:auto;--slide-spacing:1rem;--slide-size:64rem;overflow:hidden;background:var(--cny-light-purple);padding:1rem;border-radius:1rem}.opportunity-carousel__container{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing))}.opportunity-carousel__slide{flex:0 0 var(--slide-size);padding-left:var(--slide-spacing)}.opportunity-carousel__buttons{display:flex;width:40%;justify-content:space-between}#stay-in-touch-section{width:calc(100% - 10rem);padding:2rem 5rem;display:flex;flex-direction:column;gap:1rem;align-items:center}#stay-in-touch-section>h2{font-size:2rem;text-align:center}#stay-in-touch-section>.user-email-input{max-width:25rem;width:100%;display:flex;align-items:center;gap:1rem;flex-direction:column}@media (min-width:64em){#welcome-section__main-content{grid-column:1}#welcome-section__image-content{grid-column:2}}@media (max-width:88em){.opportunity-carousel{max-width:68rem;--slide-size:54rem}}@media (max-width:76em){#opportunity-section,#welcome-section{padding:2rem 4rem;width:calc(100% - 8rem)}.opportunity-carousel{max-width:60rem;--slide-size:48rem}#opportunity-section__causes{grid-template-columns:1fr 1fr 1fr;margin-top:1.75rem;align-items:center}#stay-in-touch-section{padding:1.5rem 4rem;width:calc(100% - 8rem)}}@media (max-width:64em){#welcome-section{grid-template-columns:1fr}#welcome-section__image-content{order:1;margin-bottom:2rem}#welcome-section__main-content{order:2;align-items:center}.opportunity-carousel{max-width:44rem;--slide-size:36rem}#opportunity-section__causes{grid-template-columns:1fr 1fr;margin-top:1.5rem}}@media (max-width:48em){#home-page{margin-bottom:2rem}.opportunity-carousel{max-width:30rem;--slide-size:22rem;gap:1rem}.opportunity-carousel__slide{padding-right:1rem;padding-left:0}.home-page__subtext{font-size:var(--font-size-md);line-height:1.5rem;text-align:center}#welcome-section{padding:2rem 1.5rem;width:calc(100% - 3rem)}#welcome-section__main-content{gap:1.5rem}#welcome-section__main-content__header{font-size:2.25rem;text-align:center}#welcome-section__image{width:20.625rem;height:17.25rem}#welcome-section__main-content__buttons{flex-direction:column;gap:1rem;width:100%;max-width:30rem}#opportunity-section{padding:2rem 1.5rem;gap:2.5rem;width:calc(100% - 3rem)}.opportunity-section__content{gap:1rem}.opportunity-section__content__header{font-size:var(--font-size-xl)}#opportunity-section__causes{margin-top:1rem}#opportunity-section__stat_highlights{flex-direction:column;align-items:space-between}.opportunity-section__stat:not(:last-child),.stat-divider{margin-bottom:2rem}.stat-divider{border-left:0;height:0;width:3rem;border-bottom:1px solid #b9b9b9}#stay-in-touch-section{padding:1rem 1.5rem;width:calc(100% - 3rem)}#stay-in-touch-section>h2{font-size:var(--font-size-xl)}#stay-in-touch-section>.user-email-input{gap:.5rem}}@media (max-width:40em){.opportunity-carousel{max-width:20rem;--slide-size:18rem}.opportunity-carousel__slide{padding-right:1rem;padding-left:0}#opportunity-section__causes{grid-template-columns:1fr}}