/* Exact outlines of the approved wordmark; C and oherio share one ink colour. */
.coherio-logo{display:inline-flex;align-items:center;white-space:nowrap;font-size:30px;line-height:1;height:1em;color:var(--ink,#14283f)}
.coherio-symbol{display:block;flex:none;width:.846939em;height:1em;fill:currentColor;transform-origin:center;overflow:visible}
.coherio-word{display:block;flex:none;width:3.795918em;height:1em;margin-left:-.027211em;fill:currentColor;overflow:visible}
.sidebar .coherio-logo{font-size:18.4px;color:inherit}
/* Anchor the C to the navigation icon axis even while sidebar padding changes. */
.sidebar-brand{position:relative;display:flex;align-items:center;flex-shrink:0;height:54px;margin-left:-16px;margin-right:-16px}
.sidebar .sidebar-brand .brand{position:absolute;left:30.21px;top:1px;height:32px;padding:0;min-width:0;line-height:1;flex-shrink:0;justify-content:flex-start}
.sidebar-brand .desktop-collapse,.sidebar-brand .desktop-expand{position:absolute;top:1px;width:32px;height:32px;margin:0;color:var(--nav-ink);border-radius:7px;transform:none}
.sidebar-brand .desktop-collapse{right:22px}
.sidebar-brand .desktop-collapse:hover,.sidebar-brand .desktop-expand:hover{background:var(--nav-active);color:var(--nav-selected)}
.sidebar-brand .desktop-collapse:focus-visible,.sidebar-brand .desktop-expand:focus-visible{outline-color:var(--side-accent);outline-offset:2px}
.sidebar-brand .desktop-collapse .icon,.sidebar-brand .desktop-expand .icon{width:20px;height:20px;transform:none;transition:none}
.sidebar-brand .desktop-expand{display:none;left:16px;width:44px}
.sidebar-brand .desktop-expand .icon{opacity:0;transition:opacity .2s ease-in-out}
/* Continue the page-header divider across the sidebar, including wrapped toolbars. */
body[data-workspace=true] .sidebar{padding-top:0}
body[data-workspace=true] .sidebar-brand{height:var(--workspace-header-height,72px);border-bottom:1px solid var(--side-line)}
body[data-workspace=true] .sidebar .sidebar-brand .brand,body[data-workspace=true] .sidebar-brand .desktop-collapse,body[data-workspace=true] .sidebar-brand .desktop-expand{top:calc(50% - 16px)}
body[data-workspace=true] .sidebar>.workspace{border-top:0}
.access-brand .coherio-logo{font-size:33px}
.learner-platform-brand{display:inline-flex;align-items:center;gap:12px}
.learner-platform-brand .coherio-logo{font-size:21px}
@media(min-width:701px){
 body[data-palette] .sidebar{transition:width .2s ease-in-out,background-color .25s}
 body[data-palette] .shell{transition:margin-left .2s ease-in-out}
 .sidebar .coherio-symbol{transition:transform .2s ease-in-out,opacity .2s ease-in-out}
 .sidebar .coherio-word{transition:opacity .2s ease-in-out;opacity:1}
 .compact-menu .sidebar-brand{margin-left:-12px;margin-right:-12px}
 .compact-menu .sidebar-brand .brand{pointer-events:none}
 .compact-menu .sidebar-brand .desktop-collapse{display:none}
 .compact-menu .sidebar-brand .desktop-expand{display:grid}
 .compact-menu .sidebar-brand .coherio-symbol{transform:scale(1.25)}
 .compact-menu .sidebar-brand:has(.desktop-expand:is(:hover,:focus-visible)) .coherio-symbol{opacity:0}
 .compact-menu .sidebar-brand .desktop-expand:is(:hover,:focus-visible)>.icon{opacity:1}
 .compact-menu .sidebar .coherio-word{opacity:0}
}
@media(max-width:700px){
 body[data-workspace=true] .sidebar-brand{height:64px}
 .access-brand .coherio-logo{font-size:29px}
 .learner-platform-brand{flex-wrap:wrap;gap:8px}
}
@media(prefers-reduced-motion:reduce){.coherio-symbol,.coherio-word,.sidebar-brand .desktop-expand .icon{transition:none!important}}