.integrations-directory{font-family:Die Grotesk B,sans-serif;padding-bottom:48px}.integrations-directory .integrations-directory__bar{background:var(--white,#fff);border-bottom:1px solid rgba(37,36,35,.2);padding:18px 0;position:sticky;top:var(--int-header-offset,72px);z-index:15}.integrations-directory .integrations-directory__bar-inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.integrations-directory .integrations-directory__bar-t{color:var(--black,#000);font-size:20px;font-weight:500;white-space:nowrap}.integrations-directory .integrations-directory__search{align-items:center;border:1px solid rgba(37,36,35,.2);border-radius:8px;color:#62605f;display:flex;flex:1 1 220px;gap:10px;height:44px;min-width:0;padding:0 14px}.integrations-directory .integrations-directory__search input{background:transparent;border:0;color:#252423;font-family:inherit;font-size:16px;outline:0;width:100%}.integrations-directory .integrations-directory__chips{-webkit-overflow-scrolling:touch;display:flex;flex:1 1 100%;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none}.integrations-directory .integrations-directory__chips::-webkit-scrollbar{display:none}.integrations-directory .integrations-directory__chip{background:var(--white,#fff);border:1px solid rgba(37,36,35,.2);border-radius:999px;color:#252423;cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:14px;line-height:130%;padding:7px 12px;transition:border-color .16s cubic-bezier(.4,0,.2,1),background .16s;white-space:nowrap}.integrations-directory .integrations-directory__chip:hover{border-color:var(--blue-dark,#0042ff)}.integrations-directory .integrations-directory__chip.is-active{background:var(--black,#000);border-color:var(--black,#000);color:var(--white,#fff)}.integrations-directory .integrations-directory__results{background:var(--grey-100,#f8f7f7);border-bottom:1px solid rgba(37,36,35,.2);padding:12px 0}.integrations-directory .integrations-directory__results-inner{align-items:center;display:flex;gap:16px;justify-content:space-between}.integrations-directory .integrations-directory__results-count{color:#62605f;font-size:16px}.integrations-directory .integrations-directory__results .integrations-directory__clear{background:none;border:0;color:var(--blue-dark,#0042ff);cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;padding:0;white-space:nowrap}.integrations-directory .integrations-directory__sec{padding:48px 0 16px}.integrations-directory .integrations-directory__sec-head{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.integrations-directory .integrations-directory__sec-copy{max-width:760px}.integrations-directory .integrations-directory__eyebrow{color:#62605f;margin-bottom:16px}.integrations-directory .integrations-directory__eyebrow--blue{color:var(--blue-dark,#0042ff)}.integrations-directory .integrations-directory__sec-body{text-wrap:pretty;color:#62605f;font-size:18px;line-height:150%;margin-top:12px}.integrations-directory .integrations-directory__count{color:#8c898a;font-size:16px;white-space:nowrap}.integrations-directory .integrations-directory__grid-2,.integrations-directory .integrations-directory__grid-3,.integrations-directory .integrations-directory__grid-4,.integrations-directory .integrations-directory__grid-6{display:grid;gap:16px;grid-template-columns:1fr}.integrations-directory .integrations-directory__grid-2,.integrations-directory .integrations-directory__grid-4{margin-bottom:16px}.integrations-directory .integrations-directory__grid-2 .integrations-directory__card{gap:20px;padding:32px}.integrations-directory .integrations-directory__grid-6{gap:12px;grid-template-columns:repeat(2,1fr)}.integrations-directory .integrations-directory__card[hidden],.integrations-directory .integrations-directory__sec[hidden],.integrations-directory .integrations-directory__tile[hidden]{display:none}.integrations-directory .integrations-directory__card{border:1px solid rgba(37,36,35,.2);border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:24px;transition:border-color .16s cubic-bezier(.4,0,.2,1),background .16s}.integrations-directory .integrations-directory__card:hover{background:var(--grey-100,#f8f7f7);border-color:var(--blue-dark,#0042ff)}.integrations-directory .integrations-directory__card-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;min-height:34px}.integrations-directory .integrations-directory__badge{background:var(--grey-150,#f0eeed);border-radius:999px;color:#62605f;font-size:12px;letter-spacing:.04em;line-height:130%;padding:5px 10px;text-transform:uppercase;white-space:nowrap}.integrations-directory .integrations-directory__name{color:var(--black,#000);font-size:20px;font-weight:500;margin-bottom:6px}.integrations-directory .integrations-directory__desc{text-wrap:pretty;color:#62605f;font-size:18px;line-height:150%}.integrations-directory .integrations-directory__learn{color:var(--blue-dark,#0042ff);font-size:16px;font-weight:500;margin-top:auto}.integrations-directory .integrations-directory__tile{align-items:center;border:1px solid rgba(37,36,35,.2);border-radius:12px;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:104px;padding:14px;transition:border-color .16s cubic-bezier(.4,0,.2,1),background .16s}.integrations-directory .integrations-directory__tile:hover{background:var(--grey-100,#f8f7f7);border-color:var(--blue-dark,#0042ff)}.integrations-directory .integrations-directory__tile-name{color:#62605f;font-size:16px;line-height:130%;text-align:center}.integrations-directory .integrations-directory__logo-l,.integrations-directory .integrations-directory__logo-t{transform:scale(var(--logo-scale,1))}.integrations-directory .integrations-directory__logo-l{max-height:30px;max-width:140px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;transform-origin:left center}.integrations-directory .integrations-directory__card .integrations-directory__logo-l{height:30px;max-height:30px}.integrations-directory .integrations-directory__card .integrations-directory__logo-l.is-logo-wide{height:auto;max-height:30px;width:130px}.integrations-directory .integrations-directory__card .integrations-directory__logo-l.is-logo-square{height:34px;max-height:34px}.integrations-directory .integrations-directory__logo-t{height:20px;max-width:104px;-o-object-fit:contain;object-fit:contain}.integrations-directory .integrations-directory__logo-t.is-logo-wide{height:auto;max-height:22px;width:96px}.integrations-directory .integrations-directory__logo-t.is-logo-square{height:26px}.integrations-directory .integrations-directory__empty{border:1px dashed rgba(37,36,35,.3);border-radius:24px;margin:48px 0;padding:64px 24px;text-align:center}.integrations-directory .integrations-directory__empty-h{color:var(--black,#000);font-size:28px;font-weight:400;line-height:110%;margin-bottom:10px}.integrations-directory .integrations-directory__empty-b{color:#62605f;font-size:18px;line-height:150%;margin:0 auto 24px;max-width:520px}@media (min-width:640px){.integrations-directory .integrations-directory__grid-6{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.integrations-directory .integrations-directory__bar-inner{flex-wrap:nowrap;gap:16px}.integrations-directory .integrations-directory__search{flex:0 1 240px;min-width:160px}.integrations-directory.integrations-directory--no-chips .integrations-directory__search{flex:0 1 380px}.integrations-directory .integrations-directory__chips{flex:1 1 auto;min-width:0}.integrations-directory .integrations-directory__chip:first-child{margin-left:auto}.integrations-directory .integrations-directory__sec{padding:72px 0 24px}.integrations-directory{padding-bottom:72px}.integrations-directory .integrations-directory__sec-head{align-items:flex-end;flex-direction:row;gap:48px;justify-content:space-between;margin-bottom:36px}.integrations-directory .integrations-directory__grid-2,.integrations-directory .integrations-directory__grid-3,.integrations-directory .integrations-directory__grid-4{grid-template-columns:repeat(2,1fr)}.integrations-directory .integrations-directory__grid-6{grid-template-columns:repeat(4,1fr)}.integrations-directory .integrations-directory__empty-h{font-size:32px}}@media (min-width:1024px){.integrations-directory .integrations-directory__grid-3{grid-template-columns:repeat(3,1fr)}.integrations-directory .integrations-directory__desc{font-size:20px}}@media (min-width:1280px){.integrations-directory .integrations-directory__grid-4{grid-template-columns:repeat(4,1fr)}.integrations-directory .integrations-directory__grid-6{grid-template-columns:repeat(6,1fr)}}
