.#{$pui}radio {
    @extend .#{$pui}checkbox;

    border-radius: 100%;

    &.checked {
        .#{$pui}mark {
            background-color: $color-black;
            padding-left: $radio-mark-size;
            padding-top: $radio-mark-size;
            border-radius: 100%;
        }

        &.is-warning .#{$pui}mark {
            background-color: $color-black;
        }

        &[disabled] .#{$pui}mark {
            background-color: $color-dark-gray;
        }
    }
}