:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sidebar-item{background-color:#272728;min-height:70px;width:90%;display:flex;flex-direction:column;gap:2px;justify-content:space-evenly;align-items:flex-start;padding:5px 15px}.sidebar-item.highlight-div{border:1px solid white}.sidebar-item .sidebar-item__description,.sidebar-item .sidebar-item__join{font-size:15px}.sidebar-item .sidebar-item__join{overflow-wrap:anywhere}.sidebar-item .sidebar-item__bottom{display:flex;justify-content:space-between;width:100%}.sidebar-item .sidebar-item__bottom .sidebar-item__data-type,.sidebar-item .sidebar-item__bottom .sidebar-item__event-type{font-size:15px}.sidebar-content.closed .sidebar-item{display:none}.button-signal-text{position:absolute;bottom:.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#272728;box-shadow:0 4px 10px #00000080;height:75px;min-width:250px;max-width:500px;margin-left:auto;margin-right:auto;left:0;right:0;z-index:1}.button-signal-text-header{color:#fff;margin-bottom:10px;width:100%;display:flex}.displays-when{color:#fff;width:100%}.button-signal-text.show-header{align-items:flex-start}.button-signal-text.show-header .displays-when{padding-bottom:15px}.tab-button{border-radius:0;width:100%;height:39px;font-weight:700}.tab-button:focus{outline:none}.tab-button.active{color:#7541eb;border-bottom:1px solid rgb(117,65,235)}#root{text-align:center;width:100%;background-color:#8c91a1;height:100vh;overflow:hidden}.App{font-family:sans-serif;text-align:center;display:flex;flex-direction:row;height:100%;width:100%;justify-content:space-between}.App svg{z-index:2}.image-container{width:auto;min-width:60vw;align-items:center;display:flex;flex-direction:column;justify-content:flex-end;z-index:10}.image-container .hover-rect{opacity:.2}.image-container .hover-rect:hover,.image-container .hover-rect.hover-box{opacity:1;stroke:#aaa}.image-container .page-signal-container{margin-top:7vh;margin-bottom:3vh}.hover-box{opacity:1;stroke:#fff}.sidebar-legend{position:relative;overflow:visible;height:100vh;transition:width .5s ease-in-out;background-color:#1c1c1cb0;right:0}.sidebar-legend table{width:100%;background-color:#1c1c1cb0;border-collapse:collapse}.sidebar-legend table thead tr{background-color:#5f5f5f85}.sidebar-legend table tr{border-bottom:1px solid rgba(200,200,200,.25)}.sidebar-legend table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:10px;padding-right:10px;text-align:left}.sidebar-content{background-color:#3f4045;display:flex;flex-direction:column;gap:5px;align-items:flex-end;padding-top:15px;padding-bottom:15px;padding-right:15px;color:#ffffffde}.sidebar-content div{color:#ffffffde}.sidebar-legend.closed{width:0}.sidebar-legend.opened{width:18.7%;overflow-y:auto}.sidebar-toggle{position:fixed;top:50%;right:0;transform:translateY(-50%);width:50px;height:50px;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:right .5s ease-in-out}.sidebar-toggle svg{fill:#fff}.tooltip{background:#c8c8c840;z-index:200;height:55px;z-index:10}.tooltip.serial rect{z-index:inherit;stroke:#000;stroke-width:2}.tooltip.digital rect{z-index:inherit;stroke:#00f;stroke-width:2}.tooltip.analog rect{z-index:inherit;stroke:red;stroke-width:2}.tooltip rect{z-index:inherit;height:inherit}.tooltip text{z-index:inherit;font-size:12px;fill:#000;alignment-baseline:alphabetic;white-space:pre-wrap}.left-sidebar{padding-top:1rem;background-color:#f2f5ff;width:10%}.left-sidebar h3{margin-top:0;color:#000;text-align:center}.left-sidebar .page-buttons{overflow-y:scroll;height:95%}.left-sidebar .page-buttons::-webkit-scrollbar{width:5px}.left-sidebar .page-buttons::-webkit-scrollbar-track{background:#f1f1f1}.left-sidebar .page-buttons::-webkit-scrollbar-thumb{background:#888}.left-sidebar .page-buttons::-webkit-scrollbar-thumb:hover{background:#555}.left-sidebar .page-buttons button:last-child{margin-bottom:1rem}.left-sidebar button{color:#000;width:100%;border-radius:0;border:0px;background-color:#f2f5ff;font-size:.9rem;font-family:Roboto,serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;text-transform:capitalize}.left-sidebar button.active{background-color:#19191940}.password-container{display:flex;height:100%;justify-content:center;align-items:center}.password-container input{height:50px;font-size:1.5rem;text-align:center}