body.has-dev-navigation{padding-left:244px}
.dev-navigation .navigation-toggle{display:none}
.dev-navigation{box-sizing:border-box;position:fixed;inset:0 auto 0 0;width:224px;overflow-y:auto;padding:30px 14px;background:#142c43;border-right:1px solid #142c43;font:13px/1.6 "Segoe UI","Malgun Gothic",sans-serif;color:#b2c2d2;z-index:20;scrollbar-width:thin;scrollbar-color:#38536a #142c43}
.dev-navigation h2{font-size:29px;font-weight:850;font-style:italic;margin:0;padding:0 14px 36px;color:#fff;letter-spacing:-1px}.dev-navigation h2 span{display:block;font-size:11px;font-weight:400;font-style:normal;letter-spacing:3px;margin-top:2px;color:#9cbbce}
.dev-navigation-panel{display:flex;flex-direction:column;gap:26px}.dev-navigation-panel section{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;background:transparent;box-shadow:none}.dev-navigation-panel strong{font-size:10px;font-weight:400;letter-spacing:1.5px;color:#87a8bf;margin:0 14px 8px}
.dev-navigation a{box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:46px;color:#b7d3e6;text-decoration:none;padding:11px 14px;border-radius:7px;overflow-wrap:anywhere}.navigation-icon{width:14px;flex:none;text-align:center;font-size:13px;color:#8fc8dc}.dev-navigation a:hover{background:#1e3a51;color:#fff}.dev-navigation a[aria-current]{font-weight:600;background:#24445d;color:#fff;box-shadow:inset 3px 0 #4bc2d4}.dev-navigation a:focus-visible,.dev-navigation button:focus-visible{outline:2px solid #4bc2d4;outline-offset:2px}
.dev-navigation-panel p{margin:0 14px;font-size:11px;color:#91aabe;line-height:1.8}.dev-navigation-panel p:empty{display:none}.dev-navigation .navigation-logout{font:inherit;display:block;text-align:left;background:transparent;color:#b7d3e6;border:0;padding:11px 14px;min-height:44px;border-radius:7px;cursor:pointer}.dev-navigation .navigation-logout:hover{background:#1e3a51;color:#fff}
body.has-dev-navigation .shell main>nav.screen-bottom,body.has-dev-navigation #logout{display:none}
@media(max-width:700px){body.has-dev-navigation{padding-left:0}.dev-navigation{position:relative;width:auto;inset:auto;border-right:0;padding:18px 16px}.dev-navigation h2{font-size:25px;padding:0 10px 20px}.dev-navigation-panel{flex-direction:row;flex-wrap:wrap;gap:20px}.dev-navigation-panel section{flex:1 1 150px}.dev-navigation-panel p{flex-basis:100%}.dev-navigation a{min-height:42px;padding:9px 12px}}
@media(max-width:700px){.dev-navigation .navigation-toggle{display:block;background:transparent;color:#b7d3e6;border:1px solid #38536a;border-radius:7px;padding:9px 12px;min-height:44px;font:inherit;cursor:pointer}.dev-navigation-panel{display:none}.dev-navigation.navigation-expanded .dev-navigation-panel{display:flex;margin-top:18px}}
@media print{body.has-dev-navigation{padding-left:0}.dev-navigation{display:none}}

.dev-navigation .navigation-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;color:#92cada}.navigation-icon svg{display:block;width:22px;height:22px}.dev-navigation .navigation-logout{display:flex;align-items:center;gap:12px}.dev-navigation a>span:not(.navigation-icon):not(.request-unread-badge){min-width:0}

/* Keep the theme choices at the foot of the navigation, including its mobile panel. */
.dev-navigation .theme-preference{justify-content:center;gap:8px;margin:auto 0 0;padding-top:20px;flex-shrink:0}
.dev-navigation .theme-preference button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:10px;border:1px solid #446078;border-radius:10px;background:transparent;color:#b7d3e6}
.dev-navigation .theme-preference button:last-child{border-left:1px solid #446078}
.dev-navigation .theme-preference button[aria-pressed=true]{background:#2c526e;color:#fff;border-color:#8ccce6}
.dev-navigation .theme-preference svg{display:block}
@media(min-width:701px){.dev-navigation{display:flex;flex-direction:column}.dev-navigation-panel{flex:1}}
@media(max-width:700px){.dev-navigation .theme-preference{flex-basis:100%;justify-content:flex-start;margin:0;padding-top:0}}
.dev-navigation .navigation-switch{padding-top:16px;border-top:1px solid #38536a}.dev-navigation .navigation-switch a{font-size:12px}