.arcade-dot{display:inline-block;flex:none;border-radius:999px;border:2px solid transparent;background:transparent;transition:background .12s,border-color .12s,box-shadow .12s}.arcade-dot--sm{width:9px;height:9px}.arcade-dot--md{width:12px;height:12px}.arcade-dot--on{background:var(--cool);border-color:var(--cool);box-shadow:0 0 0 3px var(--ok-tint)}.arcade-dot--off{background:var(--err);border-color:var(--err);box-shadow:0 0 0 3px var(--err-tint)}.arcade-dot--pending{background:var(--sun);border-color:var(--sun);box-shadow:0 0 0 3px var(--sun-tint)}.arcade-dot--unavailable{background:var(--ink-3);border-color:var(--ink-3);opacity:.45}.arcade-dot__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}