:host {
    /* base */
    --switch-base-width: var(--us-switch-base-width, 36px);
    --switch-base-height: var(--us-switch-base-height, 20px);
    --switch-border-radius: var(--us-switch-border-radius, 60px);
    --switch-bg-color: var(--us-switch-bg-color, var(--color-primary-600));
    --switch-dot-width: var(--us-switch-dot-width, 20px);
    --switch-dot-height: var(--us-switch-dot-height, 20px);
    --switch-dot-bg-color: var(--us-switch-dot-bg-color, var(--color-neutral-0));
    --switch-dot-border-width: var(--us-switch-dot-border-width, var(--size-3xs));
    /* inactive */
    --switch-inactive-bg-color: var(--us-switch-inactive-bg-color, var(--color-text-600));
    /* active disabled */
    --switch-active-disabled-bg-color: var(--us-switch-active-disabled-bg-color, var(--color-neutral-300));
    --switch-active-disabled-dot-bg-color: var(--us-switch-active-disabled-dot-bg-color, var(--color-neutral-600));
    /* inactive disabled */
    --switch-inactive-disabled-bg-color: var(--us-switch-inactive-disabled-bg-color, var(--color-text-300));
    --switch-inactive-disabled-dot-bg-color: var(--us-switch-inactive-disabled-dot-bg-color, var(--color-neutral-0));
}