.switch-icon{--w:clamp(3.625rem,2.399rem + 4.0865vw,8.9375rem);--h:clamp(2rem,1.4375rem + 1.875vw,4.4375rem);--stroke:clamp(0.25rem,0.2212rem + 0.0962vw,0.375rem);--pad:0px;--c:#1B0F9E;--bg-hover:transparent;--knob:calc(var(--h) - (var(--pad) * 2));width:var(--w);height:var(--h);box-sizing:border-box;border:var(--stroke) solid var(--c);border-radius:999px;background:transparent;position:relative;display:inline-block;transition:background-color .35s ease}.switch-icon::before{content:"";position:absolute;top:50%;left:clamp(-0.25rem,0.2212rem + 0.0962vw,-0.375rem);width:var(--knob);height:var(--knob);box-sizing:border-box;border:var(--stroke) solid var(--c);border-radius:50%;background:transparent;transform:translate3d(0,-50%,0);transition:transform .35s cubic-bezier(.2,.8,.2,1);will-change:transform}.switch-icon:hover,.switch-icon:focus-visible{background:var(--bg-hover)}.switch-icon:hover::before,.switch-icon:focus-visible::before{transform:translate3d(calc(var(--w) - (var(--stroke) * 2) - (var(--pad) * 2) - var(--knob) + 10px),-50%,0);background:#1B0F9E}.overlay{position:fixed;inset:0;background:#1B0F9ECC;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none}.overlay__text{color:#fff;font-family:var(--preset-id-f28f5ce0-e712-4e81-b5e2-e73a26d1acb9-font-family);font-weight:var(--preset-id-f28f5ce0-e712-4e81-b5e2-e73a26d1acb9-font-weight);font-size:var(--preset-id-f28f5ce0-e712-4e81-b5e2-e73a26d1acb9-font-size);text-align:center;text-transform:var(--preset-id-f28f5ce0-e712-4e81-b5e2-e73a26d1acb9-text-transform)}.hover-zone:hover .overlay{opacity:1;visibility:visible}