
.givewp-campaign-donors-block {
	padding: 1.5rem 0;
}

.givewp-campaign-donors-block * {
	font-family: Inter, sans-serif;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: .5rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__title {
	color: var(--givewp-neutral-900);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.56;
	margin: 0;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donors {
	display: grid;
	gap: .5rem;
	margin: 0;
	padding: 0;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor, .givewp-campaign-donors-block .givewp-campaign-donors-block__empty-state {
	background-color: var(--givewp-shades-white);
	border: 1px solid var(--givewp-neutral-50);
	border-radius: .5rem;
	display: flex;
	padding: 1rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor {
	align-items: center;
	gap: .75rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-avatar {
	align-items: center;
	display: flex;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-avatar img {
	border-radius: 100%;
	height: 2.5rem;
	-o-object-fit: cover;
	object-fit: cover;
	width: 2.5rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-info {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	row-gap: .25rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-name {
	color: var(--givewp-neutral-900);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-date {
	align-items: center;
	color: var(--givewp-neutral-400);
	display: flex;
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.43;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-date:before {
	background: var(--givewp-neutral-100);
	border-radius: 100%;
	content: "";
	display: block;
	height: .25rem;
	margin: 0 .5rem;
	width: .25rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-ribbon {
	align-items: center;
	border-radius: 100%;
	color: #1f2937;
	display: flex;
	height: 1.25rem;
	justify-content: center;
	margin-left: .5rem;
	width: 1.25rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-ribbon[data-position="1"] {
	background-color: gold;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-ribbon[data-position="2"] {
	background-color: silver;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-ribbon[data-position="3"] {
	background-color: #cd7f32;
	color: #fffaf2;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-company {
	color: var(--givewp-neutral-400);
	display: flex;
	flex: 0 0 100%;
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.43;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donor-amount {
	color: var(--givewp-neutral-700);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.56;
	margin-left: auto;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__footer {
	display: flex;
	justify-content: center;
	margin-top: .5rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donate-button button.givewp-donation-form-modal__open, .givewp-campaign-donors-block .givewp-campaign-donors-block__empty-button button.givewp-donation-form-modal__open, .givewp-campaign-donors-block .givewp-campaign-donors-block__load-more-button {
	background: none;
	border: 1px solid var(--givewp-primary-color);
	border-radius: .5rem;
	color: var(--givewp-primary-color) !important;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.43;
	padding: .25rem 1rem !important;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__donate-button button.givewp-donation-form-modal__open:hover, .givewp-campaign-donors-block .givewp-campaign-donors-block__empty-button button.givewp-donation-form-modal__open:hover, .givewp-campaign-donors-block .givewp-campaign-donors-block__load-more-button:hover {
	background: var(--givewp-primary-color);
	color: var(--givewp-shades-white) !important;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__empty-state {
	align-items: center;
	flex-direction: column;
	padding: 1.5rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__empty-description, .givewp-campaign-donors-block .givewp-campaign-donors-block__empty-title {
	color: var(--givewp-neutral-700);
	margin: 0;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__empty-title {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__empty-description {
	font-size: .875rem;
	line-height: 1.43;
	margin-top: .25rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__empty-icon {
	color: var(--givewp-secondary-color);
	margin-bottom: .875rem;
	order: -1;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__empty-button {
	margin-top: .875rem;
}

.givewp-campaign-donors-block .givewp-campaign-donors-block__empty-button button.givewp-donation-form-modal__open {
	border-radius: .25rem;
	padding: .5rem 1rem !important;
}
