.toggle{cursor:pointer;background-image:linear-gradient(45deg,#e5e5e5,#e5e5e5,#e5e5e5);border-radius:13px;outline:1px solid #7373734d;flex-shrink:0;width:44px;height:26px;transition:background .2s;position:relative;box-shadow:inset 0 0 4px 2px #7373731a}.toggle:after{content:"";background-image:linear-gradient(#d4d4d4,#fff 60%);border-radius:50%;outline:1px solid #7373731a;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:inset 0 -1px 1px 1px #0000001a,inset 0 1px 1px 1px #fff}.toggle .state.on{opacity:0}.toggle--on{background-image:linear-gradient(45deg,#000,#262626,#000);box-shadow:inset 0 1px 0 1px #ffffff40,0 4px 8px -2px #737373}.toggle--on:after{left:21px}.toggle--on .state.on{opacity:1}.toggle--disabled{outline-offset:2px;opacity:.2;cursor:default;outline:1px solid #f5f5f5}.toggle .state{isolation:isolate;position:absolute;top:25%}.toggle .state.off{color:#a3a3a3;font-size:.5rem;right:6px}.toggle .state.on{color:#fff;z-index:99;left:5px}