.pretty {
	&.p-default {
		.state {
			label {
				&:before {
					@extend %b1;
				}
				&:after {
					transform: scale(0.6);
                }
			}
		}
		input {
			&:checked ~ .state {
				label {
					&:after {
						display: block;
					}
				}
			}
		}
	}
	&.p-plain {
        input {
            &:checked ~ .state {
                label {
                    &:before {
                        content: none;
                    }
                }
            }
        }
        &.p-toggle {
            .state {
                label {
                    &:before {
                        content: none;
                    }
                }
            }
        }
        .icon {
            transform: scale(1.1);
        }
    }
	&.p-fill {
		.state {
			label {
				&:after {
					transform: scale(1);
				}
			}
		}
	}
	&.p-thick {
		.state {
			label {
				&:before {
					border-width: 3px;
				}
				&:after {
					transform: scale(0.4) !important;
				}
			}
		}
	}
	&.p-curve {
		.state {
			label {
				&:before,
				&:after {
					@extend %themeRadius;
				}
			}
		}
	}
}