@import "../../variables";

.sz-checked-input {
    display: inline-flex;
    margin: $margin;

    svg {
        display: block;
        width: $sz-input-checkbox-size;
        height: $sz-input-checkbox-size;
    }

    .sz-html-input {
        flex: none;
        padding: 0;
        margin: 0;
    }

    .checked-native {
        position: relative;
        left: 8px;
        z-index: -9999;
        width: 1px;
        height: 1px;
        clip: rect(1px 1px 1px 1px); // using because of Mozilla Firefox !
    }
}