:root{color-scheme:light dark;--dark:#333333;--grey:#5d656e;--light:#f0f0f0;--tv-key:rgb(0,255,0);--text-default:light-dark(var(--dark), var(--light));--text-default-rev:light-dark(var(--light), var(--dark));--text-alt:light-dark(#555555, #e0e0e0);--text-button:light-dark(#ffffff, #e3e3e3);--text-link:light-dark(#1a73e8, #8ab4f8);--bg-default:light-dark(var(--light), var(--dark));--bg-tv:light-dark(var(--tv-key), var(--tv-key));--bg-alt:light-dark(#f7fff3, #1a1913);--bg-button:light-dark(#3f8f41, #056413);--bg-logo:light-dark(#333333, #f5f5f5);--bg-variant-blue-light:#bbdefb;--bg-variant-blue-dark:#0d47a1;--bg-variant-green-light:#3f8f41;--bg-variant-green-dark:#056413;--bg-variant-orange-light:#ffe0b2;--bg-variant-orange-dark:#e65100;--bg-variant-black-light:var(--light);--bg-variant-black-dark:var(--dark);--bg-button-2:light-dark(var(--bg-variant-black-light), var(--bg-variant-black-dark))}body{margin:0;font-family:Arial,sans-serif}body.light-mode{color-scheme:light}body.dark-mode{color-scheme:dark}.bg-variant-blue{background-color:light-dark(var(--bg-variant-blue-light),var(--bg-variant-blue-dark))}.color-variant-blue{color:light-dark(var(--bg-variant-blue-light),var(--bg-variant-blue-dark))}.bg-variant-green{background-color:light-dark(var(--bg-variant-green-light),var(--bg-variant-green-dark))}.color-variant-green{color:light-dark(var(--bg-variant-green-light),var(--bg-variant-green-dark))}.bg-variant-orange{background-color:light-dark(var(--bg-variant-orange-light),var(--bg-variant-orange-dark))}.color-variant-orange{color:light-dark(var(--bg-variant-orange-light),var(--bg-variant-orange-dark))}label.switch{position:relative;display:flex;padding-left:25px;align-items:first baseline;margin-left:10px}label.switch input.darklight{opacity:0;width:0;height:0}label.switch span{display:block;width:40px;height:20px;background:var(--grey);border-radius:20px;transition:.3s;position:relative;cursor:pointer}label.switch span::before{content:"";position:absolute;width:16px;height:16px;background:var(--light);border-radius:50%;margin:2px;transition:.3s}label.switch input.darklight:checked+span{background:var(--grey)}label.switch input.darklight:checked+span::before{transform:translateX(20px)}label.switch .icon{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}label.switch .light-icon{left:5px;display:none}label.switch .dark-icon{left:5px;display:none}label.switch:has(input:not(:checked)) .light-icon{display:block}label.switch:has(input:checked) .dark-icon{display:block}