/* Bundle Includes:
 *   css/share-dialog.css
 *   css/megadrop.css
 *   css/popups.css
 *   css/data-blocks-view.css
 *   css/perfect-scrollbar.css
 *   css/recovery.css
 *   css/settings.css
 *   css/media-print.css
 *   css/animations.css
 *   css/affiliate-program.css
 *   css/backup-center.css
 *   css/top-menu.css
 *   css/context-menu.css
 *   css/tables.css
 *   css/recents.css
 *   css/transfer-widget.css
 *   css/components/fm-left-pane.css
 *   css/chat-bundle.css
 *   css/topbar.css
 */

.mega-dialog.share-dialog{
	border-radius:var(--border-radius);
	height:auto;
	min-height:10px;
	overflow:hidden;
	width:560px
}
.mega-dialog.share-dialog .share-dialog-bottom{
	-webkit-padding-end:0;
	background:var(--surface-grey-1);
	padding-inline-end:0
}
.mega-dialog.share-dialog .share-dialog-top-body{
	padding-bottom:16px;
	position:relative
}
.mega-dialog.share-dialog .share-dialog-bottom-body{
	margin-top:24px;
	position:relative
}
.mega-dialog.share-dialog .share-dialog-permissions-menu{
	transition:opacity .2s
}
.share-dialog-top-body .share-dialog-shared-item{
	display:inline-block;
	height:48px;
	width:100%
}
.ru .share-dialog-top-body .share-dialog-shared-item{
	max-width:65%
}
.share-dialog-top-body .share-dialog-copy-link-wrapper{
	-webkit-padding-end:4px;
	display:none;
	float:right;
	padding-inline-end:4px;
	vertical-align:middle
}
.share-dialog-top-body .share-dialog-copy-link-msg{
	-webkit-padding-end:4px;
	padding-inline-end:4px;
	padding-top:12px;
	text-align:right
}
.share-dialog-top-body .copy-link-icon{
	-webkit-padding-start:8px;
	background-image:url(../images/mega/fm-main-sprite.png?v=7d3634e3f4c954e9);
	background-position:-15px -4824px;
	background-repeat:no-repeat;
	height:16px;
	padding-inline-start:8px;
	width:16px
}
.share-dialog-top-body .copy-link-icon,.share-dialog-top-body .copy-link-txt,.share-dialog-top-body .item-type-icon{
	display:inline-block;
	vertical-align:middle
}
.share-dialog-top-body .item-type-icon{
	-webkit-margin-end:12px;
	margin-inline-end:12px
}
.share-dialog-top-body .share-dialog-folder-info-block{
	display:inline-block;
	max-width:calc(100% - 60px);
	vertical-align:middle
}
.share-dialog-top-body .share-dialog-folder-name{
	color:var(--text-color-high);
	line-height:18px;
	overflow:hidden;
	padding-bottom:2px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.share-dialog-top-body .share-dialog-folder-info{
	font:var(--text-body2);
	letter-spacing:0;
	width:300px
}
.share-dialog-bottom-body .share-dialog-access-title{
	-webkit-margin-end:12px;
	color:var(--text-color-high);
	font-family:var(--text-font-family-semibold);
	letter-spacing:0;
	margin-bottom:16px;
	margin-inline-end:12px
}
.share-dialog-bottom-body .share-dialog-access-list{
	max-height:300px;
	overflow:hidden;
	padding:0;
	position:relative
}
.share-dialog-bottom-body .share-dialog-access-add{
	margin-left:-9px;
	margin-top:12px
}
.share-dialog-bottom-body .share-dialog-access-node{
	align-items:center;
	display:flex;
	height:32px;
	justify-content:space-between;
	overflow:hidden
}
.share-dialog-access-node .access-node-info-block{
	display:inline-block;
	vertical-align:middle;
	width:428px
}
.share-dialog-access-node .access-node-avatar{
	border-radius:4px;
	display:inline-block;
	height:24px;
	line-height:24px;
	vertical-align:middle;
	width:24px
}
.share-dialog-access-node .access-node-username{
	color:var(--text-color-high);
	display:inline-block;
	font-size:14px;
	letter-spacing:0;
	line-height:20px;
	max-width:80%;
	overflow:hidden;
	padding:0 8px;
	text-overflow:ellipsis;
	vertical-align:middle;
	white-space:nowrap
}
.share-dialog-access-node .access-node-status{
	display:inline-block;
	vertical-align:middle
}
.share-dialog-access-node .access-node-status .nw-contact-status{
	margin:0
}
.share-dialog-access-node .access-node-permission-wrapper{
	cursor:pointer;
	display:inline-block
}
.share-dialog-access-node.owner .access-node-permission-wrapper{
	cursor:default
}
.share-dialog-access-node.owner .access-node-permission:hover{
	background:none;
	cursor:default
}
.share-dialog-access-node .access-node-permission i{
	--icon-size:24px;
	--mask-color:var(--text-color-medium);
	display:none;
	transition:var(--transition-color)
}
.share-dialog-access-node .access-node-permission.active i,.share-dialog-access-node .access-node-permission:hover i{
	--mask-color:var(--text-color-high)
}
.share-dialog-access-node .access-node-permission.full-access .full-access,.share-dialog-access-node .access-node-permission.owner .owner,.share-dialog-access-node .access-node-permission.read-and-write .read-and-write,.share-dialog-access-node .access-node-permission.read-only .read-only{
	display:block
}
.share-dialog-access-node .access-node-remove{
	--icon-size:24px;
	--mask-color:var(--text-color-medium);
	-webkit-margin-end:20px;
	-webkit-margin-start:3px;
	cursor:pointer;
	display:inline-block;
	margin-inline-end:20px;
	margin-inline-start:3px;
	opacity:0
}
.share-dialog-access-node .access-node-remove:hover{
	--mask-color:var(--text-color-high)
}
.share-dialog-access-node:not(.owner):hover .access-node-remove{
	cursor:pointer;
	opacity:1
}
.mega-dialog.share-dialog .mega-banner{
	align-items:center;
	display:flex;
	justify-content:center;
	margin:6px 0 0;
	padding:2px 8px;
	text-align:center;
	width:calc(100% - 48px)
}
.mega-dialog.share-dialog .warning-template span{
	--icon-size:24px;
	--mask-color:var(--secondary-orange);
	-webkit-margin-start:2px;
	color:var(--secondary-orange);
	display:inline-block;
	margin-inline-start:2px;
	vertical-align:middle
}
.share-add-dialog-bottom-body .cancel-add-share,.share-dialog-bottom-body .remove-share{
	-webkit-margin-end:12px;
	margin-inline-end:12px
}
.share-dialog-bottom-body .remove-share.disabled{
	display:none
}
.mega-dialog.dialog-template-main.share-dialog>footer .footer-container{
	padding:16px 48px
}
.mega-dialog.share-dialog .share-dialog-bottom-msg{
	background:var(--surface-grey-1);
	padding:8px 0 16px;
	text-align:center
}
.mega-dialog.share-add-dialog{
	background:var(--surface-main);
	border-radius:var(--border-radius);
	height:auto;
	overflow:hidden;
	width:432px;
	z-index:1100
}
.mega-dialog.share-add-dialog .content-block{
	padding:0
}
.mega-dialog.share-add-dialog .content-block.imported{
	background:var(--surface-grey-1);
	padding:24px 48px
}
.mega-dialog.share-add-dialog .share-add-dialog-bottom{
	background:var(--surface-grey-1);
	border-radius:0 0 var(--border-radius) var(--border-radius)
}
.mega-dialog.share-add-dialog header h2 .selected-num{
	-webkit-margin-start:10px;
	background:var(--surface-grey-2);
	border-radius:9px;
	box-sizing:border-box;
	display:inline-block;
	height:18px;
	line-height:18px;
	margin-inline-start:10px;
	margin-top:-3px;
	min-width:18px;
	padding:0 5px;
	text-align:center;
	vertical-align:middle
}
.mega-dialog.share-add-dialog header h2 .selected-num span{
	font-size:10px;
	font-weight:600;
	text-align:center;
	vertical-align:top
}
.share-add-dialog-bottom .multiple-input-warning{
	font:var(--text-body2);
	margin:6px 0;
	text-align:center
}
.share-add-dialog-bottom .share-message{
	background:var(--surface-grey-1);
	border-radius:4px;
	box-sizing:border-box;
	margin-top:11px
}
.share-add-dialog-bottom .share-message .textarea-clone,.share-add-dialog-bottom .share-message textarea{
	color:var(--text-color-high);
	font-size:13px;
	padding:0 12px
}
.share-add-dialog-bottom .share-message textarea::placeholder{
	color:var(--text-color-low)
}
.share-add-dialog-bottom .share-message textarea:focus::placeholder{
	color:transparent
}
.share-add-dialog-bottom .share-message .share-message-hidden{
	padding:0 9px;
	z-index:-100
}
.share-add-dialog-bottom .share-add-dialog-buttons-wrapper{
	display:flex;
	height:38px;
	justify-content:flex-end;
	margin-top:14px
}
.share-add-dialog-bottom .add-share{
	-webkit-margin-start:8px;
	margin-inline-start:8px
}
.share-add-dialog-bottom .multiple-input i{
	--icon-size:24px;
	--mask-color:var(--text-color-medium);
	margin:7px 0 0 10px;
	opacity:.74;
	position:absolute
}
.multiple-input .share-added-contact i{
	margin:-2px 0 0 10px
}
.mega-dialog.share-add-dialog .horizontal-contacts-list{
	background:var(--surface-grey-1);
	border:1px solid var(--stroke-grey-2);
	border-radius:8px;
	box-sizing:border-box;
	height:80px;
	margin:0 48px 12px;
	padding:0
}
.mega-dialog.share-add-dialog .horizontal-contacts-list .selected-contact-card{
	height:60px;
	width:62px
}
.mega-dialog.share-add-dialog .horizontal-contacts-list .selected-contact-card .remove-contact-bttn{
	cursor:pointer
}
.mega-dialog.share-add-dialog .horizontal-contacts-list .selected-contact-card .small-rounded-avatar img{
	height:36px;
	width:36px
}
.mega-dialog.share-add-dialog .horizontal-contacts-list .selected-contact-card .user-card-name.light{
	max-width:calc(100% - 10px)
}
.mega-dialog.share-add-dialog .horizontal-contacts-list div.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x{
	border-radius:2px;
	bottom:2px;
	height:4px
}
.mega-dialog.share-add-dialog .contacts-search-header{
	margin:0 35px 12px 48px
}
.mega-dialog.share-add-dialog .contacts-search-header input{
	background:var(--surface-grey-2);
	color:var(--text-color-high)
}
.mega-dialog.share-add-dialog .contacts-search-header input::placeholder{
	color:var(--text-color-low)
}
.mega-dialog.share-add-dialog .contacts-search-header input:focus::placeholder{
	color:var(--color-text-white-medium)
}
.mega-dialog.share-add-dialog .contacts-search-scroll{
	height:240px !important;
	min-height:240px
}
.mega-dialog.share-add-dialog .contacts-search-subsection{
	padding:0 48px
}
.mega-dialog.share-add-dialog .contacts-search-subsection .contacts-search-list{
	-webkit-padding-end:12px;
	padding-inline-end:12px;
	width:336px
}
.mega-dialog.share-add-dialog .contacts-search-list .contacts-info.body{
	border-bottom:none;
	height:32px;
	padding:4px 0
}
.mega-dialog.share-add-dialog .contacts-list-header{
	margin:0
}
.mega-dialog.share-add-dialog .contacts-search-list .small-rounded-avatar{
	height:24px;
	line-height:24px;
	overflow:hidden;
	width:24px
}
.mega-dialog.share-add-dialog .contacts-search-list .small-rounded-avatar img{
	height:24px;
	width:24px
}
.mega-dialog.share-add-dialog .contacts-search-list .user-card-tick-wrap{
	height:16px;
	right:0;
	width:16px
}
.rtl .mega-dialog.share-add-dialog .contacts-search-list .user-card-tick-wrap{
	left:0;
	right:auto
}
.mega-dialog.share-add-dialog .contacts-search-list .selected .user-card-tick-wrap{
	background:var(--checkbox-fill-active);
	border:transparent
}
.mega-dialog.share-add-dialog .contacts-search-list .small-icon.mid-green-tick{
	background-position:-86px -623px
}
.mega-dialog.share-add-dialog .contacts-search-list .user-card-data{
	-webkit-padding-start:32px;
	padding-inline-start:32px;
	padding-top:4px
}
.mega-dialog.share-add-dialog .contacts-search-list .user-card-data .user-card-name{
	max-width:80%
}
.mega-dialog.share-add-dialog .contacts-search-list .user-card-data .user-card-name:hover,.mega-dialog.share-add-dialog .contacts-search-list .user-card-data .user-card-name strong{
	color:var(--text-color-high)
}
.mega-dialog.share-add-dialog .contacts-search-list .user-card-status{
	-webkit-margin-start:5px;
	display:inline;
	margin-inline-start:5px
}
.mega-dialog.share-add-dialog .contacts-search-list .user-card-status span{
	display:none
}
.mega-dialog.share-add-dialog .chat-contactspicker-no-contacts .fm-empty-contacts-bg{
	-webkit-margin-end:12px;
	margin-inline-end:12px;
	margin-top:63px
}
.mega-dialog.share-add-dialog .chat-contactspicker-no-contacts .fm-empty-cloud-txt.small{
	margin-top:16px
}
.mega-dialog.share-add-dialog .chat-contactspicker-no-contacts .fm-empty-description.small{
	padding:1px 0 38px
}
.mega-dialog.share-add-dialog .chat-contactspicker-no-contacts.searching{
	align-items:center;
	display:flex;
	flex-direction:column;
	height:240px;
	justify-items:center
}
.mega-dialog.share-add-dialog .chat-contactspicker-no-contacts.searching .fm-empty-contacts-bg{
	background-image:url(../images/mega/dialog-sprite.png?v=57a6bd1346996955);
	background-position:0 -7103px;
	background-repeat:no-repeat;
	background-size:auto;
	height:96px;
	margin:43px auto 0;
	width:96px
}
.mega-dialog.share-add-dialog .chat-contactspicker-no-contacts.searching .fm-empty-cloud-txt.small{
	margin-top:0;
	padding:0
}
@media only screen and (max-height:768px){
.share-add-dialog-bottom .multiple-input{
	max-height:78px
}
.mega-dialog.share-add-dialog .contacts-search-scroll{
	height:176px !important;
	min-height:176px
}
.mega-dialog.share-add-dialog .chat-contactspicker-no-contacts.searching{
	height:176px
}
.mega-dialog.share-add-dialog .chat-contactspicker-no-contacts.searching .fm-empty-contacts-bg{
	margin:16px auto 0
}
}

.widget-upload{
	background-color:#f8f9fa;
	height:100vh;
	min-height:650px;
	overflow:hidden;
	position:absolute;
	width:100%
}
.widget-upload .wu-main,.widget-upload .wu-missing-main{
	background-color:#fff;
	border-radius:0;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .15);
	height:562px;
	left:50%;
	margin:-313px 0 0 -200px;
	position:absolute;
	top:50%;
	width:400px
}
.wu-main .wu-data,.wu-missing-main .wu-data{
	background-color:#fff;
	border-bottom:1px solid #eee;
	display:block;
	height:55px;
	padding:40px 20px 32px;
	text-align:center
}
.wu-data .wu-folder-name-text{
	color:#777e82;
	float:left;
	font-family:LatoWeb,sans-serif;
	font-size:32px;
	line-height:36px;
	width:100%
}
.wu-data .wu-folder-name-text,.wu-data .wu-folder-name-text span,.wu-data .wu-name{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.wu-data .wu-name{
	color:#999;
	float:left;
	font-family:LatoWeb,sans-serif;
	font-size:16px;
	line-height:32px;
	width:100%
}
.wu-logo{
	background-image:url(../images/mega/top-sprite.png?v=7ef2b23a163ae63a);
	background-position:-6px -383px;
	background-repeat:no-repeat;
	border-radius:100%;
	cursor:pointer;
	float:left;
	height:24px;
	margin:6px 0 6px 12px;
	width:24px
}
.wu-data .wu-email{
	float:left;
	margin-top:28px;
	width:100%
}
.wu-email .wu-email-label{
	color:#82898d;
	display:block;
	font-size:14px;
	font-weight:600;
	line-height:18px;
	padding-bottom:4px
}
.wu-email .wu-email-text{
	color:#aaa;
	display:block;
	font-size:14px;
	line-height:18px
}
.wu-data .wu-msg{
	display:none;
	float:left;
	margin-top:24px;
	width:100%
}
.wu-msg .wu-msg-label{
	color:#82898d;
	font-family:LatoWebSemibold,sans-serif;
	letter-spacing:.4px;
	padding-bottom:4px
}
.wu-msg .wu-msg-label,.wu-msg .wu-msg-text{
	display:block;
	font-size:14px;
	line-height:18px
}
.wu-msg .wu-msg-text{
	color:#aaa
}
.wu-main .wu-items{
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.wu-main .wu-items,.wu-missing-main .wu-missing{
	background-color:#fff;
	border-bottom:1px solid #eee;
	height:350px;
	width:inherit
}
.wu-missing-main .wu-missing{
	cursor:default;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.wu-items .wu-empty-upload,.wu-missing .wu-empty-upload{
	height:308px;
	position:absolute;
	width:400px
}
.wu-empty-upload .wu-large-logo{
	background-image:url(../images/mega/wu_empty_upload.png?v=a2a965054c551ae9);
	background-position:0 0;
	background-repeat:no-repeat;
	height:250px;
	margin:20px 0 0;
	width:400px
}
.wu-empty-upload .wu-large-logo.grey{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%)
}
.wu-empty-upload .wu-upload-text{
	color:#939da3;
	display:block;
	font-size:14px;
	line-height:21px;
	margin:10px auto;
	text-align:center;
	width:320px
}
.wu-items .wu-stat{
	background-color:#f5f7f9;
	height:90px;
	padding-left:20px;
	padding-right:20px
}
.wu-stat .wu-total-curr,.wu-stat .wu-total-perc,.wu-stat .wu-total-speed{
	display:block;
	margin-top:28px
}
.wu-stat .wu-total-curr{
	color:#888;
	float:left;
	font-size:16px;
	overflow:hidden;
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:33%
}
.wu-stat .wu-total-perc{
	float:right;
	text-align:right;
	width:33%
}
.wu-stat .wu-total-speed{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:33%
}
.wu-total-curr .wu-curr-label{
	color:#959ba7;
	display:block;
	font-size:14px;
	height:18px;
	line-height:18px
}
.wu-total-curr .wu-curr-value,.wu-total-curr .wu-total-value{
	color:#222;
	font-family:LatoWebSemibold,sans-serif;
	font-size:15px;
	height:20px;
	line-height:28px;
	margin-top:4px
}
.wu-total-curr .wu-total-value{
	color:#888;
	font-size:15px
}
.wu-total-perc .wu-total-perc-label,.wu-total-speed .wu-total-speed-label{
	color:#959ba7;
	display:block;
	font-size:14px;
	height:18px;
	line-height:18px
}
.wu-total-perc .wu-total-perc-value,.wu-total-speed .wu-total-speed-value{
	color:#222;
	font-family:LatoWebSemibold,sans-serif;
	font-size:15px;
	height:20px;
	line-height:28px
}
.wu-items .wu-queue{
	background-color:#fff;
	color:#555;
	font-size:14px;
	max-height:258px;
	overflow:hidden;
	width:inherit
}
.wu-queue .wu-queue-item{
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	display:block;
	height:48px;
	margin:0 16px;
	width:inherit
}
.wu-queue-item .wu-queue-item-name,.wu-queue-item .wu-queue-item-stat,.wu-queue-item .wu-queue-item-status{
	background-color:#fff;
	box-sizing:border-box;
	display:block;
	float:left;
	height:calc(100% - 1px);
	overflow:hidden;
	padding-bottom:11px;
	padding-top:17px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.wu-queue-item .wu-queue-item-name{
	text-align:left;
	width:260px
}
.wu-queue-item .wu-queue-item-stat{
	display:none;
	padding-left:14px;
	text-align:center
}
.wu-queue-item .wu-queue-item-status{
	float:right;
	margin-right:20px;
	text-align:right;
	width:80px
}
.wu-main .wu-main-bottom,.wu-missing-main .wu-main-botton{
	background-color:#fff;
	box-sizing:border-box;
	display:block;
	height:82px;
	width:inherit
}
.wu-main-bottom .wu-lang{
	cursor:pointer;
	float:left;
	font-size:16px;
	height:30px;
	line-height:30px;
	margin:24px 12px
}
.wu-main-bottom .wu-lang:hover .lang:before{
	opacity:1
}
.wu-lang .glob-icon{
	box-sizing:border-box;
	cursor:pointer;
	float:right;
	height:35px;
	padding:6px 12px 0 13px
}
.wu-lang .glob-icon:before{
	background-image:url(../images/mega/top-sprite.png?v=7ef2b23a163ae63a);
	background-repeat:no-repeat;
	content:"";
	display:block;
	height:24px;
	opacity:.8;
	transition:all .2s ease-in-out;
	width:24px
}
.wu-lang .glob-icon:after{
	background-color:rgba(0, 0, 0, .05);
	content:"";
	height:24px;
	margin:0 0 0 -13px;
	position:absolute;
	top:6px;
	width:1px
}
.wu-lang .glob-icon.active:before,.wu-lang .glob-icon:hover:before{
	opacity:1
}
.wu-lang .glob-icon.lang:before{
	background-position:-7px -286px;
	float:left
}
.wu-lang .glob-icon.lang:after{
	display:none
}
.wu-lang .glob-icon.lang{
	float:left
}
.dark-tooltip.widget{
	left:0;
	margin:0;
	top:34px;
	transition:top .2s ease-in-out,opacity .2s ease-in-out,visibility .2s ease-in-out
}
.dark-tooltip.widget.hovered{
	left:auto;
	top:630px
}
.wu-lang .wu-change-lang{
	color:#555;
	cursor:pointer;
	display:block;
	float:left;
	margin-top:3px;
	opacity:.8;
	text-transform:uppercase;
	transition:all .2s ease-in-out;
	white-space:nowrap
}
.wu-main-bottom .wu-btn{
	float:right;
	margin-right:20px;
	margin-top:22px
}
.widget-upload .wu-footer{
	background-color:#fff;
	bottom:0;
	clear:both;
	color:#333;
	display:block;
	margin-top:-64px;
	padding:13px 0;
	position:absolute;
	width:inherit
}
.wu-footer .wu-copyrights{
	background-position:-11px -729px;
	background-repeat:no-repeat;
	color:#333;
	display:block;
	font-size:14px;
	line-height:18px;
	margin-left:24px;
	padding:9px 0 9px 26px
}
.wu-footer .wu-copyrights span{
	color:#666;
	padding-left:5px
}
.wu-msg textarea{
	border:none;
	box-shadow:none;
	height:120px;
	outline:none;
	overflow:auto;
	width:100%
}
.wu-main .wu-items:hover{
	background-color:#fff;
	cursor:pointer;
	transition:all .2s ease-in-out
}
.widget-upload .wu-wrapper{
	height:100%;
	position:relative
}
.wu-wrapper .wu-push{
	height:64px
}
.footer-button.widget-dialog-buttons{
	border-top:1px solid #eee;
	margin-top:20px
}
.widget-card .footer-button.widget-dialog-buttons{
	padding-top:16px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
.wu-lang .glob-icon:before,.wu-logo{
	background-image:url(../images/mega/top-sprite@2x.png?v=7bd10334447ce203);
	background-size:38px auto
}
.wu-empty-upload .wu-large-logo{
	background-image:url(../images/mega/wu_empty_upload@2x.png?v=9164c28e064529f1);
	background-size:400px auto
}
}

.dropdown.body.popup.contacts-search{
	border-radius:24px;
	padding:0;
	width:420px
}
.dropdown.body.popup.contacts-search.main-start-chat-dropdown{
	height:602px
}
body.br .dropdown.body.popup.contacts-search,body.fr .dropdown.body.popup.contacts-search,body.id .dropdown.body.popup.contacts-search,body.it .dropdown.body.popup.contacts-search{
	width:456px
}
body.tl .dropdown.body.popup.contacts-search{
	width:480px
}
.popup.add-participant-selector{
	left:auto !important;
	right:12px
}
.popup.contact-picker-dialog{
	right:auto;
	width:420px
}
.popup.add-participant-selector .dropdown-white-arrow{
	margin-left:50px;
	top:-55px
}
.new-group-chat .description.chatlinks-intermediate-msg{
	margin:4px 0 0
}
.contacts-search-header{
	border-radius:19px;
	box-sizing:border-box;
	margin:0 48px;
	overflow:hidden;
	position:relative;
	z-index:10
}
.contacts-search-header-separator{
	background:var(--divider-color);
	content:"";
	display:block;
	height:1px;
	margin:12px 0 0;
	width:100%
}
.rtl .contacts-search-header{
	margin:auto;
	width:80%
}
.new-group-chat .contacts-search-header{
	border-radius:unset;
	padding:0
}
.contacts-search-header input,.search-block.emoji input{
	background:var(--surface-grey-1);
	border:1px solid var(--stroke-grey-2);
	border-radius:4px;
	color:var(--text-color-medium);
	display:block;
	font-size:13px;
	line-height:24px;
	font:var(--text-body1);
	margin:12px 0 0 40px;
	padding:0;
	transition:all .2s ease-in-out;
	vertical-align:top;
	width:186px
}
.contacts-search-header input{
	background:var(--surface-grey-2);
	border:0;
	border-radius:18px;
	box-sizing:border-box;
	color:var(--text-color-high);
	font:var(--text-body1);
	line-height:24px;
	margin:0;
	padding:4px 30px 4px 38px;
	width:100%
}
.contacts-search-header input::-webkit-input-placeholder{
	color:#555
}
.contacts-search-header input:-moz-placeholder,.contacts-search-header input::-moz-placeholder{
	color:#555;
	opacity:1
}
.contacts-search-header input:-ms-input-placeholder{
	color:#555
}
.contacts-search-header input:focus::-webkit-input-placeholder{
	color:#ccc
}
.contacts-search-header input:-moz-placeholder,.contacts-search-header input:focus::-moz-placeholder{
	color:#ccc;
	opacity:1
}
.contacts-search-header input:focus:-ms-input-placeholder{
	color:#ccc
}
.contacts-search-header>i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	left:8px;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.search-block.emoji>i{
	--icon-size:24px;
	--mask-color:var(--icon-inactive);
	margin:11px 3px 1px 8px;
	position:absolute;
	vertical-align:top
}
.contacts-search-scroll{
	height:80%;
	margin-top:8px;
	max-height:426px;
	min-height:288px;
	overflow:hidden
}
.main-start-chat-dropdown .contacts-search-scroll{
	box-sizing:border-box;
	margin:0;
	max-height:366px;
	min-height:366px;
	padding:8px 0 0;
	position:relative
}
.contacts-search-scroll .contacts-search-subsection{
	padding:0 48px
}
.contacts-search-scroll em{
	color:#666;
	display:block;
	font-style:normal;
	height:48px;
	line-height:48px;
	text-align:center;
	vertical-align:middle
}
.rtl .contacts-search-list .contacts-info.body.contacts-search{
	padding:4px 12px
}
.contacts-search-list .contacts-info .user-card-data{
	max-width:80%;
	padding-inline-start:10px
}
.contacts-search-list .user-card-data .user-card-name{
	margin:0 5px 0 0
}
.contacts-search-list .user-card-data .user-card-status{
	display:inline
}
.contacts-search-list .user-card-data .user-card-status span{
	display:none
}
.contacts-search-list .contacts-info.body.contacts-search{
	align-items:center;
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	padding:4px 0;
	width:100%
}
.contacts-search-list .contacts-info.body.contacts-search:before{
	content:"";
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.call-ui-new-contact{
	width:640px
}
.contacts-search-list .contacts-info.body.contacts-search .user-card-tick-wrap{
	right:1px
}
.contacts-search-list .contacts-info.body.contacts-search .avatar-wrapper{
	font:var(--text-body1);
	height:24px;
	width:24px
}
.rtl .contacts-search-list .contacts-info.body.contacts-search .avatar-wrapper{
	right:12px
}
.contacts-search-list .contacts-info.body.contacts-search img{
	height:24px;
	width:24px
}
.contacts-search-list .contacts-info.body.contacts-search .emoji{
	height:17px;
	width:17px
}
.contacts-search-list .contacts-info.body.contacts-search:last-child{
	margin-bottom:12px
}
.contacts-search .user-card-presence{
	margin:2px 4px 6px 8px
}
.contacts-search .user-card-data{
	padding:0 30px 0 79px
}
.contacts-search .user-card-email{
	font-size:13px;
	line-height:18px
}
.contacts-search .user-card-name{
	display:inline-block;
	font-size:14px;
	line-height:19px;
	max-width:-webkit-calc(100% - 24px);
	max-width:-moz-calc(100% - 24px);
	max-width:calc(100% - 24px)
}
.horizontal-contacts-list{
	height:78px;
	padding:0 48px;
	position:relative
}
.horizontal-contacts-list div.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x{
	bottom:1px;
	height:6px
}
.selected-contact-block{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0;
	line-height:0;
	min-height:78px;
	overflow:auto
}
.horizontal-contacts-list .horizontal-only{
	height:auto
}
.selected-contact-block .select-contact-centre{
	display:inline-block;
	vertical-align:top
}
.horizontal-contacts-list .selected-contact-block .small-rounded-avatar{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:block;
	float:none;
	height:36px;
	line-height:35px;
	margin:0 auto;
	width:36px
}
.horizontal-contacts-list .selected-contact-block .small-rounded-avatar img{
	height:100%;
	width:100%
}
.horizontal-contacts-list .selected-contact-block .user-card-data{
	display:block;
	float:none;
	padding:2px 4px;
	text-align:center
}
.selected-contact-block .selected-contact-card{
	float:left;
	height:54px;
	margin:14px 0 0;
	position:relative;
	width:54px
}
.selected-contact-block .selected-contact-card:last-of-type{
	margin-right:0
}
.horizontal-contacts-list .selected-contact-block .user-card-name.light{
	font-size:12px;
	max-width:-webkit-calc(100% - 2px);
	max-width:-moz-calc(100% - 2px);
	max-width:calc(100% - 2px)
}
.horizontal-contacts-list .selected-contact-block .user-card-name.light .emoji{
	height:14px;
	width:14px
}
.selected-contact-block .remove-contact-bttn{
	background:var(--surface-grey-1);
	border:1px solid var(--stroke-grey-2);
	border-radius:100%;
	cursor:pointer;
	height:16px;
	position:absolute;
	right:6px;
	text-align:center;
	top:-6px;
	width:16px;
	z-index:10
}
.selected-contact-block .remove-contact-icon{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAAEhcmxxAAAAAXNSR0IArs4c6QAAANVJREFUKBVtkcENwkAMBHMIaACFGnjmmxLSBm3QVCIK4YPoIj/eHLO2L7oQLFlZr3dtn9LknFNTgiI7BozGBzU1gFY9vtd9gDmldEowM8RFpMnkIYp8Bo/WDIEIhQlsIMWiAJ/Jtxq3xeajO6tpPJUxrgMrDnXz5VyQP0pzituh0swHeRRB7U3Ah/SZ0aDu7SqAQkf4G2SNgNNBeqMGDEYDWlIGhRn5FqG4kVy2lWHaJmN5DTDfya1QDhr1RAlXG+uptXC1GtPmVDPSGMj/q327/lsv8RfGGzPdsYCikgAAAABJRU5ErkJggg==);
	background-repeat:no-repeat;
	background-size:6px;
	display:block;
	height:6px;
	margin:3px auto;
	width:6px
}
.contacts-search-header input~.search-result-clear{
	cursor:pointer;
	position:absolute;
	right:8px;
	top:50%;
	transform:translateY(-50%)
}
.contacts-search-header input~.search-result-clear i{
	--icon-size:24px;
	--mask-color:var(--icon-rest)
}
.popup.contacts-search .search-result-clear:hover{
	opacity:1
}
.popup.contacts-search .selected-contact-amount{
	color:#777e82;
	font-size:13px;
	line-height:32px;
	margin-left:12px
}
.contacts-search-buttons{
	align-items:center;
	display:flex;
	justify-content:space-between;
	padding:48px 48px 24px
}
.contacts-search-buttons .button-wrapper{
	text-align:center
}
.contacts-search-buttons .button-wrapper .new-meeting{
	background:var(--surface-error)
}
.contacts-search-buttons .button-wrapper .new-chatlink{
	background:linear-gradient(180deg, #56d2f1, #2ba6de)
}
.contacts-search-buttons .button-wrapper .new-chatlink i,.contacts-search-buttons .button-wrapper .new-meeting i{
	--mask-color:var(--secondary-white)
}
.contacts-search-buttons .button-title{
	color:var(--text-color-high);
	display:block;
	font:var(--text-body2);
	padding:4px 0 0
}
.contacts-search-bottom i,.contacts-search-buttons i{
	--icon-size:24px
}
.contacts-search-bottom i{
	--mask-color:var(--secondary-green)
}
.contacts-search-buttons .link-button.light{
	display:inline-block;
	margin:2px 0;
	width:100%
}
.contacts-search-bottom{
	border-top:1px solid var(--divider-color);
	box-sizing:border-box;
	padding:10px 0 20px 42px;
	width:100%
}
.rtl .contacts-search-bottom{
	padding-right:38px
}
.contacts-list-header{
	background:var(--surface-grey-2);
	border-radius:4px;
	color:var(--text-color-high);
	height:20px;
	padding:0 8px;
	text-align:left
}
.rtl .contacts-list-header{
	text-align:right
}
.new-group-chat .contacts-list-header{
	margin:0
}
.rtl .new-group-chat .contacts-list-header{
	margin:0 12px
}
.contacts-list-empty-txt{
	color:var(--text-color-medium);
	font:var(--text-body2);
	padding:33px 0 0;
	text-align:center
}
.contacts-search-scroll+.contacts-list-header{
	margin-top:11px
}
.contacts-search-header+.contacts-list-header{
	margin-top:12px
}
.contacts-search-list{
	padding:7px 0 0
}
.add-participant-selector .contacts-search-header{
	margin:0 48px
}
.add-participant-selector .horizontal-contacts-list{
	padding-bottom:12px;
	padding-top:24px
}
.contact-picker-dialog.add-participant-selector .horizontal-contacts-list{
	box-sizing:unset
}
.add-participant-selector footer{
	padding:24px
}
.contact-picker-dialog footer{
	display:flex;
	justify-content:space-between;
	padding:24px
}
.add-participant-selector footer .mega-button span{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.add-participant-selector footer .footer-spacing{
	flex:1 0 8px
}
.dropdown.body.popup.emoji{
	height:400px;
	padding:0
}
.popup-footer.emoji,.popup-header.emoji{
	border-bottom:1px solid var(--stroke-grey-2);
	box-sizing:border-box;
	height:48px;
	margin:3px 12px 0;
	position:relative;
	z-index:10
}
.popup-footer.emoji{
	border-bottom:0;
	border-top:1px solid var(--stroke-grey-2)
}
.popup-header.emoji input{
	border:0;
	border-radius:18px;
	color:var(--text-color-high);
	display:inline-block;
	font:var(--text-body1);
	margin:6px 0 0;
	padding:7px 7px 7px 40px;
	width:100%
}
.rtl .popup-header.emoji input{
	padding:7px 40px 7px 7px
}
.popup-scroll-area.emoji{
	max-height:302px;
	overflow:hidden;
	position:relative;
	z-index:10
}
.popup-scroll-area .emojis-not-found{
	color:#999;
	margin-left:132px;
	position:relative;
	top:10px
}
.popup-scroll-content.emoji{
	min-height:312px;
	padding:12px
}
.popup-scroll-area.gif-popup{
	max-height:520px;
	overflow:hidden;
	position:relative;
	z-index:10
}
.dark-direct-tooltip.simpletip-tooltip{
	display:block;
	max-width:700px;
	opacity:0;
	position:absolute;
	transition:opacity .2s ease-in-out 1s;
	transition-delay:.5s;
	white-space:normal;
	z-index:3000
}
.rtl .dark-direct-tooltip.simpletip-tooltip{
	direction:rtl
}
.dark-direct-tooltip.simpletip-tooltip span{
	position:relative;
	z-index:1
}
.dark-direct-tooltip.simpletip-tooltip.delay{
	transition-delay:1ms
}
.dark-direct-tooltip.simpletip-tooltip.visible{
	opacity:1
}
.dark-direct-tooltip.simpletip-tooltip i{
	--mask-color:var(--stroke-grey-1-inverted);
	--icon-size:24px;
	height:16px;
	overflow:hidden
}
.dark-direct-tooltip.simpletip-tooltip.inverted i{
	--mask-color:var(--stroke-grey-1)
}
.dark-direct-tooltip.simpletip-tooltip.center-align{
	text-align:center
}
.dark-direct-tooltip.simpletip-tooltip.medium-width{
	max-width:220px;
	overflow-wrap:break-word
}
.dark-direct-tooltip.simpletip-tooltip.bluetip{
	background:var(--label-blue)
}
.dark-direct-tooltip.simpletip-tooltip.bluetip i{
	--mask-color:var(--label-blue)
}
.dark-direct-tooltip.simpletip-tooltip.large-width{
	max-width:320px
}
.dark-direct-tooltip.simpletip-tooltip.no-max-width{
	max-width:none
}

.search .file-block-scrolling,.select .file-block-scrolling,.select .out-shared-blocks-scrolling,.select .shared-blocks-scrolling{
	height:100%
}
.files-grid-view,.fm-blocks-view,.fm-blocks-view.out-shares-view,.fm-blocks-view.public-links-view,.fm-blocks-view.shared-view,.out-shared-blocks-view,.shared-blocks-view,.shared-details-block{
	border-top:1px solid var(--surface-grey-2);
	box-sizing:border-box;
	flex-grow:1;
	height:100%;
	min-height:280px;
	overflow:hidden;
	padding:0;
	position:relative
}
.fm-right-files-block.emptied .fm-blocks-view.out-shares-view,.fm-right-files-block.emptied .fm-blocks-view.public-links-view,.fm-right-files-block.emptied .fm-blocks-view.shared-view,.fm-right-files-block.emptied .fm-blocks-view:not(.shared-folder-content),.fm-right-files-block.emptied .out-shared-blocks-view,.fm-right-files-block.emptied .shared-blocks-view{
	display:none
}
.file-block-scrolling,.out-shared-blocks-scrolling,.shared-blocks-scrolling{
	box-sizing:border-box;
	height:100%;
	padding-right:14px
}
.file-block-scrolling .megaList-content{
	margin-bottom:24px
}
.rtl .file-block-scrolling .megaList-content{
	direction:rtl
}
.data-block-view{
	border-radius:10px;
	box-sizing:border-box;
	cursor:default;
	display:inline-block;
	line-height:0;
	overflow:hidden;
	padding:0;
	position:relative;
	text-align:center;
	transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out;
	width:192px
}
.data-block-view.semi-big{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:4px;
	width:170px
}
.data-block-view.medium{
	width:128px
}
.fm-blocks-view .data-block-view,.out-shared-blocks-view .data-block-view,.shared-blocks-view .data-block-view{
	margin:24px 0 0 24px
}
.data-block-view:hover{
	box-shadow:0 0 0 4px var(--stroke-grey-2)
}
.data-block-view.dragover,.data-block-view.ui-selected,.data-block-view.ui-selecting{
	box-shadow:0 0 0 4px var(--secondary-blue)
}
.data-block-bg{
	background:var(--surface-grey-1);
	border:1px solid var(--stroke-grey-4);
	border-radius:10px;
	box-sizing:border-box;
	display:block;
	height:192px;
	overflow:hidden;
	position:static;
	text-align:center;
	transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out;
	width:192px
}
.data-block-view.medium .data-block-bg{
	height:124px;
	width:124px
}
.data-block-view .data-block-bg img{
	background:var(--image-background);
	height:192px;
	position:relative;
	vertical-align:middle;
	width:192px
}
.data-block-view.medium .data-block-bg img{
	height:124px;
	vertical-align:top;
	width:124px
}
.data-block-view .thumb.video img{
	height:auto
}
.data-block-view.active .data-block-bg,.data-block-view.dragover .data-block-bg,.data-block-view.ui-selected .data-block-bg,.data-block-view.ui-selecting .data-block-bg,.data-block-view:hover .data-block-bg{
	background-color:var(--stroke-grey-1);
	border:1px solid var(--stroke-main)
}
.data-block-view.active .thumb .indicator{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out
}
.data-block-view .tiny-button{
	bottom:8px;
	float:none;
	margin:0;
	position:absolute;
	right:8px;
	z-index:100
}
.data-block-view .user-card-presence.small{
	margin:0;
	right:10px;
	top:10px
}
.data-block-view .file-status-icon.icon-favourite-filled,.data-block-view .file-status-icon.icon-info,.data-block-view .file-status-icon.icon-takedown,.data-block-view .file-status-icon.icon-versions-previous,.data-block-view.linked .icon-link{
	--icon-size:16px;
	background-image:none;
	margin-bottom:4px;
	margin-right:4px;
	margin-top:4px
}
.data-block-view .file-status-icon.icon-favourite-filled,.data-block-view .file-status-icon.icon-versions-previous{
	--mask-color:var(--icon-rest)
}
.data-block-view .file-status-icon.icon-takedown{
	--mask-color:var(--secondary-red)
}
.data-block-view .file-status-icon.icon-info{
	--mask-color:var(--secondary-orange)
}
.data-block-view:not(.linked) .icon-link{
	display:none
}
.data-block-view.linked .icon-link{
	--mask-color:var(--icon-rest)
}
.data-block-view .file-status-icon.sprite-fm-mono:not(.icon-favourite-filled),.data-block-view .file-status-icon.sprite-fm-mono:not(.icon-info),.data-block-view .file-status-icon.sprite-fm-mono:not(.icon-takedown),.data-block-view .file-status-icon.sprite-fm-mono:not(.icon-versions-previous),.data-block-view.linked .sprite-fm-mono:not(.icon-link){
	height:0
}
.data-block-view .file-status-icon.sprite-fm-mono.icon-favourite-filled,.data-block-view .file-status-icon.sprite-fm-mono.icon-info,.data-block-view .file-status-icon.sprite-fm-mono.icon-takedown,.data-block-view .file-status-icon.sprite-fm-mono.icon-versions-previous,.data-block-view.linked .sprite-fm-mono.icon-link{
	height:16px
}
.shared-folder-info-block{
	box-sizing:border-box;
	display:block;
	font:var(--text-body1);
	padding:0 0 0 51px;
	position:relative;
	text-align:left
}
.out-shared-blocks-view .shared-folder-info-block,.shared-blocks-view .shared-folder-info-block{
	background:var(--surface-grey-2);
	padding:8px 6px 6px 50px
}
.data-block-view .shared-folder-access{
	--mask-color:var(--icon-rest);
	background-image:none;
	float:left;
	height:16px;
	margin-right:4px;
	margin-top:4px;
	padding:0;
	width:16px
}
.data-block-view .shared-folder-info{
	color:var(--text-color-medium);
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.data-block-view.ui-selected .file-settings-icon,.data-block-view:hover .file-settings-icon,.properties-name-block:hover .file-settings-icon{
	background:var(--surface-highlight-2);
	border-radius:50%;
	height:26px;
	opacity:1;
	width:26px
}
.megaList-content .data-block-view.ui-selected .file-settings-icon,.megaList-content .data-block-view:hover .file-settings-icon{
	background:var(--checkbox-fill-inactive)
}
.data-block-view.ui-selected .file-settings-icon i,.data-block-view:hover .file-settings-icon i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	height:24px;
	opacity:1;
	position:relative;
	top:1px
}
.data-block-view .file-settings-icon i:before{
	line-height:24px;
	transition:color .1s ease-in-out
}
.data-block-view .file-settings-icon:hover i,.data-block-view.ui-selected .file-settings-icon.active i{
	--mask-color:var(--icon-active)
}
.data-block-indicators{
	background:var(--surface-highlight-2);
	border-radius:10px 10px 0 0;
	display:inline-flex;
	float:right;
	height:auto;
	justify-content:flex-end;
	left:1px;
	position:absolute;
	right:1px;
	top:1px;
	z-index:2
}
.data-block-bg.thumb .data-block-indicators{
	border-radius:8px 8px 0 0
}
.data-block-bg.video .data-block-indicators{
	height:24px
}
.video-thumb-details{
	color:var(--stroke-main-inverted);
	display:none;
	font:var(--text-body2);
	left:4px;
	position:absolute;
	text-align:left;
	top:4px;
	z-index:2
}
.data-block-bg.video .video-thumb-details{
	display:block
}
.data-block-bg.video .video-thumb-details i{
	--mask-color:var(--icon-rest);
	float:left;
	margin-top:1px;
	width:16px
}
.out-shared-blocks-view .data-block-view .data-block-bg,.shared-blocks-view .data-block-view .data-block-bg{
	border-radius:10px 10px 0 0
}
.out-shared-blocks-view .data-block-view .file-settings-icon,.shared-blocks-view .data-block-view .file-settings-icon{
	bottom:64px;
	right:8px
}
.block-view-file-type{
	background-image:url(../imagery/mega-files-icons.8f44fb1e74566206.png);
	background-position:0 -3234px;
	background-repeat:no-repeat;
	display:block;
	height:84px;
	left:50%;
	position:absolute;
	top:45%;
	transform:translate(-50%, -50%);
	width:82px
}
.fm-recents .data-block-bg:not(.thumb) .block-view-file-type{
	top:50%
}
.block-view-file-type.thumb{
	background:none;
	height:156px;
	margin:-78px 0 0 -78px;
	width:156px
}
.block-view-file-type.word{
	background-position:0 6px
}
.block-view-file-type.web-lang{
	background-position:0 -114px
}
.block-view-file-type.web-data{
	background-position:0 -234px
}
.block-view-file-type.video{
	background-position:0 -354px
}
.block-view-file-type.openoffice{
	background-position:0 -474px
}
.block-view-file-type.keynote{
	background-position:0 -594px
}
.block-view-file-type.numbers{
	background-position:0 -714px
}
.block-view-file-type.vcard{
	background-position:0 -834px
}
.block-view-file-type.torrent{
	background-position:0 -954px
}
.block-view-file-type.text{
	background-position:0 -1074px
}
.block-view-file-type.pages{
	background-position:0 -1194px
}
.block-view-file-type.spreadsheet{
	background-position:0 -1314px
}
.block-view-file-type.recovery{
	background-position:0 -1434px
}
.block-view-file-type.dmg{
	background-position:0 -1554px
}
.block-view-file-type.raw{
	background-position:0 -1674px
}
.block-view-file-type.premiere{
	background-position:0 -1794px
}
.block-view-file-type.powerpoint{
	background-position:0 -1914px
}
.block-view-file-type.megasync{
	background-position:0 -2034px
}
.block-view-file-type.megasync-mac{
	background-position:0 -2154px
}
.block-view-file-type.photoshop{
	background-position:0 -2274px
}
.block-view-file-type.pdf{
	background-position:0 -2394px
}
.block-view-file-type.experience{
	background-position:0 -2514px
}
.block-view-file-type.indesign{
	background-position:0 -2634px
}
.block-view-file-type.image{
	background-position:0 -2754px
}
.block-view-file-type.illustrator{
	background-position:0 -2874px
}
.block-view-file-type.sketch-alt{
	background-position:0 -2994px
}
.block-view-file-type.sketch{
	background-position:0 -3114px
}
.block-view-file-type.generic{
	background-position:0 -3234px
}
.block-view-file-type.font{
	background-position:0 -3354px
}
.block-view-file-type.executable{
	background-position:0 -3474px
}
.block-view-file-type.excel{
	background-position:0 -3594px
}
.block-view-file-type.compressed{
	background-position:0 -3714px
}
.block-view-file-type.cad{
	background-position:0 -3834px
}
.block-view-file-type.audio{
	background-position:0 -3954px
}
.block-view-file-type.aftereffects{
	background-position:0 -4074px
}
.block-view-file-type.threed{
	background-position:0 -4194px
}
.block-view-file-type.folder{
	background-position:0 -4314px
}
.block-view-file-type.rubbish-folder{
	background-position:0 -4434px
}
.block-view-file-type.folder.inbound-share,.fm-blocks-view.shared-view .block-view-file-type.folder,.shared-blocks-view .block-view-file-type.folder{
	background-position:0 -4794px
}
.block-view-file-type.folder-sync{
	background-position:0 -5874px
}
.block-view-file-type.rubbish-folder-sync{
	background-position:0 -5994px
}
.block-view-file-type.folder-backup{
	background-position:0 -6114px
}
.block-view-file-type.rubbish-folder-backup{
	background-position:0 -6234px
}
.block-view-file-type.folder-chat{
	background-position:0 -5634px
}
.block-view-file-type.rubbish-folder-chat{
	background-position:0 -5754px
}
.block-view-file-type.folder-camera{
	background-position:0 -4554px
}
.block-view-file-type.rubbish-folder-camera{
	background-position:0 -4674px
}
.block-view-file-type.backup{
	background-position:-5px -6354px
}
.block-view-file-type.pc{
	background-position:-5px -6474px
}
.block-view-file-type.pc-mac{
	background-position:-5px -6714px
}
.block-view-file-type.pc-win{
	background-position:-5px -6594px
}
.block-view-file-type.pc-linux{
	background-position:-5px -6834px
}
.block-view-file-type.mobile{
	background-position:-5px -6954px
}
.block-view-file-type.mobile-ios{
	background-position:-5px -7074px
}
.block-view-file-type.mobile-android{
	background-position:-5px -7194px
}
.block-view-file-type.ex-device{
	background-position:-5px -7314px
}
.block-view-file-type.folder-shared,.out-shared-blocks-view .block-view-file-type.folder{
	background-position:0 -5034px
}
.block-view-file-type.rubbish-folder-shared{
	background-position:0 -5154px
}
.block-view-file-type.puf-folder{
	background-position:0 -5274px
}
.block-view-file-type.rubbish-puf-folder{
	background-position:0 -5394px
}
.block-view-file-type.inbound-share{
	background-position:0 -4794px
}

.ps{
	-ms-overflow-style:none;
	max-width:100%;
	min-width:100%;
	overflow:hidden !important;
	position:relative;
	touch-action:auto
}
@supports (-ms-overflow-style:none){
.ps{
	overflow:auto !important
}
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){
.ps{
	overflow:auto !important
}
}
.ps>.ps__scrollbar-x-rail,.ps>.ps__scrollbar-y-rail{
	border-radius:4px;
	cursor:default;
	display:none;
	height:8px;
	opacity:0;
	position:absolute;
	transition:var(--transition-bg-color),
        var(--transition-opacity);
	width:8px;
	z-index:120
}
.ps>.ps__scrollbar-x-rail{
	bottom:2px;
	margin:0 2px
}
.ps>.ps__scrollbar-y-rail{
	margin:2px 0;
	right:2px
}
.ps.ps--active-x>.ps__scrollbar-x-rail,.ps.ps--active-y>.ps__scrollbar-y-rail{
	background-color:var(--scroll-bar-background);
	display:block
}
.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail,.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail,.ps:hover>.ps__scrollbar-x-rail,.ps:hover>.ps__scrollbar-y-rail{
	opacity:1
}
.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x,.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y{
	background-color:var(--scroll-bar-handle);
	border-radius:8px;
	cursor:pointer;
	height:8px;
	opacity:.5;
	position:absolute;
	transition:var(--transition-opacity);
	width:8px
}
.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x:before,.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y:before{
	content:"";
	display:block;
	height:100%;
	left:50%;
	min-height:8px;
	min-width:8px;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	width:100%
}
.ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x:hover,.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y:hover{
	opacity:.7
}
.ps:hover.ps--in-scrolling>.ps__scrollbar-x-rail .ps__scrollbar-x,.ps:hover.ps--in-scrolling>.ps__scrollbar-y-rail .ps__scrollbar-y{
	opacity:.8
}

.backup-recover.withkey .block-wrapper,.improved-recovery-steps .block-wrapper{
	width:100%
}
.backup-recover.withkey .main-recovery-block,.improved-recovery-steps .main-recovery-block{
	display:block;
	height:100%;
	margin:0;
	padding:0;
	width:100%
}
.improved-recovery-steps h2,.improved-recovery-steps h3.main-italic-header{
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.park-account-dialog .improved-recovery-steps h3.main-italic-header{
	margin:0 0 24px
}
.improved-recovery-steps.backup-recover.withkey ul,.improved-recovery-steps .container-information{
	font-family:LatoWeb,source_sans_proregular,Arial;
	font-size:13px;
	line-height:21px;
	text-align:left
}
.improved-recovery-steps.backup-recover.withkey ul,.improved-recovery-steps .container-information ul{
	list-style-type:0;
	margin:12px 24px 0;
	padding:0;
	text-indent:0
}
.improved-recovery-steps.backup-recover.withkey li{
	margin-bottom:8px
}
.improved-recovery-steps li a.red{
	color:var(--text-color-error)
}
.improved-recovery-steps a.red:hover{
	text-decoration:underline
}
.improved-recovery-steps h1{
	text-align:center
}
.improved-recovery-steps .recover-image-block{
	display:block;
	margin:0 auto;
	width:172px
}
.improved-recovery-steps h3{
	text-align:center
}
.backup-recover.withkey .register-st2-txt-block,.improved-recovery-steps .register-st2-txt-block{
	display:table;
	height:100%;
	width:100%
}
.backup-recover.withkey .vert-container-aligner,.improved-recovery-steps .vert-container-aligner{
	display:table-cell;
	vertical-align:middle
}
.backup-recover.withkey .card-container,.improved-recovery-steps .card-container{
	background-color:#fff;
	border:1px solid rgba(0, 40, 100, .12);
	border-radius:4px;
	height:auto;
	margin:0 auto 80px;
	width:680px
}
.backup-recover.withkey .card-container,.backup-recover.withoutkey .card-container{
	margin-top:54px
}
.backup-recover.withkey .content-wrapper,.improved-recovery-steps .content-wrapper{
	margin:0;
	padding:0 30px 30px;
	position:relative;
	text-align:left
}
.improved-recovery-steps .content-wrapper .reset-input-container{
	display:block;
	text-align:center
}
.improved-recovery-steps .content-wrapper p span{
	color:#f57223;
	font-family:source_sans_probold
}
.improved-recovery-steps p{
	letter-spacing:0;
	margin:0;
	padding:8px 0 0;
	text-align:center
}
.improved-recovery-steps p:first-child{
	padding:0
}
.improved-recovery-steps p.top-pad{
	padding-top:30px
}
.improved-recovery-steps .check-sessions-text,.improved-recovery-steps .info-container h3.main-italic-header{
	color:#495057;
	font-family:LatoWebBold,source_sans_proregular,Arial;
	font-size:15px;
	text-align:left
}
.improved-recovery-steps .check-sessions-text{
	margin-top:24px;
	text-align:center
}
.improved-recovery-steps .app-instruction-block p,.improved-recovery-steps .info-container h3.main-italic-header{
	margin-bottom:16px;
	text-align:left
}
.improved-recovery-steps .app-instruction-block .main-italic-header{
	color:#495057;
	font-family:LatoWeb,source_sans_prosemibold,Arial;
	font-weight:800;
	text-align:left
}
.improve-recovery-steps .button-container{
	height:100px;
	width:100%
}
.improved-recovery-steps .backup-input-button.mega-button.left{
	font-size:14px;
	line-height:36px;
	right:0;
	text-align:center;
	text-decoration:none
}
.improved-recovery-steps .recover-button.yes.mega-button,.improved-recovery-steps .restore-verify-button{
	float:none;
	margin:0 auto
}
.improved-recovery-steps .button-container{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	margin-top:8px
}
.improved-recovery-steps .button-aligner{
	float:right;
	margin-top:24px;
	text-align:center;
	width:100%
}
.improved-recovery-steps .progress-meter{
	-webkit-touch-callout:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto;
	max-width:400px;
	opacity:.8;
	padding-top:0;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.improved-recovery-steps .restore-verify-button{
	display:flex;
	margin-top:64px
}
.improved-recovery-steps .login-register-input{
	margin-bottom:0
}
.improved-recovery-steps .login-register-input:hover{
	border:1px solid #ddd
}
.improved-recovery-steps .login-register-input input{
	background-color:transparent;
	color:#444;
	line-height:25px
}
.improved-recovery-steps .login-register-input input::placeholder{
	color:#aaa;
	opacity:1
}
.improved-recovery-steps .login-register-input input:-ms-input-placeholder{
	color:#aaa
}
.improved-recovery-steps .login-register-input input::-ms-input-placeholder{
	color:#aaa
}
.improved-recovery-steps .app-button{
	border-radius:3px;
	color:#555;
	cursor:pointer;
	display:inline-block;
	line-height:24px;
	margin:4px 2px;
	padding:0 8px
}
.improved-recovery-steps .app-button:first-of-type{
	margin-left:0
}
.improved-recovery-steps .app-button:last-of-type{
	margin-right:0
}
.improved-recovery-steps .app-button:hover{
	background-color:#f2f2f2;
	background-image:linear-gradient(-180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 94.9%, .8));
	color:#111
}
.improved-recovery-steps .app-button.active{
	background-color:#eb4444;
	background-image:linear-gradient(-180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 94.9%, 0));
	border:1px solid #d90007;
	border-radius:3px;
	box-shadow:0 1px 1px 0 rgba(0, 0, 0, .11),inset 0 1px 1px 0 hsla(0, 0%, 100%, .2);
	color:#fff
}
.improved-recovery-steps .app-button.active:hover{
	color:#fff
}
.improved-recovery-steps .app-instruction-block{
	margin:0 0 8px
}
.improved-recovery-steps .app-instruction-block select{
	background:transparent;
	border:none;
	font-family:LatoWeb,source_sans_proregular,Arial;
	font-size:14px;
	height:32px;
	padding:5px 5px 5px 12px;
	width:260px
}
.improved-recovery-steps .app-instruction-block select::-ms-expand{
	display:none
}
.improved-recovery-steps .app-instruction-block select{
	-webkit-appearance:none;
	appearance:none
}
.improved-recovery-steps ol.app-instructions-list{
	-webkit-margin-before:1em;
	-webkit-margin-after:0;
	-webkit-margin-start:0;
	-webkit-margin-end:0;
	-webkit-padding-start:0;
	list-style-type:none;
	padding:0
}
.improved-recovery-steps li.list-point:before{
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:12px;
	color:#333;
	content:counter(list);
	display:inline-block;
	font-size:13px;
	font-weight:900;
	height:23px;
	line-height:22px;
	margin-right:10px;
	padding-left:0;
	text-indent:8px;
	vertical-align:top;
	width:23px
}
.improved-recovery-steps .list-point{
	counter-increment:list;
	font-family:LatoWeb,source_sans_proregular,Arial;
	line-height:23px;
	margin-bottom:12px;
	margin-left:40px;
	text-indent:-40px
}
.improved-recovery-steps .list-point b.megasync-logo{
	background-image:url(../images/mega/top-sprite.png?v=7ef2b23a163ae63a);
	background-position:-6px -773px;
	background-repeat:no-repeat;
	height:24px;
	margin:0 -39px 0 0;
	padding-left:66px;
	width:24px
}
.improved-recovery-steps .text-link{
	color:#eb4444
}
.improved-recovery-steps .recovery-text-button{
	font-family:LatoWeb,source_sans_proregular,Arial;
	font-size:14px;
	line-height:21px;
	margin:12px auto 24px;
	text-align:center
}
.improved-recovery-steps .text-link:hover{
	cursor:pointer;
	text-decoration:underline
}
.es .improved-recovery-steps .list-point b.megasync-logo{
	margin:0 -29px 0 3px;
	padding-left:68px
}
.br .improved-recovery-steps .list-point b.megasync-logo{
	margin:0 -12px 0 3px;
	padding-left:68px
}
.de .improved-recovery-steps .list-point b.megasync-logo{
	margin:0 -33px 0 4px;
	padding-left:68px
}
.fr .improved-recovery-steps .list-point b.megasync-logo,.it .improved-recovery-steps .list-point b.megasync-logo{
	margin:0 -31px 0 4px;
	padding-left:68px
}
.tr .improved-recovery-steps .list-point b.megasync-logo{
	margin:0 -15px 0 4px;
	padding-left:68px
}
.ru .improved-recovery-steps .list-point b.megasync-logo{
	margin:0 -15px 0 4px
}
.improved-recovery-steps strong{
	color:var(--text-color-high);
	font-family:var(--text-font-family-semibold)
}
.improved-recovery-steps strong.warning-text{
	color:var(--text-color-error)
}
.improved-recovery-steps .instruction-block{
	color:#495057;
	font-family:LatoWeb,source_sans_proregular,Arial;
	font-size:13px;
	margin-top:24px
}
.improved-recovery-steps .recover-state{
	color:#00a58f;
	font-family:source_sans_probold,LatoWeb,Arial;
	font-size:14px;
	letter-spacing:0;
	text-align:center
}
.improved-recovery-steps .recover-state.warning{
	color:var(--text-color-error)
}
.improved-recovery-steps .container-information .warning-text{
	color:var(--text-color-error);
	font-family:var(--text-font-family-semibold)
}
.improved-recovery-steps .container-information li{
	color:#676d75;
	margin-bottom:16px
}
.improved-recovery-steps .container-information li:last-of-type{
	margin-bottom:0
}
.improved-recovery-steps .content-highlight{
	background-color:rgba(42, 175, 95, .04);
	border:1px solid #d4efdf;
	border-radius:2px;
	color:#55bf7f;
	cursor:pointer;
	font-size:14px;
	line-height:46px
}
.improved-recovery-steps .content-highlight-block{
	bottom:12px;
	position:absolute;
	width:100%
}
.improved-recovery-steps .content-highlight:hover{
	background-color:rgba(42, 175, 95, .04);
	border:1px solid rgba(42, 175, 95, .2)
}
.improved-recovery-steps .content-highlight.warning{
	background:rgba(235, 68, 68, .03);
	border:1px solid rgba(235, 68, 68, .1);
	border-radius:2px;
	color:#eb4444
}
.improved-recovery-steps .feedback-logo{
	margin-left:12px;
	margin-right:16px;
	margin-top:7px
}
.improved-recovery-steps .warning-icon.warning{
	display:block
}
.improved-recovery-steps .nav-back-icon{
	background-image:url(../images/mega/icons-sprite.png?v=48528e60724d858e);
	background-position:-204px -196px;
	background-repeat:no-repeat;
	background-size:262px auto;
	display:inline-block;
	height:16px;
	margin:2px 12px 0 0;
	opacity:.4;
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
	vertical-align:top;
	width:18px
}
.improved-recovery-steps .right-header{
	display:block;
	margin:0 auto;
	opacity:1;
	position:relative;
	width:680px
}
.improved-recovery-steps .nav-header-block{
	line-height:24px;
	opacity:1;
	position:relative
}
.improved-recovery-steps .nav-header-block h2{
	color:#9a9fa2;
	display:inline-block;
	font-family:LatoWeb;
	font-size:13px;
	font-weight:400;
	letter-spacing:0;
	line-height:27px;
	margin:0;
	padding:0;
	white-space:nowrap
}
.improved-recovery-steps .nav-back-subheading{
	display:none
}
.improved-recovery-steps .nav-header-block:hover{
	cursor:pointer
}
.improved-recovery-steps .nav-header-block:hover h2{
	text-decoration:underline
}
.improved-recovery-steps .recover-account-email-block{
	margin:64px auto 32px;
	position:relative;
	width:360px
}
.park-account-dialog .recover-account-email-block{
	margin:40px auto 24px
}
.backup-recover .recover-image,.improved-recovery-steps .recover-image,.improved-recovery-steps .session-image-block{
	background-image:url(../images/mega/recover-account-sprite.png?v=83dadcefcd96b88b);
	background-repeat:no-repeat;
	background-size:344px auto;
	display:block;
	height:95px;
	width:100%
}
.improved-recovery-steps .recover-image.email{
	background-position:0 -372px
}
.improved-recovery-steps .recover-image.key{
	background-position:0 -11px
}
.improved-recovery-steps .recover-image.lock{
	background-position:-172px -13px
}
.improved-recovery-steps .recover-image.gray-device{
	background-position:0 -140px
}
.improved-recovery-steps .recover-image.device-password{
	background-position:-172px -138px
}
.improved-recovery-steps .recover-image.locked-key{
	background-position:-186px -251px
}
.improved-recovery-steps .recover-image.unlocked-key{
	background-position:-186px -372px
}
.improved-recovery-steps .recover-image.incoming-mail{
	background-position:0 -491px
}
.improved-recovery-steps .recover-image.park-account{
	background-position:-172px -491px
}
.improved-recovery-steps .recover-image.safe-vault{
	background-position:23px -823px
}
.improved-recovery-steps .recover-image.shiny-key{
	background-position:-172px -816px
}
.improved-recovery-steps .session-image-block{
	height:94px;
	margin:0 auto 12px;
	width:120px
}
.improved-recovery-steps .check-sessions{
	display:table;
	margin:30px auto 0
}
.improved-recovery-steps .backup-key-info{
	display:table;
	margin:40px auto 0
}
.improved-recovery-steps .backup-key-info-text,.improved-recovery-steps .check-sessions-text{
	display:block;
	margin:0
}
.improved-recovery-steps .col-3{
	cursor:pointer;
	padding:0 12px 20px;
	position:relative;
	width:32.5%
}
.recovery-key-info.improved-recovery-steps .col-3{
	cursor:auto;
	padding-bottom:0
}
.improved-recovery-steps .check-sessions .col-3{
	border:2px solid hsla(0, 0%, 60%, .25);
	border-radius:4px;
	display:table-cell
}
.improved-recovery-steps .backup-key-info .col-3{
	display:table-cell
}
.improved-recovery-steps .check-sessions .col-3:hover{
	border-color:rgba(42, 175, 95, .55)
}
.improved-recovery-steps .check-sessions .col-3.active{
	border-color:#2aaf5f
}
.improved-recovery-steps .session-image-block.desktop{
	background-position:0 -611px
}
.improved-recovery-steps .session-image-block.browser{
	background-position:-233px -611px
}
.improved-recovery-steps .session-image-block.mobile{
	background-position:-123px -611px
}
.improved-recovery-steps .check-sessions .session-text{
	font:var(--text-body2);
	text-align:center
}
.improved-recovery-steps .backup-key-info .backup-key-info-text{
	color:var(--text-color-high);
	font:var(--text-body1);
	text-align:center
}
.improved-recovery-steps .check-sessions .checkboxOff,.improved-recovery-steps .check-sessions .checkboxOn{
	border-radius:100%;
	height:20px;
	position:absolute;
	right:0;
	top:5px;
	width:20px
}
.improved-recovery-steps .check-sessions .checkdiv{
	box-shadow:none;
	-webkit-box-shadow:none
}
.improved-recovery-steps .check-sessions .checkdiv:before{
	display:none
}
.improved-recovery-steps .check-sessions .checkdiv:after{
	background-image:url(../images/mega/top-login-sprite.png?v=33cef2f0849ccdf5);
	background-position:-25.5px -1850px;
	background-repeat:no-repeat;
	content:"";
	display:block;
	height:100%;
	position:absolute;
	top:0;
	width:100%
}
.improved-recovery-steps .check-sessions .checkboxOn{
	background-color:#2aaf5f
}
.improved-recovery-steps .check-sessions .checkboxOff{
	background-color:hsla(0, 0%, 60%, .25)
}
.improved-recovery-steps .check-sessions .col-3:hover .checkboxOff{
	background-color:rgba(42, 175, 95, .55)
}
.improved-recovery-steps h5.main-italic-header{
	color:var(--text-color-high);
	display:inline-block;
	padding:0
}
.improved-recovery-steps .recover-divider h5.main-italic-header{
	background:#fff;
	display:block;
	margin:auto;
	position:relative
}
.improved-recovery-steps .recover-paste-block .left-section,.improved-recovery-steps .recover-paste-block .right-section{
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:middle
}
.improved-recovery-steps .recover-paste-block .left-section{
	text-align:start;
	width:50%
}
.improved-recovery-steps .recover-paste-block .right-section{
	text-align:end;
	width:49%
}
.improved-recovery-steps .recover-paste-block .right-section>button:not(.hidden){
	margin:8px 4px;
	min-width:95px
}
.securitypractice .improved-recovery-steps .recover-paste-block .right-section>button{
	margin-left:8px
}
.improved-recovery-steps .recover-paste-block .right-section>button.no-hover:hover{
	background-color:initial
}
.improved-recovery-steps .recover-paste-block .recovery-key.account.input-wrapper .icon{
	-webkit-margin-end:6px;
	background-position:-172px -715px;
	display:inline-block;
	height:22px;
	margin-inline-end:6px;
	opacity:.7;
	vertical-align:bottom;
	width:24px
}
.improved-recovery-steps.withkey .recover-paste-block .recovery-key.account.input-wrapper .icon{
	margin-bottom:4px
}
.improved-recovery-steps .paste-key.mega-button.positive{
	position:absolute;
	right:24px;
	top:50%;
	transform:translateY(-50%)
}
.improved-recovery-steps .account.input-wrapper{
	display:block;
	margin:0
}
.improved-recovery-steps .mega-input.title-ontop{
	display:inline-flex;
	margin:0
}
.improved-recovery-steps.withkey .mega-input.title-ontop,.improved-recovery-steps.withoutkey .mega-input.title-ontop{
	width:418px
}
.improved-recovery-steps .recover-block.success .mega-input.title-ontop{
	margin:20px auto 0
}
.improved-recovery-steps .recovery-key.account.input-wrapper{
	border-bottom:0;
	height:auto;
	margin-top:8px;
	padding:0;
	width:260px
}
.improved-recovery-steps .recovery-key.account.input-wrapper input{
	margin-top:0
}
.improved-recovery-steps .recovery-key.account.input-wrapper:after{
	height:0
}
.improved-recovery-steps.withkey .recovery-key.account.input-wrapper{
	border-bottom:1px solid #ccc;
	line-height:22px
}
.improved-recovery-steps b,.improved-recovery-steps strong{
	font-family:var(--text-font-family-semibold)
}
.improved-recovery-steps .checkbox-container,.improved-recovery-steps .info-container{
	min-height:44px;
	overflow:auto
}
.improved-recovery-steps .app-instruction-block,.improved-recovery-steps .checkbox-container,.improved-recovery-steps .info-container,.improved-recovery-steps .recover-paste-block,.improved-recovery-steps .recover-upload-block{
	background:var(--surface-grey-1);
	border:1px solid var(--stroke-grey-2);
	border-radius:6px;
	height:auto;
	margin:24px auto 0;
	padding:16px;
	position:relative
}
.improved-recovery-steps .recover-upload-block{
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin-bottom:0
}
.improved-recovery-steps .recover-upload-block .upload-key{
	margin-left:12px;
	position:relative;
	right:8px;
	transform:unset
}
.improved-recovery-steps .recover-upload-block .upload-key span{
	white-space:nowrap
}
.improved-recovery-steps .recover-paste-block{
	margin-bottom:32px;
	margin-top:0
}
.park-account-dialog .fm-dialog-body{
	padding:0 30px
}
.improved-recovery-steps .app-button-block{
	align-items:center;
	background:var(--surface-main);
	border:var(--dropdown-border);
	border-radius:4px;
	cursor:pointer;
	display:flex;
	float:none;
	margin:0 auto;
	min-height:auto;
	padding:0;
	position:relative;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	width:260px
}
.improved-recovery-steps .app-button-block i.icon-dropdown{
	--icon-size:24px;
	cursor:default;
	pointer-events:none;
	position:absolute;
	right:0
}
.improved-recovery-steps .app-button-block:hover{
	box-shadow:0 0 0 4px rgba(0, 0, 0, .1);
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.improved-recovery-steps .recover-divider{
	height:38px;
	position:relative
}
.improved-recovery-steps .recover-divider hr{
	border-bottom-width:0;
	border-color:rgba(38, 47, 59, .15);
	display:inline-block;
	float:right;
	margin:0;
	position:absolute;
	right:0;
	top:50%;
	width:100%
}
.improved-recovery-steps .recover-divider .main-italic-header{
	line-height:38px;
	text-align:center;
	width:10%
}
.backup-recover.withoutkey p:last-of-type{
	margin-bottom:32px
}
.improved-recovery-steps .check-sessions{
	margin-top:16px
}
.improved-recovery-steps .check-sessions-text{
	margin-top:32px
}
.improved-recovery-steps .post-register,.improved-recovery-steps.post-register .pre-register{
	display:none !important
}
.improved-recovery-steps.post-register .post-register{
	display:block !important
}
.improved-recovery-steps.post-register .reset-account,.improved-recovery-steps.recovery-key-dialog .skip-button{
	display:none
}
.improved-recovery-steps.recovery-key-dialog.post-register .skip-button{
	cursor:pointer;
	display:block
}
.improved-recovery-steps.post-register .skip-button:hover{
	text-decoration:underline
}
.mega-dialog.recovery-key-dialog.post-register{
	height:auto
}
.mega-dialog.recovery-key-dialog.post-register a.info{
	color:var(--text-color-info)
}
@media only screen and (max-width:1250px){
.improved-recovery-steps .password-tooltip.tooltip-block{
	right:-200px;
	top:45px
}
.improved-recovery-steps .password-tooltip.tooltip-block .triangle-pointer{
	left:170px;
	top:-8px;
	transform:rotate(135deg)
}
}

.fm-right-account-block div.full-sized{
	flex:initial;
	width:100%
}
.fm-right-account-block div.align-top{
	align-items:flex-start
}
.fm-right-account-block div.justify-end{
	justify-content:flex-end
}
.fm-account-main .green-label{
	background-color:initial;
	color:var(--text-color-success)
}
.fm-account-main .red-label{
	background-color:initial;
	color:var(--text-color-error)
}
.fm-right-account-block .data-table{
	margin-bottom:24px
}
.fm-right-account-block .data-table .label-with-icon{
	align-items:center;
	display:flex
}
.fm-right-account-block .data-table .label-with-icon img{
	-webkit-margin-end:8px;
	margin-inline-end:8px;
	width:16px
}
.fm-right-account-block .data-table .label-with-icon i{
	--icon-size:16px;
	-webkit-margin-end:8px;
	margin-inline-end:8px
}
.fm-right-account-block .data-table span{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis
}
.fm-right-account-block .data-table.sessions .mega-button span{
	white-space:nowrap
}
.fm-right-account-block .data-table span.break-word{
	word-break:break-word
}
.fm-right-account-block form{
	align-content:flex-start;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:-20px;
	width:100%
}
.fm-right-account-block .mega-input.title-ontop{
	width:calc(50% - 16px)
}
.fm-right-account-block .mega-input+.mega-input.title-ontop:nth-child(2){
	margin:20px 0 0
}
.fm-right-account-block .mega-input.title-ontop input.short-input{
	-webkit-margin-start:8px;
	margin-inline-start:8px;
	padding:2px 0
}
.fm-right-account-block .label-wrap{
	-webkit-padding-end:15px;
	align-items:center;
	display:flex;
	flex:1;
	padding-inline-end:15px
}
.fm-right-account-block .label-wrap.full-sized,.fm-right-account-block .label-wrap:last-child{
	-webkit-padding-end:0;
	padding-inline-end:0
}
.fm-right-account-block .label-wrap.full-sized+.label-wrap{
	padding:14px 0 0
}
.fm-right-account-block .label-wrap i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	margin:2px 4px;
	transition:var(--transition-opacity)
}
.account-counter-number{
	align-content:center;
	background:var(--surface-grey-2);
	border-radius:4px;
	display:flex;
	margin:0 12px;
	width:60px
}
.account-counter-number:last-child{
	-webkit-margin-end:0;
	margin-inline-end:0
}
.account-counter-number.short{
	width:38px
}
.account-counter-number input{
	background:transparent;
	border:0;
	box-sizing:border-box;
	color:var(--text-color-high);
	font:var(--text-body1);
	line-height:36px;
	margin:0;
	outline:none;
	padding:0 10px;
	text-align:center;
	width:100%
}
.account-counter-number.short input{
	padding:0 3px
}
.fm-account-sections .mega-switch{
	float:none
}
.fm-account-sections .switch-container{
	border-top:1px solid var(--stroke-grey-2);
	padding:24px 0 0
}
.fm-account-sections .mega-switch+.label-wrap{
	padding:12px 0 0
}
.settings-sub-section .radio-buttons{
	display:flex;
	flex-wrap:wrap;
	padding:18px 0 0;
	width:100%
}
.settings-sub-section .radio-txt{
	color:var(--text-color-medium);
	cursor:pointer;
	font:var(--text-body1);
	transition:.3s;
	vertical-align:top
}
.settings-sub-section .radio-txt,.settings-sub-section .radio-txt:last-child{
	-webkit-padding-end:0;
	padding-inline-end:0
}
.settings-sub-section .radio-txt.big{
	font:var(--text-h3)
}
.settings-sub-section .radio-txt.small{
	font:var(--text-body1)
}
.fm-right-account-block,.fm-right-block{
	height:calc(100% - 64px);
	min-width:auto;
	position:relative;
	top:16px
}
.fm-right-block.full-size{
	height:calc(100% - 48px);
	top:0
}
.fm-account-sections{
	box-sizing:border-box;
	color:var(--text-color-medium);
	font:var(--text-h3);
	margin:0 auto;
	max-width:988px;
	padding:0 24px 40px;
	position:relative
}
.settings-left-block{
	padding:14px 0;
	width:30%
}
.settings-left-block .title-txt{
	padding:18px 0
}
.settings-left-block .content-txt:last-child{
	padding-bottom:18px
}
.settings-right-block{
	-webkit-padding-start:56px;
	box-sizing:border-box;
	padding:14px 0;
	padding-inline-start:56px;
	width:70%
}
.settings-right-block .content-txt{
	padding-top:18px;
	width:100%
}
.settings-full-block{
	padding:10px 0;
	width:100%
}
.account.data-block{
	border-bottom:1px solid var(--stroke-grey-2);
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.account.data-block:last-child{
	border:0
}
.settings-sub-section{
	align-items:center;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:24px 0;
	position:relative
}
.settings-sub-section:not(.hidden)~.settings-sub-section{
	border-top:1px solid var(--stroke-grey-2)
}
.settings-sub-section.sub-container:not(.hidden){
	border:0;
	max-height:100px;
	padding-top:0
}
.settings-sub-section.closed{
	padding:0
}
.settings-sub-section button+button{
	-webkit-margin-start:8px;
	margin-inline-start:8px
}
.content-panel .settings-button{
	cursor:pointer;
	font:var(--text-body1);
	margin:0 0 4px;
	position:relative
}
.content-panel .settings-button .head-title,.content-panel .settings-button .sub-title{
	--mask-color:var(--icon-rest);
	align-items:center;
	border-radius:4px;
	box-sizing:border-box;
	color:var(--text-color-medium);
	display:flex;
	min-height:32px;
	padding:2px 4px;
	transition:var(--transition-color), var(--transition-bg-color)
}
.content-panel .settings-button .head-title{
	margin:2px 0
}
.content-panel .settings-button .sub-title{
	margin:1px 0
}
.content-panel .settings-button.active .head-title,.content-panel .settings-button .head-title:hover,.content-panel .settings-button .sub-title:hover{
	background-color:var(--stroke-grey-1);
	box-shadow:0 1px 4px 0 rgb(0 0 0 / .1);
	color:var(--stroke-main-inverted);
	cursor:pointer
}
.content-panel .settings-button .head-title i{
	--icon-size:24px;
	transition:var(--transition-color)
}
.content-panel .settings-button .head-title i.expand{
	--icon-size:16px;
	transform:rotate(90deg)
}
.content-panel .settings-button .head-title span{
	padding:0 4px
}
.content-panel .settings-button .sub-menu{
	box-sizing:border-box;
	max-height:250px
}
.content-panel .settings-button .sub-title{
	-webkit-padding-start:50px;
	color:var(--text-color-medium);
	font:var(--text-body1);
	padding-inline-start:50px
}
.content-panel .settings-button.active .head-title,.content-panel .settings-button .head-title:hover{
	--mask-color:var(--icon-active);
	color:var(--text-color-high)
}
.content-panel .settings-button.closed .head-title i.expand{
	transform:rotate(0)
}
.rtl .content-panel .settings-button.closed .head-title i.expand{
	transform:rotate(180deg)
}
.settings-left-block .account.qr-block{
	margin:0 0 18px;
	max-height:126px
}
.settings-left-block .account.qr-icon canvas{
	background-color:var(--secondary-white);
	border-radius:10px;
	padding:10px
}
.fm-right-account-block .fm-account-avatar{
	border-radius:0;
	cursor:default;
	flex:1;
	height:auto;
	margin:0 32px;
	overflow:visible;
	width:auto
}
.fm-right-account-block .avatar-wrapper{
	border-radius:100%;
	cursor:pointer;
	font-family:var(--text-font-family);
	font-size:24px;
	height:64px;
	line-height:64px;
	margin:0 auto;
	padding:0;
	width:64px
}
.fm-right-account-block .avatar-wrapper img{
	background-color:var(--text-color-white-higher);
	border:1px solid rgba(0, 0, 0, .2);
	box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .05);
	box-sizing:border-box;
	height:64px;
	padding:1px;
	width:64px
}
.fm-right-account-block .avatar-bg.colorized:after{
	background:none
}
.mega-input.title-ontop.birth input::placeholder{
	opacity:1
}
.fm-right-account-block .birth-arrow-container{
	-webkit-margin-end:3px;
	cursor:pointer;
	display:inline-block;
	height:32px;
	margin-inline-end:3px;
	position:relative;
	width:16px
}
.fm-right-account-block .birth-arrow-container i{
	--icon-size:16px;
	--mask-color:var(--icon-inactive);
	border-radius:0;
	display:block;
	float:none;
	padding:0;
	transform:rotate(90deg);
	transition:var(--transition-color)
}
.fm-right-account-block .birth-arrow-container .up-control{
	transform:rotate(270deg)
}
.fm-right-account-block .birth-arrow-container i:hover{
	--mask-color:var(--icon-rest)
}
.account.plan-info{
	color:var(--text-color-high);
	font:var(--text-body1)
}
.account.plan-info.accounttype{
	color:var(--text-color-error)
}
.free .account.plan-info.accounttype{
	color:var(--text-color-success)
}
.lite .account.plan-info.accounttype{
	color:var(--secondary-orange)
}
.business.account.plan-info.accounttype{
	color:var(--secondary-green)
}
.fm-right-account-block .bars-container{
	--settings-bar-color:var(--label-blue);
	display:flex;
	justify-content:flex-end;
	width:100%
}
.fm-right-account-block .bars-container.bandwidth{
	--settings-bar-color:var(--label-green)
}
.fm-right-account-block .bars-content{
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	min-width:334px
}
.fm-right-account-block .settings-bar{
	background:var(--settings-bar-color);
	border-radius:4px;
	display:flex;
	height:8px;
	justify-content:flex-end;
	margin:8px 0 0;
	overflow:hidden;
	width:100%
}
.fm-right-account-block .settings-sub-bar{
	background:var(--surface-black);
	height:100%;
	opacity:.2;
	width:0
}
.fm-right-account-block .quota-note{
	align-items:center;
	color:var(--text-color-low);
	display:inline-flex;
	font:var(--text-body2);
	margin:5px 0 0
}
.fm-right-account-block .quota-note+.quota-note{
	-webkit-margin-start:15px;
	margin-inline-start:15px
}
.fm-right-account-block .quota-note i{
	-webkit-margin-end:8px;
	background-color:var(--settings-bar-color);
	border-radius:100%;
	content:"";
	display:inline-block;
	height:8px;
	margin-inline-end:8px;
	width:8px
}
.fm-right-account-block .achieve-quota-note i:before{
	background:var(--surface-black);
	border-radius:100%;
	content:"";
	display:block;
	height:100%;
	opacity:.2
}
.fm-right-account-block .data-table.purchases .label-with-icon{
	color:var(--text-color-high)
}
.fm-account-security .download-button .bouncing-loader,.fm-account-security .download-button.loading .loading-txt{
	display:none
}
.fm-account-security .download-button.loading .bouncing-loader{
	display:block
}
.fm-account-security .error-message{
	color:var(--stroke-error);
	margin-top:18px
}
.data-table.sessions th:nth-child(3){
	width:140px
}
.data-table.sessions th:last-child{
	width:20px
}
.data-table.sessions .status-label{
	align-items:center;
	background-color:var(--label-grey);
	border-radius:12px;
	box-sizing:border-box;
	color:var(--text-color-white-higher);
	display:inline-flex;
	font:var(--text-body1);
	margin:1px 0;
	padding:2px 9px;
	white-space:nowrap
}
.data-table.sessions .status-label.green{
	background-color:var(--label-green)
}
.data-table.sessions .status-label.blue{
	background-color:var(--label-blue)
}
.fm-right-account-block .rubsched-options{
	max-height:250px
}
.ui-slider.ui-widget-content{
	background:var(--surface-progress-background);
	border:0;
	border-radius:4px;
	box-sizing:border-box;
	direction:ltr;
	height:8px;
	margin:24px 0 0;
	position:relative
}
.ui-menu.ui-widget{
	max-height:200px;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0;
	position:relative
}
.ui-slider-handle{
	-webkit-margin-start:-16px;
	background:var(--surface-grey-2);
	border-radius:3px;
	box-shadow:0 0 0 1px var(--switch-handle-border);
	cursor:pointer;
	display:block;
	height:20px;
	margin:0;
	margin-inline-start:-16px;
	position:absolute;
	top:-6px;
	width:32px;
	z-index:10
}
.ui-slider-handle:after,.ui-slider-handle:before{
	--mask-color:var(--icon-rest);
	height:16px;
	left:0;
	margin:2px 0;
	position:absolute;
	width:16px
}
.ui-slider-handle:after{
	left:auto;
	right:0
}
.ui-slider .ui-slider-range{
	background:var(--surface-dark-grey);
	border-radius:4px 4px 0;
	height:8px;
	margin:0;
	position:absolute
}
.upload-settings .ui-slider-range{
	background:var(--secondary-blue)
}
.download-settings .ui-slider-range{
	background:var(--secondary-green)
}
.slider.numbers-wrap{
	direction:ltr;
	display:flex;
	justify-content:space-between
}
.slider.numbers{
	color:var(--text-color-medium);
	font:var(--text-h3);
	margin:4px 0 8px;
	position:relative;
	text-align:left;
	white-space:nowrap
}
.slider.numbers span{
	margin:8px 4px 0;
	position:absolute;
	top:0
}
.slider.numbers.swapped span{
	right:0
}
.slider.numbers small{
	color:var(--text-color-low);
	font:var(--text-body1)
}
.slider.numbers:before{
	background-color:var(--divider-color);
	content:"";
	display:block;
	height:24px;
	top:4px;
	width:1px
}
.slider.numbers.active{
	color:var(--text-color-high)
}
.slider-percentage-bl{
	align-items:center;
	display:flex;
	padding:30px 0 0
}
.slider-percentage{
	background:var(--surface-dark-grey);
	border-radius:4px;
	box-sizing:border-box;
	color:var(--text-color-high-inverted);
	font:var(--text-body1);
	min-width:160px;
	padding:4px;
	text-align:center
}
.slider-percentage span{
	font:var(--text-h3)
}
.slider-percentage span.warn{
	color:var(--secondary-orange-inverted)
}
.slider-tip{
	-webkit-margin-start:15px;
	color:var(--text-color-medium);
	font:var(--text-body2);
	margin-inline-start:15px
}
.fm-right-account-block .settings-sync-icon{
	background:var(--avatar-blue);
	border-radius:100%;
	box-sizing:border-box;
	display:block;
	height:30px;
	margin:10px 0;
	padding:3px;
	width:30px
}
.fm-right-account-block .settings-sync-icon i{
	--mask-color:var(--text-color-white-higher);
	--icon-size:24px;
	margin:auto
}
.data-table.megadrop{
	--mask-color:var(--icon-rest);
	table-layout:fixed
}
.data-table.megadrop td{
	vertical-align:top
}
.data-table.megadrop th:first-child{
	width:30%
}
.data-table.megadrop th:nth-child(3){
	white-space:nowrap;
	width:90px
}
.data-table.megadrop td>span{
	font:var(--text-body1);
	padding:1px 0
}
.data-table.megadrop .megadrop-icon{
	--icon-size:24px;
	cursor:pointer;
	display:inline-block;
	margin:1px 2px;
	opacity:0;
	transition:var(--transition-opacity);
	vertical-align:top
}
.data-table.megadrop tr:hover .megadrop-icon{
	opacity:1
}
.data-table.megadrop .settings-breadcrumbs{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	padding:1px 0;
	white-space:normal
}
.data-table.megadrop .settings-breadcrumbs .item{
	align-items:center;
	display:inline-flex;
	max-width:100%;
	min-height:24px;
	white-space:nowrap
}
.data-table.megadrop .settings-breadcrumbs .item a{
	cursor:pointer;
	font:var(--text-body1);
	overflow:hidden;
	position:relative;
	text-overflow:ellipsis
}
.data-table.megadrop .settings-breadcrumbs .item i{
	--icon-size:16px;
	margin:0 8px
}
.data-table.megadrop .settings-breadcrumbs .item i:first-child{
	--icon-size:24px;
	-webkit-margin-start:0;
	margin-inline-start:0
}
.data-table.megadrop .tab-wrapper{
	border-bottom:1px solid var(--stroke-grey-2);
	display:flex;
	justify-content:flex-start;
	padding:20px 0 0
}
.data-table.megadrop .tab{
	-webkit-margin-end:24px;
	align-items:center;
	border-bottom:2px solid transparent;
	color:var(--text-color-high);
	cursor:pointer;
	display:flex;
	font:var(--text-body1);
	margin-inline-end:24px;
	opacity:.7;
	padding:4px 0;
	transition:var(--transition-opacity), var(--transition-border)
}
.data-table.megadrop .tab.active,.data-table.megadrop .tab:hover{
	border-color:var(--secondary-blue);
	opacity:1
}
.data-table.megadrop .tab i{
	--icon-size:24px;
	--mask-color:var(--icon-active);
	-webkit-margin-end:8px;
	margin-inline-end:8px
}
.data-table.megadrop .fm-body-text{
	margin:20px 0 8px
}
.data-table.megadrop .settings-table-buttons{
	display:flex;
	justify-content:flex-end;
	padding:24px 0 18px
}
.data-table.megadrop .mega-button{
	-webkit-margin-start:8px;
	margin-inline-start:8px
}
.fm-right-account-block .push-settings-status{
	padding:18px 0 0;
	width:100%
}
.fm-right-account-block .push-settings-status span{
	-webkit-padding-start:4px;
	color:var(--secondary-green);
	padding-inline-start:4px
}
.fm-right-account-block .resellers-voucher-bl{
	align-items:center;
	display:flex
}
.fm-right-account-block .content-txt.resellerbuy{
	padding:0;
	width:auto
}
.add-phone-num-banner .account.verify-icon{
	background:var(--secondary-blue);
	border-radius:100%;
	display:inline-block;
	height:100px;
	overflow:hidden;
	vertical-align:middle;
	width:100px
}
.add-phone-num-banner .account.verify-icon i{
	--width:84px;
	height:84px;
	margin:16px auto 0;
	width:84px
}
.add-phone-num-banner .mega-button+.mega-button{
	display:flex;
	margin:12px auto 0
}
.quota-banner{
	justify-content:space-between;
	max-width:940px
}
.quota-banner .settings-banner-cell:nth-child(n){
	flex:initial;
	text-align:center;
	width:auto
}
.dashboard .settings-banner{
	background:var(--surface-grey-5);
	max-width:100%;
	width:100%
}
.low-width .quota-banner .settings-banner-cell:nth-child(n){
	width:50%
}
.low-width .quota-banner .settings-banner-cell:last-child{
	padding-top:0;
	width:100%
}
.quota-banner .fm-account-blocks{
	display:inline-block;
	text-align:start
}
.quota-banner .account.chart-block{
	padding:0;
	white-space:nowrap
}
.quota-banner .tiny-chart .chart.icon{
	left:22px;
	top:16px
}
.fm-right-account-block .icon.chart{
	height:32px;
	opacity:1;
	width:32px
}
.quota-banner .account.chart.overlay{
	background-color:initial
}
.quota-banner .account.chart.body:after{
	background:var(--surface-grey-5)
}
.quota-banner .chart.body .perc-txt{
	color:var(--text-color-high);
	display:block;
	font:var(--text-body1);
	height:auto;
	left:50%;
	position:absolute;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	z-index:11
}
.quota-banner .going-out .tiny-chart .chart.data .size-txt{
	color:var(--text-color-warning)
}
.quota-banner .exceeded .tiny-chart .chart.data .size-txt{
	color:var(--text-color-error)
}
.quota-banner .chart.progressbars span:before{
	background:var(--stroke-dark-grey)
}
.quota-banner .fm-account-blocks:not(.no-percs) .chart.progressbars span:after{
	background:var(--stroke-dark-grey);
	border-radius:5px;
	bottom:0;
	content:"";
	height:6px;
	left:calc(50% - 3px);
	position:absolute;
	width:6px;
	z-index:12
}
.quota-banner .fm-account-blocks:not(.no-percs).going-out .chart.progressbars span:after,.quota-banner .going-out .chart.progressbars span:before{
	background:var(--stroke-warning)
}
.quota-banner .exceeded .chart.progressbars span:before,.quota-banner .fm-account-blocks:not(.no-percs).exceeded .chart.progressbars span:after{
	background:var(--stroke-error)
}
.quota-banner .fm-account-blocks:not(.no-percs).exceeded .chart.progressbars span:after{
	display:none
}
.tiny-chart .account.chart.body{
	display:inline-block;
	float:none;
	height:64px;
	transform:none;
	vertical-align:middle;
	width:64px
}
.tiny-chart .account.chart.overlay{
	height:68px;
	margin:15px 0 0 40px;
	width:68px
}
.tiny-chart .account.chart.overlay span{
	left:-3px;
	top:53px
}
.tiny-chart .account.chart.overlay span:first-child{
	left:22px;
	top:-6px;
	-o-transform:rotate(48deg);
	-ms-transform:rotate(48deg);
	-webkit-transform:rotate(48deg);
	transform:rotate(48deg)
}
.tiny-chart .chart.progressbars .right-chart{
	clip:rect(0, 64px, 64px, 32px)
}
.tiny-chart .chart.progressbars .right-chart.low-percent-clip{
	clip:rect(0, 32px, 64px, 0)
}
.tiny-chart .chart.progressbars .left-chart.low-percent-clip{
	clip:rect(0, 64px, 64px, 32px)
}
.tiny-chart .account.chart.body:after{
	height:52px;
	margin:6px;
	width:52px
}
.tiny-chart .chart.icon{
	left:22px;
	top:35px
}
.tiny-chart .chart-warning{
	display:none;
	font-size:12px
}
.exceeded .tiny-chart .chart-warning,.going-out .tiny-chart .chart-warning{
	display:block
}
.going-out .chart-warning a{
	color:#333
}
.tiny-chart .fm-account-header{
	color:var(--text-color-high);
	font:var(--text-body1-bold);
	margin:0 0 8px
}
.tiny-chart .chart.data .size-txt{
	color:var(--text-color-success);
	display:inline-block;
	font:var(--text-h3);
	vertical-align:bottom
}
.tiny-chart .chart.data .gb-txt,.tiny-chart .chart.data .of-txt,.tiny-chart .chart.data .pecents-txt{
	display:inline-block;
	font:var(--text-body1);
	padding-bottom:1px;
	vertical-align:bottom
}
.tiny-chart .chart.data .of-txt{
	color:var(--text-color-low);
	padding:0 4px 1px
}
.tiny-chart .account.chart.data{
	-webkit-margin-start:16px;
	display:inline-block;
	margin:6px 0 0 84px;
	margin-inline-start:16px;
	vertical-align:middle;
	white-space:normal
}
.fm-account-main.low-width .settings-left-block{
	padding:14px 0 0;
	width:100%
}
.fm-account-main.low-width .settings-right-block{
	padding:0 0 14px;
	width:100%
}
.account.user-data-block{
	font-size:0;
	line-height:0;
	padding:60px 20px 16px;
	position:relative;
	text-align:center
}
.dashboard .account.user-data-block{
	padding:24px 12px
}
.content-panel button.backup-master-key{
	margin:12px 0 0
}
.account.left-pane.info-block{
	padding:24px;
	text-align:center
}
.account.left-pane.info-block.backup-button{
	padding:24px 12px
}
.account.left-pane.info-item{
	align-items:center;
	display:flex;
	justify-content:space-between
}
.small-left-panel .account.left-pane.info-item{
	flex-direction:column
}
.small-left-panel .account.left-pane.small-txt{
	margin:20px 0 8px
}
.small-left-panel .account.left-pane.big-txt{
	margin:0 0 12px
}
.account.left-pane.info-block.business-users{
	padding:0
}
.account.left-pane.divider{
	background:var(--surface-main);
	height:2px
}
.account.account-card-info .mega-data-header{
	height:68px
}
.account.account-card-info .card-info.payment-card{
	margin-bottom:24px
}
.account.account-card-info .payment-card-icon{
	display:inline-block
}
.account.account-card-info.visa .payment-card-icon i{
	background-image:url(../imagery/mega-icon-visa.612aa40b3bccca29.svg);
	background-size:100%;
	height:45px;
	margin-top:17px;
	width:46px
}
.account.account-card-info .payment-card-icon i{
	--icon-size:48px;
	margin-left:24px;
	margin-top:14px
}
.account.account-card-info:not(.mc):not(.visa) .payment-card-icon i{
	background-image:url(../imagery/mega-icon-payment-outline.d3ddfa591562fa70.svg);
	background-size:100%;
	height:45px;
	margin-top:17px;
	width:46px
}
.account.account-card-info .payment-card-top{
	background-color:#00bfa5;
	background-image:url(../imagery/mega-Surface-card-green.f2df47a2e9378dfd.png);
	border-radius:8px 8px 0 0;
	direction:ltr;
	height:171px;
	width:364px
}
.account.account-card-info .payment-card-bottom{
	background-color:#03a892;
	border-radius:0 0 8px 8px;
	direction:ltr;
	height:61px;
	width:364px
}
.account.account-card-info.visa .payment-card-top{
	background-color:#4bb8f3;
	background-image:url(../imagery/mega-Surface-card-blue.b531989c51e0541f.png)
}
.account.account-card-info.mc .payment-card-top{
	background-color:#f3a03f;
	background-image:url(../imagery/mega-Surface-card-orange.d4fe644940bda7f4.png)
}
.account.account-card-info.visa .payment-card-bottom{
	background-color:#23a1e5
}
.account.account-card-info.mc .payment-card-bottom{
	background-color:#e58d27
}
.account.account-card-info .payment-card-nb{
	align-content:center;
	display:flex;
	height:34px;
	margin:14px 37px 6px 26px
}
.account.account-card-info .payment-card-expiry{
	height:20px;
	margin-left:26px
}
.account.account-card-info .payment-card-dots{
	color:var(--text-color-white-higher);
	display:inline-block;
	font-size:17px;
	letter-spacing:1px;
	margin-right:15px;
	margin-top:6px;
	width:62px
}
.account.account-card-info .payment-card-digits{
	color:var(--text-color-white-higher);
	font:var(--text-h1);
	font-family:var(--text-font-family-bold)
}
.account.account-card-info .payment-card-expiry-lbl,.account.account-card-info .payment-card-expiry-val{
	color:var(--text-color-white-higher);
	display:inline-block;
	font:var(--text-body1)
}
.account.account-card-info .payment-card-expiry-val{
	margin-left:1px
}
.account.account-card-info .payment-card-edit{
	color:var(--text-color-white-higher);
	display:inline-block;
	font:var(--text-body1);
	margin-left:26px;
	margin-top:26px;
	text-decoration:underline
}
.chat-settings .show-hide-wrap{
	display:flex;
	width:100%
}
.chat-settings .chat-show-wrapper{
	padding:16px 16px 0 0;
	width:100%
}
.chat-settings .chat-hide-wrapper{
	padding:16px 0 0;
	width:100%
}
.chat-settings .account-chat-avatar{
	border-radius:2px;
	box-sizing:border-box;
	color:#fff;
	display:inline;
	font-family:var(--text-body1);
	font-size:14px;
	font-style:normal;
	font-weight:400;
	height:32px;
	line-height:32px;
	text-align:center;
	width:32px
}
.chat-settings .chat-row{
	gap:8px;
	align-items:center;
	display:flex;
	height:40px;
	padding:8px
}
.chat-settings .chat-txt{
	color:var(--text-color-medium);
	font:var(--text-body2);
	font-size:12px
}
.chat-settings .checked.chat-selected{
	color:#00bfa5;
	display:inline;
	height:16px;
	position:absolute;
	right:5px;
	top:5px;
	width:16px
}
.chat-settings .chat-selected{
	display:none
}

@media print{
*{
	-webkit-print-color-adjust:exact !important;
	color-adjust:exact !important
}
.bottom-page .top-head{
	position:absolute !important
}
body,body *{
	max-width:100% !important
}
.data-block-view{
	left:auto !important;
	position:relative !important;
	top:auto !important
}
body.bottom-page,body.bottom-pages .fmholder{
	overflow:visible !important
}
#help2-main .sidebar-menu-container.fixed,#help2-main .support-section-header{
	position:absolute !important
}
.contact-us-revamp h1{
	margin-bottom:0
}
.bottom-page.img.mobile-top{
	margin:0 0 0 38px
}
.bottom-page.img.megasync,.bottom-page.img.mobile-app{
	padding:0
}
.bottom-page.full-block{
	overflow:hidden
}
.megasync .bottom-page img{
	width:60%
}
.bottom-page.img-wrap:before{
	display:none
}
.bottom-page .security-illustration{	
	left:auto;
	margin-left:auto;
	position:static
}
.bottom-page.table{
	table-layout:auto
}
}
@page{
	-webkit-print-color-adjust:exact !important;
	color-adjust:exact !important
}

.slide-in-out .slide-item{
	overflow-y:hidden;
	transition:max-height .3s ease-in-out,padding .3s ease-in-out;
	-webkit-transition:max-height .3s ease-in-out,padding .3s ease-in-out;
	-moz-transition:max-height .3s ease-in-out,padding .3s ease-in-out;
	-o-transition:max-height .3s ease-in-out,padding .3s ease-in-out;
	-ms-transition:max-height .3s ease-in-out,padding .3s ease-in-out
}
.slide-in-out.closed .slide-item{
	max-height:0 !important;
	padding-bottom:0;
	padding-top:0
}
.no-trans,.no-trans-init,.no-trans-init:after,.no-trans-init:before,.no-trans:after,.no-trans:before{
	-webkit-transition:none!important;
	-moz-transition:none!important;
	-o-transition:none!important;
	-ms-transition:none!important;
	transition:none!important
}
.ts-500{
	transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-o-transition-duration:.5s;
	-ms-transition-duration:.5s
}

.affiliate-program#fmholder{
	min-width:600px
}
.affiliate-program .fm-left-panel{
	display:none
}
.affiliate-program .nw-fm-left-icons-panel{
	border-right:2px solid var(--stroke-grey-1)
}
.fm-affiliate .breadcrumbs{
	--mask-color:var(--text-color-medium);
	align-items:center;
	background:var(--surface-main);
	box-sizing:border-box;
	display:flex;
	min-height:48px;
	padding:8px 24px
}
.fm-affiliate .breadcrumbs .item{
	color:var(--text-color-medium);
	cursor:default;
	display:inline-flex;
	font:var(--text-body1)
}
.fm-affiliate .breadcrumbs .item.active{
	cursor:pointer
}
.fm-affiliate .breadcrumbs .item.active:hover{
	color:var(--text-color-high)
}
.fm-affiliate .breadcrumbs i{
	--icon-size:16px;
	display:inline-flex;
	margin:0 8px
}
.rtl .fm-affiliate .breadcrumbs{
	direction:rtl
}
.rtl .fm-affiliate .breadcrumbs i{
	transform:rotate(180deg)
}
.fm-affiliate.body{
	background-color:var(--stroke-grey-1);
	display:none;
	height:calc(100% - 48px);
	overflow:hidden
}
.affiliate-program .fm-affiliate.body{
	display:block
}
.fm-affiliate.scroll-block{
	height:calc(100% - 48px);
	overflow:hidden;
	position:relative;
	width:100%
}
.rtl .fm-affiliate.scroll-block{
	direction:rtl
}
.fm-affiliate.content{
	box-sizing:border-box;
	font-size:0;
	line-height:0;
	margin:auto;
	max-width:1008px;
	padding:15px 24px 50px
}
.fm-affiliate.guide-block{
	display:flex;
	justify-content:flex-end;
	padding:0 0 18px
}
.fm-affiliate .mega-data-box{
	margin:0 0 28px
}
.fm-affiliate .columns-wrapper{
	display:flex;
	overflow:hidden
}
.fm-affiliate .boxes-wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.fm-affiliate .boxes-wrapper .mega-data-box{
	min-height:450px;
	width:calc(50% - 14px)
}
.fm-affiliate .refer-users-block{
	margin:0 0 36px
}
.fm-affiliate .refer-block{
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	flex:1;
	flex-direction:column;
	padding:0 12px 12px;
	position:relative;
	text-align:center;
	transition:var(--transition-shadow)
}
.fm-affiliate .refer-block:hover{
	box-shadow:1px 1px 10px 1px var(--button-hover)
}
.fm-affiliate .refer-block i{
	--icon-size:80px;
	margin:16px auto 8px
}
.fm-affiliate .refer-block .info{
	color:var(--text-color-medium);
	flex:1 1 auto;
	font:var(--text-body1)
}
.fm-affiliate .refer-block .info strong{
	color:var(--text-color-high);
	display:block;
	font:var(--text-h3);
	font-weight:400;
	padding:0 0 4px
}
.fm-affiliate .refer-block a{
	color:var(--secondary-green);
	display:block;
	font:var(--text-body1);
	padding:8px 0 10px
}
.fm-affiliate .commission-block{
	color:var(--text-color-high);
	display:flex;
	flex:1;
	flex-direction:column;
	font:var(--text-body1);
	padding:16px;
	text-align:center
}
.fm-affiliate .commission-block .title{
	flex:1
}
.fm-affiliate .commission-block .price{
	flex:1;
	font:var(--text-data);
	margin:8px 0 -5px
}
.fm-affiliate .commission-block .euro-price{
	color:var(--text-color-medium);
	font:var(--text-body1)
}
.fm-affiliate .commission-block .currency{
	font:var(--text-h3);
	line-height:inherit
}
.fm-affiliate .commission-block.active{
	background:var(--button-fill-positive);
	color:var(--text-color-white-high)
}
.fm-affiliate .commission-block.active .euro-price{
	color:var(--text-color-white-medium)
}
.fm-affiliate .commission-block sup{
	font:var(--text-caption);
	padding:0 0 0 4px;
	position:relative;
	vertical-align:top
}
.fm-affiliate .commission-block .price sup{
	line-height:inherit
}
.fm-affiliate .commission-body{
	border-top:1px solid var(--stroke-grey-2);
	color:var(--text-color-medium);
	font:var(--text-body2);
	padding:16px 24px;
	position:relative
}
.fm-affiliate .commission-body .note{
	font:var(--text-caption);
	line-height:inherit
}
.fm-affiliate .commission-body a{
	color:var(--text-color-high);
	text-decoration:underline
}
.fm-affiliate .commission-body a:hover{
	text-decoration:none
}
.fm-affiliate .mega-input-dropdown .option.label:after{
	background-color:var(--label-green);
	border-radius:100%;
	content:"";
	display:block;
	height:6px;
	width:6px
}
.fm-affiliate .mega-input-dropdown .option.label.orange:after{
	background-color:var(--label-orange)
}
.fm-affiliate .mega-input-dropdown .option.label.red:after{
	background-color:var(--label-red)
}
.fm-affiliate.no-redemption{
	color:var(--text-color-medium);
	font:var(--text-body2);
	padding:12px 0;
	text-align:center
}
.fm-affiliate.redeem-scroll{
	max-height:409px;
	overflow:hidden;
	position:relative
}
.fm-affiliate.redeem-scroll.expanded-item{
	max-height:590px
}
.fm-affiliate.redeem-summary{
	transition:var(--transition-bg-color)
}
.fm-affiliate.redeem-details{
	display:none
}
.fm-affiliate.redeem-details,.fm-affiliate.redeem-details:hover td:before{
	background:var(--surface-grey-1);
	border-color:var(--stroke-grey-1)
}
.fm-affiliate.redeem-details td:last-child:after,.rtl .fm-affiliate.redeem-details td:last-child:after{
	left:22px;
	right:auto;
	width:calc(100% - 44px)
}
.fm-affiliate.redeem-details td{
	font-size:0
}
.fm-affiliate.redeem-table .expanded+.fm-affiliate.redeem-details{
	display:table-row
}
.fm-affiliate.redeem-table .expanded .link.open,.fm-affiliate.redeem-table .redeem-summary .link.close{
	display:none
}
.fm-affiliate.redeem-table .expanded.redeem-summary .link.close{
	display:inline-block
}
.fm-affiliate.details-bottom{
	--mask-color:var(--text-color-high);
	display:flex;
	justify-content:center;
	padding:1px 0 16px
}
.fm-affiliate.details-bottom i{
	--icon-size:24px
}
.fm-affiliate.details-bottom .link.close{
	align-items:center;
	color:var(--text-color-high);
	display:inline-flex;
	font:var(--text-body1);
	text-decoration:none
}
.fm-affiliate.redeem-cell{
	box-sizing:border-box;
	display:inline-block;
	padding:0 20px;
	vertical-align:top;
	width:50%
}
.fm-affiliate.redeem-data{
	align-items:baseline;
	border-top:1px solid var(--stroke-grey-2);
	display:flex;
	flex-wrap:wrap;
	padding:10px 0
}
.fm-affiliate.redeem-data:first-child{
	border:0
}
.fm-affiliate.redeem-data>span{
	-webkit-padding-end:12px;
	box-sizing:border-box;
	color:var(--text-color-high);
	display:inline-block;
	font:var(--text-body2);
	overflow-wrap:break-word;
	padding:6px 0;
	padding-inline-end:12px;
	vertical-align:top;
	width:55%
}
.fm-affiliate.redeem-data span.strong{
	font:var(--text-body1-bold);
	width:45%
}
.fm-affiliate.redeem-data span.grey{
	color:var(--text-color-medium);
	font:var(--text-body1);
	width:45%
}
.fm-affiliate.redeem-data span.full-size{
	width:100%
}
.fm-affiliate.redeem-data span.grey a{
	color:var(--text-color-medium);
	text-decoration:underline
}
.fm-affiliate.redeem-data span .status{
	color:var(--text-color-success);
	display:inline;
	font:var(--text-body1);
	padding:0 10px
}
.fm-affiliate.redeem-data span .status.red{
	color:var(--text-color-error)
}
.fm-affiliate.redeem-data span .status.orange{
	color:var(--text-color-warning)
}
.fm-affiliate.redeem-data span .euro{
	color:var(--text-color-low);
	margin-right:8px;
	padding:0 5px
}
.fm-affiliate.redeem-data span .local{
	padding:0 5px;
	white-space:nowrap
}
.fm-affiliate.redeem-data span.bitcoin-address{
	display:block;
	width:100%
}
.fm-affiliate.charts-head{
	align-items:center;
	background-color:var(--stroke-grey-1);
	display:flex;
	margin:-1px 0 0;
	padding:14px 22px;
	position:relative
}
.fm-affiliate.charts-head .name{
	color:var(--text-color-medium);
	font:var(--text-body1)
}
.fm-affiliate.charts-head .number{
	color:var(--text-color-high);
	font:var(--text-h1);
	padding:0 16px
}
.fm-affiliate.charts-head .compare{
	--mask-color:var(--text-color-light-green);
	align-items:center;
	color:var(--text-color-low);
	display:inline-flex;
	font:var(--text-body2)
}
.fm-affiliate.charts-head .compare span{
	color:var(--text-color-light-green);
	padding:0 4px
}
.fm-affiliate.charts-head .compare i{
	--icon-size:16px;
	margin:0 -4px
}
.fm-affiliate.chart-body{
	padding:16px 24px 24px;
	position:relative;
	text-align:center
}
.fm-affiliate.chart-period{
	border-bottom:2px solid transparent;
	color:var(--text-color-medium);
	cursor:pointer;
	display:inline-flex;
	font:var(--text-body2);
	margin:0 10px;
	padding:0 0 2px;
	transition:var(--transition-border), var(--transition-color)
}
.fm-affiliate.chart-period.active,.fm-affiliate.chart-period:hover{
	border-color:var(--secondary-blue);
	color:var(--text-color-high)
}
.fm-affiliate.chart-period.active{
	font:var(--text-body1-bold)
}
.fm-affiliate.chart-dates{
	--mask-color:var(--text-color-medium);
	align-items:center;
	display:flex;
	justify-content:space-between;
	padding:10px 0 0
}
.fm-affiliate.chart-dates i{
	--icon-size:16px;
	cursor:pointer
}
.rtl .fm-affiliate.chart-dates .icon-arrow-left,.rtl .fm-affiliate.chart-dates .icon-arrow-right{
	transform:rotateY(180deg)
}
.fm-affiliate.chart-dates .dates{
	color:var(--text-color-medium);
	display:inline-flex;
	font:var(--text-body2);
	padding:0 10px
}
.fm-affiliate.purchase-chart{
	height:100px;
	margin:10px auto;
	width:100px
}
.fm-affiliate.register-chart{
	margin:58px auto 0;
	min-height:186px
}
.fm-affiliate.list{
	padding:0;
	text-align:start
}
.fm-affiliate.list-item{
	align-items:center;
	box-shadow:0 -1px 0 0 var(--stroke-grey-2);
	display:flex;
	font:var(--text-body2);
	padding:7px 0 8px
}
.fm-affiliate.list-item:first-child{
	box-shadow:none
}
.fm-affiliate.list-item span{
	display:block
}
.fm-affiliate.list-item .name{
	color:var(--text-color-medium);
	flex:1;
	padding:0 10px
}
.fm-affiliate.list-item .label{
	border-radius:9px;
	color:var(--text-color-white-high);
	min-width:48px;
	text-align:center
}
.fm-affiliate.list-item .label.yellow{
	background-color:var(--label-yellow)
}
.fm-affiliate.list-item .label.orange{
	background-color:var(--label-orange)
}
.fm-affiliate.list-item .label.red{
	background-color:var(--label-red)
}
.fm-affiliate.list-item .label.purple{
	background-color:var(--label-purple)
}
.fm-affiliate.list-item .label.blue{
	background-color:var(--label-blue)
}
.fm-affiliate.list-item.list-item .num{
	color:var(--text-color-high)
}
.fm-affiliate.distribution-head{
	align-items:center;
	display:flex;
	justify-content:center;
	padding:16px 24px 10px
}
.fm-affiliate.tab-button{
	border-bottom:2px solid transparent;
	color:var(--text-color-medium);
	cursor:pointer;
	display:inline-flex;
	font:var(--text-body2);
	margin:0 10px;
	padding:0 0 2px;
	transition:var(--transition-border), var(--transition-color)
}
.fm-affiliate.tab-button.active,.fm-affiliate.tab-button:hover{
	border-color:var(--secondary-blue);
	color:var(--text-color-high)
}
.fm-affiliate.tab-button.active{
	font:var(--text-body1-bold)
}
.distribution .fm-affiliate.list-item .img-wrap{
	line-height:0
}
.distribution .fm-affiliate.list-item img{
	border-radius:2px;
	height:16px;
	width:24px
}
@media only screen and (max-width:783px){
.fm-affiliate .refer-block{
	width:50%
}
.fm-affiliate .boxes-wrapper .mega-data-box,.fm-affiliate.redeem-cell{
	width:100%
}
}

.backup-center.empty-section{
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	height:100%;
	padding:24px
}
.rtl .backup-center.empty-section{
	direction:rtl
}
.backup-center .empty-wrap{
	color:var(--text-color-high);
	display:flex;
	flex:1;
	flex-flow:column wrap;
	font:var(--text-body1);
	justify-content:center;
	text-align:center
}
.backup-center .empty-wrap i{
	--icon-size:240px;
	margin:0 auto
}
.backup-center .empty-wrap h2{
	font:var(--text-h0-bold);
	margin:0 0 80px
}
.backup-center .new-backup-wrapper{
	display:flex;
	justify-content:space-around;
	margin:0 auto;
	max-width:620px;
	width:100%
}
.backup-center .new-backup{
	margin:0 auto;
	max-width:240px
}
.backup-center .new-backup i{
	--icon-size:48px;
	--mask-color:var(--secondary-blue);
	margin:0 auto 25px
}
.backup-center .new-backup .title{
	font:var(--text-h3-bold)
}
.backup-center .new-backup .info{
	font:var(--text-body2);
	padding:10px 0 0
}
.backup-center .new-backup .info a,.backup-center .new-backup .info a:visited{
	color:var(--secondary-green);
	cursor:pointer;
	text-decoration:underline
}
.backup-center .new-backup .info a:hover{
	text-decoration:none
}
@media only screen and (max-height:640px){
.backup-center .empty-wrap h2{
	margin:0 0 20px
}
}
.backup-center.content-block{
	display:flex;
	flex-direction:column;
	height:100%
}
.rtl .backup-center.content-block{
	direction:rtl
}
.backup-center .content-header{
	-webkit-margin-end:10px;
	align-items:center;
	display:flex;
	flex:0 0 48px;
	height:48px;
	justify-content:flex-end;
	margin-inline-end:10px
}
.backup-center .content-body{
	box-sizing:border-box;
	flex:1 1 auto;
	overflow:hidden;
	padding:24px
}
.backup-center .content-wrap{
	margin:0 auto;
	max-width:880px
}
.backup-center .backup-body{
	--mask-color:var(--icon-rest);
	--icon-size:24px;
	background:var(--surface-main);
	border:1px solid var(--stroke-grey-2);
	border-radius:8px;
	box-sizing:border-box;
	margin:0 0 15px;
	min-height:40px;
	overflow:hidden;
	transition:var(--transition-border), var(--transition-shadow)
}
.backup-center .backup-body:hover{
	box-shadow:0 0 0 3px var(--stroke-grey-2)
}
.backup-center .backup-body.active{
	border-color:var(--secondary-blue);
	box-shadow:0 0 0 3px var(--secondary-blue)
}
.backup-center .backup-body.expanded{
	border-color:var(--stroke-grey-2);
	box-shadow:none
}
.backup-center .backup-body .success{
	--mask-color:var(--text-color-success);
	color:var(--text-color-success)
}
.backup-center .backup-body .error{
	--mask-color:var(--text-color-error);
	color:var(--text-color-error)
}
.backup-center .backup-body .warning{
	--mask-color:var(--text-color-warning);
	color:var(--text-color-warning)
}
.backup-center .backup-body .in-progress{
	--mask-color:var(--secondary-blue);
	color:var(--text-color-info)
}
.backup-center .backup-body .tip-icon{
	--mask-color:var(--icon-inactive);
	transition:var(--transition-color)
}
.backup-center .backup-body .tip-icon:hover{
	--mask-color:var(--icon-rest)
}
.backup-center .backup-body .status{
	align-items:center;
	display:flex;
	font:var(--text-body1)
}
.backup-center .backup-body .status span{
	padding:0 8px
}
.backup-center .backup-body .percs{
	align-items:center;
	background:var(--secondary-blue);
	border-radius:12px;
	color:var(--text-color-white-high);
	display:inline-flex;
	font:var(--text-body1);
	padding:2px 4px
}
.backup-center .backup-body .percs span{
	color:var(--text-color-white-high);
	padding:0
}
.backup-center .backup-body .percs i{
	--icon-size:16px;
	--mask-color:var(--text-color-white-high);
	-webkit-margin-end:2px;
	margin-inline-end:2px
}
.backup-center .backup-body .header{
	align-content:center;
	display:flex;
	height:72px;
	white-space:nowrap
}
.backup-center .backup-body .header span{
	max-width:100%;
	overflow:hidden;
	text-overflow:inherit
}
.backup-center .backup-body .header .name{
	-webkit-padding-end:15px;
	align-items:center;
	background:var(--surface-grey-1);
	box-sizing:border-box;
	color:var(--text-color-high);
	display:flex;
	flex:0 0 30%;
	font:var(--text-h3-bold);
	overflow:hidden;
	padding:0 5px;
	padding-inline-end:15px;
	text-overflow:ellipsis
}
.backup-center .backup-body .header .name i{
	--icon-size:48px;
	margin:0 10px
}
.backup-center .backup-body .header .info{
	align-items:center;
	color:var(--text-color-medium);
	display:flex;
	flex:1 1 auto;
	justify-content:space-between;
	overflow:hidden;
	padding:0 15px
}
.backup-center .backup-body .header .high-color{
	color:var(--text-color-high)
}
.backup-center .backup-body .header .folders-info span{
	padding:0 2px
}
.backup-center .backup-body i.control{
	--mask-color:var(--icon-inactive);
	-webkit-margin-start:8px;
	cursor:pointer;
	margin-inline-start:8px;
	transition:var(--transition-opacity), var(--transition-color)
}
.backup-center .backup-body i.control:hover{
	--mask-color:var(--icon-rest)
}
.backup-center .backup-body i.js-context{
	opacity:0
}
.backup-center .backup-body.active .info-cell i.js-context,.backup-center .backup-body:hover .info-cell i.js-context,.backup-center .backup-body tr.active i.js-context,.backup-center .backup-body tr:hover i.js-context{
	opacity:1
}
.backup-center .backup-body .header .info-cell{
	align-items:center;
	display:inline-flex;
	overflow:hidden;
	text-overflow:ellipsis
}
.backup-center .backup-body .header .status-info{
	flex:0 0 auto
}
.backup-center .backup-body .header .status{
	padding:0 8px
}
.backup-center .backup-body .header hr{
	background:var(--stroke-grey-2);
	border:0;
	height:14px;
	margin:0 8px;
	padding:0;
	width:1px
}
.bc-item-list .data-table{
	overflow:visible;
	table-layout:fixed
}
.bc-item-list .data-table th{
	color:var(--text-color-medium);
	padding:6px 8px 4px
}
.bc-item-list .data-table td{
	padding:4px 8px 3px;
	white-space:nowrap
}
.bc-item-list .data-table td span{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis
}
.bc-item-list .data-table td:last-child,.bc-item-list .data-table th:last-child{
	text-align:end;
	width:70px
}
.bc-item-list .data-table .item-name{
	align-items:center;
	color:var(--text-color-high);
	display:flex;
	font:var(--text-body1)
}
.bc-item-list .data-table .arrow{
	height:auto
}
.bc-item-list .data-table .item-name i{
	--icon-size:24px;
	-webkit-margin-end:9px;
	flex:0 0 auto;
	margin:0 1px;
	margin-inline-end:9px;
	position:static
}
.bc-item-list .data-table .folder .item-name i{
	-webkit-margin-end:8px;
	margin:0 2px;
	margin-inline-end:8px
}
.backup-center .data-table{
	display:none
}
.backup-center .data-table tr th:first-child{
	width:30%
}
.backup-center .data-table tr th:after{
	display:none
}
.backup-center .data-table tr td:first-child:after,.backup-center .data-table tr td:last-child:after{
	width:calc(100% - 15px)
}
.backup-center .data-table tr td:first-child:before{
	left:8px
}
.backup-center .data-table tr td:last-child:before{
	right:8px
}
.backup-center .backup-body .nav{
	align-items:center;
	border-top:1px solid var(--stroke-grey-2);
	display:none;
	justify-content:flex-end;
	margin:0 15px;
	padding:4px 0 3px
}
.backup-center .backup-body .nav:empty{
	display:none
}
.backup-center .backup-body .nav span{
	-webkit-margin-start:13px;
	border-bottom:2px solid transparent;
	box-sizing:border-box;
	color:var(--text-color-medium);
	cursor:pointer;
	display:inline-block;
	font:var(--text-body1);
	height:24px;
	margin:2px 0 0;
	margin-inline-start:13px;
	transition:var(--transition-border), var(--transition-color);
	vertical-align:top
}
.backup-center .backup-body .nav span.active,.backup-center .backup-body .nav span:hover{
	color:var(--text-color-high);
	font:var(--text-body1-bold)
}
.backup-center .backup-body .nav span.active{
	border-color:var(--secondary-blue)
}
.backup-center .backup-body .nav i{
	--mask-color:var(--icon-rest);
	--icon-size:16px;
	-webkit-margin-start:13px;
	cursor:pointer;
	margin-inline-start:13px
}
.backup-center .backup-body .nav i.prev{
	transform:rotate(180deg)
}
.backup-center .backup-body .nav i:hover{
	--mask-color:var(--icon-active)
}
.backup-center .expanded .header{
	background:var(--surface-grey-1);
	height:48px
}
.backup-center .expanded .header .info-cell:first-child,.backup-center .expanded .header .status{
	display:none
}
.backup-center .expanded .header .name{
	flex:initial;
	flex:1 1 auto;
	font:var(--text-h3)
}
.backup-center .expanded .header .info{
	flex:0 0 auto
}
.backup-center .expanded .js-expand{
	transform:rotate(180deg)
}
.backup-center .expanded .data-table{
	display:table
}
.backup-center .expanded .nav{
	display:flex
}
.backup-center .content-body .tip{
	--icon-size:24px;
	align-items:center;
	color:var(--text-color-low);
	display:flex;
	font:var(--text-body1);
	justify-content:flex-end;
	margin:0 auto;
	max-width:880px
}
.backup-center .content-body .tip:before{
	height:28px;
	left:-2px;
	position:absolute;
	top:-2px;
	width:28px
}
.backup-center .content-body .tip span{
	padding:0 8px
}
.dark-direct-tooltip.backup-tip{
	max-width:276px;
	text-align:center
}
.dark-direct-tooltip.backup-tip.short{
	max-width:210px
}
.dark-direct-tooltip.backup-tip a{
	color:var(--secondary-blue-inverted);
	cursor:pointer;
	text-decoration:underline
}
.dark-direct-tooltip.backup-tip a:hover{
	text-decoration:none
}

.top-menu-popup{
	background-color:var(--stroke-main);
	box-shadow:0 0 0 1px var(--stroke-grey-2);
	box-sizing:border-box;
	font-size:0;
	height:100%;
	line-height:0;
	opacity:1;
	position:fixed;
	right:0;
	top:0;
	transition:right .2s ease-in-out,left .2s ease-in-out,width .2s ease-in-out,opacity .2s ease-in-out;
	width:256px;
	z-index:1120
}
.top-menu-popup.o-hidden{
	right:-257px
}
.rtl.top-menu-popup{
	left:0;
	right:auto
}
.rtl.top-menu-popup.hidden{
	left:-257px
}
.top-menu-scroll{
	height:calc(100% - 42px);
	margin-top:42px;
	position:relative
}
.top-menu-content{
	padding:0 20px 20px
}
.top-menu-item{
	align-items:center;
	border-radius:4px;
	box-sizing:border-box;
	color:var(--text-color-high);
	cursor:pointer;
	display:inline-flex;
	margin:10px 0;
	position:relative;
	transition:var(--transition-color), var(--transition-bg-color);
	width:100%
}
.top-menu-item span{
	flex-grow:1;
	font:var(--text-h3-bold);
	padding:4px 0
}
.top-menu-item.small-font span{
	font:var(--text-body1-bold)
}
.top-menu-item.underlined{
	margin-bottom:0
}
.top-menu-item.underlined span{
	font:var(--text-body1);
	text-decoration:underline
}
.top-menu-popup i{
	--icon-size:24px;
	--mask-color:var(--icon-active);
	display:inline-block
}
.top-menu-item i{
	-webkit-margin-end:14px;
	margin:4px;
	margin-inline-end:14px
}
.top-menu-item span~i{
	--icon-size:16px;
	--mask-color:var(--icon-active);
	-webkit-margin-start:0;
	margin:0 4px;
	margin-inline-start:0
}
.top-menu-item.underlined i{
	-webkit-margin-end:4px;
	margin-inline-end:4px
}
.top-menu-item i.x32{
	--icon-size:32px;
	-webkit-margin-end:8px;
	margin:0 2px;
	margin-inline-end:8px
}
.expanded.top-menu-item i.right-arrow,.top-menu-item i.right-arrow.down{
	transform:rotate(90deg)
}
.top-menu-popup i.close{
	cursor:pointer;
	position:absolute;
	right:12px;
	top:12px;
	z-index:1
}
.rtl .top-menu-popup i.close{
	left:12px;
	right:auto
}
.top-menu-divider{
	background-color:var(--stroke-grey-2);
	display:inline-flex;
	height:1px;
	margin:10px 0;
	width:100%
}
.top-menu-item.single{
	margin:2px 0
}
.top-menu-item.single span{
	-webkit-padding-end:14px;
	flex-grow:0;
	padding-inline-end:14px
}
.top-submenu{
	margin:0;
	max-height:0;
	min-height:0;
	opacity:0;
	overflow:hidden;
	transition:max-height .2s ease-in-out,opacity .2s ease-in-out,padding .2s ease-in-out
}
.submenu-item.expanded+.top-submenu{
	max-height:520px;
	opacity:1
}
.top-submenu .top-menu-item{
	-webkit-padding-start:42px;
	color:var(--text-color-medium);
	font:var(--text-body1);
	margin:0;
	padding:6px 10px;
	padding-inline-start:42px
}
.top-submenu .top-menu-item.active{
	background-color:var(--button-hover);
	color:var(--text-color-high)
}
.fm-products-nav .pages-menu.body{
	background-color:var(--stroke-main);
	border-top:1px solid var(--stroke-grey-2);
	margin-top:0;
	min-width:100%;
	z-index:140
}
@media (hover:hover){
.top-menu-item.small:hover span{
	text-decoration:none
}
.top-submenu .top-menu-item:hover{
	background-color:var(--button-hover);
	color:var(--text-color-high)
}
}
.top-social-bl{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:6px 6px 0
}
.top-social-txt{
	color:var(--text-color-high);
	font:var(--text-body1-bold);
	padding-bottom:20px;
	width:100%
}
.top-social-button{
	background-color:#f4f4f5;
	border-radius:4px;
	cursor:pointer;
	display:inline-block;
	display:block
}
.top-social-button i{
	height:24px;
	width:24px
}
.top-menu-footer{
	align-items:center;
	display:flex;
	justify-content:space-between;
	padding:24px 6px 6px
}
.top-menu-footer .logout{
	flex-shrink:0
}
.block-null-spinner,.top-mega-version{
	color:var(--text-color-low);
	cursor:pointer;
	font:var(--text-body1-bold)
}
.block-null-spinner{
	-webkit-margin-end:6px;
	flex:0 0 auto;
	margin-inline-end:6px;
	white-space:nowrap
}
.block-null-spinner.block-loading-spinner{
	-webkit-margin-end:12px;
	margin:0 6px;
	margin-inline-end:12px
}
.top-menu-account-info{
	align-items:center;
	display:flex
}
.top-menu-logged .avatar-block{
	cursor:pointer;
	flex-grow:0;
	margin:0 6px;
	position:relative
}
.top-menu-logged .activity-status-block{
	margin:0;
	position:absolute;
	right:-2px;
	top:-2px
}
.top-menu-logged .hidden+.activity-status-block{
	display:none
}
.top-menu-logged .user-info{
	cursor:pointer;
	line-height:18px;
	overflow:hidden;
	padding:0 6px;
	white-space:nowrap
}
.top-menu-logged .user-info .name{
	color:var(--text-color-higher);
	font:var(--text-h3);
	font-family:var(--text-font-family-bold);
	line-height:inherit;
	overflow:hidden;
	text-overflow:ellipsis
}
.top-menu-logged .user-info .email{
	color:var(--text-color-medium);
	font:var(--text-body1);
	line-height:inherit;
	overflow:hidden;
	text-overflow:ellipsis
}
.top-menu-logged .plan{
	color:var(--text-color-high);
	font:var(--text-body1);
	padding:24px 6px 2px
}
.top-menu-logged .storage{
	background:var(--progress-bar-background);
	border-radius:3px;
	height:6px;
	margin:0 6px 6px;
	position:relative
}
.top-menu-logged .loader.loading+.storage-txt{
	visibility:hidden
}
.top-menu-logged .storage-txt{
	box-sizing:border-box;
	color:var(--text-color-high);
	font:var(--text-body2);
	min-height:30px;
	padding:0 6px 12px;
	position:relative
}
.top-menu-logged .storage-txt span{
	color:var(--text-color-success);
	font-family:var(--text-font-family-semibold)
}
.top-menu-logged .storage span{
	background:var(--stroke-success);
	border-radius:inherit;
	display:block;
	height:6px;
	max-width:100%;
	position:absolute;
	vertical-align:top
}
.top-menu-logged.going-out .storage span{
	background:var(--surface-warning)
}
.top-menu-logged.going-out .storage-txt span{
	color:var(--text-color-warning)
}
.top-menu-logged.exceeded .storage span{
	background:var(--surface-error)
}
.top-menu-logged.exceeded .storage-txt span{
	color:var(--text-color-error)
}
.top-menu-logged button{
	margin:0 6px 6px
}
.top-menu-logged .loader{
	height:16px;
	margin:0 6px;
	opacity:0;
	position:absolute;
	width:16px
}
.top-menu-logged .loader.loading{
	-webkit-animation:rotate 2.5s linear infinite;
	animation:rotate 2.5s linear infinite;
	opacity:1
}
.pages-menu.body{
	background-color:var(--stroke-main);
	box-sizing:border-box;
	font-size:0;
	line-height:0;
	margin-top:48px;
	position:absolute;
	text-align:center;
	-webkit-transition:top .6s ease-in-out;
	transition:top .6s ease-in-out;
	white-space:nowrap;
	width:100%;
	z-index:190
}
.menu-shadow .pages-menu.body{
	box-shadow:0 14px 20px 0 rgba(0, 0, 0, .04)
}
.download .pages-menu.body{
	bottom:0
}
.download .pages-menu.body,.pages-menu.body.floating{
	box-shadow:0 1px 0 0 rgba(0, 0, 0, .1)
}
.pages-menu.body.floating{
	bottom:auto;
	position:fixed;
	top:-126px;
	z-index:190
}
.pages-menu.body.floating.activated{
	top:0
}
.pages-menu.content{
	padding:0
}
.rtl .pages-menu.content{
	direction:rtl
}
.pages-menu.link:not(.hidden){
	align-items:center;
	cursor:pointer;
	display:inline-flex;
	justify-content:center;
	margin:12px 0;
	padding:10px 24px
}
.pages-menu.link span{
	color:var(--text-color-high);
	display:inline-block;
	font-family:var(--text-font-family-semibold);
	font-size:18px;
	line-height:24px;
	padding:0 30px;
	transition:color .2s ease-in-out
}
.pages-menu.link i{
	-webkit-margin-start:-30px;
	-webkit-margin-end:0;
	--mask-color:var(--text-color-higher);
	display:none;
	margin-inline-end:0;
	margin-inline-start:-30px;
	margin-top:2px;
	transition:transform .2s ease-in-out
}
.pages-menu.link.active i{
	transform:rotate(-180deg)
}
.pages-menu.submenu-item i{
	--icon-size:24px;
	--mask-color:var(--icon-active);
	display:inline-block
}
.pages-menu.submenu{
	background-color:var(--stroke-main);
	border-radius:8px;
	box-shadow:var(--dropdown-shadow);
	height:0;
	opacity:0;
	overflow:hidden;
	position:absolute;
	transition:opacity .2s ease-in-out;
	white-space:nowrap;
	z-index:10
}
.pages-menu.submenu.active{
	height:auto;
	margin:10px;
	opacity:1;
	overflow:visible;
	padding:5px 0
}
.pages-menu.submenu .half-sized{
	display:inline-block;
	float:none;
	vertical-align:top;
	width:auto
}
.pages-menu.submenu-link{
	display:block;
	margin:22px 20px;
	min-width:170px;
	position:relative;
	text-align:left
}
.pages-menu.submenu-link i{
	background-color:grey;
	border-radius:100%;
	height:32px;
	left:0;
	position:absolute;
	top:0;
	width:32px
}
.rtl .pages-menu.submenu-link i{
	left:auto;
	right:0
}
.pages-menu.submenu-link span{
	-webkit-padding-start:45px;
	-webkit-padding-end:0;
	color:var(--text-color-high);
	display:block;
	font-family:var(--text-font-family);
	font-size:18px;
	line-height:24px;
	padding-bottom:3px;
	padding-inline-end:0;
	padding-inline-start:45px;
	padding-top:4px;
	text-align:start
}
.menus-sprite.rounded.sync{
	background-color:#00a8e1;
	background-position:5px -97px
}
.menus-sprite.rounded.mobile{
	background-color:#00c1a5;
	background-position:-45px -97px
}
.menus-sprite.rounded.uwp{
	background-color:#ed5564;
	background-position:-95px -97px
}
.menus-sprite.rounded.cmd{
	background-color:#ab58f5;
	background-position:-145px -98px
}
.menus-sprite.rounded.bird{
	background-color:#ab58f5;
	background-position:-45px -148px
}
.menus-sprite.rounded.ext{
	background-color:#ffa700;
	background-position:6px -149px
}
.menus-sprite.rounded.nas{
	background-color:#00a8e1;
	background-position:-95px -148px
}
.menus-sprite.rounded.storage{
	background-color:#00c1a5;
	background-position:-145px -148px
}
.menus-sprite.rounded.encryption{
	background-color:#7a8b9a;
	background-position:-195px -148px
}
.menus-sprite.rounded.securechat{
	background-color:#ed5564;
	background-position:6px -197px
}
.menus-sprite.rounded.backup{
	background-color:#00a8e1;
	background-position:-45px -199px
}
.menus-sprite.rounded.share{
	background-color:#ffa700;
	background-position:-95px -198px
}
.menus-sprite.rounded.objectstorage{
	background-color:#4a90e2;
	background-position:-191px -197px
}
.top-menu-logged.business-acc .storage{
	display:none
}
.menus-sprite,i.menus-sprite{
	background-image:url(../imagery/mega-menus-sprite.aaa9a4ae08139b96.png);
	background-repeat:no-repeat
}
@media only screen and (max-width:1240px){
.fr .pages-menu.link span{
	font-size:12px
}
}
@media only screen and (max-width:970px){
.pages-menu.link span{
	padding:0 15px
}
.pages-menu.link:not(.hidden){
	padding:10px 8px
}
.pages-menu.link i{
	margin-left:-15px
}
}
@media only screen and (max-width:780px){
.fr .pages-menu.link span{
	font-size:11px;
	padding:0 5px
}
.fr .pages-menu.link.submenu-item span{
	padding:0 15px 0 5px
}
}
@media only screen and (max-width:702px){
.pages-menu.link span{
	font-size:14px;
	min-width:0
}
}
@media only screen and (max-width:625px){
.pages-menu.body{
	display:none
}
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
.menus-sprite,i.menus-sprite{
	background-image:url(../imagery/mega-menus-sprite-2x.784a959dbd52b718.png);
	background-size:223px auto
}
}

.context-menu{
	background:var(--surface-main);
	border:var(--context-menu-border);
	border-radius:12px;
	box-shadow:0 5px 10px 0 rgba(0, 0, 0, .3);
	box-sizing:border-box;
	display:none;
	left:0;
	opacity:0;
	padding:8px 0;
	position:absolute;
	right:0;
	top:0;
	transition:opacity .15s,left .15s,right .15s,top .15s,margin .15s;
	width:200px
}
.context-menu.file-menu{
	left:0
}
.context-menu .context-menu{
	top:-8px
}
.context-menu .context-menu.open-right{
	left:80%;
	right:auto
}
.context-menu .context-menu.open-left{
	left:auto;
	right:80%
}
.context-menu .context-menu.open-left.open-above,.context-menu .context-menu.open-right.open-above{
	bottom:-8px;
	top:auto
}
.context-menu.open-vertical{
	margin-top:-24px;
	top:100%
}
.context-menu.open-vertical.visible{
	margin-top:0
}
.context-menu.open-vertical.open-above{
	bottom:100%;
	margin-bottom:-24px;
	margin-top:auto;
	top:auto
}
.context-menu.open-vertical.open-above.visible{
	margin-bottom:0;
	margin-top:auto
}
.context-menu li.divider{
	padding:0
}
.context-menu hr{
	background:var(--surface-grey-2);
	border:none;
	height:1px;
	margin:8px 0;
	width:100%
}
.context-menu ul{
	list-style:none;
	margin:0;
	padding:0
}
.context-menu li{
	padding:0 8px;
	position:relative
}
.context-menu li button{
	--mask-color:var(--icon-rest);
	align-items:center;
	background:var(--surface-main);
	border:none;
	border-radius:4px;
	color:var(--text-color-medium);
	cursor:pointer;
	display:flex;
	font:var(--text-body1);
	min-height:32px;
	outline:none;
	text-align:start;
	transition:var(--transition-bg-color), var(--transition-color);
	width:100%
}
.context-menu li button:hover{
	--mask-color:var(--icon-active);
	background:var(--button-hover);
	color:var(--text-color-high)
}
.context-menu li i{
	--icon-size:24px;
	-webkit-margin-end:8px;
	flex-grow:0;
	flex-shrink:0;
	margin-inline-end:8px;
	transition:var(--transition-color)
}
.context-menu li span~i{
	-webkit-margin-end:0;
	-webkit-margin-start:8px;
	margin-inline-end:0;
	margin-inline-start:8px
}
.context-menu span{
	width:100%
}
.context-menu .shortcut{
	-webkit-margin-start:8px;
	color:var(--text-color-low);
	flex-shrink:0;
	margin-inline-start:8px;
	min-width:50px;
	text-align:end
}
.context-menu[aria-expanded=true]{
	display:block
}
.context-menu.visible{
	opacity:1
}
.context-menu .context-menu.open-right.visible{
	left:100%;
	right:auto
}
.context-menu .context-menu.open-left.visible{
	left:auto;
	right:100%
}
.context-menu.closing,.context-menu.opening{
	pointer-events:none
}

.mega-data-header{
	align-items:center;
	color:var(--text-color-high);
	display:flex;
	font:var(--text-h2);
	justify-content:space-between
}
.mega-data-header>span{
	display:inline-flex;
	margin:22px 0 16px
}
.mega-data-header .mega-input.text-style{
	margin-top:12px
}
.data-table{
	background:var(--surface-main);
	border:2px solid var(--table-border);
	border-collapse:initial;
	border-radius:12px;
	box-sizing:border-box;
	font-family:var(--text-font-family);
	margin:0 auto;
	overflow:hidden;
	padding:0 0 8px;
	position:relative;
	width:100%
}
.data-table.minimal{
	border:0;
	padding:0
}
.rtl .data-table{
	direction:rtl
}
.data-table th{
	box-sizing:border-box;
	color:var(--text-color-high);
	font:var(--text-body2);
	padding:12px 8px 4px;
	position:relative;
	text-align:start
}
.data-table tr th:first-child{
	-webkit-padding-start:22px;
	border:0;
	padding-inline-start:22px
}
.data-table tr th:last-child{
	-webkit-padding-end:22px;
	padding-inline-end:22px
}
.data-table td{
	border-top:1px solid transparent;
	box-sizing:border-box;
	color:var(--text-color-medium);
	font:var(--text-body2);
	padding:7px 8px;
	position:relative;
	text-align:start;
	text-overflow:ellipsis;
	vertical-align:middle;
	z-index:1
}
.data-table td.data-table-empty{
	padding:12px 0 5px;
	text-align:center
}
.data-table td.data-table-empty:last-child:before{
	display:none
}
.data-table tr td:first-child{
	-webkit-padding-start:22px;
	padding-inline-start:22px
}
.data-table tr td:last-child{
	-webkit-padding-end:22px;
	padding-inline-end:22px
}
.data-table-scroll{
	border-bottom-left-radius:inherit;
	border-bottom-right-radius:inherit;
	max-height:409px;
	overflow:hidden
}
.data-table tr td:before{
	border-bottom:1px solid transparent;
	border-top:1px solid transparent;
	bottom:3px;
	content:"";
	left:0;
	position:absolute;
	right:0;
	top:3px;
	transition:var(--transition-border), var(--transition-bg-color);
	z-index:-1
}
.data-table tr td:first-child:before{
	border-left:1px solid transparent;
	border-radius:4px 0 0 4px;
	left:10px;
	right:0
}
.rtl .data-table tr td:first-child:before{
	border-left:initial;
	border-radius:0 4px 4px 0;
	border-right:1px solid transparent;
	left:0;
	right:10px
}
.data-table tr td:last-child:before{
	border-radius:0 4px 4px 0;
	border-right:1px solid transparent;
	right:12px
}
.rtl .data-table tr td:last-child:before{
	border-left:1px solid transparent;
	border-radius:4px 0 0 4px;
	border-right:initial;
	left:12px;
	right:0
}
.data-table tr.active td:before,.data-table tr:hover td:before{
	background:var(--surface-grey-3);
	border-color:var(--stroke-grey-2)
}
.dashboard .account.data-table tr:hover td:before{
	background:var(--surface-grey-1);
	border-color:var(--stroke-grey-4)
}
.data-table tr.active td:before,.data-table tr.active td:first-child:before,.data-table tr.active td:last-child:before{
	background:var(--surface-grey-4);
	border-color:var(--stroke-grey-4)
}
.data-table tr.active td:first-child:before{
	background-image:linear-gradient(var(--secondary-blue), var(--secondary-blue));
	background-position:3px;
	background-repeat:no-repeat;
	background-size:2px calc(100% - 8px)
}
.rtl .data-table tr.active td:first-child:before{
	background-position:calc(100% - 3px)
}
.data-table tr.expanded,.fm-affiliate.redeem-details{
	background:var(--surface-grey-1);
	border-color:var(--stroke-grey-1)
}
.data-table tr.expanded td:before{
	display:none
}
.data-table tr+tr td:after,.data-table tr th:after{
	background:var(--surface-grey-2);
	content:"";
	height:1px;
	left:0;
	pointer-events:none;
	position:absolute;
	top:-1px;
	width:100%
}
.data-table tr.template+tr td,.data-table tr:first-child td,.data-table tr:nth-child(2) td{
	border:0
}
.data-table tr.template+tr td:after,.data-table tr:first-of-type td:after{
	display:none
}
.data-table tr th:after{
	bottom:0;
	top:auto
}
.rtl .data-table tr td:after,.rtl .data-table tr th:after{
	left:auto;
	right:0
}
.data-table tr td:first-child:after{
	left:auto;
	right:0;
	width:calc(100% - 22px)
}
.rtl .data-table tr td:first-child:after{
	left:0;
	right:auto
}
.data-table tr td:last-child:after{
	width:calc(100% - 22px)
}
.mega-data-box{
	background:var(--surface-main);
	border-radius:12px;
	box-shadow:var(--table-border) 0 0 0 2px;
	position:relative
}
.mega-data-box table th{
	border:solid var(--stroke-grey-2);
	border-width:0 0 0 1px;
	font:var(--text-body1);
	padding:2px 16px 3px
}
.rtl .mega-data-box table th{
	border-width:0 1px 0 0
}
.mega-data-box table th span{
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis
}
.mega-data-box table td{
	padding:8px 16px
}
.mega-data-box .mega-data-header{
	border-bottom:1px solid var(--stroke-grey-2);
	padding:0 22px
}
.mega-data-box table{
	background:transparent;
	border:0;
	border-radius:0
}
.mega-data-box table.main th{
	border:0;
	height:0;
	line-height:0;
	overflow:hidden;
	padding-bottom:0;
	padding-top:0
}
.mega-data-box table.clone,.mega-data-box table.clone tbody,.mega-data-box table.clone tr{
	display:flex;
	overflow:hidden;
	padding:0;
	white-space:nowrap;
	width:100%
}
.mega-data-box table.clone th{
	display:inline-flex;
	flex:none;
	width:17.5%
}
.mega-data-box table th.sortable{
	--mask-color:var(--text-color-high);
	-webkit-padding-end:24px;
	cursor:pointer;
	padding-inline-end:24px
}
.mega-data-box table th.sortable i.icon-dropdown{
	-webkit-margin-end:-8px;
	border-radius:0;
	display:inline-block;
	float:none;
	margin:auto;
	margin-inline-end:-8px;
	padding:0
}
.mega-data-box table th.sortable i.asc{
	transform:rotate(180deg)
}
.mega-data-box .colored-label{
	background-color:var(--label-green);
	border-radius:9px;
	color:var(--text-color-white-high);
	display:inline-block;
	padding:0 10px
}
.mega-data-box .colored-label.orange{
	background-color:var(--label-orange)
}
.mega-data-box .colored-label.red{
	background-color:var(--label-red)
}
.mega-data-box .link{
	color:var(--text-color-medium);
	cursor:pointer;
	display:inline-block;
	font:var(--text-body2);
	text-decoration:underline
}
.mega-data-box .link:hover{
	text-decoration:none
}
.data-table.medium-list{
	border:none;
	border-radius:0;
	padding:0
}
.data-table.medium-list tr td:first-child:after{
	width:calc(100% - 8px)
}
.data-table.medium-list tr th:first-child:after{
	left:auto;
	right:0;
	width:calc(100% - 8px)
}
.rtl .data-table.medium-list tr th:first-child:after{
	left:0;
	right:auto
}
.data-table.medium-list tr td:last-child:after{
	width:calc(100% - 8px)
}
.data-table.medium-list tr th:last-child:after{
	left:0;
	right:auto;
	width:calc(100% - 8px)
}
.rtl .data-table.medium-list tr th:last-child:after{
	left:auto;
	right:0
}
.data-table.medium-list tr th:last-child:after{
	left:0;
	right:auto;
	width:calc(100% - 8px)
}
.rtl .data-table.medium-list tr th:last-child:after{
	left:auto;
	right:0
}
.data-table.medium-list tr td:first-child:before{
	left:0
}
.rtl .data-table.medium-list tr td:first-child:before{
	right:0
}
.table-user-management .data-table.medium-list tr td:first-child:before{
	left:4px
}
.table-user-management .rtl .data-table.medium-list tr td:first-child:before{
	right:4px
}
.data-table.medium-list tr td:last-child:before{
	right:0
}
.rtl .data-table.medium-list tr td:last-child:before{
	left:0
}
.table-user-management .data-table.medium-list tr td:last-child:before{
	right:4px
}
.table-user-management .rtl .data-table.medium-list tr td:last-child:before{
	left:4px
}
.sticky-header-table-container{
	overflow:hidden
}
.sticky-header-table-container .data-table{
	border:none;
	overflow:auto;
	padding:0 0 2px
}
.sticky-header-table-container .data-table th{
	background:var(--surface-main);
	position:sticky;
	position:-webkit-sticky;
	top:0;
	z-index:1119
}
.sticky-header-table-container.ps-container .ps-scrollbar-y-rail{
	margin:36px 0 2px
}

.fm-recents.container{
	background-color:var(--stroke-main);
	display:flex;
	flex-direction:column;
	height:calc(100% - 48px);
	overflow:hidden;
	position:relative
}
.fm-recents.header{
	border-bottom:1px solid var(--stroke-grey-2);
	font:var(--text-body1);
	padding:14px 0 14px 28px
}
.fm-recents.content{
	padding-bottom:100px
}
.rtl .fm-recents.content{
	direction:rtl
}
.fm-recents.scroll{
	height:100%;
	overflow:hidden
}
.fm-recents.scroll:empty{
	height:auto
}
.fm-recents.content-row{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	min-height:48px;
	padding:5px 0;
	position:relative;
	width:100%
}
.fm-recents.content-row.group{
	margin-top:-1px
}
.fm-recents.content-row .content{
	-webkit-padding-start:20px;
	border:1px solid transparent;
	margin-left:48px;
	margin-right:48px;
	min-height:48px;
	padding-inline-start:20px;
	position:relative
}
.fm-recents.content-row.template{
	display:none
}
.fm-recents.date{
	-webkit-padding-start:24px;
	color:var(--secondary-blue);
	font:var(--text-body1-bold);
	padding:23px 0 13px;
	padding-inline-start:24px
}
.fm-recents.date.template{
	display:none
}
.fm-recents.date:first-child{
	padding-top:21px
}
.fm-recents .medium-file-icon{
	left:14px;
	margin:0;
	position:absolute;
	top:8px
}
.rtl .fm-recents .medium-file-icon{
	left:auto;
	right:14px
}
.fm-recents .medium-file-icon.thumb{
	background-image:none
}
.fm-recents .medium-file-icon.thumb img{
	height:100%;
	width:100%
}
.fm-recents .medium-file-icon.thumb.video .video-thumb-details{
	align-items:center;
	display:flex;
	height:100%;
	justify-content:center;
	left:0;
	padding:0;
	top:0;
	width:100%
}
.fm-recents .data-block-bg.video .video-thumb-details i{
	margin-top:-1px
}
.fm-recents .medium-file-icon.double{
	left:14px;
	top:10px
}
.rtl .fm-recents .medium-file-icon.double{
	left:auto;
	right:14px
}
.fm-recents.content-row.group .medium-file-icon{
	top:9px
}
.fm-recents .medium-file-icon .medium-file-icon{
	left:6px;
	left:auto;
	right:6px;
	top:-6px
}
.fm-recents.file-info{
	-webkit-margin-end:130px;
	-webkit-margin-start:48px;
	margin:0;
	margin-inline-end:130px;
	margin-inline-start:48px;
	padding:5px 0 0
}
.fm-recents.file-name{
	color:var(--text-color-high);
	font:var(--text-body2);
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap
}
.fm-recents.file-name span.first-node-name,.fm-recents.file-name span.number-of-files{
	font:var(--text-body1)
}
.fm-recents.file-name span.rest-nodes-counter{
	color:var(--text-color-medium)
}
.fm-recents.file-name .link{
	cursor:pointer
}
.fm-recents.file-name .link:hover{
	text-decoration:underline
}
.fm-recents.breadcrumbs{
	font-size:0;
	margin-bottom:6px;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap
}
.fm-recents.breadcrumbs span{
	color:var(--text-color-low);
	display:inline-block;
	font:var(--text-body2);
	margin-top:3px;
	vertical-align:middle
}
.fm-recents.breadcrumbs span.dot-separator{
	color:var(--text-color-high);
	margin:0 4px
}
.fm-recents.breadcrumbs span.action-user-name{
	color:var(--text-color-high);
	margin-top:0
}
.fm-recents.breadcrumbs span.link:hover{
	cursor:pointer;
	text-decoration:underline
}
.fm-recents.breadcrumbs i{
	-webkit-margin-end:5px;
	-webkit-margin-start:-2px;
	display:inline-block;
	margin:0;
	margin-inline-end:5px;
	margin-inline-start:-2px;
	vertical-align:middle
}
.fm-recents.file-action{
	position:absolute;
	right:0;
	top:16px
}
.rtl .fm-recents.file-action{
	left:0;
	right:auto
}
.fm-recents.iteration{
	-webkit-margin-start:21px;
	float:left;
	font-size:0;
	margin:4px 0 0;
	margin-inline-start:21px;
	white-space:nowrap
}
.rtl .fm-recents.iteration{
	float:right
}
.fm-recents.iteration:hover+.dark-direct-tooltip{
	display:block
}
.fm-recents i.iteration{
	display:inline-block;
	margin:1px 0 0;
	vertical-align:top
}
.fm-recents .sprite-fm-mono.icon-download-filled,.fm-recents .sprite-fm-mono.icon-link,.fm-recents .sprite-fm-mono.icon-options{
	float:left;
	left:0;
	opacity:0;
	position:relative;
	top:0
}
.fm-recents .sprite-fm-mono.icon-options{
	margin-right:20px
}
.fm-recents .data-block-view .file-settings-icon{
	bottom:6px;
	right:6px
}
.fm-recents .data-block-view .file-settings-icon i{
	--icon-size:22px;
	left:2px
}
.fm-recents .data-block-view.linked .icon-link{
	opacity:1
}
.fm-recents .data-block-indicators .sprite-fm-mono.icon-link{
	margin-right:1px
}
.fm-recents .sprite-fm-mono.icon-download-filled,.fm-recents .sprite-fm-mono.icon-link{
	margin-right:16px
}
.fm-recents.content-row.active .sprite-fm-mono.icon-options,.fm-recents.content-row.active.ui-selected .sprite-fm-mono.icon-options,.fm-recents.content-row.ui-selected .sprite-fm-mono.icon-options,.fm-recents.content-row:hover .sprite-fm-mono.icon-options{
	opacity:1
}
.fm-recents .transfer-filetype-icon{
	float:left;
	position:static
}
.fm-recents .transfer-filetype-icon.inbound-share{
	background-position:-336px -877px
}
.fm-recents.previews-wrapper{
	margin:3px 0 0 -22px
}
.fm-recents.previews-scroll{
	font-size:0;
	line-height:0;
	overflow:hidden;
	white-space:nowrap
}
.fm-recents.previews-scroll.expanded{
	white-space:normal
}
.fm-recents.media.collapsed .previews-wrapper,.fm-recents.media.collapsed .toggle-expanded-state{
	display:none
}
.fm-recents .link-button.toggle-expanded-state{
	background-color:var(--surface-grey-2);
	border-radius:24px;
	box-sizing:border-box;
	color:var(--text-color-high);
	float:right;
	font:var(--text-body2);
	margin-right:8px;
	max-width:calc(100% - 70px);
	min-height:20px;
	overflow:hidden;
	padding:2px 6px
}
.fm-recents .link-button.toggle-expanded-state i{
	--icon-size:18px;
	display:inline-block;
	margin-bottom:1px;
	vertical-align:middle
}
.fm-recents .link-button.toggle-expanded-state span{
	vertical-align:middle
}
.fm-recents .link-button.toggle-expanded-state:hover i{
	--mask-color:var(--text-color-high)
}
.fm-recents .link-button.toggle-expanded-state:hover span{
	color:var(--text-color-high)
}
.fm-recents.previews-body{
	-webkit-padding-start:18px;
	display:inline-block;
	padding-inline-start:18px;
	vertical-align:top
}
.fm-recents .data-block-view:not(.hidden){
	display:inline-block;
	margin:8px 5px;
	padding:0;
	vertical-align:top
}
.fm-recents .data-block-bg,.fm-recents .data-block-bg.thumb .block-view-file-type,.fm-recents .data-block-view,.fm-recents .data-block-view .data-block-bg.thumb img{
	height:120px;
	width:120px
}
.fm-recents .link-button{
	float:left;
	margin:5px 0 9px
}
.fm-recents .link-button:not(.hidden){
	display:inline-flex
}
.fm-recents .dark-direct-tooltip{
	bottom:28px;
	right:8px
}
.fm-recents .dark-direct-tooltip i{
	left:auto;
	right:58px
}
.fm-recents .dark-direct-tooltip.in-out-tooltip i{
	left:20px
}
.fm-recents .in-out-share-icon:hover+.in-out-tooltip,.fm-recents .in-out-tooltip:hover{
	display:block
}
.fm-recents .dark-direct-tooltip.in-out-tooltip{
	left:-12px;
	right:unset
}
.fm-recents.content-row.link-row{
	min-height:0
}
.fm-recents.link-row .link-button{
	margin:10px 0 9px
}
.fm-recents.group.expanded .rest-nodes-counter{
	display:none
}
.fm-recents .more-less-toggle{
	background-color:var(--stroke-grey-2);
	border-radius:12px;
	color:var(--text-color-high);
	padding:2px 6px
}
.fm-recents.content-row.ui-selected .more-less-toggle{
	background-color:var(--stroke-main)
}
.simpletip-tooltip.recents-file-path span i{
	--icon-size:16px;
	--mask-color:var(--stroke-main);
	display:inline-block;
	height:16px;
	margin:0 4px 2px;
	position:static;
	vertical-align:middle;
	width:16px
}
.fm-recents .expand-collapse-toggle{
	cursor:pointer;
	display:none;
	left:20px;
	position:absolute;
	top:22px
}
.rtl .fm-recents .expand-collapse-toggle{
	left:auto;
	right:20px;
	transform:rotate(180deg)
}
.fm-recents.group .expand-collapse-toggle,.fm-recents.media .expand-collapse-toggle{
	display:inline
}
.fm-recents.breadcrumbs .sprite-fm-mono,.fm-recents .expand-collapse-toggle .icon-arrow-right,.fm-recents.file-action .sprite-fm-mono{
	--icon-size:24px;
	--mask-color:var(--text-color-medium)
}
.fm-recents.expanded .expand-collapse-toggle{
	transform:rotate(90deg)
}
.fm-recents.content-row.group.collapsed .content:after,.fm-recents.content-row.single .content:after{
	background:var(--surface-grey-2);
	bottom:-6px;
	content:"";
	height:1px;
	left:8px;
	position:absolute;
	right:8px
}
.fm-recents.content-row.single.child-note .content:after{
	display:none
}
.fm-recents.content-row.ui-selected .content,.fm-recents.content-row:hover .content{
	border:1px solid var(--stroke-grey-2);
	border-radius:6px;
	position:relative
}
.fm-recents.content-row.ui-selected .content{
	border-color:var(--stroke-grey-4)
}
.fm-recents.content-row:hover .content{
	background-color:var(--stroke-grey-3)
}
.fm-recents.content-row.ui-selected .content{
	background-color:var(--stroke-grey-4)
}
.fm-recents.content-row.ui-selected .content:before{
	background-color:var(--secondary-blue);
	bottom:4px;
	content:"";
	left:4px;
	position:absolute;
	top:4px;
	width:2px
}
.rtl .fm-recents.content-row.ui-selected .content:before{
	left:auto;
	right:4px
}

.float-widget.transfer-progress *{
	font-family:var(--text-font-family)
}
.float-widget.transfer-progress{
	height:auto;
	margin-bottom:8px;
	position:relative;
	z-index:110
}
.banner.transfer,.transfer-progress-widget{
	border-radius:16px;
	box-shadow:var(--dialog-shadow);
	overflow:hidden;
	position:relative
}
.transfer-progress-widget.collapse{
	display:inline-block;
	max-width:446px;
	min-width:264px
}
.transfer-progress-widget.expand{
	background:var(--surface-main);
	width:536px
}
.transfer-progress-txt{
	display:inline-block;
	font:var(--text-body1-bold);
	margin-left:8px;
	overflow:hidden;
	padding:5px 0 4px;
	text-overflow:ellipsis;
	vertical-align:top
}
.transfer-panel-title .transfer-progress-txt,.transfer-progress-txt{
	color:var(--text-color-high)
}
.transfer-progress-type.error .transfer-progress-txt,.transfer-progress-type.overquota .transfer-progress-txt{
	color:var(--secondary-red);
	font-family:var(--text-font-family)
}
.transfer-progress-type.error.almost-overquota .transfer-progress-txt{
	color:var(--secondary-orange)
}
.transfer-progress-head{
	background:var(--surface-grey-1);
	border-radius:16px 16px 0 0;
	display:flex;
	font-size:0;
	max-width:inherit;
	min-width:264px;
	position:relative;
	width:auto
}
.transfer-progress-widget.expand .transfer-progress-head{
	min-width:536px
}
.transfer-progress-widget.collapse .transfer-progress-head{
	border-radius:8px
}
.transfer-progress-type{
	align-self:flex-start;
	display:flex;
	margin:10px 0;
	overflow:hidden;
	white-space:nowrap
}
.transfer-progress-spacing{
	flex-grow:1
}
.transfer-progress-widget.expand .transfer-progress-type.upload.hidden+.transfer-progress-type.download,.transfer-progress-widget.expand .transfer-progress-type.upload:not(.hidden){
	margin-left:24px
}
.transfer-progress-widget.collapse .transfer-progress-type.upload.hidden+.transfer-progress-type.download,.transfer-progress-widget.collapse .transfer-progress-type.upload:not(.hidden){
	margin-left:16px
}
.transfer-progress-type:first-child{
	margin-right:32px
}
.transfer-progress-type .progress-chart{
	background:var(--surface-progress-background);
	border-radius:100%;
	display:inline-block;
	float:none;
	height:28px;
	position:relative;
	transform:none;
	vertical-align:middle;
	width:28px
}
.transfer-progress-type .progress-chart .charts{
	border-radius:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	width:100%
}
.transfer-progress-type .progress-chart i{
	left:6px;
	position:absolute;
	top:6px;
	z-index:11
}
.transfer-progress-type.download .progress-chart i{
	--mask-color:var(--secondary-green)
}
.transfer-progress-type.upload .progress-chart i{
	--mask-color:var(--secondary-blue)
}
.transfer-progress-type.error .progress-chart i,.transfer-progress-type.overquota .progress-chart i{
	--mask-color:var(--stroke-error)
}
.transfer-progress-type .progress-chart:after{
	background:var(--surface-main);
	border-radius:100%;
	content:"";
	display:block;
	height:22px;
	margin:3px;
	padding:0;
	position:absolute;
	width:22px;
	z-index:10
}
.transfer-progress-head .transfer-progress-type .progress-chart:after{
	background:var(--surface-grey-1)
}
.transfer-progress-type .charts .left-chart,.transfer-progress-type .charts .right-chart{
	clip:rect(0, 50px, 100px, 0);
	height:100%;
	position:absolute;
	width:100%
}
.transfer-progress-type .charts .right-chart.low-percent-clip{
	clip:rect(0, 14px, 28px, 0)
}
.transfer-progress-type .charts .left-chart.low-percent-clip{
	clip:rect(0, 28px, 28px, 14px)
}
.transfer-progress-type .charts span{
	display:block;
	height:100%;
	position:absolute;
	transform:rotate(180deg);
	width:100%
}
.transfer-progress-type .charts span:before{
	content:"";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:50%
}
.transfer-progress-type.upload .charts span:before{
	background:var(--secondary-blue)
}
.transfer-progress-type.download .charts span:before{
	background:var(--secondary-green)
}
.transfer-progress-type .charts .left-chart span:before{
	margin-left:50%
}
.transfer-progress-type.error .charts span:after,.transfer-progress-type.error .charts span:before,.transfer-progress-type.overquota .charts span:after,.transfer-progress-type.overquota .charts span:before{
	background:var(--stroke-error)
}
.transfer-panel-title .transfer-progress-type{
	margin:0 16px
}
.status-indicator{
	border-radius:12px;
	box-sizing:border-box;
	display:inline-block;
	height:28px;
	position:relative;
	vertical-align:top;
	width:auto
}
.transfer-progress-type.download .transfer-progress-pct:before,.transfer-progress-type.upload .transfer-progress-pct:before{
	--icon-size:16px;
	--mask-color:var(--secondary-white);
	display:block;
	left:4px;
	position:absolute;
	top:4px;
	z-index:11
}
.transfer-progress-type .transfer-progress-icon{
	display:none
}
.transfer-progress-type.complete .transfer-progress-icon,.transfer-progress-type.error .transfer-progress-icon,.transfer-progress-type.overquota .transfer-progress-icon{
	display:inline-block;
	vertical-align:top
}
.transfer-progress-pct{
	color:var(--text-color-white-high);
	display:inline-block;
	font:var(--text-body1);
	height:auto;
	line-height:16px;
	padding:4px 8px 4px 20px;
	position:relative;
	width:auto
}
.transfer-progress-widget .transfer-control-panel{
	align-self:flex-end;
	cursor:pointer;
	display:flex
}
.transfer-progress-widget.expand .transfer-control-panel{
	margin-right:16px
}
.transfer-progress-widget.collapse .transfer-control-panel{
	margin-left:32px;
	margin-right:8px
}
.transfer-control-panel .transfer-progress-icon i{
	--icon-size:24px;
	--mask-color:var(--icon-rest)
}
.transfer-control-panel .transfer-progress-icon i:hover{
	--mask-color:var(--icon-active)
}
.transfer-control-panel .transfer-progress-icon{
	display:inline-block;
	margin:12px 8px 12px 0;
	transition:.2s
}
.transfer-progress-widget.collapse .transfer-progress-icon.collapse,.transfer-progress-widget.expand .transfer-progress-icon.expand{
	display:none
}
.transfer-control-panel .transfer-progress-icon:hover{
	opacity:1
}
.transfer-progress-tabs-head{
	background:var(--surface-main);
	border-bottom:1px solid var(--stroke-grey-2);
	line-height:32px
}
.transfer-progress-tabs-head .transfer-tabs-panel{
	padding-left:24px
}
.transfer-progress-tabs-head .tab-lnk{
	background-color:initial;
	border:0;
	box-sizing:border-box;
	color:var(--text-color-high);
	cursor:pointer;
	font:var(--text-body2-bold);
	height:24px;
	margin:8px 36px 6px 0;
	outline:0;
	padding:0;
	position:relative
}
.transfer-progress-tabs-head .tab-lnk.active{
	color:var(--text-color-info);
	font:var(--text-body1-bold)
}
.transfer-progress-tabs-head .tab-lnk.inactive{
	color:var(--text-color-low);
	cursor:default;
	font:var(--text-body2)
}
.transfer-progress-widget.collapse .transfer-progress-widget-body{
	display:none
}
.transfer-progress-widget-body{
	background:var(--surface-main);
	border-radius:0 0 16px 16px;
	overflow:hidden;
	padding-bottom:8px;
	position:relative;
	z-index:40
}
.transfer-progress.tpw .widget-body-container{
	max-height:248px
}
.transfer-task-row{
	align-items:center;
	box-sizing:border-box;
	display:flex;
	height:48px;
	padding:12px 16px 12px 44px;
	position:relative;
	width:100%
}
.transfer-task-row:hover:after{
	background-color:var(--stroke-grey-3);
	border:1px solid var(--stroke-grey-2);
	border-radius:4px;
	content:"";
	height:40px;
	left:16px;
	position:absolute;
	top:4px;
	width:504px;
	z-index:-1
}
.transfer-task-row:before{
	content:"";
	display:block;
	height:16px;
	left:27px;
	position:absolute;
	top:16px;
	width:16px
}
.transfer-task-row .transfer-filetype-txt{
	color:var(--text-color-high);
	display:inline-block;
	font:var(--text-body1);
	line-height:24px;
	margin-left:50px;
	margin-top:2px;
	max-width:282px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.transfer-task-row.complete .transfer-filetype-txt{
	max-width:282px
}
.transfer-task-row .transfer-file-size{
	color:var(--text-color-low);
	display:inline-block;
	font:var(--text-body2);
	line-height:24px;
	margin:0 8px;
	padding-left:12px;
	padding-top:2px;
	position:relative;
	vertical-align:top;
	white-space:nowrap
}
.transfer-task-row .transfer-file-size:before{
	background-color:var(--stroke-grey-2);
	content:"";
	display:block;
	height:16px;
	left:0;
	position:absolute;
	top:4px;
	width:1px
}
.transfer-task-status{
	color:var(--text-color-high);
	cursor:pointer;
	flex-shrink:0;
	font:var(--text-body1);
	line-height:24px;
	margin-left:auto;
	margin-right:8px;
	min-height:24px;
	min-width:28px;
	overflow:hidden;
	position:relative;
	text-overflow:ellipsis;
	white-space:nowrap
}
.transfer-task-row.paused .transfer-task-status i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	display:inline-block;
	margin-right:8px;
	vertical-align:middle
}
.transfer-task-status span{
	box-sizing:border-box;
	display:inline-block;
	height:24px;
	padding-top:1px;
	vertical-align:middle
}
.transfer-task-actions{
	display:none;
	z-index:25
}
.transfer-task-row:hover .transfer-task-actions{
	display:inline-block;
	position:absolute;
	right:24px;
	top:9px
}
.transfer-task-row:hover .transfer-task-status{
	display:none
}
.transfer-task-actions button{
	cursor:pointer;
	display:inline-block;
	outline:none;
	position:relative
}
.transfer-task-actions i{
	--mask-color:var(--icon-rest)
}
.transfer-task-actions i:hover{
	--mask-color:var(--icon-active)
}
.transfer-progress-bar,.transfer-progress-bar-pct{
	background:var(--surface-progress-background);
	border-radius:1.5px;
	bottom:0;
	display:block;
	height:2px;
	left:24px;
	position:absolute;
	width:488px;
	z-index:8
}
.transfer-task-row.upload .transfer-progress-bar-pct{
	background:var(--secondary-blue);
	left:0;
	width:200px;
	z-index:9
}
.transfer-task-row.download .transfer-progress-bar-pct{
	background:var(--secondary-green);
	left:0;
	width:200px;
	z-index:9
}
.transfer-task-row.complete .transfer-task-status{
	color:var(--stroke-success);
	padding-top:2px
}
.transfer-complete-actions{
	display:none;
	position:absolute;
	right:48px;
	z-index:25
}
.transfer-task-row:hover .transfer-complete-actions{
	display:inline-block
}
.transfer-complete-actions button{
	cursor:pointer;
	display:inline-block;
	margin-right:8px;
	outline:none;
	position:relative
}
.transfer-complete-actions i{
	--mask-color:var(--icon-rest)
}
.transfer-complete-actions i:hover{
	--mask-color:var(--icon-active)
}
.transfer-task-row.complete .transfer-progress-bar{
	display:none
}
.transfer-task-row.error .transfer-progress-bar-pct,.transfer-task-row.overquota .transfer-progress-bar-pct{
	background-color:var(--secondary-red);
	left:0;
	width:200px;
	z-index:9
}
.transfer-task-row.error .transfer-task-status,.transfer-task-row.overquota .transfer-task-status{
	color:var(--secondary-red)
}
.transfer-task-row .transfer-task-status+i{
	display:none
}
.transfer-task-row.inqueue .transfer-task-status+i{
	--icon-size:22px;
	animation:rotate 1s linear infinite;
	display:block;
	margin:4px 12px 0 0;
	opacity:.6
}
.transfer-task-row.paused .transfer-task-status:before{
	background-position:-2px -37px;
	display:block
}
.transfer-progress-icon.collapse{
	height:auto
}
.transfer-progress-icon.wait{
	background-position:-195px -342px
}
.transfer-progress-icon.complete{
	background-position:-160px -1697px;
	display:block
}
.btn-icon.transfer-progress-btn:hover:after{
	background:var(--button-hover);
	border-radius:4px;
	content:"";
	height:24px;
	left:0;
	position:absolute;
	right:0;
	width:24px;
	z-index:-1
}
button.btn-icon .transfer-progress-icon{
	--icon-size:24px;
	display:inline-block
}
.transfer-progress-type.upload .status-indicator:before{
	background-position:-8px -1804px
}
.transfer-task-row.download:before{
	--mask-color:var(--secondary-green);
	margin-right:12px
}
.transfer-task-row.upload:before{
	--mask-color:var(--secondary-blue);
	margin-right:15px
}
.transfer-task-row .transfer-filetype-icon{
	margin:0 12px
}
.transfer-task-row.complete .transfer-task-status:before{
	background-position:-160px -1696px;
	display:block
}
.transfer-task-row.error .transfer-task-status:before,.transfer-task-row.overquota .transfer-task-status:before{
	background-position:-159px -1804px;
	display:block
}
.transfer-widget-footer{
	background-color:var(--stroke-grey-2);
	height:24px;
	padding:6px 0;
	width:100%
}
.transfer-widget-footer button{
	--height:24px;
	height:24px
}
.transfer-widget-footer .transfer-clear-all-icon{
	margin-left:8px;
	margin-right:18px
}
.transfer-widget-footer button i{
	--mask-color:var(--icon-rest)
}
.transfer-widget-footer button:hover i{
	--mask-color:var(--icon-active)
}
.transfer-progress-widget.collapse .transfer-section-button{
	display:none
}
.float-widget.transfer-progress .banner{
	background-color:var(--stroke-main);
	box-sizing:border-box;
	margin-bottom:4px;
	max-width:536px;
	min-width:148px;
	overflow:hidden;
	padding:24px;
	width:100%
}
.float-widget.transfer-progress .banner .close-over{
	cursor:pointer;
	height:24px;
	position:absolute;
	right:16px;
	top:16px;
	transition:.2s;
	width:24px;
	z-index:19
}
.float-widget.transfer-progress .banner .close-over:hover{
	opacity:.8
}
.float-widget.transfer-progress .banner .close-over .sprite-fm-mono{
	--mask-color:var(--icon-rest);
	--icon-size:24px;
	height:24px;
	width:24px
}
.left-section.circle-dashboard{
	background:var(--surface-progress-background);
	border-radius:100%;
	box-sizing:border-box;
	display:inline-block;
	height:64px;
	margin:12px 40px 0 16px;
	position:relative;
	text-align:center;
	vertical-align:top;
	width:64px
}
.quota-info-pct-txt{
	font:var(--text-h3-bold);
	margin-top:20px;
	position:relative;
	z-index:11
}
.float-widget.transfer-progress .banner.almost-overquota .quota-info-pct-txt,.float-widget.transfer-progress .banner.almost-overquota .quota-info-pr-txt .quota-info-pr-txt-used{
	color:var(--secondary-orange)
}
.float-widget.transfer-progress .banner.overquota .quota-info-pct-txt,.float-widget.transfer-progress .banner.overquota .quota-info-pr-txt .quota-info-pr-txt-used{
	color:var(--secondary-red)
}
.quota-info-pr-txt{
	color:var(--text-color-high);
	font:var(--text-body2);
	margin:-24px -16px 0;
	position:relative
}
.quota-info-pr-txt .quota-info-pr-txt-used{
	font:var(--text-body1)
}
.quota-info-pr-txt.small-font{
	color:var(--text-color-medium)
}
.quota-info-pr-txt.small-font .quota-info-pr-txt-used{
	font:var(--text-body1)
}
.right-section.upgrade-block{
	display:inline-block;
	width:calc(100% - 136px)
}
.right-section.upgrade-block .head-title{
	color:var(--text-color-high);
	font:var(--text-h3-bold);
	left:0;
	padding:0;
	top:0
}
.right-section.upgrade-block .head-title span.pct-used{
	color:var(--text-color-error);
	font:var(--text-h1-bold)
}
.almost-overquota .right-section.upgrade-block .head-title span.pct-used{
	color:var(--text-color-warning)
}
.right-section.upgrade-block .head-title:hover{
	background-color:initial
}
.right-section.upgrade-block .head-title:before{
	display:none
}
.right-section.upgrade-block .content-txt{
	color:var(--text-color-medium);
	padding-top:4px
}
.right-section.upgrade-block button{
	display:inline-block;
	margin-top:16px;
	z-index:14
}
.quota-info-pct-circle li,.quota-info-pct-circle p,.quota-info-pct-circle span,.quota-info-pct-circle ul{
	height:64px;
	list-style-type:none;
	margin:0;
	padding:0;
	width:64px
}
.quota-info-pct-circle .overlay{
	background-color:var(--stroke-main);
	border-radius:100%;
	display:block;
	height:54px;
	left:5px;
	position:absolute;
	top:5px;
	width:54px;
	z-index:10
}
.affiliate .quota-info-pct-circle li,.blog-new-full .quota-info-pct-circle ul li,.pro .quota-info-pct-circle li:not(.no-red-dot),.quota-info-pct-circle ul li,.sync .quota-info-pct-circle li{
	background:none;
	left:0;
	padding:0;
	position:absolute;
	top:0
}
.quota-info-pct-circle ul .right-c{
	clip:rect(0, 64px, 64px, 32px)
}
.quota-info-pct-circle ul .left-c{
	clip:rect(0, 32px, 64px, 0)
}
.quota-info-pct-circle ul .left-c p{
	transform:rotate(-180deg)
}
.quota-info-pct-circle ul .right-c p{
	transform:rotate(-30deg)
}
.quota-info-pct-circle ul li span{
	display:block;
	height:64px;
	width:32px
}
.quota-info-pct-circle ul li.right-c span{
	border-bottom-left-radius:32px;
	border-top-left-radius:32px
}
.quota-info-pct-circle ul li.left-c span{
	border-bottom-right-radius:32px;
	border-top-right-radius:32px;
	margin-left:32px
}
.float-widget.transfer-progress .banner.almost-overquota .quota-info-pct-circle ul span{
	background-color:var(--secondary-orange)
}
.float-widget.transfer-progress .banner.overquota .quota-info-pct-circle ul span{
	background-color:var(--secondary-red)
}
.float-widget.transfer-progress .transfer-task-row hr{
	display:none
}
.float-widget.transfer-progress .transfer-task-row.complete hr{
	background:var(--surface-grey-2);
	border:none;
	bottom:-8px;
	display:block;
	height:1px;
	position:absolute;
	right:24px;
	width:488px
}
.float-widget.transfer-progress .btn-icon{
	background:none;
	border:none;
	cursor:pointer;
	outline:none;
	padding:0
}

.lp-header{
	align-items:center;
	display:flex;
	padding:14px 20px 14px 12px
}
.lp-header span{
	color:var(--text-color-higher);
	flex:1 1 auto;
	font:var(--text-h2);
	overflow:hidden;
	padding:3px 0;
	text-overflow:ellipsis
}
.lp-content-wrap{
	padding:0 8px
}
.lp-gallery,.lp-myfiles{
	background:var(--surface-grey-2);
	display:flex;
	flex-direction:column;
	height:100%;
	overflow:hidden
}
.lp-myfiles .content-area{
	border-top:2px solid transparent;
	box-sizing:border-box;
	flex-grow:1;
	overflow:hidden;
	position:relative;
	transition:border-top .25s ease-in-out
}
.rtl .lp-myfiles .content-area{
	direction:ltr
}
.rtl .lp-myfiles .content-area .lp-content-wrap{
	direction:rtl
}
.lp-myfiles .content-area.ps--active-y:hover{
	border-top:2px solid var(--stroke-main)
}
.fm-other-tree-panel .section-title{
	display:none
}
.active-folder-link .section-title,.lp-gallery .section-title,.lp-myfiles .section-title{
	color:var(--text-color-medium);
	display:inline-block;
	font:var(--text-body2);
	height:18px;
	letter-spacing:0;
	margin:0 4px 4px;
	opacity:.7
}
.active-folder-link .lp-content-wrap,.lp-gallery .library-panel,.lp-myfiles .cloud-drive-panel{
	padding-top:4px
}
.lp-myfiles .cloud-drive-panel{
	box-sizing:border-box;
	display:inline-block;
	min-width:100%
}
.lp-myfiles .ps--active-y .cloud-drive-panel{
	-webkit-padding-end:16px;
	padding-inline-end:16px
}
.lp-myfiles .content-panel.cloud-drive.collapse{
	display:none
}
.lp-myfiles .btn-myfiles{
	-webkit-padding-start:24px;
	padding-inline-start:24px
}
.lp-myfiles .btn-myfiles i.icon-dropdown{
	left:2px;
	margin-top:4px;
	position:absolute
}
.rtl .lp-myfiles .btn-myfiles i.icon-dropdown{
	left:auto;
	right:2px
}
.lp-myfiles .btn-myfiles.collapse i.icon-dropdown{
	transform:rotate(270deg)
}
.rtl .lp-myfiles .btn-myfiles.collapse i.icon-dropdown{
	transform:rotate(90deg)
}
.lp-myfiles .shared-panel{
	padding-bottom:16px;
	padding-top:8px
}
.lp-storage-usage .storage-usage-panel{
	border-top:2px solid var(--stroke-main);
	display:flex;
	flex-direction:column;
	padding:12px
}
.lp-storage-usage .storage-usage-panel.hidden{
	display:none
}
.lp-storage-usage .storage-usage-panel .title-block{
	display:flex;
	justify-content:space-between;
	margin-bottom:6px
}
.lp-storage-usage .storage-usage-panel .title-block .plan{
	color:var(--stroke-main-inverted);
	font:var(--text-body2);
	line-height:18px;
	margin-right:16px;
	white-space:nowrap
}
.lp-storage-usage .storage-usage-panel .storage-graph{
	background-color:rgba(0, 0, 0, .2);
	border-radius:8px;
	height:6px;
	margin-bottom:8px;
	overflow:hidden;
	position:relative
}
.lp-storage-usage .storage-usage-panel .storage-graph span{
	background:var(--surface-dark-grey);
	border-radius:8px 0 0 8px;
	height:6px;
	position:absolute
}
.lp-storage-usage .storage-usage-panel.warning .storage-graph span{
	background:var(--secondary-orange)
}
.lp-storage-usage .storage-usage-panel.over .storage-graph span{
	background:var(--secondary-red)
}
.storage-usage-panel .info{
	font:var(--text-body2);
	position:relative
}
.storage-usage-panel .loader.loading{
	animation:rotate 2.5s linear infinite;
	opacity:1
}
.storage-usage-panel .loader{
	background-position:-6px -350px;
	height:12px;
	opacity:0;
	position:absolute;
	width:12px
}
.storage-usage-panel .storage-txt{
	color:var(--stroke-main-inverted)
}
.storage-usage-panel .loader.loading+.storage-txt{
	visibility:hidden
}
.storage-usage-panel .storage-txt .lp-sq-used{
	color:var(--text-color-success)
}
.storage-usage-panel.warning .storage-txt .lp-sq-used{
	color:var(--text-color-warning)
}
.storage-usage-panel.over .storage-txt .lp-sq-used{
	color:var(--text-color-error)
}
.fm-tree-panel li{
	margin:1px 0
}
.nw-fm-tree-item.selected{
	background-color:var(--stroke-grey-1);
	border-radius:4px;
	color:var(--stroke-main-inverted)
}
.nw-fm-tree-item.hovered,.nw-fm-tree-item:hover{
	background-color:var(--stroke-grey-1);
	border-radius:4px;
	cursor:pointer
}
.nw-fm-tree-item.dragover .nw-fm-tree-folder,.nw-fm-tree-item:hover .nw-fm-tree-folder{
	color:var(--stroke-link-inverted)
}
.nw-fm-tree-item.selected .nw-fm-tree-arrow,.nw-fm-tree-item.selected .nw-fm-tree-folder{
	--mask-color:var(--stroke-main-inverted);
	color:var(--stroke-main-inverted)
}
.nw-fm-tree-item .sprite-fm-mono{
	--mask-color:var(--icon-rest)
}
.nw-fm-tree-item .nw-fm-tree-arrow{
	--mask-color:var(--icon-rest);
	-webkit-margin-start:24px;
	display:none;
	margin-inline-start:24px;
	position:absolute;
	top:8px
}
.nw-fm-tree-item.contains-folders .nw-fm-tree-arrow{
	display:block
}
.nw-fm-tree-item.contains-folders.expanded .nw-fm-tree-arrow{
	background-image:none;
	transform:rotate(90deg)
}
.rtl .nw-fm-tree-item.contains-folders.expanded .nw-fm-tree-arrow{
	transform:rotate(270deg)
}
.fontsize1 .nw-fm-tree-folder{
	font:var(--text-body1);
	line-height:24px
}
.nw-fm-tree-item .file-status-ico{
	display:none
}
.tree-item-dragger{
	display:flex
}
.tree-item-dragger .nw-fm-tree-folder{
	margin:0;
	width:auto
}
.tree-item-dragger span.sprite-fm-mono{
	background-color:var(--stroke-grey-2)
}
.tree-item-dragger span.item-name{
	-webkit-margin-start:5px;
	line-height:24px;
	margin-inline-start:5px;
	max-width:160px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.nw-fm-tree-item.linked .file-status-ico{
	--mask-color:var(--icon-rest);
	display:inline-block;
	vertical-align:middle;
	z-index:98
}
.nw-fm-tree-item .gallery-status-icon{
	--mask-color:var(--secondary-blue);
	--icon-size:24px;
	display:none;
	vertical-align:middle;
	z-index:98
}
.nw-fm-tree-item.on-gallery .gallery-status-icon{
	display:inline-block;
	vertical-align:middle
}
.nw-fm-tree-item.linked.on-gallery .gallery-status-icon{
	right:43px
}
.rtl .nw-fm-tree-item.linked .file-status-ico,.rtl .nw-fm-tree-item.on-gallery .gallery-status-icon{
	left:21px;
	right:auto
}
.rtl .nw-fm-tree-item.linked.on-gallery .gallery-status-icon{
	left:26px
}
.nw-fm-tree-item .sprite-fm-mono.icon-takedown{
	background-color:var(--secondary-red);
	display:inline;
	position:absolute;
	right:21px;
	z-index:98
}
.rtl .nw-fm-tree-item .sprite-fm-mono.icon-takedown{
	left:21px;
	right:auto
}
.nw-fm-tree-item .sprite-fm-mono.icon-info{
	background-color:var(--secondary-orange);
	display:inline;
	position:absolute;
	right:21px;
	top:4px;
	z-index:98
}
.nw-fm-tree-folder{
	width:100%
}
.active-folder-link .nw-fm-tree-iconwrap,.lp-myfiles .nw-fm-tree-iconwrap{
	background:var(--surface-tree-iconwrap);
	display:inline-block;
	padding:0 16px 0 4px;
	position:sticky;
	position:-webkit-sticky;
	right:-1px;
	vertical-align:middle
}
.active-folder-link .fm-other-tree-panel .nw-fm-tree-item.hovered .nw-fm-tree-iconwrap,.active-folder-link .fm-other-tree-panel .nw-fm-tree-item.selected .nw-fm-tree-iconwrap,.active-folder-link .fm-other-tree-panel .nw-fm-tree-item:hover .nw-fm-tree-iconwrap,.lp-myfiles .nw-fm-tree-item.hovered .nw-fm-tree-iconwrap,.lp-myfiles .nw-fm-tree-item.selected .nw-fm-tree-iconwrap,.lp-myfiles .nw-fm-tree-item:hover .nw-fm-tree-iconwrap{
	background:var(--surface-tree-iconwrap-active)
}
.active-folder-link .fm-other-tree-panel .cloud-drive .lp-header{
	background:var(--surface-grey-2);
	position:sticky;
	position:-webkit-sticky;
	top:0;
	z-index:100
}
.active-folder-link .fm-other-tree-panel .cloud-drive .lp-header>span{
	flex-grow:0;
	left:12px;
	position:sticky;
	position:-webkit-sticky
}
.rtl .active-folder-link .fm-other-tree-panel .cloud-drive .lp-header>span{
	left:auto;
	right:12px
}
.active-folder-link .fm-other-tree-panel .content-panel.active.cloud-drive{
	display:inline-block;
	min-width:100%
}
.file-status-ico:before,.nw-fm-tree-arrow:before,.nw-fm-tree-folder:before{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	--icon-size:24px;
	color:var(--mask-color);
	display:inline-block;
	font-family:fm-mono !important;
	font-size:24px;
	font-style:normal;
	font-variant:normal;
	line-height:1;
	text-rendering:auto;
	vertical-align:top
}
.nw-fm-tree-folder:before{
	left:0;
	position:absolute
}
.rtl .nw-fm-tree-folder:before{
	left:auto;
	right:0
}
.nw-fm-tree-arrow,.nw-fm-tree-arrow:before{
	height:16px;
	width:16px
}
.nw-fm-tree-arrow:before{
	font-size:16px
}
.rtl .nw-fm-tree-arrow:before{
	transform:rotate(180deg)
}

.meetings-call{
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:120
}
.meetings-call.minimized{
	display:none
}
.meetings-call .stream{
	background:#222;
	float:left;
	height:100%;
	position:relative;
	width:calc(100% - 300px)
}
.meetings-call .stream-wrapper{
	display:grid;
	height:calc(100% - 160px);
	padding-bottom:96px;
	padding-top:64px;
	position:relative;
	width:100%
}
.meetings-call .stream.full{
	width:100%
}
.meetings-call .stream.hovered .stream-controls{
	bottom:0
}
.meetings-call .stream.hovered .sidebar-controls{
	right:24px
}
.meetings-call .stream.hovered .stream-head,.meetings-call .stream .stream-head.active{
	top:0
}
.meetings-call .stream .stream-controls{
	align-items:center;
	bottom:-250px;
	display:flex;
	justify-content:center;
	padding:0 0 24px;
	position:absolute;
	text-align:center;
	transition:opacity .5s ease-in-out,bottom .5s ease-in-out;
	width:100%;
	z-index:11
}
.overlayed .meetings-call .stream .stream-controls{
	bottom:0
}
.meetings-call .stream .stream-controls ul{
	display:block;
	height:100%;
	list-style:none;
	margin:0;
	padding:0
}
.meetings-call .stream .stream-controls ul li{
	display:inline-block;
	padding:0 11px;
	position:relative
}
.meetings-call .stream .stream-controls ul li button{
	cursor:pointer
}
.meetings-call .stream .stream-controls ul li button.end-call{
	color:var(--text-color-high)
}
.meetings-call .stream .stream-controls ul li button.end-call i{
	--mask-color:var(--secondary-white)
}
.meetings-call .stream .stream-controls ul li button i{
	--icon-size:32px;
	--mask-color:var(--icon-active);
	display:block;
	margin:0 auto
}
.meetings-call .stream .stream-controls ul li button span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.meetings-call .stream .stream-controls .stream-debug button{
	float:left;
	margin:0 5px 0 0
}
.meetings-call .stream .stream-controls .stream-debug button i{
	--icon-size:20px;
	--mask-color:var(--secondary-white)
}
.meetings-call .stream .stream-controls .stream-debug button span{
	text-indent:-9999px
}
.meetings-call .stream .stream-controls .end-options{
	left:50%;
	position:absolute;
	transform:translate(-50%, -100%)
}
.meetings-call .stream .stream-controls .end-options-content{
	background:var(--surface-main);
	border-radius:24px;
	box-sizing:border-box;
	margin:0 0 13px;
	min-height:130px;
	min-width:205px;
	padding:24px
}
.meetings-call .stream .stream-controls .end-options-content button{
	display:block;
	margin:0 auto 8px;
	min-width:150px
}
.meetings-call .stream .stream-controls .end-options-content button:last-child{
	margin-bottom:0
}
.meetings-call .stream .stream-controls .end-options-content button span{
	bottom:auto;
	position:relative;
	visibility:visible
}
.meetings-call .stream .sidebar-controls{
	bottom:182px;
	height:120px;
	position:absolute;
	right:-250px;
	transition:opacity .5s ease-in-out,right .5s ease-in-out;
	width:50px;
	z-index:11
}
.meetings-call .stream .sidebar-controls ul{
	list-style:none;
	margin:0;
	padding:0
}
.meetings-call .stream .sidebar-controls ul li{
	margin:0 0 20px;
	position:relative
}
.meetings-call .stream .sidebar-controls ul li button{
	color:var(--text-color-high)
}
.meetings-call .stream .sidebar-controls ul li button.selected,.meetings-call .stream .sidebar-controls ul li button.selected:hover{
	background:#9be5f7;
	background:linear-gradient(90deg, #9be5f7, #4fc0ee)
}
.meetings-call .stream .sidebar-controls ul li button i{
	--icon-size:32px;
	--mask-color:var(--secondary-white);
	margin:0 auto
}
.meetings-call .stream .sidebar-controls ul li button span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.meetings-call .stream .sidebar-controls ul span{
	border-radius:200px;
	font:var(--text-body1);
	height:19px;
	position:absolute;
	text-align:center;
	width:19px
}
.meetings-call .stream .sidebar-controls ul span.notifications-count{
	background:var(--surface-error);
	color:var(--secondary-white);
	right:-1px;
	top:-2px
}
.meetings-call .stream .sidebar-controls ul span.participants-count{
	background:var(--secondary-white);
	bottom:-4px;
	color:var(--text-color-black-high);
	line-height:21px;
	right:-3px
}
.meetings-call .stream .participants-notice{
	backdrop-filter:blur(10px);
	margin:0 auto;
	max-width:600px;
	min-width:460px;
	width:fit-content
}
.meetings-call .stream .participants-notice.user-alone{
	margin-top:-140px
}
.meetings-call .stream .participants-notice.user-alone .notice-footer{
	display:flex;
	justify-content:flex-end;
	margin-top:24px;
	width:100%
}
.meetings-call .stream .participants-notice.user-alone .notice-footer button{
	-webkit-margin-start:10px;
	margin-inline-start:10px
}
.meetings-call .stream .participants-notice-heading{
	background:var(--surface-highlight-1);
	border-radius:34px;
	padding:12px 48px;
	text-align:center
}
.meetings-call .stream .participants-notice-heading h1,.meetings-call .stream .participants-notice-heading h3{
	color:var(--secondary-white);
	margin:0
}
.meetings-call .stream .participants-notice-heading.user-alone{
	box-sizing:border-box;
	margin:0 auto;
	width:478px
}
.meetings-call .stream .participants-notice-content{
	background:var(--surface-highlight-1);
	border-radius:34px;
	box-sizing:border-box;
	margin:12px auto 0;
	padding:22px 62px;
	text-align:center;
	width:460px
}
.meetings-call .stream .participants-notice-content h3{
	color:var(--secondary-white)
}
.meetings-call .stream .participants-notice-content .mega-input{
	margin:0 0 16px
}
.meetings-call .stream .participants-notice-content .peers-invite{
	margin:40px 0 0
}
.meetings-call .stream .participants-notice-content .peers-invite hr{
	border:0;
	border-top:1px solid #444
}
.meetings-call .stream .participants-notice-content.user-alone{
	margin-top:32px;
	padding:24px;
	width:478px
}
.meetings-call .stream .participants-notice-content.user-alone h3{
	margin:0 0 12px
}
.meetings-call .stream .participants-notice-content.user-alone p{
	color:var(--text-color-medium);
	text-align:start
}
.meetings-call .stream .participants-notice-content.user-alone div.stay-dlg-subtext{
	color:var(--text-color-low);
	font:var(--text-body2);
	margin-top:12px
}
.meetings-call .stream-container{
	margin:auto
}
.meetings-call .stream .with-notice{
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	z-index:11
}
.meetings-call .stream .alert{
	background:#07bfa5;
	border-radius:4px;
	bottom:10px;
	color:#fff;
	left:10px;
	padding:10px;
	position:absolute
}
.meetings-call .stream .alert-content{
	float:left
}
.meetings-call .stream .alert-content span{
	display:block;
	float:left;
	padding:0 4px 0 0
}
.meetings-call .stream .alert-content span:first-child{
	font-weight:700
}
.meetings-call .stream .alert-control{
	border-left:1px solid #fff;
	float:left;
	margin:0 0 0 20px;
	padding:0 0 0 10px
}
.meetings-call .stream .alert button{
	background:#fff;
	border:0;
	border-radius:200px;
	cursor:pointer;
	height:15px;
	padding:0;
	text-indent:-9999px;
	width:15px
}
.meetings-call .stream .stream-on-hold{
	color:var(--secondary-white);
	cursor:pointer;
	font:var(--text-h2);
	left:50%;
	position:absolute;
	text-align:center;
	top:50%;
	transform:translate(-50%, -50%)
}
.meetings-call .stream .stream-on-hold i{
	--icon-size:80px;
	--mask-color:var(--surface-grey-1);
	display:block;
	margin:0 auto
}
.meetings-call .stream .stream-on-hold span{
	color:var(--secondary-white);
	font:var(--text-h3)
}
.meetings-call .stream .call-overlay{
	background:rgba(0, 0, 0, .32);
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10
}
.meetings-call .stream .on-hold-overlay{
	background:rgba(0, 0, 0, .7);
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10
}
.meetings-call .carousel{
	height:100%;
	width:100%
}
.meetings-call .carousel-container{
	height:100%;
	transform-style:preserve-3d;
	width:100%
}
.meetings-call .carousel-container .carousel-page{
	display:none;
	height:100%;
	margin:auto;
	position:absolute;
	top:0;
	transition:transform .5s,opacity .8s,z-index .5s;
	width:100%
}
.meetings-call .carousel-container .carousel-page.active{
	display:block;
	position:relative;
	z-index:900
}
.meetings-call .carousel-button-next,.meetings-call .carousel-button-prev{
	background:rgba(0, 0, 0, .4);
	border:0;
	border-radius:200px;
	cursor:pointer;
	height:96px;
	opacity:.6;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	transition:opacity .5s ease-in-out;
	width:96px;
	z-index:1
}
.meetings-call .carousel-button-next:hover,.meetings-call .carousel-button-prev:hover{
	opacity:1
}
.meetings-call .carousel-button-next:hover div,.meetings-call .carousel-button-prev:hover div{
	display:block
}
@media only screen and (max-height:760px){
.meetings-call .carousel-button-next,.meetings-call .carousel-button-prev{
	bottom:322px;
	height:56px;
	top:auto;
	transform:none;
	width:56px
}
}
.meetings-call .carousel-button-next i,.meetings-call .carousel-button-prev i{
	--icon-size:48px;
	--mask-color:var(--icon-rest);
	display:block;
	margin:0 auto
}
@media only screen and (max-height:760px){
.meetings-call .carousel-button-next i,.meetings-call .carousel-button-prev i{
	--icon-size:28px
}
}
.meetings-call .carousel-button-next span,.meetings-call .carousel-button-prev span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.meetings-call .carousel-button-next div,.meetings-call .carousel-button-prev div{
	background-color:rgba(0, 0, 0, .4);
	border-radius:4px;
	bottom:-30px;
	color:var(--secondary-white);
	display:none;
	font:var(--text-body2);
	left:50%;
	padding:3px 6px;
	position:absolute;
	transform:translateX(-50%)
}
@media only screen and (max-height:760px){
.meetings-call .carousel-button-next div,.meetings-call .carousel-button-prev div{
	bottom:auto;
	top:-32px
}
}
.meetings-call .carousel-button-prev{
	left:8px
}
.meetings-call .carousel-button-next{
	right:8px
}
@media only screen and (max-height:760px){
.meetings-call .carousel-button-next{
	right:21px
}
}
.meetings-call .sidebar{
	background:var(--surface-main);
	box-sizing:border-box;
	float:left;
	height:100%;
	position:relative;
	width:300px;
	z-index:12
}
.meetings-call .sidebar .collapse{
	height:100%
}
.meetings-call .sidebar .collapse-head{
	border-bottom:1px solid var(--stroke-grey-2);
	cursor:pointer;
	margin:0 15px;
	overflow:hidden
}
.meetings-call .sidebar .collapse-head i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	display:block;
	float:left;
	margin:-1px 3px 0 0
}
.meetings-call .sidebar .collapse-head h5{
	color:var(--text-color-high);
	display:block;
	float:left;
	font:var(--text-body1-bold);
	margin:0
}
.meetings-call .sidebar .collapse-head .participants-count{
	background:var(--secondary-blue);
	border-radius:4px;
	color:var(--secondary-white);
	display:block;
	float:left;
	font:var(--text-body2);
	height:15px;
	line-height:16px;
	margin:3px 0 0 10px;
	text-align:center;
	width:15px
}
.meetings-call .sidebar .collapse ul{
	list-style:none;
	margin:0;
	padding:0
}
.meetings-call .sidebar .collapse ul li{
	border-bottom:1px solid var(--stroke-grey-2);
	padding:8px 0
}
.meetings-call .sidebar .participants{
	color:var(--text-color-high);
	height:calc(100% - 70px)
}
.meetings-call .sidebar .participants-list{
	height:calc(100% - 30px)
}
.meetings-call .sidebar .participants-list.guest{
	height:calc(100% - 320px);
	overflow:hidden
}
.meetings-call .sidebar .participants ul{
	display:block;
	height:100%
}
.meetings-call .sidebar .participants ul li{
	margin:0 15px;
	overflow:hidden
}
.meetings-call .sidebar .participants ul li .avatar-wrapper{
	border-radius:4px;
	height:24px;
	margin:7px 0 0;
	width:24px
}
.meetings-call .sidebar .participants ul li .avatar-wrapper span{
	font:var(--text-body2);
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%)
}
.meetings-call .sidebar .participants ul li .avatar-wrapper img{
	height:24px;
	width:24px
}
.meetings-call .sidebar .participants ul li .name{
	float:left;
	overflow:hidden;
	padding:9px 0 0 10px;
	width:calc(100% - 100px)
}
.meetings-call .sidebar .participants ul li .name span{
	display:block;
	float:left
}
.meetings-call .sidebar .participants ul li .name span:first-child{
	font:var(--text-body1);
	max-width:120px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.meetings-call .sidebar .participants ul li .name span i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	display:block;
	margin:-3px 0 0
}
.meetings-call .sidebar .participants ul li .name span img.emoji.big{
	height:20px;
	margin:0;
	width:20px
}
.meetings-call .sidebar .participants ul li .status{
	float:right;
	margin:5px 0 0
}
.meetings-call .sidebar .participants ul li .status i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	display:inline-block;
	margin:0 0 0 3px
}
.meetings-call .sidebar .participants ul li .status i.inactive{
	--mask-color:var(--secondary-red)
}
.meetings-call .sidebar .participants .add-participants{
	margin:20px 0 0;
	text-align:center
}
.meetings-call .sidebar .participants .add-participants button{
	margin:0 auto
}
.meetings-call .sidebar .guest-register{
	background:#444;
	bottom:0;
	height:300px;
	left:0;
	position:absolute;
	width:100%
}
.meetings-call .sidebar .guest-register-content{
	box-sizing:border-box;
	color:var(--text-color-high);
	font:var(--text-body1);
	height:100%;
	padding:20px;
	text-align:center
}
.meetings-call .sidebar .guest-register-content i{
	margin:0 auto 10px
}
.meetings-call .sidebar .guest-register-content i.registration{
	height:60px;
	width:190px
}
.meetings-call .sidebar .guest-register-content button.close-guest-register{
	background:transparent;
	border:0;
	cursor:pointer;
	position:absolute;
	right:0;
	top:5px
}
.meetings-call .sidebar .guest-register-content button.close-guest-register span{
	display:none
}
.meetings-call .sidebar .guest-register-content button.close-guest-register i{
	--icon-size:24px;
	--mask-color:var(--icon-rest)
}
.meetings-call .sidebar .guest-register-content button.register-button{
	margin:20px 0 0
}
.meetings-call .sidebar.chat-opened{
	z-index:120
}
.meetings-call .sidebar.chat-opened .sidebar-head{
	background:var(--surface-main);
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:2
}
.meetings-call .sidebar.chat-opened .in-call .message.body{
	padding:3px 15px 0 10px
}
.meetings-call .sidebar.chat-opened .in-call .shared-link.thumb{
	max-width:100%
}
.meetings-call .sidebar.chat-opened .in-call .message.richpreview.container{
	width:100%
}
.meetings-call .sidebar.chat-opened .in-call .message.richpreview.container .img-wrapper{
	display:block;
	margin:0 auto
}
.meetings-call .sidebar.chat-opened .in-call .message.richpreview.container .img-wrapper .preview-confirmation{
	margin:0
}
.meetings-call .sidebar.chat-opened .in-call .message.richpreview.container .img-wrapper .preview{
	margin:17px 0 9px
}
.meetings-call .sidebar.chat-opened .in-call .message.richpreview.container .inner-wrapper{
	display:block;
	margin:6px 0 0;
	padding:0;
	width:100%
}
.meetings-call .sidebar.chat-opened .in-call .message.richpreview.container .buttons-block{
	float:left;
	margin:8px 0;
	padding:0
}
.meetings-call .sidebar.chat-opened .in-call .message.richpreview.container .buttons-block button{
	float:left;
	margin:8px 8px 0 0
}
.meetings-call .sidebar.chat-opened .in-call .reactions-bar{
	flex-wrap:wrap
}
.meetings-call .sidebar.chat-opened .in-call .geolocation-container{
	padding:0 27px 0 0
}
.meetings-call .sidebar.chat-opened .in-call .geolocation-container .geolocation{
	height:auto;
	width:100%
}
.meetings-call .sidebar.chat-opened .in-call .geolocation-container .geolocation__details{
	padding:4px
}
.meetings-call .sidebar.chat-opened .in-call .geolocation-container .geolocation__details .geolocation__icon{
	margin:0;
	width:100%
}
.meetings-call .sidebar.chat-opened .in-call .geolocation-container .geolocation__details ul.geolocation__data-list{
	display:block;
	left:auto;
	margin:5px 0 4px 5px;
	padding:0;
	position:relative;
	top:auto;
	transform:none
}
.meetings-call .sidebar.chat-opened .in-call .geolocation-container .geolocation__details ul.geolocation__data-list li{
	margin:0
}
.meetings-call .sidebar.chat-opened .chat-textarea-block{
	bottom:10px;
	min-height:48px
}
.meetings-call .sidebar.chat-opened .chat-textarea-block .gif-panel-wrapper{
	bottom:60px;
	left:auto;
	position:fixed;
	right:-10px;
	width:600px;
	z-index:130
}
.meetings-call .sidebar.chat-opened .chat-textarea-block .chat-textarea{
	margin:0 8px
}
.meetings-call .sidebar.chat-opened .giphy-block{
	height:100%;
	max-width:100%
}
.meetings-call .sidebar-streams-container{
	height:calc(100% - 70px)
}
.meetings-call .sidebar-streams-container.guest{
	height:calc(100% - 365px)
}
.meetings-call .sidebar-streams{
	grid-gap:8px;
	display:grid;
	grid-template-columns:1fr 1fr;
	overflow:hidden;
	padding:8px 16px
}
.meetings-call .sidebar-streams .stream-node{
	background:#222;
	border:0;
	border-radius:8px;
	box-sizing:border-box;
	height:100%;
	margin:0;
	overflow:hidden;
	width:100%
}
.meetings-call .sidebar-streams .stream-node.active{
	border:2px solid #6fd7ff
}
.meetings-call .sidebar-streams .stream-node.active .stream-node-content{
	border:2px solid #222;
	border-radius:8px;
	overflow:hidden
}
.meetings-call .sidebar-streams .stream-node-status{
	bottom:5px;
	left:5px
}
.meetings-call .sidebar-streams .stream-node-status span{
	height:24px;
	margin:0 2px 0 0;
	width:24px
}
.meetings-call .sidebar-streams .stream-node-status span i{
	--icon-size:16px
}
.meetings-call .sidebar-streams .stream-node .call-role-icon{
	--icon-size:18px;
	--mask-color:var(--secondary-white);
	padding:5px
}
.meetings-call .sidebar-streams .stream-node .loading-icon{
	filter:invert(0);
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	width:64px
}
.meetings-call .sidebar-head{
	padding:16px
}
.meetings-call .sidebar-head h2{
	color:var(--text-color-high);
	margin:0 0 0 5px
}
.meetings-call .sidebar-head button{
	margin:0 5px 0 0
}
.meetings-call .sidebar-head button.add{
	position:absolute;
	right:20px;
	top:15px
}
.meetings-call .sidebar-head button.add i{
	--mask-color:var(--secondary-white)
}
.meetings-call .sidebar-head button i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	margin:0 auto
}
.meetings-call .sidebar-head button span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.local-stream-mirrored video{
	transform:scaleX(-1)
}
.mode{
	float:left
}
.mode button{
	background:transparent;
	border:0;
	color:var(--secondary-white);
	cursor:pointer;
	float:left;
	font:var(--text-h3);
	padding:0;
	text-align:left
}
.mode button i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	float:left;
	margin:0 8px 0 0
}
.mode button div{
	color:var(--secondary-white);
	display:block;
	float:left;
	height:auto;
	width:auto
}
.mode-toggle{
	overflow:hidden
}
.mode-toggle i{
	--icon-size:16px;
	--mask-color:var(--icon-rest);
	display:block;
	float:left;
	margin:6px 0 0 10px
}
.mode-menu{
	background:var(--surface-main);
	border:var(--context-menu-border);
	border-radius:12px;
	box-shadow:var(--dropdown-shadow);
	display:none;
	margin:8px 0 0;
	padding:7px;
	position:absolute;
	top:100%
}
.mode-menu.expanded{
	display:block
}
.mode-menu .mode-option{
	opacity:.7;
	overflow:hidden;
	padding:8px
}
.mode-menu .mode-option:hover{
	opacity:1
}
.mode-menu .mode-option.active{
	background:var(--surface-grey-1);
	border-radius:4px;
	opacity:1
}
.stream-head{
	background:var(--surface-black-bar);
	height:64px;
	left:0;
	position:absolute;
	top:-250px;
	transition:opacity .5s ease-in-out,top .5s ease-in-out;
	width:100%;
	z-index:11
}
.stream-head-content{
	box-sizing:border-box;
	padding:0 24px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%
}
.stream-head-content .stream-head-info{
	color:var(--secondary-white);
	float:left;
	font:var(--text-h3)
}
.stream-head-content .stream-head-info .stream-duration,.stream-head-content .stream-head-info .stream-topic{
	float:left
}
.stream-head-content .stream-head-info .stream-duration{
	margin:0 30px 0 0
}
.stream-head-content .stream-head-info .stream-topic.has-meeting-link{
	cursor:pointer
}
.stream-head-content .stream-head-info .stream-topic i{
	--icon-size:16px;
	display:block;
	float:right;
	margin:6px 0 0 10px
}
.stream-head-content .stream-head-controls{
	float:right
}
.stream-head-content .stream-head-controls button.head-control{
	background:transparent;
	border:0;
	cursor:pointer;
	display:block;
	float:left;
	margin:0 0 0 20px;
	padding:0
}
.stream-head-content .stream-head-controls button.head-control i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	margin:0 auto
}
.stream-head-content .stream-head-controls button.head-control span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.in-call-info{
	left:20px;
	top:60px
}
.in-call-info .banner-copy-success{
	background:var(--banner-background-success);
	border:1px solid var(--banner-border-success);
	border-radius:4px;
	color:var(--banner-text-success);
	font:var(--text-body1-bold);
	margin:4px auto;
	padding:4px 30px;
	position:relative;
	text-align:center;
	width:70%
}
.node-menu{
	display:none;
	position:absolute;
	right:8px;
	text-align:right;
	top:15px;
	z-index:2
}
.node-menu:hover .node-menu-content{
	display:block
}
.node-menu-toggle{
	background:var(--surface-black-bar);
	border-radius:5px;
	color:var(--text-color-high);
	cursor:pointer;
	display:inline-block;
	font:var(--text-body1);
	padding:5px 0 5px 10px
}
.node-menu-toggle i,.node-menu-toggle span{
	display:block;
	float:left
}
.node-menu-toggle span{
	color:var(--text-color-medium);
	font:var(--text-body1);
	padding:2px 0 0
}
.node-menu-toggle i{
	--icon-size:24px;
	--mask-color:var(--icon-rest)
}
.node-menu-content{
	background:var(--surface-grey-2);
	border:var(--context-menu-border);
	border-radius:12px;
	box-shadow:var(--dropdown-shadow);
	display:none;
	padding:7px 8px 1px;
	text-align:left
}
.node-menu-content ul{
	list-style:none;
	margin:0;
	padding:0
}
.node-menu-content ul li{
	border-radius:4px;
	margin:0 0 4px
}
.node-menu-content ul li button{
	background:transparent;
	border:0;
	color:var(--text-color-high);
	cursor:pointer;
	font:var(--text-body1);
	opacity:.7
}
.node-menu-content ul li button:hover:not(.disabled){
	opacity:1
}
.node-menu-content ul li button.disabled{
	opacity:.4
}
.node-menu-content ul li button i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	display:block;
	float:left
}
.node-menu-content ul li button span{
	display:block;
	float:left;
	padding:3px 0 0 6px;
	vertical-align:middle
}
.stream-node{
	background:#333;
	border-radius:4px;
	box-sizing:initial;
	float:left;
	height:calc(100% - 4px);
	margin:2px;
	min-height:100%;
	position:relative;
	width:calc(100% - 4px)
}
.stream-node:after{
	content:"";
	display:block;
	padding-top:56.25%
}
.stream-node:hover .node-menu{
	display:block
}
.stream-node.full{
	width:100%
}
.stream-node.half{
	width:50%
}
.stream-node.third{
	width:33%
}
.stream-node.quarter{
	width:25%
}
.stream-node.clickable{
	cursor:pointer
}
.stream-node .loading-icon{
	--icon-size:64px;
	filter:invert(1)
}
.stream-node-content{
	border-radius:4px;
	bottom:0;
	left:0;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0
}
.stream-node-content .loading-icon{
	-webkit-animation:rotate 1s linear infinite;
	animation:rotate 1s linear infinite;
	filter:invert(1);
	height:128px;
	left:50%;
	margin-left:-64px;
	margin-top:-64px;
	opacity:.2;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	width:128px
}
.stream-node-content .video-rtc-stats{
	color:#0f0;
	font-size:6pt;
	padding-left:4px;
	padding-right:4px;
	padding-top:0;
	position:absolute;
	text-shadow:0 0 4px #000;
	z-index:20
}
.stream-node-content .video-rtc-stats-ralign{
	right:0;
	width:80%
}
.stream-node-content .stream-node-holder,.stream-node-content video{
	height:100%;
	width:100%
}
.stream-node-content .avatar-wrapper{
	border-radius:50%
}
.stream-node-content .avatar-wrapper,.stream-node-content .avatar-wrapper span{
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%)
}
.stream-node-content .avatar-wrapper img{
	height:100%;
	width:100%
}
.stream-node-content .avatar-wrapper .user-card-verified{
	display:none
}
.stream-node-status{
	bottom:10px;
	color:var(--secondary-white);
	font-size:9px;
	left:10px;
	position:absolute
}
.stream-node-status span{
	align-items:center;
	background:rgba(17, 17, 17, .8);
	border-radius:200px;
	display:flex;
	float:left;
	height:32px;
	justify-content:center;
	margin:0 5px 0 0;
	width:32px
}
.stream-node-status span i{
	--icon-size:24px
}
.stream-node-status span i.icon-audio-off{
	--mask-color:var(--secondary-red)
}
.stream-node-status span i.icon-weak-signal{
	--mask-color:var(--icon-rest)
}
.stream-node-status span span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.stream .stream-node-content .avatar-wrapper{
	font:var(--text-h1);
	height:96px;
	width:96px
}
.local-stream .stream-node-content .avatar-wrapper{
	height:48px;
	width:48px
}
.local-stream{
	background:var(--surface-black);
	border-radius:24px;
	bottom:24px;
	cursor:pointer;
	height:143px;
	position:fixed;
	right:24px;
	width:245px;
	z-index:11
}
.local-stream.ratio-4-3{
	width:190px
}
.local-stream.ratio-16-9{
	width:254px
}
.local-stream.ratio-9-16{
	width:80px
}
.local-stream.ratio-8-5{
	height:150px;
	width:240px
}
.local-stream.mini{
	height:240px;
	width:320px
}
.local-stream.mini.ratio-16-9{
	height:188px;
	width:334px
}
.local-stream.with-sidebar{
	right:324px
}
.local-stream.collapsed{
	background:var(--surface-black);
	height:24px;
	text-align:center;
	width:160px;
	z-index:1000
}
.local-stream.collapsed i{
	--icon-size:24px;
	--mask-color:var(--secondary-white)
}
.local-stream:hover .local-stream-self-overlay{
	background:linear-gradient(180deg, rgba(0, 0, 0, .6) 0, transparent);
	border-radius:24px;
	height:100%;
	position:absolute;
	width:100%
}
.local-stream .local-stream-options-control{
	background:transparent;
	left:15px;
	margin:0;
	padding:0;
	position:absolute;
	top:15px;
	z-index:1
}
.local-stream .local-stream-options-control.active i{
	--mask-color:var(--secondary-blue)
}
.local-stream .local-stream-options-control i{
	--icon-size:24px;
	--mask-color:var(--secondary-white)
}
.local-stream .local-stream-options{
	background:var(--surface-main);
	border:var(--context-menu-border);
	border-radius:12px;
	box-shadow:var(--dropdown-shadow);
	display:block;
	left:0;
	padding:9px 0 2px;
	position:absolute;
	top:50%;
	transform:translate(-95%, -50%);
	z-index:1
}
.local-stream .local-stream-options.options-top{
	top:-50%;
	transform:none
}
.local-stream .local-stream-options.options-bottom{
	left:10px;
	top:30%;
	transform:none
}
.local-stream .local-stream-options ul{
	list-style:none;
	margin:0;
	padding:0
}
.local-stream .local-stream-options ul.has-separator{
	border-top:1px solid var(--stroke-grey-2);
	padding:5px 0 0
}
.local-stream .local-stream-options ul li{
	padding:0 0 3px
}
.local-stream .local-stream-options ul li button{
	background:transparent;
	border:0;
	color:var(--text-color-medium);
	cursor:pointer;
	font:var(--text-body1);
	height:auto;
	text-indent:0;
	width:auto
}
.local-stream .local-stream-options ul li button:hover{
	color:var(--text-color-high)
}
.local-stream .local-stream-options ul li button:hover i{
	--mask-color:var(--icon-active)
}
.local-stream .local-stream-options ul li button.end-screen-share{
	color:var(--text-color-error)
}
.local-stream .local-stream-options ul li button.end-screen-share i{
	--mask-color:var(--secondary-red)
}
.local-stream .local-stream-options ul li button i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	float:left;
	margin:0 auto
}
.local-stream .local-stream-options ul li button div{
	float:left;
	padding:2px 0 0 7px
}
.local-stream.minimized{
	border:1px solid #212121;
	bottom:80px;
	height:240px;
	width:320px;
	z-index:1125
}
.local-stream.minimized.ratio-16-9{
	height:188px;
	width:334px
}
.local-stream.minimized.active .local-stream-overlay,.local-stream.minimized:hover .local-stream-overlay{
	display:block
}
.local-stream.minimized:hover .local-stream-notifications,.local-stream.minimized:hover .stream-node-status,.local-stream.minimized:hover button.chat-control{
	display:none
}
.local-stream.minimized .local-stream-overlay{
	background:linear-gradient(180deg, rgba(0, 0, 0, .6) 0, transparent);
	border-radius:24px;
	display:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.local-stream.minimized .local-stream-overlay .local-stream-controls{
	align-items:center;
	bottom:20px;
	display:flex;
	justify-content:space-evenly;
	left:50%;
	position:absolute;
	text-align:center;
	transform:translate(-50%);
	width:85%
}
.local-stream.minimized .local-stream-overlay .local-stream-controls button:last-child{
	margin-right:0
}
.local-stream.minimized .local-stream-overlay .local-stream-controls button i{
	--icon-size:32px;
	--mask-color:var(--icon-active)
}
.local-stream.minimized .local-stream-overlay .local-stream-controls button.end-call{
	background:#ff6863;
	background:linear-gradient(0deg, #ff6863, #ff9c97)
}
.local-stream.minimized .local-stream-overlay .local-stream-controls .button-group .active-indicator{
	right:2px;
	top:-1px
}
.local-stream.minimized .local-stream-overlay .local-stream-controls .meetings-signal-issue{
	right:-10px
}
.local-stream.minimized .local-stream-notifications{
	bottom:8px;
	left:8px;
	position:absolute
}
.local-stream.minimized .local-stream-notifications .chat-control{
	background:#9be5f7;
	background:linear-gradient(90deg, #9be5f7, #4fc0ee)
}
.local-stream.minimized .local-stream-notifications .chat-control i{
	--icon-size:32px
}
.local-stream.minimized .local-stream-notifications span{
	background:var(--surface-error);
	border-radius:200px;
	color:var(--secondary-white);
	font:var(--text-body2);
	height:17px;
	position:absolute;
	right:0;
	text-align:center;
	top:-1px;
	width:17px
}
.local-stream.minimized button.expand{
	background:transparent;
	height:24px;
	margin:0;
	padding:0;
	position:absolute;
	right:16px;
	top:16px;
	width:24px;
	z-index:21
}
.local-stream.minimized button.expand i{
	--icon-size:24px
}
.local-stream.minimized button i{
	--mask-color:var(--secondary-white)
}
.local-stream.minimized button span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.local-stream .stream-node{
	background:transparent;
	border:0;
	border-radius:24px;
	height:100%;
	margin:0;
	overflow:hidden;
	width:100%
}
.local-stream-controls .button-group,.stream-controls .button-group{
	position:relative
}
.local-stream-controls .button-group-menu,.stream-controls .button-group-menu{
	display:none;
	position:absolute;
	transform:translateY(-100%)
}
.local-stream-controls .button-group-menu.expanded,.stream-controls .button-group-menu.expanded{
	display:block
}
.local-stream-controls .button-group-menu .button-group-item,.stream-controls .button-group-menu .button-group-item{
	margin:0 0 10px;
	position:relative
}
.local-stream-controls .button-group .info-indicator,.stream-controls .button-group .info-indicator{
	border-radius:200px;
	height:12px;
	position:absolute;
	right:2px;
	top:-1px;
	width:12px
}
.local-stream-controls .button-group .info-indicator.active,.stream-controls .button-group .info-indicator.active{
	background:#88ff5b
}
.local-stream-controls .button-group .info-indicator.warn,.stream-controls .button-group .info-indicator.warn{
	background:var(--surface-black)
}
.local-stream-controls .button-group .info-indicator.warn div,.stream-controls .button-group .info-indicator.warn div{
	--icon-size:24px;
	--mask-color:var(--secondary-orange)
}
.meetings-signal-issue{
	border-radius:200px;
	bottom:-4px;
	cursor:pointer;
	position:absolute;
	right:1px
}
.button-group-item .meetings-signal-issue{
	bottom:3px;
	right:-6px
}
.meetings-signal-issue i{
	--icon-size:24px;
	--mask-color:var(--secondary-orange)
}
.meetings-signal-container{
	position:relative
}
.chat-toast-bar{
	position:absolute;
	width:100%
}
.chat-toast-bar.toaster-root{
	width:calc(100% - 256px)
}
.chat-toast-bar .chat-toast{
	position:relative;
	width:fit-content;
	z-index:50
}
.chat-toast-bar .chat-toast.chat-toast-wrapper{
	--surface-alpha:0.95;
	background:var(--surface-main);
	border:1px solid rgba(0, 0, 0, .1);
	border-radius:16px;
	box-sizing:border-box;
	display:flex;
	font:var(--text-h3-bold);
	height:56px;
	justify-content:space-between;
	margin:80px auto 0;
	padding:16px 32px
}
.chat-toast-bar .chat-toast.chat-toast-wrapper.root-toast{
	--surface-alpha:1;
	border:unset;
	box-shadow:var(--dialog-shadow);
	height:64px;
	left:50%;
	margin:56px 0;
	padding:20px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	width:640px;
	z-index:100
}
.chat-toast-bar .chat-toast.chat-toast-wrapper.root-toast .chat-toast-close{
	height:36px;
	position:relative;
	top:4px;
	width:36px
}
.chat-toast-bar .chat-toast.chat-toast-wrapper.root-toast .chat-toast-close div:hover{
	background:var(--surface-grey-2);
	border-radius:4px
}
.chat-toast-bar .chat-toast.chat-toast-wrapper.root-toast .chat-toast-close i{
	margin:6px
}
.chat-toast-bar .chat-toast.chat-toast-wrapper .toast-value-wrapper{
	align-self:flex-start;
	display:flex
}
.chat-toast-bar .chat-toast.chat-toast-wrapper i{
	--icon-size:24px;
	-webkit-margin-start:12px;
	margin-inline-end:12px
}
.chat-toast-bar .chat-toast.chat-toast-wrapper .toast-value{
	color:var(--text-color-high);
	font:var(--text-body1);
	margin:auto 0
}
.chat-toast-bar .chat-toast.chat-toast-wrapper .chat-toast-close{
	align-self:flex-end
}
.chat-toast-bar .chat-toast.chat-persistent-toast{
	animation:toastfadeinout 4s linear infinite;
	-webkit-animation:toastfadeinout 4s linear infinite;
	color:#fff;
	font:var(--text-h1-bold);
	margin:168px auto 0
}
.chat-toast-bar .chat-toast.chat-persistent-toast.dual-toast{
	margin-top:32px
}
@keyframes toastfadeinout{
0%{
	opacity:0
}
50%{
	opacity:1
}
to{
	opacity:0
}
}
@-webkit-keyframes toastfadeinout{
0%{
	opacity:0
}
50%{
	opacity:1
}
to{
	opacity:0
}
}
.start-meeting{
	border-radius:30px;
	height:520px;
	overflow:hidden;
	text-align:center;
	width:430px
}
.start-meeting-preview{
	height:323px;
	width:430px
}
.start-meeting-title{
	display:flex;
	height:30px;
	justify-content:center;
	overflow:hidden
}
.start-meeting-title input{
	background:transparent;
	border:0;
	border-bottom:1px solid var(--input-text-underline-hover);
	color:var(--text-color-high);
	display:block;
	float:left;
	font-size:20px;
	line-height:24px;
	width:190px
}
.start-meeting-title h2{
	cursor:pointer;
	display:block;
	float:left;
	margin:0;
	max-width:250px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.start-meeting-title h2 .emoji.big{
	height:24px;
	width:24px
}
.start-meeting-title button{
	margin:3px 0 0 7px
}
.start-meeting-title button.editing{
	padding-top:5px
}
.start-meeting-title button i{
	--icon-size:24px;
	--mask-color:var(--icon-inactive)
}
.start-meeting-title button span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.start-meeting-button{
	display:block;
	margin:24px auto;
	padding:0 60px
}
.start-meeting a{
	color:var(--text-color-info)
}
.join-meeting{
	background:var(--surface-grey-1);
	height:100%;
	position:fixed;
	top:45px;
	width:100%;
	z-index:140
}
.join-meeting a{
	color:var(--text-color-info)
}
.join-meeting-head{
	text-align:center
}
.join-meeting-head .join-meeting-logo i{
	--width:195px;
	display:block;
	height:65px;
	margin:40px auto 0;
	width:195px
}
.join-meeting-head h1{
	margin:24px 0 0
}
@media only screen and (max-height:600px){
.join-meeting-head h1{
	font:var(--text-h2);
	margin-bottom:18px;
	margin-top:14px
}
}
.join-meeting-head .ephemeral-info{
	align-items:center;
	color:var(--label-orange);
	display:flex;
	justify-content:center
}
.join-meeting-head .ephemeral-info p{
	padding:0 0 0 10px
}
.join-meeting-content{
	margin:88px 0 0;
	text-align:center
}
.join-meeting-content button{
	display:block;
	font:var(--text-h3);
	margin:0 auto 24px;
	min-height:48px;
	min-width:139px
}
.join-meeting-content p{
	color:var(--text-color-medium);
	font:var(--text-body1)
}
.join-meeting-content a{
	display:inline-block;
	margin:0 0 0 5px
}
.join-meeting-chat{
	background:var(--surface-main);
	border:1px solid rgba(0, 0, 0, .05);
	border-radius:30px;
	bottom:70px;
	box-shadow:var(--dialog-shadow);
	color:var(--text-color-medium);
	font:var(--text-body1);
	left:50%;
	position:absolute;
	transform:translateX(-50%);
	width:720px
}
.join-meeting-chat.expanded{
	height:180px;
	overflow:hidden;
	padding:0 0 30px
}
.join-meeting-chat .chat-content{
	padding:15px
}
.join-meeting-chat .chat-content-head{
	cursor:pointer
}
.join-meeting-chat .chat-content button{
	background:transparent;
	border:0;
	position:absolute;
	right:10px;
	top:12px
}
.join-meeting-chat .chat-content button i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	cursor:pointer
}
.join-meeting-chat .chat-content button span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.join-meeting-chat .chat-body{
	margin:10px 0 0
}
.join-meeting .card{
	background:var(--surface-main);
	border-radius:30px;
	box-shadow:0 1px 10px 0 rgba(0, 0, 0, .1);
	box-sizing:border-box;
	height:300px;
	margin:88px auto 0;
	overflow:hidden;
	position:relative;
	width:800px
}
@media only screen and (max-height:600px){
.join-meeting .card{
	height:230px
}
}
.join-meeting .card-body{
	box-sizing:border-box;
	overflow:hidden;
	position:absolute;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	width:50%
}
@media only screen and (max-height:600px){
.join-meeting .card-body h2{
	font:var(--text-h3)
}
}
.join-meeting .card-body h4{
	display:block
}
.join-meeting .card-body button{
	justify-content:center;
	margin:0 0 26px
}
.join-meeting .card-preview{
	height:100%;
	position:absolute;
	right:0;
	top:0;
	width:50%
}
body.theme-dark .join-meeting .card-preview .preview{
	background:#111
}
.join-meeting .card-fields{
	margin:40px 0 48px
}
@media only screen and (max-height:600px){
.join-meeting .card-fields{
	margin:20px 0
}
}
.join-meeting .card-fields .mega-input{
	margin:0 15px 0 0;
	width:140px
}
.join-meeting .card-fields .mega-input .required-red{
	padding:0 0 0 4px
}
.join-meeting .unsupported-container{
	background:var(--surface-main);
	border-radius:30px;
	box-shadow:0 1px 10px 0 rgba(0, 0, 0, .1);
	box-sizing:border-box;
	margin:55px auto 0;
	overflow:hidden;
	position:relative;
	width:605px
}
.join-meeting .unsupported-container i{
	--icon-size:52px;
	float:left;
	margin:30px 0 0 37px
}
.join-meeting .unsupported-container .unsupported-info{
	float:left;
	margin:30px 0 25px 36px
}
.join-meeting .unsupported-container .unsupported-info h3{
	color:var(--text-color-high);
	font:var(--text-h3-bold)
}
.join-meeting .unsupported-container .unsupported-info h3:first-child{
	color:var(--secondary-red);
	margin:0 0 20px
}
.join-meeting .unsupported-container .unsupported-info h3:last-child{
	color:var(--text-color-high);
	margin:0 0 10px
}
.join-meeting .unsupported-container .unsupported-info ul{
	color:var(--text-color-medium);
	padding:0 0 0 18px
}
.join-meeting .messages.scroll-area>.js-messages-scroll-area{
	max-height:140px
}
.preview-meeting{
	background:#333;
	height:100%;
	overflow:hidden;
	position:relative;
	width:100%
}
body.theme-dark .preview-meeting{
	background:#000
}
body.theme-dark .start-meeting-preview .preview-meeting{
	background:#222
}
.preview-meeting video{
	display:none;
	height:100%;
	object-fit:cover;
	width:100%
}
.preview-meeting video.streaming{
	display:block
}
.preview-meeting .preview-video-overlay{
	background:linear-gradient(180deg, rgba(0, 0, 0, .5), hsla(0, 0%, 100%, 0));
	content:"";
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1
}
.preview-meeting .avatar-wrapper{
	border-radius:50%;
	height:120px;
	margin:-30px 0 0;
	width:120px
}
.preview-meeting .avatar-wrapper,.preview-meeting .avatar-wrapper span{
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%)
}
.preview-meeting .avatar-wrapper span{
	font-size:32px
}
.preview-meeting .avatar-guest,.preview-meeting .avatar-wrapper img{
	height:100%;
	width:100%
}
.preview-meeting .avatar-guest i{
	display:block;
	height:120px;
	left:50%;
	position:absolute;
	top:45%;
	transform:translate(-50%, -65%);
	width:120px
}
.preview-meeting-controls{
	bottom:24px;
	left:50%;
	position:absolute;
	transform:translateX(-50%);
	z-index:2
}
.preview-meeting-controls .preview-control-wrapper{
	box-sizing:border-box;
	display:inline-block;
	padding:0 11px;
	position:relative;
	width:70px
}
.preview-meeting-controls button{
	display:inline
}
.preview-meeting-controls button:first-child{
	margin-right:32px
}
.preview-meeting-controls button i{
	--icon-size:32px;
	--mask-color:var(--icon-active);
	margin:0 auto
}
.preview-meeting-controls button span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.incoming-dialog{
	border-radius:30px;
	text-align:center;
	width:320px
}
.incoming-dialog-avatar{
	height:120px;
	margin:48px auto 24px;
	width:120px
}
.incoming-dialog-avatar .avatar-wrapper{
	border-radius:50%;
	height:100%;
	position:relative;
	width:100%
}
.incoming-dialog-avatar .avatar-wrapper span{
	display:block;
	font-size:40px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%)
}
.incoming-dialog-avatar .avatar-wrapper img{
	height:100%;
	width:100%
}
.incoming-dialog-avatar .user-card-verified{
	display:none
}
.incoming-dialog-info h1,.incoming-dialog-info span{
	color:var(--text-color-high);
	display:block;
	margin:0
}
.incoming-dialog-info h1{
	display:block;
	font:var(--text-h1);
	max-width:280px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.incoming-dialog-info span{
	color:var(--text-color-low);
	font:var(--text-body1)
}
.incoming-dialog-controls{
	margin:24px 0 0
}
.incoming-dialog-controls.call-in-progress{
	display:flex;
	justify-content:space-between;
	margin-left:15px;
	margin-right:15px
}
.incoming-dialog-controls.call-in-progress .switch-button-container{
	height:70px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:70px
}
.incoming-dialog-controls.call-in-progress .switch-button-container .switch{
	left:0;
	position:absolute
}
.incoming-dialog-controls.call-in-progress .switch-button-container .switch.negative.hovered{
	background:var(--red-hover)
}
.incoming-dialog-controls.call-in-progress .switch-button-container .switch.positive{
	left:20px;
	top:20px
}
.incoming-dialog-controls.call-in-progress .switch-button-container .switch.positive.hovered{
	background:var(--green-hover)
}
.incoming-dialog-controls button{
	display:inline-flex;
	justify-content:center;
	margin:0 16px 0 0
}
.incoming-dialog-controls button:last-child{
	margin:0
}
.incoming-dialog-controls button.answer{
	border-radius:24px;
	width:144px
}
.incoming-dialog-controls button.video.negative i{
	--mask-color:var(--secondary-white)
}
.incoming-dialog-controls button.video i{
	--mask-color:var(--icon-rest)
}
.incoming-dialog-controls button i{
	--icon-size:32px;
	--mask-color:var(--secondary-white)
}
.incoming-dialog-controls button span{
	bottom:-9999px;
	position:fixed;
	visibility:hidden
}
.incoming-dialog-unsupported{
	background:var(--secondary-orange);
	border-radius:20px;
	margin:16px -16px -16px
}
.incoming-dialog-unsupported .unsupported-message{
	color:var(--secondary-white);
	font:var(--text-body1);
	padding:12px;
	text-align:left
}
.invite-meeting{
	width:415px
}
.invite-meeting button{
	border:0;
	display:inline-block
}
.invite-meeting-head{
	margin:20px 0 0;
	padding:0 48px;
	text-align:center
}
.invite-meeting-head h3{
	display:block;
	margin:15px
}
.invite-meeting-head p{
	color:var(--text-color-medium);
	font:var(--text-body1)
}
.invite-meeting-head i{
	--icon-size:24px;
	float:left
}
.invite-meeting-head button{
	align-items:center;
	display:flex;
	justify-content:center;
	margin:0 auto
}
.invite-meeting-head .link-input-container{
	margin:10px 0
}
.invite-meeting-head .link-input-container .view-link-control{
	color:var(--text-color-info);
	display:block;
	font:var(--text-body2);
	margin:10px auto
}
.invite-meeting-head .link-input-container .view-link-control i{
	--icon-size:18px;
	--mask-color:var(--secondary-blue);
	display:inline-block;
	float:none
}
.invite-meeting .fm-dialog-body{
	padding:0
}
.invite-meeting-contacts{
	border-bottom:1px solid var(--divider-color);
	border-top:1px solid var(--divider-color);
	height:270px;
	overflow:hidden;
	padding:8px 0
}
.invite-meeting-contacts>.invite-meeting-loading,.invite-meeting-contacts>.invite-meeting-nil{
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%)
}
.invite-meeting-contacts .contacts-search-subsection{
	padding:0 48px
}
.invite-meeting-contacts .contacts-search-subsection .contacts-list-header{
	margin:0
}
.invite-meeting-contacts .contacts-search-subsection .contacts-info.body.contacts-search{
	width:100%
}
.invite-meeting-contacts .contacts-search-subsection .contacts-info.body.contacts-search .user-card-tick-wrap{
	right:0
}
.invite-meeting-nil{
	text-align:center
}
.invite-meeting-field{
	margin:0 0 4px;
	position:relative
}
.invite-meeting-field input{
	background:var(--surface-grey-1);
	border:0;
	border-radius:18px;
	box-sizing:border-box;
	color:var(--text-color-medium);
	display:block;
	font:var(--text-body1);
	height:32px;
	padding:2px 30px 3px 40px;
	transition:all .2s ease-in-out;
	width:100%
}
.invite-meeting-field i{
	--icon-size:24px;
	--mask-color:var(--icon-rest);
	display:block;
	left:8px;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.meetings-loading{
	background:#222;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:141
}
.meetings-loading-debug{
	bottom:15px;
	color:var(--secondary-white);
	font:var(--text-h3);
	left:15px;
	opacity:.6;
	position:absolute
}
.meetings-loading-content{
	font:var(--text-h3-bold);
	left:50%;
	position:absolute;
	text-align:center;
	top:50%;
	transform:translate(-50%, -50%);
	width:50%
}
.meetings-loading-content span{
	background:var(--surface-error);
	border-radius:15px;
	display:block;
	height:64px;
	margin:0 auto;
	position:relative;
	width:64px
}
.meetings-loading-content span i{
	--icon-size:48px;
	--mask-color:#fff;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%)
}
.meetings-loading-content h3{
	color:var(--secondary-white)
}
.meetings-loading-content .loading-container{
	border-radius:50%;
	margin:0 auto;
	overflow:hidden;
	width:320px
}
.meetings-loading-content .loading-container .loading-indication{
	animation:loading-animation 2s infinite;
	background:rgba(240, 55, 58, 0);
	background:linear-gradient(90deg, rgba(240, 55, 58, 0), #f0373a);
	height:2px;
	left:-400px;
	margin:0 auto;
	position:relative;
	width:250px
}
@keyframes loading-animation{
0%{
	left:-400px
}
to{
	left:400px
}
}
.meetings-alert{
	background:var(--secondary-orange);
	border-radius:12px;
	left:8px;
	position:absolute;
	top:5px;
	width:calc(100% - 22px);
	z-index:15
}
.meetings-alert-neutral{
	background:var(--secondary-grey)
}
.meetings-alert-medium{
	background:var(--secondary-orange)
}
.meetings-alert-high{
	background:var(--secondary-red)
}
.meetings-alert-content{
	color:var(--secondary-white);
	padding:12px 40px 12px 12px
}
.meetings-alert-content a{
	color:var(--secondary-white);
	text-decoration:underline
}
.meetings-alert-close{
	cursor:pointer;
	position:absolute;
	right:14px;
	top:50%;
	transform:translateY(-50%)
}
.meetings-alert-close i{
	--icon-size:24px;
	--mask-color:var(--secondary-white);
	display:block
}

.top-head{
	background-color:var(--stroke-grey-2);
	position:relative
}
.topbar{
	background-color:var(--stroke-main);
	box-sizing:border-box;
	font-size:0;
	height:48px;
	padding:0 16px
}
.topbar,.topbar .logo-wrapper{
	align-items:flex-end;
	display:flex
}
.topbar .logo-wrapper button{
	margin:0 4px
}
.bottom-page .topbar .logo-wrapper button{
	-webkit-margin-start:20px;
	margin:0;
	margin-inline-start:20px
}
.topbar .logo{
	--icon-size:24px;
	background:none;
	height:auto;
	margin:0;
	padding:4px;
	width:auto
}
.topbar .searcher-wrapper{
	-webkit-margin-start:62px;
	align-items:flex-end;
	display:flex;
	flex-grow:1;
	justify-content:center;
	margin-inline-start:62px
}
.topbar-searcher{
	background:var(--surface-grey-6);
	border-radius:50px;
	max-width:480px;
	min-height:32px;
	position:relative;
	width:100%
}
.topbar-searcher form{
	align-items:center;
	display:flex;
	justify-content:space-between
}
.topbar-searcher i{
	--icon-size:24px;
	--mask-color:var(--icon-inactive)
}
.topbar-searcher i.search-icon{
	-webkit-margin-start:8px;
	margin-inline-start:8px
}
.topbar-searcher input{
	background-color:initial;
	border:0;
	box-sizing:border-box;
	color:var(--stroke-main-inverted);
	font:var(--text-body1);
	margin:0 16px;
	padding:6px 0;
	width:100%
}
.topbar-searcher button{
	-webkit-margin-end:4px;
	background-color:initial;
	border:none;
	cursor:pointer;
	margin-inline-end:4px;
	outline:transparent
}
.topbar-searcher input::placeholder{
	color:var(--stroke-main-inverted);
	opacity:.3
}
.topbar-searcher button i{
	--icon-size:16px;
	--mask-color:var(--stroke-main-inverted)
}
.topbar .mini-search{
	-webkit-margin-end:16px;
	margin-inline-end:16px;
	overflow:hidden;
	position:relative
}
.topbar .mini-search button{
	cursor:pointer;
	flex-shrink:0;
	height:32px;
	margin:0;
	padding:4px;
	width:32px
}
.topbar .mini-search .topbar-mini-search{
	padding:4px
}
.topbar .mini-search .topbar-mini-search-close{
	height:32px;
	position:relative;
	width:32px
}
.topbar .mini-search .topbar-searcher{
	background:transparent;
	display:flex;
	transition:background-color .35s,width .35s;
	width:32px
}
.topbar .mini-search button i:before{
	--mask-color:var(--icon-rest);
	transition:color .35s
}
.topbar .mini-search button:hover i:before{
	--mask-color:var(--icon-active)
}
.topbar .mini-search .topbar-searcher form{
	flex-shrink:0;
	overflow:hidden;
	width:168px
}
.topbar .mini-search .topbar-searcher input{
	margin:0 12px
}
.topbar .mini-search.highlighted .topbar-searcher{
	background:var(--surface-grey-6)
}
.topbar .mini-search.highlighted .topbar-mini-search i:before{
	--mask-color:var(--icon-inactive)
}
.topbar .mini-search.active .topbar-mini-search{
	pointer-events:none
}
.topbar .mini-search.active .topbar-searcher{
	width:200px
}
.topbar .mini-search form .invalid,.topbar .mini-search form .valid{
	backface-visibility:hidden;
	display:block;
	position:absolute;
	right:8px;
	top:8px;
	transition:transform .35s,opacity .35s
}
.topbar .mini-search form .invalid,.topbar .mini-search form.valid .valid{
	opacity:1;
	transform:rotate(0)
}
.topbar .mini-search form .valid{
	opacity:0;
	transform:rotate(-180deg)
}
.topbar .mini-search form.valid .invalid{
	opacity:0;
	transform:rotate(180deg)
}
.topbar .fmdb-loader{
	display:inline-block;
	height:24px;
	margin:4px 24px;
	opacity:0;
	transition:opacity .1s;
	width:24px
}
.fmdb-working .topbar .fmdb-loader{
	animation:rotate 1.5s linear infinite;
	animation-timing-function:steps(12);
	opacity:1
}
.fmdb-working .topbar .fmdb-loader:after{
	background:transparent;
	border:2px solid var(--stroke-main);
	bottom:-1px;
	content:"";
	display:block;
	left:-1px;
	position:absolute;
	right:-1px;
	top:-1px
}
.topbar-links{
	align-items:center;
	display:flex;
	height:32px;
	position:relative
}
.topbar-links>.dropdown{
	align-items:center;
	display:flex;
	height:100%
}
.topbar .btn-icon{
	-webkit-margin-end:20px;
	background-color:initial;
	border:none;
	cursor:pointer;
	margin:0;
	margin-inline-end:20px;
	outline:transparent;
	padding:4px;
	transition:margin .2s ease-in-out
}
.topbar .btn-icon:last-child{
	-webkit-margin-end:0;
	margin-inline-end:0
}
.topbar .btn-icon.menu-open{
	-webkit-margin-start:220px;
	margin-inline-start:220px
}
.topbar-links .btn-icon i,.topbar .btn-icon i{
	--icon-size:24px;
	vertical-align:middle
}
.topbar-links .btn-icon i.sprite-fm-mono,.topbar .btn-icon i.sprite-fm-mono{
	--mask-color:var(--icon-active)
}
.topbar .top-change-language.hidden+hr,.topbar :not(.topbar-links) hr{
	display:none
}
.topbar hr{
	-webkit-margin-end:20px;
	background-color:var(--divider-color);
	border:0;
	content:"";
	height:calc(100% - 8px);
	margin:0;
	margin-inline-end:20px;
	width:1px
}
.topbar :not(.topbar-links) :not(.hidden)~hr{
	display:block
}
.topbar-links .btn-icon .avatar-wrapper{
	float:none;
	font-size:12px;
	height:24px;
	line-height:24px;
	width:24px
}
.topbar-links .btn-icon .small-rounded-avatar img{
	height:24px;
	width:24px
}
.topbar .btn-icon .activity-status-block{
	-webkit-margin-start:15px;
	margin:0;
	margin-inline-start:15px;
	position:absolute;
	top:1px;
	z-index:1
}
.icon-badge{
	background-color:var(--secondary-red);
	border-radius:9px;
	color:var(--text-color-white-higher);
	display:inline;
	font-size:12px;
	left:17px;
	line-height:14px;
	padding:1px 4px 0;
	position:absolute;
	text-align:center;
	top:0;
	width:auto
}
.topbar .activity-status.top:after{
	content:"";
	display:block;
	height:12px;
	left:-3px;
	position:absolute;
	top:-3px;
	width:12px;
	z-index:10
}
.topbar .dropdown{
	line-height:0;
	position:relative
}
.topbar .dropdown-content{
	display:none;
	position:absolute
}
.topbar .dropdown.show .dropdown-content{
	display:block;
	right:-10px
}
.topbar .dropdown-arrow{
	right:-30px;
	top:40px;
	width:auto
}
.topbar .dropdown-arrow:before{
	background:var(--arrow-color, var(--surface-main));
	border-bottom:1px solid var(--stroke-grey-2);
	border-right:1px solid var(--stroke-grey-2);
	content:"";
	height:12px;
	position:absolute;
	right:38px;
	top:-7px;
	transform:rotate(-135deg);
	width:12px;
	z-index:123
}
.topbar .top-login-popup.dropdown-arrow:before{
	right:80px
}
.topbar .account-dialog{
	width:auto
}
.topbar .dropdown.account .dropdown.popup{
	padding:0;
	width:312px
}
.topbar .account-dialog .header{
	border-bottom:1px solid var(--divider-color);
	display:flex;
	margin-bottom:8px;
	padding:16px
}
.topbar .account-dialog .body{
	top:10px
}
.account-avatar .small-rounded-avatar{
	border-radius:8px;
	height:64px;
	width:64px
}
.topbar .account-dialog .account-info{
	-webkit-margin-start:16px;
	display:flex;
	flex-direction:column;
	flex-grow:1;
	margin-inline-start:16px
}
.topbar .activity-status-wrapper{
	align-items:center;
	display:flex;
	margin-top:5px
}
.topbar .account-dialog .account-info .activity-status-block{
	left:0;
	margin:0;
	position:relative;
	width:min-content
}
.topbar .account-dialog .account-info .name{
	color:var(--text-color-higher);
	font:var(--text-h3);
	letter-spacing:0;
	line-height:24px
}
.topbar .account-dialog .account-info .email{
	color:var(--text-color-higher);
	font:var(--text-body1);
	letter-spacing:0;
	line-height:20px;
	opacity:.7
}
.topbar .account-dialog .account-info .email,.topbar .account-dialog .account-info .name{
	max-width:160px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.topbar .account-dialog .account-info .activity-text{
	color:var(--text-color-higher);
	font:var(--text-body1);
	letter-spacing:0;
	line-height:20px;
	margin-left:5px;
	opacity:.7
}
.topbar .account-dialog ul.links{
	list-style:none;
	margin:0 0 16px;
	padding:0;
	width:100%
}
.topbar .account-dialog ul.links li{
	font:var(--text-body1);
	margin:0 8px;
	position:relative
}
.topbar .account-dialog ul.links li button{
	--mask-color:var(--icon-rest);
	align-items:center;
	background-color:initial;
	border:none;
	border-radius:4px;
	box-sizing:border-box;
	color:var(--text-color-medium);
	cursor:pointer;
	display:flex;
	float:none;
	font:var(--text-body1);
	margin:0;
	outline:transparent;
	padding:8px;
	text-align:left;
	transition:var(--transition-color), var(--transition-bg-color);
	width:100%
}
.topbar .account-dialog ul.links li button.active,.topbar .account-dialog ul.links li button:hover{
	--mask-color:var(--icon-active);
	background:var(--surface-grey-2);
	color:var(--text-color-high);
	opacity:1
}
.topbar .account-dialog ul.links li button span{
	flex:1
}
.rtl .topbar .account-dialog ul.links li button span{
	flex:unset
}
.topbar .account-dialog ul.links li button>i{
	--icon-size:16px;
	-webkit-margin-end:8px;
	margin-inline-end:8px;
	transition:var(--transition-color)
}
.topbar .account-dialog ul.links li button>span+i{
	--icon-size:16px;
	-webkit-margin-start:8px;
	margin:0;
	margin-inline-start:8px
}
.topbar .account-dialog ul.links li button.feedback{
	color:var(--secondary-blue)
}
.rtl .topbar .account-dialog ul.links li button>span+i{
	transform:rotate(180deg)
}
.topbar .account-dialog ul.links li .status-dropdown{
	display:block;
	position:relative
}
.topbar .account-dialog ul.links li .status-dropdown .dropdown-content{
	background:var(--surface-main);
	border:var(--dropdown-border);
	border-radius:24px;
	box-shadow:var(--dropdown-shadow);
	box-sizing:border-box;
	display:none;
	left:-242px;
	min-height:32px;
	min-width:160px;
	padding:19px;
	position:absolute;
	top:-24px;
	width:242px;
	z-index:1
}
.topbar .account-dialog ul.links li .status-dropdown:hover .dropbtn{
	background-color:var(--stroke-grey-2);
	color:var(--text-color-high)
}
.topbar .account-dialog ul.links li .status-dropdown:hover .dropdown-content{
	display:block
}
.topbar .account-dialog ul.links li.separator{
	background-color:var(--divider-color);
	height:1px;
	margin:8px 0
}
.topbar .notification-popup .fm-notifications-bottom{
	border-top:1px solid var(--divider-color);
	justify-content:flex-end;
	padding:12px 20px 16px
}
.topbar .top-warning-popup .fm-notifications-bottom{
	border-top:none;
	justify-content:flex-end;
	padding:24px 0 0
}
.topbar .notification-popup .notification-txt{
	background:none
}
.topbar .dropdown.top-login-popup{
	min-height:32px;
	min-width:160px;
	position:absolute;
	right:10px;
	top:62px
}
.topbar .dropdown.top-login-popup .dropdown-white-arrow{
	left:auto;
	right:79px;
	top:-11px
}
.topbar .top-icon.pass-reminder{
	-webkit-margin-end:14px;
	-webkit-margin-start:6px;
	height:24px;
	margin-inline-end:14px;
	margin-inline-start:6px;
	padding:0;
	position:relative;
	top:-6px;
	width:24px
}
.topbar .top-icon.pass-reminder i{
	height:100%;
	width:100%
}
.topbar .top-icon.pass-reminder:before{
	content:none
}
.topbar .top-change-language{
	padding:4px 0
}
.top-change-language-name{
	-webkit-padding-start:4px;
	color:var(--text-color-high);
	font:var(--text-body1-bold);
	padding-inline-start:4px;
	text-transform:uppercase;
	vertical-align:middle
}
.top-buttons button{
	display:inline-block;
	margin:0;
	min-width:68px
}
.top-buttons button:not(.hidden)+button{
	-webkit-margin-start:12px;
	margin-inline-start:12px
}
.top-head .top-buttons{
	-webkit-margin-end:16px;
	display:flex;
	margin-inline-end:16px
}
.top-head .top-buttons.business{
	display:none;
	position:relative
}
.business .top-head .top-buttons{
	display:none
}
.business .top-head .top-buttons.business{
	display:block
}
.topbar .logo-full{
	--width:98px;
	cursor:pointer;
	display:none;
	height:32px;
	width:98px
}
.bottom-page.download .topbar .logo-full{
	display:inline-block
}
.bottom-page.download .topbar .logo,.bottom-page.download .topbar .logo-wrapper button{
	display:none
}
@media only screen and (max-width:625px){
.topbar{
	align-items:center;
	height:64px
}
}