.no-step-mode .sign-settings__head,
.no-step-mode .sign-wizard__stages_item,
.no-step-mode .sign-wizard__stages {
	display: none;
}

.no-step-mode .sign-wizard__footer {
	margin: 0;
	text-align: center;
}

.no-step-mode .sign-wizard {
	min-height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.sign-settings.--templates .sign-settings__sidebar {
	margin-right: 0;
}

.sign-settings__sidebar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
}

.sign-settings__empty-state {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	background-color: var(--ui-color-background-primary);
	border-radius: var(--ui-border-radius-2xl);
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.sign-settings__empty-state_icon {
	margin-bottom: var(--ui-space-stack-md);
}

.sign-settings__empty-state_icon img {
	width: 180px;
	height: 180px;
}

.sign-settings__empty-state_title {
	font-size: var(--ui-font-size-3xl);
	color: var(--ui-color-palette-gray-90);
	font-weight: var(--ui-font-weight-semi-bold);
	margin-bottom: var(--ui-space-stack-sm);
	letter-spacing: var(--ui-text-letter-spacing-auto);
	margin-top: 0;
	width: 300px;
}

.sign-settings__empty-state_text {
	font-size: var(--ui-font-size-2xl);
	color: var(--ui-color-palette-gray-70);
	max-width: 480px;
	line-height: var(--ui-font-line-height-md);
	margin-bottom: 40px;
	font-weight: var(--ui-font-weight-medium);
}

.sign-settings__empty-state_link {
	border-bottom: 1px var(--ui-color-link-primary-base) solid;
	color: var(--ui-color-link-primary-base);
	font-weight: var(--ui-font-weight-medium);
}

.sign-settings__empty-state_link:hover {
	border-color: var(--ui-color-link-primary-base);
	color: var(--ui-color-link-primary-base);
}
.sign-b2e-settings__item {
	border: 1px solid var(--ui-color-palette-gray-20);
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 15px 20px 15px 50px;
	position: relative;
}

.sign-b2e-settings__item_title {
	font: 16px/22px var(--font_os_regular);
	color: var(--ui-color-palette-black-base);
	margin: 0 0 10px 0;
}

.sign-b2e-settings__counter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: absolute;
	height: 100%;
	top: 0;
	left: 10px;
}

.sign-b2e-settings__counter:before,
.sign-b2e-settings__counter:after {
	background: var(--ui-color-accent-aqua);
	content: '';
	display: block;
	width: 3px;
	opacity: .4;
}

.sign-b2e-settings__counter:before {
	height: 10px;
}

.sign-b2e-settings__counter_num {
	background: var(--ui-color-accent-aqua);
	font-size: 14px;
	color: var(--ui-color-palette-white-base);
	display: block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
}

.sign-b2e-settings__counter_num:before {
	content: attr(data-num);
}

.sign-b2e-settings__counter:after {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

.sign-b2e-settings__item .--invalid {
	border: 1px solid var(--ui-color-background-on-alert);
}

.sign-settings.--b2e .sign-wizard__footer {
	margin-left: 50px;
}

.sign-settings.--b2e .sign-wizard__footer:before {
	display: none;
}

.sign-b2e-settings__item:first-of-type .sign-b2e-settings__counter:before {
	background: transparent;
}

.sign-b2e-settings__item:last-of-type .sign-b2e-settings__counter:before,
.sign-b2e-settings__item:last-of-type .sign-b2e-settings__counter_num {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

.sign-b2e-settings__item:last-of-type .sign-b2e-settings__counter:after {
	display: none;
}

.sign-b2e-settings__counter_connect {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	height: calc(100% + 25px);
	position: relative;
	width: 28px;
	text-align: center;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0U1RTVFNSIgZD0iTTAgMGgzMXYzMUgweiIvPjxwYXRoIGQ9Ik0tMzYtODcyaDczNlY0M2MwIDEyLjE1LTkuODUgMjItMjIgMjJILTE0Yy0xMi4xNSAwLTIyLTkuODUtMjItMjJ2LTkxNXoiIGZpbGw9IiNmZmYiLz48Y2lyY2xlIGN4PSIxNS41IiBjeT0iMTUuNSIgcj0iMTUuNSIgZmlsbD0iIzlEQ0YwMCIvPjxjaXJjbGUgY3g9IjE1LjUiIGN5PSIxNS41IiByPSIxNS41IiBmaWxsPSIjNTVEMEUwIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC41NzcgMTYuNDIzbC0xLjcxNC0xLjcxNC0xLjIxMSAxLjIxMiAyLjg1OSAyLjg1OXYtLjAwMmwuMDY3LjA2NiA1LjMxOC01LjMxOC0xLjIxMS0xLjIxMS00LjEwOCA0LjEwOHptLjg2NiA2LjcxM2E3LjY1MSA3LjY1MSAwIDExMC0xNS4zMDIgNy42NTEgNy42NTEgMCAwMTAgMTUuMzAyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat;
	background-position: center bottom;
	background-size: contain;
}

.sign-b2e-settings__counter_connect:before,
.sign-b2e-settings__counter_connect:after {
	background: var(--ui-color-accent-aqua);
	content: '';
	display: inline-block;
	opacity: .4;
}

.sign-b2e-settings__counter_connect:before {
	width: 3px;
	height: calc(100% - 28px);
}

.sign-b2e-settings__counter_connect:after {
	position: absolute;
	bottom: 11px;
	height: 3px;
	width: 16px;
	left: 25px;
}

.sign-b2e-settings__header {
	font: 24px/32px var(--font_os_regular);
	color: var(--ui-color-palette-black-base);
	margin: 0 0 15px 0;
}

.sign-b2e-settings__item.--add .sign-b2e-settings__counter_num {
	display: none;
}

.sign-b2e-settings__item.--add .sign-b2e-settings__counter_connect {
	height: calc(100% + 55px);
}

.sign-b2e-settings__item.--add .sign-b2e-settings__item_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.sign-b2e-settings__item-inner.--disabled {
	opacity: .6;
	pointer-events: none;
}

.sign-preview-document-dropdown {
	min-height: 50px;
	max-height: 350px;
	height: 100% !important;
}

.sign-preview-document-dropdown .ui-selector-tab-labels {
	display: none;
}

.sing-settings-preview-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.sing-settings-preview-block .sign-b2e-dropdown {
	background: var(--ui-color-palette-white-base);
	border-radius: 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
	        box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
	padding: 7px 9px 7px 15px;
	font: var(--ui-font-weight-semi-bold) var(--ui-size-sm) var(--ui-font-family-open-sans);
	color: var(--ui-color-palette-gray-90);
	border: 0;
	margin-bottom: 16px;
	max-width: 422px;
}

.sign-settings__scope {
	--head-icon-size: 56px;

	--icon-file-col: 14;

	--font_os_bold: 	"OpenSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font_os_light: 	"OpenSans-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font_os_regular: 	"OpenSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font_helvetica:	"Helvetica Neue", Helvetica, Arial, sans-serif;

	--color_text-1: rgba(106, 115, 127, 1);
	--color-2: #16b5e8;
	--color-3: #b9bfc1;
	--color-4: #d9dadc;
	--color-5: rgba(82, 92, 105, .08);
	--color-5-1: rgba(82, 92, 105, .04);
	--color-5-2: rgba(82, 92, 105, .3);
	--color-5-3: rgba(82, 92, 105, .5);
	--color-5-4: rgba(82, 92, 105, .7);
	--color-6: rgba(51, 51, 51, .5);
	--color-7: #b3b3b3;
	--color-8: rgba(232, 236, 238, 1);
	--color-9: #c6cdd3;
	--color-10: #5d5b69;
}

.sign-settings {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 28px 21px 28px 24px;
	min-height: calc(100vh - 18px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='544' height='521' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='544' height='521'%3E%3Cpath fill='%23C4C4C4' d='M0 0h544v521H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath opacity='.2' fill-rule='evenodd' clip-rule='evenodd' d='M476.382-152.605c-112.15 0-203.066 90.873-203.066 202.97 0 112.096 90.916 202.968 203.066 202.968s203.066-90.872 203.066-202.969c0-112.096-90.916-202.969-203.066-202.969zm0 54.777c-81.844 0-148.192 66.348-148.192 148.192 0 81.844 66.348 148.192 148.192 148.192 81.844 0 148.192-66.348 148.192-148.192 0-81.844-66.348-148.191-148.192-148.191z' fill='url(%23paint0_angular_2_141)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_angular_2_141' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(175.8681 101.5375 -101.5135 175.82654 476.382 50.364)'%3E%3Cstop stop-color='%232FC6F6'/%3E%3Cstop offset='1' stop-color='%23B7EB81'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E") top right no-repeat,
				url("data:image/svg+xml;charset=utf-8,%3Csvg width='990' height='663' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_147)'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='-53' y='-410' width='1135' height='1073'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-53-410h1135V663H-53V-410z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Ccircle opacity='.226' cx='495' cy='690' r='362' stroke='url(%23paint0_angular_2_147)' stroke-width='2'/%3E%3Cellipse opacity='.183' cx='495' cy='690' rx='441' ry='440' stroke='url(%23paint1_angular_2_147)' stroke-width='2'/%3E%3Cpath opacity='.723' fill-rule='evenodd' clip-rule='evenodd' d='M584.501 214.136c-185.305 0-335.524 150.147-335.524 335.364 0 185.216 150.219 335.364 335.524 335.364 185.304 0 335.524-150.148 335.524-335.364 0-185.217-150.22-335.364-335.524-335.364zm0 90.508c-135.231 0-244.856 109.625-244.856 244.856 0 135.23 109.625 244.856 244.856 244.856 135.23 0 244.856-109.626 244.856-244.856 0-135.231-109.626-244.856-244.856-244.856z' fill='url(%23paint2_angular_2_147)'/%3E%3Cpath opacity='.723' fill-rule='evenodd' clip-rule='evenodd' d='M244.292 527.47c-97.817 56.475-131.354 181.516-74.906 279.287 56.448 97.772 181.506 131.249 279.324 74.773 97.817-56.475 131.354-181.516 74.906-279.287-56.448-97.771-181.506-131.249-279.324-74.773zm27.584 47.776c-71.384 41.214-95.843 132.494-54.629 203.879 41.214 71.384 132.494 95.843 203.879 54.629 71.384-41.214 95.843-132.494 54.628-203.879-41.213-71.384-132.493-95.843-203.878-54.629z' fill='url(%23paint3_angular_2_147)'/%3E%3Cpath opacity='.062' fill-rule='evenodd' clip-rule='evenodd' d='M505.47 621.952c.623 0 1.241-.024 1.852-.069 16.455-.378 29.677-13.945 29.678-30.626a30.784 30.784 0 00-8.917-21.671 30.384 30.384 0 00-10.144-6.753 32.479 32.479 0 00-9.315-25.373 31.946 31.946 0 00-22.688-9.46c-10.899.013-20.521 5.509-26.303 13.896a26.026 26.026 0 00-8.782-1.513c-13.604.017-24.777 10.474-26.073 23.846-13.035 2.865-22.79 14.574-22.778 28.574.013 16.134 12.991 29.204 28.992 29.197.561 0 1.118-.017 1.671-.048h72.807zM91.823 317.963c-.471 0-.938-.017-1.4-.052-12.432-.285-22.422-10.533-22.423-23.132a23.246 23.246 0 016.738-16.368 22.945 22.945 0 017.664-5.101 24.532 24.532 0 017.038-19.165A24.14 24.14 0 01106.581 247c8.234.01 15.504 4.161 19.873 10.496a19.663 19.663 0 016.635-1.143c10.279.013 18.721 7.911 19.7 18.011 9.849 2.165 17.219 11.009 17.21 21.583-.01 12.186-9.816 22.058-21.905 22.053-.424 0-.845-.012-1.263-.037h-55.01zM46.743 106.983c-.212 0-.422-.007-.63-.023C40.505 106.831 36 102.213 36 96.534a10.475 10.475 0 013.038-7.377 10.35 10.35 0 013.457-2.299 11.053 11.053 0 013.174-8.638 10.89 10.89 0 017.73-3.22c3.714.005 6.993 1.875 8.963 4.73a8.872 8.872 0 012.992-.514c4.636.005 8.443 3.565 8.885 8.117 4.441.976 7.765 4.962 7.761 9.728-.004 5.492-4.427 9.941-9.879 9.939a9.77 9.77 0 01-.57-.017H46.744zM951.744 350.983c-.213 0-.423-.007-.632-.023-5.606-.129-10.112-4.747-10.112-10.426a10.477 10.477 0 013.039-7.377 10.335 10.335 0 013.456-2.299 11.05 11.05 0 013.174-8.638A10.892 10.892 0 01958.4 319c3.713.005 6.992 1.875 8.962 4.731a8.86 8.86 0 012.992-.515c4.636.005 8.443 3.565 8.885 8.117 4.441.976 7.765 4.962 7.761 9.728-.005 5.492-4.427 9.941-9.879 9.939-.191 0-.381-.006-.569-.017h-24.808zM19.48 675.978c-.286 0-.57-.011-.85-.032C11.073 675.774 5 669.567 5 661.937a14.057 14.057 0 014.095-9.914 13.963 13.963 0 014.659-3.089 14.83 14.83 0 014.278-11.607A14.702 14.702 0 0128.452 633c5.005.006 9.424 2.52 12.08 6.357a11.976 11.976 0 014.033-.692c6.248.007 11.379 4.791 11.974 10.908 5.986 1.311 10.466 6.667 10.461 13.071-.006 7.38-5.966 13.359-13.315 13.356-.258 0-.513-.008-.767-.022H19.48z' fill='%232FC6F6'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_angular_2_147' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(362 0 0 362 495 690)'%3E%3Cstop stop-color='%23D3F003'/%3E%3Cstop offset='1' stop-color='%239AB800'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_angular_2_147' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(441 0 0 440 495 690)'%3E%3Cstop stop-color='%232FC6F6'/%3E%3Cstop offset='1' stop-color='%2355D0E0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_angular_2_147' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(30 -733.13 1365.444) scale(335.54 335.46)'%3E%3Cstop stop-color='%232FC6F6'/%3E%3Cstop offset='1' stop-color='%23B7EB81'/%3E%3C/radialGradient%3E%3CradialGradient id='paint3_angular_2_147' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(204.524 0 0 204.476 346.501 704.5)'%3E%3Cstop stop-color='%23DAF400'/%3E%3Cstop offset='1' stop-color='%23B3E600'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_2_147'%3E%3Cpath fill='%23fff' d='M0 0h990v663H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") left bottom no-repeat;
	background-attachment: fixed;
}

.sign-settings.--no-background {
	background: none;
}

.sign-settings__sidebar {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-right: 24px;
	overflow-x: hidden;
}

.sign-settings__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 18px 22px;
	margin-bottom: 17px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: var(--ui-color-palette-white-base);
	border-radius: 12px;
}

.sign-settings__head:before {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='56' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='28' fill='%2347E4C2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 16a2 2 0 012-2h14.101a2 2 0 011.364.537l5.899 5.498A2 2 0 0140 21.498V41a2 2 0 01-2 2H18a2 2 0 01-2-2V16z' fill='%23fff'/%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='16' y='14' width='24' height='29'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 16a2 2 0 012-2h14.101a2 2 0 011.364.537l5.899 5.498A2 2 0 0140 21.498V41a2 2 0 01-2 2H18a2 2 0 01-2-2V16z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath opacity='.12' d='M32.118 14H40v7.364c0-.245-.223-.321-.358-.321h-5.199a1.998 1.998 0 01-1.998-1.999V14.31c0-.094-.11-.31-.327-.31z' fill='%23525C69'/%3E%3Cpath d='M19.692 24.875c0-.5.406-.906.907-.906h12.033a.906.906 0 110 1.812H20.6a.906.906 0 01-.907-.906zm0 4.531c0-.5.406-.906.907-.906h12.033a.906.906 0 110 1.813H20.6a.906.906 0 01-.907-.907zm.907 3.625a.906.906 0 000 1.813h8.341a.906.906 0 000-1.813h-8.341z' fill='%233FD3B4'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
	border-radius: 50%;
	content: '';
	display: block;
	width: var(--head-icon-size);
	min-width: var(--head-icon-size);
	height: var(--head-icon-size);
	margin-right: 13px;
}

.sign-settings__head_title {
	font: 26px/26px var(--font_os_light);
	color: var(--ui-color-palette-black-base);
	margin: 4px 0 7px;
}

.sign-settings__head_title.--sub {
	font-family: var(--font_os_regular);
	font-size: 13px;
	color: var(--ui-color-palette-gray-70);
	line-height: normal;
}

.sign-settings.--b2e .sign-settings__head {
	background: none;
	padding: 0;
}

.sign-settings.--b2e .sign-settings__head:before {
	display: none;
}

.sign-settings.--b2e .sign-settings__head_title {
	font: 28px/33.41px var(--ui-font-family-primary, var(--ui-font-family-system));
	font-weight: var(--ui-font-weight-medium);
	color: var(--ui-color-palette-black-base);
}

.sign-settings.--b2e .sign-settings__head_title.--sub {
	font: 16px/22px var(--ui-font-family-primary, var(--ui-font-family-system));
	color: var(--ui-color-palette-gray-90);
}

.sign-settings__overlay {
	position: relative;
	height: 100vh;
	width: 100%;
}

.sign-settings .sign-preview {
	max-width: 446px;
}