:root{--csstools-color-scheme--light:initial;color-scheme:light dark;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #532e1f;--color-accent:var(--csstools-light-dark-toggle--0,#f1c500);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #222;--color-canvas:var(--csstools-light-dark-toggle--1,#fff);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #f1c500;--color-link:var(--csstools-light-dark-toggle--2,#532e1f);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fff;--color-canvas-text:var(--csstools-light-dark-toggle--3,#222);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #e56849;--color-error:var(--csstools-light-dark-toggle--4,#b40000);--color-highlight:color-mix(in oklch,var(--color-canvas-text),transparent 90%)}@supports (color:light-dark(red,red)){:root{--color-accent:light-dark(#f1c500,#532e1f);--color-canvas:light-dark(#fff,#222);--color-link:light-dark(#532e1f,#f1c500);--color-canvas-text:light-dark(#222,#fff);--color-error:light-dark(#b40000,#e56849)}}@supports not (color:light-dark(tan,tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #532e1f;--color-accent:var(--csstools-light-dark-toggle--0,#f1c500);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #222;--color-canvas:var(--csstools-light-dark-toggle--1,#fff);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #f1c500;--color-link:var(--csstools-light-dark-toggle--2,#532e1f);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fff;--color-canvas-text:var(--csstools-light-dark-toggle--3,#222);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #e56849;--color-error:var(--csstools-light-dark-toggle--4,#b40000)}}@media(prefers-color-scheme:dark){:root{--csstools-color-scheme--light: }}*{box-sizing:border-box}html{--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #222;background:#fff;background:var(--csstools-light-dark-toggle--5,#fff);background:light-dark(#fff,#222);background:var(--color-canvas);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #fff;color:#222;color:var(--csstools-light-dark-toggle--6,#222);color:light-dark(#222,#fff);color:var(--color-canvas-text);font:100%/1.5 sans-serif;margin:2rem 1rem}body{margin:0 auto;max-width:120ch}h1,p{margin:0 0 1rem}a{--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #f1c500;color:#532e1f;color:var(--csstools-light-dark-toggle--7,#532e1f);color:light-dark(#532e1f,#f1c500);color:var(--color-link)}form div{display:flex;flex-direction:column;gap:1rem}input{background:inherit;color:inherit;padding:.5rem;width:100%}button,input{border:.1rem solid;border-radius:.3rem;font:inherit}button{--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #fff;background:#222;background:var(--csstools-light-dark-toggle--8,#222);background:light-dark(#222,#fff);background:var(--color-canvas-text);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #222;color:#fff;color:var(--csstools-light-dark-toggle--9,#fff);color:light-dark(#fff,#222);color:var(--color-canvas);padding:.5rem 1rem}button,label{cursor:pointer}label{display:block;font-weight:700}hr{border:none;border-top:.1rem solid;color:inherit;margin:0 0 .9rem}footer{text-align:center}#results span{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}#results p{text-align:center}#results ol{list-style:none;margin:0 0 1rem;padding:0}#results li:nth-child(odd){--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #fff;background:#2222221a;background:color-mix(in oklch,light-dark(#222,#fff),transparent 90%);background:var(--color-highlight)}@supports (color:color-mix(in lch,red,blue)){#results li:nth-child(odd){background:color-mix(in oklch,var(--csstools-light-dark-toggle--11,#222),transparent 90%)}}#results a{color:inherit;display:flex;padding:.5rem;-webkit-text-decoration:none;text-decoration:none}#results a:focus,#results a:hover{--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #532e1f;background:#f1c500;background:var(--csstools-light-dark-toggle--12,#f1c500);background:light-dark(#f1c500,#532e1f);background:var(--color-accent)}#results a div{width:5rem}#results strong{flex:1;font-weight:400}#results em{flex:1;font-style:normal}.error{--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #e56849;color:#b40000;color:var(--csstools-light-dark-toggle--10,#b40000);color:light-dark(#b40000,#e56849);color:var(--color-error);font-weight:700}@media(min-width:640px){form div{flex-direction:row;gap:2rem}form div p{flex:1}}