.dd-integrations{--di-width:1080px;--di-padding:clamp(20px, 4vw, 48px);--di-gap:24px;--di-mark:36px;--di-title:clamp(32px, 4vw, 48px);--di-body:16px;--di-heading:20px;--di-blue:#3c82f6;color:var(--ui-text);background:var(--ui-surface);font-family:OpenAI Sans,sans-serif}.dd-integrations-content{max-width:var(--di-width);padding:var(--di-padding);margin:auto}.dd-integrations-content header{margin-block:var(--di-gap)}.dd-integrations-content h1{font:600 var(--di-title)/1.15 "OpenAI Sans", sans-serif;margin-block:var(--ui-space-4)}.dd-integrations-content h2,.dd-integrations-content h3{font-size:var(--di-heading);margin-block:var(--ui-space-2);line-height:1.3}.dd-integrations-content p{font-size:var(--di-body);margin-block:var(--ui-space-2);line-height:1.6}.dd-integrations-content header>span{color:var(--di-blue)}.dd-integrations-grid{gap:var(--di-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dd-integration-card{align-items:center;gap:var(--ui-space-4);padding-block:var(--ui-space-4);color:inherit;text-decoration:none;display:flex}.dd-integration-card>div{flex:1}.dd-integration-card>svg{color:var(--di-blue);flex-shrink:0}.dd-integration-mark{width:var(--di-mark);height:var(--di-mark);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dd-integration-mark :is(svg,img){object-fit:contain;width:100%;height:100%}.dd-integrations-content section{margin-block:var(--di-gap)}.dd-integration-detail{max-width:var(--di-width)}.dd-integration-detail ol{padding-inline-start:var(--ui-space-6)}.dd-integration-detail li{padding-block:var(--ui-space-2)}.dd-integration-detail section>a{gap:var(--ui-space-2);color:var(--di-blue);align-items:center;display:inline-flex}@media (width<=640px){.dd-integrations-grid{grid-template-columns:1fr}}.dd-integrations-nav{align-items:center;gap:var(--ui-space-4);max-width:var(--di-width);padding:var(--ui-space-4) var(--di-padding);margin:auto;display:flex}.dd-integrations-nav>a:first-child{margin-inline-end:auto;font-weight:600}.dd-integrations-nav>a{color:inherit;font-size:var(--di-body);text-decoration:none}.dd-integrations .marketing-action--primary{color:#fff}.dd-integrations .dd-integrations-content :is(h2,h3){font-family:OpenAI Sans,sans-serif}.dd-integrations-nav .marketing-action--primary{white-space:nowrap;flex-shrink:0}.dd-integration-detail header>.dd-integration-mark{vertical-align:middle;margin-inline-end:var(--ui-space-2)}.marketing-page.dd-integrations{--di-background:#fff;--di-ink:#20303b;background:var(--di-background);color:var(--di-ink);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark .marketing-page.dd-integrations{--di-background:#000;--di-ink:#f1f2f4;--marketing-background:var(--di-background);--marketing-text:var(--di-ink);--marketing-muted:var(--di-ink);background:var(--di-background);color:var(--di-ink);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .marketing-page.dd-integrations.dd-integrations .marketing-footer.marketing-footer--directory{--footer-ink:#f1f2f4;--footer-muted:#a1a9b6;--footer-link:#b9bec8;background:var(--di-background);color:var(--di-ink)}html.dark .marketing-page.dd-integrations.dd-integrations .marketing-footer.marketing-footer--directory :is(.marketing-footer__logo,.marketing-footer__text-btn){color:var(--di-ink)}html.dark .dd-integrations .ll-foot__mark:is([data-mark=x],[data-mark=threads],[data-mark=devto]){filter:brightness(0)invert()}