.data-container{padding:1em 2.2em 1em 1.2em;overflow-x:hidden;display:flex;flex-direction:column;gap:2em;min-height:100dvh;width:100%;max-width:90em}.data-container header{display:flex;justify-content:space-between}.data-container header .left-content{display:flex;flex-direction:column;gap:.4em}.data-container header h1{font-size:1.4rem;font-weight:600}.data-container header .description{font-size:.9rem;color:var(--gray-500);font-weight:500}.data-container .content{display:flex;flex-direction:column;gap:1.4em;overflow-x:auto}.data-container .filters-container{min-width:24em;display:flex;gap:1em;flex-direction:column;justify-content:space-between;align-items:center}.data-container .filters-container .search-container{width:100%;display:flex;align-items:center}.data-container .filters-container #search-input{padding:.4em .8em;border-radius:.2em;border:1px solid var(--gray-300)}.data-container .filters-container #search-input:focus-visible{border:2px solid var(--sky-500);outline:0}@media (min-width:456px){.data-container .filters-container #search-input{width:100%;max-width:24em}.data-container .filters-container{flex-direction:row}}.data-container table{border-collapse:collapse;border-spacing:1px;border-color:var(--gray-300);width:100%;border:1px solid var(--gray-300);border-top:0;border-radius:.4em;height:calc(100vh - 16em)}.data-container table tr{width:100%;display:flex}.data-container table td,.data-container table th{text-align:left;padding:.8em;display:flex;justify-content:space-between;flex:1;min-width:10em}.data-container table th{transition:.3s;border:1px solid var(--gray-300);border-right:0;display:flex;align-items:center}.data-container table th:first-child{border-left:0}.data-container table td{border-bottom:1px solid var(--gray-300);padding:1em .5em;display:flex;justify-content:start;align-items:center}.data-container .group{display:flex;align-items:center;gap:.4em}.data-container table td .group img{border-radius:1.2em}.data-container table tr:nth-child(2n){background-color:var(--gray-100)}.data-container .pagination{display:flex;justify-content:end;align-items:center}.data-container .actions{width:100%;display:flex;gap:.4em;justify-content:flex-start}@media (min-width:728px){.data-container .actions{justify-content:flex-end}}