.toggle{----background:var(--color--light);----background--checked:var(--color--primary);----background--disabled:var(--color--light-40);----background--checked-disabled:var(--color--primary-25);----border-color:var(--color--light-55);----border-color--checked:var(--color--primary-55);----border-color--disabled:var(--color--light);----border-color--checked-disabled:var(--color--primary-30);----border-style:var(--border-style);----border-top-width:var(--border-top-width);----border-right-width:var(--border-right-width);----border-bottom-width:var(--border-bottom-width);----border-left-width:var(--border-left-width);----border-width:var(----border-top-width) var(----border-right-width) var(----border-bottom-width) var(----border-left-width);----border-top-left-radius:var(----height);----border-top-right-radius:var(----height);----border-bottom-right-radius:var(----height);----border-bottom-left-radius:var(----height);----border-radius:var(----border-top-left-radius) var(----border-top-right-radius) var(----border-bottom-right-radius) var(----border-bottom-left-radius);----box-shadow-offset-x:var(--box-shadow-offset-x);----box-shadow-offset-y:var(--box-shadow-offset-y);----box-shadow-blur-radius:var(--box-shadow-blur-radius);----box-shadow-spread-radius:var(--box-shadow-spread-radius);----box-shadow-color:var(--box-shadow-color);----box-shadow:var(----box-shadow-offset-x) var(----box-shadow-offset-y) var(----box-shadow-blur-radius) var(----box-shadow-spread-radius) var(----box-shadow-color);----margin-right:var(--margin-right);----margin-top:var(--margin-right);----width:40px;----height:20px;----transition-duration:var(--transition-duration);----indicator--background:var(--color--white);----indicator--background--checked:var(----indicator--background);----indicator--background--disabled:var(--color--gray-05);----indicator--background--checked-disabled:var(--color--gray-10);----indicator--border-top-left-radius:50%;----indicator--border-top-right-radius:50%;----indicator--border-bottom-right-radius:50%;----indicator--border-bottom-left-radius:50%;----indicator--border-radius:var(----indicator--border-top-left-radius) var(----indicator--border-top-right-radius) var(----indicator--border-bottom-right-radius) var(----indicator--border-bottom-left-radius);----indicator--width:16px;----indicator--height:16px;----label--color:var(--contrast-color-for-light-background);----label--color--disabled:var(--color--light-70);----label--font-size:var(--font-size)}.form-group.-sm .toggle,.form.-sm .toggle,.toggle.-sm{----width:calc(40px*var(--size-multiplier--sm));----height:calc(20px*var(--size-multiplier--sm));----indicator--border-top-left-radius:calc(50%*var(--size-multiplier--sm));----indicator--border-top-right-radius:calc(50%*var(--size-multiplier--sm));----indicator--border-bottom-right-radius:calc(50%*var(--size-multiplier--sm));----indicator--border-bottom-left-radius:calc(50%*var(--size-multiplier--sm));----indicator--width:calc(16px*var(--size-multiplier--sm));----indicator--height:calc(16px*var(--size-multiplier--sm));----label--font-size:calc(var(--font-size)*var(--size-multiplier--sm))}.form-group.-md .toggle,.form.-md .toggle,.toggle.-md{----width:calc(40px*var(--size-multiplier--md));----height:calc(20px*var(--size-multiplier--md));----indicator--border-top-left-radius:calc(50%*var(--size-multiplier--md));----indicator--border-top-right-radius:calc(50%*var(--size-multiplier--md));----indicator--border-bottom-right-radius:calc(50%*var(--size-multiplier--md));----indicator--border-bottom-left-radius:calc(50%*var(--size-multiplier--md));----indicator--width:calc(16px*var(--size-multiplier--md));----indicator--height:calc(16px*var(--size-multiplier--md));----label--font-size:calc(var(--font-size)*var(--size-multiplier--md))}.form-group.-lg .toggle,.form.-lg .toggle,.toggle.-lg{----width:calc(40px*var(--size-multiplier--lg));----height:calc(20px*var(--size-multiplier--lg));----indicator--border-top-left-radius:calc(50%*var(--size-multiplier--lg));----indicator--border-top-right-radius:calc(50%*var(--size-multiplier--lg));----indicator--border-bottom-right-radius:calc(50%*var(--size-multiplier--lg));----indicator--border-bottom-left-radius:calc(50%*var(--size-multiplier--lg));----indicator--width:calc(16px*var(--size-multiplier--lg));----indicator--height:calc(16px*var(--size-multiplier--lg));----label--font-size:calc(var(--font-size)*var(--size-multiplier--lg))}.form-group.-light .toggle,.form.-light .toggle,.toggle.-light{----background:var(--color--light);----background--checked:var(--color--primary);----background--disabled:var(--color--light-40);----background--checked-disabled:var(--color--primary-25);----border-color:var(--color--light-55);----border-color--checked:var(--color--primary-55);----border-color--disabled:var(--color--light);----border-color--checked-disabled:var(--color--primary-30);----indicator--background:var(--color--white);----indicator--background--disabled:var(--color--gray-05);----indicator--background--checked-disabled:var(--color--gray-10);----label--color:var(--contrast-color-for-light-background);----label--color--disabled:var(--color--light-70)}.form-group.-dark .toggle,.form.-dark .toggle,.toggle.-dark{----background:var(--color--dark);----background--checked:var(--color--primary);----background--disabled:var(--color--dark-40);----background--checked-disabled:var(--color--primary-75);----border-color:var(--color--dark);----border-color--checked:var(--color--primary-55);----border-color--disabled:var(--color--dark);----border-color--checked-disabled:var(--color--primary-70);----indicator--background:var(--color--white);----indicator--background--disabled:var(--color--gray-30);----indicator--background--checked-disabled:var(--color--dark-25);----label--color:var(--contrast-color-for-dark-background);----label--color--disabled:var(--color--dark-30)}.toggle{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0;position:relative}.toggle>input{cursor:pointer;height:0;left:0;opacity:0;position:absolute;top:0;width:0}.toggle>input:checked+.toggle-label:before{----background:var(----background--checked);----border-color:var(----border-color--checked)}.toggle>input:checked+.toggle-label:after{----indicator--background:var(----indicator--background--checked);-webkit-transform:translate(calc(var(----width)/2));transform:translate(calc(var(----width)/2))}.toggle>input:focus+.toggle-label:before{-webkit-box-shadow:0 0 1px var(----background--checked);box-shadow:0 0 1px var(----background--checked)}.toggle>input:disabled+.toggle-label,.toggle>input[readonly]+.toggle-label{color:var(----label--color--disabled);cursor:default}.toggle>input:disabled+.toggle-label:before,.toggle>input[readonly]+.toggle-label:before{----background:var(----background--disabled);----border-color:var(----border-color--disabled)}.toggle>input:disabled+.toggle-label:after,.toggle>input[readonly]+.toggle-label:after{----indicator--background:var(----indicator--background--disabled)}.toggle>input:disabled:checked+.toggle-label:before,.toggle>input[readonly]:checked+.toggle-label:before{----background:var(----background--checked-disabled);----border-color:var(----border-color--checked-disabled)}.toggle>input:disabled:checked+.toggle-label:after,.toggle>input[readonly]:checked+.toggle-label:after{----indicator--background:var(----indicator--background--checked-disabled)}.toggle .toggle-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(----label--color);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(----label--font-size);margin:0;position:relative}.toggle .toggle-label:before{-ms-flex-negative:0;-webkit-box-flex:0;-ms-flex-positive:0;background-color:var(----background);border-color:var(----border-color);border-style:var(----border-style);border-width:var(----border-width);cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;height:var(----height);margin-right:var(----margin-right);position:relative;width:var(----width)}.toggle .toggle-label:after,.toggle .toggle-label:before{border-radius:var(----border-radius);content:"";-webkit-transition:var(----transition-duration);transition:var(----transition-duration)}.toggle .toggle-label:after{background-color:var(----indicator--background);display:block;height:var(----indicator--width);left:0;margin-left:calc(var(----height)/2 - var(----indicator--height)/2);margin-top:calc(var(----indicator--height)/-2);position:absolute;top:50%;-webkit-transform:translate(0);transform:translate(0);width:var(----indicator--height);z-index:1}