body{margin:0;padding:0;min-height:100vh;background-color:#1a1a1a;font-family:Arial}.content,body{display:flex;flex-direction:column}.content{flex-grow:1;padding:8px;margin-bottom:293px;gap:12px}footer{background-color:#333;padding:5px;height:30px;color:#4d4d4d;border-top:2px solid #4d4d4d;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:9999;box-shadow:0 5px 15px #000}footer .controls-container{display:inline-flex;position:absolute;margin-left:10px;height:30px;gap:8px}footer .menu-button{display:flex;border-radius:4px;font-size:24px;color:#aaa;padding:2px;cursor:pointer}.no-config-icon{color:#aaa}footer .menu-button.inactive{color:#666}footer .menu-button:hover{background-color:#494949}footer .menu-button:active{background-color:#585858}.dropdown{display:none;position:absolute;bottom:40px;left:-8px;background-color:#333;border:2px solid #4d4d4d;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.2);padding:8px;z-index:1;color:#aaa;gap:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.dropdown p{margin:0}.dropdown p.label{color:#aaa;font-size:x-small}.dropdown p.info{color:#eee;font-size:small}.dropdown p.spacer{padding-bottom:8px}.logo-container{justify-content:flex-end;height:100%;width:25%;text-align:center;display:flex;margin-left:auto}.logo-container img{max-height:80%;width:auto;position:relative;top:16%}.connection-indicators{display:flex;height:60%;width:200px;margin-right:0;flex-direction:row;flex-flow:row-reverse}.connection-indicators .indicator{min-width:40px;font-size:10px;font-family:monospace;text-align:center;color:#ccc;border:2px solid #276500;border-radius:100px;padding:2px 8px;margin:0 5px}.indicator.connected-a{color:#fff;background-color:#498210}.indicator.connected-b{color:#fff;background-color:#3a6e07}.indicator.bad-connection-a{border:2px solid #654500;background-color:#826910}.indicator.bad-connection-b{border:2px solid #654500;background-color:#6e5907}.indicator.disconnected{border:2px solid #651400;background-color:#a72d0f}.round-corner{border-radius:8px}.container{padding:8px;display:flex;flex-direction:column;background-color:#292929;height:-moz-fit-content;height:fit-content;gap:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.container .title{font-size:small;font-weight:lighter;font-family:Arial;color:#bbb;display:flex;justify-content:space-between;height:24.5px}.container .title.main{padding-left:8px;text-align:left;font-size:large;font-weight:400}.container .scroll-area{display:flex;flex-direction:row;gap:8px;overflow-x:scroll;height:-moz-fit-content;height:fit-content;padding-bottom:8px}.container .scroll-area.realtime-view{height:auto}.container.inner{background-color:#1a1a1a}.card{padding:8px;background-color:#3e3e3e;height:auto;position:relative;display:inline-flex;flex-direction:column;gap:2px;width:125px;box-shadow:0 1px 2px rgba(0,0,0,.2);cursor:pointer}.card:hover{background-color:#494949}.card button:active{transform:none}.image{position:relative;display:inline-flex;height:125px;width:-moz-fit-content;width:fit-content;border-radius:5px;margin-bottom:13px}.image.bigger{height:160px}.image img{height:100%;width:auto;border-radius:5px}.image .border{position:absolute;top:0;left:0;right:0;bottom:0;border:4px solid #aaa;border-bottom:0;border-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;opacity:1}.details-authorized{border:4px solid #32f501;border-radius:3px}.details-unauthorized{border:4px solid #ea3026;border-radius:3px}.card .title{font-weight:700;color:#ddd;font-size:small;height:2.8em;line-height:1.4em}.card .info,.card .title{font-family:Arial;overflow:hidden;display:block}.card .info{font-weight:400;color:#ccc;font-size:x-small;white-space:nowrap;text-overflow:ellipsis}.card .date{font-weight:lighter;color:#bbb;font-family:Arial;font-size:x-small;text-align:center}.image .border.expired,.image .border.outOfTimeWindows{border-color:red}.image .border.disallowed{border-color:#eaaf26}.image .border.unknown{border-color:#ea3026}.image .border.noRecognition{border-color:#ccc}.image .border.authorized{border-color:#35971c}.image .border.unauthorized{border-color:#ea3026}.image .border.unknown.passed{border-color:#ff0d00}.image .border.authorized.passed{border-color:#32f501}.image .border.unauthorized.passed{border-color:#ff0d00}@keyframes borderPulseAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}.pulse{animation:borderPulseAnimation 1s ease-in-out infinite}.pulse.hard{animation:borderPulseAnimation .33s ease-in-out infinite}.inactive{opacity:.5}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,50%,.1);border-radius:100px;width:5px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:100px}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,50%,.2)}::-webkit-scrollbar-corner{background-color:transparent}*{scrollbar-color:hsla(0,0%,50%,.1) rgba(0,0,0,.1)}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{display:none}.center{justify-content:center}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.item-enter{opacity:0;transform:translateX(-100%)}.item-enter-active{opacity:1;transition:opacity .5s ease,transform .5s ease}.item-enter-active,.item-exit{transform:translateX(0)}.item-exit-active{transform:translateX(100%);transition:transform .5s ease}.bottom-sheet{position:fixed;bottom:-100%;left:0;right:0;margin-bottom:40px;transition:bottom .3s ease-in-out;box-shadow:0 5px 15px #000;height:-moz-fit-content;height:fit-content;border-top:2px solid #4d4d4d}.bottom-sheet .header{height:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.bottom-sheet .header .title{padding-left:4px;text-align:left;font-size:large;font-weight:400}.bottom-sheet .header .close-button{position:absolute;right:0;margin-right:8px;border-radius:4px;font-size:20px;color:#aaa;padding:2px;cursor:pointer}.bottom-sheet .header .close-button:hover{background-color:#494949}.bottom-sheet .header .close-button:active{background-color:#585858}.event-details-header{height:16px;font-size:small;color:#bbb}.event-details{display:inline-flex;background-color:#3e3e3e;height:160px;position:relative}.vertical{flex-direction:column}.vertical.scrollable{overflow:auto}.info-pairs{min-width:125px;max-width:200px;gap:8px}.info-pairs,.info-pairs .pair{display:flex;flex-direction:column}.info-pairs.scrollable{overflow-y:auto;overflow-x:hidden}.info-pairs .pair .label{color:#999;font-size:x-small}.no-gap{gap:0}.info-pairs .pair .info{color:#ddd;font-size:small;font-weight:700;width:max-content;word-wrap:break-word;white-space:normal;max-width:200px}.info-pairs .pair .info.small{font-weight:400;font-size:x-small;color:#ccc}.showDetailCards{bottom:0}.hideDetailCards{bottom:-100%}.cardTitle{font-weight:lighter;font-family:Arial;color:#bbb;position:absolute;margin-top:-25px;font-size:small}button{background-color:#777;padding:8px;border-width:0;border-radius:2px;color:#eee;font-weight:400;font-size:small;max-width:200px;word-wrap:normal}button:hover{background-color:#888}button:active{background-color:#999}select{background-color:#777;padding:8px;border-width:0;border-radius:2px;color:#eee;font-weight:400;font-size:small;text-align:center;max-width:200px}select:hover{background-color:#888}select:active{background-color:#999}option:hover{background-color:#888}option:active{background-color:#999}.info-grid .row{display:flex;gap:8px;padding:4px}.info-grid .row.title{background-color:#515151;box-shadow:0 1px 2px rgba(0,0,0,.5)}.info-grid .row.highlight{background-color:#464646}.info-grid .row span{color:#ddd;font-size:x-small;font-weight:lighter;width:max-content;word-wrap:break-word;white-space:normal;max-width:160px;display:inline-flex;align-items:center;min-width:55px}.info-grid .row.title span{font-weight:700;padding:0}.info-grid .row.observation{flex-direction:column;row-gap:2px}.info-grid .row.observation .details{white-space:normal;width:auto;display:inline}.info-grid .row.observation .details .sender{color:#bbb;font-size:x-small;font-weight:lighter;float:left;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-grid .row.observation .details .time{color:#999;font-size:x-small;font-weight:lighter;float:right}.info-grid .row.observation .message{color:#eee;font-size:smaller;font-weight:400;white-space:normal;word-wrap:normal;max-width:320px}.shadow{box-shadow:inset 0 1px 8px rgba(0,0,0,.2)}.status{margin-top:-15px;color:#fff;font-size:12px;text-align:center;margin-bottom:5px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.status-check{margin-top:-19px;margin-right:5px;color:#fff;font-size:8px;text-align:right}.check-authorized{background-color:#35971c}.check-unauthorized{background-color:#ea3026}.check-disallowed{background-color:#eaaf26}.check-authorized.passed{background-color:#32f501}.check-unauthorized.passed{background-color:#ff0d00}.check-noRecognition{background-color:#ccc}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}