.component--form-radio-toggle-switch.pill{--track-height:1.45em;--track-width:2.75em;--thumb-size:1.2em;--thumb-offset-x:.15em;--thumb-x-when-checked:calc(var(--track-width) - (var(--thumb-offset-x) * 2) - var(--thumb-size))}.component--form-radio-toggle-switch.slim{--track-height:.6em;--track-width:2.5em;--thumb-size:1.2em;--thumb-offset-x:.1em;--thumb-x-when-checked:calc(var(--track-width) - (var(--thumb-offset-x) * 2) - var(--thumb-size))}.component--form-radio-toggle-switch{flex-direction:column;align-items:center;gap:.25em;display:inline-flex}.component--form-radio-toggle-switch .legend{padding:0}.component--form-radio-toggle-switch .toggle-label{align-items:center;gap:.75em;display:flex}.component--form-radio-toggle-switch .toggle-option{color:var(--color-gray-7);cursor:pointer;text-transform:uppercase;font-weight:600}.component--form-radio-toggle-switch .toggle-option.is-active{color:var(--color-gray-8)}.component--form-radio-toggle-switch .toggle-track{background-color:var(--color-gray-5);height:var(--track-height);width:var(--track-width);border-radius:.9em;align-items:center;padding:.2em;transition:background-color .2s;display:flex;position:relative}.component--form-radio-toggle-switch .toggle-track:has(.toggle-input-on:checked){background-color:var(--color-tomato-red)}.component--form-radio-toggle-switch .toggle-track:has(.toggle-input-on:checked) .toggle-thumb{transform:translateX(var(--thumb-x-when-checked))}.component--form-radio-toggle-switch .toggle-input-off,.component--form-radio-toggle-switch .toggle-input-on{cursor:pointer;opacity:0;z-index:1;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.component--form-radio-toggle-switch .toggle-input-off:checked,.component--form-radio-toggle-switch .toggle-input-on:checked{z-index:0}.component--form-radio-toggle-switch .toggle-thumb{height:var(--thumb-size);left:var(--thumb-offset-x);pointer-events:none;width:var(--thumb-size);background-color:#fff;border-radius:50%;transition:transform .2s;position:absolute;box-shadow:0 1px 3px #0000004d}.component--form-radio-toggle-switch .toggle-track:has(.toggle-input-off:focus-visible,.toggle-input-on:focus-visible) .toggle-thumb{outline:5px auto -webkit-focus-ring-color}