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