.connection-list-surface{--fly-btn-main-fill:var(--fly-color-brand-solid);--fly-btn-main-fill-hover:var(--fly-color-brand-solid-hover);--fly-ink-faint:var(--fly-color-text-secondary);background:var(--fly-wash-app);width:100%;min-width:0;min-height:calc(100vh - 64px);padding:28px 48px 32px}.connection-list-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.protected-main .connection-list-heading h1{margin:0;font-size:24px;line-height:32px}.connection-list-create-actions{gap:8px;display:flex}.connection-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.connection-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.connection-list-filter{width:176px}.connection-list-surface .connection-list-toolbar .connection-list-search{width:288px;max-width:100%}.connection-list-card{border-radius:12px;min-width:0;padding:16px}.connection-list-card-content{grid-template-columns:40px minmax(0,1fr);gap:12px;display:grid}.connection-list-card h2{min-width:0;line-height:20px}.connection-list-card h2+span{flex-shrink:0}.connection-list-card-facts{color:var(--fly-ink-faint);font-size:12px;line-height:18px}.connection-list-card-actions{border-top:1px solid var(--fly-seam-faint);grid-column:2;justify-content:flex-end;gap:4px;padding-top:8px;display:flex}.connection-list-surface button:focus-visible{outline:2px solid var(--fly-color-brand-solid);outline-offset:2px}@media (max-width:1279px){.connection-list-surface{padding-left:32px;padding-right:32px}.connection-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.connection-list-surface{padding:24px 16px 32px}.connection-list-heading{flex-direction:column;align-items:stretch}.protected-main .connection-list-heading h1{font-size:20px;line-height:28px}.connection-list-create-actions{flex-wrap:wrap}.connection-list-grid{grid-template-columns:minmax(0,1fr)}.connection-list-surface .connection-list-toolbar .connection-list-search{width:100%}}