.relations-page-header{flex-wrap:nowrap;align-items:stretch;gap:12px;min-width:0;margin-bottom:24px;display:flex}@media (max-width:900px){.relations-page-header{flex-wrap:wrap;gap:8px}}
.relations-search-control{flex:1 1 0;min-width:0;height:40px}.relations-search-control .search-bar{gap:0;width:100%;min-width:0;height:100%}.relations-search-control .search-bar .search-input-field-label{border:1px solid var(--border-tertiery);background:var(--surface-on-surface);border-left:none;border-radius:0 2px 2px 0;flex:auto;order:1;align-items:center;min-width:0;height:100%;transition:background-color .15s,border-color .15s;display:flex;position:relative}.relations-search-control .search-bar .search-input-field{min-width:0;height:100%;box-shadow:none;color:var(--text-primary);background:0 0;border:none;outline:none;flex:auto;padding:8px 44px 8px 4px;font-size:16px;line-height:24px}.relations-search-control .search-bar .btn-search{border:1px solid var(--border-tertiery);background:var(--surface-on-surface);width:40px;height:100%;color:var(--icon-primary);border-right:none;border-radius:2px 0 0 2px;order:0;transition:background-color .15s,border-color .15s}.relations-search-control .search-bar .btn-search svg{width:20px;height:20px}.relations-search-control:is(:hover,:focus-within) .search-bar .btn-search,.relations-search-control:is(:hover,:focus-within) .search-bar .search-input-field-label{border-color:var(--border-secondary);background:var(--surface-tertiery)}@media (max-width:900px){.relations-search-control{flex:0 0 100%;order:1;width:100%}.relations-search-control .search-bar .search-input-field{font-size:14px;line-height:20px}}