.device-control-status{max-width:100%;font-size:var(--fitron-font-size-caption);align-items:center;gap:6px;font-weight:600;line-height:1.2;display:inline-flex}.device-control-status__dot{will-change:transform, opacity;background:currentColor;border-radius:9999px;flex-shrink:0;width:6px;height:6px;animation:1.8s ease-in-out infinite device-control-status-dot-breathe;display:inline-flex;position:relative;transform:translateZ(0)scale(1);box-shadow:0 0 8px}.device-control-power-button{isolation:isolate;border:1px solid var(--border);width:34px;height:34px;color:color-mix(in oklab, var(--muted-foreground) 72%, transparent);background:var(--muted);box-shadow:none;will-change:transform;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1),background-color .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:visible;transform:translateZ(0)scale(1)}.device-control-power-button:before,.device-control-power-button:after{pointer-events:none;content:"";border-radius:inherit;position:absolute}.device-control-power-button:before{z-index:-1;opacity:0;background:radial-gradient(circle, color-mix(in oklab, var(--success) 22%, transparent) 0%, color-mix(in oklab, var(--success) 12%, transparent) 42%, transparent 72%);inset:-5px;transform:scale(.86)}.device-control-power-button:after{opacity:0;border:1.5px solid #0000;inset:-2px;transform:rotate(0)}.device-control-power-button:hover:not(:disabled){border-color:var(--border);color:var(--foreground);box-shadow:0 4px 12px var(--surface-shadow);transform:translateZ(0)scale(1.06)}.device-control-power-button:active:not(:disabled){transition-duration:.12s;transform:translateZ(0)scale(.96)}.device-control-power-button:disabled{cursor:not-allowed;opacity:.55}.device-control-power-button[data-state=on]{color:var(--success);background:color-mix(in oklab, var(--success) 11%, var(--card));border-color:color-mix(in oklab, var(--success) 25%, transparent);box-shadow:0 0 0 3px color-mix(in oklab, var(--success) 5%, transparent), 0 8px 18px color-mix(in oklab, var(--success) 10%, transparent)}.device-control-power-button[data-state=on]:hover:not(:disabled){background:color-mix(in oklab, var(--success) 15%, var(--card));box-shadow:0 0 0 5px color-mix(in oklab, var(--success) 8%, transparent), 0 10px 22px color-mix(in oklab, var(--success) 14%, transparent)}.device-control-power-button[data-state=on]:before{opacity:1;animation:2.4s ease-in-out infinite device-control-breathe}.device-control-power-button[data-loading=true]:after{opacity:1;border-top-color:currentColor;border-right-color:color-mix(in oklab, currentColor 38%, transparent);animation:.8s linear infinite device-control-ring-spin}.device-control-power-button__icon{z-index:1;opacity:.68;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;transform:scale(.96)}.device-control-power-button[data-state=on] .device-control-power-button__icon{opacity:1;transform:scale(1.08)}.device-control-power-button[data-loading=true] .device-control-power-button__icon{animation:1s ease-in-out infinite device-control-icon-breathe}@keyframes device-control-breathe{0%,to{opacity:.32;transform:scale(.88)}50%{opacity:.72;transform:scale(1.18)}}@keyframes device-control-ring-spin{to{transform:rotate(360deg)}}@keyframes device-control-icon-breathe{0%,to{transform:scale(.96)}50%{transform:scale(1.12)}}@keyframes device-control-status-dot-breathe{0%,to{opacity:.62;transform:translateZ(0)scale(.9)}50%{opacity:1;transform:translateZ(0)scale(1.22)}}@media (prefers-reduced-motion:reduce){.device-control-power-button,.device-control-power-button__icon{transition-duration:1ms}.device-control-power-button:before,.device-control-power-button:after,.device-control-status__dot,.device-control-power-button[data-loading=true] .device-control-power-button__icon{animation:none}}