.field--checkbox_image {
    .checkbox__label {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);

        transition: border-color .3s;
        display: inline-block;
        border: 1px solid #e5e5e5;
        padding: 3px;
        margin: 0 .5em .5em 0;
        outline: 0;

        background: #fafafa;

        &:hover,
        &:focus {
            border-color: #c4c4c4;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
        }

        &--active,
        &--active:hover,
        &--active:focus {
            border-color: #0085ba;
            box-shadow: 0 0 2px #006799;
        }

        &--disabled,
        &--disabled:hover {
            border-color: #e5e5e5;
            box-shadow: none;
            opacity: .5;

            cursor: not-allowed;
        }

        img {
            display: block;
        }
    }

    input {
        display: none;
    }
}