@import "../../variables";
@import "../../mixin/set-native-states";

.sz-html-checked-input {

    .sz-html-label {
        vertical-align: middle;
    }

    .label-with-element-container {
        display: inline-flex;
        align-items: center;
    }

    .checked-native {
        vertical-align: middle;

        @include setDisabledColor($color-disabled, $border-color-disabled);
        @include setFocusAsOutline($border-color-focus);
    }

    .sz-html-radio {
        margin: 0;
    }

    .sz-html-checkbox {
        margin: 0;
    }
}