.f-switch{cursor:pointer;align-items:center;gap:.75rem;display:inline-flex}.f-switch__label{font-size:var(--font-size-md);color:var(--color-text-500);font-weight:600}.f-switch__required{color:var(--color-error-500);margin-left:.125rem}.f-switch__input{opacity:0;width:0;height:0;position:absolute}.f-switch__track{background-color:var(--color-text-500);border-radius:14px;width:3.5rem;height:1.75rem;transition:background-color .2s;position:relative}.f-switch__knob{width:1.5rem;height:1.5rem;color:var(--color-text-500);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:.125rem;left:.125rem}.f-switch__knob .icon{width:.75rem;height:.75rem}.f-switch.--checked .f-switch__track{background-color:var(--color-conversion-600)}.f-switch.--checked .f-switch__knob{color:var(--color-conversion-600);transform:translate(28px)}.f-switch.--disabled{cursor:not-allowed;opacity:.5}.f-switch.--disabled .f-switch__track{background-color:var(--color-gray-200)}.f-switch.--disabled .f-switch__knob{color:var(--color-gray)}