/**
 * Most of the styles below is used only for overriding global-redesign.css, which
 * were written without common stylelint rules.
 */

/* stylelint-disable max-nesting-depth, selector-no-type */
.checkbox {
    & > &-input,
    & > label {
        margin-bottom: 0;
        user-select: none;
    }

    & > &-input:not(:checked),
    & > &-input:checked {
        & + label {
            cursor: pointer;
            padding-left: 22px;
            position: relative;

            &::after {
                padding-left: 2px;
                padding-top: 0;
            }
        }
        & + label.partial {
            &::after {
                border-bottom: 2px solid $blue_checkbox;
                border-radius: 0;
                content: " ";
                margin-left: 3px;
                margin-top: -16px;
                width: 10px;
            }
        }
    }
}
/* stylelint-enable max-nesting-depth, selector-no-type */