.x1-countme{gap:var(--space-3);max-width:calc(68ch + 2 * var(--space-5));margin-block:var(--space-7) var(--space-8);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-2);background:var(--color-raised);display:grid}.x1-countme h2{font-size:var(--text-xl);margin:0;line-height:1.25}.x1-countme p{overflow-wrap:break-word;max-width:68ch;margin:0}.x1-countme__status:empty{display:none}.x1-countme__status{gap:var(--space-2);justify-items:start;display:grid}.x1-countme__label{border-radius:var(--radius-1);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold);padding:.1rem .5rem;line-height:1.5}.x1-countme__status[data-signal=on] .x1-countme__label{background:var(--color-success-bg);color:var(--color-success)}.x1-countme__how{color:var(--color-text-muted);font-size:var(--text-sm)}@media (min-width:64rem){.x1-countme{margin-left:calc(16rem + var(--space-8))}}.x1-countme__optout{gap:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border);display:grid}.x1-countme__switch{align-items:center;gap:var(--space-3);cursor:pointer;min-height:44px;font-weight:var(--weight-bold);display:inline-flex}.x1-countme__switch input[type=checkbox]{appearance:none;border:var(--border-width) solid var(--color-border);background:var(--color-surface);width:2.75rem;height:1.5rem;min-height:0;cursor:inherit;transition:background-color .18s var(--ease-out-expo), border-color .18s var(--ease-out-expo);border-radius:999px;flex-shrink:0;margin:0;padding:0;position:relative}.x1-countme__switch input[type=checkbox]:after{content:"";background:var(--color-bg);width:1.0625rem;height:1.0625rem;transition:transform .2s var(--ease-out-expo);border-radius:50%;position:absolute;top:50%;left:.1875rem;transform:translateY(-50%);box-shadow:0 1px 2px #1c262040}.x1-countme__switch input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.x1-countme__switch input[type=checkbox]:checked:after{transform:translate(1.1875rem,-50%)}.x1-countme__switch input[type=checkbox]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.x1-countme__switch input[type=checkbox]:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){.x1-countme__switch input[type=checkbox],.x1-countme__switch input[type=checkbox]:after{transition:none}}