@layer components{.ndm-integrations-library{row-gap:var(--head-gap);padding-block:var(--space-y)}.ndm-integrations-body{grid-column:1/-1;grid-template-columns:subgrid;row-gap:32px;display:grid}.ndm-integrations-side{top:calc(var(--nav-h) + 78px);grid-column:1/span 3;grid-template-columns:minmax(0,1fr);align-self:start;gap:24px;min-width:0;padding-right:32px;display:grid;position:sticky}.ndm-integrations-main{grid-column:4/-1;grid-template-columns:subgrid;align-content:start;row-gap:24px;min-width:0;display:grid}.ndm-integrations-main>*{grid-column:1/-1}.ndm-integrations-search{border-radius:var(--radius-xl);background:var(--muted);height:40px;color:var(--muted-foreground);cursor:text;transition:background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);align-items:center;gap:8px;padding:0 4px 0 12px;display:flex}.ndm-integrations-search svg{flex:none}@media (hover:hover) and (pointer:fine){.ndm-integrations-search:hover{background:var(--accent)}}.ndm-integrations-search:has(input:focus-visible){background:var(--background);box-shadow:0 0 0 1px var(--link), 0 0 0 4px var(--link-subtle)}.ndm-integrations-search input{min-width:0;height:100%;color:var(--foreground);font:inherit;appearance:none;background:0 0;border:0;flex:1;padding:0;font-size:16px;line-height:20px}.ndm .ndm-integrations-search input:focus-visible{outline:none}.ndm-integrations-search input::placeholder{color:var(--muted-foreground)}.ndm-integrations-search input::-webkit-search-cancel-button{display:none}.ndm-integrations-search button{width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.ndm-integrations-search button:hover{background:var(--hover);color:var(--foreground)}}.ndm-integrations-cats{gap:2px;display:grid}.ndm-integrations-cat{width:100%;height:32px;color:var(--muted-foreground);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:14px;line-height:20px;display:flex}.ndm-integrations-cat>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.ndm-integrations-cat:hover{background:var(--hover);color:var(--foreground)}}.ndm-integrations-cat[aria-pressed=true]{background:var(--muted);color:var(--foreground);font-weight:500}.ndm .ndm-integrations-cat:focus-visible{outline:2px solid var(--link);outline-offset:-2px}.ndm-integrations-cat-count{color:var(--subtle-foreground);font-variant-numeric:tabular-nums;flex:none;font-weight:400}.ndm-integrations-cat[aria-pressed=true] .ndm-integrations-cat-count{color:var(--muted-foreground)}.ndm-integrations-head{align-items:center;gap:10px;min-height:40px;display:flex}.ndm .ndm-integrations-head h3{letter-spacing:-.005em;font-size:20px;line-height:28px}.ndm-integrations-count{border-radius:var(--radius-badge-md);background:var(--muted);height:20px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;align-items:center;padding:0 6px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.ndm-integrations-empty{max-width:38rem;color:var(--muted-foreground);text-wrap:pretty;font-size:16px;line-height:24px}.ndm-integrations-grid{grid-template-columns:subgrid;row-gap:var(--col-gap);display:grid}.ndm-integrations-grid>li{grid-column:span 3;min-width:0;display:grid}.ndm-integrations-tile{border-radius:var(--radius-4xl);background:var(--card);min-width:0;height:100%;box-shadow:var(--shadow-sheet);color:inherit;transition:background-color var(--duration-base) var(--ease-standard), translate var(--duration-base) var(--ease-standard);flex-direction:column;gap:20px;padding:20px;text-decoration:none;display:flex}.ndm .ndm-integrations-tile:focus-visible{outline:2px solid var(--link);outline-offset:2px}.ndm-integrations-tile-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ndm-integrations-mark{border-radius:var(--radius-xl);background:var(--card);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--border);color:var(--foreground);flex:none;place-items:center;display:grid}.ndm-integrations-mark img{object-fit:contain;width:24px;height:24px}.ndm-integrations-arrow{color:var(--subtle-foreground);transition:translate var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex:none}.ndm-integrations-tile-text{gap:4px;min-width:0;display:grid}.ndm-integrations-tile-text b{color:var(--foreground);font-size:16px;font-weight:500;line-height:24px}.ndm-integrations-tile-text span{color:var(--muted-foreground);text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:24px;display:-webkit-box;overflow:hidden}.ndm-integrations-tile[data-any]{border:1px dashed var(--border-strong);box-shadow:none;background:0 0;padding:19px}.ndm-integrations-mark[data-any]{border:1px dashed var(--border-strong);box-shadow:none;background:0 0}@media (hover:hover) and (pointer:fine){.ndm-integrations-tile[data-any]:hover{background:var(--hover)}.ndm-integrations-tile:hover .ndm-integrations-arrow{color:var(--foreground);translate:2px}}@media (prefers-reduced-motion:reduce){.ndm-integrations-tile,.ndm-integrations-arrow{transition:none}}@media (max-width:1000px){.ndm-integrations-side{grid-column:1/-1;gap:16px;padding-right:0;position:static}.ndm-integrations-main{grid-column:1/-1}.ndm-integrations-grid>li{grid-column:span 4}.ndm-integrations-cats{margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.ndm-integrations-cats::-webkit-scrollbar{display:none}.ndm-integrations-cats>li{flex:none}.ndm-integrations-cat{width:auto;box-shadow:inset 0 0 0 1px var(--border);gap:8px;font-weight:500}.ndm-integrations-cat[aria-pressed=true]{background:var(--accent);box-shadow:inset 0 0 0 1px #0000}}@media (max-width:860px){.ndm-integrations-grid>li{grid-column:span 6}}@media (max-width:760px){.ndm-integrations-search{height:44px}.ndm-integrations-search input{font-size:16px}}@media (max-width:560px){.ndm-integrations-grid>li{grid-column:1/-1}.ndm-integrations-tile{flex-direction:row;align-items:center;gap:16px;padding:16px}.ndm-integrations-tile[data-any]{padding:15px}.ndm-integrations-tile-head{display:contents}.ndm-integrations-tile-text{flex:1}.ndm-integrations-arrow{order:1}}}