.DiagramLibraries-module__1jqoCa__container{box-sizing:border-box;flex-direction:column;height:100vh;padding:1rem 1rem 15px;display:flex}@media (min-width:640px){.DiagramLibraries-module__1jqoCa__container{padding-top:1.5rem;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.DiagramLibraries-module__1jqoCa__container{padding-top:7.5rem;padding-left:7.5rem;padding-right:7.5rem}}.DiagramLibraries-module__1jqoCa__header{text-align:center;margin-bottom:2rem}.DiagramLibraries-module__1jqoCa__headerH1{color:#38bdf8;font-size:1.875rem;font-weight:700}@media (min-width:640px){.DiagramLibraries-module__1jqoCa__headerH1{font-size:2.25rem}}.DiagramLibraries-module__1jqoCa__header{flex-grow:0}.DiagramLibraries-module__1jqoCa__headerP{color:#9ca3af;margin-top:.5rem;font-size:1.125rem}.DiagramLibraries-module__1jqoCa__filterSection{background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.DiagramLibraries-module__1jqoCa__filterGrid{grid-template-columns:1fr;align-items:end;gap:1rem;display:grid}@media (min-width:640px){.DiagramLibraries-module__1jqoCa__filterGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.DiagramLibraries-module__1jqoCa__filterGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.DiagramLibraries-module__1jqoCa__filterGrid{grid-template-columns:repeat(4,1fr)}}.DiagramLibraries-module__1jqoCa__filterGroup label{color:#d1d5db;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.DiagramLibraries-module__1jqoCa__filterGroup select,.DiagramLibraries-module__1jqoCa__filterGroup input{color:#f3f4f6;box-sizing:border-box;background-color:#374151;border:1px solid #4b5563;border-radius:.375rem;width:100%;padding:.5rem}.DiagramLibraries-module__1jqoCa__filterGroup select:focus,.DiagramLibraries-module__1jqoCa__filterGroup input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 2px #0ea5e960}.DiagramLibraries-module__1jqoCa__clearFiltersBtn{background-color:var(--accent-color-1);color:#fff;cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;height:2.5rem;padding:.5rem 1rem;transition:background-color .2s;display:flex}.DiagramLibraries-module__1jqoCa__clearFiltersBtn:hover{background-color:#3e8e41}.DiagramLibraries-module__1jqoCa__tableContainer{background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;flex-direction:column;flex-grow:1;min-height:0;display:flex;overflow:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.DiagramLibraries-module__1jqoCa__table{border-collapse:collapse;min-width:100%}.DiagramLibraries-module__1jqoCa__thead{z-index:10;background-color:#374151cc;position:sticky;top:0}.DiagramLibraries-module__1jqoCa__th,.DiagramLibraries-module__1jqoCa__td{text-align:left;white-space:nowrap;border-bottom:1px solid #374151;padding:.75rem 1rem}.DiagramLibraries-module__1jqoCa__th{color:#7dd3fc;text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:.75rem;font-weight:600}.DiagramLibraries-module__1jqoCa__sortButton{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:.25rem;padding:.25rem}.DiagramLibraries-module__1jqoCa__tbodyTr:hover{background-color:#37415199;transition:background-color .15s}.DiagramLibraries-module__1jqoCa__td{color:#d1d5db;font-size:.875rem}.DiagramLibraries-module__1jqoCa__noResults td{text-align:center;color:#6b7280;padding:2rem}