.robot-container.svelte-d8b87l.svelte-d8b87l{height:calc(100dvh - 80px);font-size:2rem;display:flex;flex-direction:column;user-select:none}.robot-container-header-navbar.svelte-d8b87l.svelte-d8b87l{display:grid;grid-template-columns:repeat(5,1fr);padding:10px 5px 5px;justify-content:center;gap:10px;z-index:1}.robot-container-header-navbar.svelte-d8b87l button.svelte-d8b87l{background:var(--navbar-background);border:none;padding:5px;font-size:1.5rem;cursor:pointer;border-radius:10px;box-shadow:0 2px 5px #0000004d}.robot-container-header-navbar.svelte-d8b87l button.svelte-d8b87l:hover{color:#ff0!important;transition:var(--theme-transition-time)}.robot-container-body.svelte-d8b87l.svelte-d8b87l{height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative}.data-saver.svelte-d8b87l.svelte-d8b87l{position:absolute;width:100%;padding:5px}.data-saver.svelte-d8b87l div.svelte-d8b87l{display:grid;grid-template-columns:repeat(5,1fr);justify-content:center;gap:10px}.data-saver.svelte-d8b87l button.svelte-d8b87l{background:var(--navbar-background);border:none;padding:5px;font-size:1.5rem;cursor:pointer;border-radius:10px;box-shadow:0 2px 5px #0000004d;color:var(--text-color)}#video-stream.svelte-d8b87l.svelte-d8b87l{position:absolute;height:100%;width:100%;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.sensors-grid.svelte-d8b87l.svelte-d8b87l{position:relative;width:fit-content;top:0;z-index:10;list-style:none;padding:10px;background:var(--background-color);transition:var(--theme-transition-time);display:grid;grid-template-columns:auto auto auto;gap:1px 8px;font-size:1.6rem;margin:10px;border-radius:15px}.sensor-icon.svelte-d8b87l.svelte-d8b87l{width:15px;height:15px}.robot-container-body-wrapper.svelte-d8b87l.svelte-d8b87l{display:flex;justify-content:space-between;padding:30px 10px;gap:20px}.robot-container-body-wrapper.svelte-d8b87l div.svelte-d8b87l{width:100px;height:100px}.joystick-speed.svelte-d8b87l.svelte-d8b87l{display:grid;grid-template-columns:1fr 1fr;align-content:center;justify-items:center;gap:5px;z-index:10}.joystick-label.svelte-d8b87l.svelte-d8b87l{justify-self:end}.joystick-value.svelte-d8b87l.svelte-d8b87l{justify-self:start}#joystick-container.svelte-d8b87l.svelte-d8b87l{position:relative;border-radius:50%}.diagonal-markings.svelte-d8b87l.svelte-d8b87l{position:absolute;border-radius:50%;z-index:49;background:conic-gradient(from 0deg,transparent 0deg,transparent 30deg,var(--text-color) 30deg,var(--text-color) 60deg,transparent 60deg,transparent 120deg,var(--text-color) 120deg,var(--text-color) 150deg,transparent 150deg,transparent 210deg,var(--text-color) 210deg,var(--text-color) 240deg,transparent 240deg,transparent 300deg,var(--text-color) 300deg,var(--text-color) 330deg,transparent 330deg,transparent 360deg);mask:radial-gradient(circle,transparent 40px,var(--text-color) 70%)}#joystick-container.svelte-d8b87l .joystick-axis.svelte-d8b87l{position:absolute;height:fit-content;width:fit-content}.x-axis-pos.svelte-d8b87l.svelte-d8b87l{top:-2px;left:50%;transform:translate(-50%)}.x-axis-neg.svelte-d8b87l.svelte-d8b87l{bottom:-2px;left:50%;transform:translate(-50%)}.z-axis-pos.svelte-d8b87l.svelte-d8b87l{left:3px;top:50%;transform:translateY(-50%)}.z-axis-neg.svelte-d8b87l.svelte-d8b87l{right:3px;top:50%;transform:translateY(-50%)}.joystick-limit.svelte-d8b87l.svelte-d8b87l{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;grid-template-areas:"Limit Limit" "Increase Decrease";gap:5px;align-content:center;justify-items:center;border-radius:10px;text-align:center}.joystick-limit.svelte-d8b87l div.svelte-d8b87l{grid-area:Limit;height:fit-content}.joystick-limit.svelte-d8b87l button.svelte-d8b87l{background:var(--navbar-background);border:none;padding:5px;font-size:1.5rem;cursor:pointer;border-radius:10px;box-shadow:0 2px 5px #0000004d;color:var(--text-color)}.joystick-limit.svelte-d8b87l button.svelte-d8b87l:nth-child(1){grid-area:Increase}.joystick-limit.svelte-d8b87l button.svelte-d8b87l:nth-child(2){grid-area:Decrease}@media (min-width: 1000px){.robot-container-header-navbar.svelte-d8b87l.svelte-d8b87l,.data-saver.svelte-d8b87l div.svelte-d8b87l{grid-template-columns:repeat(5,150px);padding:10px 20px;gap:20px}.data-saver.svelte-d8b87l div.svelte-d8b87l{padding:0 10px}.robot-container-body-wrapper.svelte-d8b87l.svelte-d8b87l{justify-content:space-around}}