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