<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">table {
 	border-radius: var(--radius-2);
  	background-color: var(--box--backgroundColor);
  	width: 100%;
  	margin-top: 10px;
  	font-size: 16px;
}

table &gt; thead &gt; tr &gt; th {
 	text-transform: uppercase; 
  	text-shadow: 1px 1px black;
  	padding: 10px;
  	background-color: rgb(var(--color-dark-5));
  	transition: 0.5s;
}
table &gt; thead &gt; tr &gt; th:first-child {
  border-top-left-radius: var(--radius-2);
}
table &gt; thead &gt; tr &gt; th:last-child {
  border-top-right-radius: var(--radius-2);
}

th.left {
 	text-align: left; 
}

table &gt; tbody &gt; tr {
 	border-top: 1px solid rgba( var(--theme-text_light), 0.1 );
}

table &gt; tbody &gt; tr &gt; td {
 	padding: 10px 5px; 
}

table &gt; tbody &gt; tr:not(.nohover):hover {
 	background: var(--table-hover-background); 
}

table &gt; tbody &gt; tr:last-child td:last-child {
 	border-bottom-right-radius: var(--radius-2);
}

table &gt; tbody &gt; tr:last-child td:first-child {
 	border-bottom-left-radius: var(--radius-2);
}

table &gt; tbody &gt; tr &gt; td {
 	align-items: center;
  	text-align: center;
}

@media only screen and (max-width: 797px) {
  	table { font-size: 10px; } 
}

table.monitor &gt; tbody &gt; tr:first-child {border-top: none; }
table.monitor &gt; tbody &gt; tr:first-child td:last-child {
 	border-top-right-radius: var(--radius-2);
}

table.monitor &gt; tbody &gt; tr:first-child td:first-child {
 	border-top-left-radius: var(--radius-2);
}</pre></body></html>