@import "https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,500,600,700,800|Ubuntu:300,400,500";.c-toggle{background:var(--color-text-base-05);cursor:pointer;border-radius:20px;width:60px;height:30px;display:flex;position:relative}.c-toggle.-active{-webkit-box-shadow:1px 1px 26px rgba(var(--color-positive-base-rgb), .2);box-shadow:1px 1px 26px rgba(var(--color-positive-base-rgb), .2)}.c-toggle.-three-state:not(.-disabled).-negated{-webkit-box-shadow:1px 1px 26px rgba(var(--color-negative-base-rgb), .2);box-shadow:1px 1px 26px rgba(var(--color-negative-base-rgb), .2)}.c-toggle.-three-state:not(.-disabled).-negated:before{opacity:1;background:var(--color-negative-base)}.c-toggle.-three-state.-neutral>.value-indicator{left:50%;transform:translate(-50%)}.c-toggle:before{content:"";background:var(--color-positive-base);opacity:0;border-radius:20px;width:100%;height:100%;transition:opacity .6s;position:absolute}.c-toggle>.value-indicator{width:24px;height:24px;-webkit-box-shadow:2px 8px 16px var(--color-text-base-05);box-shadow:2px 8px 16px var(--color-text-base-05);background:#fff;border-radius:50%;transition:left .3s;position:absolute;top:3px;left:3px}.c-toggle.-active:before{opacity:1}.c-toggle.-active>.value-indicator{left:calc(100% - 27px)}.c-toggle.-disabled{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-box-shadow:none;box-shadow:none}.c-toggle.-disabled:before{opacity:0}.c-toggle.-disabled-colored{background-color:rgba(var(--color-positive-base-rgb), .2)}