.eds-c-checkbox__title {
	font-weight: $t-a-typography-font-weight-bold;
	font-size: $t-a-typography-font-size-default;
	display: block;
	margin-bottom: $t-eds-c-form-vertical-space;
}

.eds-c-checkbox__label {
	display: flex;
	align-items: center;
	font-weight: $t-a-typography-font-weight-normal;
	cursor: pointer;
	padding: $t-eds-c-form-vertical-space $t-a-space-absolute-0;
	margin-top: - $t-eds-c-form-vertical-space;
	z-index: 1;
	position: relative;
}

.eds-c-checkbox__label::before {
	border-radius: 0.125em;
	content: '';
	flex-shrink: 0;
	width: $t-a-space-relative-800;
	height: $t-a-space-relative-800;
	background-color: $t-a-palette-default-white;
	border: #{calc($t-eds-c-checkbox-border-size)} solid $t-a-palette-default-greyscale-600;
	margin-right: $t-a-space-relative-200;
}

[invalid]+.eds-c-checkbox__label::before {
	border-color: $t-eds-c-form-icon-error-color;
}

:checked+.eds-c-checkbox__label::before {
	background-color: $t-eds-c-form-input-checked-icon-fill;
	background-image: url('#{$t-eds-c-checkbox-checked-icon-data-uri}');
	border-color: $t-eds-c-checkbox-checked-icon-stroke;
	background-size: 100%;
	background-position: center;
}

:focus+.eds-c-checkbox__label::before {
	box-shadow: 0 0 0 3px $t-a-state-focus;
}