@property --sw-thumb{syntax:"<color>";inherits:true;initial-value:#6a6a6a}@property --sw-thumb-light{syntax:"<color>";inherits:true;initial-value:#ffffff38}.em-switch{--sw-w:36px;--sw-h:20px;--sw-d:14px;--sw-inset:3px;--sw-gap:10px;--sw-type:400 14px/20px var(--em-sans);--sw-well:#ffffff14;--sw-thumb:#6a6a6a;--sw-thumb-light:#ffffff38;--sw-thumb-shadow:drop-shadow(0 1px .75px #00000080);align-items:flex-start;gap:var(--sw-gap);vertical-align:middle;display:inline-flex}.em-switch[data-size=sm]{--sw-w:30px;--sw-h:16px;--sw-d:10px;--sw-gap:8px;--sw-type:400 13px/16px var(--em-sans)}.em-switch[data-size=lg]{--sw-w:44px;--sw-h:24px;--sw-d:18px;--sw-gap:12px;--sw-type:400 15px/24px var(--em-sans)}.em-switch:hover{--sw-well:#ffffff1c;--sw-thumb:#7b7b7b;--sw-thumb-light:#ffffff47}.em-switch[data-on]{--sw-thumb:#f3f0e9;--sw-thumb-light:#ffffffb3;--sw-thumb-shadow:drop-shadow(0 1px 1px color-mix(in srgb, var(--em-accent-deep) 75%, transparent))}.em-switch[data-on][data-accent=volt]{--sw-thumb-shadow:drop-shadow(0 0 .5px color-mix(in srgb, var(--em-accent-deep) 80%, transparent)) drop-shadow(0 1px 1px color-mix(in srgb, var(--em-accent-deep) 90%, transparent))}.em-switch[data-on]:hover{--sw-thumb:#fff}.em-switch.is-disabled{opacity:.4;pointer-events:none}.em-switch__track{width:var(--sw-w);height:var(--sw-h);border-radius:calc(var(--sw-h) / 2);background:var(--sw-well);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--em-fast) var(--em-ease-out);border:0;outline:none;flex:none;margin:0;padding:0;display:block;position:relative}.em-switch__track:focus-visible{outline:var(--em-focus-outline);outline-offset:2px}.em-switch__track:disabled{cursor:default}.em-switch__well{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.em-switch__well:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 2px 1.5px -1px #00000052}.em-switch__fill{position:absolute;inset:0}.em-switch__fill-head,.em-switch__fill-tail{height:var(--sw-h);background:var(--em-accent);position:absolute;top:0;left:0;transform:scaleX(0)}.em-switch__fill-head{width:var(--sw-h);transform-origin:50%;border-radius:50%}.em-switch__fill-tail{transform-origin:0;width:1px}.em-switch__thumb{transform-origin:0 0;filter:var(--sw-thumb-shadow);pointer-events:none;transition:filter var(--em-base) var(--em-ease-out), --sw-thumb var(--em-base) var(--em-ease-out), --sw-thumb-light var(--em-base) var(--em-ease-out);position:absolute;inset:0}.em-switch__cap,.em-switch__body{top:var(--sw-inset);height:var(--sw-d);background-color:var(--sw-thumb);background-image:linear-gradient(180deg, var(--sw-thumb-light) 0, var(--sw-thumb-light) 1px, #ffffff0d 1.5px, #0000001a 100%);position:absolute;left:0}.em-switch__cap{width:var(--sw-d);border-radius:50%}.em-switch__body{transform-origin:0;width:1px;transform:scaleX(0)}.em-switch__text{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;min-width:0;display:flex}.em-switch__label{font:var(--sw-type);color:var(--em-text)}.em-switch__desc{font:400 12px/16px var(--em-mono);color:var(--em-text-faint);margin-top:2px}@media (prefers-reduced-motion:reduce){.em-switch__fill{opacity:0;transition:opacity .14s linear}.em-switch[data-on] .em-switch__fill{opacity:1}.em-switch__track,.em-switch__thumb,.em-switch__cap,.em-switch__body{transition-duration:.1s}}@media (pointer:coarse){.em-switch__track:after{content:"";inset:min(0px, (var(--sw-h) - 44px) / 2) min(0px, (var(--sw-w) - 44px) / 2);position:absolute}}