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