.integration-chip{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:5px 10px;color:rgb(var(--c-gray-600) / 1);font-size:13px;transition:background-color .15s,color .15s}.integration-chip span{color:rgb(var(--c-gray-400) / 1);font-variant-numeric:tabular-nums}.integration-chip:hover{background:hsl(var(--surface-hover));color:rgb(var(--c-gray-900) / 1)}.integration-chip[aria-pressed=true]{background:hsl(var(--nav-selected));color:rgb(var(--c-gray-900) / 1);font-weight:500}.integration-chip[aria-pressed=true] span{color:rgb(var(--c-gray-500) / 1)}.integration-card{display:flex;height:100%;min-height:116px;flex-direction:column;gap:12px;border:1px solid hsl(var(--border));border-radius:8px;padding:16px;background:rgb(var(--c-white) / 1);text-align:left;transition:background-color .15s,border-color .15s}.integration-card:hover{background:hsl(var(--surface-hover));border-color:rgb(var(--c-gray-300) / 1)}.integration-card-action{opacity:0;transition:opacity .15s}.integration-card:hover .integration-card-action,.integration-card:focus-visible .integration-card-action{opacity:1}.integration-card[data-needs-attention=true]{border-color:rgb(var(--c-red-200) / 1)}.integration-card[data-needs-attention=true] .integration-card-action{opacity:1;color:rgb(var(--c-red-700) / 1);font-weight:500}.integration-logo{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;padding:7px;border:1px solid hsl(var(--border));border-radius:8px;background:rgb(var(--c-white) / 1)}.dark .integration-logo{border-color:transparent;background:rgb(var(--c-gray-800) / 1)}.integration-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.integration-dialog{height:min(780px,calc(100dvh - 48px));width:calc(100% - 48px);max-width:880px;display:flex;flex-direction:column;gap:0;overflow:hidden;border-radius:12px;padding:0;background:rgb(var(--c-white) / 1)}.integration-dialog-header{display:flex;flex:none;flex-direction:row;align-items:center;gap:16px;margin:0;padding:24px 52px 24px 28px;border-bottom:1px solid hsl(var(--border));text-align:left}.integration-dialog-header .integration-logo{width:48px;height:48px;border-radius:10px}.integration-dialog-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0;flex:1}.integration-main{overflow-y:auto;padding:28px;min-width:0;font-size:14px;line-height:1.5}.integration-aside{overflow-y:auto;border-left:1px solid hsl(var(--border));padding:28px;font-size:14px;line-height:1.5}.integration-footer{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:73px;padding:16px 28px;border-top:1px solid hsl(var(--border));background:rgb(var(--c-white) / 1)}.integration-footer>div:last-child{margin-left:auto}.integration-dialog button,.integration-dialog a{font-size:14px}.integration-dialog h1{font-size:18px;line-height:26px}.integration-dialog h2,.integration-dialog h3{line-height:24px}.integration-dialog p{overflow-wrap:anywhere}.integration-main .text-2xl{font-size:16px;line-height:24px}.integrations-page input,.integration-dialog input:not([type=checkbox]){height:40px;border-color:rgb(var(--c-gray-200) / 1);box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s,box-shadow .15s}.integrations-page input:focus-visible,.integration-dialog input:not([type=checkbox]):focus-visible,.integration-subdomain:focus-within{--tw-ring-shadow: 0 0 #0000;border-color:rgb(var(--c-gray-400) / 1);box-shadow:0 2px 8px -2px #0f172a14}.integration-dialog input[aria-invalid=true],.integration-subdomain[data-invalid=true]{border-color:rgb(var(--c-red-300) / 1)}.integrations-page :is(a,button):focus-visible,.integration-dialog :is(a,button):focus-visible{outline:2px solid rgb(var(--c-gray-500) / 1);outline-offset:2px;--tw-ring-shadow: 0 0 #0000}.integration-subdomain{display:flex;align-items:center;overflow:hidden;border:1px solid rgb(var(--c-gray-200) / 1);border-radius:6px;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s,box-shadow .15s}.integration-subdomain>span{padding:0 10px;color:rgb(var(--c-gray-500) / 1);white-space:nowrap;font-size:13px}.integration-subdomain>span:first-child{padding-right:0}.integration-subdomain>span:last-child{padding-left:0}.integration-dialog .integration-subdomain input{border:0;border-radius:0;outline:none;box-shadow:none;padding-left:1px;padding-right:1px}.integration-dialog .integration-subdomain input:focus-visible{box-shadow:none}.integration-subdomain>div{min-width:0;flex:1}@media(hover:none){.integration-card-action{opacity:1}}@media(max-width:639px){.integration-dialog{top:0;left:0;width:100%;max-width:none;height:100dvh;max-height:none;transform:none;border-radius:0}.integration-dialog-header{padding:20px 44px 20px 20px;gap:12px}.integration-dialog-body{display:block;overflow-y:auto}.integration-main,.integration-aside{overflow:visible;padding:24px 20px}.integration-aside{border-left:0;border-top:1px solid hsl(var(--border))}.integration-footer{padding:16px 20px}.integration-subdomain>span{font-size:12px}}@media(prefers-reduced-motion:reduce){.integration-dialog *,.integration-card,.integration-card-action,.integration-chip{animation:none!important;transition:none!important}}.markdown-content p{margin-top:1rem}.markdown-content>p:first-child{margin-top:0}.markdown-content a{color:#3b82f6}.markdown-content strong{font-weight:600}.markdown-content ol{list-style-type:decimal;list-style-position:inside}.markdown-content ol p,.markdown-content ul p{display:inline}.markdown-content ul{list-style-type:disc;list-style-position:inside}.markdown-content li{margin-top:1rem}.markdown-content h1{margin-top:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}.markdown-content>h1:first-child{margin-top:0}.markdown-content h2{margin-top:1rem;font-size:1rem;line-height:1.5rem;font-weight:700}.markdown-content>h2:first-child{margin-top:0}.markdown-content h3{margin-top:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.markdown-content>h3:first-child{margin-top:0}.markdown-content h4{margin-top:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.markdown-content>h4:first-child{margin-top:0}.markdown-content h5{margin-top:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.markdown-content>h5:first-child{margin-top:0}.markdown-content h6{margin-top:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.markdown-content>h6:first-child{margin-top:0}.markdown-content img{margin-top:1rem;display:block;border-radius:1rem;max-height:400px}