access-nyc-patterns/dist/components/filter/filter-multi.css

User Interface Patterns for Benefits Access

.c-filter-multi__list{padding:0;list-style:none;margin:0}.c-filter-multi__item{border-bottom:1px solid #d1d5d9;font-weight:700;padding:16px 0}.c-filter-multi__item:last-child{border:0}.c-filter-multi__item-header{font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-filter-multi__item-header[type=button]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;font-size:inherit;font-family:inherit;border:none;padding:0;cursor:pointer}.c-filter-multi__item-header[type=button] .c-filter-multi__item-header-toggle{pointer-events:none}.c-filter-multi__item-header .c-filter-multi__item-header-collapse{display:none}.c-filter-multi__item-header.active .c-filter-multi__item-header-toggle:after{height:0;width:0;border-bottom:.4em solid #184e9e;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:0}.c-filter-multi__item-header-toggle{font-size:inherit;padding:12px;border:none;cursor:pointer}.c-filter-multi__item-header-toggle:after{content:"";float:right;height:0;width:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.4em solid #184e9e}.c-filter-multi__item-header-toggle.active:after{height:0;width:0;border-bottom:.4em solid #184e9e;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:0}.c-filter-multi__item-header-collapse,.c-filter-multi__item-header-expand{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-filter-multi__item-group{-webkit-transition:max-height .4s ease-in;-o-transition:max-height .4s ease-in;transition:max-height .4s ease-in;max-height:0;overflow:hidden}.c-filter-multi__item-group.active{max-height:3000px}.c-filter-multi__item-group-list{list-style:none;margin:0;padding:0}.c-filter-multi__item-group-subitem{font-size:.72rem;font-weight:400;margin:12px 0;min-height:30px}.c-filter-multi__item-group-subitem a{cursor:pointer}.c-filter-multi__item-group-subitem:last-child{margin-bottom:0}@media screen and (min-width:768px){.c-filter-multi__item{padding:24px 0}}