@heycar-uikit/core/switch/esm/Switch.css

The React UI library from HeyCar

:root{--color-mica-blue-500:#164ca3;--color-mica-blue-600:#123d82;--color-mica-blue-700:#052962;--color-tarmac-grey-100:#e6e6e6;--color-tarmac-grey-300:#b5b5b5;--color-tarmac-grey-500:#838383;--color-tarmac-grey-600:#595959;--color-tarmac-grey-700:#303030;--color-championship-white:#fff;--color-primary-500:var(--color-mica-blue-500);--color-primary-600:var(--color-mica-blue-600);--color-primary-700:var(--color-mica-blue-700);--color-neutral-100:var(--color-tarmac-grey-100);--color-neutral-300:var(--color-tarmac-grey-300);--color-neutral-500:var(--color-tarmac-grey-500);--color-neutral-600:var(--color-tarmac-grey-600);--color-neutral-700:var(--color-tarmac-grey-700)}body{color:var(--color-neutral-700)}:root{--switch-checked-color:var(--color-primary-500);--switch-unchecked-color:var(--color-neutral-500);--switch-unchecked-hover-color:var(--color-neutral-600);--switch-unchecked-pressed-color:var(--color-neutral-700);--switch-disabled-color:var(--color-neutral-300);--switch-thumb-color:var(--color-championship-white);--switch-thumb-disabled-color:var(--color-neutral-100)}.switch__container_141qq{display:inline-block;height:24px;position:relative;width:40px}.switch__container_141qq .switch__switch_141qq{background-color:var(--switch-unchecked-color);border-radius:53px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease}.switch__container_141qq .switch__switch_141qq:before{background-color:var(--switch-thumb-color);border-radius:50%;content:"";height:22px;left:1px;position:absolute;top:1px;transition:transform .3s ease;width:22px}.switch__container_141qq input[type=checkbox]{display:none}.switch__container_141qq input[type=checkbox]:checked+.switch__switch_141qq:before{transform:translateX(16px)}.switch__container_141qq input[type=checkbox]:checked+.switch__switch_141qq{background-color:var(--switch-checked-color)}.switch__container_141qq input[type=checkbox]:disabled+.switch__switch_141qq{background-color:var(--switch-disabled-color);cursor:default}.switch__container_141qq input[type=checkbox]:disabled+.switch__switch_141qq:before{background-color:var(--switch-thumb-disabled-color)}.switch__container_141qq:hover input[type=checkbox]:not([disabled]):not(:checked)+.switch__switch_141qq{background-color:var(--switch-unchecked-hover-color)}.switch__container_141qq:hover input[type=checkbox]:not([disabled]):checked+.switch__switch_141qq{background-color:var(--color-primary-600)}.switch__container_141qq:active input[type=checkbox]:not([disabled]):not(:checked)+.switch__switch_141qq{background-color:var(--switch-unchecked-pressed-color)}.switch__container_141qq:active input[type=checkbox]:not([disabled]):checked+.switch__switch_141qq{background-color:var(--color-primary-700)}
/*# sourceMappingURL=Switch.css.map */