.eleicoes-topo-banner {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	font-family: "NunitoSans-regular";
	display: flex;
}
.eleicoesTopBanner {
	width: 75%;
}
.eleicoesTopBanner .splide__slide {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #fff;
	max-width: 300px;
	padding: 10px;
	height: 150px;
	border: 1px solid #cccccc40;
}
.eleicoesTopBanner .splide__slide[onclick] {
	cursor: pointer;
}

.eleicoes-topo-banner .left,
.eleicoes-topo-banner .right {
	width: 50px;
	min-width: 50px;
}
.eleicoesTopBanner .splide__pagination {
	opacity: 0;
	visibility: hidden;
	width: 0;
}
.eleicoesTopBanner .progress {
	width: 100%;
	background-color: #efefef;
	padding: 2px;
	border-radius: 5px;
}
.eleicoesTopBanner .progress .progress-bar {
	height: 2px;
	background-color: #55df89;
}
.eleicoesTopBanner .candidatos {
	display: flex;
	align-items: start;
	gap: 10px;
}
.eleicoesTopBanner .splide__slide .info {
	display: flex;
	gap: 10px;
	width: 100%;
	height: fit-content;
}
.eleicoesTopBanner .splide__slide .info figure {
	width: 40px;
	min-width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}
.eleicoesTopBanner .splide__slide .info figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.eleicoesTopBanner .splide__slide header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.eleicoesTopBanner .splide__slide header h2 {
	font-family: "NunitoSans-Bold";
	font-size: 15px;
}
.eleicoesTopBanner .splide__slide header span {
	font-family: "NunitoSans-Light";
	font-size: 12px;
	color: #666;
}
.eleicoesTopBanner .splide__slide .info .text {
	display: flex;
	flex-direction: column;
}
.eleicoesTopBanner .splide__slide .info .text h2 {
	font-family: "NunitoSans-Regular";
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.eleicoesTopBanner .splide__slide .info .text span {
	font-family: "Ubuntu-Bold";
	font-size: 15px;
}

.loader {
	width: 100%;
	margin: auto;
	max-width: 100px;
}
.eleicoesTopBanner .splide__arrow {
	position: initial;
}
.eleicoesTopBanner .splide__arrow--prev {
	background-image: linear-gradient(to right, #00529e, #2570be);
	width: 55px;
	height: 100%;
	opacity: 1;
	border-radius: 0;
	transform: unset;
	margin-left: -50px;
}
.eleicoesTopBanner .splide__arrow--next {
	background-image: linear-gradient(to right, #00529e, #2770be);
	width: 55px;
	height: 100%;
	opacity: 1;
	border-radius: 0;
	margin-right: -50px;
	transform: unset;
}
.eleicoesTopBanner .splide__arrow svg {
	fill: #fff;
	height: 1.2em;
	width: 1.2em;
}
.eleicoesTopBanner .splide__arrows {
	width: 100%;
	max-width: 99vw;
	display: flex;
	align-items: center;
	position: absolute;
	align-items: center;
	height: 100%;
	justify-content: space-between;
}

.acesse {
	display: flex;
	padding: 20px;
	justify-content: center;
	align-items: center;
}
.acesse a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
}

@media (max-width:820px){
	.eleicoes-topo-banner {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.eleicoes-topo-banner .left,
	.eleicoes-topo-banner .right {
		display:none;
	}
	.eleicoesTopBanner .splide__arrows {
		display: none !important;
	}
	.eleicoesTopBanner {
		width: 100%;
	}
}