@import './styles/<!--partnerName--settings-->';
@import './styles/tools';

.c-ngrx-form-checkbox-component__input {
    display: none;
}

.c-ngrx-form-checkbox-component__label-wrapper {
    position: relative;
}

.c-ngrx-form-checkbox-component__label {
    cursor: pointer;
    padding-left: 41px;
    display: inline-block;
    &:before {
        content: '';
        width: 24px;
        height: 24px;
        border: $c-input-border;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
    }
    &:hover:before {
        border-color: $c-input-border-color--focused;
    }
}

    .c-ngrx-form-checkbox-component__label--invalid:before {
        border-color: $c-input-border-color--invalid;
    }

.c-ngrx-form-checkbox-component__tick {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}