* {
	padding: 0;
	margin: 0;
	}


body {
	height: 100dvh;

	display: grid;

	grid-template-rows: auto 1fr auto;

	font: normal 16px arial;
	}

html.has-host .hide-when-has-host {display: none;}

html:not(.mic-is-on) .hide-when-mic-is-off {display: none;}
html:not(.cam-is-on) .hide-when-cam-is-off {display: none;}

html:not(.selected-media) .hide-when-not-selected-media {display: none !important;}

html.selected-media .hide-when-selected-media {display: none !important;}

html.is-peering .hide-when-peering {display: none !important;}


@keyframes rotate {
	0% {
		transform: rotate(0deg)
	  }
	100% {
		transform: rotate(360deg)
		}
	}