._comp_form_fields_toggle__wrapper{--diameter:20px;--padding:2px;--transition:.2s ease-in-out;height:calc(var(--diameter) + var(--padding) * 2);display:inline-block;position:relative}._comp_form_fields_toggle__input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}._comp_form_fields_toggle__toggle{width:calc(var(--diameter) * 2);background:var(--color-bg-tertiary);padding:var(--padding);transition:background var(--transition);box-sizing:border-box;border-radius:9999px;align-items:center;display:inline-flex}._comp_form_fields_toggle__toggle:before{content:"";height:var(--diameter);width:var(--diameter);background:var(--color-text-on-brand-base);box-shadow:0 2px 4px 0 color-mix(var(--color-black), transparent 75%);transition:transform var(--transition);border-radius:9999px}@media (prefers-reduced-motion:reduce){._comp_form_fields_toggle__toggle,._comp_form_fields_toggle__toggle:before{transition:none}}._comp_form_fields_toggle__input:checked+._comp_form_fields_toggle__toggle{background:var(--color-bg-brand-base)}._comp_form_fields_toggle__input:checked:is(:hover,:focus)+._comp_form_fields_toggle__toggle{background:var(--color-bg-brand-base-hover)}._comp_form_fields_toggle__input:focus-visible+._comp_form_fields_toggle__toggle{outline:var(--outline-focus-default);outline-offset:2px}._comp_form_fields_toggle__input:checked+._comp_form_fields_toggle__toggle:before{transform:translateX(calc(var(--diameter) - (var(--padding) * 2)))}._comp_form_fields_toggle__input:disabled{cursor:not-allowed}._comp_form_fields_toggle__input:disabled+._comp_form_fields_toggle__toggle{opacity:.6}[dir=rtl] ._comp_form_fields_toggle__input:checked+._comp_form_fields_toggle__toggle:before{transform:translateX(calc(-1 * (var(--diameter) - (var(--padding) * 2))))}