#root{max-width:100%;margin:0 auto;padding:0;text-align:center;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}footer{flex-shrink:0}html,body{margin:0;padding:0;width:100%}.time-container{font-size:2vw;font-weight:700;align-items:right;text-align:right}.collapse-btn{width:90vw;padding:1.5vw;margin:5px;font-size:.9vw;background-color:#27949f80;color:#fff;border:none;cursor:pointer;text-align:left}.collapse-btn:hover{background-color:#4a4fa5}.collapsible-content{padding:.7vw;background-color:#fff;margin:10px auto;width:95vw}#gauges-container-1,#gauges-container-2,#charts-container-1,#charts-container-2{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:1px;width:100%;border-color:#00f}#machine-cards-container-1,#machine-cards-container-2{display:flex;flex-wrap:wrap;justify-content:center;gap:0rem 0rem;padding:0;width:100%}.machine-card{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .7rem #0000001a;width:20rem;display:flex;flex-direction:column;align-items:center;margin:.5rem auto}.machine-card-small{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .7rem #0000001a;width:100%;display:flex;flex-direction:column;align-items:center;margin:.5rem auto}.container-m{width:80%}.machine-card-desktop{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .7rem #0000001a;width:28rem;display:flex;flex-direction:column;align-items:center;margin:.5rem auto}.machine-card-modal{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .7rem #0000001a;width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;margin:.5rem auto;overflow:hidden}.essen-border{border:1.5px solid rgb(4,4,177)}.wassenberg-border{border:1.5px solid rgb(159,5,5)}.machine-card.active{opacity:1;filter:none}.machine-card.inactive{opacity:.5;filter:grayscale(40%);pointer-events:none}.machine-gauge{margin-bottom:0rem}.machine-chart{margin-top:0rem}.Traffic_Light{display:inline;align-items:center}.status-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:1.2rem;color:#000;background-color:#ddd;margin-left:10px}.status-pill.in-betrieb{background-color:#e0ffe0}.status-pill.ausser-betrieb{background-color:#ffe0e0}.Light{display:inline-block;width:100%;height:20px;border-radius:50%;text-align:right;line-height:20px;color:#fff;margin-left:8px;font-size:14px}.machine-titlebar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem;margin-bottom:2px;border-bottom:1px solid #eee;font-family:Arial,sans-serif}.machine-title{font-weight:700;font-size:20px;color:#333}.location-label{font-size:14px;font-style:italic;color:#777}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000000e6}.modal-content{background-color:#fff;margin:2% auto;padding:20px;width:95%;height:95%;overflow:hidden;border-radius:10px;position:relative}.close{color:#aaa;font-size:28px;position:absolute;top:10px;right:20px;cursor:pointer}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;height:100%}.carousel>.slide{min-width:100%;scroll-snap-align:center;display:flex;justify-content:center;align-items:center}.carousel-machine-card{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 .2rem .7rem #0000001a;width:60%;display:flex;flex-direction:column;align-items:center;margin:1rem auto;height:100%}.carousel-nav{text-align:center;margin-bottom:1rem}.carousel-nav button{padding:.5rem 1rem;margin:0 .5rem;background-color:#ddd;border:none;cursor:pointer}.carousel-nav button:hover{background-color:#bbb}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:9999;display:flex;justify-content:center;align-items:center}.modal-content-lg{background:#fff;border-radius:8px;padding:20px;width:80%;max-width:900px;position:relative}.zoom-button{border-radius:4px;border-color:#00f;padding:.2em;margin:1px}.ul{list-style-type:none}ul.no-bullets{list-style-type:none;margin:0;padding:0;text-align:justify}