.logo.leptos:hover{filter:drop-shadow(0 0 2em #a82e20)}body{overscroll-behavior:none;align-items:center;width:100%;margin:0;padding:0}.main-container{grid-template-rows:auto auto 1fr;height:100vh;display:grid}.thaw-config-provider{grid-column:2/3;width:100%}.light-flex-box{flex-wrap:wrap;display:flex}.light-flex-box>*{margin:5px}html{overscroll-behavior:none;--main-bg-color:#6b6b6b;width:100%}.red{color:red}.green{color:green}:root{color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#f6f6f6;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px}.nav{text-align:center;z-index:1000;background-color:#d3d3d3;width:100%;padding:10px;position:fixed}progress{width:100%;height:1.5em}.routing-progress{width:100%;margin-top:35px;position:absolute}.nav .logo{font-size:24px;font-weight:700}.nav .nav-links{margin:0;padding:0;list-style:none}.nav .nav-links li{margin-right:10px;display:inline-block}.nav .nav-links a{color:#000;font-weight:700;text-decoration:none}[aria-current]:not([aria-current=false]){color:#d0cccc;background-color:#1c1c1c;border-color:#396cd8;border-radius:.6rem;font-weight:700}.timers{text-align:center;background-color:#1c1c1c;align-items:center;width:100%;margin-top:45px;padding:5px;display:grid;position:fixed}.timers-main-container{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));place-items:center;height:100%;display:grid}.timers-button-container{margin:5px;display:grid}.timers-container{background-color:#7f7c7c;border-radius:10px;grid-template-columns:1fr 1fr 1fr;align-items:center;margin:15px;padding:4px;display:grid}.timers-button-container>*{margin:4px}.timer-display{box-sizing:border-box;background-color:#b5b5b5;border-radius:10px;flex:1;grid-column:2/4;justify-content:center;align-items:center;width:100%;min-width:70px;height:100%;display:flex}.timer-display p{width:100%;max-width:100%;margin:0;font-size:3vw}.LightDisplayContainer{box-shadow:#0f0f0f;background-color:#8f8f8f;border-radius:8px;flex-direction:row;align-items:center;margin-top:1em;padding:5px;display:flex;overflow-y:scroll}.puzzle-display-box{overflow:overlay;scrollbar-width:none;background-color:#8f8f8f;border-radius:15px;flex-flow:wrap;align-items:center;margin-top:5px;margin-left:5px;margin-right:5px;display:flex;box-shadow:0 0 10px rgba(0,0,0,.1)}.puzzle-display-box .title-bar{background-color:#575757;border-top-left-radius:15px;border-top-right-radius:15px;width:100%;font-size:.65em}.content-box::-webkit-scrollbar{width:0;height:0;display:none}.puzzle-display-box::-webkit-scrollbar{width:0;height:0;display:none}.puzzle-display-box .content-box{justify-content:center;align-items:center;width:100%;padding:8px;font-size:.95em;list-style-type:none}.puzzle-display-box .data-table{background-color:#575757;border:5px;font-size:.75em;list-style-type:none}.puzzle-display-box .button-container{flex-wrap:nowrap;justify-content:center;align-items:center;margin:5px;font-size:.95em;display:flex}.puzzle-display-button-box{box-shadow:#0f0f0f;background-color:#8f8f8f;border-radius:.4rem;flex-flow:wrap;align-items:center;margin-left:5px;margin-right:5px;padding-top:1.5vh;display:flex}.puzzle-display-button-box button{margin:10px}.light-container{border:1px solid #ccc;grid-template-columns:repeat(2,1fr);gap:10px;width:170px;height:250px;margin:20px;padding:10px;display:grid}.light{background-color:#ddd;border-radius:50%;width:70px;height:30px;margin:5px}.DisplayMainContainer{overscroll-behavior-y:contain;border:2px;grid-column:2/3;justify-content:center;padding:15px;display:grid}.OverViewPageMainContainer{grid-column:2/3;grid-template-columns:1fr 1fr 1fr 1fr;width:100%;display:grid}.nav a.menu-button{display:none}.nav a,.nav A{color:#1c1c1c;margin:1.5px;padding:1vh 15px}.container{align-items:center;width:100%;max-width:100%;margin-top:35px;padding-top:8px}@media (max-width:768px){.container{grid-template-columns:1fr}}.logo{will-change:filter;height:6em;padding:1.5em;transition:all .75s}.logo.tauri:hover{filter:drop-shadow(0 0 2em #24c8db)}.row{justify-content:center;display:flex}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}h1{text-align:center}input,button{color:#0f0f0f;background-color:#fff;border:1px solid transparent;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s;box-shadow:0 2px 2px rgba(0,0,0,.2)}.control-panel button{size:10%;border:1px solid transparent;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s;box-shadow:0 2px 2px rgba(0,0,0,.2)}button{cursor:pointer;border:none;border-radius:4px;margin:3px;font-family:Arial,sans-serif;transition:background-color .3s,box-shadow .3s}button:hover{background-color:#0053ba;box-shadow:0 4px 8px rgba(0,0,0,.2)}button.small{padding:5px 10px;font-size:12px}button.medium{padding:10px 20px;font-size:16px}button.large{padding:15px 30px;font-size:20px}button.primary{color:#fff;background-color:#007bff}button.secondary{color:#fff;background-color:#6c757d}button.success{color:#fff;background-color:#28a745}input,button{outline:none}#greet-input{margin-right:5px}.slider-container{display:absolute;text-align:center;align-items:center;width:80%;margin-top:10px}input[type=range]{width:80%;margin:5px 0}p{margin-top:10px}@media (prefers-color-scheme:dark){:root{color:#f6f6f6;background-color:#2f2f2f}a:hover{color:#24c8db}input,button{color:#fff;background-color:rgba(15,15,15,.596)}button:active{background-color:rgba(15,15,15,.41)}}#statusButton{cursor:pointer;justify-content:space-between;align-items:center;width:100px;height:30px;padding:5px;display:flex}.closed{background-color:red}.connecting{background-color:#ff0}.open{background-color:green}.LightButtonDisplayCase{flex-flow:wrap;display:flex}@media screen and (max-width:768px){.nav{flex-direction:column;align-items:flex-start}.nav.active{height:auto}.nav a,.nav A{text-align:left;width:100%}.menu-button{cursor:pointer;text-align:center;color:#1c1c1c;background-color:#fff;border:2px solid #3498db;border-radius:5px;margin:1.5px;padding:10px 20px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s,transform .3s;display:block}.menu-button:hover{color:#fff;background-color:#3498db;transform:scale(1.1)}.menu-button:focus{box-shadow:0 0 10px rgba(52,152,219,.7)}.menu-button:active{transform:scale(.9)}.nav.active a{display:block}.menu-button.active{color:#fff;background-color:#3498db;transform:scale(1)}}.modal{z-index:100;width:420px;max-width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.inner{border:1px solid var(--theme-popup-border);background-color:gray;border-radius:8px;padding:.4em 2em;box-shadow:2px 2px 10px rgba(10,10,10,.1)}.inner .span{padding:10px}.cli_apoc_button{background-color:gray;border-radius:5px;margin:5px;padding:5px;display:block}.dropdown-inner{z-index:10;border:1px solid var(--theme-popup-border);background-color:gray;border-radius:5px;padding:.5em;position:absolute;left:0;box-shadow:2px 2px 5px rgba(10,10,10,.1)}.heading{margin-bottom:2rem;font-size:1.4rem;font-weight:700}.modal>.inner>.button{margin:0;font-weight:700;position:absolute;top:0;right:0}.LightDisplayContainer .button{align-self:flex-start;margin:0;font-weight:700;top:0;right:0}.slider-container>.span{white-space:nowrap}.table-container{max-height:400px;overflow:auto}.bench-instrument-grid{grid-template-columns:repeat(4,auto);gap:8px;display:grid}.bench-instrument-display{background:linear-gradient(145deg,#b87333,#a05125);border:2px solid #8e5a35;border-radius:6px;flex-direction:row;justify-content:center;align-items:center;gap:10px;height:80px;padding:8px;display:flex;box-shadow:inset 0 1px 2px rgba(255,255,255,.3),inset 0 -1px 2px rgba(0,0,0,.3),0 4px 6px rgba(0,0,0,.2)}.lights-container{flex-direction:column;align-items:center;gap:8px;display:flex}.light{background-color:#000;border:1px solid #ccc;border-radius:50%;width:20px;height:20px}.button-container{justify-content:flex-start;display:flex}.action-button{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;transition:background-color .3s}.action-button:hover{background-color:#a60000}table{border-collapse:collapse;table-layout:fixed;background-color:#2b2b2b;border-radius:8px;margin-top:20px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}tr{max-width:170px}th,td{text-align:left;border-bottom:1px solid #3a3a3a;max-width:140px;padding:3px}th{color:#fff;z-index:1;background-color:#383838;position:sticky;top:0}.inline_button{display:inline-block;position:relative}.switch{vertical-align:middle;align-items:center;width:30px;height:14px;margin-top:auto;margin-bottom:auto;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:13px;height:13px;transition:all .4s;position:absolute;bottom:1px;left:1px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(15px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.control-panel{background-color:gray;border-radius:10px;width:auto;padding:15px}.control-row{background-color:#4f4f4f;border-radius:4px;justify-content:right;align-items:center;margin-bottom:10px;padding:4px;display:flex}.control-row label{justify-content:space-between;align-items:center;display:flex}.control-span{flex-grow:1;margin-right:10px}.button-display{display:flex}.button-display button{margin:5px;padding:5px}.rgb-timeline-frame{text-align:center;box-shadow:#0f0f0f;background-color:#8f8f8f;border-radius:8px;align-items:center;margin-top:1em;padding:5px;overflow-y:scroll}.rgb-frame-row{flex-direction:row;justify-content:center;align-items:center;margin:5px;padding:3px;display:flex}.rgb-frame-row div{padding-left:15px;padding-right:15px}.rgb-timer{align-items:right;justify-content:right}.rgb-frame-row label{padding-right:15px}.letter-frame{flex-direction:row;justify-content:center;align-items:center;margin:5px 5px 5px 20px;padding:3px;display:flex}.rgb-header{width:100%;display:flex}.letter-frame label{align-items:center;padding-right:5px;font-size:32px}.animation-box{border:1px solid #ccc;border-radius:5px;flex-direction:row;justify-content:space-between;width:1200px;margin:15px;display:flex;overflow-x:scroll}.timeline-visualiser-main-box{justify-self:center;max-width:100%}.animation-display-box{padding:5px}.animation-display-box span{width:100px;padding:4px}.animation_frame_display{white-space:nowrap;border:1px solid #ccc;border-radius:5px;flex:0 0 300px;align-items:center;width:300px;max-height:500px;margin:15px;padding:15px;display:inline-block}.animation_timer_icon{justify-content:right;justify-self:right;align-self:right}.log-list-animations{overflow-y:scroll}ul.log-list-animations{border:1px solid #ccc;border-radius:5px;max-height:200px;padding:0;list-style-type:none;animation:.5s forwards scrollAnimation;overflow-y:scroll}ul.log-list{border:1px solid #ccc;border-radius:5px;min-height:200px;max-height:200px;padding:0;list-style-type:none;animation:3.5s forwards scrollAnimation;overflow-y:auto}@keyframes scrollAnimation{0%{scroll-behavior:auto}to{scroll-behavior:smooth}}ul.rgb-timeline{border:1px solid #ccc;border-radius:5px;max-height:80%;padding:0;list-style-type:none;animation:.5s forwards scrollAnimation;overflow-y:auto}ul.rgb-timeline li{border-bottom:1px solid #ccc;padding:10px}ul.rgb-timeline .timestamp{color:#999}ul.log-list li{border-bottom:1px solid #ccc;padding:10px}ul.log-list .timestamp{color:#999}