.crSwitch__parent{display:flex;gap:1rem}.crSwitch__input{opacity:0}.crSwitch__container{min-width:2.75rem;height:1.5rem;border-radius:.75rem;will-change:background;transition:background .2s ease-in-out;padding:.125rem;position:relative}.crSwitch__container__enabled{cursor:pointer}.crSwitch__container__enabled:hover{box-shadow:0 1px 2px 0 rgba(16,24,40,.05),0 0 0 4px #f4ebff}.crSwitch__container>div{will-change:right;transition:right .2s linear;position:absolute;width:1.25rem;height:1.25rem;background:var(--White);border-radius:.625rem;box-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1)}.crSwitch__container__disabled{pointer-events:none;background:var(--Gray-50)!important}.crSwitch__container__checked{background:var(--Primary-700)}.crSwitch__container__checked>div{right:.125rem}.crSwitch__container__unchecked{background:var(--Gray-100)}.crSwitch__container__unchecked>div{right:1.375rem}