.vz-data-list{flex-shrink:1;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"list""pagination";height:100%;display:grid}.vz-data-list .pagination{text-align:center;grid-area:pagination;justify-content:space-between;margin-top:10px;display:flex}.vz-data-list .pagination div{justify-content:space-between;gap:.25rem;display:flex}.vz-data-list .pagination button{height:auto;padding:.5rem .75rem;line-height:1}.vz-data-list .pagination button.active{background-color:var(--brand-primary-300);color:var(--brand-primary);font-weight:700}.vz-data-list .vz-list{--un-text-opacity:1;height:100%;min-height:0;color:oklch(from var(--brand-primary-800) l c h / var(--un-text-opacity)) ;flex-direction:column;flex:1;grid-area:list;display:flex;overflow:hidden}.vz-data-list .vz-list .list-container{flex:1;min-height:0;overflow-y:auto}.vz-data-list .vz-list .vz-list-header .iconify{opacity:0;pointer-events:none;margin-inline-start:.5rem;transition:opacity .3s ease-in-out}.vz-data-list .vz-list .vz-list-header .iconify.active{opacity:1;pointer-events:all}.vz-data-list .vz-list .vz-list-header .iconify:only-child{margin-inline-start:0}.vz-data-list .vz-list .vz-list-header:hover .iconify{opacity:1}.vz-data-list .vz-list-row{color:inherit;corner-shape:squircle;border-radius:.75rem;width:100%;text-decoration:none;display:flex}.vz-data-list .vz-list-row.vz-list-row-hoverable{cursor:pointer}.vz-data-list .vz-list-row.vz-list-row-hoverable:hover{background-color:hsl(from var(--brand-primary-200) h s l/30%)}.vz-data-list .vz-list-row.router-link-active,.vz-data-list .vz-list-row.router-link-exact-active,.vz-data-list .vz-list-row.vz-list-row-selected{background-color:hsl(from var(--brand-primary-200) h s l/50%);color:var(--brand-primary);font-weight:600}.vz-data-list .vz-list-row.vz-list-row-new{animation:2.4s ease-out row-blink}@keyframes row-blink{0%,to{background-color:#0000}15%,45%{background-color:hsl(from var(--brand-primary-400) h s l/50%)}30%,60%{background-color:#0000}}
