body.dark-theme {
    --menu-item-color: #999999;
    --menu-item-hover-color: #d4d4d4;
    --dropdown-bg-color: #3a3a3a;
    --dropdown-text-color: #c9c9c9;
    --dropdown-cat-title-color: #2b2b2b;
    --dropdown-bg-hover-color: #b36600;
    --dropdown-item-hover-color: #ffffff;
    --entry-meta-color: #717171;
    --theme-slider-bg: #2d2d2d;
    --theme-slider-button-off: #4d4d4d;
    --theme-slider-button-on: #2196F3;
    --current-category-bg-start: #3d3d3d;
    --current-category-bg-end: #3a3a3a;
    --current-category-border-top-left: #5c5c5c;
    --current-category-border-right-bottom: black;
    --current-category-border-bottom: black;
    --chevron-image: url('data:image/webp;base64,UklGRh4RAABXRUJQVlA4WAoAAAA8AAAABwAAFQAASUNDUKACAAAAAAKgbGNtcwRAAABtbnRyUkdCIFhZWiAH6AAHABoAFgAWABNhY3NwQVBQTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWxjbXMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1kZXNjAAABIAAAAEBjcHJ0AAABYAAAADZ3dHB0AAABmAAAABRjaGFkAAABrAAAACxyWFlaAAAB2AAAABRiWFlaAAAB7AAAABRnWFlaAAACAAAAABRyVFJDAAACFAAAACBnVFJDAAACFAAAACBiVFJDAAACFAAAACBjaHJtAAACNAAAACRkbW5kAAACWAAAACRkbWRkAAACfAAAACRtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACQAAAAcAEcASQBNAFAAIABiAHUAaQBsAHQALQBpAG4AIABzAFIARwBCbWx1YwAAAAAAAAABAAAADGVuVVMAAAAaAAAAHABQAHUAYgBsAGkAYwAgAEQAbwBtAGEAaQBuAABYWVogAAAAAAAA9tYAAQAAAADTLXNmMzIAAAAAAAEMQgAABd7///MlAAAHkwAA/ZD///uh///9ogAAA9wAAMBuWFlaIAAAAAAAAG+gAAA49QAAA5BYWVogAAAAAAAAJJ8AAA+EAAC2xFhZWiAAAAAAAABilwAAt4cAABjZcGFyYQAAAAAAAwAAAAJmZgAA8qcAAA1ZAAAT0AAACltjaHJtAAAAAAADAAAAAKPXAABUfAAATM0AAJmaAAAmZwAAD1xtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAEcASQBNAFBtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJWUDhMiAAAAC8HQAUQlTiOJElqcAM7+G3PmIAH+G/IXjYUSJrQPRGKI0lKcHi5OxkQHPnXKWzbtlF20vqQFTbY4cALAp4ZzgHcPzMAHFdcAPgdCs8MwwCPaTFCxfQz4zGM5udn4wPPDDlA75n7V+vlVERA+Jmh2yvp/ED5maHZy+g+QLwi+evkSiyUjqKAIgBFWElG0AAAAElJKgAIAAAACgAAAQQAAQAAAAgAAAABAQQAAQAAABYAAAACAQMAAwAAAIYAAAASAQMAAQAAAAEAAAAaAQUAAQAAAIwAAAAbAQUAAQAAAJQAAAAoAQMAAQAAAAIAAAAxAQIADQAAAJwAAAAyAQIAFAAAAKoAAABphwQAAQAAAL4AAAAAAAAACAAIAAgASAAAAAEAAABIAAAAAQAAAEdJTVAgMi4xMC4zOAAAMjAyNDowNzoyNiAxNTozMToyNQABAAGgAwABAAAAAQAAAAAAAABYTVAg8AwAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDQuNC4wLUV4aXYyIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJnaW1wOmRvY2lkOmdpbXA6ZDg4NTQ0NDAtNDY0YS00ZjNlLTkwYzUtNmVkOTAyYjc3ZTIyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmE5NGM4ZDIwLWZmNGEtNGIyZC04YmRkLWI1MTQ3ZDliZWNhMyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjJiYWUwZjlmLWJkZTEtNGZmNC04YWEwLWUxNTRjOTc4ZDU2MyIgZGM6Rm9ybWF0PSJpbWFnZS93ZWJwIiBHSU1QOkFQST0iMi4wIiBHSU1QOlBsYXRmb3JtPSJMaW51eCIgR0lNUDpUaW1lU3RhbXA9IjE3MjIwMzMwOTc2NzU2NzMiIEdJTVA6VmVyc2lvbj0iMi4xMC4zOCIgdGlmZjpPcmllbnRhdGlvbj0iMSIgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQ6MDc6MjZUMTU6MzE6MjUtMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0OjA3OjI2VDE1OjMxOjI1LTA3OjAwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0OmNoYW5nZWQ9Ii8iIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6N2I0YTEyZjItYjVjMC00NGUzLWI4OWUtODNiZWE3YjI0ODA0IiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIgc3RFdnQ6d2hlbj0iMjAyNC0wNy0yNlQxNTozMTozNy0wNzowMCIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD94cGFja2V0IGVuZD0idyI/Pg==');
}

body.light-theme {
    --menu-item-color: #303641;
    --menu-item-hover-color: #5e697f;
    --dropdown-bg-color: #fff;
    --dropdown-text-color: #272727;
    --dropdown-cat-title-color: #d1d1d1;
    --dropdown-bg-hover-color: #ff9900;
    --dropdown-item-hover-color: #ffffff;
    --entry-meta-color: #303641;
    --theme-slider-bg: #999;
    --theme-slider-button-off: white;
    --theme-slider-button-on: #2196F3;
    --current-category-bg-start: #eaeaea;
    --current-category-bg-end: #d4d4d4;
    --current-category-border-top-left: #ffffff;
    --current-category-border-right-bottom: #7f7f7f;
    --current-category-border-bottom: #515151;
    --chevron-image: url('data:image/webp;base64,UklGRkwRAABXRUJQVlA4WAoAAAA8AAAABwAAFQAASUNDUKACAAAAAAKgbGNtcwRAAABtbnRyUkdCIFhZWiAH6AAHABoAFgAWABNhY3NwQVBQTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWxjbXMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1kZXNjAAABIAAAAEBjcHJ0AAABYAAAADZ3dHB0AAABmAAAABRjaGFkAAABrAAAACxyWFlaAAAB2AAAABRiWFlaAAAB7AAAABRnWFlaAAACAAAAABRyVFJDAAACFAAAACBnVFJDAAACFAAAACBiVFJDAAACFAAAACBjaHJtAAACNAAAACRkbW5kAAACWAAAACRkbWRkAAACfAAAACRtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACQAAAAcAEcASQBNAFAAIABiAHUAaQBsAHQALQBpAG4AIABzAFIARwBCbWx1YwAAAAAAAAABAAAADGVuVVMAAAAaAAAAHABQAHUAYgBsAGkAYwAgAEQAbwBtAGEAaQBuAABYWVogAAAAAAAA9tYAAQAAAADTLXNmMzIAAAAAAAEMQgAABd7///MlAAAHkwAA/ZD///uh///9ogAAA9wAAMBuWFlaIAAAAAAAAG+gAAA49QAAA5BYWVogAAAAAAAAJJ8AAA+EAAC2xFhZWiAAAAAAAABilwAAt4cAABjZcGFyYQAAAAAAAwAAAAJmZgAA8qcAAA1ZAAAT0AAACltjaHJtAAAAAAADAAAAAKPXAABUfAAATM0AAJmaAAAmZwAAD1xtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAEcASQBNAFBtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJWUDhMtgAAAC8HQAUQ1biNbNtN1LkoUt4Lzw/VALaIkzEUc/MbPSLYxrZt6tu2M9uuAP1HP/5t3NjBHbbvTgDkoF+qEwsk0drgSgGJtOJiXnBI1Jmx4mxCQk+87xCn9wtH4qhYcSSBA2/FwTpgsCf3sRV7B1hiK5YdYNatACZ6sj5HyopxAobGd4hBgH60NujTHqcju8uKToFWyH9Fe7cYDdFoVjQD1JIVtf+HKrKicissQ7CifEoiQz6KHCgoRVhJRtAAAABJSSoACAAAAAoAAAEEAAEAAAAIAAAAAQEEAAEAAAAWAAAAAgEDAAMAAACGAAAAEgEDAAEAAAABAAAAGgEFAAEAAACMAAAAGwEFAAEAAACUAAAAKAEDAAEAAAACAAAAMQECAA0AAACcAAAAMgECABQAAACqAAAAaYcEAAEAAAC+AAAAAAAAAAgACAAIAEgAAAABAAAASAAAAAEAAABHSU1QIDIuMTAuMzgAADIwMjQ6MDc6MjYgMTU6NDI6MjkAAQABoAMAAQAAAAEAAAAAAAAAWE1QIPAMAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA0LjQuMC1FeGl2MiI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOkdJTVA9Imh0dHA6Ly93d3cuZ2ltcC5vcmcveG1wLyIgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0iZ2ltcDpkb2NpZDpnaW1wOjEwZmU4MTc2LTIzYWUtNDk2ZC04MjMwLTk1YTBmNjZkNjVhOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4N2IwOGEyZS1jOTgwLTQ2MzItOTIyMS02Y2MxMDYxNjk1NTgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNzRmZmQxNS0xNTJkLTQ2MzgtYWYzYS0wMzFmZmRmYjg5YzciIGRjOkZvcm1hdD0iaW1hZ2Uvd2VicCIgR0lNUDpBUEk9IjIuMCIgR0lNUDpQbGF0Zm9ybT0iTGludXgiIEdJTVA6VGltZVN0YW1wPSIxNzIyMDMzNzUyMDM1NTQ1IiBHSU1QOlZlcnNpb249IjIuMTAuMzgiIHRpZmY6T3JpZW50YXRpb249IjEiIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0OjA3OjI2VDE1OjQyOjI5LTA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNDowNzoyNlQxNTo0MjoyOS0wNzowMCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDpjaGFuZ2VkPSIvIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmYxZDc3MjM4LTcwZTctNDY4Yy04MzMxLWFiNTY2ZmM2NjBmYSIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChMaW51eCkiIHN0RXZ0OndoZW49IjIwMjQtMDctMjZUMTU6NDI6MzItMDc6MDAiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw/eHBhY2tldCBlbmQ9InciPz4=');
}

/* ----------------------------------------------------------------------- */
/* LEFT MENU */
.menu-title {
    font-weight: bold;
}

.left-side {
    width: 14%;
    max-width: 350px;
    min-width: 200px;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    padding-top: 80px;
    padding-right: 20px;
    display: flex;
    flex-direction: column; 
    box-sizing: border-box;
}

.left-side ul {
    list-style-type: none;
    padding: 0;
}

.left-side li {
    margin: 5px 0;
}

.menu.wip {
    background-color: rgba(255, 0, 0, 0.1);
    border-left: 2px solid red;
}

.left-side a {
    color: var(--menu-item-color);
    text-decoration: none;
    font-size: smaller;
}

.left-side a:hover {
    color: var(--menu-item-hover-color);
    text-decoration: underline;
}

.entry-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;  /* Remove underline */
    color: inherit;         /* Use the list item's text color */
}

.current-category-label {
    padding: 3px 10px;
    text-align: center;
    color: var(--dropdown-text-color);
    background-color: var(--dropdown-cat-title-color);
    font-size: .8em;
}

.current-category {
    color: var(--entry-meta-color);
    font-size: 13px;
    height: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    color: var(--entry-meta-color);
    cursor: pointer;
    padding-left: 0.5rem;
    background: linear-gradient(to bottom, var(--current-category-bg-start), var(--current-category-bg-end));
    border-top: 1px solid var(--current-category-border-top-left);
    border-left: 1px solid var(--current-category-border-top-left);
    border-right: 1px solid var(--current-category-border-right-bottom);
    border-bottom: 1px solid var(--current-category-border-bottom);
}


.current-category img.icon {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.current-category img.icon,
.current-category .chevron-right {
    pointer-events: auto;
}

.category-text {
    align-self: stretch;
}

.breadcrumb-parent {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.breadcrumb-parent:hover,
.breadcrumb-parent:visited,
.breadcrumb-parent:active,
.left-side .breadcrumb-parent:hover {
    text-decoration: none;
    color: inherit;
    opacity: 1;
}

.breadcrumb-separator {
    margin-left: 2px;
    margin-right: 2px;
    opacity: 0.6;
    flex-shrink: 0;
}

.chevron-right {
    width: 8px;
    height: 22px;
    background-image: var(--chevron-image);
    background-size: contain; /* Ensure the image fits within the div */
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 3px;
    position: relative;
    image-rendering: -webkit-optimize-contrast; /* Chrome */
    image-rendering: crisp-edges; /* Firefox */
    image-rendering: pixelated; /* Other browsers */
}

.categoryDropdownTitle {
    padding: 3px 10px;
    color: var(--dropdown-text-color);
    background-color: var(--dropdown-cat-title-color);
    font-size: .8em;
}

.category-dropdown-wrapper {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--dropdown-bg-color);
    min-width: 100px;
    box-shadow: 6px 2px 27px 0px rgba(0,0,0,.5);
    border-left: 1px solid #949494;
    border-top: 1px solid #949494;
    border-bottom: 1px solid #262626;
    border-right: 1px solid #262626;
    z-index: 1;
}

.dropdown-content a {
    padding: 3px 10px;
    color: var(--dropdown-text-color);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.dropdown-content a img.icon {
    width: 15px; /* Set width of the icon */
    height: 15px; /* Set height of the icon */
    margin-right: 5px; /* Space between icon and text */
}

.dropdown-content a:hover {
    background-color: var(--dropdown-bg-hover-color);
    text-decoration: none;
    color: var(--dropdown-item-hover-color);
}

.show_dropdown {
    display: block;
}

/* --------------------------------------------------------------------------------------------------- */


.badge-container {
    display: flex;
    justify-content: center;
    align-items: flex-end; /* Align image at the bottom */
    margin-top: auto; /* Adjust the margin as needed */
    margin-bottom: auto; 
    height: 150px; /* Adjust the height as needed to control vertical positioning */
}

.badge-image {
    width: 100px;
    height: auto;
    display: none; /* Hide both images by default */
}

.light-theme .light-theme-image {
    display: block; /* Show the white badge in light theme */
}

.dark-theme .dark-theme-image {
    display: block; /* Show the black badge in dark theme */
}
/* --------------------------------------------------------------------------------------------------- */
.side-icons {
    display: flex;
}

#theme-icon{
    padding-right: 0.3em;
    width: 16px;
}

.theme-toggle {
    display: flex;
    align-items: center;
    font-size: small;
    padding-bottom: 2em;
    color: #999;
}

/* The theme-switch - the box around the theme-slider */
.theme-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 15px;
}

/* Hide default HTML checkbox */
.theme-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The theme-slider */
.theme-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--theme-slider-bg);
  -webkit-transition: .4s;
  transition: .4s;
}

.theme-slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 0px;
  background-color: var(--theme-slider-button-off);
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .theme-slider {
  background-color: var(--theme-slider-button-on);
}

input:focus + .theme-slider {
  box-shadow: 0 0 1px var(--theme-slider-button-on);
}

input:checked + .theme-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded theme-sliders */
.theme-slider.round {
  border-radius: 16px;
}

.theme-slider.round:before {
  border-radius: 50%;
}

#webpush-status {
    margin-top: 20px;
}
.webpush-bell-icon {
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding-right: 0.5rem;
}
.webpush-gray-bell {
    fill: #4d4d4d;
}
.webpush-green-bell {
    fill: green;
}

/* --------------------------------------------------------------------------------------------------- */

@media (max-width: 900px) {
    .left-side {
        position: relative; /* Remove fixed positioning */
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: initial;
        height: auto;
        overflow: visible;
        padding-right: 0;
        z-index: auto; /* Reset z-index */
        padding-bottom: 2rem;
    }

    .menu-title {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .search-form {
        display: inline-block;
        vertical-align: middle;
        width: auto; /* Ensure the form does not take full width */
    }

    .search-form input {
        width: 100%; /* Ensure the input adjusts to the width of its container */
        max-width: 150px; /* Set a max width to prevent it from being too wide */
    }

    .left-side ul {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin: initial;
        justify-content: center; /* Center the items horizontally */
    }

    .left-side li {
        margin: 5px;
    }

    .left-side a {
        font-size: small; /* Adjust font size if needed */
    }

    .badge-container {
        display: none; /* Hide the badge on small screens */
    }

}