
.fm-right-account-block .fm-account-vpn .setup-step-heading{
	color:var(--text-color-high);
	font:var(--text-h3);
	margin-bottom:16px
}
.fm-right-account-block .fm-account-vpn .step-device{
	color:var(--text-color-high);
	font:var(--text-body1);
	margin-bottom:8px
}
.fm-right-account-block .fm-account-vpn .step-device.more-info{
	margin-bottom:0;
	margin-top:12px;
	text-decoration:underline
}
.fm-right-account-block .fm-account-vpn .settings-left-block .step-device .clickurl.vpn-link{
	color:var(--text-color-high)
}
.fm-right-account-block .fm-account-vpn .step-desc{
	color:var(--text-color-medium);
	font:var(--text-body2)
}
.fm-right-account-block .fm-account-vpn .desktop-download-links{
	display:flex;
	flex-wrap:wrap;
	margin-top:6px
}
.fm-right-account-block .fm-account-vpn .desktop-download-links>*{
	margin-bottom:12px;
	margin-inline-end:12px
}
.fm-right-account-block .fm-account-vpn .qr-img canvas{
	background-color:var(--secondary-white);
	border-radius:10px;
	padding:10px
}
.fm-right-account-block .fm-account-vpn .download-qrs{
	display:flex;
	margin-top:18px
}
.fm-right-account-block .fm-account-vpn .download-qr{
	align-items:center;
	display:flex;
	flex-flow:column nowrap;
	margin-right:32px
}
.fm-right-account-block .fm-account-vpn .download-qr .qr-img{
	margin-bottom:4px
}
.fm-right-account-block .fm-account-vpn .credentials-heading{
	margin-top:32px
}
.fm-right-account-block .fm-account-vpn .mobile-config-heading{
	margin-top:16px
}
.fm-right-account-block .fm-account-vpn .config-qr{
	align-items:center;
	display:flex;
	flex-flow:column nowrap;
	width:fit-content
}
.fm-right-account-block .fm-account-vpn .vpn-link.windows{
	margin-inline-end:12px
}
.fm-right-account-block .fm-account-vpn .vpn-link.clickurl:not(.mega-button){
	color:var(--text-color-info)
}
.fm-right-account-block .fm-account-vpn .mega-button{
	padding-left:12px;
	padding-right:12px
}
.fm-right-account-block .fm-account-vpn{
	display:flex;
	flex-flow:column nowrap;
	padding:32px
}
.fm-right-account-block .fm-account-vpn .top-actions{
	display:flex;
	flex-direction:row-reverse;
	margin:16px 0
}
.fm-right-account-block .fm-account-vpn .top-actions .js-create-cred:disabled{
	color:var(--icon-inactive);
	cursor:default
}
.fm-right-account-block .fm-account-vpn .top-actions .js-create-cred:disabled i:before{
	color:var(--icon-inactive)
}
.fm-right-account-block .fm-account-vpn .creds-container{
	display:flex;
	flex-flow:column nowrap
}
.fm-right-account-block .fm-account-vpn .vpn-cred{
	background-color:var(--surface-main);
	border:1px solid var(--stroke-grey-2);
	border-radius:8px
}
.fm-right-account-block .fm-account-vpn .vpn-cred>.heading{
	align-items:center;
	background-color:var(--surface-grey-1);
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	padding:8px
}
.fm-right-account-block .fm-account-vpn .vpn-cred>.heading .heading-label{
	color:var(--text-color-higher);
	font:var(--text-h3-bold);
	margin:0
}
.fm-right-account-block .fm-account-vpn .vpn-cred>.heading i.control{
	--icon-size:24px;
	--mask-color:var(--icon-inactive);
	cursor:pointer;
	opacity:0;
	transition:var(--transition-opacity), var(--transition-color)
}
.fm-right-account-block .fm-account-vpn .vpn-cred:hover>.heading i.control{
	opacity:1
}
.fm-right-account-block .fm-account-vpn .vpn-cred>.heading i.control:hover{
	--mask-color:var(--icon-active)
}
.fm-right-account-block .fm-account-vpn .title-txt{
	font:var(--text-h2-bold)
}
.fm-right-account-block .fm-account-vpn .upgrade-to-pro{
	margin-top:12px
}
.fm-right-account-block .fm-account-vpn .contact-support{
	align-items:center;
	display:flex
}
.fm-right-account-block .fm-account-vpn .contact-support .icon-email-filled{
	--mask-color:var(--icon-rest)
}
.fm-right-account-block .fm-account-vpn .page-heading{
	color:var(--text-color-high);
	font:var(--text-h3-bold);
	margin-bottom:16px
}
.fm-right-account-block .fm-account-vpn .step2-actions{
	align-items:center;
	display:flex;
	flex-flow:row nowrap;
	margin-bottom:32px
}
.fm-right-account-block .fm-account-vpn .step2-actions .location-icon{
	--icon-size:20px;
	color:var(--icon-active);
	margin-right:20px
}
.fm-right-account-block .fm-account-vpn .step2-actions .location-dropdown{
	margin:0 16px 0 0;
	width:152px
}
.fm-right-account-block .fm-account-vpn .step2-out{
	display:flex;
	flex-direction:row
}
.fm-right-account-block .fm-account-vpn .cred-slot{
	align-items:center;
	background-color:var(--surface-grey-2);
	border-radius:4px;
	box-sizing:border-box;
	color:var(--stroke-grey-1);
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	margin-bottom:12px;
	margin-right:16px;
	padding:8px 12px;
	width:183px
}
.fm-right-account-block .fm-account-vpn .cred-slot .label{
	color:var(--text-color-medium);
	cursor:default;
	font:var(--text-h3);
	margin:0
}
.fm-right-account-block .fm-account-vpn .cred-slot i.sprite-fm-mono{
	--icon-size:20px;
	--mask-color:var(--icon-active);
	cursor:pointer;
	display:none
}
.fm-right-account-block .fm-account-vpn .cred-slot.active i.sprite-fm-mono{
	display:block
}
.fm-right-account-block .fm-account-vpn .cred-slot.active.recent{
	background-color:var(--surface-black)
}
.fm-right-account-block .fm-account-vpn .cred-slot.active.recent .label{
	color:var(--text-color-white-high)
}
.fm-right-account-block .fm-account-vpn .cred-slot.active.recent i.sprite-fm-mono{
	--mask-color:var(--icon-active-inverted)
}
.theme-dark .fm-right-account-block .fm-account-vpn .cred-slot.active.recent i.sprite-fm-mono{
	--mask-color:var(--icon-active)
}
.fm-right-account-block .fm-account-vpn .post-create-section{
	align-items:center;
	display:flex;
	flex-flow:column nowrap;
	flex-grow:1
}
.fm-right-account-block .fm-account-vpn .post-create-section .config-actions{
	align-items:center;
	display:flex;
	flex-flow:row nowrap;
	margin:16px 0
}
.fm-right-account-block .fm-account-vpn .post-create-section .view-ini-config{
	all:unset;
	color:var(--label-blue);
	cursor:pointer
}
.fm-right-account-block .fm-account-vpn .post-create-section .view-ini-config:hover{
	color:var(--label-blue-hover)
}
.fm-right-account-block .fm-account-vpn .post-create-section .config-output .copy{
	color:var(--text-color-medium)
}
