:root {
  --magneto:url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgOTcuMDAwMDAxIDk3LjAwMDAwMSIgaWQ9Im1hZ25ldG8iPgogIAogIDxkZWZzIGlkPSJkZWZzbWFnbmV0byIvPgogIAogIDxnIGlkPSJtYWduZXRvIj4KICAgIDxwYXRoIGQ9Ik0gNDguMiwwLjE4IEEgNDguMiw0OC4yIDAgMSAwIDk2LjQsNDguMzggNDguMiw0OC4yIDAgMCAwIDQ4LjIsMC4xOCBaIG0gMCw5MS45IGEgNDMuNyw0My43IDAgMSAxIDQzLjcsLTQzLjcgNDMuNzEsNDMuNzEgMCAwIDEgLTQzLjcsNDMuNyB6IiBpZD0icGF0aDgzOSIvPgogICAgPHBhdGggZD0ibSA2OC4xLDE4LjI4IGggLTMuMyB2IDE2LjUgSCAzMS43IHYgLTE2LjUgaCAtMy40IGEgMzYuMDYsMzYuMDYgMCAwIDAgMCw2MC4yIGggMy40IFYgNjIgaCAzMy4xIHYgMTYuNSBoIDMuMyBhIDM2LjA1LDM2LjA1IDAgMCAwIDAsLTYwLjIgeiBNIDI3LjEsNzIgQSAzMS41OSwzMS41OSAwIDAgMSAyNC40NywyNy40IDMyLjUxLDMyLjUxIDAgMCAxIDI3LjEsMjQuNzggWiBNIDY0LjgsNTcuNCBIIDMxLjcgViAzOS4yOCBoIDMzLjEgeiBtIDQuNSwxNC41IHYgLTEwIDAgLTI3LjEyIDAgLTEwIGEgMzEuNjUsMzEuNjUgMCAwIDEgMi4zOSw0NC43MSAzMy42OCwzMy42OCAwIDAgMSAtMi4zOSwyLjM5IHoiIGlkPSJwYXRoODQxIi8+CiAgPC9nPgo8L3N2Zz4=);
  --activeRule:url(data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWw6c3BhY2U9InByZXNlcnZlIgogIGhlaWdodD0iMzAwIgogIHdpZHRoPSI3MjAiCiAgdmVyc2lvbj0iMS4xIgogIHk9IjAiCiAgeD0iMCIKICB2aWV3Qm94PSIwIDAgNzIwIDMwMCI+CiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgIC5zdDAgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF8xXyIpOwogICAgfQogICAgLnN0MSB7CiAgICAgIGZpbGw6IHVybCgiI1NWR0lEXzJfIik7CiAgICB9CiAgICAuc3QyIHsKICAgICAgZmlsbDogdXJsKCIjU1ZHSURfM18iKTsKICAgIH0KICAgIC5zdDMgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF80XyIpOwogICAgfQogICAgLnN0NCB7CiAgICAgIGZpbGw6IHVybCgiI1NWR0lEXzVfIik7CiAgICB9CiAgICAuc3Q1IHsKICAgICAgZmlsbDogI0FGMjAyNDsKICAgIH0KICAgIC5zdDYgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF82XyIpOwogICAgfQogICAgLnN0NyB7CiAgICAgIGZpbGw6ICM5NDFCMUU7CiAgICB9CiAgICAuc3Q4IHsKICAgICAgZmlsbDogI0IxMjczOTsKICAgIH0KICAgIC5zdDkgewogICAgICBmaWxsOiAjOTUyNDMyOwogICAgfQogICAgLnN0MTAgewogICAgICBmaWxsOiAjRDQyMDI3OwogICAgfQogICAgLnN0MTEgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF83XyIpOwogICAgfQogICAgLnN0MTIgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF84XyIpOwogICAgfQogICAgLnN0MTMgewogICAgICBmaWxsOiAjMUM5QTQ4OwogICAgfQogICAgLnN0MTQgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF85XyIpOwogICAgfQogICAgLnN0MTUgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF8xMF8iKTsKICAgIH0KICAgIC5zdDE2IHsKICAgICAgZmlsbDogIzJBMzg4NjsKICAgIH0KICAgIC5zdDE3IHsKICAgICAgZmlsbDogdXJsKCIjU1ZHSURfMTFfIik7CiAgICB9CiAgICAuc3QxOCB7CiAgICAgIGZpbGw6IHVybCgiI1NWR0lEXzEyXyIpOwogICAgfQogICAgLnN0MTkgewogICAgICBmaWxsOiB1cmwoIiNTVkdJRF8xM18iKTsKICAgIH0KICAgIC5zdDIwIHsKICAgICAgZmlsbDogdXJsKCIjU1ZHSURfMTRfIik7CiAgICB9CiAgPC9zdHlsZT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS41NSwtMy4zKSI+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiB5Mj0iLTMyLjY2MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkxPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9Ijg0Mi4wOCIgeDE9IjExOC45OCI+PHN0b3Agc3RvcC1jb2xvcj0iIzk1MjMzMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzkyMUMxRCIgb2Zmc2V0PSIuMDM2MDk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0IwMjczOSIgb2Zmc2V0PSIuMDg0NjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0FEMUYyNCIgb2Zmc2V0PSIuMTIzNyIvPjxzdG9wIHN0b3AtY29sb3I9IiNDNzIwMjYiIG9mZnNldD0iLjE1MDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjRDQyMDI3IiBvZmZzZXQ9Ii4xNjk3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDMjQzMSIgb2Zmc2V0PSIuMTc1OCIvPjxzdG9wIHN0b3AtY29sb3I9IiNCNzJCNEMiIG9mZnNldD0iLjE4ODgiLz48c3RvcCBzdG9wLWNvbG9yPSIjOTUzMzcxIiBvZmZzZXQ9Ii4yMDc0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzg4MzU3RiIgb2Zmc2V0PSIuMjE0MiIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NTM2ODEiIG9mZnNldD0iLjI0MzYiLz48c3RvcCBzdG9wLWNvbG9yPSIjNkYzNjhCIiBvZmZzZXQ9Ii4yNjM4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzM5NDI4RiIgb2Zmc2V0PSIuMjkxMSIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMzNEN0QiIG9mZnNldD0iLjMyNDIiLz48c3RvcCBzdG9wLWNvbG9yPSIjMzIyQzZGIiBvZmZzZXQ9Ii40MTgxIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzJBMzg4NSIgb2Zmc2V0PSIuNDk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzFENjJBMSIgb2Zmc2V0PSIuNTU4MSIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzZDQTUiIG9mZnNldD0iLjU3MDIiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDM4RUIzIiBvZmZzZXQ9Ii42MTAzIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzU1QTVCQyIgb2Zmc2V0PSIuNjM5OSIvPjxzdG9wIHN0b3AtY29sb3I9IiM1Q0FGQkYiIG9mZnNldD0iLjY1NTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjNTZBQkJEIiBvZmZzZXQ9Ii42Nzc3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzQzOUZCOCIgb2Zmc2V0PSIuNzA1OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxODhFQUYiIG9mZnNldD0iLjczNzIiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDM4QkFFIiBvZmZzZXQ9Ii43NDI2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzA2OTI5MiIgb2Zmc2V0PSIuNzg5OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNUExNEIiIG9mZnNldD0iLjg4NzUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDM5MjdFIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHdpZHRoPSI3MjMuMSIgeT0iMCIgeD0iMCIgaGVpZ2h0PSIzMDYuNCIgY2xhc3M9InN0MCIgZmlsbD0idXJsKCNTVkdJRF8xXykiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIHkyPSItMTA5LjI2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9Ii0xMDkuMjYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiB4Mj0iMjM1Ljk4IiB4MT0iMzI1LjA4Ij48c3RvcCBzdG9wLWNvbG9yPSIjODkzNjgwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODkzNjgwIiBvZmZzZXQ9Ii4zMzU0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzhEMzE2RCIgb2Zmc2V0PSIuNTAyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MDI5NEQiIG9mZnNldD0iLjgzOTgiLz48c3RvcCBzdG9wLWNvbG9yPSIjOTAyNTQxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50Pjxwb2x5Z29uIHBvaW50cz0iMTc1LjEgMTUzLjIgMTE3IDMwNi40IDIwNi4xIDMwNi40IiBmaWxsPSJ1cmwoI1NWR0lEXzJfKSIgY2xhc3M9InN0MSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgeTI9Ii04Mi4yODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjI0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjQ0Ni41NSIgeDE9IjQ3OC45MyI+PHN0b3Agc3RvcC1jb2xvcj0iIzMyMkM2RiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMyMkM2RiIgb2Zmc2V0PSIuMjQyNyIvPjxzdG9wIHN0b3AtY29sb3I9IiMzMDJGNzIiIG9mZnNldD0iLjQ1OTkiLz48c3RvcCBzdG9wLWNvbG9yPSIjMkEzQTdFIiBvZmZzZXQ9Ii43MTU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzE1NEE5MyIgb2Zmc2V0PSIuOTg5NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMzRCOTQiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBvbHlnb24gcG9pbnRzPSIyODguNCAxNTMuMiAzMTAuNyAzMDYuNCAzNTguMSAzMDYuNCAzNTguMSAwIDMxMi45IDAiIGZpbGw9InVybCgjU1ZHSURfM18pIiBjbGFzcz0ic3QyIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiB5Mj0iLTMyLjY2MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkxPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjM3Mi44OCIgeDE9IjI5NC4wOCI+PHN0b3Agc3RvcC1jb2xvcj0iIzZGMzc4RCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzNBNDI5MSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cG9seWdvbiBwb2ludHM9IjE3NS4xIDE1My4yIDIwNi4xIDMwNi40IDI1My45IDE1My4yIDIwOS40IDAgMjA5LjQgMCIgZmlsbD0idXJsKCNTVkdJRF80XykiIGNsYXNzPSJzdDMiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIHkyPSItMzIuNjYzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9Ii0zMi42NjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiB4Mj0iMzI1LjA4IiB4MT0iNDMxLjg4Ij48c3RvcCBzdG9wLWNvbG9yPSIjMjMzRDdEIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjkzRDdEIiBvZmZzZXQ9Ii4yNDk1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzNBM0M4MCIgb2Zmc2V0PSIuNTQ0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM1MTNCODQiIG9mZnNldD0iLjg2MTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUQzQTg2IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50Pjxwb2x5Z29uIHBvaW50cz0iMjUzLjkgMTUzLjIgMjA2LjEgMzA2LjQgMzEwLjcgMzA2LjQgMjg4LjQgMTUzLjIgMzEyLjkgMCAyMDkuNCAwIiBmaWxsPSJ1cmwoI1NWR0lEXzVfKSIgY2xhc3M9InN0NCIvPjxwb2x5Z29uIHBvaW50cz0iMTE2LjEgMCA1NS43IDAgNTUuNyA5NC44IDg5LjkgMTUzLjIgNTUuNyAyMTEuNiA1NS43IDMwNi40IDExNyAzMDYuNCA5NS4yIDE1My4yIiBmaWxsPSIjYWYyMDI0IiBjbGFzcz0ic3Q1Ii8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiB5Mj0iNDMuOTM3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9IjQzLjkzNyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIHgyPSIyMzIuNjciIHgxPSIzMjkuMTEiPjxzdG9wIHN0b3AtY29sb3I9IiM4OTM2ODAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4OTM2ODAiIG9mZnNldD0iLjMzNTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjOEQzMTZEIiBvZmZzZXQ9Ii41MDI1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzkwMjk0RCIgb2Zmc2V0PSIuODM5OCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MDI1NDEiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBvbHlnb24gcG9pbnRzPSIxNzUuMSAxNTMuMiAyMDkuNCAwIDExNi4xIDAiIGZpbGw9InVybCgjU1ZHSURfNl8pIiBjbGFzcz0ic3Q2Ii8+PHBvbHlnb24gcG9pbnRzPSI1NS43IDk0LjggNTUuNyAwIDAgMCIgZmlsbD0iIzk0MWIxZSIgY2xhc3M9InN0NyIvPjxwb2x5Z29uIHBvaW50cz0iNTUuNyAyMTEuNiA4OS45IDE1My4yIDU1LjcgOTQuOCIgZmlsbD0iI2IxMjczOSIgY2xhc3M9InN0OCIvPjxwb2x5Z29uIHBvaW50cz0iNTUuNyAyMTEuNiAwIDMwNi40IDU1LjcgMzA2LjQiIGZpbGw9IiM5NDFiMWUiIGNsYXNzPSJzdDciLz48cG9seWdvbiBwb2ludHM9IjU1LjcgOTQuOCAwIDAgMCAzMDYuNCA1NS43IDIxMS42IiBmaWxsPSIjOTUyNDMyIiBjbGFzcz0ic3Q5Ii8+PHBvbHlnb24gcG9pbnRzPSIxMTYuMSAwIDk1LjIgMTUzLjIgMTE3IDMwNi40IDE3NS4xIDE1My4yIiBmaWxsPSIjZDQyMDI3IiBjbGFzcz0ic3QxMCIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgeTI9Ii0xODYuMDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjQ0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9Ijc0OC45NiIgeDE9Ijc0OC45NiI+PHN0b3Agc3RvcC1jb2xvcj0iIzk0QkU1NSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzkzQkQ1OCIgb2Zmc2V0PSIuMDQ0MzQwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzhCQkM2QSIgb2Zmc2V0PSIuMzg5MSIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NkJDNzUiIG9mZnNldD0iLjcxNDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjODRCQzc5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoCiAgICAgIGQ9Im02NDEuNiAyNTkuNmMxLjctMjUuNCAxMC01NC42IDE4LjgtODUuNiAxLjQtNSAyLjgtMTAgNC4yLTE1LjEtMS40LTUuNS0yLjgtMTAuOS00LjItMTYuMi04LjgtMzMuMy0xNy02NC43LTE4LjgtOTItMS40LTIxLjIgMS40LTM3IDguOS01MC42aC00NS45Yy03LjUgMTguMy0xMC4zIDI5LjEtOC45IDUwLjMgMS43IDI3LjMgMTAgNTguNyAxOC44IDkyIDEzIDQ5LjMgMjggMTA2LjIgMjMuMiAxNjQuMmgxMi45Yy03LjYtMTIuOC0xMC40LTI3LjMtOS00N3oiCiAgICAgIGNsYXNzPSJzdDExIgogICAgICBmaWxsPSJ1cmwoI1NWR0lEXzdfKSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF84XyIgeTI9Ii0xODQuNDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTE3LjI5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjczMy40OSIgeDE9IjY1My43NiI+PHN0b3Agc3RvcC1jb2xvcj0iIzA4QTI0QiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzBBQTE0RSIgb2Zmc2V0PSIuMTY3OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwQjlFNTciIG9mZnNldD0iLjQwNDciLz48c3RvcCBzdG9wLWNvbG9yPSIjMDk5QTY3IiBvZmZzZXQ9Ii42ODI3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzA0OTQ3RCIgb2Zmc2V0PSIuOTg5OCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNDkzN0UiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTYxNC41IDE0Mi4zYy04LjgtMzMuMy0xNy02NC43LTE4LjgtOTItMS40LTIxLjIgMS40LTMyIDguOS01MC4zaC0zNS40YzUuNyA1My45LTMuOCAxMDYuNy0xMy42IDE2Ni44LTUuNyAzNS0xMS43IDcxLjMtMTMuMiAxMDAuNi0xLjEgMjEuMSAwLjQgMzIuOCAxLjggMzloOTMuNWM0LjgtNTcuOS0xMC4zLTExNC44LTIzLjItMTY0LjF6IiBjbGFzcz0ic3QxMiIgZmlsbD0idXJsKCNTVkdJRF84XykiLz48cGF0aCBjbGFzcz0ic3QxMyIgZmlsbD0iIzFjOWE0OCIgZD0ibTY2NC42IDE1OC45Yy0xLjQgNS4xLTIuOCAxMC4xLTQuMiAxNS4xLTguOCAzMS0xNyA2MC4yLTE4LjggODUuNi0xLjQgMTkuNyAxLjQgMzQuMiA5IDQ2LjloMzNjNC4yLTUxLjgtNy4yLTEwMi4zLTE5LTE0Ny42eiIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF85XyIgeTI9Ii0xODUuOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjgxMi44MyIgeDE9IjgxMi44MyI+PHN0b3Agc3RvcC1jb2xvcj0iIzY5QTA2MCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzYzOUQ1QyIgb2Zmc2V0PSIuMDM5ODk1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzRDOTQ0RiIgb2Zmc2V0PSIuMjE5MiIvPjxzdG9wIHN0b3AtY29sb3I9IiMzNzhFNDciIG9mZnNldD0iLjQxODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjk4QjQ0IiBvZmZzZXQ9Ii42NTE1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzIzOEE0MyIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJtNjgwLjUgMGMxMC43IDU1LjMtMi41IDExMC40LTE1LjkgMTU4LjkgMTEuNyA0NS4zIDIzLjIgOTUuOCAxOC45IDE0Ny42aDM5LjZ2LTMwNi41aC00Mi42eiIgY2xhc3M9InN0MTQiIGZpbGw9InVybCgjU1ZHSURfOV8pIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEwXyIgeTI9Ii0xODUuODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTIwLjU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjY1Mi40NSIgeDE9IjY1Mi40NSI+PHN0b3Agc3RvcC1jb2xvcj0iIzA1QjVEQyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA0QjBENyIgb2Zmc2V0PSIuMjE5NyIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNUE0QzkiIG9mZnNldD0iLjUzNzEiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDU5MUI0IiBvZmZzZXQ9Ii45MTIyIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA1OENBRSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJtNTQyLjMgMjY3LjRjMS41LTI5LjQgNy41LTY1LjYgMTMuMi0xMDAuNiA5LjgtNjAuMSAxOS4zLTExMi44IDEzLjYtMTY2LjhoLTcwLjhjLTEuNCAxMS40LTIuOSAxOS4yLTEuOCA0MS44IDEuNSAzMS42IDcuNSA3MC41IDEzLjIgMTA4LjIgOC40IDU1LjQgMTYuNiAxMDguOCAxNS4xIDE1Ni40aDE5LjJjLTEuMy02LjItMi44LTE3LjktMS43LTM5eiIgY2xhc3M9InN0MTUiIGZpbGw9InVybCgjU1ZHSURfMTBfKSIvPjxwb2x5Z29uIHBvaW50cz0iMzc1LjcgMTUzLjIgMzU4LjEgMCAzNTguMSAzMDYuNCIgZmlsbD0iIzJhMzg4NiIgY2xhc3M9InN0MTYiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTFfIiB5Mj0iNzcuMTM2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9Ii00LjMyODEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiB4Mj0iNzk2LjcxIiB4MT0iNzUxLjA1Ij48c3RvcCBzdG9wLWNvbG9yPSIjNjJCMTZFIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODdCOTU3IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Im02NDEuNiA1MC42YzEuNyAyNy4zIDEwIDU4LjcgMTguOCA5MiAxLjQgNS4zIDIuOCAxMC43IDQuMiAxNi4yIDEzLjUtNDguNCAyNi42LTEwMy41IDE1LjktMTU4LjhoLTMwYy03LjUgMTMuNi0xMC4zIDI5LjQtOC45IDUwLjZ6IiBjbGFzcz0ic3QxNyIgZmlsbD0idXJsKCNTVkdJRF8xMV8pIi8+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEyXyIgeTI9Ii0xODkuMjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iMTEzLjcxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgeDI9IjYzMS41OSIgeDE9IjU1MC40Ij48c3RvcCBzdG9wLWNvbG9yPSIjMDY5QUQ0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMzBBMENFIiBvZmZzZXQ9Ii4zNTI1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzVCQjBDMCIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJtNTA5LjggMTUwYy01LjctMzcuNy0xMS43LTc2LjYtMTMuMi0xMDguMi0xLjEtMjIuNyAwLjQtMzAuNCAxLjgtNDEuOGgtNDEuNWMxLjUgNDAuMS0xLjUgODUuMy03IDE2MC44LTMuMSA0My41LTggMTEwLjUtNyAxNDUuN2g4Mi4xYzEuNC00Ny43LTYuOC0xMDEuMS0xNS4yLTE1Ni41eiIgY2xhc3M9InN0MTgiIGZpbGw9InVybCgjU1ZHSURfMTJfKSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xM18iIHkyPSItMTg1Ljg2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTE9IjEyMC41NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIHgyPSI1MDUuMzMiIHgxPSI1MDUuMzMiPjxzdG9wIHN0b3AtY29sb3I9IiMxRTQ1OEUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxRjRGOTYiIG9mZnNldD0iLjI0MTEiLz48c3RvcCBzdG9wLWNvbG9yPSIjMkI2QUFCIiBvZmZzZXQ9Ii43MjkyIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMzN0JCOSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cG9seWdvbiBwb2ludHM9IjM1OC4xIDMwNi40IDQxNC42IDMwNi40IDQxNC42IDAgMzU4LjEgMCAzNzUuNyAxNTMuMiIgZmlsbD0idXJsKCNTVkdJRF8xM18pIiBjbGFzcz0ic3QxOSIvPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xNF8iIHkyPSIxMjAuNTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5MT0iLTE4NS44NiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIHgyPSI1NTQuOTIiIHgxPSI1NTQuOTIiPjxzdG9wIHN0b3AtY29sb3I9IiMzRjlBQzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMDYyQTIiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTQ0OS45IDE2MC44YzUuNS03NS41IDguNS0xMjAuNiA3LTE2MC44aC00Mi4ybC0wLjEgMzA2LjRoMjguM2MtMS0zNS4xIDMuOC0xMDIuMSA3LTE0NS42eiIgY2xhc3M9InN0MjAiIGZpbGw9InVybCgjU1ZHSURfMTRfKSIvPjwvZz4KPC9zdmc+Cg==);
  --htDesktopA:calc(100vh - 76px);
  --htDesktopB:calc(100vh - 144px);
  --htDesktopC:calc(100vh - 210px);
}
body > header[data-scrolled="true"] .headerColorBar{opacity:0}
body > footer{clear:both}
#timeline{height:calc(100vh - 90px);position:sticky;top:0px;/*overflow:hidden;*/}
#timeline > .col{height:100%;}
#timeline #timelinePref + div{height: calc(100% - 100px);}
#timeline > .col > .row > .col{height:100%;}

#activeYearWrap{display:none;}
#activeYearWrap > div{display:inline-block;}
#activeYearWrap .activeYrLeft{width:auto;padding-left:0;}
#activeYearWrap .activeYrRight{overflow:hidden;width:100%;float:none;align-self:center;
  background-image:var(--activeRule);
  background-position:center center;background-repeat:no-repeat;background-size:cover;padding:0;}
#activeYearWrap .activeYrRight .activeYrRule{width:100%;height:6px;background-color:white;float:right;
  transition:width 0s;}
#activeYearWrap[data-grow="1"] .activeYrRight .activeYrRule{width:1%;transition:width 250ms linear;}
#activeYear{font-size:60px;font-weight:700;line-height:60px;transition:transform 500ms linear;}
#activeYear +.row{height:calc(100% - 60px);overflow: hidden;}
/*#timelineYearWrap{position:relative;overflow:hidden;scrollbar-width:thin;height:calc(100vh - 240px);padding-bottom:2vh;}*/
#timelineYearWrap::-webkit-scrollbar{width:1em;}

#timelineSidebar.col{position:absolute;right:0;display: block;}
#timelineSidebar #sideyears{display:flex;flex-flow:column;justify-content:space-evenly;height:var(--htDesktopC);clear:left;}
#timelineSidebar li{list-style-type:none;text-align:left;display:block;font-size:16px;}
#timelineSidebar li{overflow:visible;}
#timelineSidebar li > span{display:inline-block;text-align:right;margin-right:5px;width:calc(100% - 24px)}
#timelineSidebar li > span > span{display:none;}
#timelineSidebar li::before{font-family:'boschsans',"Helvetica Neue",Helvetica,Arial,"fontAwesome";content:"\f111";display:inline-block;float:right;color:#eee;}
#timelineSidebar li[data-rdex="1"]::before,
#timelineSidebar li[data-active="1"] + li::before{color:#aaa;font-size:120%;margin-right:-2px;}
#timelineSidebar li[data-rdex="2"]::before,
#timelineSidebar li[data-active="1"] + li +li::before{color:#ccc;}
#timelineSidebar li:not([data-active="1"]):hover > span > span:nth-of-type(1) {display:inline-block;}
#timelineSidebar li:hover::before{color:#000;float:right;}
#timelineSidebar li[data-active="1"]{font-weight:700;height:auto;line-height: 20px;}
#timelineSidebar li[data-active="1"]::before{content:'\f111';font-size:130%;display:block;float:right;color:#eb1c24;margin-right:-3px}
#timelineSidebar li[data-active="1"] > span > span{display:block}
#timelineYearWrap .yearBlock{margin-top:6vh}
#timelineYearWrap .yearBlock .col .placedOverlay{padding-top:16px}

#sideYrBtns{margin-top: -26px;padding: 0;line-height: 12px;display:none;}
#sideYrBtns .sideYrBtn{width:50%;height:20px;display:block;float:left;background-color:var(--color-mediumgrey);margin:0;text-align:center;line-height:20px;}
#sideYrBtns .sideYrBtn::before{content:"\e296";font-family:boschicon;font-weight: 700;line-height: 20px;font-size: 20px;}
#sideYrBtns .sideYrBtn span{display:inline-block;width:1px;height:1px;overflow:hidden}
#sideYrBtns .sideYrBtn.sideYrBtnNext::before{content:"\e147"}
#sideYrBtns .sideYrBtn.fadedBtn{opacity:.4;cursor:not-allowed}

@media (max-width: 599px) {
  #content{position:relative;height:auto;margin-bottom:0;}
  body > footer{display:block;opacity:1;}
  #timeline{height:auto;position:relative;top:0px;}
  #timeline > .col > .row{width:100%;}
  #timeline > .col > .row > .col{width:100%;}
  #timelineSidebar.col{padding:0;display:none;}
  #timelineYearWrap{height:auto;cursor:grab;}
  #activeYearWrap, #activeYearWrapMbl{display:none;}
}
@media (max-width: 767px) {
  body.pinned #activeYearWrapMbl{display:flex;position:fixed;top:100px;width: 88vw;background-color:#FFF;margin-left:6vw}
  #activeYearWrapMbl{z-index:1;}
  #activeYearWrapMbl > div{display:inline-block;}
  #activeYearWrapMbl .activeYrLeft{width:auto;padding-left:0;}
  #activeYearWrapMbl .activeYrRight{overflow:hidden;width:100%;float:none;align-self:center;
    background-image:var(--activeRule);background-position:center center;background-repeat:no-repeat;background-size:cover;padding:0;}
  #activeYearWrapMbl .activeYrRight .activeYrRule{width:100%;height:6px;background-color:white;float:right;transition:width 0s;}
  #activeYearWrapMbl[data-grow="1"] .activeYrRight .activeYrRule{width:1%;transition:width 250ms linear;}
  #activeYearMbl {font-size:60px;font-weight:700;line-height:60px;transition: transform 500ms linear;}
  #timeline{height:auto;position:relative;top:0px;}
  #timelineYearWrap{overflow-y:scroll;outline:none;}
  #timelineYearWrap > .yearBlock > .col > .placedOverlay{padding:12px;margin:-26px auto 0;width:90%;
    position:relative;background-color:var(--color-white-bg);line-height:125%;}
  #timelineYearWrap .yearBlock .col .placedOverlay + .placedAddendum{width:90%;padding:0 12px;margin:auto;}
}
@media (min-width: 768px) {
  #content[data-scrolled="true"] + footer{opacity:0}
  #activeYearWrapMbl{display:none;}
  #activeYearWrap{display:flex;}
  #activeYearWrap + div.row{height:var(--htDesktopC);}
  #timelineYearWrap{position:relative;overflow:hidden;scrollbar-width:thin;height:calc(100vh - 240px);padding-bottom:2vh;}
  #timelineYearWrap .yearBlock{display:block;float: none;height: 66vh;overflow: hidden;position: absolute;transition: all linear 500ms;margin-bottom: 0vh;width: 100%;margin-top: 0vh;}
  #timelineYearWrap .yearBlock > .col{display: block;position: relative;width: 100%;float: none;}
  #timelineYearWrap .yearBlock > .col + .col{display:block;}
  #timelineYearWrap .yearBlock > .col .picture{display:block;width:100%;}
  #timelineYearWrap img{background-color:#fff;}
  #timelineYearWrap .yearBlock .col .placedOverlay{background-color:#fff;padding:12px;position:relative;line-height:125%;margin:-20px 2vw 0;}
  #timelineYearWrap .yearBlock .col .placedOverlay + .placedAddendum{padding:0 12px;margin:0 2vw;}
  #timelineYearWrap .yearBlock[data-active="1"]{overflow:visible;margin-top:0vh;height:var(--htDesktopC);margin-bottom:0vh;opacity:1;top:0;z-index:1;}
  #timelineYearWrap .yearBlock[data-pos="upper"]{margin-top:-80vh;margin-bottom:0vh;opacity:0;}
  #timelineYearWrap .yearBlock[data-pos="lower"]{margin-top:0vh;opacity:0;margin-bottom:-80vh;z-index:0;}
  body.pinned > header > .headerLogoMenu {padding-top: 0;}
  body.pinned > header > .headerLogoMenu .logo {opacity: 0;height: 0;}
  body.pinned > header > .headerLogoMenu .logoText {opacity: 0;height: 0;padding-top: 0;}
  body.pinned > header .navbar.navbar-default {padding-top: 0;}
  body.pinned > footer{display:none;}
  #content[data-scrolled="true"] + footer[data-show="true"],
  body.pinned > footer[data-show="true"]{display:block;opacity:1;top:5vw}
  body.pinned > #content{height:var(--htDesktopA);min-height:auto;top:0;}
  body.pinned > #content > #timeline{height:var(--htDesktopA);top:0;position:relative;}
  body.pinned #timelinePane{cursor:n-resize;}
  body.pinned > #content > #timeline > div.col{height:var(--htDesktopA);}
  body.pinned > #content > #timeline #timelinePref{padding:0}
  body.pinned > #content > #timeline #timelinePref + div,
  body.pinned > #content > #timeline > .col > .row > .col {height: var(--htDesktopB);}
  body.pinned #timelinePane{cursor:n-resize;}
  body.pinned > #content > #timeline #timelineYearWrap{height: var(--htDesktopC);float: none;overflow:hidden;padding: 0;}
  body.pinned #timelineYearWrap .yearBlock > .col,
  body.pinned #timelineYearWrap .yearBlock > .col > .picture,
  body.pinned #timelineYearWrap .yearBlock > .col > .picture >div,
  body.pinned #timelineYearWrap .yearBlock > .col > .picture >div picture,
  body.pinned #timelineYearWrap .yearBlock > .col > .picture > div picture > img{display:block;max-height:var(--htDesktopC);}
  body.pinned #timelineYearWrap .yearBlock > .col > .picture > div picture > img.img-responsive{width:auto}
  body.pinned #timelineYearWrap .yearBlock > .col{display:block;}
  #timelineSidebar #sideyears,
  body.pinned #timelineSidebar #sideyears{justify-content:space-evenly;height:var(--htDesktopC);margin-top:20px;}
  body.pinned #timelineSidebar #sideyears li{flex-grow:1;font-size: 16px;}
  /*duplicate-mimic sticky hdr rules*/
  body.pinned > header {height:62px}
  body.pinned > header > .headerLogoMenu {padding-top:0;}
  body.pinned > header > .headerLogoMenu .logo {opacity:0;height:0;}
  body.pinned > header > .headerLogoMenu .logoText {opacity:0;height:0;padding-top:0;}
  body.pinned > header .navbar.navbar-default {padding-top:0;}
/*min-height*/
  #activeYearWrap + div.row{min-height: calc(74vw * .5);}
  #timelineYearWrap .yearBlock{min-height: calc(74vw * .4);}
  #timelineYearWrap .yearBlock[data-active="1"]{min-height: calc(74vw * .6);}
  body.pinned > #content > #timeline{min-height: calc(88vw * .55);}
  body.pinned > #content > #timeline > div.col{min-height: calc(74vw * .6);}
  body.pinned > #content > #timeline #timelinePref + div,
  body.pinned > #content > #timeline > .col > .row > .col {min-height: calc(74vw * .6);}
  body.pinned > #content > #timeline #timelineYearWrap{min-height: calc(74vw * .5);}
  body.pinned #timelineYearWrap .yearBlock > .col{min-height: calc(74vw * .5);}
}
@media (min-width: 768px) and (max-width:991px) and (max-aspect-ratio: 7/3 ) {
  body.pinned #timelineYearWrap .yearBlock[data-active="1"]{min-height:auto;max-height:calc(100vh - 200px);}
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col,
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col > .picture,
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col > .picture > div{min-height:auto;height:calc(100vh - 200px);}
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col > .picture > div > picture,
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col > .picture > div > picture img{min-height:auto;height:calc((100vh - 200px) * .8);}
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col > .placedOverlay{position:absolute;bottom:0;}
  body.pinned #timelineYearWrap .yearBlock[data-active="1"][data-year="Future"] > .col > .picture,
  body.pinned #timelineYearWrap .yearBlock[data-active="1"][data-year="Future"] > .col > .picture > div,
  body.pinned #timelineYearWrap .yearBlock[data-active="1"][data-year="Future"] > .col > .picture > div > picture,
  body.pinned #timelineYearWrap .yearBlock[data-active="1"][data-year="Future"] > .col > .picture > div > picture img{min-height:auto;height:auto;}
  body.pinned #timelineYearWrap .yearBlock[data-active="1"][data-year="Future"] > .col > .placedOverlay{position:absolute;top: 0;bottom: auto;right:0;}
  body.pinned #timelineYearWrap .yearBlock[data-active="1"][data-year="Future"] > .col > .placedAddendum{line-height:120%;font-size:90%;padding-top:6px}
}
@media (min-width: 768px) and (max-width: 991px) and (max-aspect-ratio: 1/.9) {
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col > .picture,
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col > .picture > div,
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col > .picture > div > picture,
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col > .picture > div > picture img{height:auto;}
  body.pinned #timelineYearWrap .yearBlock[data-active="1"] > .col > .placedOverlay{position:relative;bottom:0;}
}
@media (min-width: 992px) {
  #timelineYearWrap .yearBlock > .col .picture{display:block;width:90%;}
  #timelineYearWrap .yearBlock .col .placedOverlay{right:10px;padding:20px;top:6%;left:65%;margin:0;position:absolute;border:1px solid var(--color-mediumgrey);}
  #timelineYearWrap .yearBlock .col .placedOverlay + .placedAddendum{width:86%;padding:10px;margin:-20px 0 0 14px;background-color:#fff;position:relative;line-height:120%;}
}
@media (min-width: 992px) and (max-width: 1199px) and (min-aspect-ratio: 8/5) {
  #timelineYearWrap .yearBlock .col .placedOverlay{top:2%;left:50%;}
}
@media (min-width: 1200px) and (min-aspect-ratio: 2/1) {
  #timelineYearWrap .yearBlock .col .placedOverlay{top:2%;left:50%;}
}