@layer base{.f-toggle{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;--font-size:var(--font-size-xs)}.f-toggle:focus-within .f-toggle__track{outline:.125rem solid var(--color-functional-focus-indicator);outline-offset:.125rem}.f-toggle.disabled{opacity:.6;cursor:not-allowed}.f-toggle__track{display:inline-block;position:relative;box-sizing:border-box;padding:calc(var(--font-size)*.25) calc(var(--font-size)*.3125);outline:none;width:calc(var(--font-size)*4.0625);height:calc(var(--font-size)*1.75);border:.0625rem solid var(--color-secondary-dark);border-radius:6.25rem;background:transparent;transition:background .16s ease}.f-toggle__thumb{display:block;background:var(--color-secondary-dark);border-radius:50%;transition:transform .16s cubic-bezier(.2,.9,.3,1);position:relative;width:calc(var(--font-size)*1.125);height:calc(var(--font-size)*1.125);transform:translate(0)}.f-toggle__label{font-family:Inter,serif;font-size:var(--font-size);line-height:var(--line-height-m);color:var(--color-primary)}:checked+.f-toggle__track .f-toggle__thumb{background:var(--color-functional-success);transform:translate(calc(var(--font-size, 1rem)*2.25))}}