.ab-toggle{--ab-toggle-height:var(--ab-size-medium);--ab-toggle-box-size:var(--ab-size-small);--ab-toggle-indicator-margin:4px;--ab-toggle-indicator-size:calc(var(--ab-toggle-box-size) - var(--ab-toggle-indicator-margin)*2);--ab-toggle-icon-size:calc(var(--ab-toggle-indicator-size)*0.8);cursor:pointer;display:inline-flex;align-items:center;height:var(--ab-toggle-height)}.ab-toggle--full{display:flex;width:100%}.ab-toggle>input{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);vertical-align:middle}.ab-toggle>input:focus+.ab-toggle__box{box-shadow:0 0 0 2px var(--ab-color-active-600)}.ab-toggle__box{position:relative;background:var(--ab-color-ui-600);border-radius:300px;display:inline-block;transition:all .2s var(--ab-animation-timing);height:var(--ab-toggle-box-size);width:calc(var(--ab-toggle-box-size)*1.8);flex-basis:calc(var(--ab-toggle-box-size)*1.8);flex-shrink:0;flex-grow:0}.ab-toggle:hover .ab-toggle__box{background:var(--ab-color-ui-700)}.ab-toggle input:checked+.ab-toggle__box{background:var(--ab-color-positive-600)}.ab-toggle:hover input:checked+.ab-toggle__box{background:var(--ab-color-positive-700)}.ab-toggle__box:before{left:var(--ab-toggle-indicator-margin);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><g fill='none' fill-rule='evenodd'><path d='M0 0h16v16H0z'/><path fill='rgb(255,255,255)' d='M4.884 7.18a.5.5 0 1 0-.768.64l2.5 3a.5.5 0 0 0 .756.014l4.5-5a.5.5 0 1 0-.744-.668l-4.113 4.57-2.13-2.556z'/></g></svg>")}.ab-toggle__box:after,.ab-toggle__box:before{position:absolute;width:var(--ab-toggle-icon-size);height:var(--ab-toggle-icon-size);border-radius:50%;display:block;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-size:contain;content:""}.ab-toggle__box:after{right:var(--ab-toggle-indicator-margin);background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.41 12l4.3-4.29a1.004 1.004 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1.004 1.004 0 0 0-1.42 1.42l4.3 4.29-4.3 4.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l4.29-4.3 4.29 4.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42L13.41 12z" fill="rgba(255,255,255,1)"/></g></svg>')}.ab-toggle--loading .ab-toggle__box:after,.ab-toggle--loading .ab-toggle__box:before{width:var(--ab-toggle-indicator-size);height:var(--ab-toggle-indicator-size);-webkit-transform-origin:center;transform-origin:center;-webkit-animation:rotate .7s infinite;animation:rotate .7s infinite;background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.001 2a1 1 0 0 1 0 2 8 8 0 1 0 8 8.132 1 1 0 0 1 1.999.032C21.912 17.618 17.463 22 12.001 22c-5.523 0-10-4.477-10-10s4.477-10 10-10z" fill="rgba(255,255,255,1)"/></g></svg>')}@-webkit-keyframes rotate{0%{-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg)}to{-webkit-transform:translateY(-50%) rotate(1turn);transform:translateY(-50%) rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg)}to{-webkit-transform:translateY(-50%) rotate(1turn);transform:translateY(-50%) rotate(1turn)}}.ab-toggle__indicator{background:var(--ab-color-white);position:absolute;left:var(--ab-toggle-indicator-margin);top:50%;transition:all .2s var(--ab-animation-timing);-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0);border-radius:50%;width:var(--ab-toggle-indicator-size);height:var(--ab-toggle-indicator-size)}.ab-toggle input:checked+.ab-toggle__box .ab-toggle__indicator{left:calc(100% - var(--ab-toggle-indicator-margin));-webkit-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%)}.ab-toggle__label{font-size:var(--ab-paragraph-400);padding-left:var(--ab-spacing-200);font-weight:400}.ab-toggle--small{--ab-toggle-height:var(--ab-size-small);--ab-toggle-box-size:var(--ab-size-xsmall);--ab-toggle-indicator-margin:4px}.ab-toggle--medium{--ab-toggle-height:var(--ab-size-medium);--ab-toggle-box-size:var(--ab-size-small);--ab-toggle-indicator-margin:4px}