.emn-scale-radio {
        @include border-radius(50%);
        width: $psktScaleRadioWidth;
        height: $psktScaleRadioHeight;
        display: inline-block;
        position: relative;
        margin: $psktScaleRadioMarginFull;

        &:last-child {
            margin: $psktScaleRadioMarginLast;
        }

        input[type='radio'],
        [class^="icon-"] {
            display: none;
        }

        @for $i from 0 to length($psktScaleColorCollection) {
            &.emn-scale-radio:nth-child(#{$i+1}) {
                background-color: nth($psktScaleColorCollection, $i+1);
            }

            &.emn-scale-radio-checked:nth-child(#{$i+1}) {
                border: $psktScaleRadioCheckedBorder;
                background-color: $white;

                [class^="icon-"] {
                    color: $mediumBlue01;
                    display: inline-block;
                    position: $psktScaleRadioCheckedIconPosition;
                    right: $psktScaleRadioCheckedIconPositionRight;
                    min-width: $psktScaleRadioCheckedIconMinWidth;
                }
            }
        }
    }