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