:root{font-family:Andale Mono,monospace;font-size:16px;--light-grey: #f0f0f0;--medium-grey: #e0e0e0;--dark-grey: #d0d0d0;--very-dark-grey: #a0a0a0;--very-very-dark-grey: #505050;--very-very-very-dark-grey: #272424;--status-color-default: #c3c3c3;--status-color-running: #74C365;--status-color-starting: #FF7900;--status-color-exited: #ED2939;--status-color-spawn-error: #db35a9}*{box-sizing:border-box}html{overflow:hidden;height:100%}body{overscroll-behavior-y:none;background:var(--dark-grey);background:#0f0f0f;color:#000;margin:0;padding:0}button{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}div.main{display:flex;flex-direction:column;height:100dvh;width:100dvw}div.main>div.top{flex:0 0 3rem;border:solid var(--dark-grey);border-width:0 0 .1rem 0}div.main>div.bottom{display:flex;flex:1;overflow:hidden}div.main>div.bottom>div.side{display:flex;flex-direction:column}div.main>div.bottom>div.side-buttons{display:flex;flex-direction:column}div.main>div.bottom>div.items{display:grid;align-content:start;background:#0f0f0f;gap:1rem;padding:1rem;flex:1;overflow-y:auto}@media (max-width: 640px){div.main>div.bottom{flex-direction:column;overflow-y:auto}div.main>div.bottom>div.side{height:calc(100dvh - 3rem);flex-shrink:0}div.main>div.bottom>div.side-buttons{height:calc(100dvh - 3rem);flex-shrink:0}div.main>div.bottom>div.items{grid-template-columns:1fr;overflow-y:unset;padding:1rem 0rem}}@keyframes offline-animation{0%{--bg-color: var(--status-color-default)}to{--bg-color: var(--status-color-exited)}}div.side-bar{display:flex;flex-direction:column;background-color:var(--light-grey);width:15rem;flex:1;overflow:hidden;padding:1rem;font-size:.8rem}div.side-bar>span.spacer{display:inline-block;margin:.75rem 0;border-style:dotted;border-width:.1rem 0 0 0;border-color:var(--very-dark-grey)}div.side-bar>span.spacer.no-line{margin:.25rem 0;border:none}div.side-bar>span.grow-spacer{display:inline-block;flex:1}div.side-bar>span.button-row{display:flex;gap:.5rem;align-items:center}div.side-bar>span.button-row>*{flex:1}div.side-bar>span.button-column{display:flex;flex-direction:column;gap:.5rem}div.side-bar>span.system-info{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}div.side-bar>span.system-info>span{display:flex;flex-direction:row;gap:.5rem}div.side-bar>span.system-info>span>span:first-child{font-weight:700}div.side-bar>span.system-info>span>span:not(:first-child){display:flex;flex-direction:column}div.side-bar>span.system-info>span a{color:#000;text-decoration:underline .1rem}div.side-bar>span.system-info>span a:before{content:""}div.side-bar>span.system-info>span a:hover{font-weight:600}div.side-bar>span.system-info>span.spacer{display:inline-block;border-style:dotted;border-width:.1rem 0 0 0;border-color:var(--very-dark-grey);margin:.5rem 0}div.side-bar>span.system-info>span.spacer.no-line{margin:.25rem 0;border:none}div.side-bar>span.system-info>span.overview{gap:.25rem;flex-wrap:wrap}div.side-bar>span.system-info>span.overview .overview-item{display:inline-flex;justify-content:center;align-items:center;--bg-color: var(--status-color-default);width:.75rem;height:.75rem;background-color:var(--bg-color)}div.side-bar>span.system-info>span.overview .overview-item[data-status=ok]{--bg-color: var(--status-color-running)}div.side-bar>span.system-info>span.overview .overview-item[data-status=error]{--bg-color: var(--status-color-exited)}div.side-bar>span.system-info>span.overview .overview-item[data-status=offline]{animation:offline-animation 2s steps(2,end) 0s infinite normal forwards}div.side-bar>span.system-info>span.overview .overview-item.spacer{background-color:transparent}@media (max-width: 640px){div.side-bar{width:100%;height:auto;overflow:visible}}.item{display:flex;flex-direction:column;position:relative;width:100%;font-size:.8rem;-webkit-user-select:none;user-select:none;background-color:var(--light-grey);--status-color: var(--status-color-default);border-style:solid;border-color:var(--status-color);border-width:.5rem 0 0 0;overflow:hidden}a.item{cursor:pointer;text-decoration:none;color:#000}.item>*{padding:.5rem}.item>div.header{position:relative;z-index:2;display:flex;justify-content:space-between;gap:.5rem;padding:.5rem;background:var(--medium-grey);font-size:1rem;font-weight:700;border:solid var(--dark-grey);border-width:0 0 .1rem 0}.item>div.header>span.idx,.item>div.header>span.type,.item>div.header>span.faded{opacity:.3}.item>div.header>span.spacer{flex-grow:2}.item>div.content{flex:1;position:relative;z-index:0}.item>div.content>div{display:flex;gap:.5rem}.item>div.content span.about{overflow:hidden;height:1.85rem}.item>div.content span.status{font-weight:700;color:var(--status-color)}.item>div.content span.errored{color:var(--status-color-exited)}.item>div.content span.update-available{font-weight:700;color:var(--status-color-exited)}.item>div.content a{color:#000;text-decoration:underline .1rem}.item>div.content a:before{content:""}.item>div.content a:hover{font-weight:600}.item>div.buttons{position:relative;z-index:0;padding:.5rem;display:flex;gap:.5rem}.item>div.buttons>*{flex-basis:4rem}.item>div.menu{position:absolute;right:0;z-index:3;display:none;width:50%;min-height:100%;background-color:var(--medium-grey);flex-direction:column;align-items:stretch;padding:0;border-style:solid;border-color:var(--dark-grey);border-width:0 0 0 .1rem}.item>div.menu.show{display:flex}.item>div.menu>span.menu-header{display:flex;justify-content:end;padding:.5rem}.item>div.menu>span.menu-content{display:flex;flex-direction:column;align-items:stretch;padding:.5rem;gap:.5rem;flex:1}.item>div.overview{display:flex;gap:.25rem}.item>div.overview>.overview-item{display:inline-block;--bg-color: var(--status-color-default);width:.75rem;height:.75rem;background-color:var(--bg-color)}.item span.toggle-menu{font-size:1rem;font-weight:700;cursor:pointer;padding:0 .5rem}.item span.toggle-menu:hover{font-weight:400}