/* 2024 DEC 08 */
/* Class R__Chart() Stylesheet */
/* Use `scc` as prefix (SpoiltCatChart) */



/* COPY & PASTE FROM OLD FILES */
/* renamed classes from paxnos_ to scc- */
	.scc-graph,
	.scc-table {
		width:95%;
		margin-inline:auto;
        border:4px solid var(--hued);
        border-top:0;
	}
	.scc-graph > caption,
	.scc-table > caption {
		caption-side:top;
        padding:6px;
        border-radius: 4px 4px 0 0;
		/* margin-block:1rem;
		padding:1rem;
		background:var(--hued);
		font-size:var(--medium);
		font-family:sans-serif; */
	}
	.scc-graph > caption > .icon,
	.scc-table > caption > .icon {
		float:right;
		cursor:pointer;
		position: relative;
		top: 0.25rem;
	}
	.scc-graph > thead {display:none;}
	.scc-graph > tbody {
		display:grid;
		grid-template-columns:repeat(auto-fit, minmax(2rem, 1fr));
        justify-items: center;
		gap:2px;
		margin:1ch;
        /* padding-inline: 1ch; */
		background-size: 10% 10%;
		background-image:linear-gradient(to top, var(--gridline) 1px, transparent 1px);
	}
	.scc-graph > tbody > tr {
		writing-mode: tb;
		rotate: 180deg;
		height:67vh;
        max-height:200px;
	}
	tr:nth-child(odd) {background: unset;}
	/* .scc-graph tr:nth-child(odd) > .graph_label {visibility:hidden;} */
	.scc-graph .graph_label {
		position:absolute;
		top:-9ch;
		border:unset;
		width:2px;
		height:9ch;
		transform:rotate(15deg);
	}
	.scc-graph .graph_bar {
		cursor: default;
		border: unset;
		border-radius: unset;
		text-align:right;
		background: steelblue;
		color: black;
	}
	.graph_bar.empty{background:transparent;}
	@media screen and (max-width:640px) {
		.scc-graph > tbody > tr {
			width: 3vw;
			font-size:small;
		}
/* This controls the WIDTH OF BARS */
		.scc-graph .graph_bar {
			/* font-size:0; */
		}
	}