fix(user_status): Remove redundant styling, use global class instead

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

apps/user_status/src/components/OnlineStatusSelect.vue

@@ -23,7 +23,7 @@
 	<div class="user-status-online-select">
 		<input :id="id"
 			:checked="checked"
-			class="user-status-online-select__input"
+			class="hidden-visually user-status-online-select__input"
 			type="radio"
 			name="user-status-online"
 			@change="onChange">
@@ -82,16 +82,6 @@ $icon-size: 24px;
 $label-padding: 8px;
 
 .user-status-online-select {
-	// Inputs are here for keyboard navigation, they are not visually visible
-	&__input {
-		position: absolute;
-		top: auto;
-		left: -10000px;
-		overflow: hidden;
-		width: 1px;
-		height: 1px;
-	}
-
 	&__label {
 		position: relative;
 		display: block;