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

.main-container {
	height: 100%;
}

.remote-participant {
	height: -webkit-fill-available;
	height: -moz-available;
}

.container {
	height: 100%;
}

.withFooter {
	height: calc(100% - var(--ov-footer-height, 250px)) !important;
}

.withMargin {
	margin: 0px 5px;
	max-height: calc(100% - 5px) !important;
	height: calc(100% - 5px) !important;
}

.layout {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	min-width: 350px !important;
	min-height: 100%;
	width: inherit;
	height: -webkit-fill-available;
	height: -moz-available;
	overflow: none;
}

.OV_root,
.OV_root * {
	color: #ffffff;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

.OV_publisher,
.OV_subscriber {
	position: relative;
	min-width: 0px;
	min-height: 0px;
	padding: 1px;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}

.OV_publisher .OV_video-element,
.OV_subscriber .OV_video-element {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.OV_ignored {
	display: none;
	width: 0px !important;
	height: 0px !important;
}

.OV_minimized {
	width: 230px !important;
	height: 130px !important;
	// position: absolute !important;
	bottom: 0 !important;
	right: 0 !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 999 !important;
	cursor: move;
}

.OV_top-bar {
	box-sizing: border-box;
	// padding: 4px 4px 2px 4px !important;
}

.main-share-meeting-link-container {
	background-color: var(--ov-surface-color); // Use ov-components variable
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--ov-meet-radius-md);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 1;

	.main-share-meeting-link {
		pointer-events: all;
		max-width: 100%;
	}
}

.fade-in-delayed-more {
	animation: fadeIn 0.5s ease-in 0.9s both;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
