.ipurel-checkbox-neon{--checkbox-size: 20px;--checkbox-neon: rgb(var(--brand-mint));--checkbox-ink: color-mix(in srgb, var(--checkbox-neon) 45%, rgb(var(--content-primary)));--checkbox-core: color-mix(in srgb, var(--checkbox-neon) 18%, light-dark(rgb(var(--surface-raised)), rgb(var(--content-primary))));--checkbox-glow: color-mix(in srgb, var(--checkbox-neon) 55%, transparent);--checkbox-draw-frame: .16s;--checkbox-draw-check: .32s;position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--checkbox-size);height:var(--checkbox-size);vertical-align:middle;color:var(--checkbox-ink);isolation:isolate}.ipurel-checkbox-neon[data-checkbox-size=sm]{--checkbox-size: 16px}.ipurel-checkbox-neon[data-checkbox-size=lg]{--checkbox-size: 24px}.ipurel-checkbox-neon[data-checkbox-product=teach]{--checkbox-neon: rgb(var(--product-teach));--checkbox-ink: rgb(var(--product-teach-text))}:where(.ui-tone-teach,.landing-public-shell[data-vertical=TUTORING],.setup-frame[data-product=TUTORING],.onboarding-experience[data-product=TUTORING],.auth-experience[data-auth-accent=teach]) .ipurel-checkbox-neon:not([data-checkbox-accent=widget]){--checkbox-neon: rgb(var(--product-teach));--checkbox-ink: rgb(var(--product-teach-text))}:where(html:has(.stay-panel,.stay-admin),.stay-dialog,.ui-tone-stay,.landing-public-shell[data-vertical=STAY],.setup-frame[data-product=STAY],.auth-experience[data-auth-accent=stay]) .ipurel-checkbox-neon:not([data-checkbox-accent=widget]){--checkbox-neon: rgb(var(--product-stay));--checkbox-ink: rgb(var(--product-stay-text))}.ipurel-checkbox-neon[data-checkbox-accent=widget]{--checkbox-neon: rgb(var(--widget-accent));--checkbox-ink: color-mix(in srgb, var(--checkbox-neon) 60%, rgb(var(--content-primary)));--checkbox-core: rgb(var(--widget-accent-text))}.ipurel-checkbox-control{cursor:pointer}.ipurel-checkbox-control>.ipurel-checkbox-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:inherit;z-index:1}.ipurel-checkbox-art{position:relative;display:block;width:100%;height:100%;pointer-events:none}.ipurel-checkbox-svg{display:block;width:100%;height:100%;overflow:visible}.ipurel-checkbox-svg :is(rect,path){stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ipurel-checkbox-glass{opacity:.8}.ipurel-checkbox-bloom{position:absolute;inset:-45%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--checkbox-neon) 17%,transparent),transparent 70%);opacity:0;transition:opacity .16s linear}.ipurel-checkbox-svg :is(.ipurel-checkbox-frame,.ipurel-checkbox-check,.ipurel-checkbox-mixed){stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .14s linear,opacity .12s linear}.ipurel-checkbox-svg .ipurel-checkbox-core{stroke:var(--checkbox-core);stroke-width:.65}.ipurel-checkbox-frame{filter:drop-shadow(0 0 1px var(--checkbox-glow))}.ipurel-checkbox-check,.ipurel-checkbox-mixed{filter:drop-shadow(0 0 1px var(--checkbox-glow)) drop-shadow(0 0 3px var(--checkbox-glow))}.ipurel-checkbox-svg .ipurel-checkbox-pen{stroke:var(--checkbox-core);stroke-width:2.2;stroke-dasharray:.06 1;stroke-dashoffset:.06;opacity:0;filter:drop-shadow(0 0 2px var(--checkbox-glow))}.ipurel-checkbox-neon:is([data-checkbox-state=checked],[data-checkbox-state=mixed],:has(>input:checked),:has(>input[type=checkbox]:indeterminate)) .ipurel-checkbox-frame{stroke-dashoffset:0;opacity:.85;transition:stroke-dashoffset var(--checkbox-draw-frame) linear,opacity .12s linear}.ipurel-checkbox-neon:is([data-checkbox-state=checked],:has(>input:checked:not(:indeterminate))) .ipurel-checkbox-check,.ipurel-checkbox-neon:is([data-checkbox-state=mixed],:has(>input[type=checkbox]:indeterminate)) .ipurel-checkbox-mixed{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset var(--checkbox-draw-check) linear var(--checkbox-draw-frame),opacity 1ms linear var(--checkbox-draw-frame)}.ipurel-checkbox-neon:is([data-checkbox-state=checked],[data-checkbox-state=mixed],:has(>input:checked),:has(>input[type=checkbox]:indeterminate)) .ipurel-checkbox-bloom{opacity:1}.ipurel-checkbox-control[data-interacted]:has(>input:checked:not(:indeterminate)) .ipurel-checkbox-pen{animation:ipurel-checkbox-pen var(--checkbox-draw-check) linear var(--checkbox-draw-frame) both}.ipurel-checkbox-control:has(>input:focus-visible){outline:2px solid var(--checkbox-ink);outline-offset:4px;border-radius:5px}.ipurel-checkbox-control:has(>input[aria-invalid=true]) .ipurel-checkbox-glass{stroke:rgb(var(--status-cancelled-text));opacity:1}.ipurel-checkbox-control:has(>input:disabled),.ipurel-checkbox-indicator[data-disabled]{opacity:.55;cursor:not-allowed}.ipurel-checkbox:has(input:disabled){cursor:not-allowed}.ipurel-checkbox:has(input:disabled)>.ipurel-checkbox-copy{opacity:.6}.ipurel-checkbox-copy{min-width:0}.ipurel-checkbox-copy>p{margin:0;overflow-wrap:anywhere}.ipurel-checkbox-label{color:rgb(var(--content-primary));font-size:14px;font-weight:600;line-height:1.45}.ipurel-checkbox-copy>.ipurel-checkbox-description{margin-top:3px;color:rgb(var(--content-secondary));font-size:12px;line-height:1.5}.ipurel-checkbox:where(.stay-choice,.stay-license-topup-approval) .ipurel-checkbox-description{font-size:var(--stay-text-label, 14px)}@keyframes ipurel-checkbox-pen{0%{opacity:1;stroke-dashoffset:.06}92%{opacity:1;stroke-dashoffset:-.94}to{opacity:0;stroke-dashoffset:-.94}}@media(pointer:coarse){.ipurel-checkbox{min-height:44px}.ipurel-checkbox-control>.ipurel-checkbox-input{inset:50% auto auto 50%;width:44px;height:44px;transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce){.ipurel-checkbox-neon *,.ipurel-checkbox-neon:has(>input:checked) .ipurel-checkbox-pen{animation:none!important;transition:none!important}}@media(forced-colors:active){.ipurel-checkbox-neon{color:CanvasText;forced-color-adjust:none}.ipurel-checkbox-bloom,.ipurel-checkbox-core,.ipurel-checkbox-pen{display:none}.ipurel-checkbox-svg :is(rect,path){filter:none}.ipurel-checkbox-control:has(>input:focus-visible){outline-color:Highlight}.ipurel-checkbox-control:has(>input:disabled){color:GrayText;opacity:1}}
