.ipurel-switch{--switch-neon: rgb(var(--brand-mint));--switch-ink: color-mix(in srgb, var(--switch-neon) 45%, rgb(var(--content-primary)));--switch-on-knob: light-dark(rgb(var(--content-primary)), rgb(var(--surface-base)));--switch-on-knob-ink: light-dark(rgb(var(--surface-raised)), rgb(var(--content-primary)));--switch-off: color-mix(in srgb, rgb(var(--content-muted)) 32%, rgb(var(--surface-raised)));--switch-width: 52px;--switch-height: 28px;--switch-knob: 22px;--switch-travel: 24px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:56px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;vertical-align:middle;transition:opacity .16s ease}.ipurel-switch[data-switch-size=sm]{--switch-width: 44px;--switch-height: 24px;--switch-knob: 18px;--switch-travel: 20px;min-width:44px}.ipurel-switch[data-switch-product=teach],:where(.setup-frame[data-product=TUTORING],.onboarding-experience[data-product=TUTORING],.auth-experience[data-auth-accent=teach],.landing-public-shell[data-vertical=TUTORING]) .ipurel-switch{--switch-neon: rgb(var(--product-teach));--switch-ink: rgb(var(--product-teach-text));--switch-on-knob: light-dark(rgb(var(--surface-raised)), rgb(var(--surface-base)));--switch-on-knob-ink: rgb(var(--content-primary))}:where(html:has(.stay-panel,.stay-admin),.stay-dialog,.setup-frame[data-product=STAY],.onboarding-experience[data-product=STAY],.auth-experience[data-auth-accent=stay],.landing-public-shell[data-vertical=STAY]) .ipurel-switch:not([data-switch-accent=widget]){--switch-neon: rgb(var(--product-stay));--switch-ink: rgb(var(--product-stay-text));--switch-on-knob: light-dark(rgb(var(--content-primary)), rgb(var(--surface-base)));--switch-on-knob-ink: light-dark(rgb(var(--surface-raised)), rgb(var(--content-primary)))}.ipurel-switch:focus-visible{outline:2px solid var(--switch-ink);outline-offset:3px}.ipurel-switch:disabled{cursor:not-allowed;opacity:.6}.ipurel-switch-track{position:relative;display:block;flex:none;box-sizing:border-box;width:var(--switch-width);height:var(--switch-height);border-radius:999px;background:var(--switch-off);box-shadow:inset 0 0 0 1px rgb(var(--content-primary) / .1);transition:background-color .24s ease}.ipurel-switch[aria-checked=true]>.ipurel-switch-track{background:var(--switch-neon)}.ipurel-switch-knob{position:absolute;top:3px;left:3px;display:grid;place-items:center;width:var(--switch-knob);height:var(--switch-knob);border-radius:50%;background:light-dark(rgb(var(--surface-raised)),rgb(var(--content-primary)));color:light-dark(rgb(var(--content-primary)),rgb(var(--surface-base)));box-shadow:0 1px 2px rgb(var(--content-primary) / .08);transform:translate(0);transition:background-color .24s ease,color .24s ease}.ipurel-switch[aria-checked=true] .ipurel-switch-knob{background:var(--switch-on-knob);color:var(--switch-on-knob-ink);transform:translate(var(--switch-travel))}.ipurel-switch-halo{position:absolute;inset:-1px;border:1px solid color-mix(in srgb,var(--switch-neon) 65%,transparent);border-radius:inherit;box-shadow:0 0 5px color-mix(in srgb,var(--switch-neon) 55%,transparent),0 0 13px color-mix(in srgb,var(--switch-neon) 28%,transparent);opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.ipurel-switch,.ipurel-switch-track,.ipurel-switch-knob{transition:none}}@media(forced-colors:active){.ipurel-switch-track{outline:1px solid ButtonText}.ipurel-switch[aria-checked=true]>.ipurel-switch-track{background:Highlight;forced-color-adjust:none}.ipurel-switch-knob{background:ButtonText}.ipurel-switch[aria-checked=true] .ipurel-switch-knob{background:HighlightText;forced-color-adjust:none}.ipurel-switch-halo{display:none;box-shadow:none}}
