@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:400;src:local("Roboto Condensed"),local("RobotoCondensed"),url(../../static/media/RobotoCondensed-Regular.d243df41994b8745f0a7.woff2) format("woff2")}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:600;src:local("Roboto Condensed"),local("RobotoCondensed"),url(../../static/media/RobotoCondensed-Bold.3f1b0d27aa15417fe50c.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto"),url(../../static/media/Roboto-Bold.c18ee39fb002ad58b6dc.woff2) format("woff2")}:root{--font-size-min:15;--font-size-max:17;--viewport-min:400;--viewport-max:1500;--color-orange:#f6b03a;--color-red:#ee6352;--color-yellow:#e7ff4b;--color-charcoal:#40424e;--color-charcoal-light:#4c4e5a;--color-gray:#9a989f;--color-gray-light:#c2c8cc;--color-white:#fff;--color-dark:#2d2f3c;--color-dark-shade:#373946;--color-darkest:#191e28;--color-tooltip-bg:var(--color-dark-shade);--color-dark-rgba:#20212f;--color-dark-opacity:#1517234d;--color-green:#50e3c2;--color-green-light:#50e3c280;--color-active:var(--color-green-light);--bg-easing:ease-in;--color-observations:#ffdd7b;--color-root-causes:#69ce8f;--color-end-cons:#1a9cdb;--color-actuators:#ff7c4d}html{-webkit-font-smoothing:antialiased;background-color:#40424e;background-color:var(--color-charcoal);box-sizing:border-box;font-family:Roboto Condensed,sans-serif;font-size:calc(14.27273px + .18182vw);font-size:calc(var(--font-size-min)*1px + (var(--font-size-max) - var(--font-size-min))*(100vw - var(--viewport-min)*1px)/(var(--viewport-max) - var(--viewport-min)));height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:hidden}::-webkit-scrollbar-thumb{background:#39394c;border-radius:10px;box-shadow:none}::-webkit-scrollbar-track{background:inherit}::-webkit-scrollbar{height:10px;width:0}body{color:#fff;margin:0;padding:0}*,:after,:before{box-sizing:inherit}button{background:#0000;border:none;color:currentColor;cursor:pointer;font:inherit;outline-style:none;padding:0;pointer-events:all;text-align:inherit}.button-wrapper{display:block;width:100%}.observations-button-wrapper{display:block;width:320px}svg{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block;overflow:visible}.color-gray{color:#9a989f;color:var(--color-gray)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title{font-size:1.1rem;text-transform:uppercase}.helpKeyTitle{margin-bottom:0;margin-top:0}.colorGuide{border-radius:5px;display:flex;flex-direction:row;justify-content:left;padding:10px;width:100%}.colorGuide.legend-box{margin-top:0;padding-bottom:35px;padding-top:35px}.colorItem{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.legend-box.actuator-box{background-color:#e37b514d;border:1px solid #ff7c4d;border:1px solid var(--color-actuators)}.legend-box.consequences-box{background-color:#5b9bd84d;border:1px solid #1a9cdb;border:1px solid var(--color-end-cons)}.legend-box.causes-box{background-color:#8fcd914d;border:1px solid #69ce8f;border:1px solid var(--color-root-causes)}.legend-box.observations-box{background-color:#f6dd804d;border:1px solid #ffdd7b;border:1px solid var(--color-observations)}.iconArea:not(.actuator-box):not(.ui-box){min-height:350px}.observations-color{background-color:#ffdd7b;background-color:var(--color-observations);padding:3px}.consequences-color{background-color:#1a9cdb;background-color:var(--color-end-cons);padding:3px}.actuator-color{background-color:#ff7c4d;background-color:var(--color-actuators);padding:3px}.causes-color{background-color:#69ce8f;background-color:var(--color-root-causes);padding:3px}.colorRow{display:flex;flex-direction:column;gap:1em;margin-left:0;padding-left:10px;padding-right:10px;width:100%}.guide-circle{border-radius:5px;color:#000;font-weight:700;line-height:2;text-align:center;width:100%}.iconColContainer{display:flex;flex-direction:row;gap:10px}.iconArea{display:flex;flex-direction:column;gap:40px;padding-bottom:50px;width:100%}.iconArea.legend-box{height:100%;padding-top:10px}.rankRow{padding:10px 20px}.iconLabel{font-size:.7rem}.iconHeader{margin-bottom:0;padding-bottom:0;padding-top:0}.blurbArea a{white-space:nowrap}.insights{display:flex;flex-direction:column;width:75%}.bottomRow ul{margin-bottom:0;margin-top:0}.bottomRow ul,a{color:#fff;color:var(--color-white);list-style-type:none;margin-left:0;padding:0}.bottomRow .links{display:flex;flex-direction:column;width:25%}.iconRow{justify-content:space-between;width:100%}.bottomRow,.iconRow{display:flex;flex-direction:row;gap:10px}.bottomRow{padding:0 20px}.bottomRow span{font-size:.7rem}.legend-box{background-color:#4c4e5a;background-color:var(--color-charcoal-light);border-radius:5px;gap:.5em;height:100%;margin:10px 0 auto;padding:20px 10px 10px}.legend-box.last{margin-right:0}.helpKeyCol1,.listHeading{display:flex;flex-direction:column}.helpKeyCol1{padding-left:20px;padding-right:20px}.iconCol{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:0;padding-top:0;width:25%}.iconCol.last{padding-right:20px}.colorCol{display:flex;flex-direction:column;justify-content:flex-start;padding:0 20px 0 0}.iconItem{align-items:center;background-color:#000a0014;border-radius:5px;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding-bottom:10px;padding-top:10px}.iconItem.blank{background-color:initial;box-shadow:none}.iconLabel{font-weight:700;margin-top:10px}.observations-box .iconItem svg{background-color:#ffdd7b;background-color:var(--color-observations)}.causes-box .iconItem svg,.observations-box .iconItem svg{border-radius:50%;color:#191e28;color:var(--color-darkest);padding:7px}.causes-box .iconItem svg{background-color:#69ce8f;background-color:var(--color-root-causes)}.actuator-box .iconItem svg{background-color:#ff7c4d;background-color:var(--color-actuators)}.actuator-box .iconItem svg,.consequences-box .iconItem svg{border-radius:50%;color:#191e28;color:var(--color-darkest);padding:7px}.consequences-box .iconItem svg{background-color:#1a9cdb;background-color:var(--color-end-cons)}.ui-box .iconItem svg{background-color:#c2c8cc;background-color:var(--color-gray-light);border-radius:50%;color:#191e28;color:var(--color-darkest);padding:7px}.iconArea h2,.iconArea h3{margin-top:0}.cardContainer h5{margin-bottom:0;margin-top:0}.rankHelpCards{display:flex;flex-direction:row;margin-bottom:auto;margin-left:auto;margin-top:auto;width:75%}.cardContainer span{font-size:.7rem;margin-bottom:10px;margin-top:8px}.helpScreenKey h1,h2,h3,h5,span{font-size:.9rem}.rankingTooltipContainer{display:flex;flex-direction:column;gap:5px;margin-bottom:auto;margin-top:auto;width:18%}.rankingAreaCard{flex:1 1}.cardContainer{display:flex;flex-direction:column;margin-left:10px;width:33%}.cardContainer button{margin-top:auto}.rankItem{align-items:center}.rankItem,.rankingBox{display:flex;flex-direction:row}.rankingBox{font-size:1.9em;padding-left:10px}.rankingDonut{align-items:center;display:flex;width:7%}.blurbArea{padding:20px}.iconCol h5{margin-bottom:5px;margin-top:5px}[data-operational=true]{--override-color:var(--color-green)}[data-operational=false]{--override-color:var(--color-observations)}.equipment-container{grid-gap:.5rem;align-items:center;background-color:#2d2f3c;border-radius:30px 0 0 30px;cursor:pointer;display:grid;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-flow:column;height:40px;margin-bottom:10px;margin-left:50%;margin-top:10px;padding-left:15px;padding-right:1rem;pointer-events:all;transition-duration:.3s;transition-property:margin-left}.equipment-status-good-icon{align-self:center;background-color:#4a7672;border-radius:50%;height:80px;justify-self:center;margin:auto;position:relative;top:30%;width:80px}.equipment-status-good-icon-inner{background-color:#50e3c2;border-radius:50%;height:94%;margin:auto;position:relative;top:3%;width:94%}.equipment-status-good-label{margin:auto;position:relative;text-align:center;top:35%}.equipment-lists[data-toggle=false]:after{opacity:0;transform:translateX(15%)}.equipment-lists[data-toggle=true]:after{opacity:1;pointer-events:all}.equipment-lists[data-toggle=false]{pointer-events:none}.equipment-lists[data-toggle=false] .MuiTabs-indicator{background-color:initial;visibility:hidden}.equipment-lists[data-toggle=false] .equipment-container .close-icon{right:-50px;visibility:hidden}.equipment-lists[data-toggle=true]{background-color:#2d2f3c}.equipment-lists[data-toggle=false] .status-center-tabs-container{visibility:hidden}.equipment-lists .status-center-tabs-container{background-color:var(--color-dark)}.equipment-lists .status-center-tabs-container .status-center-tabs-header{background-color:var(--color-dark);color:#fff}.equipment-lists[data-toggle=true] .equipment-container{background-color:#2d2f3c;margin-left:0}.equipment-lists,.notification-list{cursor:pointer;height:var(--app-top-height);left:100%;position:fixed;transform:translateX(-100%);width:20rem;z-index:1001}.equipment-lists{box-shadow:0 0 2px var(--color-dark-shade);-webkit-clip-path:inset(0 0 0 -2px);clip-path:inset(0 0 0 -2px);display:grid;grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;height:calc(var(--app-top-height) - var(--top-bar));overflow-x:hidden;overflow-y:hidden;top:calc(var(--top-bar));transition:background-color .4s ease}.equipment-lists::-webkit-scrollbar{display:none;pointer-events:none}.equipment-list{grid-gap:1rem;display:grid;grid-auto-flow:row;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;list-style:none;overflow-y:scroll;padding:1.2rem;pointer-events:all}.equipment-list::-webkit-scrollbar{display:none}.equipment-list__item{padding:0}.animate-list__item{pointer-events:none;position:relative;z-index:2}.equipment-card{grid-gap:.25rem;display:grid;grid-auto-flow:column}.status-center-tabs-container .equipment-lists{min-height:1800px;overflow-x:hidden;overflow-y:scroll}.equipment-icon-placeholder,.status-indicator{border:2px solid;border-radius:50%;color:var(--color-observations);display:inline-block;height:1rem;position:relative;width:1rem}.equipment-icon-placeholder:before{background-color:var(--color-observations);border:4px solid #2d2f3c;bottom:40%;box-sizing:initial;content:"";display:block;height:70%;left:50%;position:absolute;transform:translateX(-50%);width:1px}.status-indicator{height:3px;margin-right:5px;width:3px}.notifications{bottom:0;height:calc(var(--app-top-height) - var(--top-bar));position:absolute;right:0;top:0}.notifications-bar{grid-area:bar;position:-webkit-sticky;position:sticky;top:0}.notification{--background-color:#2d2f3c;grid-gap:.8rem;align-items:center;background-color:var(--background-color);border-left:5px solid var(--color-observations,var(--color-red));border-radius:.25rem;display:grid;font-size:14px;grid-auto-flow:column;justify-items:space-between;padding:1rem 1rem 1rem 1.8rem;position:relative;z-index:1000}.check-icon{left:30%;position:relative;top:30%;width:40%}.close-icon{height:auto;position:absolute;right:10px;top:18px;transition:right .3s ease-in-out 0s;visibility:visible;width:25px}.notification-pointer{bottom:100%;position:absolute;right:40%}.notification-icon{border:3px solid var(--color-observations);border-radius:50%;height:.8rem;width:.8rem}.notification-list{display:flex;flex-direction:column;gap:1rem;height:calc(var(--app-top-height) - var(--top-bar));margin-top:calc(var(--top-bar) - 2px);padding-right:5px;pointer-events:none}.notification-list__item{pointer-events:all;top:var(--top-bar);z-index:1000}.toast-list{left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.toast-list__item{border-top:3px solid var(--color-observations)}.toast-list__item,.toast-list__simple-notification{margin:auto auto 1rem;pointer-events:all;position:relative;z-index:1000}.toast-list__simple-notification{border-top:3px solid var(--color-green)}.rewind-icon{color:var(--color-dark);height:2rem}.trend{color:#979797;overflow:visible;position:relative}.trend__svg{height:65px;width:100%}.trend__path{stroke-width:1.5px}.trend__tooltip{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:100%;pointer-events:none;position:absolute;will-change:transform;z-index:9999}[data-hidden=true]{display:none;opacity:0}.trend__tooltip-content{background-color:#191e28;border-radius:3px;color:#fff;display:grid;font-size:14px;grid-auto-flow:row;margin-top:-.2em;min-width:5rem;padding:2px 0;transform:translateX(-50%)}.trend__tooltip-separator{background-color:#373946;height:1px;margin:0;opacity:.2;width:100%}.trend__tooltip-time,.trend__tooltip-unit{grid-gap:.25rem;text-wrap:nowrap;align-items:center;display:grid;grid-auto-flow:row;grid-template-columns:1.5em 1fr;justify-content:space-between;padding:0 5px}.trend__limits-text.trend__no-data{font-style:normal}.trend__tooltip-unit{color:var(--color-observations)}#trend__tooltip-value-icon,#trend__tooltip-value-icon-positive{color:var(--color-observations);padding:20%}#trend__tooltip-value-icon-negative{color:var(--color-gray);padding:20%}.trend__tooltip-icon{fill:currentColor;align-content:center;display:grid;height:1.25rem;justify-content:center;width:1.25rem}.trend__tooltip-icon-placeholder:after{border:1px solid;border-radius:50%;box-shadow:0 0 1px #fff;content:"";display:block;height:1.1em;width:1.1em}.trend__limits{fill:currentColor;font-size:14px}.trend__limits-line{shape-rendering:auto}.trend__limits-text{font-style:italic}.timeline-wrapper{--group-name-width:110px;background-color:var(--color-dark-shade);display:grid;flex-grow:1;grid-template-areas:"timeline";grid-template-columns:1fr;grid-template-rows:100%}.timeline-slots,.timeline-wrapper>*{grid-area:timeline}.timeline-slots{grid-gap:.5rem;display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:var(--group-name-width) 1fr;overflow:visible;padding:1rem 2rem 4rem 0}.timeline-slots--segments{grid-template-rows:1fr;padding:0 2rem 0 0}.timeline-group{--group-name-width:110px;grid-row-gap:.2rem;display:grid;grid-template-areas:"group-name timelineGroup";grid-template-columns:var(--group-name-width) 1fr;row-gap:.2rem}.timeline-group:nth-child(n+2) .timeline-observation:nth-child(2){border-top:1px solid var(--color-dark)}.timeline-group[data-stale-disabled=true]{--stale-disabled-color:var(--color-gray);--stale-disabled-color-opacity:var(--color-charcoal);--stale-disabled-color-light:#eeeef1}.timeline{--padding:0.6rem;grid-column-gap:.5rem;align-items:center;background-color:initial;background-color:var(--stale-disabled-color-opacity,var(--bg,#0000));border-radius:.2rem;display:grid;grid-column:2;grid-template-areas:"time info timeline state" ".    .    chart    .";grid-template-columns:5rem 15rem 1fr 7rem;grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content;padding:var(--padding) 1.1rem;position:relative;scroll-margin:40px}.timeline[data-passed=true]{cursor:pointer;display:none}.timeline[data-expanded=true]{--bg:var(--color-dark);box-shadow:1px 1px var(--color-green),-1px -1px var(--color-green),-1px 1px var(--color-green),1px -1px var(--color-green);box-shadow:1px 1px #50e3c233,-1px -1px #50e3c233,-1px 1px #50e3c233,1px -1px #50e3c233}.timeline-observation__counter{grid-gap:.5rem;align-items:center;align-self:center;align-self:start;background-color:var(--color-dark);background-color:var(--stale-disabled-color,var(--color-dark));border-radius:0 2rem 2rem 0;display:grid;font-size:.8rem;gap:.5rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;height:-webkit-max-content;height:max-content;justify-content:center;justify-items:left;margin-top:.75em;padding:.2em 1em .2em 1.4rem;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:1rem;z-index:1}.timeline-observation__counter span:first-of-type{font-size:1rem;font-weight:700}.timeline-observations__divider{border:0;border-bottom:2px solid var(--color-dark);height:0;width:100%;z-index:20}.timeline-observation:before{border-radius:.5rem;content:"";grid-column:1/-1;grid-row:1/-1;height:calc(100% + var(--padding)*2);margin:calc(var(--padding)*-1);width:calc(100% + var(--padding)*2);z-index:0}.timeline-observation[data-selected=true]{box-shadow:-1px -1px var(--color-active),1px 1px var(--color-active),-1px -1px var(--color-active),1px -1px var(--color-active),-1px 1px var(--shadow)}.timeline-observation[data-selected=true] .text-ellipsis{overflow:hidden;text-overflow:clip;white-space:normal}.timeline-observation[data-active=true]{--bg:var(--color-dark);--color-orange-hsl:#f6b23c;--accent-h:38;--accent-s:91%;--accent-l:60%;background-color:var(--color-dark);background-color:var(--bg,var(--color-dark))}.timeline-observation[data-disabled=true],.timeline-segments{pointer-events:none}.timeline-segments{grid-template-rows:1fr;padding-bottom:.5em;padding-top:0}.timeline__sensor-label{color:var(--color-gray);font-size:.8rem}.timeline__track{--graph-height:100px;--bar-height:1.25rem;--bar-height-half:calc(var(--bar-height)*0.5);--bar-padding:0.5rem;--track-color-h:var(--accent-h,0);--track-color-s:var(--accent-s,0%);--track-color-l:var(--accent-l,95%);--calculated-a:calc(0.9 - var(--fading-stage)/1.3);color:hsl(var(--track-color-h),var(--track-color-s),var(--track-color-l));grid-column:timeline;grid-row:timeline/chart;height:100%;overflow:hidden;position:relative;width:100%}.timeline__track:before{background:linear-gradient(90deg,var(--color-dark-shade),#0000 100%);background:linear-gradient(90deg,var(--stale-disabled-color-opacity,var(--bg,var(--color-dark-shade))),#0000 100%);bottom:calc(var(--padding)*-1);content:"";display:block;height:calc(100% + var(--padding)*2);left:-1px;pointer-events:none;position:absolute;top:calc(var(--padding)*-1);width:15%;z-index:10}.timeline__track-graph{width:100%}.timeline__chart-wrapper{grid-area:chart;overflow:visible}.timeline__bar{background-color:currentColor;border-radius:.6rem;color:hsla(var(--track-color-h),var(--track-color-s),var(--track-color-l),var(--calculated-a));height:1.2rem;left:calc(var(--start)*1%);min-width:2px;position:absolute;transition:border-radius .01s ease-in-out;width:calc(var(--width)*1%)}.timeline-observation[data-expanded=true] .timeline__bar{border-bottom-left-radius:0}.timeline__bar:after{background:#f2f2f2;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;content:"";display:block;height:100%;opacity:.1;padding-bottom:calc(100px + 1.2rem);position:relative;top:0;transition:opacity .3s ease;width:100%}.timeline-observation[data-expanded=false] .timeline__bar:after{height:0;opacity:0;padding-bottom:0}.timeline__bar:hover{color:hsla(var(--track-color-h),var(--track-color-s),calc(var(--track-color-l) + var(--calculated-a) * .8%),calc(* .85));color:hsla(var(--track-color-h),var(--track-color-s),calc(var(--track-color-l) + var(--calculated-a)*.8%),calc(var(--calculated-a * .85)))}[data-ongoing=true].timeline__bar{border-bottom-right-radius:0;border-top-right-radius:0;right:0;width:auto}.timeline__svg{height:100%;min-height:100%;width:100%}.timeline__hours{grid-area:timeline;height:100%;justify-self:flex-end;position:relative;width:100%;z-index:10}.timeline__hour{--line-opacity:0.3;bottom:0;height:100%;left:calc(var(--position)*1%);position:absolute;width:1px;width:var(--line-width,1px)}.timeline__now{--line-opacity:1;--line-width:1px;left:100%}.timeline__now:after,.timeline__now:before{--triangle-size:5px;border-left:var(--triangle-size) solid #0000;border-right:var(--triangle-size) solid #0000;color:currentColor;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.timeline__now:before{border-top:var(--triangle-size) solid;bottom:100%}.timeline__now:after{border-bottom:var(--triangle-size) solid;top:100%}.timeline__hour-line{background-color:currentColor;bottom:0;height:100%;opacity:var(--line-opacity);position:absolute;width:100%}.timeline__label{bottom:0;color:#ccc;font-size:.8rem;padding-bottom:1rem;padding-top:.25rem;position:fixed;text-shadow:0 2px 2px #00000085;transform:translateX(-50%);z-index:20}.timeline__hour:first-child .timeline__label{opacity:calc((100 - var(--position))/10)}.timeline-head{align-items:center;display:grid;grid-area:info;grid-template-areas:"label id" "description ." "verification .";grid-template-columns:1fr;grid-template-rows:var(--card-height) -webkit-max-content;grid-template-rows:var(--card-height) max-content;height:100%;overflow:hidden;transition:max-height .3s ease;z-index:10}.timeline__state-label-container{background-color:initial;height:1.2rem;position:absolute;right:0;transform:none;width:1.2rem;z-index:10}[data-ongoing=true] .timeline__state-label-container{--border-radius-label:0 1rem 1rem 0;background-color:currentColor;background-color:var(--stale-disabled-color,currentColor);border-radius:var(--border-radius-label);position:absolute;transform:translateX(100%)}.timeline__state-label-container[data-state=ended],.timeline__state-label-container[data-state=ended] *{display:none}.timeline__state-current-label{background-color:var(--color-observations);background-color:var(--stale-disabled-color-light,var(--color-observations));border-radius:var(--border-radius-label,1rem);border-radius:1rem;color:var(--color-dark);display:block;height:100%;transform:translateX(0);transition:transform .3s ease;z-index:10}[data-ongoing=true]:last-child .timeline__state-current-label{transform:translateX(25%)}.timeline-head__label{cursor:pointer;grid-area:label}.timeline-head__description{grid-area:description}.timeline-head__verification{grid-area:verification}.timeline__current-state-label{grid-area:state;z-index:10}.timeline__time{align-self:start;color:var(--color-observations);font-size:.8rem;font-weight:700;grid-area:time;z-index:10}.track__icon{height:inherit;width:inherit}.timeline-value{align-self:start;color:#fff;font-size:.85rem;grid-column:state;grid-row:1/1}.observations{background-color:var(--color-dark-shade)}.observations-scroll{-ms-overflow-style:none;display:grid;grid-template-areas:"timeline-wrapper";grid-template-columns:1fr;grid-template-rows:1fr;max-height:var(--observation-body-height);min-height:var(--observation-body-height);overflow-y:scroll}.observations-scroll>*{grid-area:timeline-wrapper}.observations-scroll::-webkit-scrollbar{display:none}.observations__wrapper{background-color:var(--color-dark-shade)}.observations__timeline{display:grid;grid-template-areas:"observationshead" "timeline";grid-template-columns:1fr;grid-template-rows:var(--observation-header-height) var(--observation-body-height);position:relative}.observations-head{grid-gap:2rem;align-items:center;background-color:var(--color-dark-shade);border-bottom:1px solid var(--color-charcoal);display:grid;gap:2rem;grid-area:observationshead;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;height:var(--top-bar);padding-left:1rem;z-index:300}.observations__suppressing-stale-container{grid-gap:.5rem;cursor:pointer;display:flex;display:grid;font-size:.8rem;grid-auto-flow:column}.observation-card{grid-column-gap:1.5rem;align-items:center;border-left:4px solid #0000;display:grid;grid-template-areas:"info timeline time" "info timeline .";grid-template-columns:400px 1fr 100px;grid-template-rows:100% -webkit-max-content;grid-template-rows:100% max-content;grid-template-rows:var(--card-height,100%) -webkit-max-content;grid-template-rows:var(--card-height,100%) max-content;padding:.5em 1rem;position:relative}.observation-card.is-selected{--bg:var(--color-dark);--border:var(--color-green-light);--accent:var(--color-observations);background-color:var(--bg);border-color:var(--border)}.observation-info{align-items:center;display:grid;grid-area:info;grid-template-areas:"state label id" ". description .";grid-template-columns:4rem 1fr auto;grid-template-rows:var(--card-height) -webkit-max-content;grid-template-rows:var(--card-height) max-content;overflow:hidden;transition:max-height .3s ease}.observation-state{justify-self:left}.observation .observation-state{grid-area:state}.observation-id{grid-area:id}.observation-label{grid-area:label}.observation-description{grid-area:description}.observation-timeline{align-items:center;display:flex;grid-area:timeline;height:100%;justify-content:flex-end;position:relative}.observation-time{grid-area:time}.observation-info-main{align-items:center;display:flex;flex-direction:row}.observations__equipment-status-container{display:flex;justify-content:flex-end;padding:.5rem}.observations__equipment-status-container>button{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem;text-transform:uppercase}.observations__equipment-status-container>button>span{align-items:center;background-color:var(--color-observations);border-radius:1.5rem;color:var(--color-dark);display:flex;height:1.5rem;justify-content:center;width:1.5rem}.tooltip-wrapper{align-content:center}.help-tooltip,.tooltip-wrapper{--bg:var(--color-tooltip-bg);grid-gap:.5rem;display:grid;grid-auto-flow:column;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;position:relative;z-index:10}.help-tooltip,.help-tooltip-box{background-color:#373946b3}.to-center{justify-content:center}.tooltip-container{position:relative}.tooltip-wrapper[data-toggled=visible] .tooltip-message{opacity:1;pointer-events:all}.tooltip-wrapper[data-width=max-content] .tooltip-message{--bg:var(--color-dark-shade);box-shadow:0 -2px 3px 2px var(--color-dark);width:-webkit-max-content;width:max-content}.tooltip-wrapper[data-toggled=visible] .tooltip-message-bottom{opacity:1;pointer-events:all}.tooltip-wrapper[data-width=max-content] .tooltip-message-bottom{--bg:var(--color-dark-shade);box-shadow:0 -2px 3px 2px var(--color-dark);width:-webkit-max-content;width:max-content}.tooltip-message-bottom:before{left:40%;top:-10%;transform:rotate(180deg)}.tooltip-message-bottom:before,.tooltip-message:before{--pointer-size:0.5rem;border-left:var(--pointer-size) solid #0000;border-right:var(--pointer-size) solid #0000;border-top:solid var(--pointer-size) var(--bg);content:"";height:0;position:absolute;width:0;z-index:-1}.tooltip-message:before{left:50%;top:100%;transform:translateX(-50%)}.tooltip-message-bottom{bottom:-390%;left:40%}.tooltip-message,.tooltip-message-bottom{background-color:var(--bg);border-radius:5px;color:#ffffffb3;margin:1rem 0;opacity:0;padding:.6rem;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .1s ease-in .17s;width:200px;z-index:10}.tooltip-message{bottom:100%;left:50%}.circle{color:#0000;display:flex;grid-template-columns:100%;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;height:100%;justify-self:center;pointer-events:none;position:absolute;width:100%;z-index:-5}.circle__pulsar{top:40%}.card-wrapper{grid-gap:.5rem;align-items:center;display:grid;grid-auto-flow:column;grid-template-areas:"card count";grid-template-columns:auto -webkit-max-content;grid-template-columns:auto max-content;position:relative}.list-consequences .card-wrapper{grid-template-areas:"count card";grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto}.card{--card-bg:var(--color-dark);grid-gap:0 1rem;align-items:center;background-color:var(--card-bg);border:2px solid var(--cause-active,var(--color-dark));border-radius:1.7rem;display:flex;display:grid;grid-area:card;grid-template-columns:-webkit-max-content 1fr -webkit-max-content -webkit-max-content;grid-template-columns:max-content 1fr max-content max-content;padding:.8em;position:relative;transition:border-color .2s ease,background-color .3s ease}.card-button{opacity:.75}.card-button:hover{opacity:1}.card-button-disabled-true .card{--card-bg:var(--color-dark-shade);color:var(--color-white)}.card:hover{--card-bg:var(--color-tooltip-bg);--card-bg:#0000;--card-bg:var(--color-dark-rgba)}.card-hovered:not(.card-selected),.card:not(.card-selected):hover{border-color:var(--card-bg)}.card.card-selected{--cause-active:var(--color-root-causes)}.card.card-expanded{height:-webkit-max-content;height:max-content;min-height:3rem}.card.is-active,.is-active.card-hovered:not(.card-selected),.is-active.card:not(.card-selected):hover{border:2px solid var(--color-end-cons)}.card.card-expanded .text-ellipsis{overflow:hidden;text-overflow:clip;white-space:normal}.card-hovered{--card-bg:var(--color-dark-rgba)}.card.card-faded{opacity:.5}.card-count{--rotate:45deg;align-content:center;background-color:#2d2f3c;border-radius:50%;display:grid;grid-area:count;height:1.5rem;justify-content:center;margin-left:auto;opacity:.5;transform:rotate(var(--rotate));width:1.5rem}.card-count__inner{transform:rotate(calc(var(--rotate)*-1))}.list-causes .card-count{border-top-right-radius:0}.list-consequences .card-count{--rotate:-45deg;border-top-left-radius:0}.card-anchor{height:100%;position:absolute;top:0;width:1px}.card-anchor--left{left:0}.card-anchor--right{right:0}.card-body{overflow:hidden;padding-right:.25rem}.card-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-button-wrapper{font-size:11px;height:auto}.card-button-wrapper .text-bold.text-ellipsis{margin-right:10px}.card-button.card{grid-template-columns:1fr;height:1.8rem;padding:0 1.15rem}.card-bottom-hr{background-color:var(--color-gray);border-color:var(--color-gray);color:var(--color-gray);opacity:.25;width:calc(100% - 2.12rem)}.consequences .card-bottom-hr{margin-left:2.12rem}.causes .card-bottom-hr{margin-right:2.12rem}.list-consequences.buttons-list{margin-left:2.12rem}.card-button-icon{bottom:6px;position:absolute;width:1rem}.card-close__cta{background-color:var(--color-dark-shade);border-radius:50%;height:20px;position:relative;width:20px}.card-close__icon{left:50%;max-width:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.card-close__icon .cls-1{fill:var(--color-white)}.card-trends{grid-column:1/-1;grid-row:2;height:100px}.card-body .text-small{max-width:80%}.state-circle{z-index:-5}.state-circle,.state-circle-no-z{display:flex;height:100%;justify-self:center;pointer-events:none;position:relative;width:100%}.circle__logo{display:flex;height:100%;height:auto;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.circle__logo-svg{margin:auto;width:50%}.circle__pulsar{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.circle__text{align-self:center;color:#f2f2f2;display:flex;font-style:italic;justify-content:center;opacity:.6;position:relative;text-align:center;width:100%;z-index:1}.circle__shade{stroke:currentColor;fill:currentColor;stroke-opacity:.4;stroke-width:2px;transform-origin:center}.Card_cardState__S89eD{align-self:center;color:var(--color-end-cons);color:var(--card-icon-color,var(--color-end-cons));display:grid;height:100%}.Card_cardStateIcon__4PvDm{align-self:center;font-size:14px;height:2em;width:2em}.Card_card-wrapper__vSJ1o{grid-gap:.5rem;align-items:center;display:grid;grid-auto-flow:column;grid-template-areas:"card count";grid-template-columns:auto -webkit-max-content;grid-template-columns:auto max-content;position:relative}.Card_list-consequences__jvTaK .Card_card-wrapper__vSJ1o{grid-template-areas:"count card";grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto}.Card_buttonWrapper__U\+wU5{display:block;width:100%}.Card_card__EBrie{--card-bg:#373946;background-color:#373946;border:2px solid #0000;border-radius:32px;display:flex;justify-content:space-between;padding:1rem;transition:border-color .2s ease,background-color .3s ease;width:100%}.Card_card-button-disabled-true__tA2HS .Card_card__EBrie{--card-bg:var(--color-dark-shade);color:var(--color-white)}.Card_card__EBrie:hover{background:#20212f}.Card_cardHovered__xYkIr:not(.Card_cardSelected__eyE8p),.Card_card__EBrie:hover,.Card_card__EBrie:not(.Card_cardSelected__eyE8p):hover{border:2px solid #0000;border-radius:32px}.Card_card__EBrie.Card_cardSelected__eyE8p{background-color:#2d2f3c;border:2px solid #1a9cdb;border-radius:32px}.Card_card__EBrie.Card_cardExpanded__3uCav{height:-webkit-max-content;height:max-content;min-height:3rem}.Card_card__EBrie.Card_cardExpanded__3uCav .Card_text-ellipsis__7diz\+{overflow:hidden;text-overflow:clip;white-space:normal}.Card_cardHovered__xYkIr{--card-bg:var(--color-dark-rgba)}.Card_cardBody__yo1Lf{overflow:hidden;padding-right:.25rem}.Card_consequences__mbYhz .Card_card-bottom-hr__SihiC,.Card_list-consequences__jvTaK.Card_buttons-list__EGzJy{margin-left:2.12rem}.Card_fixedWidth__-JdBd{width:250px}.abnormals{grid-gap:2rem;display:grid;gap:2rem;grid-template-areas:"timerange timerange timerange" " . main . ";grid-template-columns:.6fr 2fr .6fr;grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;margin:0 auto;max-height:100vh;min-width:800px;overflow:scroll;padding:2rem 0;width:60%}.abnormals-timerange{display:grid;grid-area:timerange;grid-template-rows:-webkit-max-content -webkit-max-content 1fr;grid-template-rows:max-content max-content 1fr}.abnormals-timerange__main{background-color:var(--color-dark-shade);border-radius:.5rem;display:grid;grid-template-columns:1fr 1fr;padding:1rem}.abnormals-timerange__date-inputs{grid-gap:1rem;align-items:center;background-color:var(--color-dark);border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;justify-items:center;justify-self:center;padding:1rem}.abnormals-timerange__date-input-container{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}.abnormals-timerange__date-input{display:grid;grid-template-columns:3fr 1.8fr;height:2rem}input{font-family:Roboto Condensed,sans-serif;font-size:1.1rem;height:100%}::-webkit-datetime-edit{padding:.5rem}.input__without-buttons{min-width:-webkit-max-content;min-width:max-content}.input__without-buttons::-webkit-clear-button,.input__without-buttons::-webkit-inner-spin-button{-webkit-appearance:none;-o-appearance:none;appearance:none}.from-time{width:200px}.abnormals-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-area:main}.abnormals-list__main{grid-gap:1em;display:grid;gap:1em}.abnormals-card{grid-gap:1em;background-color:var(--color-dark);border-radius:.5em;display:grid;gap:1em;grid-template-rows:-webkit-max-content 1fr -webkit-max-content;grid-template-rows:max-content 1fr max-content;padding:.5em}.abnormals-card__head{display:grid;font-size:1rem;grid-template-columns:1fr 1fr -webkit-max-content;grid-template-columns:1fr 1fr max-content;margin-top:.3em}.abnormals-card__name-container{display:flex;flex-direction:column}.abnormals-card__name-container span:first-of-type{font-size:1.2rem;font-weight:700;text-transform:uppercase}.abnormals-card__name-container span:nth-of-type(2){color:var(--color-gray);font-size:.9rem;font-weight:400;text-transform:uppercase}.abonrmals-card__current-state{text-align:right;text-transform:inherit}.abnormals-card__value-highlight{font-weight:700}.abnormals-card__limits{grid-gap:.2em;display:grid;gap:.2em;grid-template-areas:"high" "low";grid-template-rows:1fr 1fr}.abnormals-card__limit-low{display:flex;grid-area:low;justify-content:space-between}.abnormals-card__limit-high{display:flex;grid-area:high;justify-content:space-between}.abnormals-card__row{display:contents;margin-top:.2em}.abnormals-card__table{grid-gap:1em;align-items:center;background-color:var(--color-dark-shade);border-radius:.5rem;display:grid;gap:1em;grid-template-columns:-webkit-max-content 1fr 1fr -webkit-max-content;grid-template-columns:max-content 1fr 1fr max-content;margin-top:1em;padding:1em}.abnormals-card__table-head{display:contents}.abnormals-card__table-cell{grid-gap:1em;display:grid;gap:1em;grid-auto-columns:auto;grid-auto-flow:column}.abnormals-card__table div:nth-of-type(n+5){display:none}.abnormals-card__table-expanded div:nth-of-type(n+5){display:contents}.abnormals-card__table-counter{font-size:1.2em;margin-top:.7em;text-align:right}.abnormals-card__table-counter span:nth-of-type(2){color:var(--color-gray)}.abnormals-card__table-counter span:first-of-type{margin:0 .3em}.abnormals-card__expand-btn{float:right;font-size:1.3rem}.abnormals-card__expand-btn:hover{font-weight:700}:root{--app-bottom-height:34vh;--observation-wrapper-height:34vh;--observation-header-height:60px;--observation-body-height:calc(var(--observation-wrapper-height) - var(--observation-header-height));--app-top-columns-minmax:minmax(250px,400px);--app-top-columns-empty-minmax:minmax(50px,1fr);--app-top-height:calc(100vh - var(--app-bottom-height));--app-grid-columns:1fr 1fr 1fr;--top-bar:60px;--font-size-12:0.76rem;--font-size-14:0.875rem;--font-size-16:1rem;--font-size-18:1.1rem;--spacing-10:0.65rem;--spacing-20:1.25rem;--spacing-30:1.45rem;--spacing-40:2.2rem}.App{min-height:100vh;scroll-behavior:smooth;width:100vw}.App__top{grid-column-gap:1rem;display:grid;grid-template-areas:"causes verify transit counteractions consequences" "causes verify transit counteractions consequences";grid-template-columns:1fr 1fr 1fr;grid-template-columns:var(--app-grid-columns);grid-template-columns:minmax(250px,400px) minmax(50px,1fr) 400px minmax(50px,1fr) minmax(250px,400px);grid-template-columns:var(--app-top-columns-minmax) var(--app-top-columns-empty-minmax) 400px var(
      --app-top-columns-empty-minmax
    ) var(--app-top-columns-minmax);grid-template-rows:60px 1fr;grid-template-rows:var(--top-bar) 1fr;height:calc(66vh - 60px);height:calc(var(--app-top-height) - var(--top-bar));padding:0 2rem;position:relative}.causes,.consequences,.transit{display:contents}.causes{grid-area:causes}.causes,.consequences{top:-50px;top:calc(var(--top-bar)*-1 + 10px)}.consequences{grid-area:consequences}.list-container{height:66vh;height:var(--app-top-height);overflow-anchor:none;overflow-x:hidden;overflow-y:scroll;padding-top:calc(60px + 1rem);padding-top:calc(var(--top-bar) + 1rem);transform:translateY(-60px);transform:translateY(calc(var(--top-bar)*-1));z-index:2}.list-main{grid-gap:.5em;display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:100%;padding:1rem 0 3rem;width:100%}.is-list-bottom-true{padding-bottom:1.2rem}.buttons-list{grid-gap:10px;display:grid;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center}.card-button-disabled-true{pointer-events:none}.number-indicator{align-items:center;background-color:var(--color-observations);background-color:var(--override-color,var(--color-observations));border-radius:50%;color:#000;display:inline-flex;font-size:1rem;font-weight:700;height:1.2rem;justify-content:center;width:1.2rem}.margin-0{margin:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-70{opacity:.3}.flex{display:flex}.flex-center{display:flex;justify-content:center}.flex-align-center,.flex-center{align-items:center}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.text-center{text-align:center}.text-right{text-align:right}.text-normal,.text-regular{font-weight:400}.text-bold{font-weight:700}.text-small{font-size:.8rem}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.border-bottom{border-bottom:1px solid #000}.width-100{width:100%}.grid-center{grid-gap:1rem;align-items:center;display:grid;grid-auto-flow:column;grid-template-columns:-webkit-max-content;grid-template-columns:max-content}.align-self-end{align-self:end}.state-label{align-self:center;background-color:#40424e;border-radius:1em;color:var(--color-observations);font-size:.8em;font-weight:700;height:-webkit-max-content;height:max-content;padding:.25em .5em;text-transform:uppercase;width:-webkit-max-content;width:max-content}.card-state{color:var(--color-observations);color:var(--card-icon-color,var(--color-observations))}.card-state,.card-state-grey{align-self:center;display:grid;height:100%}.card-state-grey{color:#a3a5b1}.card-state__icon{align-self:center;font-size:14px;height:2em;width:2em}.card__sensor-icon{align-self:center;font-size:14px;height:2.5em;width:1.5em}.transit{grid-area:transit;grid-auto-rows:1fr;grid-template-areas:"head" "body";grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;grid-template-rows:3.5rem}.transit-head{grid-area:head;justify-self:center;position:relative;z-index:5}.transit-head:empty:after{content:"EMPTY";font-size:1.3rem;opacity:0}.transit-anchor{align-content:center;display:flex;height:100%;left:0;position:absolute;top:0;width:1px}.transit-anchor--consequences{left:auto;right:0}.transit-line{stroke:2px;stroke-dasharray:4px;stroke-dashoffset:4px;align-self:center;color:#0000;color:var(--line-color,#0000);display:flex;grid-row:3;height:100%;justify-self:center;opacity:0}.transit-line--active{--line-color:#000;opacity:1}.transit-svg{height:calc(100% - 1rem);margin-top:auto}.transit-svg__line{stroke-width:2px;stroke:currentColor}.verify-cause{display:flex;flex-direction:column;height:66vh;justify-content:center;opacity:1;z-index:3}.verify-cause-box{background-color:#383945;flex-direction:column;width:350px}.verify-cause-box,.verify-cause-box-header{align-items:center;border-radius:10px;display:flex;justify-content:flex-start}.verify-cause-box-header{background-color:#2d303b;border-bottom-left-radius:0;border-bottom-right-radius:0;flex-direction:row;padding:10px 20px;width:100%}.verify-cause-icon-container>svg{cursor:default;height:20px;margin-right:20px;width:20px}.verify-cause-box-body{width:100%}.verify-cause-box-body,.verify-cause-box-body-quiz{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:10px}.verify-cause-box-body-quiz{border-radius:10px;transition:background-color .3s ease;width:330px}.verify-cause-box-body-quiz.active,.verify-cause-box-body-quiz:hover{background-color:#2d303b}.verify-cause-box-body-question{cursor:pointer;font-size:.8rem;-webkit-user-select:none;user-select:none;width:100%}.verify-cause-box-body-answer,.verify-cause-box-body-question{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.verify-cause-box-body-answer{margin-top:15px;width:80%}.verify-sensor-box-body-answer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-top:2px;width:80%}.commited-answer{background-color:var(--color-observations);color:#2d303b}.verify-cause-button{align-items:center;border:1px solid #0000;border-radius:20px;display:flex;font-size:.85rem;font-weight:500;justify-content:center;margin-left:5px;padding:5px 15px}.verify-cause-button.active{background-color:var(--color-observations);border-color:#0000;color:#2d303b;margin:2px 0}.tooltip-causes{z-index:999999999999}
/*# sourceMappingURL=main.515554b5.css.map*/