.os-checkbox{font-size:var(--os-checkbox-font-size);cursor:pointer;display:inline-flex;line-height:1;align-items:flex-start;padding:.6em 0;min-height:2.2em}.os-checkbox input{display:none}.os-checkbox.is-disabled{cursor:not-allowed}.os-checkbox.is-indeterminate .os-checkbox-input-box:after{border-right:0px;transform:none;height:0em;margin-top:0}.os-checkbox{--os-checkbox-font-size: var(--os-heading8);--os-checkbox-border-color: var(--os-color-neutral-3);--os-checkbox-disabled-border-color: var(--os-color-neutral-3);--os-checkbox-disabled-background-color: var(--os-color-neutral-1);--os-checkbox-checked-border-color: var(--os-color-primary);--os-checkbox-checked-background-color: var(--os-color-primary);--os-checkbox-checked-disabled-border-color: var(--os-color-neutral-5);--os-checkbox-checked-disabled-background-color: var(--os-color-neutral-5)}.os-checkbox .os-checkbox-input-box{background-color:transparent}.os-checkbox-large{--os-checkbox-font-size: var(--os-heading7)}.os-checkbox-mini{--os-checkbox-font-size: var(--os-heading9)}.os-checkbox-input{display:inline-flex;align-items:center}.os-checkbox-input-box{display:inline-flex;overflow:hidden;position:relative;width:1em;height:1em;border-radius:2px;background-color:transparent;border:1px solid;color:#fff;border-color:var(--os-checkbox-border-color);background-color:var(--os-checkbox-background-color);justify-content:center}.os-checkbox-input-box:after{position:absolute;display:table;width:.36em;height:.64em;top:50%;margin-top:-.4em;border-right:currentColor solid 1px;border-bottom:currentColor solid 1px;content:"";transform:rotate(45deg) scaleY(0);transform-origin:center center;transition:.2s all}input:checked+.os-checkbox-input-box{border-color:var(--os-checkbox-checked-border-color);background-color:var(--os-checkbox-checked-background-color)}input:checked+.os-checkbox-input-box:after{transform:rotate(45deg) scaleY(1)}input:disabled+.os-checkbox-input-box{border-color:var(--os-checkbox-disabled-border-color);background-color:var(--os-checkbox-disabled-background-color)}input:checked:disabled+.os-checkbox-input-box{border-color:var(--os-checkbox-checked-disabled-border-color);background-color:var(--os-checkbox-checked-disabled-background-color)}.os-checkbox-label{margin-left:var(--os-space-xs)}.os-checkbox-group-mode-button{display:flex}.os-checkbox-group-mode-button .os-checkbox{position:relative;padding-left:1em;padding-right:1em;border:1px solid var(--os-checkbox-border-color)}.os-checkbox-group-mode-button .os-checkbox:first-child{border-top-left-radius:var(--os-border-radius-base);border-bottom-left-radius:var(--os-border-radius-base)}.os-checkbox-group-mode-button .os-checkbox:last-child{border-top-right-radius:var(--os-border-radius-base);border-bottom-right-radius:var(--os-border-radius-base)}.os-checkbox-group-mode-button .os-checkbox:not(:first-child){margin-left:-1px}.os-checkbox-group-mode-button .os-checkbox.is-disabled{color:var(--os-checkbox-disabled-border-color);border-color:var(--os-checkbox-disabled-border-color)}.os-checkbox-group-mode-button .os-checkbox.is-checked{color:var(--os-checkbox-checked-border-color);border-color:var(--os-checkbox-checked-border-color);z-index:1}.os-checkbox-group-mode-button .os-checkbox-input{display:none}.os-checkbox-group-mode-button .os-checkbox-label{margin-left:0}.os-checkbox-group-mode-button[class*=checkbox-group-type-] .os-checkbox.is-checked{color:var(--os-color-neutral-0);border-color:var(--os-checked-border-color);background-color:var(--os-checked-background-color)}.os-checkbox-group-mode-button.os-checkbox-group-type-primary{--os-checked-color: var(--os-color-neutral-0);--os-checked-border-color: var(--os-color-primary);--os-checked-background-color: var(--os-color-primary)}.os-checkbox-group-mode-button.os-checkbox-group-type-success{--os-checked-color: var(--os-color-neutral-0);--os-checked-border-color: var(--os-color-success);--os-checked-background-color: var(--os-color-success)}.os-checkbox-group-mode-button.os-checkbox-group-type-warning{--os-checked-color: var(--os-color-neutral-0);--os-checked-border-color: var(--os-color-warning);--os-checked-background-color: var(--os-color-warning)}.os-checkbox-group-mode-button.os-checkbox-group-type-danger{--os-checked-color: var(--os-color-neutral-0);--os-checked-border-color: var(--os-color-danger);--os-checked-background-color: var(--os-color-danger)}