.toggle{position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;min-width:42px;height:24px!important;border-radius:12px;background-color:var(--color-white);box-shadow:0 0 0 1px var(--color-black-200) inset;transition:all ease-in var(--transition-duration-fast);cursor:pointer}.toggle>.toggle-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%}.toggle>.toggle-info>.info{display:block;font-size:var(--font-12);font-weight:var(--font-weight-normal);color:var(--color-black);min-width:2.15em;line-height:var(--font-12);text-align:center;padding:0;opacity:1;transition-delay:var(--transition-delay-slowest);transition:all var(--transition-duration-fast);z-index:0}.toggle>.toggle-info>.info.info-left{padding-left:8px}.toggle>.toggle-info>.info.info-right{padding-right:8px}.toggle>.toggle-info>.info.info-hide{display:none!important}.toggle>.toggle-info.info-active-right>.info-left{opacity:0}.toggle>.toggle-info.info-active-left>.info-left,.toggle>.toggle-info.info-active-right>.info-right{opacity:1}.toggle>.toggle-info.info-active-left>.info-right{opacity:0}.toggle>.toggle-indicator{position:absolute;top:0;right:0;display:block;align-items:center;width:100%;height:100%;z-index:1;transition:width var(--transition-duration-fast)}.toggle>.toggle-indicator.indicator-left{width:100%}.toggle>.toggle-indicator.indicator-right{width:24px}.toggle>.toggle-indicator>.indicator{display:block;float:left;width:18px;height:18px;background-color:var(--color-primary);border-radius:9px;margin:3px;transition:all var(--transition-duration-fast)}.toggle.toggle-disabled{cursor:not-allowed!important}.toggle.toggle-default.toggle-info-active-right,.toggle.toggle-disabled{background-color:var(--color-black-20)!important;box-shadow:0 0 0 1px var(--color-black-100) inset!important}.toggle.toggle-default.toggle-info-active-right>.toggle-info>.info,.toggle.toggle-disabled>.toggle-info>.info{color:var(--color-black-300)!important}.toggle.toggle-default.toggle-info-active-right>.toggle-indicator>.indicator,.toggle.toggle-disabled>.toggle-indicator>.indicator{background-color:var(--color-black-200)!important}