Skip to content

Instantly share code, notes, and snippets.

@nicholasroux

nicholasroux/cluster-view.markdown

Last active January 13, 2020 12:05
Show Gist options
  • Save nicholasroux/9c75994b52cc61a7ea47e3970f253436 to your computer and use it in GitHub Desktop.
Save nicholasroux/9c75994b52cc61a7ea47e3970f253436 to your computer and use it in GitHub Desktop.
Download ZIP
Cluster view
Raw
index.html
<div class="cluster-view">
<div class="cluster-head">
<div class="badge">
<img alt="LabXchange logo" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxjaXJjbGUgY3g9IjE0IiBjeT0iMTQiIHI9IjE0IiBmaWxsPSJ1cmwoI3BhdHRlcm4wKSIvPgo8ZGVmcz4KPHBhdHRlcm4gaWQ9InBhdHRlcm4wIiBwYXR0ZXJuQ29udGVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgd2lkdGg9IjEiIGhlaWdodD0iMSI+Cjx1c2UgeGxpbms6aHJlZj0iI2ltYWdlMCIgdHJhbnNmb3JtPSJzY2FsZSgwLjAwNDA2NTA0KSIvPgo8L3BhdHRlcm4+CjxpbWFnZSBpZD0iaW1hZ2UwIiB3aWR0aD0iMjQ2IiBoZWlnaHQ9IjI0NiIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFQWUFBQUQyQ0FZQUFBRGxFbnJJQUFBQUNYQklXWE1BQUNFNEFBQWhPQUZGbGpGZ0FBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQ3BCU1VSQlZIZ0I3WjE3a0dWWGRkN1hPcmRmTTlNejNUMGp6VWhDMDFJd1FoaVFnaUV1U0xBb081WEVCa0txcktnQTJ4Sk9sVk8yeTBCU2xhb0VjQ0tsWEFWU1ZGQjJVbzU1T01TeEl5SEFqbXdnbUQ5YzVYTDVVVFlVSU1rV3FLUUNJVEVqeldpR2VVOVB6Nk83Ny9iWmo3WDNXdnVjZTZjZjk5WG5yaDljK3Q3enV0MFMzMWxyZjJ2dGZSQmUvMDREaXFJMGlnSVVSV2tjS214RmFTQXFiRVZwSUNwc1JXa2dLbXhGYVNBcWJFVnBJQ3BzUldrZ0tteEZhU0FxYkVWcElDcHNSV2tnS214RmFTQXFiRVZwSUNwc1JXa2dLbXhGYVNBcWJFVnBJQ3BzUldrZ0tteEZhU0FxYkVWcElDcHNSV2tnS214RmFTQXFiRVZwSUNwc1JXa2dLbXhGYVNBcWJFVnBJQ3BzUldrZ0tteEZhU0FxYkVWcElDcHNSV2tnS214RmFTQXFiRVZwSUNwc1JXa2dLbXhGYVNBcWJFVnBJQ3BzUldrZ0tteEZhU0FxYkVWcElDcHNSV2tnS214RmFTQVQwRkR1WHpvS3Q2MWVBdU0rSWJTTmYyZks5OGE5UjdlUFh2Wi9URGkzN2Q2elk4SU8ybzlJMStpTTNJLzBYNys5UFA4aUZ2Q3JDemZBaVZaai94VW9RNlN4RWZ1Lzc3dzJmVERHaWNwaXBXcUZDVkh5dEk4ZDQwU0ljWnY3alB4eVV0VDJjMFhuNVFrWVh2TGEvc283VFJ0KzZmd0pVSlIrMEZoaEh5OG00TE16OCs0UEpHRTZrVUlTYzRIc014T2cvMnozWXp3UDJQR0NLT0Jzc3pnRW9ZNGZYcm5rWG9yU2F4bzl4djdpOUJ4Y1FQOG5Zb2pCaElqYTVYc25XaVpROThNWWRqT2c4NlJvVGJzTjY2Vk80UGNzblFKRjZUV05GcllWOVNNekN5S2RqcEVZbUdDTkgyQlRTbDRFMFJkQmlOamg1ZlpsNCsyNnNUZHRxOXUzdUhvRmZtcjVIQ2hLTDJtOEsvN0Y2VDN3clltWlRKQTIxVFl1aHBQSUFYd0tYb1N4ZFJHM3lac0MwUGtneFEzc3ZURGNqT21ZaWhNL2ZlRzBHM01yU3E4WWkzTFhaOHFvRFdIYzdNYldRSkhZeE8xeC9FekdHZEpZUEVWWlB5NVBZMm91Ym5LNzZUajdsb3U2bTRtK3EveU9PeStjQVVYcEZXTWg3Q2ZMaVAyMXlWM3V2VERKZ2tESkpJdGlSaTkreEhRRGlPNjVNVEx5QThSckFSTjMrREwyVzNRdmovM1V4WE53VTVtV0swb3ZHSnNHbFUvTjdJVmxaNlNabEg0YktWYm5vTnYwSE1na1M4ZkdjVG55Rjhwb0g2NFZodXpyY3NZNWQ1Y3B1YUwwZ3JFUjlyR3kvUFdGMGlYbmtiWW9lS2xLMXJlSlZBb0RsbjZiY0RNd1FHZFErWXdmdHg2OCtlYUQvUTlmdVZpK3RQeWxiSjJ4YWluOXd0UWUrRUhoTzcwd0RZNzlaLzhoUkYrdnREaWVCaTVVRXd0bnRLOWcxMFBXak9JdkgvdlZhbjhudTkvZllQem5YMXc2b1VhYXNtWEdTdGkyL1BYSm1YMXBmTTBhVVN3aGNEdGFCY1ZpSXlKMVNzM1R6WURPNWVOMlhpUDNuV21tNHlpYjlsdjJ0OWZnSjdYOHBXeVJzWnNFOGplVE8rSEp5UjFkVExDUVV0TzRtOHcyQkhFTWhQTUFLQVhQU21EQW1sMUk3RjM4cytTZUcyZWthZFJXdHNKWXp1NTZlR28rT3VIMnAvMkhVR1N0b2J4dUhWTnY5NzgraXJ2elFzZGFOT1RDT2Y1NjVYdVQwbnE2WnB4NFV1azNUKzkzbGFMV2pqUmxLNHlsc1ArdUxILzlVVG5lanRFYTAwK0VOSG5EUmVCb2twbHN2TTFLWmhTZDdiR3M0aVd1Rjc2YnN2Umt5Q1ZqanJBYXYrUFNraHBweXFZWjIvbllEMC9QdXpHM0ZKeGhZazQ3TUVUblRsRTh1dVJpUDRodFF0eGN4RFdkSzdUN3pvdG5RVkUydzlnS2U2a1U5VVBUQzJKY1hEQkRMWDIyR09CVFA4azVUNTFySkhKZUh3OXVOeVNSQTNZdWc1RytlYjNibHI5czVGYVVqVExXSzZqWWRQd1lMMzhaM2o0YVJBdThuQ1ZOTm1tNG9VenBtVURqZHBPdW1VT0g1eEg4N25Lc3JVYWFzbEhHZm1ta2orMjQxa1ZnS25ubE03OW9IQTNBQkkwb3R1WFRPOU0xUWxRM3pKeUR2QzZlcURQTnJaR21zNytValRMMnd2N2Ixb3g3WVc2aThSWlN5RjlaNXhxRTgxZ2FUNDBzY1l4TjV6cDN6YVRqMmUrQzhVeUpMWDlkczdZS2lySmVkREhEa28vTytHV1V1SGg1NDRsWUlpbWVKVmRia1RjQVZ2NENQMjRIVERlRTVKU2pHSGZIY1hiMisra3lTc3BHVVdHRDd5T1BSaG9US2JWNjBuWUFFQ1V2WGdLVHM4RzRLMjVpclZ5VTBVRGVLT2o3NnJCNmQ4c29hZmxMV1NjcTdNQWZUdTZCNWFLUUtiZVI3YUxjTlJlUk83YVZHYkhFa3RjNWhsRE1GazFFcUUvQjYwcGZyRXgyOXdWdFdsSFdod283WU10Zi81ZVZ2MFE5R3BKckhvYmhjVi8rOHR0OTc3ZVA1TndsTjNMNko5U244aHd1OXB0MEdTVmxuZWlpMW94SHk2ajk1dFZsK0llckYrT2FDVlpvc2RpRUlMYlRldVFRVnlFSHQ5UE4yRUpnODdKWmZJOVpBSTJ2a2RXd0lheC9qc0RYVXZNendBcjM4ODdsTS9BWE8yYkQzUEx0ei9VM3Z3a0d6ZEhudndwTlI0V2Q4WHRUOC9EcnBiQmpYUm1TWUR1dGIyVFFwejVwZG5ZNEwzdzBOTlZUcE9iaTZoRy9FZ3ZFWStqUWR0dEhkbXVrL2VzTForQ2gyYjJ3M2RtNy8xYVkyL2R5R0NTbmpqOE40NENtNGhtMjlQVW5rN1BoSHd4M3c2c1BEL0NmTVV6MnlJNEoxK01UUlVUcURTeVNzMnNXMlRGRlRPTlRHZXduRzdDTTB1VFVMbGc0OENvWUpDdFhsdUQwc1dkZ0hGQmgxL0I3NVZoN3FVeDl4VHh0eU1iVFVZeWhkcDI3NXBpbWZGclMyQm9yTjRzQzVMaWVyNXhLNUliYjNkdDg5dGMxTjl6bXhEMUlUaHo1VmludUN6QU9xTEJyZUFrbjROR0pQY3dKVDFrME43ckNwa3I1cXZZVjNxUjdnRW1ST2pQUDZEc0tsQm1DKzc3d1lUcy9SY1FLZXRBcHVJM1daMDkrRDhZRkZYWUhIcDJhZzVmSytyWk1uVDBrVEI1bDNYczJObzZwUEtYU2ZPRkVmajFhOE16SXFBM3N1MkpLRHRJbC84WHoyM01acGVFWVpsK0RjVUtGM1FGYi9ucHcraHIzbmtkalNwdHBvWVUwRG1aUk5seURSK2M4cWdOZG84RFFxdzRwblhjVFJ2aXp4YUMya2Z6YXRkVnRWLzZ5a1hybjdnTXdTR3lrWGo1L0RNWUpGWFlYbm1qdGNHYWF3eGlaRXJ0dGJmRVBNSTZSZy9veEtMbWFwbU1tZm1UdlU0KzV2RzR5M3dnYnZMZGJIN2tkV3crYUUwZWVoSEZEaFgwVi91ZjAzalRXWmxIWmdrR3RQSkpUZEUwaU5qWExFcHZZeFphMnkwa2tlWVRudmVlVUlkZ2J5STUyV2Y1YTNoNVBFYm5tK2lFWVprZWZIQnZEaktQQ3ZncmZMYWJoMGNrNXlCZGJRTWlNTVVnNzhnZ04vQ2V5Q0V6aU5pYnJJVTh6di9oNXZCMDFUQkJ6bjdmRE1rcFcwSU9PMXRZd08zVnNQT3JXT1Nyc2RmQi9wdVpodVdqNWlSNGd6YXlDQ2RtTmxlbDlPSmVMdjlOYzd6bzNIVEJGNXZpZFBFWFBiaHgzam5qVUhrNEsvaTFvcjYzQU9LTENYZ2ZXU1B1ZHlYa0FsanI3TjNIRm83aE9tZ2plQ0pBdmdKaTJoODhtbXh5Q0tNYlNlZFRPTXdYYVprdGZiN2s4bXNzb3pleFkwUExXZ0ZGaHI1UC9WNmJqejdhbVhack14OURKRVUrRFkrRm1aK1V5U3FNcmpqcEFUTTJUb1VacnF0V012YUU2RHIvbi9HZ3VvL1N5Vjd3RkJzMmhaLzRVeGhrVjlnYjR6YWw5d3J6S1hYSU02NXJWaWM4ZGc4bDRFeVV3d0VwbldlcEs0OHNwWlRQQm1OanRqV0xuQ0M2alpDUDFvQTB6RzZuSDBURGpxTEEzd09ObDZldUpVUDRTWTJlQTZGaGpVRzVlMTQ1UERJS3FNTk5jYmU2K1kzVGRLWEw3UTlOamgrajNTUHVOYzhoSHBmdzFETU9zdlhabExNdGJPU3JzRFhMLzlMVndvUWovMktockxFQ3Q0VEVGOXovOFBtQWlCNzZOR1dyNWdneTJMQmJPczhlMWFzdzNudmJUVGVHWGwwWmpHYVZoUk90VHg1OForMmh0VVdGdkVOdEgvZ2V1anp3OTVpZVB6TFRQd2xOc0hxWDVtdVV4K2haOEFnbTU0K0J2Rml4U3grZUowWFV6Wi8zVlplbnIxVVB1SXg5V2VVdWp0VWVGdlFsK2YyTE9sYi95V3JXRjk0Ym5wVEFBYVhZbHc0eVh6Ykt1TktweFk3NWVHdFo4ZitwZi8rVWhMMzQ0clBLVzRsRmhid0piL3ZvZmsvdllXbVkxRTBKcUluYVJqWXRUeHhsbDlGbXpDdklvbi9ibDN4bFRjYlptMjdYdFZYanJ4ZUVZYWJOek53Njh2SFgrek9HeExtL2xxTEEzeVZjbVp1R0ppUjNzUVFCK1BCeGRjY3hkN3ZSVDdBdmRZNjJRaHZ2SEFsR2FqZlJmZGw1ZE9Zdzh0clp3emU4cWpiUmhsTDhPTEw0QkJzM3h3NCtCa2xCaGI0SC9QYm5nMy9CSTZsUmx4S29xUlNiT2NGTDJtY1RKeTJCODFSVVV0WEthTEZLd3RGOTJ0aG1ZaFRiY2RXR3dIV2xhM2hvTlZOaGI0UEZpeGtYdWFvTUppZHhIVmxuNk1tSXNuY2JJMlR6dGVBNnJZZGYxanhzZjVZMVlSeTBkOUxaTDV3Wm1wS2xoTmpxb3NMZUlIV3N2WVZyS01FVllsajRia0E0MnNIMG9sMElTNDNUM3pvQjhkbGhtdG9XeE40L1d2bWM5M1JEdXVqaVlxSzNMSFkwT0t1d3RZa1g5QjZWTHprV0lJc3FDR0d4TFVhNy9sUlkxWkQzbENLTHZQS1gyN0VtaDVZbXZLU1AyajE1WmhuNml5eDJORmlyc0h2QzVDYnVNMG1TY1l5MVhVVEVneDh1MHZUcmU1b3NhOHNVUGVUYVE1bjNUQkpLODUxeEdkSHBXOTg5ZjZHOGYrWUdEZ3pmTWpxbGgxaEVWZGcrd1VmdkRVL1JnUHovZVRjNDNpZ2pyOFJNN0xIRnBZcWI2K01nZ1RDNjd2NUtSZFc3a1N6SFJ3ZzNwK0hpOThqLzcyeXZ3OWt2OUtYL1pTRDA3ZnlNTUVodXBsODY4QUVvOUt1d2U4VmhwcEQxZVRJdFNsaGUwaVZHVFhqNGFzMFVXNkZoZ0JodUtESjZKMTBNUjNjUnVOSCtSbE9aanZCR1EyTjlXMXJXdjdVTWZ1UzUzTkhxb3NIdkliMHpaeFE5TjVtWkRpdGdoZXZQMTAzajZuQnRuS1MxUGpydnNKVStwdWJ1bVNldWwrVlZZWktQTHJGbURmN1BjMi9YSWRibWowVVNGM1VPK2cxUHdlVExTREhlek1VWmg2aThISHJsUkNwbElZMndRalNkRndSZHY0RGNQOThVZ3Aza2FzZitOSzh2d210WGVsTCtzb1BjTzRXa2VaMCtvWVhZMVZOZzk1dE1UOWlraXJSaVpVKzBhV1dxZDFoaXZMRmRzNUJKTGNWek5VdmFVdm1kOTVZQVZzNDEvTDBYNmQvWm9HU1diZ2hldFNSZ2tXdDVhSHlyc0huTytOTkkrM1pvSE1Va2pSdElVaFhrbkdhSjh3QUFBeVBPQkw1T1VtM0I1dE01bmkvR2hnYzhXWGx0RzdLMGFhVnJlR20xVTJIM0FscjlzV2k3SHlpR1NrbGk1b1JZT1NtUG5OSmFXNDNTSy9qeXFaMk41SUJQT2Z4K0FOUE1nVERaNTUvTHBMWlcvRm0vOVp6Qm94bjI1bzQyZ3d1NFR2ejdwMXlNSEZuV0ZvSGthSFI0TmxKNHVnbXdKcGFxWmhtd0hnc25TY1hhRHlOWTM1MjJ1dG8vOFgxNDZDNXRCKzhGSEh4VjJuM2lzMkFHUHRYWlUyMG1qb1NiYlRndlJOZ3JwUFVneDU1RVpnTHZ1ZnFOODRxZU02anhyZU5mRk14c3VmOWt4dFM1M05QcW9zUHZJcjAxZTZ4N0hhK0ZqN1lLNzVWaU50SDd1ZFNiaVhQeVF6RFplcytaamNpS201OEM3Mi94TjV2M0xQNENOc0hmL3EzUzVvMjJBQ3J1UEhNVUorRnhyanBsWFJrUk5YcE1HTkt5bWpiWDk1R244RFZrZFBFdjNnZFpKWTJrNEQvRTB0aS9ULzlldVhsNTMrVXRuYjIwZlZOaDk1ck9sa1hZVWJVbUlMWHBvaFF2NS9Ha2VvVTJOeTExVDRncUdHcUFSNTZmdlNWck9hK2JBM3I5L2FYMVJXNWM3Mmo2b3NQdk0rZklmOGYrYW1CZVIxRWZRWUZGakpsWnFBelg1bUx3NjVoYnBPQitYWTNhcyt5cm10Q05sQlA1M09HQlczWGk3R3pNNzk4THM3R0FmZjJzZmZhdmxyYzJod2g0QS83KzEyL1dTaTBqYmFhVVV0aTAxcjhnNTJRRFZWVmxvREMwRkxXOEthZG5qdEE2NVB3ZmhIYVZEdnF0TCtXdi8vbGZDMnVYejVmMWhjRXN0SFgzK3E2QnNEaFgyZ1BqVXhJSWNMMk5taU5FNEhCRjRrd21BRkN0azV3akhuRVgveWcwZ2JPVHBQTThTWnN2WHV6dEU3ZG5kMThIRXhJeGJVNjE5ZVRBbWxwYTN0b1lLZTBCOHN5eC9mYm1NM0ZTZmpwTTNJQW1YbGplS0UwYWd1aWlEK3hkbVpLU1AxM0FwdkJHQ1QwTUFsR040QUZZTzg5dmVjZm1zNjByaldFSHYzWGR6L095aWRydS9UeHBSdzJ6cnFMQUh5TWNtOTdtV1U1a21wK2djeDkrUXV0TFNxaXpwMkNLUDlnQ3NsQ1lGSFE5Z2FUNE44ZFBOSUIzMjdvdW54ZTg4TjMramo5YU0xVDR2dFhSYXkxdGJSb1U5UUt5UjlrZ3hWeGxEeDRpS1VwQmlpU1hrSmh0MzJLRytZUVdxMStQSDAzRnhJa3E0L20xbHhMWXp3Q3hXMEhNMUN5aVkxU3ZRTHN0ay9jQS9yUDRaVUxhR0NudkFQQkxMWHg0K0h1Wmk1RXNqUlplY3prRVVZMmN4U2NTSmxhN25jYTJxSUNPOVNNMnpHOGkvWFQ3cGpMU0Z2VGQzL0R0c1N0NFB0THpWRzFUWUE4Wkc3Zjg2Y1kwMHZZQ0xtOGllTXBMOWhNcmplbVV0bTI0S1JZaktkT0VZOGVQNUtLOVZubk9nSEVPL2UySUtkdSs1cnVQZllhUDJXbytOTkd1WWFYbXJONml3aDhBM1NpUHRtN2lEUlV5Wk1zdUl5anJXbURqRnZPdUt5NTNTN1BnZFJ1NHZzakYrWGdmL0YyZStEM3ZMdExnYnZTNS9xV0hXTzFUWVErSytDVnI4TUlEeTRRQ3g3ZFFZcVBhVUd6bFdoaUIwaE5yNnRzVzJySlB4QnVBZCtNb01NbmJ1enJVcjhOT0h2Z1pkNldINTY5VHhwOVV3NnlFcTdDRnhCQ2ZjZU50SFQ1YUs1MktqN2NERzNqRmFwM1hRcU5rRXNuTUFtUk1lZmhaTTRIbFpqSC9YN1djT3dTdk92d1RkV0N2RnVOWHlselhNVHF0aDFsTlUyRVBrazYwRi94UVJJN3ZHaXBwKzhCVEp3ekZBYVRTbTFKcU1OSlJQQWluNE5YaVVoMnFremorLzljamozZitJTW1xdmJuRTFGbDN1cVBlb3NJZUlOZEkrYVR2U2dvcVFSVzZLNGhYM0dwbkFXWmRhTXRUNE5nTjBpNGdwT1hRUmM1YkdXMTVaUnV3ZlAvWlV0ejhEek1xbFRaZS9kTG1qL3FEQ0hqSVBsM1h0YjdBK2Nnc1pXL0ZoQXNCRUhCeHV2bEpwUmZpWTVNd2pkWkZIYTVUYkFXUkVMOEtCTm1ydktNZmMzZGhzK2V1RlovOFNsTjZqd2g0QlBsRXNaSkdTbGFJQVlxc29RSEs0UGFrcnpUV2EwRFVNelJwamM3ZnBISVRLT042WWF2U203M1ZHV3ZzS3ZPMHFLYmxyV3RuZzg4RnNwTDY4ZkJxVTNxUENIZ0ZzK2V2UFdydHF4TVY3dXF1TEZ0TGlEWmFpSVBWNnNaUEl4ZlBBSUIvTDE2ZmlRTi9QNnRzL2Z2eXBucGUvdEx6VlAxVFlJOEtEaGUwamwydUF4elRhWkt1TlVpeW55RXp2Z1dyZ2JnTnJVMlVPT1gxbVVac0wzSDBHK1ptKysrN251cWZOcHIyMjd2S1hQczJqdjZpd1J3UmIvdnBNTVY5ZEVpbU9lWTF3eCtPRUVKQXJtL3BBeXpyWWpHRk5MblNEd0dxa3hycFVQSTNCN1hlOGN1a2x1R1U5NWErclJHMmR2ZFYvVk5nanhFT3R1Vkxna3lKcVU5MlpQaGVoZHNVbmhLUVpZVDRkRjdPK0NxeEdldVFQSUtqZVNFUUtIMzg3ZjdPNDUvbXJtRjJ1YWFXN2thYjk0UDFIaFQxQzJQTFh4MW5VdG9peVZ4ejNNcWU4emtIbm53M3JZbU9tSEYrV0dLQm1uTTMyeDhhWDhzTytNdHErL2NnVFhmOE8yMFBlcWZ4MXFUVEx0THpWZjFUWUk4WVhpdDN3ZFp3UjR2YkkxbEsrMHFqZmxuckw2Vmk2R1JTc2lVWFV3ZGtrRS84NUJ2T3dvSU1SVVp6ZS84VHhiMis2L1BYaXMzOEJTdjlSWVk4Z3Y5VmFBSURxQS92aWV1TXhOYWVVSE5ueEJ1U0QrZmo3ZEMweHg1dmZSRkE2NDFRcTQ3VnVXLzU2KzlIdVVidHV6cll1ZHpRNFZOZ2p5TmR4UnpuZW5nY1NhOTRTbXRKakk2TXUwcEpLWE54OHdvaUp6L3NxWW0zY1ZOSjR6TDh2aUp1UHZmOXBHYld0bWRhTk5iYlNpaHBtZzBXRlBhTDhWckZRbHI5YThYTTFKVWEycUNGUHNZMkl5SEUvOEJRKy9LUXh0bUhwT2xTTk5BQ283Vng3MjlHck5LMlU1YSsxU3o0bFAzdnlPWTNXQTBTRlBhSllJODJPdGVXU3hDREcyQUNwaHAxTXMyU28wZWZxODdTem5uSmtONElzZWxNYXpnVU80VnEzbHFXdnE0MjEyN1E0b2dGbGdLaXdSNVNYbVZYNDUyWVo4dVdJU2R3RkUyUEJTbG9PVTcrb29SQXlHakUrQjBnTE91VExHNE9wR21qMjJLL3V1d1V1dHFhNi9oMFRPL2U2bjNzUDNEcndaMzZOTXlyc0VlV2g5cEZVb3VKUmx4MlRoSmM2ME9SVFBNTTRHN09XVkxxQVlmdjhJQjNrS3FuQXh1ZFMzQ2VuWnVITDE3K3U2OTlRbEVMR3dnOG5pdklHc1AvZzYwRVpEQ3JzRWVST2N4NXVoQlZJWnBjYzQwS2Vub2VYblBHRmxkUWRzeWp1UGh0NnNpZUptYnJZc1BZNzZCcGZ2djVIbkxnN1VncTZOUzMzNzU0L0NEdDNEL1l4UWVPS0NudkVzQ240djJ1ZkZpYVpFQzltVVJTWWVBMmI3Y1dGaW56aGhteHFaMHpOa2FYcDlOdndlZDNwKzA2Vmd2M3J2YS9vK25lMHBuZkhhTTI1L3VZM2dkSi9WTmdqeHIrSDAzQVFWOXo3bUZxSDk1UnVwNFlUYVdyUjhXQmtLZzQxendrVDduZllYb2o2TitzM0Y2NDZ3RWRmOGRhdWYwTXh0Uk5hNWFzTzl5amU2d2YvMU01eFE0VTlRcnpNck1CZHhpOHpsTWE5Yk53c2xoRk9Oak9mbWdraTZwcDBBMENBL01GKzZlYkFWbHBoUld1YUZzclhKUC9ydmJmQWlXNHBlSG1RamRiZHNFWmEwWm9FcFgrb3NFZUl6OE9SU21UbGtkS2x5NGFQaFpQZ0FHclNkWDR1cEJzRXNPdkY5NkpGdGRwRGJzVnV4OVJmdks2N1lkWXFqNmxMd1RuV1NEdHc4QTJnOUE4VjlvaHdWMW01UGdpclZUR0dEeWtxbzRpNFJENm5HZ0RFbUxsYXJnSTJCb2ZrcW9mTUlLYmxtSlpaK3NLQjEzV1AxdFl3bStrZXJZbTVmUzlYSTYyUHFMQkhnQnRMUWY4SE9PVS81Q0tFek14aVloTlIyVWdCMTBadGRsN2VSUmJkZDBpcnNSVHN1MjIwL3FzeURlL0c1SzVyWUNQc3YxSExYLzFDaFQwQ1dGRlR0QmFSTnhPZlNOT1JqYU5yMG5FT0wzbXh5NG82dWJ4SjhJVWEvUGZkLzBOWE04eDJYVFVGejVuWnVRQjc5OThLU3U5UllROFpLK2gzd2JrUW1ibWpuVVhXbXBTNk1uSERiWkwxYW5lak1ObG5URkU2UHRzTHdwaWJmd2Y2MytrdkYyNjVlZ28rUFF1YjRab2JibE1qclErb3NJZk1vL2dpcEtXTHNFYThNbTBtb2xDTHZNNU5JMkpUUDY1MlhXd3l4WS85NVJTcFdRdnB5YW5kOEljSGZnUzYwYWxtdlI3VVNPc1BLdXdoOGk0OEQ0dTR5c3d5dHN4UkZyRUxySW02UW95OERWUTYyNEI4ZkcwcVRycGN1NXkreSs5NXRCVDFEN3BFNjI0MTYvV2lSbHJ2VVdFUENadUMvMGM4RmVkRW94QWZTZEpVWmxlSjljeFF2c2owa2hFYzJPT0FJTTZ5NGhFK2RaY1pVVHUzMGZyUDU3dDBtSzJqWnIxZTFFanJMU3JzSWZHZmlsT3dDQ3N5VFFhSWFUbHZDcEVwdVpIamFVamo1ZXFrRG44OGhIRTJnTHllak5acEczMyt0WC9RM1RCclRlL1pkQXFlbzBaYWIxRmhENEdEcGFEZkhRMHp5QXd6Nmlpcm4yOXRLUUFyNC9EVVZVWmhXVGF5Vk1iYnVjQ05UUGUvTXJrQXh5YTdwTmpPTU92dE5FdzEwbnFIQ25zSWZLbDFwRnB6emlJelQ2ZjV4QTVhRWdrZ3Z4bndCd1RJNkY5MzNTSmNnRThxb1hPT0ZoUHdjZHdOWjA0Zjd2ZzNiTFJtdlI2c2tYYnREYmVEc25WVTJBUG1aMXFsWVZhc3BOUVh1VnVkMWlUanRXZGtqU255SEhZTlN0T0J0ckVWVW9SaFptcHIzbW5rYnVCVEV3dHdGQ2ZnektubjRDSmJ0NHpZVE0xNnZTeVU2YmdhYVZ0SGhUMUFEcFlPK0FlbVRnTTlSRXVZV1ZSL0xsS1VqWVphY0trcHVsZFdOSUcwbjJacEpZYzhyVWNPVUhjZWorVEdDZnBMUlRMRXpwdzVER3pBdnFHMjBjMXl6Zld2QldWcnFMQUh5QWVtVDhIQk1scEhxOXFLdU1oUzhVeUFSVGFOVW9nYitLdERSS2ViQTVBN2ptS2NEZUY4Q0o5L1llSUc4VHRmdkhBU3pwNTVNWDUyTld2czcvOXRiTVJXSTIxcnFMQUh4R0t4Q2o4N3N3VFlRdmRLNGdZdkt1Qml6bEp0aUtyM24rMnBSZFVBbzVRN21XMDBHOHlMMnhnajNQSThhbit4bUhYUEVNczVmZko3MERidG50U3MxNHNhYVZ0RGhUMGd2alIzTkFtWlV2RVdCSkZEL0RmQnM5NGtXaU9lb3VtaU9uOUtCMmJqWlg2aklLRWpzQlZMV2ZRUDMzc0VKdUFUeGQ3YTM3M2RYaTFUOGhkN1ZyTmVEMnFrYlEwVjlnRDRtUjFMc0RpNUtxSTBGaXc4aCsyVTRlWk9kdHlHeUxyTzdOWTBoenBmMHd4NDVBN3ZBYkliZ2RPNXY4Ykhpd1Y0c1NaYUUyZE9QbHVtNVNkZ2tLaVJ0bmxVMkgxbXNiVUtIOXh6eG91V1JHeWp0RFdWS1ZxM1FJamJpcDd1QVJiTXhCMVRhRExWa0Q4OEFMTDl5WFV2MElocitoUWM0VWd4Q1g5VVhEMGFuemc2K0tka3FwRzJPVlRZZmVZRDgyZGl0UGFwZDRqTVdiVG03dzBiL0ZZbWdCaitDRngwczYrb3FZVjNuOFh4TjRJMDM4Sk5nQlpTc01lL3AzWER1djZXNWZQSDRQVHhaMkNRcUpHMk9WVFlmV1J4b2pUTWRpK2xDTTFGM0FycGVJalEzbFNENEpTakU3ZG9ZQUdRRFNpOHBJWFpVc01zQmVjTEtFQjhueDRGWkNQMWl6Q3g3ci9wQjBlZWhQYmFDZ3dTTmRJMmpncTdqM3o1eG1OQnpFWkdaU2Zpc3BCVk1QTU1mYVJPQWsvajhDUmFJNFRPelRXS3ZrVkk0L2tqZHQweElvWDM3KzJZK2pjN0dHYWRhSzlkS2NYOWR6QkkxRWpiT0Nyc1B2R3pjeGRnY1hvMXBONFlvN09MM0RFTkJ5ZHVJQ0V6aDd3bzN4czJFeVNKbUg3S2xWUHlhQTRnNTFpbjJWMG1wdk8vQzNNYml0YUVUY2R0V2o1STFFamJHQ3JzUG1ESDFCL2NmN1ptREExZWVVemN5Rkx4Zkt6dFg4YS9ZdVFGT1hVVGFKZUpQOFU2NHN4SnAvUHRXMXV2L3QxaUhqYUxHbW1qalFxN0Qzend1bk53MDh4YU5NeDhwTVlrNENCdUtXWVE0MjkvZlBqWnd2aFpQRDBUVXBwT2l5T2tzWFVhUnhPOFZQWkxlQjFzQlRYU1Joc1ZkbzlabkZxRm43dm1RcGxHR3lkRTUzQTdNWnVZY2tQSDZKekcyelNZeHBDdVk5aHYwRVFoVzhSS0tid2NWcUFjbTVzay9FZHhOendGMDdCVjFFZ2JYVlRZUGVhUlcwNG00NHVuMkV6TVdFQ1gxQnNxOVcxeXlma3g3c0czWWN3c29qZjlJbUZ0Y0dvcHBhNjFGOHdFL0Fac3pERHJoQnBwbzRzS3U0ZjgzUDVsdUcxMkpSTW1DS0dMV25XUkNUaWs1MWhqc3RHTmdQK1VyYU5ZS1k4NXdqNnFpZjhPenNFTG16RE1PcUZHMm1paXd1NFIxZ0gvME9JNU5xYUd5cmdaV2NlWmo5cFo1QTRsTDFOcnFFSHFYbXRSQ1Exakd5cVlkakxQZ05XNU1VM25QRnhHNjAvRDVnMnpUcWlSTm5xb3NIdkVyeHdzeTFzNzEwS0pDb0JQemFRUWF1SUMzeVpHZFZlN0xwaEIxbUtsc2NvTG1jQzl1TjFOQUZtNXk3cmd3TXBoSnBsb3Z3QmJNOHc2b1ViYTZLSEM3Z0dMcFFOdWhaMVNib2hDUkJhcGtUbmNmSCs5TTg3cTJBVkZlaERwUFBENk9PWGVXVXNwR1cyL0QzdmcyejB3ekRxaFJ0cG9vY0x1QVkvY2ZpcXFTRFNqeExFMFZBMHlFWVhaK0RtMm42WXVOT1NsTWtycjZhYkJVbjNnYmpra0Yvd3dUTUxIVEc4TXMwNm9rVFphcUxDM3lOMDNYSVRiOTZ5d0VwVi9GYTBpaUJNcVFzWkNHbUZSNEpTbXgvRzJBZDZTR204UzRTZVYwbWpoaHRpSzZ0eHk4Qk5FeWcrL2JlWktjZmZPTU91RVRjY3ZMWitHUWFKR1dqMHE3QzJ3dUdNTlBuVExVaFFyaGpLVVZWYmJpb29FVjZBb2NjVnhOQW1WR1c2Mmh4d0xyRGF3VVBRdXFvNDdpVDFsQ3hqRmJSM3czemE5Tjh3NmNmeUZ4MkRRcUpGV1JZVzlCZDU3c3pmTTRqUk1UT1lXaHJUYzhOb3pSZHJjS1krUm5SbGloUlMxb1VnZXowbXB1UW5uRzdvMnByTFpQZTMrR0dhZHNFYmEyWlBmZzBGaUk3WjlUSkNTVUdGdkVodXRmK1hseTZ5UUhCeHV0bkNaYnlMaFJobHp0Yk5TbHFsSjFjVTVMVmtIbHk1NTVxaUhhUDY1MGpEN2x1bWZZZGFKWTRjZkc3aVJkdURnNjlWSVk2aXdOOG5uM25nVytCSWx3alFMcFNlZUpzZGFkQXV6a2hoUDE3bExIdDRqVk1idjFHS2ExOEI5RDdxUDdJZEt3K3pCdGY0YVpwMVFJMjM0cUxBM3dkMkxsK0QydVpVWUxXTlhHWnFZamh2RTBBMldoTXY3djVGRmErRnMwMDlLelNrU2k1WlVUUDNuQmRhMm9INjJQUXVIVFA4TnMwNE15MGliM3JrQWlncDd3eXp1Yk1PdnZ2cENNcWhDQ201WXVjdi9oQ0J3RTQrSjRvOVJHbExrNXBGYVJIa2pVbTVrNVRCbzhWUzlpTWZaOHRhRFY0WVRyVG5ETU5JTzZGTTdIU3JzRGZLK1d5N0M0cTQxRURPd0VPSlRQS0xKSlNKMFRUZFo3QTlIdGt3U21XRThRcU00SjNXdlFieHgrQmxnSnQ0b1BuUnBINHdDYXFRTkR4WDJCbGpjMVliMzNycWNJbk9SVExPNGNBS2wzeFRCK1JqWmliOUlxWG5MQzFLYVp5azF6OHRkNUhaTE4xMGFhcDlkMlFOZnVUS1lSZjNYZ3hwcHcwR0Z2UUUrZjhjNTRZRFRlMHEvWlJSTlJsbzhEdE44NmpyVERkbUNoNGFMbTB5MFZrckpSZlFQTjRPejVZRVBMZzJ1WnIwZTFFZ2JEaXJzZFhMM3l5L0Q3UXVyS1dvQ1pHTmhBRnAveUtYa3dQYUZsSnhXSG5YVE1xSzRrYm5hYktYU2lsa0dOV0pHNXBRamZISjVEeHhhRzU1aDFnbHJwSzFjdVFDRFpOeU5OQlgyT3BpYk5QQ2ZiMTlPNlRmUWVEcEVYSlN1ZHpUUE1LWExibG1qdUkvS1lRaWlYaDJkY0FCZURqTkMwQ2dNTjNMSTdRSUsvKzNjYUVWcnp0SG52d3FEWnB5Tk5CWDJPbmpmcXkvQlRidmJNZUpHbHhwUjltL1RPSnZYcHUweDdqOXlRb2poTndNUjJTRzJvUEkwRzNuWmk2ZmtZZHVIVG8yR1lkWUphNlF0blhrQkJzazRHMmtxN0t1d09GdVd0MTUzTWJyZlBrcURGSEZXcTA3amFDTzJRMlZjRG5LTXpzUnNzclJidk54NG00NHg4Smx6TytHUEwreUFVZWZZNFcvcTFNNEJvY0srQ2g5OTQzS2EzRkVSYVhxNXFNeFNjME1PT0VCVzltSTNoaWhxVXhWNzFwUWlNb0pXaXVoblMzVS9lSEowVTNDT0hXZWZPdlkwREpMSnFWMndkLytyWU54UVlYZmg3bHN1d3p0dVhnbGphTWpFakFCWjFNMGpNNVd5S3R0WlNzN25jZE9OZ2ErNGtsSnZqQ1d2V09zdVg1ODRWUnBtSzZObm1IWGl4TkVuQjI2azJhaHRCVDVPcUxBN01EOXQ0TCs4NGJKN0w3dktxdTk1ejdpb2F3UEd6K1JnaTRraU5GNm5TSnlsK3I3bURTQVhXVWlHM0tIVjBqQTdQZ2ZialdFWWFkZmYvQ1lZSjFUWUhYanZheS9EVFh2YVVYZ29JalhFOURqMWZXTXNlWWxlOEd4TWpXSnNEc0pKTjZ5NWhhZm8xWEcyMy9mQkY3ZEhDcDR6TENOdGR2NUdHQmRVMkRWWUIvemVINzBNd0JZSWRNS3pPOUVmNDZaa2hpNnkrR1JNMWlzZWU4bHJVdTdVbFNZalBiS2FkL3hKcjdobW1yL21JNmRtNFkvUGpMNWgxb2xoR0drSERyNWhiSXcwRlhZTkgzM3pKZkdNYWpHT0RvSXJLS0lDcEhvelF1b1ZaK0tsRkR1dFdCck9yUmwvODNQamRxRHY4ZGM0VnhwbUQ3eTRCN1l6YXFUMWwrM2p1Z3lJZTE1MUJmN1ZENjFHTGZtRmUrTUhpQi9wcHhWbkcxTDYzSTVIdTFKVUxHQzMyWE8wckVEYjRRTDBpQjU3YU51dlVXYmE0ZHkyMytmS1dzYkU3L3Y0MFZrNGRLa0YyeDFycEUxT0Q5YlVHdlQzRFFzVk5zTVpabSs4a293dmg2bDVIMzRXUHZCYTk5c0VjZnR0R0lTSVhxd1F4Tm4yVjhGd3JqM0g3bXVIeXp0bjNJVFpXdTJRbWhzNnp6ZTZITDQwQVE5OGYzdEhhODR3akxSeFFJWE5lTi9yVnVDbU9SUHladDh2eHVLMUI3MXdEVDFyUHR3RWtLSnp2QW1RU0gwVWQxdWpVRVBkbWgvanJtZWkrS252M1AwT2NUL0FBOC90QmtXNUdpcnNnSFhBNy8zSGw4TXo0WDFFanFsemxIWklqY09pL0c1YzNUWTFFVDRKMHU4MzhzdENSSzVzZDVmeDE4R1lmdnMwM3ZMSWtaM3dtWmRHWjBxbU1ycW9zQU1mKzRrcjNzazJOcTBPNHJMTENMdFVPa1R3a0dGVHl1eU9ZZUoyNCtNUWtlTnRJWXluL1dPdHZWQ2puazBRZVBqZ1UzUVRvM1BjRnlMMi9kL1RhSzJzRHhWMnlUMnZXZldHR1VDbHBGV1FjSk84dmJpcC9FV1IyWW5XQkFlY2pMRXczbllENlRRK04vUTJQRGlQUkJ4dUZRRDh1aUZhUC9DZDBqQzd1UDBOTTJVd2pIMjV5eHBtOS80VGI1akY1WUtweG15SlRTUWh2WTZMRllMcytjWlV5b3BUTm9IZEtLaFVSc2ZWMUt6ckpvdlluNGRLdyt6Kzc4NkNvcXlYc1kvWTcvOUhLM0R6dkkraUJRWXp5KzVBWDhZeTlJUjVReEUwaURoRVdqWVFaK056R2lQN3U0Vnp6aUhVdDhsSWcyU09PVkczVGJ3SitKSlhTdlVmK001NDlUa3JXMmVzaFcwZDhIdmY3THVmcUg1TTg2ZVQ0eDNBTURZT1kyQWpDdG9BdENYWTNVSGZsS3pIaTlTUG9lbjZRZVJ4SEYvdWYvandUUG5hdmgxbXluQVlhMkhmKzJOWGdOZXpvc0VWczNBeXZYenpTSXlvV1plS0dCdWpTZjBzQnVKU1NBUnk5enpVdkdORFNvandFTDdMaXZ2K3B6VmFLeHRuYklYOW50dFczU3RQcDVHbnlBREo2S0lhdEFqajRKWGJOdlZmd29icGVVWGNYVGFhYUtaeW5yM3MvZC9lQlllVzFUQlROczdZQ3Z1K3Q2eUt4ZzhxWDBFMHRERVlhaFNQZVZWYk90emN2ZWJIeFpzQnE0UFRGWXB5RU83bVc3UG9EbXhjL2YybEFqN3lsTmFzbGMweGxzSys5dzdiWVJiN08xTlV0b1QzQnVxak1EbmpWQUp6OXdicThVWVRQVFZnS1gyVWV5aDdHVWgxOEpUZWcxczhnYnJTN245S1UzQmw4NHlkc0sxaGR0OGQzakR6SFdRWUhXeHBkV0ZNbFdNMGgrQ0k1MjQ0c2pjbzIwZGp4SGZOTHUyVW52Tm1GaHU5eTMzK1BJU0hucDJHaDU4Yi9GTXlsZVl3ZHNLKzd5MXBEbkNzVmJzUHFReGx3SUF3eE1NMlNVckZpNURTR3hNbWcxQzlPM1NUK1Rad0V4MTNaSzU1Ykc1aDZmejlUMm9Lcm15TnNSTDJlMjRQaGxrbm9yR2R4dGZrYkpOQVpYK1lUNy9qekM3dzlXc1QzRzNoaGlQTjlKTG1HL1cwMmU4cVdnVjgrUEVaK1A0Rm5TYXZiSTJ4K24vUWZYZlVpOXJJZWxRUU5VUjNPbTFQd294TEhibmFOQjJENlJ6cVJrTlc4c3F1SGI4Zi9OM2plV3VZL2EzV3JKV3RNellSK3o1dW1HVWc1aHZDTm9PaTdNVlRkeS9HY0t6eDRqYUc0cS9mTGlOMEdKaUhIaFhmaUE3TWxRZjR5Qk1xYXFVM2pFWEV2bW5lT0NlY0k4YlhnTmxuc2NlTGtaWUVycHdMd1B2RjR6cG5iSHQ2dWdleXFHM1lmb1NIdnp2bFhvclNDOFpDMlBmK1dCSTFPZHpPb1U1YjNmUk0yaTlxMm9WL1kxZ1BPSFdGcFJWTTJVS0h0UEFoaVZhazh1SFlJT1k0MGFQa0k0OXB0Rlo2UitPRmJRMnpueTlmRkdYem53U3lNbFJsWDVIR3kvUTVWcnlFcUlQaEZxTXhpZ2Y1OFZLWGYrK1ArOGhqTTY0aFJWRjZSZVBIMkdTWUdWUFhjQkxyVGhFcVM5V0NrSTJaMHhWaVlNN0c0YkZmSEdsaFFtYVhsNEkvZEs1MHdyODVBNHJTU3hvZEp1N05ETE5PVVZwdTZ5SnF4QlNSZ1VkL1NLSm5LVGhGWm5kMG1NTXR4K01JSC82R2lscnBQWTJOMkx6RGpNaWpkdHVrUnBTdWtacVR1a3Vpa1JaYlNtdmFVS2xUTFgwM3huYlRoNTZlZ29lZUdiOG5RU3I5cDdFUk94YzF3YlZkc1BIMnVrUU5rSjc0RVFSTzQrbm9sdk14UERQVzZwN1g5ZUd2YTl1bzBoOFFYdjlPQTRxaU5BcTFZaFdsZ2Fpd0ZhV0JxTEFWcFlHb3NCV2xnYWl3RmFXQnFMQVZwWUdvc0JXbGdhaXdGYVdCcUxBVnBZR29zQldsZ2Fpd0ZhV0JxTEFWcFlHb3NCV2xnYWl3RmFXQnFMQVZwWUdvc0JXbGdhaXdGYVdCcUxBVnBZR29zQldsZ2Fpd0ZhV0JxTEFWcFlHb3NCV2xnYWl3RmFXQnFMQVZwWUdvc0JXbGdhaXdGYVdCcUxBVnBZR29zQldsZ2Fpd0ZhV0JxTEFWcFlHb3NCV2xnYWl3RmFXQnFMQVZwWUdvc0JXbGdhaXdGYVdCcUxBVnBZR29zQldsZ2Fpd0ZhV0IvRDF1Q0JvVVROMWhSd0FBQUFCSlJVNUVya0pnZ2c9PSIvPgo8L2RlZnM+Cjwvc3ZnPgo=" />
<span>LabXchange</span>
</div>
<h1 tabindex="0">Foundational concepts and techniques in Biotechnology</h1>
<div class="description">
<p tabindex="0">The goal of this cluster is to expose learners to fundamental concepts and lab techniques essential to the field of biotechnology, including creating a recombinant plasmid and expressing and purifying a protein of interest. For those using this cluster as part of a hybrid ABE experience, please see implementation details in the individual pathway descriptions.</p>
</div>
<p class="by-line">678 Favourites - 2,345 views</p>
<div class="button-line">
<button>
<i class="custom-icon-star"></i>
Favourite
</button>
<button>
<i class="custom-icon-assign"></i>
Assign
</button>
</div>
</div>
<div class="cluster-collapse">
<h2 tabindex="0" class="collapsible">Tours<i class="custom-down-arrow"></i></h2>
<div class="cluster-collapse-region">
<button id="cluster1" class="clusters">ABE Lab 1</button>
<button id="cluster2" class="clusters">ABE Lab 2</button>
<button id="cluster3" class="clusters">ABE Lab 3</button>
<button id="cluster4" class="clusters">ABE Lab 4</button>
<button id="cluster5" class="clusters">ABE Lab 5</button>
<button id="cluster6" class="clusters">ABE Lab 6</button>
<button id="cluster7" class="clusters">Introduction to Genetic Engineering</button>
<button id="cluster8" class="clusters">Tools & Techniques in Biotechnology</button>
<button id="cluster9" class="clusters">Building a Recombinant Plasmid</button>
</div>
</div>
<div class="cluster-body">
<div class="cluster-body-row-1">
<button class="hex hex1" onclick="window.location.href = 'https://preview.labxchange.org/library/pathway/b0fd731a-5bab-4fe2-8491-405292e5176e';">
<div class="icon"></div>
<p class="title">One</p>
<p class="description">Introduction to Genetic Engineering: The Process</p>
</button>
<button class="hex hex2" onclick="window.location.href = 'https://preview.labxchange.org/library/pathway/5fc15658-7c9d-4742-bc34-999c6ac719a1';">
<div class="icon"></div>
<p class="title">Two</p>
<p class="description">Tools & Techniques in Biotechnology: Micropipetting</p>
</button>
<button class="hex hex3" onclick="window.location.href = 'https://preview.labxchange.org/library/pathway/2cd1b2af-481a-4b2e-ad51-5904c2ec16fe';">
<div class="icon"></div>
<p class="title">Three</p>
<p class="description">Tools & Techniques in Biotechnology: Gel Electrophoresis</p>
</button>
</div>
<div class="cluster-body-row-2">
<button class="hex hex4" onclick="window.location.href = 'https://preview.labxchange.org/library/pathway/33b08759-5d13-4128-8867-68428a8d1081';">
<div class="icon"></div>
<p class="title">Four</p>
<p class="description">Introduction to Genetic Engineering: Recombinant Plasmids </p>
</button>
<button class="hex hex5" onclick="window.location.href = 'https://preview.labxchange.org/library/pathway/27bdb1d1-b7cf-4d7d-95fb-e28e9c6e21f9';">
<div class="icon"></div>
<p class="title">Five</p>
<p class="description">Building a Recombinant Plasmid: Restriction Enzymes </p>
</button>
<button class="hex hex6 inactive">
<div class="icon"></div>
<p class="title">Six</p>
<p class="description">Building a Recombinant Plasmid: DNA Ligase
</p>
</button>
<button class="hex hex7 inactive">
<div class="icon"></div>
<p class="title">Seven</p>
<p class="description">Verifying a Recombinant Plasmid: Gel Electrophoresis</p>
</button>
</div>
<div class="cluster-body-row-3">
<button class="hex hex8 inactive">
<div class="icon"></div>
<p class="title">Eight</p>
<p class="description">Introduction to Genetic Engineering: The Role of Cells</p>
</button>
<button class="hex hex9 inactive">
<div class="icon"></div>
<p class="title">Nine</p>
<p class="description">Tools & Techniques in Biotechnology: Bacterial Transformation</p>
</button>
<button class="hex hex10 inactive">
<div class="icon"></div>
<p class="title">Ten</p>
<p class="description">Introduction to Genetic Engineering: The Product</p>
</button>
<button class="hex hex11 inactive">
<div class="icon"></div>
<p class="title">Eleven</p>
<p class="description">Tools & Techniques in Biotechnology: Column Chromatography</p>
</button>
</div>
</div>
</div>
Raw
script.js
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
var coll = document.getElementsByClassName("clusters");
var x;
var wordlist = [
'one',
'two',
'three',
'four',
'five',
'six',
'seven',
'eight',
'nine',
'ten'
]
for (x = 0; x < coll.length; x++) {
coll[x].addEventListener("click", function(x) {
let clusters = document.getElementsByClassName("clusters");
[].forEach.call(clusters, function(cluster) {
cluster.classList.remove("active");
});
this.classList.add("active");
if (x.target.id == "cluster1"){
let hexes = document.getElementsByClassName('hex');
[].forEach.call(hexes, function(hex) {
hex.classList.remove("active");
});
let elems = document.querySelectorAll('.hex2, .hex3');
[].forEach.call(elems, function(elem, index) {
elem.classList.add("active");
elem.getElementsByClassName('title')[0].innerHTML = wordlist[index];
});
} else if (x.target.id == "cluster2"){
let hexes = document.getElementsByClassName('hex');
[].forEach.call(hexes, function(hex) {
hex.classList.remove("active");
});
let elems = document.querySelectorAll('.hex1, .hex4, .hex5');
[].forEach.call(elems, function(elem, index) {
elem.classList.add("active");
elem.getElementsByClassName('title')[0].innerHTML = wordlist[index];
});
} else if (x.target.id == "cluster3"){
let hexes = document.getElementsByClassName('hex');
[].forEach.call(hexes, function(hex) {
hex.classList.remove("active");
});
let elems = document.querySelectorAll('.hex6');
[].forEach.call(elems, function(elem, index) {
elem.classList.add("active");
elem.getElementsByClassName('title')[0].innerHTML = wordlist[index];
});
} else if (x.target.id == "cluster4"){
let hexes = document.getElementsByClassName('hex');
[].forEach.call(hexes, function(hex) {
hex.classList.remove("active");
});
let elems = document.querySelectorAll('.hex3, .hex7');
[].forEach.call(elems, function(elem, index) {
elem.classList.add("active");
elem.getElementsByClassName('title')[0].innerHTML = wordlist[index];
});
} else if (x.target.id == "cluster5"){
let hexes = document.getElementsByClassName('hex');
[].forEach.call(hexes, function(hex) {
hex.classList.remove("active");
});
let elems = document.querySelectorAll('.hex8, .hex9');
[].forEach.call(elems, function(elem, index) {
elem.classList.add("active");
elem.getElementsByClassName('title')[0].innerHTML = wordlist[index];
});
} else if (x.target.id == "cluster6"){
let hexes = document.getElementsByClassName('hex');
[].forEach.call(hexes, function(hex) {
hex.classList.remove("active");
});
let elems = document.querySelectorAll('.hex10, .hex11');
[].forEach.call(elems, function(elem, index) {
elem.classList.add("active");
elem.getElementsByClassName('title')[0].innerHTML = wordlist[index];
});
} else if (x.target.id == "cluster7"){
let hexes = document.getElementsByClassName('hex');
[].forEach.call(hexes, function(hex) {
hex.classList.remove("active");
});
let elems = document.querySelectorAll('.hex1, .hex4, .hex8, .hex10');
[].forEach.call(elems, function(elem, index) {
elem.classList.add("active");
elem.getElementsByClassName('title')[0].innerHTML = wordlist[index];
});
} else if (x.target.id == "cluster8"){
let hexes = document.getElementsByClassName('hex');
[].forEach.call(hexes, function(hex) {
hex.classList.remove("active");
});
let elems = document.querySelectorAll('.hex2, .hex3, .hex9, .hex11');
[].forEach.call(elems, function(elem, index) {
elem.classList.add("active");
elem.getElementsByClassName('title')[0].innerHTML = wordlist[index];
});
} else if (x.target.id == "cluster9"){
let hexes = document.getElementsByClassName('hex');
[].forEach.call(hexes, function(hex) {
hex.classList.remove("active");
});
let elems = document.querySelectorAll('.hex4, .hex5, .hex6');
[].forEach.call(elems, function(elem, index) {
elem.classList.add("active");
elem.getElementsByClassName('title')[0].innerHTML = wordlist[index];
});
}
});
}
Raw
style.scss
@font-face {
font-family: "Bebas Neue";
font-style: bold;
src: url("https://content.labxchange.org/fonts/BebasNeue_Bold.524d720f.otf");
font-weight: bold;
}
@font-face {
font-family: "DIN Alternate";
font-style: normal;
src: url("https://content.labxchange.org/fonts/DIN_Alternate_Bold.a52d72c3.otf");
font-weight: 200;
}
@font-face {
font-family: "Bio Sans";
font-style: normal;
src: url("https://content.labxchange.org/fonts/BioSans-Regular.3f4be8b7.otf");
font-weight: normal;
}
.cluster-view{
width: auto;
height: auto;
background-image: linear-gradient(to bottom, #0063c3, #002b4a);
padding: 32px 32px 64px;
.cluster-head {
.badge {
text-align: center;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
span {
font-family: "DIN Alternate";
font-size: 20px;
margin-left: 8px;
line-height: 28px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: white;
}
}
h1{
color: white;
font-family: "Bebas Neue";
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
font-size: 42px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.29;
letter-spacing: 2px;
text-align: center;
margin-bottom: 4px;
}
.description p{
margin: 0 auto;
max-width: 1152px;
font-family: "DIN Alternate";
font-size: 20px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: white;
padding: 0 32px;
text-align: center;
}
.by-line {
text-align: center;
color: white;
font-family: "Bio Sans";
font-size: 16px;
display: none;
}
.button-line {
text-align: center;
display: none;
i {
width: 20px;
height: 20px;
content: "";
display: inline-block;
margin-bottom: -4px;
}
i.custom-icon-star {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMTQuMDU2NSA2Ljc5MzExTDIwLjUxMDYgNy45MDk4M0wxNS45NDU1IDEyLjYwNjlMMTYuODc3OSAxOS4wOTAyTDExIDE2LjJMNS4xMjIxNSAxOS4wOTAyTDYuMDU0NTEgMTIuNjA2OUwxLjQ4OTQ0IDcuOTA5ODNMNy45NDM1MiA2Ljc5MzExTDExIDFaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
background-size: cover;
}
i.custom-icon-assign {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzg0NjIgMTMuMDcxMUM5LjQ3NjEzIDEyLjQ3NSAxMC4yMzA4IDExLjE5NiAxMC4yMzA4IDkuNzE0MjlDMTAuMjMwOCA3LjY2Mjk0IDguNzg0MyA2IDcgNkM1LjIxNTcgNiAzLjc2OTIzIDcuNjYyOTQgMy43NjkyMyA5LjcxNDI5QzMuNzY5MjMgMTEuMTk2IDQuNTIzODcgMTIuNDc1IDUuNjE1MzggMTMuMDcxMVYxMy40Mjg2QzUuNDMzNTUgMTMuNTgzMyA0LjgxODE0IDEzLjg5MjkgMy4xODE4MiAxNC4zNTcxQzEuODcyNzMgMTQuNzI4NiAxIDE1LjI4NTcgMSAxNi4yMTQzVjE4LjA3MTRDMSAxOC41ODQzIDEuNDEzMjggMTkgMS45MjMwOCAxOUgxMi4wNzY5QzEyLjU4NjcgMTkgMTMgMTguNTg0MyAxMyAxOC4wNzE0VjE2LjIxNDNDMTMgMTUuMjg1NyAxMi4xMjczIDE0LjcyODYgMTAuODE4MiAxNC4zNTcxQzkuMTgxODYgMTMuODkyOSA4LjU2NjQ2IDEzLjU4MzMgOC4zODQ2MiAxMy40Mjg2TDguMzg0NjIgMTMuMDcxMVoiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjEyIiB5PSIxIiB3aWR0aD0iNyIgaGVpZ2h0PSI5IiByeD0iMSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMTMiIHk9IjMiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiIGZpbGw9IiMwMDNFNkIiLz4KPHJlY3QgeD0iMTMiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjEiIHJ4PSIwLjUiIGZpbGw9IiMwMDNFNkIiLz4KPHJlY3QgeD0iMTMiIHk9IjciIHdpZHRoPSI1IiBoZWlnaHQ9IjEiIHJ4PSIwLjUiIGZpbGw9IiMwMDNFNkIiLz4KPC9zdmc+Cg==');
background-size: cover;
}
button {
padding: 16px 40px;
background: transparent;
border: 1px solid white;
border-radius: 5px;
color: white;
line-height: 20px;
font-family: "Bio Sans";
font-size: 16px;
cursor: pointer;
}
}
}
.cluster-collapse{
h2 {
cursor: pointer;
text-align: center;
color: white;
font-family: "Bebas Neue";
font-size: 32px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 0.94;
letter-spacing: 1px;
i.custom-down-arrow {
margin-bottom: 5px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI4NTYgMTAuMzgwNEMxMS40NzM3IDEwLjU3MjUgMTEuNzMxMiAxMC42ODA3IDEyIDEwLjY4MDdDMTIuMjY4OCAxMC42ODA3IDEyLjUyNjMgMTAuNTcyNSAxMi43MTQ0IDEwLjM4MDRMMTguOTcxNiAzLjk5MTMzQzE5LjI3MzcgMy42ODI4NiAxOS43NzAzIDMuNjgyODYgMjAuMDcyNCAzLjk5MTMzQzIwLjM2NTcgNC4yOTA4MyAyMC4zNjU3IDQuNzY5ODkgMjAuMDcyNCA1LjA2OTM5TDIwLjc4NjkgNS43NjkwOEwyMC4wNzI0IDUuMDY5MzlMMTIuNTI0NSAxMi43NzY0QzEyLjIzMjQgMTMuMDc0NyAxMS43Njc2IDEzLjA3NDcgMTEuNDc1NSAxMi43NzY0TDMuOTUzNDQgNS4wOTU3OEMzLjY0NTc2IDQuNzgxNjIgMy42NDU3NiA0LjI3OTEgMy45NTM0NCAzLjk2NDkzQzQuMjQxMzUgMy42NzA5NSA0LjcxNDYyIDMuNjcwOTUgNS4wMDI1NCAzLjk2NDkzTDExLjI4NTYgMTAuMzgwNFoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
display: inline-block;
width: 20px;
height: 12px;
background-size: cover;
}
}
.cluster-collapse-region {
display: none;
padding: 0 32px 32px 32px;
width: 100%;
button {
margin: 8px 0 8px 0;
border-radius: 27px;
cursor: pointer;
padding: 8px 16px;
border: none;
color: #003e6b;
font-family: "Bio Sans";
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
}
button:hover {
background: #0063c3;
color: white;
}
button:active {
background: #faac48;
color: #003e6b;
}
button.active {
background: #faac48;
color: #003e6b;
}
}
}
.cluster-collapse {
.cluster-collapse-region {
max-width: 1152px;
margin: 0 auto;
display: none;
width: calc(100% - 64px);
background: #003e6b;
margin-top: -72px;
padding-top: 50px;
text-align: center;
}
}
.cluster-body {
width: 1168px;
margin: 48px auto 0;
.hex.active .title {
display: block;
color: #333333;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
}
.hex {
margin-left: 7px;
cursor: pointer;
background-color: transparent;
border: none;
width: 251px;
height: 290px;
background-size: cover;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUxIiBoZWlnaHQ9IjI5MCIgdmlld0JveD0iMCAwIDI1MSAyOTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgIDxwYXRoIGQ9Ik0xMjUuMTY5IDAuMjVMMjUwLjE2OSA3Mi40NDgzVjIxNi44NDVMMTI1LjE2OSAyODkuMDQzTDAuMTY4OTQ1IDIxNi44NDVWNzIuNDQ4M0wxMjUuMTY5IDAuMjVaIiBmaWxsPSIjMDA2M0MzIi8+CiAgICAgIDwvc3ZnPgo=");
.icon {
margin: 0 auto;
width: 90px;
height: 90px;
}
.title {
display: none;
}
.description {
font-family: "Bio Sans";
font-size: 16px;
color: white;
width: 200px;
margin: 12px auto;
}
}
.hex:hover {
.description {
color: #003e6b;
}
// box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.35);
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUxIiBoZWlnaHQ9IjI5MCIgdmlld0JveD0iMCAwIDI1MSAyOTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgIDxwYXRoIGQ9Ik0xMjUuMTY5IDAuMjVMMjUwLjE2OSA3Mi40NDgzVjIxNi44NDVMMTI1LjE2OSAyODkuMDQzTDAuMTY4OTQ1IDIxNi44NDVWNzIuNDQ4M0wxMjUuMTY5IDAuMjVaIiBmaWxsPSIjNjZhMWRiIi8+Cjwvc3ZnPgo=");
}.hex.inactive {
.description {
color: white;
}
cursor: not-allowed;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUxIiBoZWlnaHQ9IjI5MCIgdmlld0JveD0iMCAwIDI1MSAyOTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgIDxwYXRoIGQ9Ik0xMjUuMTY5IDAuMjVMMjUwLjE2OSA3Mi40NDgzVjIxNi44NDVMMTI1LjE2OSAyODkuMDQzTDAuMTY4OTQ1IDIxNi44NDVWNzIuNDQ4M0wxMjUuMTY5IDAuMjVaIiBmaWxsPSIjMDAyQTQ4Ii8+Cjwvc3ZnPgo=");
}
.hex:active, .hex.active {
.description {
color: #003e6b;
}
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUxIiBoZWlnaHQ9IjI5MCIgdmlld0JveD0iMCAwIDI1MSAyOTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMjUuMTY5IDAuMjVMMjUwLjE2OSA3Mi40NDgzVjIxNi44NDVMMTI1LjE2OSAyODkuMDQzTDAuMTY4OTQ1IDIxNi44NDVWNzIuNDQ4M0wxMjUuMTY5IDAuMjVaIiBmaWxsPSIjRkFBQzQ4Ii8+Cjwvc3ZnPgo=");
}
.hex1 {
.icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MSA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgwLjIzNTQgNTAuODY2NUM3Ny43Mjg5IDUwLjg2NTEgNzUuMzQxMyA1MS45MzIyIDczLjY3MDUgNTMuNzk5OUg2MS4yMDM5TDU5LjE3MDcgMjcuMzY0OEM1OC42NjIzIDIwLjc2MzQgNTMuMTU4IDE1LjY2NjUgNDYuNTM3MiAxNS42NjY1TDU1LjMzNzIgNTMuNzk5OUwxNy4yMDM5IDQ0Ljk5OTlDMTcuMjAzOSA1MS42MjA2IDIyLjMwMDcgNTcuMTI0OSAyOC45MDIxIDU3LjYzMzRMNTUuMzM3MiA1OS42NjY1VjcyLjE4NzZDNTIuMTg2MSA3NS4wMjE0IDUxLjUwNTggNzkuNzAwNyA1My43MjAxIDgzLjMxNDRDNTUuOTMzNyA4Ni45Mjg4IDYwLjQxMTEgODguNDQ3NyA2NC4zNjc4IDg2LjkyODFDNjguMzIzOCA4NS40MDc3IDcwLjYzMTkgODEuMjgwNSA2OS44NTYzIDc3LjExNEM2OS4wODA3IDcyLjk0NzUgNjUuNDQyIDY5LjkyODIgNjEuMjAzOSA2OS45MzMyVjY4LjUwMTZDNjEuMjAzOSA2My42NDE5IDY1LjE0NDEgNTkuNzAxNiA3MC4wMDM5IDU5LjcwMTZINzEuNDAwM0M3MS40MDAzIDY0LjU4MTUgNzUuMzU1NiA2OC41MzY3IDgwLjIzNTQgNjguNTM2N0M4NS4xMTQ1IDY4LjUzNjcgODkuMDcwNSA2NC41ODE1IDg5LjA3MDUgNTkuNzAxNkM4OS4wNzA1IDU0LjgyMjUgODUuMTE0NSA1MC44NjY1IDgwLjIzNTQgNTAuODY2NVY1MC44NjY1Wk02NC4xMzcyIDc4LjczMzJDNjQuMTM3MiA4MC4zNTMxIDYyLjgyMzggODEuNjY2NSA2MS4yMDM5IDgxLjY2NjVDNTkuNTgzOSA4MS42NjY1IDU4LjI3MDUgODAuMzUzMSA1OC4yNzA1IDc4LjczMzJDNTguMjcwNSA3Ny4xMTMzIDU5LjU4MzkgNzUuNzk5OSA2MS4yMDM5IDc1Ljc5OTlDNjIuODIzOCA3NS43OTk5IDY0LjEzNzIgNzcuMTEzMyA2NC4xMzcyIDc4LjczMzJaTTgwLjI3MDUgNjIuNTk5OUM3OC42NTA2IDYyLjU5OTkgNzcuMzM3MiA2MS4yODY1IDc3LjMzNzIgNTkuNjY2NUM3Ny4zMzcyIDU4LjA0NjYgNzguNjUwNiA1Ni43MzMyIDgwLjI3MDUgNTYuNzMzMkM4MS44OTA0IDU2LjczMzIgODMuMjAzOCA1OC4wNDY2IDgzLjIwMzggNTkuNjY2NUM4My4yMDM4IDYxLjI4NjUgODEuODkwNCA2Mi41OTk5IDgwLjI3MDUgNjIuNTk5OVoiIGZpbGw9IiNFREU4RDkiLz4KPHBhdGggZD0iTTU5LjE3MDMgMjcuMzY0N0w2MS4yMDM0IDUzLjc5OThINTUuMzM2N0w0Ni41MzY3IDE1LjY2NjVDNTMuMTU3NSAxNS42NjY1IDU4LjY2MTggMjAuNzYzMyA1OS4xNzAzIDI3LjM2NDdaIiBmaWxsPSIjQkVCRUJGIi8+CjxwYXRoIGQ9Ik0yLjUzNzM2IDg5SDUuNDcwNjlDNS40NzM1NSA4OC4wMTc0IDUuNTU1OTEgODcuMDM2MyA1LjcxNzA0IDg2LjA2NjdIMzcuNDkxQzM3LjY1MjEgODcuMDM2MyAzNy43MzQ1IDg4LjAxNzQgMzcuNzM3NCA4OUg0MC42NzA3QzQwLjY3NSA4MS4yMzEzIDM2LjQxODkgNzQuMDg1NSAyOS41ODU1IDcwLjM4OTVMMjQuNjg0MiA2Ny43MzMzTDI4Ljc0MTEgNjUuNTMzM0wyNy4zNDQ2IDYyLjk1NTJMMjEuNjA0IDY2LjA2NTRMMTUuODYzNCA2Mi45NTY2QzE0LjIzNDkgNjIuMDcyMiAxMi43Mzc0IDYwLjk2NSAxMS40MTU0IDU5LjY2NjdIMjAuMTM3NFY1Ni43MzMzSDguOTQ5NzNDNy43MTkzOSA1NC45NDE1IDYuNzkxOTggNTIuOTU5MiA2LjIwNDAyIDUwLjg2NjdIMTIuMTQ4OFY0Ny45MzMzSDUuNjI2MDlDNS4zNzU0NCA0NS45ODExIDUuNDI4NDQgNDQuMDAyNCA1Ljc4MjkzIDQyLjA2NjdIMjcuNDcwN1YzOS4xMzMzSDYuNTI5ODdDNy4yNTUzMyAzNy4wMTM1IDguMzMyNDEgMzUuMDI5OCA5LjcxNTI5IDMzLjI2NjdIMzMuNTAxNEMzNC4wNTQ5IDMzLjk2NTYgMzQuNTYwNSAzNC43MDA0IDM1LjAxNTMgMzUuNDY2N0wzNy41NDU0IDMzLjk4NTdDMzUuNTY2NyAzMC42MTI2IDMyLjc1MzcgMjcuODA0NiAyOS4zNzcxIDI1LjgzMjRMMjQuNTE1MiAyM0wzMC4xNjkxIDE5LjcwMTRDMzYuNjYxIDE1Ljg5NzMgNDAuNjU1NyA4Ljk0MjA2IDQwLjY3MDcgMS40MTgyM1YxSDM3LjczNzRWMS40MTgyM0MzNy43MzQ1IDIuMjU5NyAzNy42NzM2IDMuMTAwNDYgMzcuNTU0IDMuOTMzMzNINS42NTQwMkM1LjUzNDQzIDMuMTAwNDYgNS40NzM1NSAyLjI1OTcgNS40NzA2OSAxLjQxODIzVjFIMi41MzczNlYxLjQxODIzQzIuNTUyNCA4Ljk0MjA2IDYuNTQ3MDYgMTUuODk3MyAxMy4wMzg5IDE5LjcwMTRMMTguNjkyOSAyM0wxMy44MzgxIDI1LjgzMjRDNi43Mjk2NyAyOS45Nzk2IDIuNDExMzIgMzcuNjM4IDIuNTQxNjUgNDUuODY2NUMyLjY3MjcxIDU0LjA5NTEgNy4yMzA5OCA2MS42MTMyIDE0LjQ2NjkgNjUuNTMzM0wxOC41MjM5IDY3LjczMzNMMTMuNjIyNiA3MC4zODk1QzYuNzg5MTEgNzQuMDg1NSAyLjUzMzA2IDgxLjIzMTMgMi41MzczNiA4OVY4OVpNMzYuODU3MiA2Ljg2NjY3QzM2LjE5MDUgOC45OTQzNCAzNS4xNDA2IDEwLjk4MjQgMzMuNzU5OSAxMi43MzMzSDkuNDQyNDRDOC4wNjMxNCAxMC45ODI0IDcuMDE1NDIgOC45OTQzNCA2LjM1MDgzIDYuODY2NjdIMzYuODU3MlpNMTQuNTE1NiAxNy4xNjdDMTMuNzU4NiAxNi43MjA4IDEzLjAzNTMgMTYuMjE5NSAxMi4zNTIxIDE1LjY2NjdIMzAuODU1OUMzMC4xNzI3IDE2LjIxOTUgMjkuNDQ5NCAxNi43MjA4IDI4LjY5MjQgMTcuMTY3TDIxLjYwNCAyMS4zMDEzTDE0LjUxNTYgMTcuMTY3Wk0xNS4zMTYzIDI4LjM2NjhMMjEuNjA0IDI0LjY5ODdMMjcuODkxOCAyOC4zNjU0QzI4Ljg1NzEgMjguOTQxOSAyOS43NzE3IDI5LjYwMDcgMzAuNjI1MyAzMC4zMzMzSDEyLjU0NjJDMTMuNDExMyAyOS41OTkzIDE0LjMzOCAyOC45NDExIDE1LjMxNjMgMjguMzY2OFpNMzYuNzY0OCA4My4xMzMzSDYuNDQzMjJDNy4xNzM2OCA4MC45ODg1IDguMjk4MDMgNzguOTk5IDkuNzU3NTQgNzcuMjY2N0gzMy40NTA1QzM0LjkxIDc4Ljk5OSAzNi4wMzQ0IDgwLjk4ODUgMzYuNzY0OCA4My4xMzMzWk0yMS42MDQgNjkuNDAxMkwyOC4xODk3IDcyLjk2NzZDMjguOTM1MiA3My4zNzMgMjkuNjUyMSA3My44MjkyIDMwLjMzNTMgNzQuMzMzM0gxMi44NzI4QzEzLjU1NiA3My44MjkyIDE0LjI3MjggNzMuMzczIDE1LjAxODMgNzIuOTY3NkwyMS42MDQgNjkuNDAxMloiIGZpbGw9IiM2MTk4M0YiLz4KPHBhdGggZD0iTTc0LjQwMzkgMTUuNjY2NFYxOC41OTk3SDg0LjM1OTdDODQuNTYzMSAxOS43MzU1IDg0LjY2NyAyMC44ODY0IDg0LjY3MDYgMjIuMDQwOEM4NC42NjcgMjIuODUwNyA4NC42MjA0IDIzLjY2MDcgODQuNTMwOSAyNC40NjY0SDY3LjA3MDZWMjcuMzk5N0g4My45OTE2QzgzLjc4OSAyOC4yMDQ3IDgzLjUyODMgMjguOTk0NiA4My4yMTI1IDI5Ljc2MjNDODIuNjkxOCAzMC45ODk3IDgyLjA1MjMgMzIuMTYyOCA4MS4zMDQ3IDMzLjI2NjRINzIuOTM3MlYzNi4xOTk3SDc4Ljg4NzdDNzcuNTg2NCAzNy41MDI0IDc2LjEwNDcgMzguNjEwMyA3NC40ODc3IDM5LjQ4OTdMNzUuODg4NSA0Mi4wNjY0QzgzLjIwODkgMzguMDg0NiA4Ny43MTk5IDMwLjM3MzEgODcuNjAzOSAyMi4wNDA4Qzg3LjYwMzIgMTcuOTkzMSA4Ni41MjQ3IDE0LjAxODUgODQuNDc4NiAxMC41MjU5TDgxLjk0ODUgMTIuMDA2OUM4Mi42MjY3IDEzLjE2NzcgODMuMTg1MyAxNC4zOTM4IDgzLjYxNTcgMTUuNjY2NEg3NC40MDM5WiIgZmlsbD0iIzg0QkU2MCIvPgo8cGF0aCBkPSJNNTguMjcxNyA1NS40MjkyQzU4Ljg0NDYgNTQuODU2OSA1OS43NzI4IDU0Ljg1NjkgNjAuMzQ1NyA1NS40MjkyTDYxLjIwNDMgNTYuMjg3OEM2MS43NzczIDU2Ljg2MDcgNjEuNzc3MyA1Ny43ODk2IDYxLjIwNDMgNTguMzYyNUM2MC42MzE0IDU4LjkzNDcgNTkuNzAzMyA1OC45MzQ3IDU5LjEzMDQgNTguMzYyNUw1OC4yNzE3IDU3LjUwMzhDNTcuNjk4OCA1Ni45MzA5IDU3LjY5ODggNTYuMDAyMSA1OC4yNzE3IDU1LjQyOTJaIiBmaWxsPSIjQkVCRUJGIi8+CjxtYXNrIGlkPSJtYXNrMCIgbWFzay10eXBlPSJhbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMSIgeT0iMCIgd2lkdGg9IjQzIiBoZWlnaHQ9IjkwIj4KPHBhdGggZD0iTTM2LjUzNzQgODNMMzcuNTM3NCA4NlY5MEg0My4wMzc0TDQzLjUzNzQgODBMMzkuNTM3NCA3MUwyNC41Mzc0IDY3LjVMMjEuNTM3NCA2NkwyMC4wMzc0IDYxLjVMMTEuMDM3NCA1OS41TDkuMDM3MzUgNTdMMTEuMDM3NCA1NS41TDYuMDM3MzUgNTAuNUw1LjUzNzM1IDQ4TDYuMDM3MzUgNDEuNUw2LjUzNzM1IDM5TDExLjAzNzQgMzYuNUwxMC4wMzc0IDMzTDEzLjAzNzQgMzBMMjEuNTM3NCAyNC41TDI0LjUzNzQgMjNMMzkuNTM3NCAxNEw0MS41Mzc0IDAuNUgzNy41Mzc0VjRMMzYuNTM3NCA3TDMzLjUzNzQgMTIuNUwzMS4wMzc0IDE1LjVMMjEuNTM3NCAyMUwxOS4wMzc0IDIzTDEwLjAzNzQgMjZMMy41MzczNSAzMi41TDEuNTM3MzUgNDcuNUw3LjAzNzM1IDY5LjVMMTguMDM3NCA2Ny41TDIxLjUzNzQgNjkuNUwzMC4wMzc0IDc0LjVMMzMuNTM3NCA3N0wzNi41Mzc0IDgzWiIgZmlsbD0iI0M0QzRDNCIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazApIj4KPHBhdGggZD0iTTIuNTM3MzYgODlINS40NzA2OUM1LjQ3MzU1IDg4LjAxNzQgNS41NTU5MSA4Ny4wMzYzIDUuNzE3MDQgODYuMDY2N0gzNy40OTFDMzcuNjUyMSA4Ny4wMzYzIDM3LjczNDUgODguMDE3NCAzNy43Mzc0IDg5SDQwLjY3MDdDNDAuNjc1IDgxLjIzMTIgMzYuNDE4OSA3NC4wODU1IDI5LjU4NTUgNzAuMzg5NUwyNC42ODQyIDY3LjczMzNMMjguNzQxMSA2NS41MzMzTDI3LjM0NDYgNjIuOTU1MkwyMS42MDQgNjYuMDY1NEwxNS44NjM0IDYyLjk1NjZDMTQuMjM0OSA2Mi4wNzIyIDEyLjczNzQgNjAuOTY1IDExLjQxNTQgNTkuNjY2N0gyMC4xMzc0VjU2LjczMzNIOC45NDk3M0M3LjcxOTM5IDU0Ljk0MTUgNi43OTE5OCA1Mi45NTkyIDYuMjA0MDIgNTAuODY2N0gxMi4xNDg4VjQ3LjkzMzNINS42MjYwOUM1LjM3NTQ0IDQ1Ljk4MTEgNS40Mjg0NCA0NC4wMDI0IDUuNzgyOTMgNDIuMDY2N0gyNy40NzA3VjM5LjEzMzNINi41Mjk4N0M3LjI1NTMzIDM3LjAxMzUgOC4zMzI0MSAzNS4wMjk4IDkuNzE1MjkgMzMuMjY2N0gzMy41MDE0QzM0LjA1NDkgMzMuOTY1NiAzNC41NjA1IDM0LjcwMDQgMzUuMDE1MyAzNS40NjY3TDM3LjU0NTQgMzMuOTg1N0MzNS41NjY3IDMwLjYxMjYgMzIuNzUzNyAyNy44MDQ2IDI5LjM3NzEgMjUuODMyNEwyNC41MTUyIDIzTDMwLjE2OTEgMTkuNzAxNEMzNi42NjEgMTUuODk3MyA0MC42NTU2IDguOTQyMDYgNDAuNjcwNyAxLjQxODIzVjFIMzcuNzM3NFYxLjQxODIzQzM3LjczNDUgMi4yNTk3IDM3LjY3MzYgMy4xMDA0NiAzNy41NTQgMy45MzMzM0g1LjY1NDAyQzUuNTM0NDMgMy4xMDA0NiA1LjQ3MzU1IDIuMjU5NyA1LjQ3MDY5IDEuNDE4MjNWMUgyLjUzNzM2VjEuNDE4MjNDMi41NTI0IDguOTQyMDYgNi41NDcwNiAxNS44OTczIDEzLjAzODkgMTkuNzAxNEwxOC42OTI5IDIzTDEzLjgzODEgMjUuODMyNEM2LjcyOTY3IDI5Ljk3OTYgMi40MTEzMiAzNy42MzggMi41NDE2NSA0NS44NjY1QzIuNjcyNzEgNTQuMDk1MSA3LjIzMDk4IDYxLjYxMzIgMTQuNDY2OSA2NS41MzMzTDE4LjUyMzkgNjcuNzMzM0wxMy42MjI2IDcwLjM4OTVDNi43ODkxMSA3NC4wODU1IDIuNTMzMDYgODEuMjMxMiAyLjUzNzM2IDg5Wk0zNi44NTcyIDYuODY2NjdDMzYuMTkwNSA4Ljk5NDM0IDM1LjE0MDYgMTAuOTgyNCAzMy43NTk5IDEyLjczMzNIOS40NDI0NEM4LjA2MzE0IDEwLjk4MjQgNy4wMTU0MiA4Ljk5NDM0IDYuMzUwODMgNi44NjY2N0gzNi44NTcyWk0xNC41MTU2IDE3LjE2N0MxMy43NTg2IDE2LjcyMDggMTMuMDM1MyAxNi4yMTk1IDEyLjM1MjEgMTUuNjY2N0gzMC44NTU5QzMwLjE3MjcgMTYuMjE5NSAyOS40NDk0IDE2LjcyMDggMjguNjkyNCAxNy4xNjdMMjEuNjA0IDIxLjMwMTNMMTQuNTE1NiAxNy4xNjdaTTE1LjMxNjMgMjguMzY2OEwyMS42MDQgMjQuNjk4N0wyNy44OTE4IDI4LjM2NTRDMjguODU3MSAyOC45NDE5IDI5Ljc3MTcgMjkuNjAwNyAzMC42MjUzIDMwLjMzMzNIMTIuNTQ2MkMxMy40MTEzIDI5LjU5OTMgMTQuMzM4IDI4Ljk0MTEgMTUuMzE2MyAyOC4zNjY4Wk0zNi43NjQ4IDgzLjEzMzNINi40NDMyMkM3LjE3MzY4IDgwLjk4ODUgOC4yOTgwMyA3OC45OTkgOS43NTc1NCA3Ny4yNjY3SDMzLjQ1MDVDMzQuOTEgNzguOTk5IDM2LjAzNDQgODAuOTg4NSAzNi43NjQ4IDgzLjEzMzNaTTIxLjYwNCA2OS40MDEyTDI4LjE4OTcgNzIuOTY3NkMyOC45MzUyIDczLjM3MyAyOS42NTIxIDczLjgyOTIgMzAuMzM1MyA3NC4zMzMzSDEyLjg3MjhDMTMuNTU2IDczLjgyOTIgMTQuMjcyOCA3My4zNzMgMTUuMDE4MyA3Mi45Njc2TDIxLjYwNCA2OS40MDEyWiIgZmlsbD0iIzg0QkU2MCIvPgo8L2c+Cjwvc3ZnPgo=")
}
}
.hex2 {
.icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MCA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ3Ljg2NSAxLjc4MTYzTDQ3Ljg2NSA4LjU1MTQ5SDQ0Ljk3MjdMNDQuOTcyNyAxLjc4MTYzTDQ3Ljg2NSAxLjc4MTYzWiIgZmlsbD0iIzAwNzI5RCIvPgo8cGF0aCBkPSJNNDcuODY1IDEuNzgxNjNMNDcuODY1IDIuNDk0MjVMNDQuOTcyNyAyLjQ5NDI1TDQ0Ljk3MjcgMS43ODE2M0w0Ny44NjUgMS43ODE2M1oiIGZpbGw9IiMwMDU0NzMiLz4KPHBhdGggZD0iTTUwLjAwNTYgMS43ODE1NEw0Mi44NjE0IDEuNzgxNTRDNDIuODMyNSAxLjc4MTU0IDQyLjgwMzYgMS43ODE1NCA0Mi44MDM2IDEuNzM4MDdMNDIuODAzNiAwLjM1NjMwOEM0Mi44MDM2IDAuMzU2MzA4IDQyLjgwMzYgMCA0My4xNjUxIDBMNDkuNjczIDBDNDkuOTY1OSAwIDUwLjAyMzcgMC4yNzY0OTUgNTAuMDMyNyAwLjM0MjA1NkM1MC4wMzQgMC4zNTE1MDEgNTAuMDM0NyAwLjM2MTAyOCA1MC4wMzQ1IDAuMzcwNTZMNTAuMDM0NSAxLjczODA3QzUwLjAzNDUgMS43ODE1NCA1MC4wMzQ1IDEuNzgxNTQgNTAuMDA1NiAxLjc4MTU0WiIgZmlsbD0iIzAwQUVFRiIvPgo8cGF0aCBkPSJNNDMuMTY0OSAwLjg5MDIzNkM0My4xNjQ5IDAuODQyOTg3IDQzLjE4NCAwLjc5NzY3MiA0My4yMTc5IDAuNzY0MjYyQzQzLjI1MTggMC43MzA4NTIgNDMuMjk3NyAwLjcxMjA4MiA0My4zNDU3IDAuNzEyMDgyQzQzLjM5MzYgMC43MTIwODIgNDMuNDM5NiAwLjczMDg1MiA0My40NzM1IDAuNzY0MjYyQzQzLjUwNzQgMC43OTc2NzIgNDMuNTI2NSAwLjg0Mjk4NyA0My41MjY1IDAuODkwMjM2TDQzLjUyNjUgMS43ODEwMUg0My4xNjQ5TDQzLjE2NDkgMC44OTAyMzZaTTQ0LjYxMTEgMC44OTAyMzZDNDQuNjExMSAwLjg0Mjk4NyA0NC42MzAyIDAuNzk3NjcyIDQ0LjY2NDEgMC43NjQyNjJDNDQuNjk4IDAuNzMwODUyIDQ0Ljc0MzkgMC43MTIwODIgNDQuNzkxOSAwLjcxMjA4MkM0NC44Mzk4IDAuNzEyMDgyIDQ0Ljg4NTggMC43MzA4NTIgNDQuOTE5NyAwLjc2NDI2MkM0NC45NTM2IDAuNzk3NjcyIDQ0Ljk3MjcgMC44NDI5ODcgNDQuOTcyNyAwLjg5MDIzNkw0NC45NzI3IDEuNzgxMDFINDQuNjExMUw0NC42MTExIDAuODkwMjM2Wk00Ni4wNTczIDAuODkwMjM2QzQ2LjA1NzMgMC44NDI5ODcgNDYuMDc2MyAwLjc5NzY3MiA0Ni4xMTAyIDAuNzY0MjYyQzQ2LjE0NDIgMC43MzA4NTIgNDYuMTkwMSAwLjcxMjA4MiA0Ni4yMzgxIDAuNzEyMDgyQzQ2LjI4NiAwLjcxMjA4MiA0Ni4zMzIgMC43MzA4NTIgNDYuMzY1OSAwLjc2NDI2MkM0Ni4zOTk4IDAuNzk3NjcyIDQ2LjQxODggMC44NDI5ODcgNDYuNDE4OCAwLjg5MDIzNkw0Ni40MTg4IDEuNzgxMDFINDYuMDU3M0w0Ni4wNTczIDAuODkwMjM2Wk00Ny41MDM1IDAuODkwMjM2QzQ3LjUwMzUgMC44NDI5ODcgNDcuNTIyNSAwLjc5NzY3MiA0Ny41NTY0IDAuNzY0MjYyQzQ3LjU5MDMgMC43MzA4NTIgNDcuNjM2MyAwLjcxMjA4MiA0Ny42ODQzIDAuNzEyMDgyQzQ3LjczMjIgMC43MTIwODIgNDcuNzc4MiAwLjczMDg1MiA0Ny44MTIxIDAuNzY0MjYyQzQ3Ljg0NiAwLjc5NzY3MiA0Ny44NjUgMC44NDI5ODcgNDcuODY1IDAuODkwMjM2TDQ3Ljg2NSAxLjc4MTAxSDQ3LjUwMzVMNDcuNTAzNSAwLjg5MDIzNlpNNDguOTQ5NyAwLjg5MDIzNkM0OC45NDk3IDAuODQyOTg3IDQ4Ljk2ODcgMC43OTc2NzIgNDkuMDAyNiAwLjc2NDI2MkM0OS4wMzY1IDAuNzMwODUyIDQ5LjA4MjUgMC43MTIwODIgNDkuMTMwNSAwLjcxMjA4MkM0OS4xNzg0IDAuNzEyMDgyIDQ5LjIyNDQgMC43MzA4NTIgNDkuMjU4MyAwLjc2NDI2MkM0OS4yOTIyIDAuNzk3NjcyIDQ5LjMxMTIgMC44NDI5ODcgNDkuMzExMiAwLjg5MDIzNkw0OS4zMTEyIDEuNzgxMDFINDguOTQ5N0w0OC45NDk3IDAuODkwMjM2Wk00My44ODggMC44OTAyMzZDNDMuODg4IDAuODQyOTg3IDQzLjkwNzEgMC43OTc2NzIgNDMuOTQxIDAuNzY0MjYyQzQzLjk3NDkgMC43MzA4NTIgNDQuMDIwOCAwLjcxMjA4MiA0NC4wNjg4IDAuNzEyMDgyQzQ0LjExNjcgMC43MTIwODIgNDQuMTYyNyAwLjczMDg1MiA0NC4xOTY2IDAuNzY0MjYyQzQ0LjIzMDUgMC43OTc2NzIgNDQuMjQ5NiAwLjg0Mjk4NyA0NC4yNDk2IDAuODkwMjM2TDQ0LjI0OTYgMS43ODEwMUg0My44ODhMNDMuODg4IDAuODkwMjM2Wk00NS4zMzQyIDAuODkwMjM2QzQ1LjMzNDIgMC44NDI5ODcgNDUuMzUzMyAwLjc5NzY3MiA0NS4zODcyIDAuNzY0MjYyQzQ1LjQyMTEgMC43MzA4NTIgNDUuNDY3IDAuNzEyMDgyIDQ1LjUxNSAwLjcxMjA4MkM0NS41NjI5IDAuNzEyMDgyIDQ1LjYwODkgMC43MzA4NTIgNDUuNjQyOCAwLjc2NDI2MkM0NS42NzY3IDAuNzk3NjcyIDQ1LjY5NTggMC44NDI5ODcgNDUuNjk1OCAwLjg5MDIzNkw0NS42OTU4IDEuNzgxMDFINDUuMzM0Mkw0NS4zMzQyIDAuODkwMjM2Wk00Ni43ODA0IDAuODkwMjM2QzQ2Ljc4MDQgMC44NDI5ODcgNDYuNzk5NCAwLjc5NzY3MiA0Ni44MzMzIDAuNzY0MjYyQzQ2Ljg2NzIgMC43MzA4NTIgNDYuOTEzMiAwLjcxMjA4MiA0Ni45NjEyIDAuNzEyMDgyQzQ3LjAwOTEgMC43MTIwODIgNDcuMDU1MSAwLjczMDg1MiA0Ny4wODkgMC43NjQyNjJDNDcuMTIyOSAwLjc5NzY3MiA0Ny4xNDE5IDAuODQyOTg3IDQ3LjE0MTkgMC44OTAyMzZMNDcuMTQxOSAxLjc4MTAxSDQ2Ljc4MDRMNDYuNzgwNCAwLjg5MDIzNlpNNDguMjI2NiAwLjg5MDIzNkM0OC4yMjY2IDAuODQyOTg3IDQ4LjI0NTYgMC43OTc2NzIgNDguMjc5NSAwLjc2NDI2MkM0OC4zMTM0IDAuNzMwODUyIDQ4LjM1OTQgMC43MTIwODIgNDguNDA3NCAwLjcxMjA4MkM0OC40NTUzIDAuNzEyMDgyIDQ4LjUwMTMgMC43MzA4NTIgNDguNTM1MiAwLjc2NDI2MkM0OC41NjkxIDAuNzk3NjcyIDQ4LjU4ODEgMC44NDI5ODcgNDguNTg4MSAwLjg5MDIzNkw0OC41ODgxIDEuNzgxMDFINDguMjI2Nkw0OC4yMjY2IDAuODkwMjM2Wk00OS42NzI4IDAuODkwMjM2QzQ5LjY3MjggMC44NDI5ODcgNDkuNjkxOCAwLjc5NzY3MiA0OS43MjU3IDAuNzY0MjYyQzQ5Ljc1OTYgMC43MzA4NTIgNDkuODA1NiAwLjcxMjA4MiA0OS44NTM2IDAuNzEyMDgyQzQ5LjkwMTUgMC43MTIwODIgNDkuOTQ3NSAwLjczMDg1MiA0OS45ODE0IDAuNzY0MjYyQzUwLjAxNTMgMC43OTc2NzIgNTAuMDM0MyAwLjg0Mjk4NyA1MC4wMzQzIDAuODkwMjM2TDUwLjAzNDMgMS43ODEwMUg0OS42NzI4TDQ5LjY3MjggMC44OTAyMzZaIiBmaWxsPSIjMDA3MjlEIi8+CjxwYXRoIGQ9Ik00OC42OTgzIDY4Ljk0MDlINDYuODU4M0M0Ni43NjE0IDY4Ljk0MDkgNDYuNjg0IDY4Ljg1MDQgNDYuNjg0IDY4LjczNzNMNDYuNjg0IDY2LjA5MDRINDguODUzMkw0OC44NTMyIDY4LjczNzNDNDguODUzMiA2OC44NTA0IDQ4Ljc3NTggNjguOTQwOSA0OC42OTgzIDY4Ljk0MDlaIiBmaWxsPSIjOTlCMkM0Ii8+CjxwYXRoIGQ9Ik00NC44NzYxIDQzLjk5ODdINDcuNzY4NUw0Ny43Njg1IDYwLjAzMjZINDYuMzIyM0M0Ni4zMjIzIDYwLjAzMjYgNDYuMTE1NyA0OS43NzA5IDQ0Ljg3NjEgNDMuOTk4N1oiIGZpbGw9IiNFNUVDRjAiLz4KPHBhdGggZD0iTTUwLjY2MSA0My45OTg3SDQ3Ljc2ODZMNDcuNzY4NiA2MC4wMzI1SDQ5LjIxNDhDNDkuMjE0OCA2MC4wMzI1IDQ5LjQyMTQgNDkuNzcwOCA1MC42NjEgNDMuOTk4N1oiIGZpbGw9IiNFNUVDRjAiLz4KPHBhdGggZD0iTTQ2LjMyMjUgNDUuODAxNEM0Ni4zMjI1IDQ1LjAwMjcgNDYuOTcgNDQuMzU1MiA0Ny43Njg3IDQ0LjM1NTJWNDQuMzU1MkM0OC41Njc0IDQ0LjM1NTIgNDkuMjE0OSA0NS4wMDI3IDQ5LjIxNDkgNDUuODAxNEw0OS4yMTQ5IDY2LjA2OUM0OS4yMTQ5IDY2Ljg2NzcgNDguNTY3NCA2Ny41MTUyIDQ3Ljc2ODcgNjcuNTE1MlY2Ny41MTUyQzQ2Ljk3IDY3LjUxNTIgNDYuMzIyNSA2Ni44Njc3IDQ2LjMyMjUgNjYuMDY5TDQ2LjMyMjUgNDUuODAxNFoiIGZpbGw9IiNFNUVDRjAiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MS4zODQ1IDM4LjI5NzVINDQuMTUzNkw0NC4xNTM2IDQzLjk4NTlDNDQuMTUzMiA0My45OTAzIDQ0LjE1MyA0My45OTQ4IDQ0LjE1MyA0My45OTkyQzQ0LjE1MyA0NC4zOTI4IDQ1Ljc3MTcgNDQuNzExOCA0Ny43Njg0IDQ0LjcxMThDNDkuNzY1MiA0NC43MTE4IDUxLjM4MzkgNDQuMzkyOCA1MS4zODM5IDQzLjk5OTJDNTEuMzgzOSA0My45OTkgNTEuMzgzOSA0My45OTg3IDUxLjM4MzkgNDMuOTk4NUg1MS4zODQ1TDUxLjM4NDUgMzguMjk3NVoiIGZpbGw9IiNDQ0Q4RTEiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIG9wYWNpdHk9IjAuOCIgZD0iTTQ2LjA2NTQgNjYuOTE5OEw0OS42ODA5IDY2LjkxOThMNDkuNjgwOSA2Ny42MzI0TDQ2LjA2NTQgNjcuNjMyNEw0Ni4wNjU0IDY2LjkxOThaIiBmaWxsPSIjOTlERkY5Ii8+CjxtYXNrIGlkPSJtYXNrMCIgbWFzay10eXBlPSJhbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iNDYiIHk9IjY2IiB3aWR0aD0iNCIgaGVpZ2h0PSIyNCI+CjxwYXRoIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ni4yNDYyIDY2LjkxODlMNDkuNTAwMiA2Ni45MTg5TDQ5LjMxOTQgNzIuOTc2Mkw0OS4xMjA5IDcyLjk3NjJMNDguOTU3OCA3Ni4xODM4TDQ4Ljc2MzIgNzYuMTgzOEw0OC4yMzQ4IDg5LjcyNTJMNDcuNTExNyA4OS43MjRMNDYuOTgzMyA3Ni4xODM4TDQ2Ljc4ODYgNzYuMTgzOEw0Ni42MjU5IDcyLjk3NjJMNDYuNDI3IDcyLjk3NjJMNDYuMjQ2MiA2Ni45MTg5WiIgZmlsbD0iIzk5REZGOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazApIj4KPHBhdGggb3BhY2l0eT0iMC44IiBkPSJNNDYuMDY1NiA2Ni45Mjk0TDQ5LjY4MSA2Ni45MDk4TDQ5LjUxMzggNzIuOTY4TDQ2LjMwMDEgNzIuOTg1NEw0Ni4wNjU2IDY2LjkyOTRaIiBmaWxsPSIjOTlERkY5Ii8+CjxwYXRoIG9wYWNpdHk9IjAuOCIgZD0iTTQ2LjA5NzMgNzIuNjMwNkw0OS43MTI3IDcyLjYxMUw0OS42MzQ5IDc2LjE3NDZMNDYuMjE0OCA3Ni4xOTMxTDQ2LjA5NzMgNzIuNjMwNloiIGZpbGw9IiM5OURGRjkiLz4KPHBhdGggb3BhY2l0eT0iMC44IiBkPSJNNDYuODM4MyA3NS44MzMzTDQ5LjAwNzUgNzUuODIxNkw0OC4zNjE4IDg5LjcyMTNMNDcuNjM4NyA4OS43MjUyTDQ2LjgzODMgNzUuODMzM1oiIGZpbGw9IiM5OURGRjkiLz4KPHBhdGggZD0iTTQ3LjY5MjQgODkuNzI0NEw0Ni45NzE0IDY3LjI4MTJMNDYuMjQ4MyA2Ny4yODUyTDQ2LjA2NTUgODkuNzI3M0w0Ny42OTI0IDg5LjcyNDRaIiBmaWxsPSIjOTlERkY5Ii8+CjxwYXRoIGQ9Ik00OC4wNTQxIDg5LjcyMjFMNDguNzc5MiA2Ny4yNzExTDQ5LjUwMjMgNjcuMjY3Mkw0OS42ODEgODkuNzIyMUw0OC4wNTQxIDg5LjcyMjFaIiBmaWxsPSIjOTlERkY5Ii8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OS42ODEyIDY3LjYzMjJMNDYuMDY1NyA2Ny42MzE5TDQ2LjA2OTkgNjcuOTk3NUw0OS42ODEyIDY3Ljk4ODJMNDkuNjgxMiA2Ny42MzIyWk00Ni4xNTQ2IDcyLjk4NTlMNDkuMzUzMyA3Mi45Njg4TDQ5LjM0NDIgNzMuMzI1NEw0Ni4xMDE0IDczLjM0MjdMNDYuMTU0NiA3Mi45ODU5Wk00Ni44NzY1IDc2LjE4ODhMNDguOTczNSA3Ni4xNzc3TDQ4Ljk2ODIgNzYuNTM0Mkw0Ni44NDI0IDc2LjU0NTVMNDYuODc2NSA3Ni4xODg4WiIgZmlsbD0iIzk5REZGOSIvPgo8L2c+CjwvZz4KPHBhdGggZD0iTTUwLjUxNjQgOS4xOTc0NUg1My45OTY5VjEwLjgyNjhINTAuNTE2NFY5LjE5NzQ1WiIgZmlsbD0iIzAwNzI5RCIvPgo8cGF0aCBkPSJNNDEuNTU5NiA3Ljc1MTI4QzM5LjUwNiA3Ljc3MDU2IDM3LjQxMzggNy45MzQ0NiAzNS4yNTQyIDguMzAwODNDMzQuODg3OCA4LjM4NzYgMzQuODIwMyA5LjI2NDk2IDM1LjcxNyA5LjEyOTk4QzM5LjgwNDkgOC4zMTA0NyA0My42NTE3IDguODk4NTkgNDMuNTA3MSAxMC43ODgzTDQzLjUwNzEgMzkuMjY4Nkg1NS41NTg3VjEwLjMxNTlMNDkuNjk2OCAxMC4zMTU5VjcuNzg5ODVDNDkuNjc3NSA3Ljc4OTg1IDQzLjU5MzkgNy43MzIgNDEuNTU5NiA3Ljc1MTI4WiIgZmlsbD0iI0U1RUNGMCIvPgo8cGF0aCBkPSJNNDkuODg5NSA3LjY2NDdMNTUuNjY0NyA4LjU0MjA2VjkuNDE5NDJINDkuOTY2N0w0OS44ODk1IDcuNjY0N1oiIGZpbGw9IiMwMEFFRUYiLz4KPHBhdGggZD0iTTUyLjYzNzUgMTkuOTU3NEg1NS40MzM0VjI5LjU5ODdINTIuNjM3NVYxOS45NTc0WiIgZmlsbD0iIzAwQUVFRiIvPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIzLjYxNTQ4IiBoZWlnaHQ9IjIyLjgwMzciIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Ni4wNjU2IDY2LjkxOTcpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==")
}
}
.hex3 {
.icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MSA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgyLjAzMDUgMEg4LjU3NDU4VjkwSDgyLjAzMDVWMFoiIGZpbGw9IiMwMDNFNkIiLz4KPHBhdGggb3BhY2l0eT0iMC40IiBkPSJNNzkuMjAxIDIuODg0MjNIMTEuNjg0M1Y4Ni4zMDM3SDc5LjIwMVYyLjg4NDIzWiIgZmlsbD0iIzAwM0U2QiIvPgo8cGF0aCBvcGFjaXR5PSIwLjEiIGQ9Ik03OS4yMDEgMi44ODQyM0gxMS42ODQzVjg2LjMwMzdINzkuMjAxVjIuODg0MjNaIiBmaWxsPSIjMDAzRTZCIi8+CjxwYXRoIG9wYWNpdHk9IjAuNSIgZD0iTTExLjY4NDMgMi44ODQyNkw4LjU3NDU4IDBWOTBMMTEuNjg0MyA4Ni4zMDM3VjIuODg0MjZaIiBmaWxsPSIjMDAzRTZCIi8+CjxwYXRoIG9wYWNpdHk9IjAuNSIgZD0iTTc5LjIwMDkgODYuMzAzN0w4Mi4wMzA1IDkwVjBMNzkuMjAwOSAyLjg4NDI2Vjg2LjMwMzdaIiBmaWxsPSIjMDAzRTZCIi8+CjxwYXRoIG9wYWNpdHk9IjAuNCIgZD0iTTgyLjAzMDUgMEg4LjU3NDU4VjkwSDgyLjAzMDVWMFoiIGZpbGw9IiMwMDNFNkIiLz4KPHBhdGggb3BhY2l0eT0iMC44IiBkPSJNNzkuMjAwOSA4Ni4yNzU2SDExLjY4NDNMOC41NzQ1OCA5MEg4Mi4wMzA1TDc5LjIwMDkgODYuMjc1NloiIGZpbGw9IiMwMDNFNkIiLz4KPHBhdGggb3BhY2l0eT0iMC4yIiBkPSJNMTMuMjA3IDkuNjIwMzlMMzMuMDU5OSA5LjYyMDM5VjUuNjQ5OEwxMy4yMDcgNS42NDk4TDEzLjIwNyA5LjYyMDM5WiIgZmlsbD0iIzk5QjJDNCIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik0xNC41MzA3IDEwLjI4MjJMMzIuMzk4MyAxMC4yODIyVjYuMzExNThMMTQuNTMwNyA2LjMxMTU4VjEwLjI4MjJaIiBmaWxsPSIjOTlCMkM0Ii8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTE0LjUzMDcgOS42MjAzOUwzMi4zOTgzIDkuNjIwMzlWNi4zMTE1N0wxNC41MzA3IDYuMzExNTdWOS42MjAzOVoiIGZpbGw9IiM5OUIyQzQiLz4KPHBhdGggb3BhY2l0eT0iMC4yIiBkPSJNMTQuNTMwNiA2LjMxMTU4TDEzLjIwNyA1LjY0OTgxVjkuNjIwNEwxNC41MDcxIDEwLjI4MjJMMTQuNTMwNiA2LjMxMTU4WiIgZmlsbD0iIzk5QjJDNCIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik0zMi4zOTgzIDEwLjI4MjJMMzMuMDYwMSA5LjYyMDRWNS42NDk4MUwzMi4zOTgzIDYuMzExNThWMTAuMjgyMloiIGZpbGw9IiM5OUIyQzQiLz4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMTMuMjA3IDkuNjIwMzlMMTQuNTMwNiAxMC4yODIySDMyLjM5ODJMMzMuMDYgOS42MjAzOUgxMy4yMDdaIiBmaWxsPSIjOTlCMkM0Ii8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTM1LjcwNyA5LjYyMDM5TDU1LjU1OTkgOS42MjAzOVY1LjY0OThMMzUuNzA3IDUuNjQ5OFY5LjYyMDM5WiIgZmlsbD0iIzk5QjJDNCIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik0zNy4wMzA3IDEwLjI4MjJMNTQuODk4MyAxMC4yODIyVjYuMzExNThMMzcuMDMwNyA2LjMxMTU4VjEwLjI4MjJaIiBmaWxsPSIjOTlCMkM0Ii8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTM3LjAzMDcgOS42MjAzOUw1NC44OTgzIDkuNjIwMzlWNi4zMTE1N0wzNy4wMzA3IDYuMzExNTdWOS42MjAzOVoiIGZpbGw9IiM5OUIyQzQiLz4KPHBhdGggb3BhY2l0eT0iMC4yIiBkPSJNMzcuMDMwNiA2LjMxMTU4TDM1LjcwNyA1LjY0OTgxVjkuNjIwNEwzNy4wMDcxIDEwLjI4MjJMMzcuMDMwNiA2LjMxMTU4WiIgZmlsbD0iIzk5QjJDNCIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik01NC44OTgzIDEwLjI4MjJMNTUuNTYwMSA5LjYyMDRWNS42NDk4MUw1NC44OTgzIDYuMzExNThWMTAuMjgyMloiIGZpbGw9IiM5OUIyQzQiLz4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMzUuNzA3IDkuNjIwMzlMMzcuMDMwNiAxMC4yODIySDU0Ljg5ODJMNTUuNTYgOS42MjAzOUgzNS43MDdaIiBmaWxsPSIjOTlCMkM0Ii8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTU4LjIwNyA5LjYyMDM5TDc4LjA1OTkgOS42MjAzOVY1LjY0OThMNTguMjA3IDUuNjQ5OEw1OC4yMDcgOS42MjAzOVoiIGZpbGw9IiM5OUIyQzQiLz4KPHBhdGggb3BhY2l0eT0iMC4yIiBkPSJNNTkuNTMwNyAxMC4yODIyTDc3LjM5ODMgMTAuMjgyMlY2LjMxMTU4TDU5LjUzMDcgNi4zMTE1OFYxMC4yODIyWiIgZmlsbD0iIzk5QjJDNCIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik01OS41MzA3IDkuNjIwMzlMNzcuMzk4MyA5LjYyMDM5VjYuMzExNTdMNTkuNTMwNyA2LjMxMTU3VjkuNjIwMzlaIiBmaWxsPSIjOTlCMkM0Ii8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTU5LjUzMDYgNi4zMTE1OEw1OC4yMDcgNS42NDk4MVY5LjYyMDRMNTkuNTA3MSAxMC4yODIyTDU5LjUzMDYgNi4zMTE1OFoiIGZpbGw9IiM5OUIyQzQiLz4KPHBhdGggb3BhY2l0eT0iMC4yIiBkPSJNNzcuMzk4MyAxMC4yODIyTDc4LjA2MDEgOS42MjA0VjUuNjQ5ODFMNzcuMzk4MyA2LjMxMTU4VjEwLjI4MjJaIiBmaWxsPSIjOTlCMkM0Ii8+CjxwYXRoIG9wYWNpdHk9IjAuNSIgZD0iTTU4LjIwNyA5LjYyMDM5TDU5LjUzMDYgMTAuMjgyMkg3Ny4zOTgyTDc4LjA2IDkuNjIwMzlINTguMjA3WiIgZmlsbD0iIzk5QjJDNCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+CjxyZWN0IHg9IjEzLjQxMzMiIHk9IjEzLjU0ODQiIHdpZHRoPSIxOS4zNTQ4IiBoZWlnaHQ9IjYuNzc0MTkiIHJ4PSIxIiBmaWxsPSIjOTlERkY5Ii8+CjwvZz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfZCkiPgo8cmVjdCB4PSIxMy40MTMzIiB5PSIyNC4xOTM1IiB3aWR0aD0iMTkuMzU0OCIgaGVpZ2h0PSI0LjgzODcxIiByeD0iMSIgZmlsbD0iIzk5REZGOSIvPgo8L2c+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIyX2QpIj4KPHJlY3QgeD0iMTMuNDEzMyIgeT0iMzUuODA2NSIgd2lkdGg9IjE5LjM1NDgiIGhlaWdodD0iNC44Mzg3MSIgcng9IjEiIGZpbGw9IiM5OURGRjkiLz4KPC9nPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyM19kKSI+CjxyZWN0IHg9IjEzLjQxMzMiIHk9IjgxLjI5MDMiIHdpZHRoPSIxOS4zNTQ4IiBoZWlnaHQ9IjEuOTM1NDgiIHJ4PSIwLjk2Nzc0MiIgZmlsbD0iIzk5REZGOSIvPgo8L2c+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXI0X2QpIj4KPHJlY3QgeD0iMTMuNDEzMyIgeT0iNzAuNjQ1MiIgd2lkdGg9IjE5LjM1NDgiIGhlaWdodD0iMy44NzA5NyIgcng9IjEiIGZpbGw9IiM5OURGRjkiLz4KPC9nPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyNV9kKSI+CjxyZWN0IHg9IjEzLjQxMzMiIHk9IjYyLjkwMzIiIHdpZHRoPSIxOS4zNTQ4IiBoZWlnaHQ9IjMuODcwOTciIHJ4PSIxIiBmaWxsPSIjOTlERkY5Ii8+CjwvZz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjZfZCkiPgo8cmVjdCB4PSI1Ny45Mjk0IiB5PSIxMy41NDg0IiB3aWR0aD0iMTkuMzU0OCIgaGVpZ2h0PSI2Ljc3NDE5IiByeD0iMSIgZmlsbD0iIzk5REZGOSIvPgo8L2c+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXI3X2QpIj4KPHJlY3QgeD0iNTcuOTI5NCIgeT0iMjIuMjU4MSIgd2lkdGg9IjE5LjM1NDgiIGhlaWdodD0iNi43NzQxOSIgcng9IjEiIGZpbGw9IiM5OURGRjkiLz4KPC9nPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyOF9kKSI+CjxyZWN0IHg9IjU3LjkyOTQiIHk9IjQ4LjM4NzEiIHdpZHRoPSIxOS4zNTQ4IiBoZWlnaHQ9IjQuODM4NzEiIHJ4PSIxIiBmaWxsPSIjOTlERkY5Ii8+CjwvZz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjlfZCkiPgo8cmVjdCB4PSI1Ny45Mjk0IiB5PSI3Ni40NTE2IiB3aWR0aD0iMTkuMzU0OCIgaGVpZ2h0PSIxLjkzNTQ4IiByeD0iMC45Njc3NDIiIGZpbGw9IiM5OURGRjkiLz4KPC9nPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMTBfZCkiPgo8cmVjdCB4PSI1Ny45Mjk0IiB5PSI1Ni4xMjkiIHdpZHRoPSIxOS4zNTQ4IiBoZWlnaHQ9IjMuODcwOTciIHJ4PSIxIiBmaWxsPSIjOTlERkY5Ii8+CjwvZz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjExX2QpIj4KPHJlY3QgeD0iNTcuOTI5NCIgeT0iNjIuOTAzMiIgd2lkdGg9IjE5LjM1NDgiIGhlaWdodD0iMy44NzA5NyIgcng9IjEiIGZpbGw9IiM5OURGRjkiLz4KPC9nPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMTJfZCkiPgo8cmVjdCB4PSIzNS42NzE0IiB5PSIxNy40MTk0IiB3aWR0aD0iMTkuMzU0OCIgaGVpZ2h0PSIxMS42MTI5IiByeD0iMSIgZmlsbD0iIzk5REZGOSIvPgo8L2c+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIxM19kKSI+CjxyZWN0IHg9IjM1LjY3MTQiIHk9IjMwLjk2NzciIHdpZHRoPSIxOS4zNTQ4IiBoZWlnaHQ9IjQuODM4NzEiIHJ4PSIxIiBmaWxsPSIjOTlERkY5Ii8+CjwvZz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjE0X2QpIj4KPHJlY3QgeD0iMzUuNjcxNCIgeT0iNDcuNDE5NCIgd2lkdGg9IjE5LjM1NDgiIGhlaWdodD0iNC44Mzg3MSIgcng9IjEiIGZpbGw9IiM5OURGRjkiLz4KPC9nPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMTVfZCkiPgo8cmVjdCB4PSIzNS42NzE0IiB5PSI2Ni43NzQyIiB3aWR0aD0iMTkuMzU0OCIgaGVpZ2h0PSIxLjkzNTQ4IiByeD0iMC45Njc3NDIiIGZpbGw9IiM5OURGRjkiLz4KPC9nPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMTZfZCkiPgo8cmVjdCB4PSIzNS42NzE0IiB5PSI1NC4xOTM1IiB3aWR0aD0iMTkuMzU0OCIgaGVpZ2h0PSIzLjg3MDk3IiByeD0iMSIgZmlsbD0iIzk5REZGOSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjEyLjQxMzMiIHk9IjEyLjU0ODQiIHdpZHRoPSIyMS4zNTQ4IiBoZWlnaHQ9IjguNzc0MTkiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuNiAwIDAgMCAwIDAuODc0NTEgMCAwIDAgMCAwLjk3NjQ3MSAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjFfZCIgeD0iMTIuNDEzMyIgeT0iMjMuMTkzNSIgd2lkdGg9IjIxLjM1NDgiIGhlaWdodD0iNi44Mzg3MSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC42IDAgMCAwIDAgMC44NzQ1MSAwIDAgMCAwIDAuOTc2NDcxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMl9kIiB4PSIxMi40MTMzIiB5PSIzNC44MDY1IiB3aWR0aD0iMjEuMzU0OCIgaGVpZ2h0PSI2LjgzODcxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjYgMCAwIDAgMCAwLjg3NDUxIDAgMCAwIDAgMC45NzY0NzEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIzX2QiIHg9IjEyLjQxMzMiIHk9IjgwLjI5MDMiIHdpZHRoPSIyMS4zNTQ4IiBoZWlnaHQ9IjMuOTM1NDgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuNiAwIDAgMCAwIDAuODc0NTEgMCAwIDAgMCAwLjk3NjQ3MSAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjRfZCIgeD0iMTIuNDEzMyIgeT0iNjkuNjQ1MiIgd2lkdGg9IjIxLjM1NDgiIGhlaWdodD0iNS44NzA5NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC42IDAgMCAwIDAgMC44NzQ1MSAwIDAgMCAwIDAuOTc2NDcxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyNV9kIiB4PSIxMi40MTMzIiB5PSI2MS45MDMyIiB3aWR0aD0iMjEuMzU0OCIgaGVpZ2h0PSI1Ljg3MDk3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjYgMCAwIDAgMCAwLjg3NDUxIDAgMCAwIDAgMC45NzY0NzEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXI2X2QiIHg9IjU2LjkyOTQiIHk9IjEyLjU0ODQiIHdpZHRoPSIyMS4zNTQ4IiBoZWlnaHQ9IjguNzc0MTkiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuNiAwIDAgMCAwIDAuODc0NTEgMCAwIDAgMCAwLjk3NjQ3MSAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjdfZCIgeD0iNTYuOTI5NCIgeT0iMjEuMjU4MSIgd2lkdGg9IjIxLjM1NDgiIGhlaWdodD0iOC43NzQxOSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC42IDAgMCAwIDAgMC44NzQ1MSAwIDAgMCAwIDAuOTc2NDcxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyOF9kIiB4PSI1Ni45Mjk0IiB5PSI0Ny4zODcxIiB3aWR0aD0iMjEuMzU0OCIgaGVpZ2h0PSI2LjgzODcxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjYgMCAwIDAgMCAwLjg3NDUxIDAgMCAwIDAgMC45NzY0NzEgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXI5X2QiIHg9IjU2LjkyOTQiIHk9Ijc1LjQ1MTYiIHdpZHRoPSIyMS4zNTQ4IiBoZWlnaHQ9IjMuOTM1NDgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuNiAwIDAgMCAwIDAuODc0NTEgMCAwIDAgMCAwLjk3NjQ3MSAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjEwX2QiIHg9IjU2LjkyOTQiIHk9IjU1LjEyOSIgd2lkdGg9IjIxLjM1NDgiIGhlaWdodD0iNS44NzA5NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC42IDAgMCAwIDAgMC44NzQ1MSAwIDAgMCAwIDAuOTc2NDcxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMTFfZCIgeD0iNTYuOTI5NCIgeT0iNjEuOTAzMiIgd2lkdGg9IjIxLjM1NDgiIGhlaWdodD0iNS44NzA5NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC42IDAgMCAwIDAgMC44NzQ1MSAwIDAgMCAwIDAuOTc2NDcxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMTJfZCIgeD0iMzQuNjcxNCIgeT0iMTYuNDE5NCIgd2lkdGg9IjIxLjM1NDgiIGhlaWdodD0iMTMuNjEyOSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC42IDAgMCAwIDAgMC44NzQ1MSAwIDAgMCAwIDAuOTc2NDcxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMTNfZCIgeD0iMzQuNjcxNCIgeT0iMjkuOTY3NyIgd2lkdGg9IjIxLjM1NDgiIGhlaWdodD0iNi44Mzg3MSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC42IDAgMCAwIDAgMC44NzQ1MSAwIDAgMCAwIDAuOTc2NDcxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMTRfZCIgeD0iMzQuNjcxNCIgeT0iNDYuNDE5NCIgd2lkdGg9IjIxLjM1NDgiIGhlaWdodD0iNi44Mzg3MSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC42IDAgMCAwIDAgMC44NzQ1MSAwIDAgMCAwIDAuOTc2NDcxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMTVfZCIgeD0iMzQuNjcxNCIgeT0iNjUuNzc0MiIgd2lkdGg9IjIxLjM1NDgiIGhlaWdodD0iMy45MzU0OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC42IDAgMCAwIDAgMC44NzQ1MSAwIDAgMCAwIDAuOTc2NDcxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMTZfZCIgeD0iMzQuNjcxNCIgeT0iNTMuMTkzNSIgd2lkdGg9IjIxLjM1NDgiIGhlaWdodD0iNS44NzA5NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC42IDAgMCAwIDAgMC44NzQ1MSAwIDAgMCAwIDAuOTc2NDcxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K")
}
}
.hex4 {
.icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MSA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxtYXNrIGlkPSJtYXNrMCIgbWFzay10eXBlPSJhbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjkxIiBoZWlnaHQ9IjkwIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00NS4wMzc2IDkwQzY5Ljg5MDQgOTAgOTAuMDM3NiA2OS44NTI4IDkwLjAzNzYgNDVDOTAuMDM3NiAyMC4xNDcyIDY5Ljg5MDQgMCA0NS4wMzc2IDBDMjAuMTg0OCAwIDAuMDM3NTk3NyAyMC4xNDcyIDAuMDM3NTk3NyA0NUMwLjAzNzU5NzcgNjkuODUyOCAyMC4xODQ4IDkwIDQ1LjAzNzYgOTBaTTQ0Ljc3NCA3Ny4zNjg2QzYyLjUwNTIgNzcuMzY4NiA3Ni44NzkzIDYyLjk5NDYgNzYuODc5MyA0NS4yNjMzQzc2Ljg3OTMgMjcuNTMyMSA2Mi41MDUyIDEzLjE1ODEgNDQuNzc0IDEzLjE1ODFDMjcuMDQyNyAxMy4xNTgxIDEyLjY2ODcgMjcuNTMyMSAxMi42Njg3IDQ1LjI2MzNDMTIuNjY4NyA2Mi45OTQ2IDI3LjA0MjcgNzcuMzY4NiA0NC43NzQgNzcuMzY4NloiIGZpbGw9IiNDNEM0QzQiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swKSI+CjxyZWN0IHg9IjAuMDM3NTk3NyIgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiBmaWxsPSIjMDBBRUVGIi8+CjxwYXRoIGQ9Ik04OC40NTkyIDg3Ljg5NDZMNDQuNzc1IDQ1Ljc4OTNIOTEuMDkwOEw4OC40NTkyIDg3Ljg5NDZaIiBmaWxsPSIjRUQzNDMxIi8+CjxwYXRoIGQ9Ik0wLjU2NDMxMiA4Ny44OTQ2TDQ0LjI0ODUgNDUuNzg5M0gtMi4wNjcyN0wwLjU2NDMxMiA4Ny44OTQ2WiIgZmlsbD0iIzAwM0U2QiIvPgo8cGF0aCBkPSJNNy45MzIzMyAtNi44NDIyN0w1MC4wMzc2IDM2Ljg0MTlMNTAuMDM3NiAtOS40NzM4NUw3LjkzMjMzIC02Ljg0MjI3WiIgZmlsbD0iIzg0QkU2MCIvPgo8cGF0aCBkPSJNOTQuMjQ4NyA5NC43MzY3TDUyLjE0MzQgNTEuMDUyNUw1Mi4xNDM0IDk3LjM2ODNMOTQuMjQ4NyA5NC43MzY3WiIgZmlsbD0iIzg0QkU2MCIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAzNzU5NzcpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==")
}
}
.hex5 {
.icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MSA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxtYXNrIGlkPSJtYXNrMCIgbWFzay10eXBlPSJhbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9Ijg3IiBoZWlnaHQ9Ijg2Ij4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00My41MDA2IDg2QzY3LjI0ODkgODYgODYuNTAwNiA2Ni43NDgyIDg2LjUwMDYgNDNDODYuNTAwNiAxOS4yNTE4IDY3LjI0ODkgMCA0My41MDA2IDBDMTkuNzUyNCAwIDAuNTAwNjEgMTkuMjUxOCAwLjUwMDYxIDQzQzAuNTAwNjEgNjYuNzQ4MiAxOS43NTI0IDg2IDQzLjUwMDYgODZaTTQzLjI0ODEgNzMuOTMwM0M2MC4xOTEzIDczLjkzMDMgNzMuOTI2NSA2MC4xOTUxIDczLjkyNjUgNDMuMjUxOUM3My45MjY1IDI2LjMwODggNjAuMTkxMyAxMi41NzM2IDQzLjI0ODEgMTIuNTczNkMyNi4zMDUgMTIuNTczNiAxMi41Njk4IDI2LjMwODggMTIuNTY5OCA0My4yNTE5QzEyLjU2OTggNjAuMTk1MSAyNi4zMDUgNzMuOTMwMyA0My4yNDgxIDczLjkzMDNaIiBmaWxsPSIjQzRDNEM0Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cmVjdCB4PSIwLjUwMDYxIiB3aWR0aD0iODYiIGhlaWdodD0iODYiIGZpbGw9IiMwMEFFRUYiLz4KPHBhdGggZD0iTTg0Ljk5MzQgODMuOTg4Mkw0My4yNTA3IDQzLjc1NDNIODcuNTA4TDg0Ljk5MzQgODMuOTg4MloiIGZpbGw9IiNFRDM0MzEiLz4KPHBhdGggZD0iTTEuMDA0MTMgODMuOTg4Mkw0Mi43NDY4IDQzLjc1NDNILTEuNTEwNDlMMS4wMDQxMyA4My45ODgyWiIgZmlsbD0iIzAwM0U2QiIvPgo8cGF0aCBkPSJNOC4wNDM1NCAtNi41MzgxNEw0OC4yNzc1IDM1LjIwNDZMNDguMjc3NSAtOS4wNTI3NUw4LjA0MzU0IC02LjUzODE0WiIgZmlsbD0iIzg0QkU2MCIvPgo8cGF0aCBkPSJNOTAuNTI0OSA5MC41MjYxTDUwLjI5MSA0OC43ODM0TDUwLjI5MSA5My4wNDA3TDkwLjUyNDkgOTAuNTI2MVoiIGZpbGw9IiM4NEJFNjAiLz4KPC9nPgo8Y2lyY2xlIGN4PSI3MC41MDA2IiBjeT0iNzAiIHI9IjIwIiBmaWxsPSIjOTlERkY5Ii8+CjxwYXRoIGQ9Ik04MC4wNTggNjYuODA5TDc5LjkzNDMgNjYuNzY0TDc5LjQ1MTMgNjUuNTg3TDc5LjUwMzcgNjUuNDY2MUM4MC45NjY5IDYyLjA3ODUgODAuODY2IDYxLjk3NzQgODAuNjIzMyA2MS43MzE4TDc4LjY3MTUgNTkuNzg4MUM3OC41OTE3IDU5LjcwNzMgNzguNDUxNiA1OS42NTA1IDc4LjMzMDggNTkuNjUwNUM3OC4yMjA5IDU5LjY1MDUgNzcuODg4MyA1OS42NTA1IDc1LjAwNTUgNjAuOTgzMkw3NC44OSA2MS4wMzYyTDczLjcwMDYgNjAuNTQ3M0w3My42NTI5IDYwLjQyNjRDNzIuMjk3MiA1NyA3Mi4xNTg0IDU3IDcxLjgyMSA1N0g2OS4wNjQ1QzY4LjcyODUgNTcgNjguNTc1NCA1NyA2Ny4zMTgzIDYwLjQzMjRMNjcuMjcxIDYwLjU1NzRMNjYuMDg3OSA2MS4wNDk3TDY1Ljk3NDcgNjEuMDAxN0M2NC4wMjM1IDYwLjE2MiA2Mi44ODQyIDU5LjczNjIgNjIuNTg3MiA1OS43MzYyQzYyLjQ2NjcgNTkuNzM2MiA2Mi4zMjYxIDU5Ljc5MTQgNjIuMjQ1OSA1OS44NzJMNjAuMjkyMiA2MS44MjEyQzYwLjA0NDQgNjIuMDcwOCA1OS45NDE2IDYyLjE3NTMgNjEuNDgxNSA2NS40OTIyTDYxLjUzODEgNjUuNjE1Mkw2MS4wNTQzIDY2Ljc5MDlMNjAuOTM1OSA2Ni44Mzc2QzU3LjUwMDYgNjguMTkyOCA1Ny41MDA2IDY4LjMyNDkgNTcuNTAwNiA2OC42Nzc5VjcxLjQzNTFDNTcuNTAwNiA3MS43ODkgNTcuNTAwNiA3MS45MzYgNjAuOTQyNyA3My4xOTUyTDYxLjA2NTggNzMuMjM5Nkw2MS41NDk3IDc0LjQxMThMNjEuNDk3NyA3NC41MzE2QzYwLjAzNDQgNzcuOTIwOCA2MC4xMjcyIDc4LjAxMjUgNjAuMzc2MyA3OC4yNjU0TDYyLjMyNTIgODAuMjExN0M2Mi40MDY5IDgwLjI5MTkgNjIuNTQ4MyA4MC4zNDkyIDYyLjY2ODkgODAuMzQ5MkM2Mi43NzggODAuMzQ5MiA2My4xMDk5IDgwLjM0OTIgNjUuOTk0NiA3OS4wMTdMNjYuMTEwMSA3OC45NjE5TDY3LjMwMDIgNzkuNDUzMkw2Ny4zNDY1IDc5LjU3NDdDNjguNzAyOSA4MyA2OC44NDIzIDgzIDY5LjE3OTggODNINzEuOTM3MkM3Mi4yODM0IDgzIDcyLjQyNjkgODMgNzMuNjg1IDc5LjU2NTNMNzMuNzMxOSA3OS40NDAzTDc0LjkxNyA3OC45NTEyTDc1LjAyOTcgNzguOTk4MkM3Ni45NzkzIDc5Ljg0MDMgNzguMTE4MSA4MC4yNjUyIDc4LjQxMzIgODAuMjY1MkM3OC41MzI2IDgwLjI2NTIgNzguNjc0NSA4MC4yMTE3IDc4Ljc1NiA4MC4xMjkzTDgwLjcxMjggNzguMTc1OEM4MC45NTkgNzcuOTI1IDgxLjA2MTYgNzcuODIyNCA3OS41MTg5IDc0LjUwODdMNzkuNDYxNSA3NC4zODQyTDc5Ljk0NDUgNzMuMjEzNkw4MC4wNTk4IDczLjE2NzVDODMuNTAwNiA3MS44MDUyIDgzLjUwMDYgNzEuNjcyNSA4My41MDA2IDcxLjMxOTFWNjguNTYzNUM4My41MDA1IDY4LjIwOTYgODMuNTAwNSA2OC4wNjM1IDgwLjA1OCA2Ni44MDlaTTcwLjUwMDUgNzQuNDcxOEM2OC4wMzcgNzQuNDcxOCA2Ni4wMzI5IDcyLjQ2NTIgNjYuMDMyOSA3MC4wMDA1QzY2LjAzMjkgNjcuNTM1OCA2OC4wMzcxIDY1LjUzMTggNzAuNTAwNSA2NS41MzE4QzcyLjk2MyA2NS41MzE4IDc0Ljk2NjcgNjcuNTM2MiA3NC45NjY3IDcwLjAwMDVDNzQuOTY2OCA3Mi40NjQ3IDcyLjk2MzEgNzQuNDcxOCA3MC41MDA1IDc0LjQ3MThaIiBmaWxsPSIjMDA2M0MzIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUwMDYxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")
}
}
.hex6 {
.icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MSA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxjaXJjbGUgY3g9IjY5LjU3NTYiIGN5PSI1Mi41IiByPSI3LjUiIGZpbGw9IiNENjc2NDYiLz4KPGNpcmNsZSBjeD0iNTEuNTc1NiIgY3k9IjUzLjUiIHI9IjcuNSIgZmlsbD0iI0Q2NzY0NiIvPgo8Y2lyY2xlIGN4PSI0OC41NzU2IiBjeT0iNzkuNSIgcj0iNy41IiBmaWxsPSIjRDY3NjQ2Ii8+CjxjaXJjbGUgY3g9IjU5LjU3NTYiIGN5PSI2NS41IiByPSI3LjUiIGZpbGw9IiNENjc2NDYiLz4KPGNpcmNsZSBjeD0iMzcuNTc1NiIgY3k9IjY5LjUiIHI9IjcuNSIgZmlsbD0iI0Q2NzY0NiIvPgo8Y2lyY2xlIGN4PSIyMS41NzU2IiBjeT0iNjIuNSIgcj0iNy41IiBmaWxsPSIjRDY3NjQ2Ii8+CjxjaXJjbGUgY3g9IjI3LjU3NTYiIGN5PSI1MS41IiByPSI3LjUiIGZpbGw9IiNENjc2NDYiLz4KPGNpcmNsZSBjeD0iMjEuNTc1NiIgY3k9IjMyLjUiIHI9IjcuNSIgZmlsbD0iI0Q2NzY0NiIvPgo8Y2lyY2xlIGN4PSIxMC41NzU2IiBjeT0iNDEuNSIgcj0iNy41IiBmaWxsPSIjRDY3NjQ2Ii8+CjxjaXJjbGUgY3g9IjMxLjU3NTYiIGN5PSIxMy41IiByPSI3LjUiIGZpbGw9IiNENjc2NDYiLz4KPGNpcmNsZSBjeD0iNTUuNTc1NiIgY3k9IjEyLjUiIHI9IjcuNSIgZmlsbD0iI0Q2NzY0NiIvPgo8Y2lyY2xlIGN4PSI3OC41NzU2IiBjeT0iNTMuNSIgcj0iNy41IiBmaWxsPSIjRUFBRTVFIi8+CjxjaXJjbGUgY3g9IjcxLjU3NTYiIGN5PSI2NS41IiByPSI3LjUiIGZpbGw9IiNFQUFFNUUiLz4KPGNpcmNsZSBjeD0iNTYuNTc1NiIgY3k9Ijc2LjUiIHI9IjcuNSIgZmlsbD0iI0VBQUU1RSIvPgo8Y2lyY2xlIGN4PSIzOC41NzU2IiBjeT0iNzkuNSIgcj0iNy41IiBmaWxsPSIjRUFBRTVFIi8+CjxjaXJjbGUgY3g9IjI1LjU3NTYiIGN5PSI3NC41IiByPSI3LjUiIGZpbGw9IiNFQUFFNUUiLz4KPGNpcmNsZSBjeD0iMTAuNTc1NiIgY3k9IjU4LjUiIHI9IjcuNSIgZmlsbD0iI0VBQUU1RSIvPgo8Y2lyY2xlIGN4PSIxOC41NzU2IiBjeT0iMjIuNSIgcj0iNy41IiBmaWxsPSIjRUFBRTVFIi8+CjxjaXJjbGUgY3g9IjM4LjU3NTYiIGN5PSI0Mi41IiByPSI3LjUiIGZpbGw9IiNFQUFFNUUiLz4KPGNpcmNsZSBjeD0iNjIuNTc1NiIgY3k9IjE3LjUiIHI9IjcuNSIgZmlsbD0iI0VBQUU1RSIvPgo8Y2lyY2xlIGN4PSIyMS41NzU2IiBjeT0iNDAuNSIgcj0iNy41IiBmaWxsPSIjRUFBRTVFIi8+CjxjaXJjbGUgY3g9IjY0LjU3NTYiIGN5PSI3MS41IiByPSI3LjUiIGZpbGw9IiNFMkE0ODEiLz4KPGNpcmNsZSBjeD0iNDQuNTc1NiIgY3k9IjcwLjUiIHI9IjcuNSIgZmlsbD0iI0UyQTQ4MSIvPgo8Y2lyY2xlIGN4PSI0My41NzU2IiBjeT0iNTEuNSIgcj0iNy41IiBmaWxsPSIjRTJBNDgxIi8+CjxjaXJjbGUgY3g9IjE3LjU3NTYiIGN5PSI1MS41IiByPSI3LjUiIGZpbGw9IiNFMkE0ODEiLz4KPGNpcmNsZSBjeD0iMzMuNTc1NiIgY3k9IjMxLjUiIHI9IjcuNSIgZmlsbD0iI0UyQTQ4MSIvPgo8Y2lyY2xlIGN4PSIzOS41NzU2IiBjeT0iMTkuNSIgcj0iNy41IiBmaWxsPSIjRTJBNDgxIi8+CjxjaXJjbGUgY3g9IjQwLjU3NTYiIGN5PSIxMS41IiByPSI3LjUiIGZpbGw9IiNFQUFFNUUiLz4KPGNpcmNsZSBjeD0iNDguNTc1NiIgY3k9IjI5LjUiIHI9IjcuNSIgZmlsbD0iI0Q2NzY0NiIvPgo8Y2lyY2xlIGN4PSIyOC41NzU2IiBjeT0iMjYuNSIgcj0iNy41IiBmaWxsPSIjRDY3NjQ2Ii8+CjxjaXJjbGUgY3g9IjU3LjU3NTYiIGN5PSIyNC41IiByPSI3LjUiIGZpbGw9IiNFMzhCNTciLz4KPGNpcmNsZSBjeD0iMjQuNTc1NiIgY3k9IjE4LjUiIHI9IjcuNSIgZmlsbD0iI0UzOEI1NyIvPgo8Y2lyY2xlIGN4PSIzOC41NzU2IiBjeT0iMjYuNSIgcj0iNy41IiBmaWxsPSIjRTM4QjU3Ii8+CjxjaXJjbGUgY3g9IjQ5LjU3NTYiIGN5PSIxMS41IiByPSI3LjUiIGZpbGw9IiNFMzhCNTciLz4KPGNpcmNsZSBjeD0iNjAuNTc1NiIgY3k9IjUyLjUiIHI9IjcuNSIgZmlsbD0iI0UzOEI1NyIvPgo8Y2lyY2xlIGN4PSI3Ny41NzU2IiBjeT0iNTcuNSIgcj0iNy41IiBmaWxsPSIjRTM4QjU3Ii8+CjxjaXJjbGUgY3g9IjUzLjU3NTYiIGN5PSI3MS41IiByPSI3LjUiIGZpbGw9IiNFMzhCNTciLz4KPGNpcmNsZSBjeD0iMzUuNTc1NiIgY3k9Ijc3LjUiIHI9IjcuNSIgZmlsbD0iI0UzOEI1NyIvPgo8Y2lyY2xlIGN4PSIxNy41NzU2IiBjeT0iNjcuNSIgcj0iNy41IiBmaWxsPSIjRTM4QjU3Ii8+CjxjaXJjbGUgY3g9IjkuNTc1NTYiIGN5PSI0OS41IiByPSI3LjUiIGZpbGw9IiNFMzhCNTciLz4KPGNpcmNsZSBjeD0iNDMuNTc1NiIgY3k9IjU5LjUiIHI9IjcuNSIgZmlsbD0iI0UzOEI1NyIvPgo8Y2lyY2xlIGN4PSIzNi41NzU2IiBjeT0iNTMuNSIgcj0iNy41IiBmaWxsPSIjRTM4QjU3Ii8+CjxjaXJjbGUgY3g9IjI4LjU3NTYiIGN5PSIzOS41IiByPSI3LjUiIGZpbGw9IiNFMzhCNTciLz4KPGNpcmNsZSBjeD0iNDQuNTc1NiIgY3k9IjM1LjUiIHI9IjcuNSIgZmlsbD0iI0UzOEI1NyIvPgo8Y2lyY2xlIGN4PSI2Ny41NzU2IiBjeT0iNjEuNSIgcj0iNy41IiBmaWxsPSIjRTE5QzRCIi8+CjxjaXJjbGUgY3g9IjQ4LjU3NTYiIGN5PSI2Mi41IiByPSI3LjUiIGZpbGw9IiNFMTlDNEIiLz4KPGNpcmNsZSBjeD0iNDkuNTc1NiIgY3k9IjIwLjUiIHI9IjcuNSIgZmlsbD0iI0UxOUM0QiIvPgo8Y2lyY2xlIGN4PSIyOS41NzU2IiBjeT0iNjIuNSIgcj0iNy41IiBmaWxsPSIjRTE5QzRCIi8+CjxjaXJjbGUgY3g9IjE0LjU3NTYiIGN5PSIzMS41IiByPSI3LjUiIGZpbGw9IiNFMTlDNEIiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDc1NTYxNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")
}
}
.hex6, .hex7, .hex8, .hex9, .hex10, .hex11 {
.icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MSA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik04OC41Mzg2IDQ1Qzg4LjUzODYgNjguNzQ4MiA2OS4yODY4IDg4IDQ1LjUzODYgODhDMjEuNzkwMyA4OCAyLjUzODU3IDY4Ljc0ODIgMi41Mzg1NyA0NUMyLjUzODU3IDIxLjI1MTggMjEuNzkwMyAyIDQ1LjUzODYgMkM2OS4yODY4IDIgODguNTM4NiAyMS4yNTE4IDg4LjUzODYgNDVaIiBzdHJva2U9IiNDQ0Q4RTEiIHN0cm9rZS13aWR0aD0iNCIvPgo8cGF0aCBkPSJNMjQuNTgxNSAzNy4wMTU2QzI0LjI2OSAzOC4zMzcyIDIzLjY3MzMgMzkuMzUyOSAyMi43OTQ0IDQwLjA2MjVDMjEuODg5NSA0MC43NjU2IDIwLjgxODUgNDEuMTE3MiAxOS41ODE1IDQxLjExNzJDMTguNDYxOCA0MS4wOTExIDE3LjUyNzUgNDAuODE3NyAxNi43Nzg4IDQwLjI5NjlDMTYuMDE3MSAzOS43OTU2IDE1LjQ2MzcgMzkuMjE2MSAxNS4xMTg3IDM4LjU1ODZDMTUuMDE0NSAzOC4zNDM4IDE0LjkyMDEgMzguMTM4NyAxNC44MzU0IDM3Ljk0MzRDMTQuNzU3MyAzNy43NDE1IDE0LjY5MjIgMzcuNDg3NiAxNC42NDAxIDM3LjE4MTZDMTQuNTQyNSAzNi42MDg3IDE0LjQ5MzcgMzUuNTA4NSAxNC40OTM3IDMzLjg4MDlDMTQuNDkzNyAzMi4yMjcyIDE0LjU0MjUgMzEuMTIwNCAxNC42NDAxIDMwLjU2MDVDMTQuNzQ0MyAzMC4wMDA3IDE0LjkwMzggMjkuNTQ4MiAxNS4xMTg3IDI5LjIwMzFDMTUuNDYzNyAyOC41NDU2IDE2LjAxNzEgMjcuOTU5NiAxNi43Nzg4IDI3LjQ0NTNDMTcuNTI3NSAyNi45MjQ1IDE4LjQ2MTggMjYuNjU3NiAxOS41ODE1IDI2LjY0NDVDMjAuOTU1MiAyNi42NTc2IDIyLjA3NSAyNy4wNjQ1IDIyLjk0MDkgMjcuODY1MkMyMy44MDY4IDI4LjY3MjUgMjQuMzUzNyAyOS42NzE5IDI0LjU4MTUgMzAuODYzM0gyMi4yOTY0QzIyLjEyMDYgMzAuMjkwNCAyMS44MDE2IDI5LjgwMjEgMjEuMzM5NCAyOS4zOTg0QzIwLjg1NzYgMjkuMDE0MyAyMC4yNzE2IDI4LjgxNTggMTkuNTgxNSAyOC44MDI3QzE5LjA3MzcgMjguODE1OCAxOC42Mzc1IDI4LjkxNjcgMTguMjcyOSAyOS4xMDU1QzE3LjkwMTkgMjkuMzAwOCAxNy42MDI0IDI5LjU0NDkgMTcuMzc0NSAyOS44Mzc5QzE3LjA5NDYgMzAuMTQzOSAxNi45MDkgMzAuNTM3OCAxNi44MTc5IDMxLjAxOTVDMTYuNzEzNyAzMS41MjczIDE2LjY2MTYgMzIuNDgxMSAxNi42NjE2IDMzLjg4MDlDMTYuNjYxNiAzNS4yODA2IDE2LjcxMzcgMzYuMjI3OSAxNi44MTc5IDM2LjcyMjdDMTYuOTA5IDM3LjIxNzQgMTcuMDk0NiAzNy42MTc4IDE3LjM3NDUgMzcuOTIzOEMxNy42MDI0IDM4LjIxNjggMTcuOTAxOSAzOC40NTQ0IDE4LjI3MjkgMzguNjM2N0MxOC42Mzc1IDM4Ljg1MTYgMTkuMDczNyAzOC45NTkgMTkuNTgxNSAzOC45NTlDMjAuNzkyNSAzOC45NTkgMjEuNjk3NCAzOC4zMTEyIDIyLjI5NjQgMzcuMDE1NkgyNC41ODE1WiIgZmlsbD0iI0U1RUNGMCIvPgo8cGF0aCBkPSJNMjUuNDMxMiAzNS45MjE5QzI1LjQzMTIgMzQuODU0MiAyNS41MTkgMzQuMDMzOSAyNS42OTQ4IDMzLjQ2MDlDMjUuODc3MSAzMi45MDEgMjYuMTU3MSAzMi40MjkgMjYuNTM0NyAzMi4wNDQ5QzI2LjgxNDYgMzEuNzA2NCAyNy4yMDUyIDMxLjQwMzYgMjcuNzA2NSAzMS4xMzY3QzI4LjIwMTMgMzAuODgyOCAyOC44MzYxIDMwLjc0OTMgMjkuNjEwOCAzMC43MzYzQzMwLjQxMTYgMzAuNzQ5MyAzMS4wNTk0IDMwLjg4MjggMzEuNTU0MiAzMS4xMzY3QzMyLjA0MjUgMzEuNDAzNiAzMi40MjAxIDMxLjcwNjQgMzIuNjg3IDMyLjA0NDlDMzMuMDkwNyAzMi40MjkgMzMuMzc3MSAzMi45MDEgMzMuNTQ2NCAzMy40NjA5QzMzLjcwOTEgMzQuMDMzOSAzMy43OTA1IDM0Ljg1NDIgMzMuNzkwNSAzNS45MjE5QzMzLjc5MDUgMzYuOTg5NiAzMy43MDkxIDM3LjgwMzQgMzMuNTQ2NCAzOC4zNjMzQzMzLjM3NzEgMzguOTIzMiAzMy4wOTA3IDM5LjQwODIgMzIuNjg3IDM5LjgxODRDMzIuNTU2OCAzOS45NjgxIDMyLjM5NzMgNDAuMTE0NiAzMi4yMDg1IDQwLjI1NzhDMzIuMDM5MiA0MC40MjA2IDMxLjgyMTEgNDAuNTYwNSAzMS41NTQyIDQwLjY3NzdDMzEuMDU5NCA0MC45NTc3IDMwLjQxMTYgNDEuMTA0MiAyOS42MTA4IDQxLjExNzJDMjguODM2MSA0MS4xMDQyIDI4LjIwMTMgNDAuOTU3NyAyNy43MDY1IDQwLjY3NzdDMjcuMjA1MiA0MC40MjM4IDI2LjgxNDYgNDAuMTM3NCAyNi41MzQ3IDM5LjgxODRDMjYuMTU3MSAzOS40MDgyIDI1Ljg3NzEgMzguOTIzMiAyNS42OTQ4IDM4LjM2MzNDMjUuNTE5IDM3LjgwMzQgMjUuNDMxMiAzNi45ODk2IDI1LjQzMTIgMzUuOTIxOVpNMzEuNzQ5NSAzNS45NDE0QzMxLjc0OTUgMzUuMjE4OCAzMS43MTcgMzQuNjkxNCAzMS42NTE5IDM0LjM1OTRDMzEuNTg2OCAzNC4wNDA0IDMxLjQ1MzMgMzMuNzYwNCAzMS4yNTE1IDMzLjUxOTVDMzEuMTAxNyAzMy4yOTE3IDMwLjg4MDQgMzMuMTEyNiAzMC41ODc0IDMyLjk4MjRDMzAuMzA3NSAzMi44NDU3IDI5Ljk4MTkgMzIuNzc3MyAyOS42MTA4IDMyLjc3NzNDMjkuMjY1OCAzMi43NzczIDI4Ljk0NjggMzIuODQ1NyAyOC42NTM4IDMyLjk4MjRDMjguMzczOSAzMy4xMTI2IDI4LjE0NiAzMy4yOTE3IDI3Ljk3MDIgMzMuNTE5NUMyNy43OTQ0IDMzLjc2MDQgMjcuNjY3NSAzNC4wNDA0IDI3LjU4OTQgMzQuMzU5NEMyNy41MTEyIDM0LjY5MTQgMjcuNDcyMiAzNS4yMTIyIDI3LjQ3MjIgMzUuOTIxOUMyNy40NzIyIDM2LjYyNSAyNy41MTEyIDM3LjEzOTMgMjcuNTg5NCAzNy40NjQ4QzI3LjY2NzUgMzcuNzk2OSAyNy43OTQ0IDM4LjA4OTggMjcuOTcwMiAzOC4zNDM4QzI4LjE0NiAzOC41MzkxIDI4LjM3MzkgMzguNzExNiAyOC42NTM4IDM4Ljg2MTNDMjguOTQ2OCAzOS4wMDQ2IDI5LjI2NTggMzkuMDc2MiAyOS42MTA4IDM5LjA3NjJDMjkuOTgxOSAzOS4wNzYyIDMwLjMwNzUgMzkuMDA0NiAzMC41ODc0IDM4Ljg2MTNDMzAuODgwNCAzOC43MTE2IDMxLjEwMTcgMzguNTM5MSAzMS4yNTE1IDM4LjM0MzhDMzEuNDUzMyAzOC4wODk4IDMxLjU4NjggMzcuNzk2OSAzMS42NTE5IDM3LjQ2NDhDMzEuNzE3IDM3LjEzOTMgMzEuNzQ5NSAzNi42MzE1IDMxLjc0OTUgMzUuOTQxNFoiIGZpbGw9IiNFNUVDRjAiLz4KPHBhdGggZD0iTTM2LjA0NjQgMzAuODYzM0gzOC4wODc0VjMxLjkzNzVIMzguMTI2NUMzOC43OTcgMzEuMTM2NyAzOS42NzkyIDMwLjczNjMgNDAuNzcyOSAzMC43MzYzQzQxLjQ3NjEgMzAuNzQ5MyA0Mi4wNDI1IDMwLjg2OTggNDIuNDcyMiAzMS4wOTc3QzQyLjg5NTMgMzEuMzUxNiA0My4yODI3IDMxLjY3MzggNDMuNjM0MyAzMi4wNjQ1QzQ0LjQyODUgMzEuMTY2IDQ1LjQ5MyAzMC43MjMzIDQ2LjgyNzYgMzAuNzM2M0M0Ny42Njc1IDMwLjczNjMgNDguNDM1NyAzMS4wMzI2IDQ5LjEzMjMgMzEuNjI1QzQ5LjgyMjQgMzIuMjI0IDUwLjE4MDUgMzMuMTAyOSA1MC4yMDY1IDM0LjI2MTdWNDFINDguMTY1NVYzNC45NjQ4QzQ4LjE2NTUgMzQuMjU1MiA0Ny45OCAzMy43MTQ4IDQ3LjYwODkgMzMuMzQzOEM0Ny4yMzc4IDMyLjk2NjEgNDYuNzU5MyAzMi43NzczIDQ2LjE3MzMgMzIuNzc3M0M0NS41ODc0IDMyLjc3NzMgNDUuMTA1NiAzMi45NjYxIDQ0LjcyOCAzMy4zNDM4QzQ0LjM0MzkgMzMuNzE0OCA0NC4xNTE5IDM0LjI1NTIgNDQuMTUxOSAzNC45NjQ4VjQxSDQyLjExMDhWMzQuOTY0OEM0Mi4xMTA4IDM0LjI1NTIgNDEuOTI1MyAzMy43MTQ4IDQxLjU1NDIgMzMuMzQzOEM0MS4xNzY2IDMyLjk2NjEgNDAuNjk0OCAzMi43NzczIDQwLjEwODkgMzIuNzc3M0MzOS41MjI5IDMyLjc3NzMgMzkuMDQ0NCAzMi45NjYxIDM4LjY3MzMgMzMuMzQzOEMzOC4yODI3IDMzLjcxNDggMzguMDg3NCAzNC4yNTUyIDM4LjA4NzQgMzQuOTY0OFY0MUgzNi4wNDY0VjMwLjg2MzNaIiBmaWxsPSIjRTVFQ0YwIi8+CjxwYXRoIGQ9Ik01My4wMzg2IDMwLjg2MzNINTUuMDc5NlY0MUg1My4wMzg2VjMwLjg2MzNaTTUzLjAzODYgMjYuNzYxN0g1NS4wNzk2VjI4LjgwMjdINTMuMDM4NlYyNi43NjE3WiIgZmlsbD0iI0U1RUNGMCIvPgo8cGF0aCBkPSJNNTcuNzg0NyAzMC44NjMzSDU5LjgyNTdWMzEuOTM3NUg1OS44NjQ3QzYwLjUzNTMgMzEuMTM2NyA2MS40MTQyIDMwLjczNjMgNjIuNTAxNSAzMC43MzYzQzYzLjM0MTMgMzAuNzM2MyA2NC4xMDk1IDMxLjAzMjYgNjQuODA2MiAzMS42MjVDNjUuNDk2MyAzMi4yMjQgNjUuODU3NiAzMy4xMDI5IDY1Ljg5MDEgMzQuMjYxN1Y0MUg2My44NDkxVjM0Ljk2NDhDNjMuODQ5MSAzNC4yNTUyIDYzLjY2MDMgMzMuNzE0OCA2My4yODI3IDMzLjM0MzhDNjIuOTExNiAzMi45NjYxIDYyLjQzMzEgMzIuNzc3MyA2MS44NDcyIDMyLjc3NzNDNjEuMjYxMiAzMi43NzczIDYwLjc3OTUgMzIuOTY2MSA2MC40MDE5IDMzLjM0MzhDNjAuMDE3NyAzMy43MTQ4IDU5LjgyNTcgMzQuMjU1MiA1OS44MjU3IDM0Ljk2NDhWNDFINTcuNzg0N1YzMC44NjMzWiIgZmlsbD0iI0U1RUNGMCIvPgo8cGF0aCBkPSJNNzQuMjMgMzkuOTM1NUM3My41NTk0IDQwLjY5NzMgNzIuNjg3IDQxLjA5MTEgNzEuNjEyOCA0MS4xMTcyQzcwLjk1NTIgNDEuMTA0MiA3MC40MDg0IDQwLjk2NDIgNjkuOTcyMiA0MC42OTczQzY5LjUxNjQgNDAuNDQzNCA2OS4xNjgxIDQwLjE2OTkgNjguOTI3MiAzOS44NzdDNjguNjYwMyAzOS41NDQ5IDY4LjQ2ODMgMzkuMTM4IDY4LjM1MTEgMzguNjU2MkM2OC4yMjc0IDM4LjE4MSA2OC4xNjU1IDM3LjI3NiA2OC4xNjU1IDM1Ljk0MTRDNjguMTY1NSAzNC41ODA3IDY4LjIyNzQgMzMuNjU5NSA2OC4zNTExIDMzLjE3NzdDNjguNDY4MyAzMi43MDI1IDY4LjY2MDMgMzIuMzAyMSA2OC45MjcyIDMxLjk3NjZDNjkuMTY4MSAzMS42NTc2IDY5LjUxNjQgMzEuMzcxMSA2OS45NzIyIDMxLjExNzJDNzAuNDA4NCAzMC44NzYzIDcwLjk1NTIgMzAuNzQ5MyA3MS42MTI4IDMwLjczNjNDNzIuNjIxOSAzMC43MzYzIDczLjQ5NDMgMzEuMTM2NyA3NC4yMyAzMS45Mzc1VjMwLjg2MzNINzYuMjcxVjQwLjc1NTlDNzYuMjQ1IDQyLjI3OTMgNzUuODA1NSA0My4zOTkxIDc0Ljk1MjYgNDQuMTE1MkM3NC4wOTMzIDQ0Ljg1MDkgNzMuMDY0NiA0NS4yMTg4IDcxLjg2NjcgNDUuMjE4OEM3MC40OTMgNDUuMTkyNyA2OS4zMjExIDQ0LjYyNjMgNjguMzUxMSA0My41MTk1TDY5LjkzMzEgNDIuMjU5OEM3MC4xOTM1IDQyLjUwMDcgNzAuNDkzIDQyLjcwNTcgNzAuODMxNSA0Mi44NzVDNzEuMTc2NiA0My4wNjM4IDcxLjUzNDcgNDMuMTY0NyA3MS45MDU4IDQzLjE3NzdDNzIuNjAyNCA0My4xNzc3IDczLjE2MjMgNDIuOTg1NyA3My41ODU0IDQyLjYwMTZDNzQuMDAyMSA0Mi4yMTA5IDc0LjIxNyA0MS42NzA2IDc0LjIzIDQwLjk4MDVWMzkuOTM1NVpNNzAuMjA2NSAzNS45NDE0QzcwLjIwNjUgMzYuNzE2MSA3MC4yMzI2IDM3LjI1IDcwLjI4NDcgMzcuNTQzQzcwLjMzMDIgMzcuODQ5IDcwLjQzNzcgMzguMTAyOSA3MC42MDY5IDM4LjMwNDdDNzAuNzQzNyAzOC40ODcgNzAuOTUyIDM4LjY1MyA3MS4yMzE5IDM4LjgwMjdDNzEuNDk4OSAzOC45ODUgNzEuODMwOSAzOS4wNzYyIDcyLjIyOCAzOS4wNzYyQzcyLjYyNTIgMzkuMDc2MiA3Mi45NTcyIDM4Ljk4NSA3My4yMjQxIDM4LjgwMjdDNzMuNDkxIDM4LjY1MyA3My42OTI5IDM4LjQ4NyA3My44Mjk2IDM4LjMwNDdDNzMuOTk4OSAzOC4xMDI5IDc0LjExMjggMzcuODQ5IDc0LjE3MTQgMzcuNTQzQzc0LjIxMDQgMzcuMjUgNzQuMjMgMzYuNzE2MSA3NC4yMyAzNS45NDE0Qzc0LjIzIDM1LjE1MzYgNzQuMjEwNCAzNC42MDY4IDc0LjE3MTQgMzQuMzAwOEM3NC4xMTI4IDMzLjk5NDggNzMuOTk4OSAzMy43NDc0IDczLjgyOTYgMzMuNTU4NkM3My42OTI5IDMzLjM3NjMgNzMuNDkxIDMzLjE5NzMgNzMuMjI0MSAzMy4wMjE1QzcyLjk1NzIgMzIuODcxNyA3Mi42MjUyIDMyLjc5MDQgNzIuMjI4IDMyLjc3NzNDNzEuODMwOSAzMi43OTA0IDcxLjQ5ODkgMzIuODcxNyA3MS4yMzE5IDMzLjAyMTVDNzAuOTUyIDMzLjE5NzMgNzAuNzQzNyAzMy4zNzYzIDcwLjYwNjkgMzMuNTU4NkM3MC40Mzc3IDMzLjc0NzQgNzAuMzMwMiAzMy45OTQ4IDcwLjI4NDcgMzQuMzAwOEM3MC4yMzI2IDM0LjYwNjggNzAuMjA2NSAzNS4xNTM2IDcwLjIwNjUgMzUuOTQxNFoiIGZpbGw9IiNFNUVDRjAiLz4KPHBhdGggZD0iTTI2Ljk4MzkgNjAuOTA0M0MyNy44MTA3IDYxLjc3MDIgMjguODc4NCA2Mi4yMDMxIDMwLjE4NyA2Mi4yMDMxQzMwLjc3MjkgNjIuMjAzMSAzMS4yNTE1IDYyLjA4OTIgMzEuNjIyNiA2MS44NjEzQzMxLjk5MzcgNjEuNjMzNSAzMi4xNzkyIDYxLjMxNDUgMzIuMTc5MiA2MC45MDQzQzMyLjE3OTIgNjAuNTM5NyAzMi4wNjg1IDYwLjI4NTggMzEuODQ3MiA2MC4xNDI2QzMxLjYxOTMgNTkuOTkyOCAzMS4zMTY2IDU5LjkxMTUgMzAuOTM5IDU5Ljg5ODRMMjkuMTQyMSA1OS43NDIyQzI4LjI4OTIgNTkuNjY0MSAyNy41OTU5IDU5LjM3NzYgMjcuMDYyIDU4Ljg4MjhDMjYuNTE1MSA1OC40MDEgMjYuMjM1MiA1Ny43MjcyIDI2LjIyMjIgNTYuODYxM0MyNi4yMzUyIDU1LjgxOTcgMjYuNjAzIDU1LjAzODQgMjcuMzI1NyA1NC41MTc2QzI4LjAyODggNTMuOTk2NyAyOC45MjA3IDUzLjczNjMgMzAuMDAxNSA1My43MzYzQzMwLjQ3MDIgNTMuNzM2MyAzMC44OTAxIDUzLjc2NTYgMzEuMjYxMiA1My44MjQyQzMxLjYzMjMgNTMuODg5MyAzMS45ODA2IDUzLjk4MDUgMzIuMzA2MiA1NC4wOTc3QzMyLjkzMTIgNTQuMzUxNiAzMy40OTEgNTQuNjkzNCAzMy45ODU4IDU1LjEyM0wzMi43MjYxIDU2LjU5NzdDMzIuMzM1NCA1Ni4zMTc3IDMxLjkyMiA1Ni4wODY2IDMxLjQ4NTggNTUuOTA0M0MzMS4wNTYyIDU1Ljc0MTUgMzAuNTYxNCA1NS42NjAyIDMwLjAwMTUgNTUuNjYwMkMyOS4zNjM0IDU1LjY2MDIgMjguOTE3NSA1NS43NzQxIDI4LjY2MzYgNTYuMDAyQzI4LjM5NjYgNTYuMjI5OCAyOC4yNjMyIDU2LjUyMjggMjguMjYzMiA1Ni44ODA5QzI4LjI1MDIgNTcuMTA4NyAyOC4zNTExIDU3LjMwNzMgMjguNTY1OSA1Ny40NzY2QzI4Ljc2MTIgNTcuNjY1NCAyOS4xMDYzIDU3Ljc4NTggMjkuNjAxMSA1Ny44Mzc5TDMxLjI4MDggNTcuOTY0OEMzMi4zMzU0IDU4LjA0MyAzMy4wOTcyIDU4LjM2MiAzMy41NjU5IDU4LjkyMTlDMzQuMDAyMSA1OS40Njg4IDM0LjIyMDIgNjAuMTYyMSAzNC4yMjAyIDYxLjAwMkMzNC4yMDcyIDYxLjk4NSAzMy44MDY4IDYyLjc0MzUgMzMuMDE5IDYzLjI3NzNDMzIuMjM3OCA2My44MjQyIDMxLjIzODQgNjQuMTA0MiAzMC4wMjEgNjQuMTE3MkMyOC4zNjc0IDY0LjExNzIgMjYuODc5NyA2My41MTE3IDI1LjU1ODEgNjIuMzAwOEwyNi45ODM5IDYwLjkwNDNaIiBmaWxsPSIjRTVFQ0YwIi8+CjxwYXRoIGQ9Ik0zNS43OTI1IDU4LjkyMTlDMzUuNzkyNSA1Ny44NTQyIDM1Ljg4MDQgNTcuMDMzOSAzNi4wNTYyIDU2LjQ2MDlDMzYuMjM4NCA1NS45MDEgMzYuNTE4NCA1NS40MjkgMzYuODk2IDU1LjA0NDlDMzcuMTc1OSA1NC43MDY0IDM3LjU2NjYgNTQuNDAzNiAzOC4wNjc5IDU0LjEzNjdDMzguNTYyNyA1My44ODI4IDM5LjE5NzQgNTMuNzQ5MyAzOS45NzIyIDUzLjczNjNDNDAuNzcyOSA1My43NDkzIDQxLjQyMDcgNTMuODgyOCA0MS45MTU1IDU0LjEzNjdDNDIuNDAzOCA1NC40MDM2IDQyLjc4MTQgNTQuNzA2NCA0My4wNDgzIDU1LjA0NDlDNDMuNDUyIDU1LjQyOSA0My43Mzg0IDU1LjkwMSA0My45MDc3IDU2LjQ2MDlDNDQuMDcwNSA1Ny4wMzM5IDQ0LjE1MTkgNTcuODU0MiA0NC4xNTE5IDU4LjkyMTlDNDQuMTUxOSA1OS45ODk2IDQ0LjA3MDUgNjAuODAzNCA0My45MDc3IDYxLjM2MzNDNDMuNzM4NCA2MS45MjMyIDQzLjQ1MiA2Mi40MDgyIDQzLjA0ODMgNjIuODE4NEM0Mi45MTgxIDYyLjk2ODEgNDIuNzU4NiA2My4xMTQ2IDQyLjU2OTggNjMuMjU3OEM0Mi40MDA2IDYzLjQyMDYgNDIuMTgyNSA2My41NjA1IDQxLjkxNTUgNjMuNjc3N0M0MS40MjA3IDYzLjk1NzcgNDAuNzcyOSA2NC4xMDQyIDM5Ljk3MjIgNjQuMTE3MkMzOS4xOTc0IDY0LjEwNDIgMzguNTYyNyA2My45NTc3IDM4LjA2NzkgNjMuNjc3N0MzNy41NjY2IDYzLjQyMzggMzcuMTc1OSA2My4xMzc0IDM2Ljg5NiA2Mi44MTg0QzM2LjUxODQgNjIuNDA4MiAzNi4yMzg0IDYxLjkyMzIgMzYuMDU2MiA2MS4zNjMzQzM1Ljg4MDQgNjAuODAzNCAzNS43OTI1IDU5Ljk4OTYgMzUuNzkyNSA1OC45MjE5Wk00Mi4xMTA4IDU4Ljk0MTRDNDIuMTEwOCA1OC4yMTg4IDQyLjA3ODMgNTcuNjkxNCA0Mi4wMTMyIDU3LjM1OTRDNDEuOTQ4MSA1Ny4wNDA0IDQxLjgxNDYgNTYuNzYwNCA0MS42MTI4IDU2LjUxOTVDNDEuNDYzMSA1Ni4yOTE3IDQxLjI0MTcgNTYuMTEyNiA0MC45NDg3IDU1Ljk4MjRDNDAuNjY4OCA1NS44NDU3IDQwLjM0MzMgNTUuNzc3MyAzOS45NzIyIDU1Ljc3NzNDMzkuNjI3MSA1NS43NzczIDM5LjMwODEgNTUuODQ1NyAzOS4wMTUxIDU1Ljk4MjRDMzguNzM1MiA1Ni4xMTI2IDM4LjUwNzMgNTYuMjkxNyAzOC4zMzE1IDU2LjUxOTVDMzguMTU1OCA1Ni43NjA0IDM4LjAyODggNTcuMDQwNCAzNy45NTA3IDU3LjM1OTRDMzcuODcyNiA1Ny42OTE0IDM3LjgzMzUgNTguMjEyMiAzNy44MzM1IDU4LjkyMTlDMzcuODMzNSA1OS42MjUgMzcuODcyNiA2MC4xMzkzIDM3Ljk1MDcgNjAuNDY0OEMzOC4wMjg4IDYwLjc5NjkgMzguMTU1OCA2MS4wODk4IDM4LjMzMTUgNjEuMzQzOEMzOC41MDczIDYxLjUzOTEgMzguNzM1MiA2MS43MTE2IDM5LjAxNTEgNjEuODYxM0MzOS4zMDgxIDYyLjAwNDYgMzkuNjI3MSA2Mi4wNzYyIDM5Ljk3MjIgNjIuMDc2MkM0MC4zNDMzIDYyLjA3NjIgNDAuNjY4OCA2Mi4wMDQ2IDQwLjk0ODcgNjEuODYxM0M0MS4yNDE3IDYxLjcxMTYgNDEuNDYzMSA2MS41MzkxIDQxLjYxMjggNjEuMzQzOEM0MS44MTQ2IDYxLjA4OTggNDEuOTQ4MSA2MC43OTY5IDQyLjAxMzIgNjAuNDY0OEM0Mi4wNzgzIDYwLjEzOTMgNDIuMTEwOCA1OS42MzE1IDQyLjExMDggNTguOTQxNFoiIGZpbGw9IiNFNUVDRjAiLz4KPHBhdGggZD0iTTQ1Ljc5MjUgNTguOTIxOUM0NS43OTI1IDU3Ljg1NDIgNDUuODgwNCA1Ny4wMzM5IDQ2LjA1NjIgNTYuNDYwOUM0Ni4yMzg0IDU1LjkwMSA0Ni41MTg0IDU1LjQyOSA0Ni44OTYgNTUuMDQ0OUM0Ny4xNzU5IDU0LjcwNjQgNDcuNTY2NiA1NC40MDM2IDQ4LjA2NzkgNTQuMTM2N0M0OC41NjI3IDUzLjg4MjggNDkuMTk3NCA1My43NDkzIDQ5Ljk3MjIgNTMuNzM2M0M1MC43NzI5IDUzLjc0OTMgNTEuNDIwNyA1My44ODI4IDUxLjkxNTUgNTQuMTM2N0M1Mi40MDM4IDU0LjQwMzYgNTIuNzgxNCA1NC43MDY0IDUzLjA0ODMgNTUuMDQ0OUM1My40NTIgNTUuNDI5IDUzLjczODQgNTUuOTAxIDUzLjkwNzcgNTYuNDYwOUM1NC4wNzA1IDU3LjAzMzkgNTQuMTUxOSA1Ny44NTQyIDU0LjE1MTkgNTguOTIxOUM1NC4xNTE5IDU5Ljk4OTYgNTQuMDcwNSA2MC44MDM0IDUzLjkwNzcgNjEuMzYzM0M1My43Mzg0IDYxLjkyMzIgNTMuNDUyIDYyLjQwODIgNTMuMDQ4MyA2Mi44MTg0QzUyLjkxODEgNjIuOTY4MSA1Mi43NTg2IDYzLjExNDYgNTIuNTY5OCA2My4yNTc4QzUyLjQwMDYgNjMuNDIwNiA1Mi4xODI1IDYzLjU2MDUgNTEuOTE1NSA2My42Nzc3QzUxLjQyMDcgNjMuOTU3NyA1MC43NzI5IDY0LjEwNDIgNDkuOTcyMiA2NC4xMTcyQzQ5LjE5NzQgNjQuMTA0MiA0OC41NjI3IDYzLjk1NzcgNDguMDY3OSA2My42Nzc3QzQ3LjU2NjYgNjMuNDIzOCA0Ny4xNzU5IDYzLjEzNzQgNDYuODk2IDYyLjgxODRDNDYuNTE4NCA2Mi40MDgyIDQ2LjIzODQgNjEuOTIzMiA0Ni4wNTYyIDYxLjM2MzNDNDUuODgwNCA2MC44MDM0IDQ1Ljc5MjUgNTkuOTg5NiA0NS43OTI1IDU4LjkyMTlaTTUyLjExMDggNTguOTQxNEM1Mi4xMTA4IDU4LjIxODggNTIuMDc4MyA1Ny42OTE0IDUyLjAxMzIgNTcuMzU5NEM1MS45NDgxIDU3LjA0MDQgNTEuODE0NiA1Ni43NjA0IDUxLjYxMjggNTYuNTE5NUM1MS40NjMxIDU2LjI5MTcgNTEuMjQxNyA1Ni4xMTI2IDUwLjk0ODcgNTUuOTgyNEM1MC42Njg4IDU1Ljg0NTcgNTAuMzQzMyA1NS43NzczIDQ5Ljk3MjIgNTUuNzc3M0M0OS42MjcxIDU1Ljc3NzMgNDkuMzA4MSA1NS44NDU3IDQ5LjAxNTEgNTUuOTgyNEM0OC43MzUyIDU2LjExMjYgNDguNTA3MyA1Ni4yOTE3IDQ4LjMzMTUgNTYuNTE5NUM0OC4xNTU4IDU2Ljc2MDQgNDguMDI4OCA1Ny4wNDA0IDQ3Ljk1MDcgNTcuMzU5NEM0Ny44NzI2IDU3LjY5MTQgNDcuODMzNSA1OC4yMTIyIDQ3LjgzMzUgNTguOTIxOUM0Ny44MzM1IDU5LjYyNSA0Ny44NzI2IDYwLjEzOTMgNDcuOTUwNyA2MC40NjQ4QzQ4LjAyODggNjAuNzk2OSA0OC4xNTU4IDYxLjA4OTggNDguMzMxNSA2MS4zNDM4QzQ4LjUwNzMgNjEuNTM5MSA0OC43MzUyIDYxLjcxMTYgNDkuMDE1MSA2MS44NjEzQzQ5LjMwODEgNjIuMDA0NiA0OS42MjcxIDYyLjA3NjIgNDkuOTcyMiA2Mi4wNzYyQzUwLjM0MzMgNjIuMDc2MiA1MC42Njg4IDYyLjAwNDYgNTAuOTQ4NyA2MS44NjEzQzUxLjI0MTcgNjEuNzExNiA1MS40NjMxIDYxLjUzOTEgNTEuNjEyOCA2MS4zNDM4QzUxLjgxNDYgNjEuMDg5OCA1MS45NDgxIDYwLjc5NjkgNTIuMDEzMiA2MC40NjQ4QzUyLjA3ODMgNjAuMTM5MyA1Mi4xMTA4IDU5LjYzMTUgNTIuMTEwOCA1OC45NDE0WiIgZmlsbD0iI0U1RUNGMCIvPgo8cGF0aCBkPSJNNTYuMjkwNSA1My44NjMzSDU4LjMzMTVWNTQuOTM3NUg1OC4zNzA2QzU5LjA0MTIgNTQuMTM2NyA1OS45MjAxIDUzLjczNjMgNjEuMDA3MyA1My43MzYzQzYxLjg0NzIgNTMuNzM2MyA2Mi42MTU0IDU0LjAzMjYgNjMuMzEyIDU0LjYyNUM2NC4wMDIxIDU1LjIyNCA2NC4zNjM0IDU2LjEwMjkgNjQuMzk2IDU3LjI2MTdWNjRINjIuMzU1VjU3Ljk2NDhDNjIuMzU1IDU3LjI1NTIgNjIuMTY2MiA1Ni43MTQ4IDYxLjc4ODYgNTYuMzQzOEM2MS40MTc1IDU1Ljk2NjEgNjAuOTM5IDU1Ljc3NzMgNjAuMzUzIDU1Ljc3NzNDNTkuNzY3MSA1NS43NzczIDU5LjI4NTMgNTUuOTY2MSA1OC45MDc3IDU2LjM0MzhDNTguNTIzNiA1Ni43MTQ4IDU4LjMzMTUgNTcuMjU1MiA1OC4zMzE1IDU3Ljk2NDhWNjRINTYuMjkwNVY1My44NjMzWiIgZmlsbD0iI0U1RUNGMCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41Mzg1NzQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==")
}
}
.cluster-body-row-1,
.cluster-body-row-2,
.cluster-body-row-3 {
height: 260px;
display: flex;
}
.cluster-body-row-2,
.cluster-body-row-3 {
margin-top: -35px;
}
.cluster-body-row-1,
.cluster-body-row-3 {
margin-left: 128px;
}
}
}
@media only screen and (max-width: 1242px) {
.cluster-view .cluster-body {
width: auto;
}
.cluster-body-row-1,
.cluster-body-row-2,
.cluster-body-row-3 {
height: auto !important;
flex-direction: column;
margin:0 auto !important;
.hex {
display: block;
margin: 8px auto 0 auto !important;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment