/* Start:/bitrix/components/bitrix/biconnector.start/templates/.default/style.css?17287045115441*/
.biconnector-wrapper {}

.biconnector-cover {
	background: #2FC6F6 url(/bitrix/components/bitrix/biconnector.start/templates/.default/images/cover-bg.svg) no-repeat center right;
	background-size: auto 100%;
	min-height: 200px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 16px;
	position: relative;
}

.biconnector-cover-inner {
	padding: 22px 420px 39px 32px;
	font: 30px/46px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #fff;
}

.biconnector-cover-close-btn {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
}


.biconnector-report-service-container {
	display: flex;
	align-items: stretch;
	gap: 16px;
}

.biconnector-report-service-block {
	flex-grow: 1;
	flex-basis: 50%;
	flex-shrink: 1;
	background-color: #fff;
	border-radius: 10px;
	padding: 18px;
}

.biconnector-report-service-header {
	padding: 0 10px;
}

.biconnector-report-service-header.--data-studio {
	background: url(/bitrix/components/bitrix/biconnector.start/templates/.default/images/ds-block-bg.svg) no-repeat bottom right;
	border-bottom: 1px solid #7EAFFD;
}

.biconnector-report-service-header.--power-bi {
	background: url(/bitrix/components/bitrix/biconnector.start/templates/.default/images/pbi-block-bg.svg) no-repeat bottom right;
	background-size: contain;
	border-bottom: 1px solid #F3CF44;
}

.biconnector-report-service-header-inner {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	min-height: 70px;
}

.biconnector-report-service-header-desc {
	font: 11px/15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	text-align: right;
	color: #A8ADB4;
	align-self: flex-start;
}

.biconnector-report-service-title {
	font: 16px/22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #333;
	margin-bottom: 16px;
	padding-left: 12px;
}

.biconnector-report-service-connection-step-list {
	display: block;
	counter-reset: section;
}

.biconnector-report-service-connection-step {
	margin-bottom: 16px;
	position: relative;
	padding-left: 37px;
}

.biconnector-report-service-connection-step::before {
	position: absolute;
	left: 16px;
	top: 2px;
	counter-increment: section;
	content: counter(section);
	display: block;
	background-color: #2FC6F6;
	color: #fff;
	width: 14px;
	min-width: 14px;
	height: 14px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	font: 10px/12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	padding: 1px;
	box-sizing: border-box;
}

.biconnector-report-service-connection-step-text {
	font: 12px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #525C69;
}

.biconnector-report-service-connection-step-text p,
.biconnector-report-service-connection-step-text strong {color: #000;}

.biconnector-report-service-connection-step-inner {
	background-color: #E6F8FE;
	border-radius: 6px;
	padding: 9px 12px;
	margin-top: 12px;
}

.biconnector-report-service-connection-step-inner-label {
	font: 11px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #525C69;
}

.biconnector-report-service-connection-step-inner-value {
	font: var(--ui-font-weight-bold) 12px/16px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
}

.biconnector-report-service-connection-step-inner-copy-link {
	padding: 0;
	background: none;
	margin: 0;
	border: none;
	border-bottom: 1px dashed;
	font: 10px/12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #2066B0;
	margin-left: 12px;
	cursor: pointer;
	transition: 170ms linear all;
}

.biconnector-report-service-connection-step-inner-copy-link:hover {
	border-bottom-color: transparent;
}

.biconnector-report-service-download-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 4px 16px;
	border: 1px solid #2FC6F6;
	border-radius: 13px;
	margin-top: 16px;
}

.biconnector-report-service-download-btn-icon {
	display: block;
	height: 14px;
	width: 12px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.94499 0.501953C3.94499 0.225811 4.16885 0.00195312 4.44499 0.00195312H6.58915C6.86529 0.00195312 7.08915 0.225811 7.08915 0.501953V5.24222H10.5054C10.7796 5.24222 10.9101 5.57974 10.7072 5.7642L6.18974 9.87096C5.80832 10.2177 5.22582 10.2177 4.8444 9.87096L0.326961 5.7642C0.124062 5.57974 0.254553 5.24222 0.528762 5.24222H3.94499V0.501953Z' fill='%232FC6F6'/%3E%3Cpath d='M0 11.5134C0 11.2373 0.223858 11.0134 0.5 11.0134H10.5052C10.7814 11.0134 11.0052 11.2373 11.0052 11.5134V12.5134C11.0052 12.7896 10.7814 13.0134 10.5052 13.0134H0.499999C0.223857 13.0134 0 12.7896 0 12.5134V11.5134Z' fill='%232FC6F6'/%3E%3C/svg%3E%0A");
}

.biconnector-report-service-download-btn-text {
	font: 11px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	text-transform: uppercase;
	color: #525C69;
}

.biconnector-report-service-footer {
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
}
/* End */
/* /bitrix/components/bitrix/biconnector.start/templates/.default/style.css?17287045115441 */