: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;
															}