@layer components{.int-card{background:var(--surface);height:100%;box-shadow:var(--v5-shadow-sm);transition:box-shadow var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex;position:relative}.int-card:hover{box-shadow:var(--v5-shadow);transform:translateY(-1px)}.int-card:focus-visible{outline:2px solid var(--v5-accent);outline-offset:2px}.int-flat .int-card{background:var(--surface-sunken);box-shadow:none}.int-flat .int-card:hover{box-shadow:var(--v5-shadow-sm)}.int-head{align-items:center;gap:14px;min-width:0;display:flex}.int-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:17px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.int-sub{color:var(--text-subtle);font-size:14px;line-height:1.4;display:block}.int-desc{-webkit-line-clamp:2;line-clamp:2;color:var(--text-subtle);-webkit-box-orient:vertical;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.int-logo{background:var(--surface);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--border);border-radius:12px;flex:none;place-items:center;display:grid}.int-flat .int-logo,.v5-grey .int-logo{box-shadow:none}.int-flat .int-logo{background:var(--surface)}.int-logo img{object-fit:contain;width:26px;height:26px}.int-logo.int-none{color:var(--text-quiet);background:var(--surface-sunken)}.int-logo.int-none svg{width:20px;height:20px}.int-logo-lg{width:112px;height:112px;box-shadow:var(--v5-shadow);border-radius:28px}.int-logo-lg img{width:64px;height:64px}.int-logo-lg.int-none svg{width:44px;height:44px}.int-logo-md{width:64px;height:64px;box-shadow:var(--v5-shadow-sm);border-radius:18px}.int-logo-md img{width:36px;height:36px}}.int-chips{scrollbar-width:none}.int-chips::-webkit-scrollbar{display:none}.int-chips .v5-chip{align-items:center;gap:8px;display:inline-flex}.int-chips .v5-chip>span{color:var(--text-quiet);font-size:13px;font-weight:600}.int-chips .v5-chip[aria-pressed=true]>span{color:var(--canvas);opacity:.75}[data-group]:not([data-open]) li[data-more],[data-group][data-open] [data-all],[data-all=phone]{display:none}@media (max-width:639px){[data-group]:not([data-open]) li[data-more-sm]{display:none}[data-group]:not([data-open]) [data-all=phone]{display:inline-flex}}
