/* Optional Twetch Connect button styles. Pair with the browser SDK. */
.twetch-connect-button{--tc-bg:#7655e8;--tc-fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 23px;border:1px solid transparent;border-radius:12px;background:var(--tc-bg);color:var(--tc-fg);font:600 14px/1.3 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer;text-decoration:none;transition:filter .15s,transform .15s;box-sizing:border-box}
.twetch-connect-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.twetch-connect-button:focus-visible{outline:3px solid var(--tc-bg);outline-offset:4px}.twetch-connect-button:disabled{opacity:.55;cursor:wait}
.twetch-connect-button[data-theme=violet]{--tc-bg:#7655e8;--tc-fg:#ffffff}.twetch-connect-button[data-theme=mint]{--tc-bg:#a9f77e;--tc-fg:#182617}.twetch-connect-button[data-theme=blue]{--tc-bg:#245bde;--tc-fg:#ffffff}.twetch-connect-button[data-theme=coral]{--tc-bg:#ff977f;--tc-fg:#33180f}.twetch-connect-button[data-theme=rose]{--tc-bg:#b92e70;--tc-fg:#ffffff}.twetch-connect-button[data-theme=amber]{--tc-bg:#ffd36e;--tc-fg:#322305}.twetch-connect-button[data-theme=white]{--tc-bg:#f5f5fa;--tc-fg:#1b1b29;border-color:#d9d9e5}.twetch-connect-button[data-theme=black]{--tc-bg:#181822;--tc-fg:#ffffff;border-color:#393946}.twetch-connect-button[data-theme=emerald]{--tc-bg:#047857;--tc-fg:#ffffff}.twetch-connect-button[data-theme=forest]{--tc-bg:#14532d;--tc-fg:#ffffff}.twetch-connect-button[data-theme=teal]{--tc-bg:#0f766e;--tc-fg:#ffffff}.twetch-connect-button[data-theme=cyan]{--tc-bg:#22d3ee;--tc-fg:#181822}.twetch-connect-button[data-theme=sky]{--tc-bg:#7dd3fc;--tc-fg:#181822}.twetch-connect-button[data-theme=navy]{--tc-bg:#172554;--tc-fg:#ffffff}.twetch-connect-button[data-theme=indigo]{--tc-bg:#4338ca;--tc-fg:#ffffff}.twetch-connect-button[data-theme=lavender]{--tc-bg:#c4b5fd;--tc-fg:#181822}.twetch-connect-button[data-theme=plum]{--tc-bg:#701a75;--tc-fg:#ffffff}.twetch-connect-button[data-theme=grape]{--tc-bg:#9333ea;--tc-fg:#ffffff}.twetch-connect-button[data-theme=magenta]{--tc-bg:#e879f9;--tc-fg:#181822}.twetch-connect-button[data-theme=pink]{--tc-bg:#f9a8d4;--tc-fg:#181822}.twetch-connect-button[data-theme=blush]{--tc-bg:#fecdd3;--tc-fg:#181822}.twetch-connect-button[data-theme=red]{--tc-bg:#dc2626;--tc-fg:#ffffff}.twetch-connect-button[data-theme=crimson]{--tc-bg:#9f1239;--tc-fg:#ffffff}.twetch-connect-button[data-theme=orange]{--tc-bg:#fb923c;--tc-fg:#181822}.twetch-connect-button[data-theme=peach]{--tc-bg:#fed7aa;--tc-fg:#181822}.twetch-connect-button[data-theme=gold]{--tc-bg:#eab308;--tc-fg:#181822}.twetch-connect-button[data-theme=lemon]{--tc-bg:#fef08a;--tc-fg:#181822}.twetch-connect-button[data-theme=lime]{--tc-bg:#bef264;--tc-fg:#181822}.twetch-connect-button[data-theme=olive]{--tc-bg:#3f6212;--tc-fg:#ffffff}.twetch-connect-button[data-theme=sand]{--tc-bg:#d6c4a5;--tc-fg:#181822}.twetch-connect-button[data-theme=slate]{--tc-bg:#475569;--tc-fg:#ffffff}.twetch-connect-button[data-theme=silver]{--tc-bg:#cbd5e1;--tc-fg:#181822}
@media(prefers-reduced-motion:reduce){.twetch-connect-button{transition:none}}