.assignment-sidebar .assignment-action-icon{display:inline-flex;flex-shrink:0;justify-content:center;width:24px;margin-right:8px}@media(min-width:900px)and (hover:hover)and (pointer:fine){.assignment-sidebar--collapsible{width:76px!important;transition:width .18s ease}.assignment-sidebar--collapsible .assignment-sidebar-panel{padding:12px 8px;gap:12px}.assignment-sidebar--collapsible .assignment-sidebar-panel>.assignment-sidebar-detail{display:none}.assignment-sidebar--collapsible .assignment-sidebar-panel button{min-width:44px;min-height:44px;padding-left:12px;padding-right:12px}.assignment-sidebar--collapsible:not(:hover):not(:has(:focus-visible)) .assignment-action-label,.assignment-sidebar--collapsible:not(:hover):not(:has(:focus-visible)) .assignment-sidebar-detail,.assignment-sidebar--collapsible:not(:hover):not(:has(:focus-visible)) .MuiButton-endIcon{display:none}.assignment-sidebar--collapsible:not(:hover):not(:has(:focus-visible)) .assignment-action-icon{margin-right:0}.assignment-sidebar--collapsible:not(:hover):not(:has(:focus-visible)) .assignment-sidebar-panel button{justify-content:center}.assignment-sidebar--collapsible:hover,.assignment-sidebar--collapsible:has(:focus-visible){width:290px!important}}@media(prefers-reduced-motion:reduce){.assignment-sidebar--collapsible{transition:none}}.chart-actions{display:grid;grid-template-rows:72px 44px 44px;align-items:center;flex-shrink:0;width:170px;gap:16px;border-right:1px solid #dde3ea;padding-right:8px}.chart-actions button{justify-content:flex-start;min-width:44px;height:40px;min-height:40px;padding:6px 8px;gap:8px}.chart-actions svg{flex-shrink:0}@media(hover:hover)and (pointer:fine){.chart-actions{width:44px;transition:width .18s ease}.chart-actions:not(:hover):not(:has(:focus-visible)) span{display:none}.chart-actions:hover,.chart-actions:has(:focus-visible){width:170px}}@media(max-width:599px){.chart-actions{width:44px}.chart-actions span{display:none}.chart-actions:hover,.chart-actions:has(:focus-visible){width:130px}.chart-actions:hover span,.chart-actions:has(:focus-visible) span{display:inline}}@media(prefers-reduced-motion:reduce){.chart-actions{transition:none}}.course-sidebar .course-sidebar-collapsed-icon{display:none}.course-sidebar-panel{overflow:hidden}.course-sidebar-panel:focus-visible{outline:2px solid #08b8ee;outline-offset:3px}@media(min-width:900px)and (hover:hover)and (pointer:fine){.course-workspace-layout{--course-sidebar-width: 76px;transition:grid-template-columns .18s ease}.course-workspace-layout:has(.course-sidebar:hover),.course-workspace-layout:has(.course-sidebar :focus-visible),.course-workspace-layout:has(.course-sidebar [role=combobox][aria-expanded=true]){--course-sidebar-width: 280px}.course-sidebar:not(:hover):not(:has(:focus-visible)):not(:has([role=combobox][aria-expanded=true])) .course-sidebar-panel{padding:12px;height:auto;min-height:52px;display:grid;place-items:center}.course-sidebar:not(:hover):not(:has(:focus-visible)):not(:has([role=combobox][aria-expanded=true])) .course-sidebar-panel>:not(.course-sidebar-collapsed-icon){display:none}.course-sidebar:not(:hover):not(:has(:focus-visible)):not(:has([role=combobox][aria-expanded=true])) .course-sidebar-collapsed-icon{display:block}}@media(prefers-reduced-motion:reduce){.course-workspace-layout{transition:none}}