@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.container{font-size:12px;height:100%;display:flex;flex-direction:column}.header-bar{padding:20px;display:flex;justify-content:center;align-items:center}.header-bar>div{margin:0 5px 0 5px}.header-bar input.button,.header-bar input.keywords,.header-bar input.knn{padding:7px;border:1px solid #c3c3c3;border-radius:5px;box-shadow:1px 1px 3px #cdcdcd}.header-bar input.keywords{width:300px}.header-bar input.knn{width:50px}.header-bar input.button{margin-left:3px;cursor:pointer}.header-bar input.button:hover{background-color:#f3f4f6}@media(max-width:600px){.header-bar{flex-direction:column}.header-bar>div{margin-bottom:10px}}.table-section{display:flex;flex-direction:column;overflow:auto;margin:0 20px 20px 20px;border-bottom:1px solid #dadada}.table-section .table{display:table;text-align:left;box-shadow:0 0 3px #cdcdcd;border:1px solid #dadada;border-top:none;border-bottom:none}.table-section .table .header{display:table-row;position:sticky;top:0}.table-section .table .header>div{display:table-cell;background-color:#f3f4f6;border-top:1px solid #dadada;border-bottom:1px solid #dadada;font-weight:600;color:#35a5da;padding:7px}.table-section .table .header .w1{width:1%}.table-section .table .header .w10{width:10%}.table-section .table .header .w30{width:30%}.table-section .table .content{display:table-row}.table-section .table .content:nth-child(odd)>div{background-color:#f0fdf4}.table-section .table .content:hover>div{background-color:#4bb0df;color:#fff}.table-section .table .content>div{display:table-cell;padding:7px}body,html{padding:0;margin:0;height:100%}#app{font-family:Poppins,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background-color:#fff;height:100%;display:flex;flex-direction:column}