@import '../../less/styles';
@import '../../less/mixins';
@import '../../less/palette';
@import '../../less/palette-brand-@{theme}';

.radio {
    overflow: hidden;

    > .option {
        .standard-transition(background-color);
        position: relative;
        height: 40px;
        line-height: 40px;
        border: 1px solid @color-border;
        padding-left: 12px;

        &:hover {
            cursor: pointer;
        }

        &:not(:first-of-type) {
            margin-top: -1px;
        }

        .group-border-radius(3px);
        .selection-indicator-right;

        &:focus,
        &.hover,
        &:hover {
            background: @color-illegal-white;
        }
    }
}
