.toggle{display:flex;align-items:center;gap:8px;width:fit-content}.toggle label{cursor:pointer}.toggle label input[type=checkbox]{display:none}.toggle label:has(input){display:flex;align-items:center;position:relative;width:52px!important;height:28px!important;border-radius:var(--border-radius);transition-duration:.3s;transition-timing-function:ease-in-out;transition-property:background-color;border:2px solid var(--border-color);cursor:pointer}.toggle label:has(input:not(:checked))::before{position:absolute;left:3px;top:3px;content:"";height:18px;width:18px;background:#5a5a5a;border-radius:100%}.toggle label:has(input:checked){background-color:var(--accent);border-color:var(--accent)}.toggle label:has(input:checked)::before{color:var(--accent);position:absolute;text-align:center;right:3px;top:3px;font-size:14px;line-height:18px;content:"\2713";height:18px;width:18px;background:var(--bg-light);border-radius:100%}