.canon-switch .canon-switch__label{padding:0 10px 0 0;cursor:pointer}.canon-switch .canon-switch__wrapper{display:inline-flex;align-items:center}.canon-switch .canon-switch__input{width:0;height:0;opacity:0}.canon-switch .canon-switch__switch{position:relative;width:35px;height:20px;cursor:pointer;transition:background-color 0.4s ease-in-out}.canon-switch .canon-switch__switch--round{border-radius:10px}.canon-switch .canon-switch__switch:before{position:absolute;top:4px;left:4px;width:10px;height:10px;content:'';border-radius:50%;transition:background-color 0.4s ease-in-out, transform 0.4s ease-in-out, box-shadow 0.2s ease-in-out}.canon-switch--blue .canon-switch__switch{background-color:#fff;border:1px #0071B8 solid}.canon-switch--blue .canon-switch__switch:before{background-color:#0071B8}.canon-switch--blue .canon-switch__input:checked+.canon-switch__switch{background-color:#0071B8}.canon-switch--blue .canon-switch__input:focus+.canon-switch__switch{box-shadow:0 0 4px #0071B8}.canon-switch--blue .canon-switch__input:checked+.canon-switch__switch:before{background-color:#fff;transform:translateX(17px)}.canon-switch--black .canon-switch__switch{background-color:#000;border:1px #fff solid}.canon-switch--black .canon-switch__switch:before{background-color:#fff}.canon-switch--black .canon-switch__input:checked+.canon-switch__switch{background-color:#fff}.canon-switch--black .canon-switch__input:focus+.canon-switch__switch{box-shadow:0 0 4px #fff}.canon-switch--black .canon-switch__input:checked+.canon-switch__switch:before{background-color:#000;transform:translateX(17px)}[dir='rtl'] .canon-switch .canon-switch__label{margin:0 0 0 10px}[dir='rtl'] .canon-switch .canon-switch__switch:before{right:4px;left:inherit}[dir='rtl'] .canon-switch .canon-switch__input:checked+.canon-switch__switch:before{transform:translateX(-17px)}