:root{
	--info-panel-space:var(--flyout-width)
}
.info-panel-visible .media-viewer-container{
	min-width:calc(768px - var(--flyout-width));
	width:calc(100% - var(--flyout-width))
}
.info-panel-visible .media-viewer button.gallery-btn.next{
	right:var(--info-panel-space);
	transition:none
}
.info-panel-visible .media-viewer .play-pause-video-button{
	left:calc(50% - 195px)
}
.info-panel-visible .media-viewer .play-video-button{
	left:calc(50% - 200px)
}
.info-panel-visible .media-viewer .watch-again-button{
	left:calc(50% - 228px)
}
.info-panel-visible .in-chat .stream-controls,.info-panel-visible .in-chat .stream-head,.info-panel-visible .meetings-call{
	width:calc(100% - var(--flyout-width))
}
.info-panel-block{
	padding:8px 24px
}
.info-panel-block.info-block-margin{
	margin-bottom:16px
}
.info-panel-block .info-mime{
	--icon-size:96px;
	background:var(--mobile-surface-1);
	border-radius:8px;
	padding:32px 87px
}
.info-panel-block .info-mime>i{
	position:relative
}
.info-panel-block .info-image{
	height:160px;
	object-fit:cover;
	object-position:center;
	width:272px
}
.info-panel-block .info-label{
	color:var(--mobile-text-primary);
	font:var(--mobile-font-caption-large-semibold)
}
.info-panel-block .info-label .label-tag-optional{
	color:var(--mobile-text-secondary);
	font:var(--mobile-font-caption-large-regular);
	margin-inline-start:4px
}
.info-panel-block .info-text,.info-panel-block .info-versions{
	word-wrap:break-word;
	color:var(--mobile-text-secondary);
	font:var(--mobile-font-caption-small-regular)
}
.info-panel-block.taken-down .info-text{
	color:var(--secondary-red);
	font:var(--mobile-font-caption-small-semibold)
}
.info-panel-block.taken-down .info-text i{
	margin-inline-end:4px
}
.info-panel-block .info-badge{
	align-items:center;
	display:flex
}
.info-panel-block .info-badge.share-perms{
	color:var(--mobile-text-secondary);
	font:var(--mobile-font-caption-small-regular)
}
.info-panel-block .info-badge.share-perms i{
	margin-inline-end:8px
}
.info-panel-block .info-badge.dc-badge-status span.percs{
	display:flex
}
.info-panel-block .info-badge.dc-badge-status i{
	margin-inline-end:4px
}
.info-panel-block .info-badge.dc-badge-status.attention,.info-panel-block .info-badge.dc-badge-status.error,.info-panel-block .info-badge.dc-badge-status.inactive{
	color:var(--mobile-text-error)
}
.info-panel-block .info-badge.dc-badge-status.success{
	color:var(--mobile-text-success)
}
.info-panel-block .info-badge.dc-badge-status.updating{
	color:var(--mobile-text-info)
}
.info-panel-block .info-badge.dc-badge-status.warning{
	color:var(--mobile-text-warning)
}
.info-panel-block .info-badge.dc-badge-status i.tip-icon{
	--mask-color:var(--mobile-icon-secondary)
}
.info-panel-block .info-badge.dc-badge-status i.tip-icon:hover{
	--mask-color:var(--mobile-icon-primary)
}
.info-panel-block .info-users{
	color:var(--mobile-text-secondary);
	display:flex;
	font:var(--mobile-font-caption-small-regular)
}
.info-panel-block .info-users .info-user-name{
	line-height:16px;
	margin-inline-start:8px
}
.info-panel-block .mega-node.user.info-users .users-count span{
	color:var(--mobile-text-secondary)
}
.info-panel-block .info-users.overlap .avatar:not(.users-count){
	max-width:calc(var(--avatar-size) - 4px);
	overflow:visible
}
.info-panel-block .info-path{
	display:flex;
	flex-wrap:wrap
}
.info-panel-block .info-path a,.info-panel-block .info-versions button{
	border:none;
	cursor:pointer;
	height:auto;
	line-height:16px;
	max-width:100%;
	padding:0;
	text-decoration:none
}
.info-panel-block .info-path a .text-box-wrapper{
	max-width:100%
}
.info-panel-block .info-path a span.primary-text,.info-panel-block .info-versions button span.primary-text{
	word-wrap:break-word;
	color:var(--mobile-link-primary);
	font:var(--mobile-font-caption-small-regular)
}
.info-panel-block .info-path i{
	margin:0 4px
}
.info-panel-block .info-takedown{
	background:var(--surface-light-red);
	border:1px solid var(--secondary-red);
	border-radius:5px;
	color:var(--secondary-red);
	padding:5px;
	text-align:center
}
.info-panel-block .mega-component.text-area-scroll textarea,.info-panel-block .mega-component.text-area-scroll textarea::placeholder{
	font:var(--mobile-font-caption-large-regular)
}
.info-panel-block .info-input-subtext{
	text-align:end;
	width:100%
}
.info-panel-block .info-input-subtext.read-only{
	text-align:start
}
.info-panel-block .pm.mega-input.tags-input{
	height:36px;
	padding:0 4px
}
.info-panel-block .pm.mega-input.tags-input input{
	font:var(--mobile-font-caption-large-regular);
	padding:0
}
.info-panel-block .pm.mega-input.tags-input input::placeholder{
	font:var(--mobile-font-caption-large-regular)
}
.info-panel-block .error-wrap{
	align-items:center;
	color:var(--mobile-text-error);
	display:flex;
	justify-content:flex-start
}
.info-panel-block .error-wrap i{
	margin-inline-end:8px
}
.info-panel-block .info-tags-holder{
	display:flex;
	flex-wrap:wrap
}
.info-panel-block .info-tag{
	align-items:center;
	background:var(--mobile-surface-2);
	border-radius:16px;
	box-sizing:border-box;
	color:var(--mobile-text-primary);
	display:flex;
	font:var(--mobile-font-caption-large-regular);
	margin-inline-end:8px;
	margin-top:8px;
	max-width:100%;
	padding:4px 12px
}
.info-panel-block .info-tag span{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.info-panel-block .info-tag i{
	cursor:pointer;
	margin-inline-start:8px
}
.mega-component.menu-container.overlay-wrap.info-tags-menu{
	min-width:270px;
	padding:0
}
.info-tags-menu .info-tag-prompt{
	font:var(--mobile-font-caption-large-regular);
	padding:0 24px
}
.info-tags-menu .info-tags-dropdown-button{
	margin-inline:16px;
	height:58px;
	justify-content:flex-start;
	padding:20px 8px;
	width:calc(100% - 32px)
}
.info-tags-menu .info-tags-dropdown-button:hover{
	background:var(--mobile-surface-1)
}
.info-tags-menu .info-tags-dropdown button:first-of-type{
	margin-top:8px
}
.info-tags-menu .info-tags-dropdown button:last-of-type{
	margin-bottom:8px
}
.info-tags-menu .info-tags-dropdown hr{
	background-color:var(--mobile-border-strong);
	margin:0
}
.info-tags-menu.menu-container .nav-elem.button .text-box-wrapper{
	overflow:hidden
}
.info-tags-menu.menu-container .nav-elem.button span.primary-text{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
