.wb-monthly-progress-card{--wb-progress-chart-top:45px;--wb-progress-chart-bottom:27px}.wb-monthly-progress-card .wb-school-progress-chart{inset:var(--wb-progress-chart-top) 11px var(--wb-progress-chart-bottom) 31px;position:absolute}.wb-school-progress-gridlines,.wb-school-progress-columns{position:absolute;inset:0}.wb-school-progress-columns{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;padding:0 2px;display:grid}.wb-school-progress-column{justify-content:center;align-items:end;display:flex;position:relative}.wb-school-progress-grid{border-top:1px solid #e2e7ed;width:100%;position:absolute}.wb-school-progress-grid span{color:#55657a;font-size:10px;line-height:1;position:absolute;right:calc(100% + 6px);transform:translateY(-50%)}.wb-school-progress-axis{color:#55657a;font-size:10px;line-height:1;position:absolute;top:calc(100% + 4px)}.wb-school-progress-axis.is-current{color:#243149;font-weight:700}.wb-school-progress-bar{background:linear-gradient(#6088a3,#527791);border-radius:2px 2px 0 0;width:80%;max-width:24px}.wb-school-progress-bar.is-current{background:linear-gradient(#426d90,#345d80)}.wb-school-progress-bar:hover{background:#243149}.wb-school-progress-chart.is-decorative{pointer-events:none}.wb-school-progress-chart.is-decorative .wb-school-progress-bar{background:color-mix(in srgb, var(--wb-domain-card-bg,#627981), white 14%)}@media (width<=820px){.is-mobile-capable-route .wb-monthly-progress-card{--wb-progress-chart-top:51px;--wb-progress-chart-bottom:29px}.is-mobile-capable-route .wb-school-progress-axis,.is-mobile-capable-route .wb-school-progress-grid span{font-size:14px}}.wb-card-shell.wb-card-drop-placeholder{box-sizing:border-box;width:100%;height:var(--wb-card-height-normal);padding:var(--wb-card-padding);border:2px dashed color-mix(in srgb, var(--wb-text) 55%, var(--wb-bg));border-radius:var(--wb-card-radius);box-shadow:none;text-align:center;background:0 0;place-items:center;display:grid}.wb-card-shell.wb-card-drop-placeholder-mini{height:var(--wb-card-height-mini)}.wb-card-shell.wb-card-drop-placeholder-expanded{height:var(--wb-card-height-expanded)}
