.switch-input{--control-size:2rem;--control-gap:.625rem;--control-dot-size:.875rem;-webkit-user-select:none;user-select:none;vertical-align:top;font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);display:inline-flex;position:relative}.switch-input._block{display:flex}.switch-input._block .switch-input__label{flex:auto}.switch-input._sm{font-size:var(--body-font-size-sm);font-weight:var(--body-font-weight);line-height:var(--body-line-height)}.switch-input._sm .switch-input__mark{margin-top:0}.switch-input__checkbox{z-index:-10;opacity:0;width:.1px;height:.1px;position:absolute}.switch-input__checkbox:checked+.switch-input__mark{border-color:var(--color-primary);background-color:var(--color-primary)}.switch-input__checkbox:checked+.switch-input__mark:before{transform:translateX(calc(-.125rem + var(--control-dot-size)));background-color:var(--color-secondary)}.switch-input__checkbox:not(:disabled)~.switch-input__label{cursor:pointer}.switch-input__checkbox:disabled~.switch-input__mark{opacity:.5}.switch-input__mark{border-radius:var(--control-size);flex:0 0 var(--control-size);width:var(--control-size);height:calc(var(--control-size) * .625);background-color:var(--color-black-300);transition:background-color var(--transition-duration-primary),border-color var(--transition-duration-primary);border:none;margin-top:.09375rem;display:block;position:relative}.switch-input__mark:before{content:"";border-radius:var(--control-dot-size);width:var(--control-dot-size);height:var(--control-dot-size);background-color:var(--color-white);transition:transform var(--transition-duration-primary),background-color var(--transition-duration-primary);position:absolute;top:.1875rem;left:.1875rem}.switch-input__label{padding-left:var(--control-gap);color:inherit;align-self:center}