<style type="text/css">
.tg {border-collapse:collapse;border-color: #ff564e ;border-spacing:0;border-style:solid;border-width:1px; margin-bottom: 0px}
.tg td{background-color:#fff;border-color:#ccc; border-style:solid;border-width:0px;color:#333;
font-family:poppins, sans-serif;font-size: calc(9px + 0.390625vw); ;overflow:hidden;padding:5px 5px;word-break:normal;}
.tg th{background-color:#ff564e;border-color:#ccc;border-style:solid;border-width:0px;color:#fefefe;
font-family:poppins, sans-serif;calc(9px + 0.390625vw);font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-7btt{border-color:inherit; border-width: 0px; font-weight:bold;text-align:center;vertical-align:top}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
.tg .tg-fymr{border-color:inherit;font-weight:bold;text-align:left;vertical-align:top}
.tg .tg-1wig{font-weight:bold;text-align:left;vertical-align:top; font-size: calc(9px + 0.390625vw)}
.tg .tg-6t3r{font-style:italic;font-weight:bold;text-align:left;vertical-align:top; font-size: calc(9px + 0.4390625vw)}
.tg .tg-0lax{text-align:left;vertical-align:top; font-size: calc(9px + 0.390625vw)}
.tg .tg-4erg{border-color:inherit;font-style:italic;font-weight:bold;text-align:left;vertical-align:top; font-size: calc(9px + 0.490625vw)}
.tg .tg-j6zm{font-weight:bold;text-align:left;vertical-align:bottom;font-size: calc(9px + 0.390625vw); padding-right: 30px}
.tg .tg-bobw2{font-weight:bold;text-align:center;vertical-align:bottom; background-color: #ff564e; color: #fff };
.tg .tg-7zrl{text-align:left;vertical-align:bottom}
.tg .tg-7zrl2{text-align:left;vertical-align:bottom; background-color: #ff564e; color: #fff; }
.tg .tg-7zrl3{text-align:left;vertical-align:bottom; background-color: #ffe5e4; color: #fff }
.tg .tg-8d8j2{border-bottom: 1px solid #ff564e}
.tg .tg-8d8j {padding-left:10px}
.tg .tg-7zrl4{text-align:left;vertical-align:bottom; border-bottom: 1px solid #ff564e; background-color: #ffe5e4; }
.tg .tg-7zrl5{text-align:left;vertical-align:bottom; border-bottom: 1px solid #ff564e; }
.tg .tg-1wig2{font-weight:bold;text-align:left;vertical-align:top; border-bottom: 1px solid #ff564e; }
.tg .tg-0lax2{text-align:left;vertical-align:top; font-size: calc(9px + 0.390625vw); border-bottom: 1px solid #ff564e}
tr>th:first-child,tr>td:first-child {
position: sticky;
left: 0;
min-width: 150px;
font-weight: 600;
border-right: 1px solid #ffe5e4
table thead th {line-height: 15px}
table thead td {line-height: 10px}
tr>th:first-child,tr>td:first-child {
position: sticky;
left: 0;
}
th:first-child {
border-top-left-radius: 0px;
}
th:last-child {
border: 0px;
border-radius: 0px;
}
th:first-child {
border: 0px;
border-radius: 0px;
}
table thead th {
border-bottom: 1px solid #ff564e;
border-bottom-color: rgb(255, 86, 78);
border-right: 0px solid #ff564e;
padding: 1px;
}
th {
padding: 1px 1.5px;
}
table::before {
border-left: 0px solid #ff564e;
border-right: 0px solid #ff564e;
}
table::after {
border-left: 0px solid #ff564e;
border-right: 0px solid #ff564e;
}
}
</style>
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
