.socket-toggle{z-index:4;-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);color:#ffffffd9;background-color:#16161c8c;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:2px;padding:4px;transition:border-color .2s,bottom .35s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;bottom:3%;left:3%;box-shadow:0 12px 24px #00000047,0 2px 6px #00000029}.device[data-os=pc] .socket-toggle{bottom:calc(var(--pc-taskbar-h) + 3%)}.socket-toggle:hover{border-color:#ffffff29}.socket-toggle-main,.socket-toggle-chat{border-radius:999px;align-items:center;height:30px;transition:background .15s,color .15s;display:flex}.socket-toggle-main{gap:8px;padding:0 8px 0 9px}.socket-toggle-main:hover,.socket-toggle-chat:hover{background:#ffffff0f}.socket-toggle-icon{justify-content:center;align-items:center;display:flex}.socket-toggle-icon-svg{filter:grayscale()brightness(.75);opacity:.55;border-radius:4px;width:16px;height:16px;transition:filter .2s,opacity .2s}.socket-toggle[data-enabled=true] .socket-toggle-icon-svg{filter:none;opacity:1}.socket-toggle-label{white-space:nowrap;align-items:baseline;gap:6px;font-size:11px;font-weight:600;display:flex}.socket-toggle-detail{color:#fff6;font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.socket-toggle-detail[data-status=live]{color:#30d158}.socket-toggle-detail[data-status=error]{color:#ff9f0a}.socket-toggle-switch{background:#ffffff29;border-radius:999px;flex-shrink:0;width:26px;height:15px;transition:background .2s;position:relative}.socket-toggle[data-enabled=true] .socket-toggle-switch{background:#a855f7}.socket-toggle-switch-knob{background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .2s cubic-bezier(.22,.61,.36,1);position:absolute;top:2px;left:2px}.socket-toggle[data-enabled=true] .socket-toggle-switch-knob{transform:translate(11px)}.socket-toggle-chat{color:#ffffffb3;gap:6px;margin-left:5px;padding:0 7px 0 10px;font-size:11px;font-weight:600;animation:.25s cubic-bezier(.22,.61,.36,1) socket-toggle-chat-in;position:relative}.socket-toggle-chat:before{content:"";background:#ffffff1a;width:1px;position:absolute;top:8px;bottom:8px;left:-4px}.socket-toggle-chat kbd{color:#ffffff8c;background:#ffffff14;border-radius:4px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:grid}.socket-toggle-chat[data-active=true]{color:#fff;background:#a855f747}@keyframes socket-toggle-chat-in{0%{opacity:0;transform:translate(-4px)}}.socket-live-layer{z-index:20;border-radius:inherit}@media (max-width:640px){.socket-toggle-label,.socket-toggle-chat-label,.socket-toggle-chat kbd{display:none}.socket-toggle-main{padding:0 6px}}.socket-toggle-identity{margin-left:5px;animation:.25s cubic-bezier(.22,.61,.36,1) socket-toggle-chat-in;position:relative}.socket-toggle-identity:before{content:"";background:#ffffff1a;width:1px;position:absolute;top:8px;bottom:8px;left:-4px}.socket-toggle-identity .live-id-chip{background:0 0;height:30px}.socket-toggle-identity .live-id-chip:hover,.socket-toggle-identity .live-id-chip[aria-expanded=true]{background:#ffffff0f}.socket-toggle-identity .live-id-panel{transform-origin:0 100%;left:-4px;right:auto}@media (max-width:640px){.socket-toggle-identity .live-id-label,.socket-toggle-identity .live-id-caret{display:none}}