/* The "Include public" switch (#998, components/public-switch.html): the same interrupter wherever it stands. */
.public-switch-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.public-switch { display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 8px 14px 8px 8px; border: 2px solid var(--ink-border); border-radius: 999px; background: var(--white); box-shadow: 3px 3px 0 var(--ink-shadow); color: var(--text-dark); font: inherit; font-size: .85rem; font-weight: 800; cursor: pointer; transform: none; }
.public-switch:hover { background: var(--muted-gray); box-shadow: 3px 3px 0 var(--ink-shadow); transform: none; }
.public-switch:disabled { opacity: .6; cursor: progress; }
.public-switch:focus-visible { outline: 3px solid #7c3aed; outline-offset: 2px; }
.public-switch-track { position: relative; width: 36px; height: 20px; border: 2px solid var(--ink-border); border-radius: 999px; background: var(--muted-gray); transition: background .15s; }
.public-switch-track::after { content: ''; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #25252d; transition: transform .15s; }
.public-switch[aria-checked="true"] .public-switch-track { background: #8854d0; }
.public-switch[aria-checked="true"] .public-switch-track::after { transform: translateX(16px); background: var(--white); }
.public-switch-hint, .public-switch-status { margin: 0; color: var(--text-muted); font-size: .85rem; font-weight: 700; }
.public-switch-status:empty { display: none; }