@property --complete{syntax:"<number>";inherits:true;initial-value:0}@property --bubble{syntax:"<number>";inherits:true;initial-value:0}.liquid-switch{--width:44;--height:20;--border:2px;--complete:0;--bubble:0;--delta:0;--transition:.2s;--ease:ease-out;--unchecked:var(--color-divider);--checked:color-mix(in srgb, var(--color-primary) calc(var(--complete) * 1%), var(--color-divider));--thumb:#fff;--thumb-highlight:color-mix(in srgb, var(--color-on-dark) 55%, transparent);--thumb-shade:color-mix(in srgb, var(--color-text) 35%, transparent);--thumb-span:calc(60% + 2px);--grow-x:calc(1 + var(--bubble) * .5);--grow-y:calc(1 + var(--bubble) * .42)}@media (width<=768px){.liquid-switch{--width:64;--height:28}}.liquid-switch{box-sizing:border-box;width:calc(var(--width) * 1px);height:calc(var(--height) * 1px);appearance:none;cursor:pointer;outline-offset:2px;-webkit-tap-highlight-color:transparent;transition:outline var(--transition) var(--ease);background:0 0;border:0;border-radius:100px;padding:0;position:relative;overflow:visible;container-type:inline-size}.liquid-switch *{box-sizing:border-box;pointer-events:none}.liquid-switch>input[type=checkbox]{pointer-events:auto;z-index:30}.liquid-switch:focus-visible{outline:2px solid color-mix(in srgb, var(--color-gain) 45%, transparent)}.liquid-switch[data-active=true]:focus-visible{outline-color:#0000}.liquid-switch:disabled{cursor:not-allowed;opacity:.45}.liquid-switch[data-theme=light]{--color-divider:#dde0e3;--color-gain:#2ab07a;--color-text:#101318;--color-on-dark:#fff}.liquid-switch[data-theme=dark]{--color-divider:#686f77;--color-gain:#2ab07a;--color-text:#b9bec4;--color-on-dark:#fff}.liquid-switch__knockout{filter:var(--knockout-filter);border-radius:0;position:absolute;inset:0;overflow:visible;transform:translateZ(0)}.liquid-switch__indicator{background:var(--checked);border-radius:100px;position:absolute;inset:0}.liquid-switch__indicator--masked{z-index:12;container-type:inline-size}.liquid-switch__mask{top:50%;left:var(--border);height:calc((100% - (2 * var(--border))) * var(--grow-y));width:calc((var(--thumb-span) - (2 * var(--border))) * var(--grow-x));margin-left:calc((var(--thumb-span) - (2 * var(--border))) * ((var(--grow-x) - 1) * -.5));translate:calc((var(--complete) / 100) * (100cqi - 60cqi - 2px)) -50%;will-change:height, width, margin;background:#000;border-radius:100px;position:absolute}.liquid-switch__liquid{top:50%;left:var(--border);height:calc(100% - (2 * var(--border)));width:calc(var(--thumb-span) - (2 * var(--border)));translate:calc((var(--complete) / 100) * (100cqi - 100% - (2 * var(--border)))) -50%;scale:var(--grow-x) var(--grow-y);background:0 0;border-radius:100px;position:absolute;container-type:inline-size}.liquid-switch__shadow{z-index:20;opacity:var(--bubble);box-shadow:1px -1px 2px var(--thumb-highlight) inset, 0 -1px 2px var(--thumb-highlight) inset, -1px -1px 2px var(--thumb-highlight) inset, 1px 1px 2px var(--thumb-shade) inset, -4px 2px 6px -3px color-mix(in srgb, var(--color-text) 25%, transparent) inset, -1px 1px 3px color-mix(in srgb, var(--color-text) 25%, transparent) inset, -1px -1px 4px color-mix(in srgb, var(--color-text) 15%, transparent), 1px 1px 2px color-mix(in srgb, var(--color-text) 15%, transparent), 2px 2px 4px color-mix(in srgb, var(--color-text) 15%, transparent), -2px -1px 2px color-mix(in srgb, var(--color-on-dark) 25%, transparent) inset, 2px 3px 8px -3px color-mix(in srgb, var(--color-text) 35%, transparent);border-radius:100px;position:absolute;inset:0}.liquid-switch__wrapper{clip-path:inset(0 round 100px);opacity:var(--bubble);filter:blur(calc(3px * (1 - var(--bubble))));border-radius:100px;position:absolute;inset:0}.liquid-switch__liquids{filter:var(--goo-filter);border-radius:100px;position:absolute;inset:0;overflow:hidden;transform:translate(0,0)}.liquid-switch__liquid-shadow{box-shadow:inset 0 0 2px 2px var(--checked), inset calc(((var(--complete) / 100) * 4px) + -2px) 0 2px 2px var(--checked);border-radius:100px;position:absolute;inset:0}.liquid-switch__track{top:50%;left:calc(var(--border) * 6 * (var(--complete) / 100) * (1 - var(--bubble)) + var(--border) * 3 * var(--bubble));height:calc((var(--height) * 1px) - (6 * var(--border) * var(--bubble)));width:calc((var(--width) * 1px) - (0 * var(--border)));background:var(--checked);translate:calc((var(--complete) / 100) * (100cqi - 100% - (6 * var(--border)))) -50%;border-radius:100px;position:absolute}.liquid-switch__cover{background:var(--thumb);opacity:calc(1 - var(--bubble));border-radius:100px;position:absolute;inset:0}.liquid-switch__defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.liquid-switch,.liquid-switch *{transition-duration:.01ms!important}}html[data-motion=reduced] .liquid-switch,html[data-motion=reduced] .liquid-switch *{transition-duration:.01ms!important}