.switch-button{-webkit-tap-highlight-color:transparent;text-align:left;max-width:max-content;color:inherit;font:inherit;border-radius:var(--radius-full);transition:border-color var(--duration-sm),background-color var(--duration-sm),opacity var(--duration-sm),outline-offset var(--duration-sm),outline-color var(--duration-sm);background:0 0;border:none;outline:1px solid #0000;align-items:center;gap:.5rem;padding-inline:0;display:flex}.switch-button[aria-checked=true]{--color-accent:var(--color-green-graphic)}.switch-button[aria-checked=true] .switch-thumb{transform:translate(14px)}.switch-button[aria-checked=true] .switch{background-color:var(--color-cta,var(--color-accent))}.switch-button .switch{background-color:var(--color-grey-graphic);width:32px;height:18px;transition:background-color var(--duration-sm);padding-block:3px;padding-inline:3px}.switch-button .switch,.switch-button .switch-thumb{border-radius:var(--radius-full)}.switch-button .switch-thumb{background-color:var(--color-white);width:12px;height:12px;transition-property:transform;transition-duration:var(--duration-md);display:block;transform:translate(0)}.switch-button .switch-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition-property:color,font-weight;transition-duration:var(--duration-sm)}.switch-button:disabled{opacity:.35}.switch-button:focus-visible{outline-color:var(--focus-color);border-color:var(--focus-color)}.switch-button-variant--outline{background-color:var(--color-input-bg);border:1px solid var(--color-grey-bg);padding-block:.35rem;padding-inline:.35rem .65rem}.switch-button-variant--outline:not(:disabled,:focus-visible):hover{border-color:var(--color-grey-graphic)}