*{box-sizing:border-box}body{display:flex;flex-direction:column;background-color:var(--body-background);color:var(--text-color);margin:0}nav{display:flex;align-items:stretch;justify-content:center;color:var(--gray80);font-weight:400;font-size:14px;background-color:var(--white);height:48px;flex-shrink:0;flex-grow:0;padding-left:16px;padding-right:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:none}@media screen and (min-width:640px){nav{border-bottom:solid 1px var(--gray15)}}nav .framed{display:flex;justify-content:space-evenly}@media screen and (min-width:640px){nav .framed{display:flex;flex-grow:1;justify-content:center}}nav a,nav button{display:flex;flex-direction:column;align-items:center;color:var(--gray80);background-color:var(--white);padding:6px 12px;border-radius:var(--border-radius);margin:6px 0;white-space:nowrap;text-overflow:ellipsis}nav a>.icon{font-size:24px}nav a>.label{font-size:10px;line-height:14px}nav .spacer{display:none}nav b{display:inline-block;color:var(--black);font-weight:700;padding:8px 0;margin:10px 10px 10px 0;white-space:nowrap;text-overflow:ellipsis}nav a:hover,nav a:focus,nav button:hover,nav button:focus{color:var(--gray90);background-color:var(--gray10)}nav a.selected,nav a.selected:hover,nav a.selected:focus,nav button.selected,nav button.selected:hover nav button.selected:focus{background-color:var(--gray20);color:var(--black)}main{display:flex;flex-direction:row;justify-content:center;container-type:inline-size;-overflow-x:hidden;-overflow-y:auto;overscroll-behavior:none}body:has(>main>.app){height:100dvh;width:100dvw;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:none}main:has(>.app){height:100%;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:none}@media screen and (min-width:640px){nav a{display:inline}nav a>.icon{display:unset;font-size:unset}nav a>.label{display:unset;font-size:unset;line-height:unset}nav .spacer{display:unset;flex-grow:1}}#menu-bar{border-bottom:solid 1px var(--gray20);margin-top:-8px;margin-bottom:32px;padding:4px 0 12px;line-height:100%;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior:none}#menu-bar div{white-space:nowrap;flex-grow:1}#menu-bar div.left{text-align:left}#menu-bar div.center{text-align:center}#menu-bar div.right{text-align:right}#menu-bar a,#menu-bar button{display:inline-block;padding:8px 12px;border-radius:calc(var(--rhythm)/2);color:var(--gray90);background-color:inherit;margin:0;font-size:14px}#menu-bar button.primary{background-color:var(--button-primary-background);color:var(--button-primary-color)}#menu-bar button.primary:hover,#menu-bar button.primary:focus{background-color:var(--button-primary-background-hover);color:var(--button-primary-color-hover)}#menu-bar a:hover,#menu-bar a:focus,#menu-bar button:hover,#menu-bar button:focus{background-color:var(--gray10);color:var(--gray90)}#menu-bar a.selected,#menu-bar a.selected:hover,#menu-bar a.selected:focus,#menu-bar button.selected,#menu-bar button.selected:hover,#menu-bar button.selected:hover{background-color:var(--gray20);color:var(--black)}#menu-bar a.text-red,#menu-bar button.text-red{color:var(--red60)}#menu-bar-sub{display:block;background:var(--gray05);border-bottom:solid 1px var(--gray20);padding:4px 8px;margin-top:-32px;margin-bottom:32px;text-align:center}#menu-bar-sub a{color:var(--gray90);font-size:12px;border-radius:var(--rhythm);padding:4px 8px}#menu-bar-sub a.selected{background-color:var(--gray20);color:var(--black)}#breadcrumbs{margin-bottom:20px}.page{container-type:inline-size;position:relative;line-height:150%;border:none;padding:calc(var(--rhythm) * 2);font-weight:400;width:100%;margin:0;background-color:var(--page-background)}.framed{position:relative;width:100%;margin:0}.fullscreen{container-type:inline-size;position:relative;line-height:150%;border:none;padding:var(--rhythm);font-weight:400;width:100%;margin:0}@media screen and (min-width:640px){}@media screen and (min-width:768px){}@media screen and (min-width:1024px){.page{width:90%;max-width:1100px;margin-top:24px;margin-bottom:64px;border:solid 1px var(--page-border);padding:calc(var(--rhythm) * 1.5)}.framed{width:90%;max-width:1100px}}.app{display:flex;flex-direction:row;align-items:stretch;background-color:var(--page-background);padding:0;position:relative;line-height:150%;height:100%;width:100%;view-transition-name:app}#app-sidebar{flex-grow:0;flex-shrink:0;box-sizing:border-box;background-color:var(--gray04);border-right:solid 1px var(--gray15);color:var(--gray80);view-transition-name:app-sidebar;&.expanded { width:25%; padding: 12px 8px; min-width:160px; max-width:240px; } &.collapsed { width:auto; padding: 12px 4px; & .menu-item { padding:8px 16px; } }}#app-sidebar .menu-item{display:block;padding:4px 32px 4px 8px;border-radius:4px;color:var(--gray80)}#app-sidebar .menu-item:hover{background-color:var(--gray15);color:var(--gray90)}#app-sidebar .menu-item.link{color:var(--link-color)}#app-sidebar .menu-item.link:hover{color:var(--link-color-hover)}#app-sidebar .selected{font-weight:700;color:var(--black)}#app-sidebar button{margin-right:0}.app-content{flex-grow:1;flex-shrink:1;padding:0 12px 24px;position:relative;container-type:inline;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;view-transition-name:app-content}.app.page .app-content{view-transition-name:app-content;padding-top:12px}.pill{position:relative;top:-2px;padding:2px 8px;border-radius:1em;background-color:var(--gray15);color:var(--gray80);font-size:12px;font-weight:400;vertical-align:middle}.pill.pill-red{background-color:var(--red50);color:var(--white)}.pill.pill-blue{background-color:var(--blue60);color:var(--white)}button>.pill,.button>.pill{position:unset;background-color:var(--gray20)}i.bi{min-width:calc(1.5 * var(--rhythm))px}