@use '../../../../../../../../src/assets/styles/design-tokens';

.participant-item-container {
	width: 100%;
	align-items: center;

	::ng-deep .participant-container {
		padding: 2px 10px !important;
	}

	.moderator-badge {
		color: var(--ov-meet-color-warning);

		mat-icon {
			vertical-align: bottom;
		}
	}
}

.force-disconnect-btn,
.remove-moderator-btn {
	color: var(--ov-meet-color-error);
}

.make-moderator-btn {
	color: var(--ov-meet-color-warning);
}
