// Jest Snapshot v1, https://goo.gl/fbAQLP exports[`component.UI.Toggle should render correctly 1`] = ` .c0 { position: relative; } .c0 .switch { position: relative; display: inline-block; width: 35px; height: 22px; } .c0 .switch input { opacity: 0; width: 0; height: 0; } .c0 .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #959595; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 34px; } .c0 .slider:before { position: absolute; content: ''; height: 20px; width: 20px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50%; box-shadow: 1px 1px 3px #555; } .c0 input:checked + .slider { background-color: #39e673; } .c0 input:focus + .slider { box-shadow: 0 0 1px #2196f3; } .c0 input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); }
`;