.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:25px}.card-footer>.icon{width:16px}.card-footer span .icon{width:13px;height:13px;vertical-align:middle}.drag-over{border-color:var(--purple);background:#ece7ff}.upload-preview{font-size:11px;color:#7d7398;margin-top:8px}.week-col .event:hover{background:#e6def9}.modal:focus{outline:none}
@media(min-width:851px) and (max-width:1100px){.grid-main,.detail-grid{grid-template-columns:1fr}.welcome-art{right:35px;opacity:.8}.welcome h2{max-width:350px}.lesson-content h3{font-size:14px}.stat small{font-size:10px}}
@media(max-height:800px){.sidebar{padding-top:22px}.school{margin-bottom:22px}.nav a{padding-top:9px;padding-bottom:9px}.help-card{display:none}.sidebar-bottom{padding-top:20px}}
@media(max-width:530px){.board-page{height:calc(100dvh - 96px);min-height:380px}.board-bar h1{font-size:18px}.page-head{flex-wrap:wrap}.page-head>div:first-child{flex:1 1 200px;min-width:0}.tabs{max-width:100%;overflow:auto}.tab{padding:8px 10px;white-space:nowrap}.week-grid{min-width:770px}.detail-grid .panel{padding:18px}.topbar .breadcrumb{font-size:10px}.stat small{font-size:10px}}