.ui-checkbox.is-disabled .ui-checkbox__field,.ui-checkbox.is-disabled .ui-checkbox__label{cursor:not-allowed}.ui-checkbox.is-disabled .ui-checkbox__disabled-icon-wrap{color:var(--ui-checkbox-disabled-icon-color);opacity:1}.ui-checkbox:hover:not(.is-disabled,.is-checked) .ui-checkbox__field{background-color:var(--ui-checkbox-hover-background-color)}.ui-checkbox:hover.is-checked:not(.is-disabled) .ui-checkbox__field{background-color:var(--ui-checkbox-hover-checked-background-color)}.ui-checkbox.is-checked:not(.is-disabled) .ui-checkbox__field{background-color:var(--ui-checkbox-checked-background-color);box-shadow:0 0 0 2px var(--ui-checkbox-checked-box-shadow-color)}.ui-checkbox.is-checked:not(.is-disabled) .ui-checkbox__icon-wrap{opacity:1}.ui-checkbox__wrap{align-items:center;display:flex;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-checkbox__field{align-items:center;background-color:var(--ui-checkbox-background-color);box-shadow:0 0 0 1.5px var(--ui-checkbox-box-shadow-color),0 1px 2px #0000000f;color:var(--ui-checkbox-color);display:flex;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .15s ease,background-color .15s ease}.ui-checkbox__field svg{height:16px;width:16px}.ui-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.ui-checkbox__disabled-icon-wrap,.ui-checkbox__icon-wrap{display:flex;opacity:0;position:relative}.ui-checkbox__label{color:var(--ui-checkbox-label-color);cursor:pointer;font-size:16px;font-weight:400;line-height:24px;margin-left:8px}.ui-checkbox--large{height:32px;width:32px}.ui-checkbox--large.is-focused .ui-checkbox__field{outline:2px solid var(--ui-checkbox-focus-outline-color);outline-offset:4px}.ui-checkbox--large .ui-checkbox__field{border-radius:7px;min-height:32px;min-width:32px}.ui-checkbox--large .ui-checkbox__field svg{height:24px;width:24px}.ui-checkbox--large .ui-checkbox__input{border-radius:7px}.ui-checkbox--small{height:20px;width:20px}.ui-checkbox--small.is-focused .ui-checkbox__field{outline:2px solid var(--ui-checkbox-focus-outline-color);outline-offset:3px}.ui-checkbox--small .ui-checkbox__field{border-radius:2px;min-height:20px;min-width:20px}.ui-checkbox--small .ui-checkbox__field svg{height:16px;width:16px}.ui-checkbox--small .ui-checkbox__input{border-radius:2px}