@use '../mixins';

#app-mount {
	.wrapper_cb9592 {
		background: var(--bg-main);
		border-bottom: 1px solid var(--border-mid);
		&.minimum_cb9592 {
			height: 300px;
		}
	}
	.voiceCallWrapper_a21736 {
		padding-bottom: 0;
		gap: 12px;
	}
	.participant_c8dbe9 {
		margin: 0;
	}

	.wrapper__1405b {
		gap: 8px;
		.button__201d5 {
			@include mixins.btn;
			@include mixins.btnSecondary;
			height: 32px;
			width: 44px;
			svg {
				width: 18px;
				height: 18px;
			}
		}
		button.red_f1ceac {
			@include mixins.btnDanger;
		}
	}

	div.controlButton__1405b {
		margin: 0;
	}
	button.controlButton__1405b {
		@include mixins.btnSecondary;
	}

	.contextMenuContainer_f1ceac {
		display: flex;
		overflow: hidden;
		foreignObject {
			mask: none;
			width: 42px;
		}
		button {
			@include mixins.btn;
			@include mixins.btnSecondary;
			border-radius: var(--btn-radius) 0 0 var(--btn-radius) !important;
			height: 32px;
			width: 44px;
		}
	}
	.contextMenuNub_f1ceac {
		@include mixins.btn;
		@include mixins.btnSecondary;
		height: 32px;
		padding: 4px;
		width: auto;
		position: static;
		border-radius: 0 var(--btn-radius) var(--btn-radius) 0 !important;
		svg {
			cursor: var(--cursor);
		}
	}

	// Video
	.video_cb9592 .transparent__9293f {
		background: transparent;
		border-bottom: none;
	}
}
