.whitelist-form-heading-container {
	display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.whitelist-form-heading-container .button {
    height: min-content;
    align-self: center;
    margin-left: 15px;	
}

.whitelist-form-heading-container form {
    align-self: center;
    margin-left: 20px;
	font: 10px 'Quicksand';
}

.whitelist-form-characters-container {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(5, 1fr);
}

.whitelist-header {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--color-background-profilefield-title);
	min-height: 80px;
	font: 500 8px 'Quicksand';
	text-transform: uppercase;
	letter-spacing: 4px;
	
	
	.whitelist-banner-close {
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		font-size: 14px;
		cursor: pointer;
	}
}