:root{--integrations-columns:1;--integrations-items-wrapper-gap:var(--spacing-40)}@media screen and (min-width:768px){:root{--integrations-columns:2;--integrations-items-wrapper-gap:var(--spacing-80) var(--spacing-40)}}@media screen and (min-width:1024px){:root{--integrations-columns:3;--integrations-items-wrapper-gap:var(--spacing-100) var(--spacing-40)}}.cmp-integrations-container{grid-gap:var(--spacing-60);display:flex;flex-direction:column;gap:var(--spacing-60)}.cmp-integrations-filter-wrapper{grid-gap:var(--spacing);display:flex;flex-wrap:wrap;gap:var(--spacing)}.cmp-integrations-filter-wrapper .btn{background-color:var(--color-white);border-color:var(--color-transparent);border-radius:var(--border-radius);color:var(--color-blue);margin-top:0}.cmp-integrations-filter-wrapper .btn.active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.cmp-integrations-archive-wrapper{grid-gap:var(--integrations-items-wrapper-gap);display:grid;gap:var(--integrations-items-wrapper-gap);grid-template-columns:repeat(var(--integrations-columns),minmax(0,1fr))}.cmp-integrations-item{grid-gap:var(--spacing-lg);display:none;flex-direction:column;gap:var(--spacing-lg)}.cmp-integrations-item.active{display:flex}.cmp-integrations-item .icon{max-height:var(--spacing-40);width:max-content}.cmp-integrations-item .icon img{height:100%;object-fit:cover;width:100%}.cmp-integrations-item h3{margin-bottom:0}.cmp-integrations-load-all{display:none;margin:0 auto;&.active{display:block}}