.subscriptions-background{position:fixed;top:0;left:0;z-index:5;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:none}.subscriptions-background.open{display:block}.subscriptions{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);background-color:#111;border:1px solid #333;padding:20px;display:none}.subscriptions.open{display:block}.subscriptions h2{position:relative;margin:0}.subscriptions button{margin-left:10px}.subscriptions .close{cursor:pointer;background:#000;border:1px solid #00bcd4;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.subscriptions .close span:before{content:"\F136";font-family:MaterialIcons;font-size:25px}@font-face{font-family:Roboto;font-weight:400;src:url(/static/media/Roboto-Regular.719d1148.woff2) format("woff2")}@font-face{font-family:Roboto;font-weight:light;src:url(/static/media/Roboto-Light.69f8a061.woff2) format("woff2")}@font-face{font-family:MaterialIcons;font-weight:400;src:url(/static/media/Material-Design-Iconic-Font.3a7cbc43.woff2) format("woff2")}html{color:#fafafa;background-color:#000;font-family:Roboto,Helvetica,Arial,Verdana,sans-serif;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;color-scheme:dark}@media (min-width:1600px){html{font-size:20px}.stat{font-size:.65rem}.stat strong{line-height:3.3rem}.controls-errors .information,.controls-errors a{font-size:1.5rem;line-height:4.65rem}}body{margin:0}h1,h2,h3{font-weight:400}h1{margin-top:0}h2{font-size:1.25rem}.center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%}.dim{color:#757575}main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;height:100vh;grid-template-areas:"panels panels" "filters filters" "services info"}main>.alerts{grid-area:services;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#616161 #212121}main>.errors{grid-area:info;overflow-y:scroll;margin-top:-40px}main>.service{grid-area:info;padding:10px}aside{grid-area:side;height:100vh;overflow-y:scroll}.controls-alert{grid-area:panels;-ms-flex-wrap:wrap;flex-wrap:wrap}.alert-filters,.controls-alert{display:-ms-flexbox;display:flex}.alert-filters{grid-area:filters;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;background-color:#0f0f0f;padding:10px;height:48px;z-index:1;position:relative}.alert-filters>*{margin-right:40px}.alert-filters button{border:1px solid hsla(0,0%,100%,.1);background:transparent;color:#fff;width:180px;height:100%;cursor:pointer}.alert-filters .servers-container{display:-ms-flexbox;display:flex;height:100%}.alert-filters .servers{position:absolute;top:calc(100% - 5px);left:0;margin:0 0 0 10px;background-color:#0f0f0f;max-height:60vh;overflow-y:scroll;border:1px solid hsla(0,0%,100%,.1)}.alert-filters .server{padding:5px;border-bottom:1px solid hsla(0,0%,100%,.1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.alert-filters .server:not(.checked){opacity:.5;text-decoration:line-through}.alert-filters .server.checked{opacity:1;color:#00bcd4}.alert-filters .all-none{display:-ms-flexbox;display:flex}.alert-filters .all-none>div{-ms-flex:1 1;flex:1 1;text-align:center;padding:5px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,.1);border-right:1px solid hsla(0,0%,100%,.1)}.alert-filters span{font-size:.8rem;margin:0 0 0 10px}.alert-filters .search input{background-color:#0f0f0f;color:#fff;border:1px solid hsla(0,0%,100%,.1);padding:5px}aside{background-color:#212121}aside>div{padding:10px}aside>div:first-child{border-bottom:1px solid #757575}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}img{-webkit-box-sizing:content-box;box-sizing:content-box}:focus{outline:none}.critical{padding:1rem;color:#fff;background-color:#b71c1c}.critical p{margin-top:0;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.25)}.critical p:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.alerts{color:#757575;height:100%}main>.alerts{position:relative;padding:1px 0}main>.alerts>img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.alerts h1{display:inline-block;color:#b71c1c}.alerts a.right{float:right;text-decoration:none;color:#b71c1c;line-height:1.5rem;cursor:pointer}.alerts.paused h1{color:#ff6f00}.alerts.active h1{color:#4caf50}.alerts h2,.alerts h3{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#fff;word-wrap:break-word;margin:0;font-size:1rem}.alerts.alert h2{position:relative}.alerts h2 .priority{margin-left:-3px}.alerts h2 .title{margin-right:5px}main>.alerts article{position:relative;padding:10px;border-bottom:1px solid hsla(0,0%,100%,.1)}.alerts.active article h2,.alerts.paused article h2,.alerts article h3{margin-bottom:0}.alerts section h2{font-size:1rem}.alerts article:first-of-type h2,.alerts article:first-of-type h3{margin-top:0}.alerts .buttons{position:absolute;top:10px;right:10px;z-index:1;visibility:hidden;background-color:#000;border:1px solid hsla(0,0%,100%,.1)}.alerts button{background:none;border:0}.alerts button:before{content:" \F3A6";color:#00bcd4;font-size:1.25rem;font-family:MaterialIcons;cursor:pointer;padding:6px}.alerts button.snooze:before{content:" \F32C"}.alerts button.comment:before{content:" \F262"}.alerts button.assign-to-me:before{content:"\F1FF"}.alerts button.resolved:before{content:"\F26B"}.alerts button.false-alarm:before{content:"\F32A"}.alerts button.acknowledge:before{content:"\F1FF"}.alerts:not(.error):not(.log) article:hover .buttons{visibility:visible}.alerts .alert,.alerts .error{margin-top:0;margin-bottom:.25rem;color:#b71c1c}.alerts .success{color:#4caf50}.alerts time:before{content:"\F15E   ";font-family:MaterialIcons}.alerts .snoozed time:before{content:"\F1F9   "}.alerts .queue,.alerts .snoozed{color:#ff6f00}.alerts .message{color:#ff6f00;display:block!important;margin-top:5px}.alerts .message:before{font-size:1rem;font-family:MaterialIcons;content:"\F262   "}.alerts .message time:before{display:none}.alerts article .description{margin-left:10px}.alerts article .assignee,.alerts article .false-alarm,.alerts article .resolved{color:#4caf50;margin-right:10px}.alerts article .assignee:before,.alerts article .false-alarm:before,.alerts article .resolved:before{margin-right:5px;font-family:MaterialIcons}.alerts article .assignee:before{content:"\F207"}.alerts article .resolved:before{content:"\F26B"}.alerts article .false-alarm:before{content:"\F32A"}.alerts .alert-type{margin-left:10px}.alerts .alert-type:before{font-family:MaterialIcons;margin-right:5px}.alerts .alert-type-queue{color:#ff6f00}.alerts .alert-type-queue:before{content:"\F1E2"}.alerts .alert-type-not-successful{color:#b71c1c}.alerts .alert-type-not-successful:before{content:"\F1F3"}.alerts p{margin:0;word-wrap:break-word}.alerts.active p,.alerts.paused p,.alerts.snoozed p{display:inline}.block{display:block}.alerts .invert{display:inline-block;color:#000;padding:1px 3px;border-radius:5px;background-color:#757575}.alerts a:hover .invert{background-color:#00bcd4}.alerts article{border:1px solid transparent}.alerts article.selected{border-color:#00bcd4}.alerts article.highlight .alert,.alerts article.highlight .error,.alerts article.highlight .sentry{color:#ea2323}.alerts .highlight .alert time:before,.alerts .highlight .error time:before{content:"\F15F   "}@-webkit-keyframes pulsate{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pulsate{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.alerts h2>span:first-child{margin-right:5px}.running-status{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;white-space:nowrap;color:#fff;color:#4caf50}.running-status .loader{border-left-color:#4caf50}.running-status.maybe-not-running{color:#ff6f00}.running-status.maybe-not-running .loader{border-left-color:#ff6f00}details{word-break:break-word}summary{padding:10px}summary::-webkit-details-marker{display:none}details summary>h1,details summary>h2,details summary>h3{display:inline-block!important}details:first-of-type summary>h2{margin-top:0!important}details:not([open]),details[open] h1,details[open] h2{cursor:pointer}details:hover summary>h1,details:hover summary>h2,details:not([open]):hover summary,details:not([open]):hover summary .alert,details:not([open]):hover summary .error{color:#00bcd4!important}.errors{padding:10px}.alerts a{display:block;text-decoration:none;color:inherit}.alerts a:hover,.alerts a:hover .alert,.alerts a:hover .error,.alerts a:hover .info p,.alerts a:hover h2{color:#00bcd4}.errors h1{display:inline-block;color:#ff6f00}.errors h1+a{float:right;text-decoration:none;color:#4caf50;line-height:1.5rem}.errors .alert{color:#b71c1c}.errors .alerts .alert time:before{display:none}.errors .error{color:#ff6f00}.errors .alerts .error time:before{content:"\F1F3   "}.errors .log{color:#4caf50}.errors details[open] .info{display:none}.errors.logs h1{color:#4caf50}.errors.logs h1+a{color:#ff6f00}.errors.logs h2{font-size:1rem;line-height:1rem}.stat{text-align:center;text-transform:uppercase;cursor:pointer;color:#fff;font-size:.75rem;height:90px;-ms-flex:1 1;flex:1 1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.stat strong{display:block;cursor:pointer;font-weight:400;font-size:3rem;color:#4caf50}.stat.active strong{color:#0077c2}.stat.active.sel{color:#fff;background-color:#0077c2}.stat.active.sel strong{color:#fff}.stat.logs strong,.stat.notifications strong,.stat.snoozed strong{color:#ff6f00}.stat.logs.sel,.stat.notifications.sel,.stat.snoozed.sel{color:#fff;background-color:#ff6f00}.stat.logs.sel strong,.stat.notifications.sel strong,.stat.snoozed.sel strong{color:#fff}.stat.alerts strong,.stat.errors strong{color:#b71c1c}.stat.alerts.sel,.stat.errors.sel{color:#fff;background-color:#b71c1c}.stat.alerts.sel strong,.stat.errors.sel strong{color:#fff}.stat.paused strong{color:#616161}.stat.paused.sel{color:#fff;background-color:#616161}.stat.paused.sel strong{color:#fff}.stat:hover,.stat:hover strong{color:#00bcd4}.controls-errors .information,.controls-errors a{text-align:center;text-transform:uppercase;height:90px;display:inline-block;cursor:pointer;font-weight:400;font-size:2rem;line-height:5rem;color:#4caf50;padding:0 20px;text-decoration:none}.controls-errors a.logs{color:#4caf50}.controls-errors a.logs.sel{color:#fff;background-color:#4caf50}.controls-errors a.errors{color:#ff6f00}.controls-errors .information,.controls-errors a.errors.sel{color:#fff;background-color:#ff6f00}.controls-errors .information span{font-size:12px}.controls-errors .information span:first-child{font-size:1rem;display:block}.controls-errors a:hover{color:#00bcd4}.snoozeUntil{display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:10px}.snoozeUntil button{color:#00bcd4;border:1px solid #00bcd4;-ms-flex:1 1;flex:1 1;font-size:inherit;padding:10px;white-space:nowrap;min-width:100px;cursor:pointer}.snoozeUntil button:before{display:none}.snoozeUntil button:hover{color:#fff;background-color:#00bcd4}.comment{text-align:right}.comment textarea{font-size:inherit;color:#00bcd4;border:1px solid #00bcd4;background:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.comment input[type=submit]{cursor:pointer;color:#fff;background:#00bcd4;padding:10px 15px;margin-top:5px;display:inline-block;border:none;font-size:1rem}.alerts .sentry,.controls-errors a.sentry{color:#b71c1c}.controls-errors a.sentry.sel{color:#fff;background-color:#b71c1c}.alerts .sentry+p{margin-top:-1em}.alerts .sentry time:before{font-size:1rem;font-family:MaterialIcons;content:"\F162   "}.alerts .sentry time+time:before{content:"";margin-left:.5em}.alerts a:hover .sentry{color:#00bcd4!important}.alerts svg{float:right;width:150px;margin-left:20px}.alerts a:hover svg rect{fill:#00bcd4}.loader{display:inline-block}.loader,.loader:after{border-radius:50%;width:10em;height:10em}.loader{margin-right:5px;font-size:2px;position:relative;text-indent:-9999em;border-top:1.1em solid hsla(0,0%,100%,.2);border-right:1.1em solid hsla(0,0%,100%,.2);border-bottom:1.1em solid hsla(0,0%,100%,.2);border-left:1.1em solid transparent;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.copy-to-clipboard:before{content:"\F237";font-family:MaterialIcons;visibility:hidden;padding-right:5px}.copy-to-clipboard:hover:before{visibility:visible}.service{position:relative;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#616161 #212121}.service .name{margin:-30px 20px 0;text-align:center}.service .copy-to-clipboard:hover{cursor:pointer;text-decoration:underline}.service .copy-to-clipboard:active{text-decoration:none}.service>p{margin:0;text-align:center}.service .description{margin:10px 0}.service .settings{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.service .settings input{margin-right:5px}.service .settings input[type=number]{width:70px}.service textarea{width:100%;margin:10px 0;border:1px solid hsla(0,0%,100%,.1);background:#111;resize:none}.service .save-cancel{display:none;-ms-flex-pack:center;justify-content:center;padding:10px 0}.service.dirty .save-cancel{display:-ms-flexbox;display:flex}.service .save-cancel button{margin:0 5px;border:none;border-radius:5px;padding:5px 10px}.service .save-cancel .save{background:green}.service .save-cancel .cancel{background:gray}.service .close{position:-webkit-sticky;position:sticky;top:10px;z-index:1;cursor:pointer;background:#000;border:1px solid #00bcd4}.service .close span:before{content:"\F136";font-family:MaterialIcons;font-size:25px}.service .event-info{width:100%;background:#080808;padding:0 5px;margin:10px 0;border:1px solid hsla(0,0%,100%,.1);font-size:.8em}.service .event-info .copy-to-clipboard{margin-left:5px}.service .event-info td:nth-child(2){text-align:right}.service .stats{display:-ms-flexbox;display:flex}.service .stats .stat{height:60px}.service .stats .stat strong{font-size:1.5em;line-height:inherit}.service article{padding:10px 0;position:relative}.service article:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.1)}.service .errors{padding:0}.service .errors .center{margin-top:10px;color:initial}
/*# sourceMappingURL=main.3e5c292e.css.map*/