style.css

* {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
		sans-serif;
}
.select {
    padding: 10px;
    color: #555;
    border: 1px solid #ccc;
    background: transparent;
    border-radius: 4px;
		width: 100% !important;
}
.sourceSelect_label {
    display: flex;
		flex-direction: column;
    width: 100%;
    align-items: center;
    margin-top: 20px;
}
.sourceSelect_label div {
    flex: 1;
		margin-bottom: 10px;
    width: 100%;
    display: inline-flex;
    align-items: center;
}
.sourceSelect_label .select {
    width: 70%;
}
.sourceSelect_label .iconify-inline {
    margin-right: 6px;
    font-size: 1.2rem;
}
*:focus {
	outline: none !important;
}
body, html, video {
	padding: 0;
	margin: 0;
}
video {
	width: 100vw;
	height: 100vh;
	object-fit: contain;
	background: black/* #87adbd */;
}
.local {
	/* Local video */
	position: fixed;
	z-index: 1000;
	top: 10px;
	right: 10px;
	width: 400px;
	height: 250px;
	border-radius: 4px;
}
.fullscreen.swal2-modal {
	box-shadow: none !important;
}
.colored-toast.swal2-icon-success {
	background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
	background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
	background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
	background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
	background-color: #87adbd !important;
}

.colored-toast .swal2-title {
	color: white;
}

.colored-toast .swal2-close {
	color: white;
}

.colored-toast .swal2-html-container {
	color: white;
}

.hide {
	display: none;
}

.buttons {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.buttons button {
	transition: all .3s ease;
	color: #7367f0;
	cursor: pointer;
	font-size: 3rem;
	border-radius: 10px;
	background: transparent;
	margin: 8px;
	border: none;
	position: relative;
	width: 70px;
	height: 70px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.buttons button::before {  
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0000;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0);
  transition: all .3s cubic-bezier(.95, .32, .37, 1.21);
}
.buttons button:hover {
	color: white;
}
.buttons button:hover::before {  
  transform: scale(1);
	background: #7367f0;
}