*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:#000;font-family:Helvetica,sans-serif;font-size:.8em;overflow:hidden}div.dropdown-row,div.slider-row{display:flex;justify-content:space-between}div.container{z-index:2;position:absolute;right:0;top:0}div.panel{display:flex;flex-direction:column;background-color:#0000004d;color:#fff;padding:5px 10px}button{border:none;background:transparent;color:#fff}select{background:transparent;color:#fff;width:90px}img{width:30px;height:30px;filter:invert(100%) sepia(100%) saturate(3%) hue-rotate(250deg) brightness(107%) contrast(100%)}button.svg-button:hover{opacity:1;filter:brightness(0) saturate(100%) invert(100%) sepia(54%) saturate(4186%) hue-rotate(102deg) brightness(99%) contrast(108%)}div.button-container{flex-direction:row;display:flex;justify-content:space-between}div.svg-buttons,div.text-buttons{flex-direction:column;display:flex}#collapse.svg-button{margin-left:auto;margin-top:-5px}#collapse{width:30px;height:30px;margin-bottom:5px;opacity:.5}#collapse:hover{opacity:1}#settings.svg-button{width:30px;height:30px;margin:5px 10px 10px;opacity:.5}#settings.svg-button:hover{opacity:1}#settings{width:30px;height:30px}input{margin-left:10px;margin-right:10px}span.output{width:30px}span.slider-label{margin-right:10px}button:hover{color:#0ff}input.slider{accent-color:aqua;margin-left:auto}hr{border:1px solid aqua;width:100%;margin-top:5px;margin-bottom:5px}div.tutorial-user-interface{z-index:2;display:flex;flex-direction:column;position:absolute;padding-top:30px;padding-left:15px;padding-right:15px;left:0;top:0;color:#fff;background-color:#0006;width:30vw;height:fit-content}div.tutorial-button-container{display:flex;flex-direction:row;justify-content:space-between;padding-top:12.8px;padding-bottom:10px}div.welcome-button-container{z-index:2;display:flex;flex-direction:row;justify-content:space-evenly;background:transparent;position:absolute;width:100vw;top:75vh}button.welcome-button{font-size:2.5em;background-color:#0ff;border-radius:10px;padding:10px;color:#000}button.welcome-button:hover{color:#0ff;background-color:#fff}div.demo-panel{position:absolute;z-index:2;left:0;top:0;background-color:#00000080;color:#fff;padding:10px;width:400px}span.accordian-button-text{flex-direction:row;display:flex;justify-content:space-between}div.accordian-button-label{padding-left:10px}div.accordian-panel{padding-top:10px}div.accordian-element{color:#fff}button.accordian-button{padding-left:0;background-color:#000c;width:100%;margin-bottom:3px}div.inner-accordian{padding:5px 10px 8px 20px}ul{padding-inline-start:0px;padding-block-start:0px;margin-block-start:5px;margin-block-end:0px}li.color-row{display:flex;flex-direction:row;justify-content:space-between}li:not(:last-child){margin-bottom:3px}div.color-map-square{width:20px;height:20px;margin-left:10px}span.right-arrow{margin-left:10px}div.color-container{display:flex}div.invalid-device-container{display:flex;justify-content:center;height:100vh;background-color:#0ff}div.invalid-device-message{width:50vw;background-color:#000;padding:50px;color:#fff;border-radius:30px;margin-top:100px;margin-bottom:auto}a{color:#0ff;text-decoration:none}a:hover{text-decoration:underline}