@font-face{src:url(/fonts/uafsans-bold.woff);font-family:UAF Sans;font-display:auto;font-weight:700;font-style:normal}@font-face{src:url(/fonts/uafsans-regular.woff);font-family:UAF Sans;font-display:auto;font-weight:400;font-style:normal}:root{font-family:UAF Sans,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fffc;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:1.8em;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;color:#ffffffde;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ffb400;box-shadow:2px 2px 8px #ffffff26,-2px -2px 8px #303240b3}button:active,button.active{background-color:#2c2b2b;border-color:#ffb400}button.active-new{background-color:#ffb400;border-color:#ffb400;color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input[type=number]{padding:8px 12px 10px;border:1px solid rgba(0,0,0,.5);background:#00000040;color:#fff}.root{display:flex;flex-direction:column;min-height:100vh;width:100%;padding:0 10px}.wrapper{display:flex;flex:1;flex-flow:column}.header{padding:8px;width:100%}.logo{height:3.5em;will-change:filter;transition:filter .3s;display:flex;align-items:center}.logo:hover{filter:drop-shadow(0 0 .5em #FFB400)}.logo.react:hover{filter:drop-shadow(0 0 .5em #fbf161aa)}@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}}.top-bar{display:flex;justify-content:space-between;align-items:center}.device-block{display:flex;flex-direction:column;gap:12px}.buttons-block{display:flex;flex-direction:column;gap:5px}.buttons-row,.control-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.control-signals-row{display:flex;flex-direction:row;gap:5px}.detected-signals{display:flex;flex-direction:row;gap:5px;flex-wrap:wrap}.status-line{color:#888;display:flex;flex-direction:row;gap:5px}.header-line{display:flex;flex-direction:row;gap:5px;color:#fffc;font-size:1.8em;line-height:1.1}.frequency-rows{display:flex;flex-direction:column;gap:5px}.frequency-row{display:flex;flex-direction:row;gap:5px;align-items:center}.add-new-frequency{display:flex;flex-direction:row;gap:5px}.frequency-manager .frequency-field{width:60px}.frequency-manager .step-field{width:50px}.label-input-col{display:flex;flex-direction:column;gap:5px}.label-input-row,.label-checkbox-row{display:flex;flex-direction:row;gap:8px;align-items:center}.generic-form{display:flex;flex-direction:column;gap:12px;align-items:flex-start;border-radius:12px;padding:12px;border-style:solid;border-width:1px;border-color:#ffb400}.label-row{display:flex;flex-direction:row;gap:5px}.player{height:65vh;width:auto}.player .frame{width:100%;height:100%;border:none}.buttons{display:flex;flex-direction:row;gap:5px}.input-row{width:100%;display:flex;flex-direction:row;gap:6px}.input-row .buttons button{width:64px;text-align:center}.input-row .angle-range{width:100%}.slider{width:100%;display:flex;flex-direction:column;justify-content:space-between;margin-left:16px;margin-right:16px}.slider-name{align-self:center}.slider-300{width:13vw;margin-left:15px;margin-right:15px;height:100%}.slider .noUi-tooltip,.slider-300 .noUi-tooltip{display:none}.slider .noUi-handle:hover .noUi-tooltip,.slider-300 .noUi-handle:hover .noUi-tooltip{display:block}.label-slider{display:flex;flex-direction:column;gap:5px;align-items:center;height:85px}.gain-servo{display:flex;flex-direction:row;gap:5px}.gain-servo .device-card{width:100%}.noUi-handle{background-color:#ffb400}.frequency-manager-block{display:flex;flex-direction:column;gap:12px;width:100%}.mini-btn{cursor:pointer}.relay-container{padding:1rem;max-width:800px;margin:auto;font-family:sans-serif;display:flex;flex-direction:column;gap:8px}.add-button{margin-bottom:1rem;padding:8px 12px;font-size:14px;cursor:pointer}.relay-form{margin-bottom:2rem;border:1px solid #ddd;padding:1rem;border-radius:4px;background:#161616}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:700;margin-bottom:4px}.form-group input{width:100%;padding:6px 8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.labels-inputs{display:flex;flex-wrap:wrap;gap:.5rem}.label-input input{width:80px}.form-actions{display:flex;flex-direction:row;gap:.5rem}.error{color:red;font-size:.875rem;margin-top:4px}.cancel{opacity:.9}.relay-table{width:100%;border-collapse:collapse}.relay-table th,.relay-table td{border:1px solid #ccc;padding:8px;text-align:left}.relay-table th{background-color:#161616}.relays{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;max-width:100%;justify-content:center}.relay-card{background:#161616;padding:20px;border-radius:10px;width:100%;max-width:580px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:6px}.relay-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.relay-title-state{display:flex;flex-direction:row;gap:8px;align-items:center}.relay-title{font-size:1.25rem;font-weight:700}.relay-ip{color:#555}.relay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 540px){.relay-grid{grid-template-columns:repeat(2,1fr)}}.relay-grid.off{opacity:.1}.relay-item{display:flex;align-items:center;gap:8px}.relay-indicator{display:inline-block;height:10px;width:10px;border-radius:50%}.relay-indicator.on{background-color:green}.relay-indicator.off{background-color:red}.loading{color:#666;font-size:1.2rem}.error{color:red;font-size:1.2rem}