.visibility-modal {
	.modal__content__body {
		text-align: center;

		.help-text {
			margin-top: 16px;
			display: block;
			text-align: center;
		}
	}
	.btn {
		display: flex;
	}
	.choices {
		display: flex;
		text-align: center;
		border-radius: 16px;

		label:nth-child(1),
		label:nth-child(2),
		label:nth-child(3) {
			width: 33%;
		}

		label:nth-child(n+4) {
			width: auto;
		}

		label {
			font-size: initial;
			line-height: initial;
			font-weight: initial;
			margin: 0;
			flex: 1;
		}

		div:not(.choice) {
			border-radius: 12px;
			padding: 12px;
			height: calc(100% - 28px);
		}

		.choice {
			display: flex;
			justify-content: center;
			align-items: center;
			height: inherit;
		}

		p {
			margin: 0;
			line-height: 34px;
		}

		input[type="radio"] {
			display: none;
		}

		input[type="radio"]:checked + div {
			background-color: var(--color-white);
			color: var(--color-raspberry);
			border-color: var(--color-raspberry);
		}

		input[type="radio"] + div {
			border: solid 1px var(--color-white);
		}
	}
	.public p:before {
		font-family: 'Tribee Icons';
		content: '\071C';
		font-size: 40px;
	}
	.beneficiary p:before {
		font-family: 'Tribee Icons';
		content: '\071D';
	}
	.anonymous p:before {
		font-family: 'Tribee Icons';
		content: '\071E';
	}
	p:before {
		font-size: 35px;
	}
	.contributors-feed__line__name::before {
		font-size: 0.8em;
	}
	.contributors-feed__line__name {
		font-size: 25px;
	}

	.modal-content {
		margin-bottom: 0;
	}
	.modal__content__footer {
		margin-bottom: 12px;
		.btn {
			width: 100%;
		}
	}

	.choices {
		display: flex;
		justify-content: space-between;
	}

	.choices label {
		flex: 1;
		box-sizing: border-box;
		text-align: center;
	}
	.identity-anonymous {
		font-size: 20px;
	}
}

.visibility {
	display: flex;
	flex-direction: row;
	justify-content: space-between;

	p {
		margin-top: 0;
		margin-bottom: 0;
	}
}

#visibility-amount, #visibility-name, #visibility-message {
	display: flex;
	flex-direction: row;
	justify-content: space-between;

	a {
		text-decoration: underline;
		font-weight: 800;
		margin-bottom: 0;
		margin-top: auto;
		font-size: 14px;
		line-height: 22px;
		cursor: pointer;
	}

	p {
		margin-top: 0;
		margin-bottom: 0;
		font-weight: 800;
		font-size: 18px;
	}

	.public span:before {
		font-family: 'Tribee Icons';
		content: '\071C';
	}

	.beneficiary_only span:before {
		font-family: 'Tribee Icons';
		content: '\071D';
	}

	.anonymous span:before {
		font-family: 'Tribee Icons';
		content: '\071E';
	}

	span {
		display: inline-flex;
		align-items: center;
		justify-content: left;
		font-size: 16px;
	}

	span:before {
		display: inline-block;
		font-size: 25px;
		margin-right: 4px;
	}
}

#visibility-preview {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	span {
		text-decoration: underline;
	}
	&:before {
		font-family: 'Tribee Icons';
		content: '\070B';
		margin-right: 8px;
		font-size: 20px;
		text-decoration: none;
	}
}

#visibility-preview-popup {
	.preview_body_title {
		font-family: var(--body-regular-l-ff);
		line-height: var(--body-regular-l-lh);
		text-rendering: var(--body-regular-l-tr);
		letter-spacing: var(--body-regular-l-ls);
		font-size: 1.1em;
		font-weight: var(--body-semibold-l-fw);
	}

	.preview_body_video {
		margin: 0;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		color: var(--color-praline);
		font-family: Inter, sans-serif;
		font-size: 13px;
		font-style: italic;
		font-weight: 400;
		line-height: 18px;
	}

	.preview_body_video svg {
		width: 16px;
		height: 16px;
		color: var(--color-raspberry);
		flex-shrink: 0;
	}

	.preview_body_video[hidden] {
		display: none;
	}

	.preview_body_content {
		border-radius: 20px;
		border: 1px solid var(--color-praline);
		padding: 15px;
		display: flex;
		flex-direction: column;
		gap: 8px;

		div {
			display: flex;
			justify-content: space-between;

			p {
				margin: 0;
			}
		}

		.message {
			text-align: left;
		}
	}
}