: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))
																	);
																	display: var(
																		--media-dialog-display,
																		inline-flex
																	);
																	justify-content: center;
																	align-items: center;

																	transition-behavior: allow-discrete;
																	visibility: hidden;
																	opacity: 0;
																	transform: translateY(2px) scale(0.99);
																	pointer-events: none;
																}

																:host([open]) {
																	transition:
																		display 0.2s,
																		visibility 0s,
																		opacity 0.2s ease-out,
																		transform 0.15s ease-out;
																	visibility: visible;
																	opacity: 1;
																	transform: translateY(0) scale(1);
																	pointer-events: auto;
																}

																#content {
																	display: flex;
																	position: relative;
																	box-sizing: border-box;
																	width: min(320px, 100%);
																	word-wrap: break-word;
																	max-height: 100%;
																	overflow: auto;
																	text-align: center;
																	line-height: 1.4;
																}