checkbox,.checkbox-component{display:flex}:is(checkbox,.checkbox-component) .container{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex:0 auto;align-items:center;display:flex;position:relative;overflow:hidden}:is(checkbox,.checkbox-component) .container input{opacity:0;position:absolute}:is(checkbox,.checkbox-component) .checkmark{background-color:var(--default-background-color);border:1px solid #d6d9db;border-radius:3px;justify-content:center;align-items:center;width:1.3rem;max-width:100%;height:1.3rem;max-height:100%;display:flex}:is(checkbox,.checkbox-component) .bigger{width:2.3rem;height:2.3rem}:is(checkbox,.checkbox-component) .container:hover input~.checkmark{border:1px solid #aaacae}:is(checkbox,.checkbox-component) .container input:focus~.checkmark{border:1px solid #0077b4}:is(checkbox,.checkbox-component) .container input:disabled~.checkmark{cursor:auto;background-color:#e6e6e6;border:1px solid #cacaca}:is(checkbox,.checkbox-component) .container input:disabled~.checkmark .icon{color:#cacaca}:is(checkbox,.checkbox-component) .container .icon{color:#0077b4;opacity:0;font-size:.8rem}:is(checkbox,.checkbox-component) .container .icon.checked{opacity:1}:is(checkbox,.checkbox-component) .container .icon.bigger{font-size:1.9rem}:is(checkbox,.checkbox-component) .container .label-text{text-overflow:ellipsis;flex:1 0 0;padding-left:.5rem;overflow:hidden}