.ccm-page-profile .ccm-profile-header{padding-bottom:1rem;padding-top:1rem}.ccm-page-profile .ccm-profile-header [class*=col]{align-items:center;display:flex}.ccm-page-profile .ccm-profile-header .ccm-profile-avatar img{border-radius:50%;display:block;margin-right:2rem;max-width:120px}.ccm-page-profile .ccm-profile-header .ccm-profile-buttons{margin-left:auto}.ccm-page-profile .ccm-profile-detail{margin-bottom:2rem;margin-top:2rem}.ccm-page-user-directory .ccm-page-user-directory-entry{align-items:center;display:flex;padding:1rem}.ccm-page-user-directory .ccm-page-user-directory-entry .ccm-page-user-directory-avatar{border-radius:50%;margin-right:2rem;max-width:80px}


.main-logo{margin:clamp(8px,8px + 8 * (100vw - 1200px)/480,16px) 0;width:clamp(0px,50vw,320px)}.main-logo img{filter:brightness(0) invert(1)}.nav-container{align-items:center;display:flex;justify-content:flex-start;min-height:clamp(48px,48px + 16 * (100vw - 1200px)/480,64px);position:relative;z-index:10}.nav-container .nav-drawer{background:var(--color-white);box-shadow:-2px 0 10px rgba(0,0,0,.1);height:100%;max-width:75vw;padding:2rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:1000}.nav-container .nav-drawer.active{transform:translateX(0)}.nav-container .nav-overlay{background:var(--color-overlay);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:999}.nav-container .nav-overlay.active{opacity:1;pointer-events:auto}.nav-container .nav-close,.nav-container .nav-toggle{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;width:44px}.nav-container .nav-close,.nav-container .nav-close:hover,.nav-container .nav-toggle,.nav-container .nav-toggle:hover{background:none;box-shadow:none;color:var(--color-neutral-900)}.nav-container .nav-close svg path,.nav-container .nav-toggle svg path{transition:d .35s ease,opacity .35s ease}.nav-container .nav-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%)}.nav-container .nav-toggle:hover .nav-toggle__top{d:path("M 26 3 L 8 12.5")}.nav-container .nav-toggle:hover .nav-toggle__mid{opacity:0}.nav-container .nav-toggle:hover .nav-toggle__bot{d:path("M 26 22 L 8 12.5")}.nav-container .nav-close:hover .nav-close__top{d:path("M 9 4 L 17 12")}.nav-container .nav-close:hover .nav-close__bot{d:path("M 9 20 L 17 12")}.nav-container .nav-drawer ul{list-style:none;padding:0}.nav-container .nav-drawer ul li{margin:1rem 0}.nav-container .nav-drawer ul a{font-size:clamp(18px,18px + 6 * (100vw - 1200px)/480,24px);text-decoration:none}.nav-container .nav-drawer ul a.nav-selected{text-decoration:underline;text-decoration-color:var(--color-green)}.nav-container .nav-drawer ul ul li a{color:var(--color-green)}.nav-container .nav-drawer ul ul li a.nav-selected{text-decoration-color:var(--color-primary)}.nav-container .nav-drawer ul ul li a:hover{color:var(--color-brown)}