.mainContainer{max-width:600px;margin:0 auto}h1{font-size:40px;text-align:center}canvas{max-width:100%}#dataSection{margin:50px -20px;padding:1px 20px}#dataSection.active{animation:highlight-fade 3s ease}@keyframes highlight-fade{0%{background:rgba(255,255,255,0)}12%{background:rgba(255,255,255,0)}13%{background:rgba(255,150,0,.5)}to{background-color:#fff0}}#mapYear{background-color:#eee;display:inline-block;padding:5px 10px;margin-left:5px}h2{text-align:center}#colourMapContainer{margin-top:50px}.tableContainer{border:1px solid #B9B9B9;border-radius:8px;overflow:hidden;margin:15px 0}.tableHeader{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f3faf9;border-bottom:1px solid #B9B9B9}.tableHeader h3{margin:0;color:#333;font-size:1.2em}.tableContainer table{width:100%;border-collapse:collapse;text-align:center}.tableContainer table th,td{border:1px solid #B9B9B9;padding:10px 15px}.tableContainer table th{background-color:#f3faf9}.tableContainer table th{border-top:none}.tableContainer table tr:last-child td{border-bottom:none}.tableContainer table tr th:first-child,td:first-child{border-left:none}.tableContainer table tr th:last-child,td:last-child{border-right:none}.tableContainer table tr:hover{background-color:#fff3d3}.tableContainer table tr.active{background-color:#ffe8a7}.tableContainer td{cursor:pointer}.tableContainer table tr#no-hover td{cursor:default;border-top:2px solid #616161}.tableContainer table tr#no-hover:hover{background-color:inherit}.loader{border:3px solid #f3f3f3;border-top:3px solid #415f74;border-radius:50%;width:12px;height:12px;animation:spin 1.5s linear infinite;display:inline-block;position:relative;top:3px;left:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.exportButton{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}.exportButton:hover:not(:disabled){background-color:#45a049}.exportButton:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.dropZone{border:3px dashed #aaa;background-color:#fafafa;border-radius:10px;width:calc(100% - 6px);height:200px;transition:.2s ease;text-align:center;display:inline-block;margin-bottom:15px}.dropZone.active{padding:15px 30px;margin-left:-30px;margin-top:-15px;margin-bottom:0;background-color:#fffaeb}.alignVertical{position:relative;top:50%;transform:translateY(-50%)}.dropZone .dropFileHere{font-size:20px;font-weight:700}.dropZone .or{margin:15px 0}.fileError{color:red;text-align:center;height:1.5em}.bigYellowButton{background-color:#fed617;cursor:pointer;display:inline-block;padding:15px 70px;border-radius:8px;transition:.2s ease;font-weight:700}.bigYellowButton:hover{background-color:#ffe66a}.hiddenFileSelector{display:none}header{padding:20px 0;border-bottom:3px solid #d9d9d9}.instruction{font-size:18px;background:#f3f3f3;padding:1px 0 40px;margin:30px 0;color:#000}.instruction h2{text-align:left;margin-bottom:1.2em}.smallGrayButton{background-color:#717d88;display:inline-block;font-size:14px;font-weight:700;color:#fff;padding:8px 12px;border-radius:8px}.smallGrayButton:hover{background-color:#556069;color:#fff}#exampleKMLFile{float:right;transform:translateY(-5px)}.instruction div{margin-bottom:30px}.instruction div:last-of-type{margin-bottom:0}#kmlFilePreviewer{margin-bottom:1.5em}#kmlFileName{text-align:center;font-size:16px;font-weight:700;position:relative;top:40px;height:0}footer{text-align:center;padding:30px}#dataAttribution{text-align:justify}body{margin:0;font-family:Inter,sans-serif;color:#303030;overflow-x:hidden}html{scroll-behavior:smooth}::selection{background:rgba(105,135,153,.2)}::-moz-selection{background:rgba(105,135,153,.2)}a{text-decoration:none;color:#1c77ff}a:hover{color:#85b6ff}