.loading{border:3px solid #ffffff4d;border-top-color:#000;border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}:root{--bulma-scheme-h:0deg;--bulma-scheme-s:0%;--bulma-text-h:0deg;--bulma-text-s:0%;--bulma-light-h:0deg;--bulma-light-s:0%;--bulma-shadow-h:0deg;--bulma-shadow-s:0%;--bulma-body-font-size:16px;--bulma-radius:4px;--bulma-radius-large:6px;--bulma-family-primary:BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--bulma-family-secondary:BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--bulma-primary-h:171deg;--bulma-primary-s:100%;--bulma-primary-l:41%;--bulma-link-h:229deg;--bulma-link-s:53%;--bulma-link-l:53%;--bulma-info-h:204deg;--bulma-info-s:59%;--bulma-info-l:53%;--bulma-success-h:153deg;--bulma-success-s:54%;--bulma-success-l:53%;--bulma-warning-h:48deg;--bulma-warning-s:100%;--bulma-warning-l:77%;--bulma-danger-h:348deg;--bulma-danger-s:86%;--bulma-danger-l:61%;--bulma-block-spacing:1.5rem;--bulma-field-block-spacing:.75rem;--bulma-label-spacing:.5em;--bulma-weight-bold:700}.field{--bulma-field-block-spacing:.75rem}.box{--bulma-box-padding:1.25rem;--bulma-box-radius:var(--bulma-radius-large);font-family:monospace}.box .title{font-family:monospace}#mithril-preview>.box>.collapsible-content,#mithril-spritesheet-preview>.box>.collapsible-content{margin-top:1rem}.title{--bulma-title-weight:var(--bulma-weight-semibold)}.button{box-shadow:none;font-family:var(--bulma-family-primary);border-radius:2px}.button.is-small{padding:5px 12px;font-weight:400!important}.button:hover,.button:focus,.button.is-hovered{box-shadow:none}.label{font-weight:var(--bulma-weight-bold)}.title:not(.is-spaced)+.subtitle{margin-top:-12px}.buttons:not(:last-child),.tags:not(:last-child){margin-bottom:1rem}.buttons{place-content:flex-start;align-items:flex-start;gap:0}.buttons .button{flex-grow:0;flex-shrink:1;align-self:auto;min-width:auto;max-width:none;margin-bottom:.5rem;margin-right:0}.buttons .button:not(:last-child):not(.is-fullwidth){margin-right:.5rem}#download-buttons.buttons{place-content:flex-start;align-items:center;gap:.5rem;margin-bottom:-.5rem}#mithril-filters .box.has-background-light>div:first-child .buttons.mb-0{gap:revert;row-gap:revert;column-gap:revert;align-items:center!important}.columns.is-gapless:not(:last-child){margin-bottom:var(--bulma-block-spacing)}#columns-container.columns{--bulma-column-gap:.75rem}#mithril-filters .box.has-background-light .mb-3{margin-bottom:.75rem!important}#mithril-filters>div>.box:nth-child(2) .collapsible-content>.mb-4{margin-bottom:1rem!important}#mithril-filters .columns .column.filters-column{--bulma-column-padding:0;padding:0 .5rem 0 0}#mithril-filters .box.has-background-light>.tree-label{height:auto;min-height:0}#mithril-filters .box.mb-4.has-background-light>.content.mt-3{margin-top:1rem!important}#mithril-filters .field .control .input:not(.is-small),#mithril-filters .field .control .textarea:not(.is-small),#mithril-preview .field .control .input:not(.is-small),#mithril-preview .field .control .textarea:not(.is-small){padding-top:7px!important;padding-bottom:7px!important}#mithril-filters .input,#mithril-filters .textarea,#mithril-preview .input,#mithril-preview .textarea{border-color:#dbdbdb!important;transition-duration:0s!important}#mithril-filters input.input:-webkit-autofill:not(:focus):not(:focus-visible){-webkit-text-fill-color:#363636!important;border-color:#dbdbdb!important;box-shadow:inset 0 1px 2px #0a0a0a0d,inset 0 0 0 1000px #fff!important}#mithril-filters input.input:-webkit-autofill:hover:not(:focus):not(:focus-visible){-webkit-text-fill-color:#363636!important;border-color:#dbdbdb!important;box-shadow:inset 0 1px 2px #0a0a0a0d,inset 0 0 0 1000px #fff!important}#mithril-filters input.input:-webkit-autofill:active:not(:focus):not(:focus-visible){-webkit-text-fill-color:#363636!important;border-color:#dbdbdb!important;box-shadow:inset 0 1px 2px #0a0a0a0d,inset 0 0 0 1000px #fff!important}#mithril-filters .input:focus,#mithril-filters .input:focus-visible,#mithril-filters .input:focus-within,#mithril-filters .textarea:focus,#mithril-filters .textarea:focus-visible,#mithril-filters .textarea:focus-within,#mithril-preview .input:focus,#mithril-preview .input:focus-visible,#mithril-preview .input:focus-within,#mithril-preview .textarea:focus,#mithril-preview .textarea:focus-visible,#mithril-preview .textarea:focus-within{border:1px solid #485fc7!important;outline:0!important;box-shadow:0 0 0 2px #485fc740!important}#mithril-filters>div>.box:nth-child(4) .field:not(:last-child){margin-bottom:.75rem!important}#mithril-filters>div>.box:nth-child(4) .field:last-child{margin-bottom:0!important}#mithril-filters>div>.box:nth-child(4) .collapsible-content .help{margin-top:.25rem!important;font:12px/18px monospace!important}#mithril-filters>div>.box:nth-child(4) .collapsible-content .help code{color:#da1039;vertical-align:baseline;background-color:#f5f5f5;border-radius:0;padding:.25em .5em;font-weight:400;font:10.5px/15.75px monospace!important}#mithril-filters>div>.box:nth-child(4) input.input[type=file]{min-height:0!important;padding-top:7px!important;padding-bottom:7px!important}#mithril-filters .box.has-background-light>.tree-label .is-size-7{line-height:18px!important}#credits-section p.is-size-7.mb-2{margin-bottom:.5rem!important;line-height:18px!important}#credits-section p.is-size-7.mb-3{margin-bottom:.75rem!important;line-height:18px!important}#credits-section .content p.is-size-7{line-height:18px!important}#credits-section .content strong.is-size-6{font-weight:700!important}#credits-section .content.has-background-light .mb-3{margin-bottom:12px!important}#credits-section .buttons.mt-3{place-content:flex-start;align-items:center;gap:initial;row-gap:initial;column-gap:initial;margin-bottom:-.5rem}#mithril-filters .variants-container{gap:.5rem}#mithril-filters .variant-item{gap:.25rem;min-width:80px;max-width:120px;padding:.5rem .5rem .25rem}#mithril-filters .variant-item:has(.compact-display){gap:.125rem;padding:.125rem}#mithril-filters .variant-display-name{line-height:1.2}#mithril-filters .box.has-background-light .buttons.mb-0,#mithril-filters .box.has-background-light div.buttons.ml-4{margin-bottom:0!important}#mithril-filters .box.has-background-light div.buttons.ml-4{align-items:center!important}#mithril-spritesheet-preview .columns.is-mobile{margin-top:-12px;margin-bottom:12px}#mithril-spritesheet-preview .columns.is-mobile>.column{padding-top:.75rem;padding-bottom:.75rem}#mithril-spritesheet-preview .columns.is-mobile.is-variable{--bulma-column-gap:.25rem}.has-text-grey-darker{color:#363636!important}.has-text-grey-dark{color:#4a4a4a!important}.has-text-grey{color:#7a7a7a!important}.has-text-grey-light{color:#b5b5b5!important}.has-text-grey-lighter{color:#dbdbdb!important}.button.is-primary{color:#fff!important;background-color:#00d1b2!important;border:1px solid #0000!important}.button.is-primary:hover,.button.is-primary.is-hovered{color:#fff!important;background-color:#00c4a7!important;border:1px solid #0000!important}.button.is-link{color:#fff!important;background-color:#485fc7!important;border:1px solid #0000!important}.button.is-link:hover,.button.is-link.is-hovered{color:#fff!important;background-color:#3e56c4!important;border:1px solid #0000!important}.button.is-danger{color:#fff!important;background-color:#f14668!important;border:1px solid #0000!important}.button.is-danger:hover,.button.is-danger.is-hovered{color:#fff!important;background-color:#f03a5f!important;border:1px solid #0000!important}.button.is-info{color:#fff!important;background-color:#3e8ed0!important;border:1px solid #0000!important}.button.is-info:hover,.button.is-info.is-hovered{color:#fff!important;background-color:#3488ce!important;border:1px solid #0000!important}.button.is-static.is-light{color:#7a7a7a;box-shadow:none;background-color:#f5f5f5;border-color:#dbdbdb}.tag:not(body).is-info{color:#fff;background-color:#3e8ed0}.tag:not(body).is-warning{color:#000000b3;background-color:#ffe08a}.tag:not(body).is-success{color:#fff;background-color:#48c78e}#mithril-filters .tags:not(.has-addons),#mithril-preview .tags:not(.has-addons){gap:0}#mithril-filters>div>.box:nth-child(2) .collapsible-content>.mb-4:nth-child(3) .tags:not(.has-addons),#mithril-filters .box.has-background-light>div:nth-child(3)>div.mb-3 .buttons{gap:revert;row-gap:revert;column-gap:revert;margin-bottom:-8px!important}#mithril-filters .tags:not(.has-addons) .tag,#mithril-preview .tags:not(.has-addons) .tag{margin-bottom:.5rem;margin-right:0}#mithril-filters .tags:not(.has-addons) .tag:not(:last-child),#mithril-preview .tags:not(.has-addons) .tag:not(:last-child){margin-right:.5rem}#mithril-filters .tags button.delete,#mithril-preview .tags button.delete{color:#000!important;background-color:#0a0a0a33!important;border-color:#000!important;outline-width:0!important;outline-color:#000!important;padding:1px 6px!important;font-family:"system-ui",-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:0!important;font-weight:400!important;line-height:normal!important;display:block!important}#header-left h1.title,#header-left span.subtitle{font-family:monospace}#mithril-filters .label,#mithril-preview .label,#mithril-filters .field-label .label,#mithril-preview .field-label .label,#mithril-filters .checkbox,#mithril-preview .checkbox{font-family:monospace;font-size:1rem}#mithril-filters .tag:not(body),#mithril-preview .tag:not(body){min-width:auto;max-width:none;font-family:monospace}#mithril-filters .input,#mithril-preview .input,#mithril-filters .select select,#mithril-preview .select select,#mithril-filters .textarea,#mithril-preview .textarea{font-size:1rem;font-family:var(--bulma-family-primary)}#mithril-preview .field.has-addons .control:last-child .button.is-static{--bulma-button-padding-horizontal:calc(1em + 1px);--bulma-button-border-width:1px;color:#7a7a7a;border-radius:0 4px 4px 0;font-family:monospace;font-size:1rem;line-height:1.5;font-weight:400!important}.palette-modal header h4{margin:0;font-family:monospace;font-size:1.2rem;font-weight:700;line-height:1.5}.palette-modal header button{box-sizing:border-box;font-family:var(--bulma-family-primary);color:#000;text-align:center;cursor:pointer;background-color:#0000;border:none;margin:0;padding:1px 6px;font-size:1.5em;font-weight:400;line-height:normal;display:block}#mithril-filters .variant-item.has-background-link-light,.palette-modal .variant-item.has-background-link-light{background-color:#eff1fa!important}#mithril-filters .variant-item.has-background-white-ter,.palette-modal .variant-item.has-background-white-ter{background-color:#f5f5f5!important}html{font-size:16px}body{flex-direction:column;justify-content:flex-start;align-items:center;height:calc(100dvh - 12px);font-family:monospace;font-size:16px;line-height:24px;display:flex;overflow-y:hidden}.variant-display-name,#sponsors-links,.tree-label .title,.tree-label .is-size-7,.tree-label a{font-family:monospace}h1,h2{margin:10px 0}h3{margin:4px 0 0}p{margin:10px 0}.sticky{opacity:1;z-index:100;background-color:#fff;position:sticky;top:0}#header-left{box-sizing:border-box;width:calc(100% - 30px);min-height:75px;padding:10px}#columns-container{box-sizing:border-box;flex:1;align-self:auto;width:100%;max-width:none;margin-top:0;overflow-y:auto}#chooser-column{scroll-behavior:smooth;padding:1rem;scroll-padding-top:12px;overflow-y:auto}#preview-column{padding:1rem;overflow-y:auto}#credits-section>.collapsible-content>.content{max-height:300px;overflow-y:auto}#animations-preview,#spritesheet-preview{touch-action:pan-x pan-y}canvas,#previewAnimations,#spritesheet-preview{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.spritesheet-preview{position:relative}.spritesheet-preview .loading{position:absolute;top:1rem;left:1rem}.scrollable-container{cursor:grab;user-select:none;max-width:100%;max-height:70vh;overflow:auto}.variants-container{gap:.5rem}.variants-container:has(.compact-display){max-height:300px;overflow:auto}.variant-item{border-radius:4px;gap:.25rem;min-width:80px;max-width:120px;padding:.5rem .5rem .25rem;transition:background-color .15s}.variant-item:has(.compact-display){gap:.125rem;padding:.125rem}.variant-display-name{word-break:break-word;line-height:1.2}.variant-canvas{image-rendering:pixelated;border:2px solid;flex-shrink:0;width:64px;height:64px}.variant-canvas.compact-display{width:32px;height:32px;margin-bottom:4px}.subtitle{margin-top:4px;padding-left:50px}.collapsible-header{cursor:pointer;user-select:none;align-items:center;display:flex}.collapsible-title{flex:1}.collapsible-content{margin-top:1rem}.tree-list{margin-left:0;padding-left:0;list-style:none}.tree-node{cursor:pointer;padding:.25rem 0 .25rem 1.5rem;line-height:1.25}.tree-label{cursor:pointer;user-select:none;box-sizing:border-box;height:32px;padding:.25rem 0;font-size:1rem;line-height:24px;display:block}.tree-label:hover{background-color:#f5f5f5}.tree-arrow{text-align:center;width:1rem;margin-right:.5rem;display:inline-block}.tree-arrow.collapsed:before{content:"▶"}.tree-arrow.expanded:before{content:"▼"}.box{margin-bottom:1rem}.search-result{background-color:#fffbea}.search-result:hover{background-color:#fff3cd}.filters-column{padding:0 .5rem 0 0}#match-body-color-label{line-height:1.3}#sponsors-links{flex-direction:row;justify-content:space-evenly;align-items:center;gap:1rem;margin-top:-12px;display:flex}.is-not-compatible.is-clickable{pointer-events:none;opacity:.5;cursor:not-allowed!important}.palette-swatch{cursor:pointer;background:#000;border:1px solid #000;border-radius:10px;align-items:center;line-height:1.5;display:flex;overflow-x:hidden}.palette-swatch span{flex:1;height:1rem;margin:0;padding:0}.palette-recolor-list{flex-direction:column;gap:.25em;width:auto;display:flex}.palette-recolor-list .palette-recolor-item{cursor:pointer;align-items:center;gap:.5em;width:auto;margin-bottom:.25em;display:flex}.palette-recolor-list .palette-recolor-item label{text-align:right;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;width:90px;min-width:90px;max-width:90px;margin-right:.5em;display:inline-block;overflow:hidden}.palette-recolor-list .palette-recolor-item div.palette-swatch{flex-shrink:0;min-width:140px;max-width:200px}.palette-modal{z-index:1000;background:#fff;border:1px solid #ccc;border-radius:10px;flex-direction:column;min-width:280px;max-height:85vh;margin:0;padding:0;display:flex;position:fixed;top:9vh;left:25vw;right:50vw;box-shadow:0 2px 16px #0002}.palette-modal header{z-index:2;background:#fafafa;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;top:0}.palette-modal header h4{margin:0;font-size:1.2rem;font-weight:700}.palette-modal header button{cursor:pointer;background:0 0;border:none;font-size:1.5em}.palette-modal section{flex:auto;min-height:0;padding:0 1em;overflow-y:auto}.palette-modal section .palette-version{margin:.5em 0 .2em;font-weight:700}.palette-modal section .palette-row{cursor:pointer;align-items:center;margin-bottom:.5em;display:flex}.palette-modal .variants-container.grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:0 10px;display:grid}.palette-modal .grid>.cell{justify-content:center}.palette-modal .variant-canvas{margin:0 0 .5rem;padding:0}.palette-modal .variant-display-name{white-space:nowrap}.palette-modal .palette-swatch{width:100%;height:1rem;overflow:hidden}.palette-modal footer{flex:auto;min-height:.5rem}.palette-modal-overlay{z-index:999;background:#0000000d;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (width<=600px){.palette-modal{border-radius:0;width:100vw;max-width:100vw;left:0;right:0}}