{"version":3,"sources":["../src/y2k.css"],"names":[],"mappings":"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","file":"y2k.css","sourcesContent":["/*\r\n    * Y2K.css\r\n    * A neo-retro CSS style library\r\n    * Author: Kameron Brooks\r\n    * License: MIT\r\n    * Version: 0.1.0\r\n*/\r\n\r\n/*\r\n* Dithering patterns to simulate retro dithered windows\r\n* The patterns are based on the Bayer matrix dithering algorithm.\r\n* Each image is a 4x4 pixel image that is repeated to create the dithered effect.\r\n*/\r\n\r\n.dither-black-white-0 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNkYGD4z4AEmJA5xAkAAEEUAQdKO6E4AAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-1 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVR4nGP4////fwYGBjhmhDLggAmZg1UAANwPB/4m/PFgAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-2 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVR4nGP4////fwYGBjhmhDLggAnGgChkYMBQAQAwuAv57/pkOwAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-3 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVR4nGP4////fwYGBhAFphlBBAMSYIIxIAoYGDBUAADeCg727vmMQQAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-4 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVR4nGP4////fwYGBhAFphlBBAMSYIJIgJWAaQwVAD25EfMfKhC+AAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-5 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVR4nGP4////fwYGBhAFphnQOP+ZQGxGRkaQKEiSgRGmDAYAOO0X72azEqIAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-6 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVR4nF2KuREAMAyDUPbfGZ9ySeMKPaAKFJes4mlO0rUn+dpTGUHkGuxnK8EOAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-7 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVR4nGP4////fwYGBhAFphmQOWAaXQUjTBlUKQMAD4wh4KVGjFUAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-8 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVR4nGP4////fwYGBhAFphmQOWCaoAoAP0sn2br7KY8AAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-9 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJUlEQVR4nGP8////fwYoYGRkZGACETAOWA6qAkSBaZAknAMSBADC+RryKpG3cwAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-10 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVR4nGP8////fwYoYGRkZGACETAOSI4JRMA4IABWARMEiQAAP3oQCmHvxpsAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-11 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJElEQVR4nGP8////fwYkwMTIyAhmwGgmkAIQB6YQrAImCBIBANA4DQrzm4tdAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-12 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVR4nGP8////fwYkwMTIyAhmwGmCKgCFDQgLis/bygAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-13 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVR4nGP8////fwYkwARjMDIyogrAFDLBZGA0AE7SBwpg/bzzAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-14 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVR4nGP8////fwYkwARjMDIyogrAFDLBZGAAAE69BwfCLAnoAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n}\r\n\r\n.dither-black-white-15 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVR4nGP8////fwYkwITMwS7AyMiIIgIABooEB0maIPsAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-white-16 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGP8////fwYkwITMIU4AAAZdBATO5G0jAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-0 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGP8////fwYkwITMIU4AAAZdBATO5G0jAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-1 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVR4nGNkYGD4////fwYYYELmgAVQeNgEAIzWBwGO65rpAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-2 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVR4nGNkYGD4////fwYYYELmgAVgDEZGRlQBmEoAogkKAcIaX9kAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-3 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVR4nGNgYGD4DwIwmhHKgQMmGIORkRFVAKYQABk3EPjlYbI5AAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-4 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVR4nGNgYGD4DwIwmhHKgQMmRkZGMANOo6sAAD5hEflhK1h/AAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-5 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJElEQVR4nGNgYGD4DwIwmgnEZmRkBPEYQIAJxgHRIMAIVQ4HAN57FvhPeEprAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-6 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJUlEQVR4nDWKQQoAMAyDtP//84Zs9WKEAJxYT1utiNnI4b+/UC7ehBb7wj3RowAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-7 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVR4nGNgYGD4DwJwGoXDwADCqCoYoRwwYGRkZAAAG4kh4+Hs56QAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-8 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGElEQVR4nGNgYGD4DwJwGoXDwADCBFQAAD9LJ9m2AyGiAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-9 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJUlEQVR4nGNkYGD4zwAF////Z2ACETAOIyMjjA0WhdAoHAaG/wA8TB3p/gdV4AAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-10 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJUlEQVR4nDWKiQkAAAgCz/bf2UhSUPwEmIdt5qRBUn3aMI9b+lzk2Bb1uvlG7wAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-11 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVR4nGNkYGD4z4AEmP7/h/BhNJQN5oExWAUjIyNcBQBDCxP1jue4oAAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-12 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVR4nGNkYGD4z4AEmP7/h/BhNCNBFQCtkw35nMoCzQAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-13 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVR4nGNkYGD4z4AEmGCM//8h4owYKmAyMBoAGyYK/JLjdm0AAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-14 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVR4nGNkYGD4z4AEmGCM//8h4owYKmAyMAAABjsH/6qExwYAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-15 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVR4nGNkYGD4z4AEmJA52AX+/0fRwQAAbecEBAftaRYAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-black-16 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNkYGD4z4AEmJA5xAkAAEEUAQdKO6E4AAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-0 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGP8////fwYkwITMIU4AAAZdBATO5G0jAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-1 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVR4nGNkYGBg+P///38QDQJMyBywADIHqwAAt6sIACSvv9QAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-2 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVR4nGNkYGBg+P///38QDQJMyBywAIzByMjIiCIAUwkA0e8MAA4smFoAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-3 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVR4nGNgYGBg+P///38YzQjjwAATjMHIyMiIIgBTCQCmsQ/6VXGFxQAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-4 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVR4nGNgYGBg+P///38YzQjjoAC8KgCBMRfr1aA+rQAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-5 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVR4nGNgYGBg+P///384jcyBsVEEGeGiUAAAs9kf4hvA86wAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-6 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVR4nFWIuREAAAiDYP+hY2VOKx4AkqS8sf6mvYDqALPjH+ZQDGI/AAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-7 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVR4nGNgYGBg+P///384jcKBAWRBRmQZRkZGRgAidRvq0P6/KgAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-8 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGElEQVR4nGNgYGBg+P///384jcKBAbwqADxAH+GoUSnkAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-9 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAF0lEQVR4nGNgQAL/////DyFgHBQZXCoARycb5cPC7FwAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-10 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVR4nGNgQAL/////DyFgHBQZdA5MEAD5ZhfpGO8HVwAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-11 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVR4nGNgQAf/////j0yjCGJVAQAkPBPt5nDDIgAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-12 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNgQAf/////j0xjAnQVALabD/FPsIgjAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-13 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVR4nGNgwAX+////H78MTAUA9U4L9TRz5JEAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-14 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVR4nGNgwAX+////nzgZANtoB/nMzByQAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-15 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVR4nGNgIB38////P7IAADoKA/0lPq4eAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-white-alpha-16 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADElEQVR4nGNgoBwAAABEAAHX40j9AAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-0 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNkYGD4z4AEmJA5xAkAAEEUAQdKO6E4AAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-1 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAF0lEQVR4nGNkgID/UJqBCZkDE0ABGAIAa+kCBoZbVNEAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-2 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVR4nGNkgID/UJqBCZkDE4ABRnQBsEoAcPoDBpHL2roAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-3 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVR4nGNggID/MJoRiQMGTEhskCSKAFglAKRPBAOznulCAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-4 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNggID/MJoRiYMCcKsAANewBf2hf8fHAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-5 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGElEQVR4nGNggID/yDQyB8ZGCDIii4KEACFCB/rOBeNqAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-6 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVR4nGNggID/yDQyB8ZGCDIiizIwMDACACFDB/s7/XsLAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-7 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAF0lEQVR4nGNggID/yDQKBwbggoxoMowA/lcG/DBsgmIAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-8 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVR4nGNggID/yDQKBwZwqwAAA08H+ePt+y4AAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-9 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVR4nGNgQAX/4QQSjcLBVAEAx3wG+tCzOsQAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-10 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAE0lEQVR4nGNgQAX/4QQSjZsDpgG1jgX7/eHZnQAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-11 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVR4nGNgwAL+o9G4OWAaAIHCBPz56KPPAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-12 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEUlEQVR4nGNgwAL+o9EEVAAAZ9wD/cOfYBwAAAAASUVORK5CYII=');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-13 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEElEQVR4nGNgwAP+E5QB0wA5CwL+Ncf2agAAAABJRU5ErkJggg==');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-14 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVR4nGNgwAP+EycDADQQAf+eAmX9AAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-15 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVR4nGNgIAv8R+YBAA03AQDv+27jAAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-black-alpha-16 {\r\n\r\n    background-repeat: repeat;\r\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADElEQVR4nGNgoBwAAABEAAHX40j9AAAAAElFTkSuQmCC');\r\n    background-size: 4px 4px;\r\n    image-rendering: var(--image-pixelated, auto);\r\n}\r\n\r\n.dither-smooth {\r\n    --image-pixelated: auto;\r\n}\r\n\r\n.dither-pixelated {\r\n    --image-pixelated: pixelated;\r\n}\r\n\r\n.retro-shadow-default {\r\n    box-shadow: 10px 10px 0px #000;\r\n}\r\n\r\n.retro-shadow-sm {\r\n    box-shadow: 5px 5px 0px #000;\r\n}\r\n\r\n.retro-shadow-xs {\r\n    box-shadow: 2px 2px 0px #111;\r\n}\r\n\r\n.retro-inverse-shadow-default {\r\n    box-shadow: 10px 10px 0px #ffffff;\r\n}\r\n\r\n.retro-inverse-shadow-sm {\r\n    box-shadow: 5px 5px 0px #ffffff;\r\n}\r\n\r\n.retro-inverse-shadow-xs {\r\n    box-shadow: 2px 2px 0px #eee;\r\n}\r\n\r\n\r\n.retro-shadow-dither,\r\n.retro-shadow-dither-sm {\r\n    position: relative;\r\n    /* stack above the pseudo‐element */\r\n    z-index: 3;\r\n\r\n}\r\n\r\n.retro-shadow-dither::before,\r\n.retro-shadow-dither-sm::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: -1px;\r\n    right: -1px;\r\n    bottom: -1px;\r\n    box-sizing: border-box;\r\n\r\n    z-index: -1;\r\n    background: inherit;\r\n    border: inherit;\r\n\r\n}\r\n\r\n.retro-shadow-dither::after {\r\n    content: '';\r\n    position: absolute;\r\n\r\n    /* offset the “shadow” */\r\n    z-index: -2;\r\n\r\n    /* 8px down & right of the box’s top/left boundary */\r\n    top: 7px;\r\n    left: 7px;\r\n    /* extend it so it still covers the full bottom/right */\r\n    right: -7px;\r\n    bottom: -7px;\r\n\r\n    /* push behind */\r\n    background-repeat: repeat;\r\n    background-image: var(--shadow-texture, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGP8////fwYkwITMIU4AAAZdBATO5G0jAAAAAElFTkSuQmCC'));\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n    background-size: 4px 4px;\r\n}\r\n\r\n.retro-shadow-dither-sm::after {\r\n    content: '';\r\n    position: absolute;\r\n\r\n    /* offset the “shadow” */\r\n    z-index: -2;\r\n\r\n    /* 8px down & right of the box’s top/left boundary */\r\n    top: 5px;\r\n    left: 5px;\r\n    /* extend it so it still covers the full bottom/right */\r\n    right: -5px;\r\n    bottom: -5px;\r\n\r\n    /* push behind */\r\n    background-repeat: repeat;\r\n    background-image: var(--shadow-texture, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGP8////fwYkwITMIU4AAAZdBATO5G0jAAAAAElFTkSuQmCC'));\r\n    image-rendering: var(--image-pixelated, auto);\r\n\r\n    background-size: 4px 4px;\r\n}\r\n\r\n.dither-0 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNkYGD4z4AEmJA5xAkAAEEUAQdKO6E4AAAAAElFTkSuQmCC');\r\n}\r\n\r\n.dither-1 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAF0lEQVR4nGNkgID/UJqBCZkDE0ABGAIAa+kCBoZbVNEAAAAASUVORK5CYII=');\r\n}\r\n\r\n.dither-2 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVR4nGNkgID/UJqBCZkDE4ABRnQBsEoAcPoDBpHL2roAAAAASUVORK5CYII=');\r\n}\r\n\r\n.dither-3 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVR4nGNggID/MJoRiQMGTEhskCSKAFglAKRPBAOznulCAAAAAElFTkSuQmCC');\r\n}\r\n\r\n.dither-4 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNggID/MJoRiYMCcKsAANewBf2hf8fHAAAAAElFTkSuQmCC');\r\n}\r\n\r\n.dither-5 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGElEQVR4nGNggID/yDQyB8ZGCDIii4KEACFCB/rOBeNqAAAAAElFTkSuQmCC');\r\n}\r\n\r\n.dither-6 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVR4nGNggID/yDQyB8ZGCDIiizIwMDACACFDB/s7/XsLAAAAAElFTkSuQmCC');\r\n}\r\n\r\n.dither-7 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAF0lEQVR4nGNggID/yDQKBwbggoxoMowA/lcG/DBsgmIAAAAASUVORK5CYII=');\r\n}\r\n\r\n.dither-8 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVR4nGNggID/yDQKBwZwqwAAA08H+ePt+y4AAAAASUVORK5CYII=');\r\n}\r\n\r\n.dither-9 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVR4nGNgQAX/4QQSjcLBVAEAx3wG+tCzOsQAAAAASUVORK5CYII=');\r\n}\r\n\r\n.dither-10 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAE0lEQVR4nGNgQAX/4QQSjZsDpgG1jgX7/eHZnQAAAABJRU5ErkJggg==');\r\n}\r\n\r\n.dither-11 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVR4nGNgwAL+o9G4OWAaAIHCBPz56KPPAAAAAElFTkSuQmCC');\r\n}\r\n\r\n.dither-12 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEUlEQVR4nGNgwAL+o9EEVAAAZ9wD/cOfYBwAAAAASUVORK5CYII=');\r\n}\r\n\r\n.dither-13 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEElEQVR4nGNgwAP+E5QB0wA5CwL+Ncf2agAAAABJRU5ErkJggg==');\r\n}\r\n\r\n.dither-14 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVR4nGNgwAP+EycDADQQAf+eAmX9AAAAAElFTkSuQmCC');\r\n}\r\n\r\n.dither-15 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVR4nGNgIAv8R+YBAA03AQDv+27jAAAAAElFTkSuQmCC');\r\n}\r\n\r\n.dither-16 {\r\n    --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADElEQVR4nGNgoBwAAABEAAHX40j9AAAAAElFTkSuQmCC');\r\n}\r\n\r\n.retro-bevel-outset {\r\n    border: outset 2px #cfcfcf;\r\n}\r\n\r\n.retro-bevel-inset {\r\n    border: inset 2px #cfcfcf;\r\n}\r\n\r\n.retro-button-default {\r\n    background-color: #f0f0f0;\r\n    border-top: 2px solid #cfcfcf;\r\n    border-left: 2px solid #e0e0e0;\r\n    border-right: 2px solid #8a8a8a;\r\n    border-bottom: 2px solid #5a5a5a;\r\n    padding: 0.5em 0.7em;\r\n    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);\r\n    /* subtle shadow */\r\n    box-sizing: content-box;\r\n}\r\n\r\n.retro-button-default:hover {\r\n    background-color: #f5f5f5;\r\n    cursor: pointer;\r\n}\r\n\r\n.retro-button-default:active {\r\n    background-color: #f0f0f0;\r\n    border-top: 2px solid #8a8a8a;\r\n    border-left: 2px solid #5a5a5a;\r\n    border-right: 2px solid #cfcfcf;\r\n    border-bottom: 2px solid #e0e0e0;\r\n    box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.2);\r\n    /* subtle shadow */\r\n}\r\n\r\n.retro-button-3d {\r\n    background: linear-gradient(0deg, #d1d1d1 35%, #f1f1f1 65%, #dddddd 90%);\r\n    image-rendering: var(--image-pixelated, auto);\r\n    border-top: 2px solid #cfcfcf;\r\n    border-left: 2px solid #e0e0e0;\r\n    border-right: 2px solid #8a8a8a;\r\n    border-bottom: 2px solid #5a5a5a;\r\n    padding: 0.5em 0.7em;\r\n    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);\r\n    /* subtle shadow */\r\n    box-sizing: content-box;\r\n}\r\n\r\n.retro-button-stark {\r\n    background-color: #ffffff;\r\n    border-top: 2px solid #cfcfcf;\r\n    border-left: 2px solid #e0e0e0;\r\n    border-right: 2px solid #8a8a8a;\r\n    border-bottom: 2px solid #5a5a5a;\r\n    padding: 0.5em 0.7em;\r\n    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);\r\n    /* subtle shadow */\r\n    box-sizing: content-box;\r\n    color: #000000;\r\n}\r\n\r\n.retro-button-stark:hover {\r\n    background-color: #b4b4b4;\r\n    cursor: pointer;\r\n}\r\n\r\n.retro-button-stark:active {\r\n    background-color: #000000;\r\n    border-top: 2px solid #8a8a8a;\r\n    border-left: 2px solid #5a5a5a;\r\n    border-right: 2px solid #cfcfcf;\r\n    border-bottom: 2px solid #e0e0e0;\r\n    box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.2);\r\n    /* subtle shadow */\r\n    color: #ffffff;\r\n}\r\n\r\n.retro-button-3d {\r\n    background: linear-gradient(0deg, #d1d1d1 35%, #f1f1f1 65%, #dddddd 90%);\r\n    image-rendering: var(--image-pixelated, auto);\r\n    border-top: 2px solid #cfcfcf;\r\n    border-left: 2px solid #e0e0e0;\r\n    border-right: 2px solid #8a8a8a;\r\n    border-bottom: 2px solid #5a5a5a;\r\n    padding: 0.5em 0.7em;\r\n    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);\r\n    /* subtle shadow */\r\n    box-sizing: content-box;\r\n}\r\n\r\n\r\n.retro-button-3d:hover {\r\n    background-color: #f5f5f5;\r\n    cursor: pointer;\r\n}\r\n\r\n.retro-button-3d:active {\r\n    background-color: #f0f0f0;\r\n    border-top: 2px solid #8a8a8a;\r\n    border-left: 2px solid #5a5a5a;\r\n    border-right: 2px solid #cfcfcf;\r\n    border-bottom: 2px solid #e0e0e0;\r\n    box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.2);\r\n    /* subtle shadow */\r\n}\r\n\r\n.retro-input {\r\n    font-family: monospace;\r\n    font-size: 0.9rem;\r\n    background-color: #f1f1f1;\r\n    color: #000;\r\n    padding: 4px 6px;\r\n    border: 1px solid #000;\r\n    outline: none;\r\n    box-sizing: border-box;\r\n    box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.1);\r\n    /* subtle inset shadow */\r\n}\r\n\r\n/* on focus, pop it “out” */\r\n.retro-input:focus {\r\n    border: 2px solid #000;\r\n    background-color: #fcfcfc;\r\n}\r\n\r\n/* Text effects */\r\n\r\n.retro-loading-text {\r\n    font-size: 1.2rem;\r\n    position: relative;\r\n}\r\n\r\n/* Create a pseudo‐element to hold the dots */\r\n.retro-loading-text::after {\r\n    content: \"\";\r\n    display: inline-block;\r\n    width: 1em;\r\n    /* Reserve space for up to three dots */\r\n    text-align: left;\r\n    animation: dots 1s steps(4, end) infinite;\r\n}\r\n\r\n/* Cycle through \"\", \".\", \"..\", \"...\" and back to \"\" */\r\n@keyframes dots {\r\n\r\n    0%,\r\n    20% {\r\n        content: \"\";\r\n    }\r\n\r\n    25%,\r\n    45% {\r\n        content: \".\";\r\n    }\r\n\r\n    50%,\r\n    70% {\r\n        content: \"..\";\r\n    }\r\n\r\n    75%,\r\n    95% {\r\n        content: \"...\";\r\n    }\r\n\r\n    100% {\r\n        content: \"\";\r\n    }\r\n}\r\n\r\n.retro-ticker {\r\n    width: 100%;\r\n    /* or any fixed width you want, e.g. 400px */\r\n    height: 2rem;\r\n    /* adjust as needed for your font-size */\r\n    overflow: hidden;\r\n    /* hide the overflowing text */\r\n    display: flex;\r\n    align-items: center;\r\n    /* vertical‐center the text */\r\n    box-sizing: border-box;\r\n    padding: 0 1rem;\r\n    /* optional padding on left/right */\r\n}\r\n\r\n/* The moving text: */\r\n.retro-ticker-content {\r\n    display: inline-block;\r\n    white-space: nowrap;\r\n    /* keep all text on one line */\r\n    padding-left: 100%;\r\n    /* start “off‐screen” to the right */\r\n    animation: ticker-animation 20s linear infinite;\r\n}\r\n\r\n/* Keyframes: from fully right (padding-left:100%) to fully left (translateX to -100% of its own width) */\r\n@keyframes ticker-animation {\r\n    0% {\r\n        transform: translateX(20%);\r\n    }\r\n\r\n    /* starting point: off‐screen right */\r\n    100% {\r\n        transform: translateX(-120%);\r\n    }\r\n\r\n    /* ending point: completely scrolled past left */\r\n}\r\n\r\n/* Retro Spinners */\r\n\r\n.retro-spinner-primary,\r\n.retro-spinner-primary-round {\r\n    position: relative;\r\n    width: 2rem;\r\n    height: 2rem;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n}\r\n\r\n.retro-spinner-primary::before, \r\n.retro-spinner-primary-round::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1px;\r\n    left: -1px;\r\n    right: -1px;\r\n    bottom: -1px;\r\n    z-index: 1;\r\n    background: conic-gradient(\r\n        rgba(255, 51, 0, 1) 0deg 90deg,\r\n        rgba(102, 204, 51, 1) 90deg 180deg,\r\n        rgba(255, 204, 0, 1) 180deg 270deg,\r\n        rgba(2, 165, 255, 1) 270deg 360deg\r\n    );\r\n    transform-origin: center;  /* rotate around its own center */\r\n    animation: spin8step 1s linear infinite;\r\n}\r\n\r\n.retro-spinner-primary-round:after {\r\n    position: absolute;\r\n    top: -1px;\r\n    left: -1px;\r\n    right: -1px;\r\n    bottom: -1px;\r\n    border-radius: 50%;\r\n    content: '';\r\n    z-index: 2;\r\n    border-top: 5px solid rgba(255, 255, 255, 0.9);\r\n    border-bottom: 5px solid rgba(20, 20, 20, 0.7);\r\n    filter: blur(2px);\r\n    transform: rotate(-45deg);\r\n}\r\n\r\n.retro-spinner-black,\r\n.retro-spinner-black-round {\r\n    position: relative;\r\n    width: 2rem;\r\n    height: 2rem;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n}\r\n\r\n.retro-spinner-black::before, \r\n.retro-spinner-black-round::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1px;\r\n    left: -1px;\r\n    right: -1px;\r\n    bottom: -1px;\r\n    z-index: 1;\r\n    background: conic-gradient(rgba(0, 0, 0, 1) 0deg 45deg,\r\n            rgba(0, 0, 0, 0.875) 45deg 90deg,\r\n            rgba(0, 0, 0, 0.75) 90deg 135deg,\r\n            rgba(0, 0, 0, 0.625) 135deg 180deg,\r\n            rgba(0, 0, 0, 0.5) 180deg 225deg,\r\n            rgba(0, 0, 0, 0.375) 225deg 270deg,\r\n            rgba(0, 0, 0, 0.25) 270deg 315deg,\r\n            rgba(0, 0, 0, 0.125) 315deg 360deg);\r\n    transform-origin: center;  /* rotate around its own center */\r\n    animation: spin8step 1s linear infinite;\r\n}\r\n\r\n.retro-spinner-black-round:after {\r\n    position: absolute;\r\n    top: -1px;\r\n    left: -1px;\r\n    right: -1px;\r\n    bottom: -1px;\r\n    border-radius: 50%;\r\n    content: '';\r\n    z-index: 2;\r\n    border-top: 5px solid rgba(255, 255, 255, 0.9);\r\n    border-bottom: 5px solid rgba(20, 20, 20, 0.7);\r\n    filter: blur(2px);\r\n    transform: rotate(-45deg);\r\n}\r\n\r\n.retro-spinner-simple {\r\n    position: relative;\r\n    width: 2rem;\r\n    height: 2rem;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n\r\n    border-radius: 50%;\r\n    border: 2px solid #000;\r\n    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);\r\n\r\n    \r\n}\r\n\r\n.retro-spinner-simple::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1px;\r\n    left: -1px;\r\n    right: -1px;\r\n    bottom: -1px;\r\n    background: conic-gradient(rgba(0, 0, 0, 1) 0deg 90deg,\r\n            rgba(64, 64, 64, 1) 90deg 180deg,\r\n            rgba(128, 128, 128, 1) 180deg 270deg,\r\n            rgba(255, 255, 255, 1) 270deg 360deg);\r\n    transform-origin: center;  /* rotate around its own center */\r\n    animation: spin8step 1s linear infinite;\r\n\r\n}\r\n\r\n@keyframes spin4step {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    24% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    25% {\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    49% {\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    50% {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    74% {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    75% {\r\n        transform: rotate(270deg);\r\n    }\r\n\r\n    99% {\r\n        transform: rotate(270deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n@keyframes spin8step {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    12.4% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    12.5% {\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    24.9% {\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    25% {\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    37.4% {\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    37.5% {\r\n        transform: rotate(135deg);\r\n    }\r\n\r\n    49.9% {\r\n        transform: rotate(135deg);\r\n    }\r\n\r\n    50% {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    62.4% {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    62.5% {\r\n        transform: rotate(225deg);\r\n    }\r\n\r\n    74.9% {\r\n        transform: rotate(225deg);\r\n    }\r\n\r\n    75% {\r\n        transform: rotate(270deg);\r\n    }\r\n\r\n    87.4% {\r\n        transform: rotate(270deg);\r\n    }\r\n\r\n    87.5% {\r\n        transform: rotate(315deg);\r\n    }\r\n\r\n    99.9% {\r\n        transform: rotate(315deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n\r\n/* Dark Mode adjustments */\r\n@media (prefers-color-scheme: dark) {\r\n    .dither-black-alpha-0 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGP8////fwYkwITMIU4AAAZdBATO5G0jAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-1 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVR4nGNkYGBg+P///38QDQJMyBywADIHqwAAt6sIACSvv9QAAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-2 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVR4nGNkYGBg+P///38QDQJMyBywAIzByMjIiCIAUwkA0e8MAA4smFoAAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-3 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVR4nGNgYGBg+P///38YzQjjwAATjMHIyMiIIgBTCQCmsQ/6VXGFxQAAAABJRU5ErkJggg==');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-4 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVR4nGNgYGBg+P///38YzQjjoAC8KgCBMRfr1aA+rQAAAABJRU5ErkJggg==');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-5 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVR4nGNgYGBg+P///384jcyBsVEEGeGiUAAAs9kf4hvA86wAAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-6 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVR4nFWIuREAAAiDYP+hY2VOKx4AkqS8sf6mvYDqALPjH+ZQDGI/AAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-7 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVR4nGNgYGBg+P///384jcKBAWRBRmQZRkZGRgAidRvq0P6/KgAAAABJRU5ErkJggg==');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-8 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGElEQVR4nGNgYGBg+P///384jcKBAbwqADxAH+GoUSnkAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-9 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAF0lEQVR4nGNgQAL/////DyFgHBQZXCoARycb5cPC7FwAAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-10 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVR4nGNgQAL/////DyFgHBQZdA5MEAD5ZhfpGO8HVwAAAABJRU5ErkJggg==');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-11 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVR4nGNgQAf/////j0yjCGJVAQAkPBPt5nDDIgAAAABJRU5ErkJggg==');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-12 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNgQAf/////j0xjAnQVALabD/FPsIgjAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-13 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVR4nGNgwAX+////H78MTAUA9U4L9TRz5JEAAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-14 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVR4nGNgwAX+////nzgZANtoB/nMzByQAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-15 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVR4nGNgIB38////P7IAADoKA/0lPq4eAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-black-alpha-16 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADElEQVR4nGNgoBwAAABEAAHX40j9AAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-0 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNkYGD4z4AEmJA5xAkAAEEUAQdKO6E4AAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-1 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAF0lEQVR4nGNkgID/UJqBCZkDE0ABGAIAa+kCBoZbVNEAAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-2 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVR4nGNkgID/UJqBCZkDE4ABRnQBsEoAcPoDBpHL2roAAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-3 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVR4nGNggID/MJoRiQMGTEhskCSKAFglAKRPBAOznulCAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-4 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNggID/MJoRiYMCcKsAANewBf2hf8fHAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-5 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGElEQVR4nGNggID/yDQyB8ZGCDIii4KEACFCB/rOBeNqAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-6 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVR4nGNggID/yDQyB8ZGCDIiizIwMDACACFDB/s7/XsLAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-7 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAF0lEQVR4nGNggID/yDQKBwbggoxoMowA/lcG/DBsgmIAAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-8 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVR4nGNggID/yDQKBwZwqwAAA08H+ePt+y4AAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-9 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVR4nGNgQAX/4QQSjcLBVAEAx3wG+tCzOsQAAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-10 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAE0lEQVR4nGNgQAX/4QQSjZsDpgG1jgX7/eHZnQAAAABJRU5ErkJggg==');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-11 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVR4nGNgwAL+o9G4OWAaAIHCBPz56KPPAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-12 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEUlEQVR4nGNgwAL+o9EEVAAAZ9wD/cOfYBwAAAAASUVORK5CYII=');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-13 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEElEQVR4nGNgwAP+E5QB0wA5CwL+Ncf2agAAAABJRU5ErkJggg==');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-14 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVR4nGNgwAP+EycDADQQAf+eAmX9AAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-15 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVR4nGNgIAv8R+YBAA03AQDv+27jAAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    .dither-white-alpha-16 {\r\n\r\n        background-repeat: repeat;\r\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADElEQVR4nGNgoBwAAABEAAHX40j9AAAAAElFTkSuQmCC');\r\n        background-size: 4px 4px;\r\n    }\r\n\r\n    /* Shadow styles for dark mode */\r\n    .retro-shadow-default {\r\n        box-shadow: 10px 10px 0px #ffffff;\r\n    }\r\n\r\n    .retro-shadow-sm {\r\n        box-shadow: 5px 5px 0px #ffffff;\r\n    }\r\n\r\n    .retro-shadow-xs {\r\n        box-shadow: 2px 2px 0px #eeeeee;\r\n    }\r\n\r\n    .retro-inverse-shadow-default {\r\n        box-shadow: 10px 10px 0px #000000;\r\n    }\r\n\r\n    .retro-inverse-shadow-sm {\r\n        box-shadow: 5px 5px 0px #000000;\r\n    }\r\n\r\n    .retro-inverse-shadow-xs {\r\n        box-shadow: 2px 2px 0px #111111;\r\n    }\r\n\r\n    /* Bevel styles for dark mode */\r\n    .retro-bevel-outset {\r\n        border: outset 2px #505050;\r\n    }\r\n\r\n    .dither-0 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGP8////fwYkwITMIU4AAAZdBATO5G0jAAAAAElFTkSuQmCC');\r\n    }\r\n\r\n    .dither-1 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVR4nGNkYGBg+P///38QDQJMyBywADIHqwAAt6sIACSvv9QAAAAASUVORK5CYII=');\r\n    }\r\n\r\n    .dither-2 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVR4nGNkYGBg+P///38QDQJMyBywAIzByMjIiCIAUwkA0e8MAA4smFoAAAAASUVORK5CYII=');\r\n    }\r\n\r\n    .dither-3 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVR4nGNgYGBg+P///38YzQjjwAATjMHIyMiIIgBTCQCmsQ/6VXGFxQAAAABJRU5ErkJggg==');\r\n    }\r\n\r\n    .dither-4 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVR4nGNgYGBg+P///38YzQjjoAC8KgCBMRfr1aA+rQAAAABJRU5ErkJggg==');\r\n    }\r\n\r\n    .dither-5 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVR4nGNgYGBg+P///384jcyBsVEEGeGiUAAAs9kf4hvA86wAAAAASUVORK5CYII=');\r\n    }\r\n\r\n    .dither-6 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVR4nFWIuREAAAiDYP+hY2VOKx4AkqS8sf6mvYDqALPjH+ZQDGI/AAAAAElFTkSuQmCC');\r\n    }\r\n\r\n    .dither-7 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVR4nGNgYGBg+P///384jcKBAWRBRmQZRkZGRgAidRvq0P6/KgAAAABJRU5ErkJggg==');\r\n    }\r\n\r\n    .dither-8 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGElEQVR4nGNgYGBg+P///384jcKBAbwqADxAH+GoUSnkAAAAAElFTkSuQmCC');\r\n    }\r\n\r\n    .dither-9 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAF0lEQVR4nGNgQAL/////DyFgHBQZXCoARycb5cPC7FwAAAAASUVORK5CYII=');\r\n    }\r\n\r\n    .dither-10 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVR4nGNgQAL/////DyFgHBQZdA5MEAD5ZhfpGO8HVwAAAABJRU5ErkJggg==');\r\n    }\r\n\r\n    .dither-11 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVR4nGNgQAf/////j0yjCGJVAQAkPBPt5nDDIgAAAABJRU5ErkJggg==');\r\n    }\r\n\r\n    .dither-12 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVR4nGNgQAf/////j0xjAnQVALabD/FPsIgjAAAAAElFTkSuQmCC');\r\n    }\r\n\r\n    .dither-13 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVR4nGNgwAX+////H78MTAUA9U4L9TRz5JEAAAAASUVORK5CYII=');\r\n    }\r\n\r\n    .dither-14 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVR4nGNgwAX+////nzgZANtoB/nMzByQAAAAAElFTkSuQmCC');\r\n    }\r\n\r\n    .dither-15 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVR4nGNgIB38////P7IAADoKA/0lPq4eAAAAAElFTkSuQmCC');\r\n    }\r\n\r\n    .dither-16 {\r\n        --shadow-texture: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADElEQVR4nGNgoBwAAABEAAHX40j9AAAAAElFTkSuQmCC');\r\n    }\r\n\r\n    .retro-bevel-inset {\r\n        border: inset 2px #505050;\r\n    }\r\n\r\n    /* Additional dark mode specific classes */\r\n    .dark-retro-bevel-outset {\r\n        border: outset 2px #505050;\r\n    }\r\n\r\n    .dark-retro-bevel-inset {\r\n        border: inset 2px #303030;\r\n    }\r\n\r\n    .dark-retro-shadow-default {\r\n        box-shadow: 10px 10px 0px #ffffff;\r\n    }\r\n\r\n    .dark-retro-shadow-sm {\r\n        box-shadow: 5px 5px 0px #ffffff;\r\n    }\r\n\r\n    .dark-retro-shadow-xs {\r\n        box-shadow: 2px 2px 0px #eeeeee;\r\n    }\r\n\r\n    /* Dark mode buttons */\r\n    .retro-button-default {\r\n        background-color: #333333;\r\n        border-top: 2px solid #555555;\r\n        border-left: 2px solid #505050;\r\n        border-right: 2px solid #222222;\r\n        border-bottom: 2px solid #1a1a1a;\r\n        padding: 0.5em 0.7em;\r\n        box-shadow: 2px 2px 0px rgba(255, 255, 255, 0.1);\r\n        /* subtle light shadow */\r\n        box-sizing: content-box;\r\n        color: #e0e0e0;\r\n    }\r\n\r\n    .retro-button-default:hover {\r\n        background-color: #3a3a3a;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .retro-button-default:active {\r\n        background-color: #2a2a2a;\r\n        border-top: 2px solid #222222;\r\n        border-left: 2px solid #1a1a1a;\r\n        border-right: 2px solid #555555;\r\n        border-bottom: 2px solid #505050;\r\n        box-shadow: inset 2px 2px 0px rgba(255, 255, 255, 0.3);\r\n        /* subtle inset shadow */\r\n    }\r\n\r\n    .retro-button-stark {\r\n        background-color: #000000;\r\n        border-top: 2px solid #b1b1b1;\r\n        border-left: 2px solid #9b9b9b;\r\n        border-right: 2px solid #5a5a5a;\r\n        border-bottom: 2px solid #3b3b3b;\r\n        padding: 0.5em 0.7em;\r\n        box-shadow: 2px 2px 0px rgba(255, 255, 255, 0.1);\r\n        /* subtle light shadow */\r\n        box-sizing: content-box;\r\n        color: #e0e0e0;\r\n    }\r\n\r\n    .retro-button-stark:hover {\r\n        background-color: #222222;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .retro-button-stark:active {\r\n        background-color: #ffffff;\r\n        border-top: 2px solid #222222;\r\n        border-left: 2px solid #1a1a1a;\r\n        border-right: 2px solid #555555;\r\n        border-bottom: 2px solid #505050;\r\n        box-shadow: inset 2px 2px 0px rgba(255, 255, 255, 0.3);\r\n        /* subtle inset shadow */\r\n        color: #000000;\r\n    }\r\n\r\n\r\n    .retro-button-3d {\r\n        background: linear-gradient(0deg, #2a2a2a 35%, #3f3f3f 65%, #333333 90%);\r\n        image-rendering: var(--image-pixelated, auto);\r\n        border-top: 2px solid #555555;\r\n        border-left: 2px solid #505050;\r\n        border-right: 2px solid #222222;\r\n        border-bottom: 2px solid #1a1a1a;\r\n        padding: 0.5em 0.7em;\r\n        box-shadow: 2px 2px 0px rgba(255, 255, 255, 0.1);\r\n        /* subtle light shadow */\r\n        box-sizing: content-box;\r\n        color: #e0e0e0;\r\n    }\r\n\r\n    .retro-button-3d:hover {\r\n        background-color: #3a3a3a;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .retro-button-3d:active {\r\n        background-color: #2a2a2a;\r\n        border-top: 2px solid #222222;\r\n        border-left: 2px solid #1a1a1a;\r\n        border-right: 2px solid #555555;\r\n        border-bottom: 2px solid #505050;\r\n        box-shadow: inset 2px 2px 0px rgba(255, 255, 255, 0.3);\r\n        /* subtle inset shadow */\r\n    }\r\n\r\n    .retro-input {\r\n        font-family: monospace;\r\n        font-size: 0.9rem;\r\n        background-color: #252525;\r\n        color: #fff;\r\n        padding: 4px 6px;\r\n        border: 1px solid #606060;\r\n        outline: none;\r\n        box-sizing: border-box;\r\n        box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.3);\r\n        /* darker inset shadow for dark mode */\r\n    }\r\n\r\n    /* on focus, pop it \"out\" */\r\n    .retro-input:focus {\r\n        border: 2px solid #808080;\r\n        background-color: #303030;\r\n    }\r\n\r\n}"]}