.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}}