@layer base{.f-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;--font-size:var(--font-size-xs);align-items:center;gap:.75rem;display:inline-flex}.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{box-sizing:border-box;padding:calc(.25 * var(--font-size)) calc(.3125 * var(--font-size));width:calc(4.0625 * var(--font-size));height:calc(1.75 * var(--font-size));border:.0625rem solid var(--color-secondary-dark);background:0 0;border-radius:6.25rem;outline:none;transition:background .16s;display:inline-block;position:relative}.f-toggle__thumb{background:var(--color-secondary-dark);width:calc(1.125 * var(--font-size));height:calc(1.125 * var(--font-size));border-radius:50%;transition:transform .16s cubic-bezier(.2,.9,.3,1);display:block;position:relative;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:translateX(calc(var(--font-size,1rem) * 2.25))}}