.database{position:relative}.database__cards-wrapper{z-index:1;grid-template-columns:1fr 1fr 1fr;gap:8rem;margin-top:6rem;display:grid;position:relative}@media screen and (max-width:991px){.database__cards-wrapper{grid-template-columns:1fr 1fr}}@media screen and (max-width:767px){.database__cards-wrapper{flex-direction:column;display:flex}}.database .number-results{justify-content:flex-end;margin:2rem 0;display:flex}.database .number-results p{font-size:1.8rem;font-weight:500}.database .buttons-wrapper{margin-top:2rem}.database .chips{flex-wrap:wrap;gap:1rem;display:inline-flex}
.search-bar{align-items:center;gap:2rem;margin-top:5rem;margin-bottom:2rem;display:flex}.search-bar__label{font-size:1.8rem;font-weight:500;display:block}.search-bar__input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-bar__icon{width:3.1rem;height:3.1rem;position:absolute;top:-1px;left:0}.search-bar__input{border:none;border-bottom:2px solid var(--gray-underline);width:min(100%,1220px);padding-bottom:.5rem;padding-left:4rem;transition:border-color .15s}.search-bar__input:focus{border-color:var(--bright-teal);outline:0!important}
.filters{z-index:9999;align-items:center;gap:2rem;margin-top:2rem;display:flex;position:relative}@media screen and (max-width:1199px){.filters{flex-direction:column;align-items:flex-start}.filters .buttons-wrapper{width:100%}}.filters__text{font-size:1.8rem;font-weight:500}.filters .filter-wrapper{align-items:center;gap:0;display:flex}.filters .filters-accordion{flex:1}.filters .filters-accordion__trigger{cursor:pointer}.filters .filters-accordion__header-wrapper{gap:.5rem;display:flex}@media screen and (min-width:768px){.filters .filters-accordion{gap:2rem;display:flex}.filters .filters-accordion__item{display:flex;position:relative}.filters .filters-accordion__trigger{border:none;border-bottom:2px solid var(--gray-underline);background-color:#0000;justify-content:space-between;align-items:center;width:16rem;padding-bottom:.5rem;padding-left:.5rem;font-size:1.8rem;font-weight:500;display:flex}.filters .filters-accordion__trigger[data-state=open]{border-color:var(--bright-teal)}.filters .filters-accordion__trigger[data-state=open] .filters-accordion__icon{transform:rotate(180deg)}.filters .filters-accordion__icon{transition:transform .2s}.filters .filters-accordion__panel{z-index:999}.filters .filters-accordion__content{background-color:#fff;background-color:var(--light-purple);z-index:999;width:fit-content;padding:1.5rem;position:absolute;bottom:0;left:0;transform:translateY(100%)}.filters .filters-accordion__panel{overflow:hidden}.filters .filters-accordion__panel[data-state=open]{animation:.15s ease-out fadeIn}.filters .filters-accordion__panel[data-state=closed]{animation:.15s ease-out fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}}@media screen and (max-width:767px){.filters .filters-accordion,.filters .filters-accordion .filter-wrapper{width:100%}.filters .filters-accordion__item{flex-direction:column;width:100%;display:flex}.filters .filters-accordion__header-wrapper{padding-bottom:1rem}.filters .filters-accordion__trigger{background-color:#0000;border:none;flex:1;justify-content:space-between;display:flex}.filters .filters-accordion__trigger .filters-accordion__icon{transition:transform .15s}.filters .filters-accordion__trigger[data-state=open] .filters-accordion__icon{transform:rotate(180deg)}.filters .filters-accordion__panel{font-size:1.7rem;overflow:hidden}.filters .filters-accordion__panel[data-state=open]{animation:.3s ease-out slideDown}.filters .filters-accordion__panel[data-state=closed]{animation:.3s ease-out slideUp}.filters .filters-accordion__content{background-color:var(--light-purple);margin-bottom:1rem;padding:1rem 2rem}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}}.buttons-wrapper{justify-content:flex-end;gap:1rem;display:flex}@media screen and (max-width:767px){.buttons-wrapper{margin-top:2rem}}.tooltip__icon{color:var(--dark-purple);background-color:#fff;border:none}.tooltip__icon:hover,.tooltip__icon:active,.tooltip__icon:focus{color:var(--bright-purple)}.tooltip__content{color:#000;border:2px solid var(--blue-green);-webkit-user-select:none;user-select:none;will-change:transform,opacity;z-index:10000;background-color:#fff;border-radius:4px;max-width:35ch;padding:1rem 1.5rem;font-size:1.6rem;line-height:1.2;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);box-shadow:0 10px 38px -10px #0e121659,0 10px 20px -15px #0e121633}.tooltip__arrow{fill:var(--blue-green)}
.checkbox{align-items:center;gap:1rem;display:flex}.checkbox:not(:last-child){margin-bottom:1rem}.checkbox__box{background-color:var(--dark-purple);border:none;place-content:center;width:2.4rem;height:2.4rem;display:grid}.checkbox__check{color:var(--yellow);transform:translateY(1px)}.checkbox__label{white-space:nowrap}
.indicator-card{background-color:var(--light-gray);border-top-style:solid;border-top-width:4.2rem;flex-direction:column;justify-content:space-between;height:400px;padding:4rem 3rem 3rem;animation-name:animate-pop;animation-duration:.5s;animation-timing-function:cubic-bezier(.26,.53,.74,1.48);animation-iteration-count:1;animation-fill-mode:backwards;display:flex;position:relative}@keyframes animate-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.indicator-card:first-child{animation-delay:.1s}.indicator-card:nth-child(2){animation-delay:.2s}.indicator-card:nth-child(3){animation-delay:.3s}.indicator-card:nth-child(4){animation-delay:.4s}.indicator-card:nth-child(5){animation-delay:.5s}.indicator-card:nth-child(6){animation-delay:.6s}.indicator-card:nth-child(7){animation-delay:.7s}.indicator-card:nth-child(8){animation-delay:.8s}.indicator-card:nth-child(9){animation-delay:.9s}.indicator-card--HarmReduction{border-top-color:var(--blue-green)}.indicator-card--HealthAccess{border-top-color:var(--blue)}.indicator-card--LinkagetoCare{border-top-color:var(--dark-purple)}.indicator-card--Partnerships{border-top-color:var(--bright-purple)}.indicator-card--PeerWorkforceSupport{border-top-color:var(--yellow)}.indicator-card--StigmaReduction{border-top-color:var(--teal)}.indicator-card ul{flex-wrap:wrap;padding:0;list-style-type:none;display:flex}.indicator-card li{white-space:nowrap}.indicator-card li:not(:last-child):after{content:", "}.indicator-card hr{border-top:1px solid #000}.indicator-card__icon{border:5px solid #fff;border-radius:50%;place-content:center;width:11rem;height:11rem;padding:2rem;display:grid;position:absolute;top:-7.6rem;left:-2rem}.indicator-card__icon--HarmReduction{background-color:var(--blue-green)}.indicator-card__icon--HealthAccess{background-color:var(--blue)}.indicator-card__icon--LinkagetoCare{background-color:var(--dark-purple)}.indicator-card__icon--Partnerships{background-color:var(--bright-purple)}.indicator-card__icon--PeerWorkforceSupport{background-color:var(--yellow)}.indicator-card__icon--StigmaReduction{background-color:var(--teal)}.indicator-card__title{min-height:52px;font-size:2.2rem;font-weight:700;line-height:normal}.indicator-card__tags{color:#525252;min-height:52px;font-size:1.8rem;font-style:italic}