check, radio {
    margin: 0 2px;
    min-height: 18px;
    min-width: 18px;
    border: 1px solid #0b110b;
    border-radius: 8px;
    background-color: #424a42;
    color: transparent;
    -gtk-icon-source: none;
    transition: all 0.2s ease;
}

radio {
    border-radius: 50%;
}

check:checked {
    background-color: #424a42;
    border-color: #1c7a44;
    background-image: 
        linear-gradient(45deg, transparent 45%, #1c7a44 45%, #1c7a44 55%, transparent 55%),
        linear-gradient(-45deg, transparent 45%, #1c7a44 45%, #1c7a44 55%, transparent 55%);
    background-size: 70% 70%;
    background-repeat: no-repeat;
    background-position: center;
}

radio:checked {
    background-color: #424a42;
    border-color: #1c7a44;
    background-image: radial-gradient(circle, #1c7a44 35%, transparent 40%);
}

check:indeterminate {
    background-color: #424a42;
    border-color: #1c7a44;
    background-image: linear-gradient(to right, #1c7a44, #1c7a44);
    background-size: 60% 2px;
    background-repeat: no-repeat;
    background-position: center;
}

check:disabled,
radio:disabled {
    background-color: #080c08;
    border-color: #424a42;
    color: transparent;
    background-image: none;
}
