@font-face{font-display:swap;font-family:"golos";font-weight:400;font-style:normal;src:url(./assets/golos-text_regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"golos";font-weight:600;font-style:normal;src:url(./assets/golos-text_demibold.woff2)format("woff2")}
*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--col-white:#fff;--col-brightgrey:#eee;--col-lightgrey:#ddd;--col-grey:#999;--col-black:#000;--col-bg:#f9f6f3;--col-red:#fcc;--col-green:#9e9;--col-yellow:#fe9;--col-warning:#c00;--col-control:#09f;--col-black-op:#0001;--size-font:16px;--width:min(800px, calc(100% - 1rem))}html{font-feature-settings:"tnum";font-family:"golos",sans-serif;font-weight:400;font-size:var(--size-font)}html body{font-size:1rem;line-height:1.5rem;background:var(--col-bg);color:var(--col-black);padding:0 0 50vh}html body img,html body svg{display:block}html body input{font-family:inherit;font-weight:inherit;font-size:inherit}html body .section{-webkit-user-select:none;user-select:none;width:var(--width);margin:2rem auto;padding:1rem}html body .section.card{background-color:var(--col-white);border-radius:1.5rem;box-shadow:0 0 1.5rem var(--col-black-op)}html body .section h1,html body .section h2{font-size:2rem;line-height:2rem;font-weight:600;margin:0}html body .section h2{font-size:1.25rem;line-height:1.5rem}
.header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:1rem}.header .version{font-size:.75rem}
.data-loader,.data-loader .data-source{display:flex;flex-direction:column;gap:1rem}.data-loader.passed .data-source{background-color:var(--col-green)}.data-loader.pending .data-source{background-color:var(--col-yellow)}.data-loader .data-source{background-color:var(--col-red);border-radius:.5rem;gap:.5rem;padding:.5rem}.data-loader .data-source .controls-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem}.data-loader .data-source .controls-group label{white-space:nowrap}.data-loader .data-source .source-file{width:100%}.data-loader .data-source .source-file::file-selector-button{cursor:pointer;font-family:inherit;font-weight:inherit;font-size:inherit;background-color:var(--col-control);color:var(--col-white);border:0;border-radius:.25rem;height:1.75rem;margin:0 1rem 0 0;padding:.25rem 1rem}.data-loader .data-source .source-link{-webkit-appearance:none;appearance:none;border:0;border-radius:.25rem;width:100%;height:1.75rem;padding:.25rem}.data-loader .data-source .source-link::placeholder{color:var(--col-grey)}.data-loader .data-source .refresh-button{cursor:pointer;font-family:inherit;font-weight:inherit;font-size:inherit;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M21.5,19.7c-1.5,2-3.8,3.3-6.5,3.3-4.4,0-8-3.6-8-8M8.5,10.3c1.5-2,3.8-3.3,6.5-3.3,4.4,0,8,3.6,8,8 M19.4,13.2L23,16.8L26,13.2 M10.6,16.8L7,13.2L4,16.8' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:contain;border:0;border-radius:.25rem;flex:0 0 1.75rem;width:1.75rem;height:1.75rem}
.table-viewer{background-color:var(--col-white);border:1px solid var(--col-lightgrey);border-radius:.5rem;position:relative;overflow:scroll;width:100%;max-height:300px}.table-viewer .table{border-collapse:collapse;width:100%}.table-viewer .table thead{position:sticky;top:0}.table-viewer .table thead th{font-weight:600;text-align:left;white-space:nowrap;background-color:var(--col-white);box-shadow:inset 0-1px 0 var(--col-black);padding:.25rem .5rem}.table-viewer .table thead th.number,.table-viewer .table tr td.number{font-size:.75rem;color:var(--col-grey)}.table-viewer .table thead th.sortable{cursor:pointer}.table-viewer .table thead th.asc:after,.table-viewer .table thead th.desc:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='%23999' stroke-width='2' d='M0,1h4 M0,5h7 M0,9h10'/%3E%3C/svg%3E%0A");display:inline;width:10px;height:10px;margin-left:.25rem}.table-viewer .table thead th.desc:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='%23999' stroke-width='2' d='M0,1h10 M0,5h7 M0,9h4'/%3E%3C/svg%3E%0A")}.table-viewer .table tr:nth-of-type(2n+1){background-color:var(--col-bg)}.table-viewer .table tr td{padding:.25rem .5rem}.info,.table-viewer .table tr td.obj{font-size:.75rem;color:var(--col-grey)}.table-viewer .table tr td.obj{font-style:italic}.table-viewer .table tr td.txt::after,.table-viewer .table tr td.txt::before{content:'"';color:var(--col-grey)}.info{line-height:.75rem}
@keyframes shake{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.message{color:var(--col-warning)}.message.shake{animation:shake .125s 2}
.tilemap{display:flex;flex-direction:column;gap:1rem}
.settings{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem 1rem}@media (max-width:540px){.settings{flex-direction:column}.settings .column.legend{order:-1}}.settings .column{flex:1 1 100px;display:flex;flex-direction:column;justify-items:flex-start;gap:.5rem}.settings .column fieldset{border:1px solid var(--col-lightgrey);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;width:100%;padding:1rem}.settings .column fieldset legend{font-size:.75rem;letter-spacing:.05rem;text-transform:uppercase;color:var(--col-grey);align-self:flex-end;padding:0 .25rem}
.range{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem;width:100%}.range .label{flex:0 1 75px}.range .value{color:var(--col-grey);flex:0 1 75px}.range .option{flex:1 0 150px}.range .range-field{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:var(--col-lightgrey);border-radius:2px;flex:1 0 75px;height:4px}.range .range-field::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--col-control);border-radius:50%;width:16px;height:16px}
.switch{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem;width:100%}.switch .option{line-height:1rem;flex:1 0 150px}.switch .checkbox-field{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:var(--col-lightgrey);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 20 20'%3E%3Ccircle fill='%23fff' cx='0' cy='0' r='8'/%3E%3C/svg%3E%0A");background-position:left center;background-repeat:no-repeat;background-size:20px 20px;border-radius:10px;flex:0 0 35px;width:35px;height:20px;transition:all .1s ease}.switch .checkbox-field:checked{background-color:var(--col-control);background-position:right center}
.color{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem;width:calc(100% - 50px - .5rem)}.color .color-picker{cursor:pointer;-webkit-appearance:none;appearance:none;border:0;border-radius:10px;flex:0 0 35px;width:35px;height:20px}.color .color-picker[value="#ffffff"]{border:1px solid var(--col-lightgrey)}.color .color-picker::-webkit-color-swatch-wrapper{padding:0}.color .color-picker::-webkit-color-swatch{border:0;border-radius:10px}.color .color-typer{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:var(--col-brightgrey);border:0;border-radius:.25rem}.color .color-typer,.color .option{flex:1 1 100px;width:100%;padding:0 .5rem}
.text{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem;margin:0 0 1rem}.text .text-field{-webkit-appearance:none;appearance:none;background-color:var(--col-brightgrey);border:0;border-radius:.25rem;width:100%;padding:.25rem .5rem}
.tick{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem;width:100%}.tick .color-picker{cursor:pointer;-webkit-appearance:none;appearance:none;border:0;border-radius:10px;flex:0 0 35px;width:35px;height:20px}.tick .color-picker[value="#ffffff"]{border:1px solid var(--col-lightgrey)}.tick .color-picker::-webkit-color-swatch-wrapper{-webkit-appearance:none;appearance:none;padding:0}.tick .color-picker::-webkit-color-swatch{-webkit-appearance:none;appearance:none;border:0;border-radius:10px}.tick .color-typer{cursor:pointer}.tick .color-typer,.tick .tick-value{-webkit-appearance:none;appearance:none;background-color:var(--col-brightgrey);border:0;border-radius:.25rem;flex:1 1 100px;width:100%;padding:0 .5rem}.tick .tick-value::-webkit-inner-spin-button,.tick .tick-value::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.tick .controls{flex:0 0 50px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;gap:.5rem}.tick .controls button{cursor:pointer;-webkit-appearance:none;appearance:none;background-size:cover;border:0;border-radius:10px;display:block;width:20px;height:20px}.tick .controls button.add{background-color:#09f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1' d='M2,5h6 M5,2v6'/%3E%3C/svg%3E%0A")}.tick .controls button.remove{background-color:#f66;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1' d='M2,5h6'/%3E%3C/svg%3E%0A")}.tick .controls button.update{background-color:#6c6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1' d='M2,5L4,7L8,3'/%3E%3C/svg%3E%0A")}.tick.add{border-top:1px solid var(--col-lightgrey);padding-top:1rem;margin-top:.75rem}.tick.add.rainbow input[type=color]::-webkit-color-swatch{background-image:linear-gradient(90deg,red 14.3%,#f90 14.3%,#f90 28.6%,#dd0 28.6%,#dd0 42.9%,#0d0 42.9%,#0d0 57.2%,#0dd 57.2%,#0dd 71.5%,#09f 71.5%,#09f 85.8%,#90f 85.8%)}
.export{display:flex;flex-direction:column;gap:.5rem;width:100%}.export .export-controls{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;width:100%}.export .export-controls button{cursor:pointer;-webkit-appearance:none;appearance:none;font-family:inherit;font-weight:inherit;font-size:inherit;background-color:var(--col-control);color:var(--col-white);border:0;border-radius:.5rem;flex:1 0 100px;padding:.5rem}.export .export-controls button:active{transform:translateY(2px)}
.credentials,.credentials .column.credits{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.credentials{justify-content:space-between;gap:1rem}@media (max-width:540px){.credentials{flex-direction:column}}.credentials .column.credits{font-size:.75rem;gap:.5rem}.credentials .column.credits a{font-feature-settings:"onum";text-decoration:none;color:var(--col-grey)}.credentials .column.credits a:hover{text-decoration:underline}.credentials .column.credits a.legal{opacity:.25;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.125rem}.credentials .column.share{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem}.credentials .column.share a{border-radius:50%;background-size:cover;background-color:var(--col-bg);opacity:.25;flex:0 0 30px;width:30px;height:30px}.credentials .column.share a:hover{background-color:var(--col-black)}.credentials .column.share a img{mix-blend-mode:difference}