.control-checkbox{z-index:0;flex:none;width:1rem;height:1rem;display:inline-block;position:relative}.control-checkbox:before{content:"";background-color:#0000;position:absolute;inset:-10px}.control-checkbox__overflow{position:absolute;inset:0}.control-checkbox__overflow INPUT{pointer-events:none;opacity:0;position:absolute;bottom:100%;right:100%}.control-checkbox__overflow INPUT:checked+SPAN{background-color:currentColor}.control-checkbox__overflow INPUT:checked+SPAN svg{opacity:1}.control-checkbox__overflow INPUT:checked+SPAN path{fill:var(--color-white)}.control-checkbox__overflow INPUT:disabled+SPAN,.control-checkbox__overflow INPUT[disabled]+SPAN{opacity:.2;cursor:not-allowed}.control-checkbox__overflow INPUT:focus+SPAN:before{box-shadow:inset 0 0 1px}.control-checkbox__overflow INPUT:focus+SPAN:after{opacity:.2}.control-checkbox__overflow SPAN{transition:all var(--ui-speed) var(--ui-easing) 0s;border-radius:1px;position:absolute;inset:0}.control-checkbox__overflow SPAN svg{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0!important}.control-checkbox__overflow SPAN path{fill:currentColor}.control-checkbox__overflow SPAN:before{content:"";opacity:.3;pointer-events:none;border-radius:2px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px}.control-checkbox__overflow SPAN:after{content:"";box-shadow:0 0 0 4px var(--color-focus);opacity:0;pointer-events:none;transition:opacity var(--ui-speed) var(--ui-easing) 0s;border-radius:2px;position:absolute;inset:0}@media print{.control-checkbox__overflow SPAN{border:1px solid!important}}.control-checkbox__overflow.has-error SPAN:before{box-shadow:inset 0 0 0 1px var(--color-danger);opacity:1}.control-checkbox__overflow.has-error SPAN path{fill:var(--color-danger)}.control-checkbox__overflow.has-error INPUT:checked+SPAN:before{background-color:var(--color-danger)}
.checkbox-with-label{align-items:flex-start;gap:var(--gridunit-small);-webkit-user-select:none;user-select:none;cursor:default;box-sizing:border-box;display:flex}.checkbox-with-label .control-checkbox{margin-top:3px}.checkbox-with-label__label{text-overflow:ellipsis;align-items:flex-start;gap:var(--gridunit-tiny);flex-direction:row;flex:auto;display:flex;overflow:hidden}.checkbox-with-label__label__text{text-overflow:ellipsis;flex:0 auto;overflow:hidden}.checkbox-with-label__label__text.has-error,.checkbox-with-label__label__text.has-error A{color:var(--color-danger)}