.classroom-sidebar{width:336px;max-width:100%;background-color:#fff;-webkit-box-shadow:0 0 12px rgba(0,0,0,.08);box-shadow:0 0 12px rgba(0,0,0,.08);z-index:9}.classroom-sidebar-fixed{position:fixed;width:336px;top:0;left:0}.classroom-sidebar-logo{padding:30px;background:var(--secondary-900)}.classroom-sidebar-logo .logo{display:inline-block;vertical-align:middle;max-height:65px;max-width:100%;background:var(--menu-logo-bg);background-size:var(--menu-logo-bg-size);width:100%}.classroom-sidebar-logo .logo img{visibility:hidden}.classroom-sidebar-image{position:relative}.classroom-sidebar-image img{max-width:100%}.classroom-sidebar-back{position:absolute;top:15px;left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 10px 12px 20px;border-radius:50px;gap:10px;text-decoration:none;background-color:var(--primary-color);max-width:120px}.classroom-sidebar-back,.classroom-sidebar-back .text-arrow-back{color:var(--text-contrast-primary-color);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.classroom-sidebar-back .text-arrow-back{max-width:0;overflow:hidden;white-space:nowrap;font-size:18px;font-weight:500}.classroom-sidebar-back:hover{max-width:100%;background-color:var(--primary-400)}.classroom-sidebar-back:hover .text-arrow-back{max-width:100%;padding-right:10px}