$lui-radio-button-size: 24px !default;
$lui-radio-button-border-color: black !default;
$lui-radio-button-checked-color: $primary-1-color !default;
$lui-radio-button-required-color: $primary-1-color !default;
$lui-radio-button-disabled-color: $grey-400 !default;

.lui-radio-button {
	.lui-radio-button-icon {
		$lui-radio-button-size: 24px;

		height: $lui-radio-button-size;
		width: $lui-radio-button-size;
		margin-right: $desktop-gutter-less;


		.lui-radio-button-fill {
			position: absolute;
			opacity: 0;
			transform: scale(0);
			transform-origin: 50% 50%;
			@include ease-out();
			* { 
				fill: $lui-radio-button-checked-color; 
			}
		}

		.lui-radio-button-target {
			@include ease-out();
			position: absolute;
			opacity: 1;
			transform: scale(1);
			* {
				fill: $lui-radio-button-border-color;
				@include ease-out($duration: 2s, $delay: 200ms);
			}
		}
	}

	&.lui-is-switched {
		.lui-radio-button-icon {
			.lui-radio-button-fill {
				opacity: 1;
				transform: scale(1);
			}

			.lui-radio-button-target {
				opacity: 0;
				transform: scale(0);
				* {
					fill: $lui-radio-button-checked-color;
					@include ease-out($duration: 100s, $delay: 0ms);
				}
			}
		}
	}

	&.lui-is-disabled {
		
		&.lui-enhanced-switch {
			cursor: initial!important;
		}
    
    .lui-enhanced-switch-input{
    	cursor: initial!important;
    }
		
		.lui-switch-label{
			color: $lui-radio-button-disabled-color;
		}

		.lui-radio-button-icon {
			.lui-radio-button-fill,
			.lui-radio-button-target {
				* { 
						fill: $lui-radio-button-disabled-color; 
				}
			}
		}
	}

	&.lui-is-required {
		.lui-radio-button-icon {
			.lui-radio-button-target {
				* { 
					fill: $lui-radio-button-required-color; 
				}
			}
		}
	}
}