:host {
    /* base */
    --checkbox-base-width: var(--us-checkbox-base-width, 20px);
    --checkbox-base-height: var(--us-checkbox-base-height, 20px);
    --checkbox-border-width: var(--us-checkbox-border-width, 2px);
    --checkbox-border-radius: var(--us-checkbox-border-radius, 4px);
    --checkbox-border-color: var(--us-checkbox-border-color, var(--color-primary-600));
    --checkbox-inactive-border-color: var(--us-checkbox-inactive-border-color, var(--color-neutral-600));
    /* unselected */
    --checkbox-unselected-active-bg-color: var(--us-checkbox-unselected-active-bg-color, var(--color-neutral-0));
    --checkbox-unselected-active-hover-bg-color: var(--us-checkbox-unselected-active-hover-bg-color, var(--color-primary-100));
    --checkbox-unselected-inactive-bg-color: var(--us-checkbox-unselected-inactive-bg-color, var(--color-neutral-300));
    /* selected */
    --checkbox-selected-active-bg-color: var(--us-checkbox-selected-active-bg-color, var(--color-primary-600));
    --checkbox-selected-active-hover-bg-color: var(--us-checkbox-selected-active-hover-bg-color, var(--color-primary-800));
    --checkbox-selected-inactive-hover-bg-color: var(--us-checkbox-selected-inactive-hover-bg-color, var(--color-neutral-600));
    /* intermediate */
    --checkbox-intermediate-active-bg-color: var(--us-checkbox-unselected-active-bg-color, var(--color-neutral-0));
    --checkbox-intermediate-active-hover-bg-color: var(--us-checkbox-intermediate-active-hover-bg-color, var(--color-primary-100));
    --checkbox-intermediate-inactive-bg-color: var(--us-checkbox-intermediate-inactive-bg-color, var(--color-neutral-300));
}