:host {
																	display: var(
																		--media-control-display,
																		var(
																			--media-loading-indicator-display,
																			inline-block
																		)
																	);
																	vertical-align: middle;
																	box-sizing: border-box;
																	--_loading-indicator-delay: var(
																		--media-loading-indicator-transition-delay,
																		500ms
																	);
																}

																#status {
																	color: rgba(0, 0, 0, 0);
																	width: 0px;
																	height: 0px;
																}

																:host slot[name='icon'] > *,
																:host ::slotted([slot='icon']) {
																	opacity: var(
																		--media-loading-indicator-opacity,
																		0
																	);
																	transition: opacity 0.15s;
																}

																:host([medialoading]:not([mediapaused]))
																	slot[name='icon']
																	> *,
																:host([medialoading]:not([mediapaused]))
																	::slotted([slot='icon']) {
																	opacity: var(
																		--media-loading-indicator-opacity,
																		1
																	);
																	transition: opacity 0.15s
																		var(--_loading-indicator-delay);
																}

																:host #status {
																	visibility: var(
																		--media-loading-indicator-opacity,
																		hidden
																	);
																	transition: visibility 0.15s;
																}

																:host([medialoading]:not([mediapaused]))
																	#status {
																	visibility: var(
																		--media-loading-indicator-opacity,
																		visible
																	);
																	transition: visibility 0.15s
																		var(--_loading-indicator-delay);
																}

																svg,
																img,
																::slotted(svg),
																::slotted(img) {
																	width: var(
																		--media-loading-indicator-icon-width
																	);
																	height: var(
																		--media-loading-indicator-icon-height,
																		100px
																	);
																	fill: var(
																		--media-icon-color,
																		var(--media-primary-color, rgb(238 238 238))
																	);
																	vertical-align: middle;
																}