.demo-visibility{margin:14px 14px 0;padding:13px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px 12px;align-items:center;background:var(--paper,#fff)}
.demo-visibility-copy{min-width:0}.demo-visibility .li-sub{margin-top:3px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.55}.demo-visibility-status{grid-column:2;text-align:center;font-size:12px;color:var(--muted)}
.demo-switch{position:relative;width:48px;height:28px;padding:0;border:0;border-radius:999px;background:#a7aaa8;cursor:pointer;transition:background .16s}.demo-switch span{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform .16s}.demo-switch.is-on{background:var(--felt-700,#002080)}.demo-switch.is-on span{transform:translateX(20px)}.demo-switch:focus-visible{outline:3px solid rgba(179,139,45,.38);outline-offset:2px}.demo-switch:disabled{cursor:wait;opacity:.62}
.demo-visibility-notice,.demo-visibility-error-text{margin-top:5px;font-size:12px;line-height:1.45}.demo-visibility-notice{color:var(--amber-700,#835c00)}.demo-visibility-error-text,.demo-visibility-error{color:var(--red,#a32622)}.demo-visibility-error{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:340px){.demo-visibility{margin-left:10px;margin-right:10px;padding-left:11px;padding-right:11px;grid-template-columns:minmax(0,1fr) 44px}.demo-switch{width:44px}.demo-switch.is-on span{transform:translateX(16px)}}