header{position:-webkit-sticky;position:sticky;z-index:10;top:0;width:100%;height:86px;background-color:var(--secondary)}header div.content{height:100%;display:flex;gap:16px;align-items:center;justify-content:space-between;width:1200px;margin-left:auto;margin-right:auto;padding-inline:16px;box-sizing:border-box}@media screen and (max-width:1200px){header div.content{width:100%}}header div.content a:not(.button){border-radius:4px}header div.content div.logo{height:42px;width:42px;background-image:url(/logo-dark.svg);background-size:cover}@media(prefers-color-scheme:light){header div.content div.logo{background-image:url(/logo-light.svg)}}header div.content nav{display:flex;gap:38px;padding-inline:16px}header div.content nav a:not(.button){color:var(--text);font-weight:500;font-size:14px;text-decoration:none;transition-duration:.3s;transition-property:color;border-radius:1px;display:flex;gap:6px;align-items:center}header div.content nav a:not(.button) svg{width:18px;height:18px}header div.content nav a:not(.button) svg path{transition-duration:.3s;transition-property:fill;fill:var(--text)}header div.content nav a:not(.button):hover{color:var(--primary)}header div.content nav a:not(.button):hover svg path{fill:var(--primary)}header div.content button.menu{display:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:unset;padding:0;border-radius:4px;color:var(--text);height:36px;border:none}header div.content button.menu svg{width:36px;height:36px}header div.content button.menu svg path{fill:var(--text)}@media screen and (max-width:768px){header{height:64px}header div.content div.logo{height:36px;width:36px}header div.content button.menu{display:flex}header div.content nav{display:none}}#menu-overlay{position:fixed;padding:16px;z-index:2;top:64px;left:0;width:calc(100% - 32px);background-color:var(--secondary);opacity:0;pointer-events:none;transition:opacity .3s}#menu-overlay.open{opacity:1;pointer-events:all}#menu-overlay nav{width:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center}#menu-overlay nav a:not(.button){color:var(--text);font-weight:500;font-size:14px;text-decoration:none;transition-duration:.3s;transition-property:color;border-radius:1px;padding:16px 0;font-size:16px;display:flex;gap:8px;align-items:center}#menu-overlay nav a:not(.button) svg{width:18px;height:18px}#menu-overlay nav a:not(.button) svg path{transition-duration:.3s;transition-property:fill;fill:var(--text)}#menu-overlay nav a:not(.button):hover{color:var(--primary)}#menu-overlay nav a:not(.button):hover svg path{fill:var(--primary)}#menu-overlay nav a.button{margin:8px 0}#menu-overlay-scrim{display:none;position:fixed;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#menu-overlay-scrim.open{opacity:1;pointer-events:all}@media screen and (max-width:768px){#menu-overlay-scrim{display:block}}.panel-nav{width:300px;height:100vh;display:flex;position:-webkit-sticky;position:sticky;top:0;flex-direction:column}@supports(height:100dvh){.panel-nav{height:100dvh}}@media screen and (max-width:768px){.panel-nav{width:100%;height:64px;z-index:10}}.panel-nav .header{padding:16px;background-color:var(--secondary);display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:768px){.panel-nav .header{height:64px;flex-shrink:0;padding:0 16px}}.panel-nav .header button.menu{display:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:unset;padding:0;border-radius:4px;color:var(--text);height:36px;border:none}.panel-nav .header button.menu svg{width:36px;height:36px}.panel-nav .header button.menu svg path{fill:var(--text)}@media screen and (max-width:768px){.panel-nav .header button.menu{display:flex}}.panel-nav nav{background-color:var(--secondary);display:flex;flex-direction:column;justify-content:space-between;padding:0 16px 16px;gap:16px;box-sizing:border-box;flex-grow:1;transition:opacity .3s}@media screen and (max-width:768px){.panel-nav nav{height:calc(100vh - 64px);opacity:0;pointer-events:none;flex-shrink:0}@supports(height:100dvh){.panel-nav nav{height:calc(100dvh - 64px)}}}.panel-nav nav.open{opacity:1;pointer-events:all}.panel-nav .logo{padding:12px;width:-moz-fit-content;width:fit-content;border-radius:4px;display:block}.panel-nav .logo svg{height:42px;width:auto}.panel-nav .logo svg path{stroke:var(--primary)!important}@media screen and (max-width:768px){.panel-nav .logo{padding:0}.panel-nav .logo svg{height:36px}}.panel-nav .items{display:flex;flex-direction:column;gap:10px;flex-grow:1;overflow-y:auto;overflow-x:visible;border-radius:12px}.panel-nav .items .spacer{flex-grow:1}.panel-nav .items .item{flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;color:var(--text);font-weight:500;font-size:14px;line-height:normal;align-items:center;height:40px;display:flex;gap:12px;padding-inline:12px;transition:background-color .3s;border-radius:12px}@media screen and (max-width:768px){.panel-nav .items .item{height:52px}}.panel-nav .items .item svg{width:20px;height:20px}.panel-nav .items .item svg path{transition:.3s;fill:var(--text)}.panel-nav .items .item:hover{background-color:var(--on-secondary)}.panel-nav .items .item.active{background-color:var(--primary);color:var(--surface)}.panel-nav .items .item.active svg path{fill:var(--surface)}.panel-nav .user{padding:12px;display:flex;align-items:center;color:var(--text);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:12px;transition:background-color .3s;border-radius:12px}.panel-nav .user .info{font-size:12px;display:flex;flex-direction:column;gap:4px}.panel-nav .user .info .name{font-weight:500}.panel-nav .user:hover{background-color:var(--on-secondary)}