.integration-filter-grid{background:#fff;padding:5rem 0}@media screen and (min-width:991px){.integration-filter-grid{padding:7rem 0}}@media screen and (min-width:1900px){.integration-filter-grid>.container{max-width:176rem}}.integration-filter-grid__inner{flex-direction:column;gap:3rem;display:flex}@media screen and (min-width:768px){.integration-filter-grid__inner{flex-direction:row;align-items:stretch;gap:4rem}}.integration-filter-grid__sidebar{flex:none;width:100%}@media screen and (min-width:768px){.integration-filter-grid__sidebar{border-right:1px solid #e5e7eb;width:26rem;padding-right:2.4rem;position:sticky;top:10rem}}.integration-filter-grid__search{border-bottom:1px dashed #d9dadd;margin-bottom:2.4rem;padding-bottom:1.6rem;position:relative}.integration-filter-grid__search:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='8' cy='8' r='6.25' stroke='%23A3A9B7' stroke-width='1.5'/%3E%3Cpath d='M16 16L13 13' stroke='%23A3A9B7' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:1.8rem;height:1.8rem;position:absolute;top:0;left:0}.integration-filter-grid__search input{color:#525966;background-color:#0000;border:none;width:100%;height:2rem;padding:0 0 0 2.6rem;font-size:1.6rem}.integration-filter-grid__search input:focus-visible{outline:none}.integration-filter-grid__filters{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.integration-filter-grid__filters--scroll{max-height:36rem;overflow-y:auto}.integration-filter-grid__filters li{margin:0;transition:background .2s}.integration-filter-grid__filters li:has(input:checked){background:linear-gradient(90deg,#fff 0%,#e9eff7 100%)}.integration-filter-grid__filters label{cursor:pointer;color:#525966;align-items:center;gap:1.2rem;padding:1.1rem 1rem;font-size:1.7rem;display:flex}.integration-filter-grid__filters input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #d9dadd;border-radius:.4rem;flex-shrink:0;width:2rem;height:2rem;transition:background-color .2s,border-color .2s;position:relative}.integration-filter-grid__filters input[type=checkbox]:checked{background-color:#4f63be;border-color:#4f63be}.integration-filter-grid__filters input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.5rem;height:.9rem;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.integration-filter-grid__grid-wrap{flex:auto;min-width:0}.integration-filter-grid__grid{grid-template-columns:1fr;gap:1.8rem;display:grid}@media screen and (min-width:680px){.integration-filter-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1300px){.integration-filter-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:1900px){.integration-filter-grid__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.integration-filter-grid__load-more{color:#4f63be;cursor:pointer;background:#fff;border:1px solid #4f63be;border-radius:.4rem;margin:3rem auto 0;padding:1.2rem 3.2rem;font-size:1.5rem;font-weight:600;transition:background-color .2s,color .2s;display:block}.integration-filter-grid__load-more:hover{color:#fff;background:#4f63be}.integration-filter-grid__empty{text-align:center;color:#525966;grid-column:1/-1;margin:0;padding:3rem 0;font-size:1.8rem}.integration-filter-grid .listing-grid-card{border:1px solid #e5e7eb;border-radius:.8rem}.integration-filter-grid .listing-grid-card__media{aspect-ratio:400/130;background:#fff;padding:1.6rem}.integration-filter-grid .listing-grid-card__image{object-fit:contain}.integration-filter-grid .listing-grid-card__body{background:#fff;border-top:1px solid #e5e7eb;gap:0;padding:0}.integration-filter-grid .listing-grid-card__title{-webkit-line-clamp:4;min-height:0;max-height:12.4rem;padding:1.4rem 2rem 1rem}@media screen and (min-width:1300px){.integration-filter-grid .listing-grid-card__title{max-height:14rem}}.integration-filter-grid .listing-grid-card__actions{background:#f0f5f9;margin-top:auto;padding:1.1rem 1.6rem}.integration-filter-grid .listing-grid-card__actions .primary-action-link{white-space:nowrap;color:#7398c7;justify-content:space-between;gap:.8rem;width:100%}.integration-filter-grid .listing-grid-card__actions .primary-action-link:visited,.integration-filter-grid .listing-grid-card__actions .primary-action-link:focus{color:#7398c7}
