@radio-prefix       :~"@{css-prefix}radio";
@radio-prefix-inner :~"@{radio-prefix}-inner";

.@{radio-prefix} {
    &-wrap {

        display    : flex;
        align-items: center;
    }

    &-inner {
        border-radius   : 50%;
        display         : inline-block;
        background-clip : content-box;
        height          : @radio-inner-height;
        width           : @radio-inner-width;
        padding         : @radio-inner-padding;
        background-color: @white;
        border          : @radio-border;
        transition      : @radio-transition;

        &-disabled {
            background-color: @radio-inner-disabled-background-color;
        }

        &-small {
            height : @radio-inner-height-small;
            width  : @radio-inner-width-small;
            padding: @radio-inner-padding-small;
        }

        &-large {
            height : @radio-inner-height-large;
            width  : @radio-inner-width-large;
            padding: @radio-inner-padding-large;
        }
    }

    &-input {
        height : 0;
        width  : 0;
        padding: 0;
        border : 0;

        &:checked+.@{radio-prefix-inner} {
            border-color    : @radio-inner-checked-border-color ;
            background-color: @radio-inner-checked-background-color;
        }
    }

    &-label {
        padding: @radio-label-padding;
    }


}