/* sb-gradechart asset (design 05 §3.4). Generated by gen-gradechart-css.mjs.
   Highlight uses :has(); slices beyond 48 are not highlighted. */
figure[data-sb-construct="gradeweightschart"] {
  display: grid;
  grid-template-columns: 12rem 1fr;
  gap: 1.5rem;
  align-items: center;
  margin: 1.5rem 0;
}
figure[data-sb-construct="gradeweightschart"] svg {
  width: 12rem;
  height: 12rem;
}
figure[data-sb-construct="gradeweightschart"] path {
  fill: var(--slice);
  stroke: var(--sb-background, #fff);
  stroke-width: 0.6;
  cursor: pointer;
  outline: none;
}
figure[data-sb-construct="gradeweightschart"] ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
figure[data-sb-construct="gradeweightschart"] li {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
[data-sb-ui="frame:sb-gradechart/swatch"] {
  display: inline-block;
  flex: none;
  width: 0.9em;
  height: 0.9em;
  border-radius: 0.15em;
  background: var(--slice);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="0"]:is(:hover, :focus-visible)) li[data-slice="0"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="0"]:hover) li[data-slice="0"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="0"]:is(:hover, :focus-visible)) path[data-slice="0"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="0"]:hover) path[data-slice="0"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="1"]:is(:hover, :focus-visible)) li[data-slice="1"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="1"]:hover) li[data-slice="1"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="1"]:is(:hover, :focus-visible)) path[data-slice="1"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="1"]:hover) path[data-slice="1"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="2"]:is(:hover, :focus-visible)) li[data-slice="2"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="2"]:hover) li[data-slice="2"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="2"]:is(:hover, :focus-visible)) path[data-slice="2"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="2"]:hover) path[data-slice="2"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="3"]:is(:hover, :focus-visible)) li[data-slice="3"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="3"]:hover) li[data-slice="3"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="3"]:is(:hover, :focus-visible)) path[data-slice="3"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="3"]:hover) path[data-slice="3"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="4"]:is(:hover, :focus-visible)) li[data-slice="4"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="4"]:hover) li[data-slice="4"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="4"]:is(:hover, :focus-visible)) path[data-slice="4"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="4"]:hover) path[data-slice="4"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="5"]:is(:hover, :focus-visible)) li[data-slice="5"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="5"]:hover) li[data-slice="5"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="5"]:is(:hover, :focus-visible)) path[data-slice="5"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="5"]:hover) path[data-slice="5"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="6"]:is(:hover, :focus-visible)) li[data-slice="6"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="6"]:hover) li[data-slice="6"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="6"]:is(:hover, :focus-visible)) path[data-slice="6"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="6"]:hover) path[data-slice="6"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="7"]:is(:hover, :focus-visible)) li[data-slice="7"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="7"]:hover) li[data-slice="7"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="7"]:is(:hover, :focus-visible)) path[data-slice="7"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="7"]:hover) path[data-slice="7"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="8"]:is(:hover, :focus-visible)) li[data-slice="8"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="8"]:hover) li[data-slice="8"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="8"]:is(:hover, :focus-visible)) path[data-slice="8"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="8"]:hover) path[data-slice="8"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="9"]:is(:hover, :focus-visible)) li[data-slice="9"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="9"]:hover) li[data-slice="9"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="9"]:is(:hover, :focus-visible)) path[data-slice="9"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="9"]:hover) path[data-slice="9"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="10"]:is(:hover, :focus-visible)) li[data-slice="10"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="10"]:hover) li[data-slice="10"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="10"]:is(:hover, :focus-visible)) path[data-slice="10"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="10"]:hover) path[data-slice="10"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="11"]:is(:hover, :focus-visible)) li[data-slice="11"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="11"]:hover) li[data-slice="11"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="11"]:is(:hover, :focus-visible)) path[data-slice="11"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="11"]:hover) path[data-slice="11"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="12"]:is(:hover, :focus-visible)) li[data-slice="12"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="12"]:hover) li[data-slice="12"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="12"]:is(:hover, :focus-visible)) path[data-slice="12"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="12"]:hover) path[data-slice="12"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="13"]:is(:hover, :focus-visible)) li[data-slice="13"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="13"]:hover) li[data-slice="13"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="13"]:is(:hover, :focus-visible)) path[data-slice="13"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="13"]:hover) path[data-slice="13"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="14"]:is(:hover, :focus-visible)) li[data-slice="14"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="14"]:hover) li[data-slice="14"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="14"]:is(:hover, :focus-visible)) path[data-slice="14"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="14"]:hover) path[data-slice="14"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="15"]:is(:hover, :focus-visible)) li[data-slice="15"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="15"]:hover) li[data-slice="15"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="15"]:is(:hover, :focus-visible)) path[data-slice="15"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="15"]:hover) path[data-slice="15"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="16"]:is(:hover, :focus-visible)) li[data-slice="16"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="16"]:hover) li[data-slice="16"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="16"]:is(:hover, :focus-visible)) path[data-slice="16"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="16"]:hover) path[data-slice="16"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="17"]:is(:hover, :focus-visible)) li[data-slice="17"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="17"]:hover) li[data-slice="17"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="17"]:is(:hover, :focus-visible)) path[data-slice="17"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="17"]:hover) path[data-slice="17"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="18"]:is(:hover, :focus-visible)) li[data-slice="18"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="18"]:hover) li[data-slice="18"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="18"]:is(:hover, :focus-visible)) path[data-slice="18"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="18"]:hover) path[data-slice="18"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="19"]:is(:hover, :focus-visible)) li[data-slice="19"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="19"]:hover) li[data-slice="19"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="19"]:is(:hover, :focus-visible)) path[data-slice="19"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="19"]:hover) path[data-slice="19"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="20"]:is(:hover, :focus-visible)) li[data-slice="20"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="20"]:hover) li[data-slice="20"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="20"]:is(:hover, :focus-visible)) path[data-slice="20"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="20"]:hover) path[data-slice="20"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="21"]:is(:hover, :focus-visible)) li[data-slice="21"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="21"]:hover) li[data-slice="21"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="21"]:is(:hover, :focus-visible)) path[data-slice="21"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="21"]:hover) path[data-slice="21"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="22"]:is(:hover, :focus-visible)) li[data-slice="22"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="22"]:hover) li[data-slice="22"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="22"]:is(:hover, :focus-visible)) path[data-slice="22"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="22"]:hover) path[data-slice="22"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="23"]:is(:hover, :focus-visible)) li[data-slice="23"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="23"]:hover) li[data-slice="23"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="23"]:is(:hover, :focus-visible)) path[data-slice="23"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="23"]:hover) path[data-slice="23"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="24"]:is(:hover, :focus-visible)) li[data-slice="24"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="24"]:hover) li[data-slice="24"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="24"]:is(:hover, :focus-visible)) path[data-slice="24"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="24"]:hover) path[data-slice="24"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="25"]:is(:hover, :focus-visible)) li[data-slice="25"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="25"]:hover) li[data-slice="25"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="25"]:is(:hover, :focus-visible)) path[data-slice="25"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="25"]:hover) path[data-slice="25"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="26"]:is(:hover, :focus-visible)) li[data-slice="26"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="26"]:hover) li[data-slice="26"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="26"]:is(:hover, :focus-visible)) path[data-slice="26"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="26"]:hover) path[data-slice="26"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="27"]:is(:hover, :focus-visible)) li[data-slice="27"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="27"]:hover) li[data-slice="27"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="27"]:is(:hover, :focus-visible)) path[data-slice="27"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="27"]:hover) path[data-slice="27"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="28"]:is(:hover, :focus-visible)) li[data-slice="28"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="28"]:hover) li[data-slice="28"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="28"]:is(:hover, :focus-visible)) path[data-slice="28"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="28"]:hover) path[data-slice="28"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="29"]:is(:hover, :focus-visible)) li[data-slice="29"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="29"]:hover) li[data-slice="29"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="29"]:is(:hover, :focus-visible)) path[data-slice="29"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="29"]:hover) path[data-slice="29"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="30"]:is(:hover, :focus-visible)) li[data-slice="30"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="30"]:hover) li[data-slice="30"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="30"]:is(:hover, :focus-visible)) path[data-slice="30"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="30"]:hover) path[data-slice="30"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="31"]:is(:hover, :focus-visible)) li[data-slice="31"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="31"]:hover) li[data-slice="31"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="31"]:is(:hover, :focus-visible)) path[data-slice="31"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="31"]:hover) path[data-slice="31"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="32"]:is(:hover, :focus-visible)) li[data-slice="32"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="32"]:hover) li[data-slice="32"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="32"]:is(:hover, :focus-visible)) path[data-slice="32"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="32"]:hover) path[data-slice="32"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="33"]:is(:hover, :focus-visible)) li[data-slice="33"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="33"]:hover) li[data-slice="33"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="33"]:is(:hover, :focus-visible)) path[data-slice="33"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="33"]:hover) path[data-slice="33"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="34"]:is(:hover, :focus-visible)) li[data-slice="34"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="34"]:hover) li[data-slice="34"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="34"]:is(:hover, :focus-visible)) path[data-slice="34"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="34"]:hover) path[data-slice="34"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="35"]:is(:hover, :focus-visible)) li[data-slice="35"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="35"]:hover) li[data-slice="35"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="35"]:is(:hover, :focus-visible)) path[data-slice="35"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="35"]:hover) path[data-slice="35"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="36"]:is(:hover, :focus-visible)) li[data-slice="36"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="36"]:hover) li[data-slice="36"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="36"]:is(:hover, :focus-visible)) path[data-slice="36"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="36"]:hover) path[data-slice="36"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="37"]:is(:hover, :focus-visible)) li[data-slice="37"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="37"]:hover) li[data-slice="37"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="37"]:is(:hover, :focus-visible)) path[data-slice="37"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="37"]:hover) path[data-slice="37"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="38"]:is(:hover, :focus-visible)) li[data-slice="38"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="38"]:hover) li[data-slice="38"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="38"]:is(:hover, :focus-visible)) path[data-slice="38"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="38"]:hover) path[data-slice="38"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="39"]:is(:hover, :focus-visible)) li[data-slice="39"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="39"]:hover) li[data-slice="39"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="39"]:is(:hover, :focus-visible)) path[data-slice="39"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="39"]:hover) path[data-slice="39"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="40"]:is(:hover, :focus-visible)) li[data-slice="40"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="40"]:hover) li[data-slice="40"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="40"]:is(:hover, :focus-visible)) path[data-slice="40"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="40"]:hover) path[data-slice="40"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="41"]:is(:hover, :focus-visible)) li[data-slice="41"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="41"]:hover) li[data-slice="41"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="41"]:is(:hover, :focus-visible)) path[data-slice="41"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="41"]:hover) path[data-slice="41"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="42"]:is(:hover, :focus-visible)) li[data-slice="42"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="42"]:hover) li[data-slice="42"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="42"]:is(:hover, :focus-visible)) path[data-slice="42"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="42"]:hover) path[data-slice="42"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="43"]:is(:hover, :focus-visible)) li[data-slice="43"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="43"]:hover) li[data-slice="43"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="43"]:is(:hover, :focus-visible)) path[data-slice="43"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="43"]:hover) path[data-slice="43"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="44"]:is(:hover, :focus-visible)) li[data-slice="44"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="44"]:hover) li[data-slice="44"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="44"]:is(:hover, :focus-visible)) path[data-slice="44"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="44"]:hover) path[data-slice="44"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="45"]:is(:hover, :focus-visible)) li[data-slice="45"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="45"]:hover) li[data-slice="45"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="45"]:is(:hover, :focus-visible)) path[data-slice="45"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="45"]:hover) path[data-slice="45"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="46"]:is(:hover, :focus-visible)) li[data-slice="46"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="46"]:hover) li[data-slice="46"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="46"]:is(:hover, :focus-visible)) path[data-slice="46"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="46"]:hover) path[data-slice="46"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="47"]:is(:hover, :focus-visible)) li[data-slice="47"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="47"]:hover) li[data-slice="47"] {
  background: var(--sb-surface, #f3f4f5);
  outline: 2px solid var(--sb-border, #d1d5da);
}
figure[data-sb-construct="gradeweightschart"]:has(path[data-slice="47"]:is(:hover, :focus-visible)) path[data-slice="47"],
figure[data-sb-construct="gradeweightschart"]:has(li[data-slice="47"]:hover) path[data-slice="47"] {
  stroke: var(--sb-text, #222832);
  stroke-width: 1.6;
}

@media (max-width: 42rem) {
  figure[data-sb-construct="gradeweightschart"] {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}