.setting-toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.setting-toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-secondary-dark);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:rgb(var(--color-bgSecondary));border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001a}.toggle-slider:after{content:"";background-color:rgb(var(--color-fgMain));opacity:0;pointer-events:none;width:10px;height:10px;transition:all .3s;position:absolute;top:50%;left:12px;transform:translate(-50%,-50%);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8l3 3 7-7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8l3 3 7-7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.setting-toggle-switch input:checked+.toggle-slider{background-color:rgb(var(--color-fgSub))}.setting-toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.setting-toggle-switch input:checked+.toggle-slider:after{opacity:1;left:32px}.setting-toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px var(--color-primary)}.setting-toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.setting-toggle-switch.disabled{cursor:not-allowed}.setting-toggle-switch.disabled:hover .toggle-slider{background-color:var(--color-secondary-dark)}