#dashboard {
	flex-direction: column;
	display: flex;
	overflow: clip;
	height: 100vh;
}

.biconnector-dashboard__loader {
	height: calc(100vh - 58px);
	max-height: calc(100vh - 58px);
	overflow: hidden;
	background-color: var(--ui-color-palette-gray-05);
}

.dashboard-header {
	padding: 12px 22px 12px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 1px 1px 0 #00000012;
	position: relative;
	z-index:100;
}

.dashboard-header-logo {
	width: 283px;
	margin-right: 20px;
	border-right: 1px solid #F0F0F0;
	display: flex;
	align-items: flex-end;
	gap: 6px;
}

.dashboard-header-title-section {
	display: flex;
	align-items: center;
	flex-shrink: 1;
	flex-grow: 1;
	min-width: 0;
	margin-right: 20px;
}

.biconnector-dashboard__animation {
	display: flex;
	position: relative;
	height: 100%;
}

.biconnector-dashboard__animation_box,
.biconnector-dashboard__filter_box {
	filter: blur(4px);
}

.biconnector-dashboard__hint_container {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 750px;
	height: 534px;
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 2;
}

.biconnector-dashboard__hint_title {
	display: block;
	margin-bottom: 16px;
	font-size: var(--ui-font-size-4xl);
	font-weight: var(--ui-font-weight-semi-bold);
	color: var(--ui-color-text-primary);
	max-width: 450px;
}

.biconnector-dashboard__hint_desc {
	display: block;
	margin-bottom: 16px;
	font-size: var(--ui-font-size-xl);
	line-height: var(--ui-font-line-height-lg);
	color: var(--ui-color-base-70);
}

.biconnector-dashboard__hint_link {
	display: inline-block;
	border-bottom: 1px dashed rgba(var(--ui-color-link-primary-base-rgb), var(--ui-opacity-40));
	font-size: var(--ui-font-size-lg);
	color: var(--ui-color-link-primary-base);
	transition: border-color .3s;
	cursor: pointer;
}

.biconnector-dashboard__hint_link:hover {
	border-color: var(--ui-color-background-transparent);
}

.biconnector-dashboard__hint {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: radial-gradient(58% 54% at 50% 50%, rgba(255, 255, 255, 0.95) 55%, rgba(255, 255, 255, 0.00) 78%);
}

.biconnector-dashboard__hint__loading {
	background: radial-gradient(58% 54% at 50% 50%, rgba(255, 255, 255, 0.95) 55%, rgba(255, 255, 255, 0.00) 78%);
}

.biconnector-dashboard__dots-animation {
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: baseline;
	position: relative;
	top: 11px;
}

.biconnector-dashboard__error__logo-wrapper {
	margin-bottom: 14px;
	display: flex;
	justify-content: center;
}

.biconnector-dashboard__error__logo {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='40' cy='39' r='38' fill='%23fff'/%3E%3C/g%3E%3Cpath fill='%23ffc34d' fill-rule='evenodd' d='M62.434 49.238 43.227 17.414c-1.48-2.443-5.006-2.443-6.454 0L17.566 49.238c-1.511 2.506.315 5.67 3.243 5.67h38.413c2.897 0 4.723-3.164 3.212-5.67m-25.19-20.735a2.533 2.533 0 0 1 2.551-2.538h.347a2.533 2.533 0 0 1 2.55 2.538v9.49a2.533 2.533 0 0 1-2.55 2.538h-.347a2.533 2.533 0 0 1-2.55-2.538zm5.952 18.417c0 1.754-1.449 3.195-3.212 3.195s-3.211-1.44-3.211-3.195 1.448-3.195 3.211-3.195 3.212 1.441 3.212 3.195' clip-rule='evenodd'/%3E%3Cdefs%3E%3Cfilter id='a' width='80' height='80' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_2860_90331'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_2860_90331' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
	width: 80px;
	height: 80px;
}

.biconnector-dashboard__limit__exceeded__warning__logo {
	background: url("images/warning.png") center/contain no-repeat;
	width: 260px;
	height: 128px;
}

.biconnector-dashboard__filter_box {
	width: 300px;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
	justify-content: space-between;
}

.biconnector-dashboard__filter_box_top {
	height: 207px;
	width: 300px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='207' fill='none' viewBox='0 0 300 207'%3E%3Cpath fill='%23fff' d='M300 0H0v206h300z'/%3E%3Cpath fill='%23edeef0' d='M143.5 12h-126a5.5 5.5 0 1 0 0 11h126a5.5 5.5 0 1 0 0-11M90 76H15a3 3 0 1 0 0 6h75a3 3 0 1 0 0-6m-39 49H15a3 3 0 1 0 0 6h36a3 3 0 1 0 0-6m16 49H15a3 3 0 1 0 0 6h52a3 3 0 1 0 0-6'/%3E%3Cpath stroke='%23dfe0e3' d='M277 87.5H16a3.5 3.5 0 0 0-3.5 3.5v14a3.5 3.5 0 0 0 3.5 3.5h261a3.5 3.5 0 0 0 3.5-3.5V91a3.5 3.5 0 0 0-3.5-3.5Z'/%3E%3Cpath fill='%23edeef0' d='M161 95H22a3 3 0 1 0 0 6h139a3 3 0 1 0 0-6m108 3a3 3 0 1 0-6 0 3 3 0 0 0 6 0'/%3E%3Cpath stroke='%23dfe0e3' d='M277 136.5H16a3.5 3.5 0 0 0-3.5 3.5v14a3.5 3.5 0 0 0 3.5 3.5h261a3.5 3.5 0 0 0 3.5-3.5v-14a3.5 3.5 0 0 0-3.5-3.5Z'/%3E%3Cpath fill='%23edeef0' d='M97 144H22a3 3 0 1 0 0 6h75a3 3 0 1 0 0-6m172 3a3 3 0 1 0-6 0 3 3 0 0 0 6 0'/%3E%3Cpath stroke='%23dfe0e3' d='M277 185.5H16a3.5 3.5 0 0 0-3.5 3.5v14a3.5 3.5 0 0 0 3.5 3.5h261a3.5 3.5 0 0 0 3.5-3.5v-14a3.5 3.5 0 0 0-3.5-3.5Z'/%3E%3Cpath fill='%23edeef0' d='M147 193H22a3 3 0 1 0 0 6h125a3 3 0 1 0 0-6m122 3a3 3 0 1 0-6 0 3 3 0 0 0 6 0'/%3E%3C/svg%3E") center center no-repeat;
}

.biconnector-dashboard__filter_box_bottom {
	height: 55px;
	width: 300px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='55' fill='none' viewBox='0 0 300 55'%3E%3Cpath fill='%23fff' d='M300 0H0v55h300z'/%3E%3Cpath fill='%23edeef0' d='M182.5 0h-64a8.5 8.5 0 0 0 0 17h64a8.5 8.5 0 0 0 0-17'/%3E%3Cpath fill='%23edeef0' d='M182.5 22h-64a8.5 8.5 0 0 0 0 17h64a8.5 8.5 0 0 0 0-17' opacity='.5'/%3E%3C/svg%3E") center center no-repeat;
}

.biconnector-dashboard__skeleton {
	width: 100%;
}

.biconnector-dashboard__animation_box {
	width: 100%;
}

.biconnector-dashboard__error_desc {
	margin-bottom: 24px;
}