:host {
																				font: var(
																					--media-font,
																					var(--media-font-weight, normal)
																						var(--media-font-size, 14px) /
																						var(
																							--media-text-content-height,
																							var(--media-control-height, 24px)
																						)
																						var(
																							--media-font-family,
																							helvetica neue,
																							segoe ui,
																							roboto,
																							arial,
																							sans-serif
																						)
																				);
																				color: var(
																					--media-text-color,
																					var(
																						--media-primary-color,
																						rgb(238 238 238)
																					)
																				);
																				background: var(
																					--media-text-background,
																					var(
																						--media-control-background,
																						var(
																							--media-secondary-color,
																							rgb(20 20 30 / 0.7)
																						)
																					)
																				);
																				padding: var(
																					--media-control-padding,
																					10px
																				);
																				display: inline-flex;
																				justify-content: center;
																				align-items: center;
																				vertical-align: middle;
																				box-sizing: border-box;
																				text-align: center;
																				pointer-events: auto;
																			}

																			:host(:focus-visible) {
																				box-shadow: inset 0 0 0 2px
																					rgb(27 127 204 / 0.9);
																				outline: 0;
																			}

																			:host(:where(:focus)) {
																				box-shadow: none;
																				outline: 0;
																			}