.pixelated{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.color-container{height:3em;width:100%;display:flex;background:#27232a;margin:.25em 0 0;padding:.5em;box-sizing:border-box}.color-container .color{height:100%;display:inline-block;flex-grow:1}.palette-picker-holder .palette-picker{position:relative;max-width:100%;margin:1em 0;background:#27232a;padding:.5em;border-radius:.25em}.palette-picker-holder .palette-picker .draggable-colors.deleting-last{display:inline-block;width:1em;height:2.5em;vertical-align:top}.palette-picker-holder .palette-picker input{border:none;cursor:default;text-align:center;color:#fff;font-size:1em;font-weight:bold;width:7em;padding:1em;cursor:grab;display:inline-block}.palette-picker-holder .palette-picker input.sortable-ghost{outline:solid .25em #4c4550;z-index:1}.palette-picker-holder .palette-picker input.darktext{color:#222}.palette-picker-holder .palette-picker .add-color{background:none;border:none;font-size:1.25em;cursor:pointer;line-height:1;padding:.75em .75em;vertical-align:bottom}.palette-picker-holder .palette-picker .add-color svg{vertical-align:bottom}.palette-picker-holder .palette-picker .add-color svg path{fill:#928a99}.palette-picker-holder .palette-picker .add-color:hover{background:#332f35}.palette-picker-holder .palette-picker .add-color:hover svg path{fill:#c1b8cb}.palette-picker-holder .palette-picker.disabled{cursor:not-allowed}.palette-picker-holder .palette-picker.disabled input{cursor:not-allowed;user-select:none}.palette-picker-holder .palette-picker.disabled .delete-color{display:none}.palette-picker-holder .delete-color{display:flex;position:absolute;bottom:0;right:0;padding:1em 1em .75em;background:#27232a;border-radius:.25em;font-weight:bold;color:#332f35;cursor:default;user-select:none;opacity:0;transition:bottom 200ms,opacity 200ms}.palette-picker-holder .delete-color svg{font-size:1.5em;margin-right:.5em}.palette-picker-holder .delete-color svg path{fill:#332f35}.palette-picker-holder .delete-color.visible{opacity:1;bottom:-3em}.palette-picker-holder .delete-color .delete-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.palette-picker-holder .delete-color.current-target{color:#eee;background:#e3474a}.palette-picker-holder .delete-color.current-target svg path{fill:#eee}.palette-picker-holder .delete-color input{opacity:0;height:0;width:0;padding:0}.palette-picker-holder .popup.add-color .content{width:600px;text-align:left}.palette-picker-holder .popup.add-color .file-uploader-holder{font-size:.7em}.palette-picker-holder .popup.add-color .file-uploader-holder .error{bottom:.5em}.palette-picker-holder .popup.add-color .color-preview{display:flex;flex-wrap:wrap;margin:.5em 0}.palette-picker-holder .popup.add-color .color-preview div{width:1em;height:1em}.palette-picker-holder .clear-all{float:right;color:#a198a9;font-size:.8em}.palette-picker-holder .clear-all:hover{color:#eaeaea}.pixelated{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.color-container{height:3em;width:100%;display:flex;background:#27232a;margin:.25em 0 0;padding:.5em;box-sizing:border-box}.color-container .color{height:100%;display:inline-block;flex-grow:1}.file-uploader-holder{position:relative;transition:height 300ms;margin:2em 0;max-height:500px;opacity:1;transition:max-height 800ms,opacity 500ms,margin 500ms}.file-uploader-holder .dropzone{width:100%;border-radius:4px;background:linear-gradient(90deg, #524e53 50%, transparent 50%),linear-gradient(90deg, #524e53 50%, transparent 50%),linear-gradient(0deg, #524e53 50%, transparent 50%),linear-gradient(0deg, #524e53 50%, transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:25px 4px,25px 4px,4px 25px,4px 25px;background-position:0px 0px,75px 100%,0px 75px,100% 0px;display:inline-block;text-align:center;padding:2em 0;position:relative;box-sizing:border-box;transition:opacity 300ms;user-select:none}.file-uploader-holder .dropzone.marching{animation:border-dance 4s infinite linear}@keyframes border-dance{0%{background-position:0px 0px,75px 100%,0px 75px,100% 0px}100%{background-position:75px 0px,0px 100%,0px 0px,100% 75px}}.file-uploader-holder .dropzone .error{width:100%;max-height:0em;opacity:0;margin-top:1em;text-align:center;transform:translateX(0);font-size:1rem;pointer-events:none;transition:max-height 200ms,opacity 200ms}.file-uploader-holder .dropzone .error a{pointer-events:auto}.file-uploader-holder .dropzone .error svg{width:1em;height:1em;top:.125em;position:relative;margin-right:.5em}.file-uploader-holder .dropzone .error svg path{fill:#665f6c}.file-uploader-holder .dropzone .error.visible{opacity:1;max-height:2em}.file-uploader-holder .dropzone ul{margin:0;padding:0;list-style-type:none}.file-uploader-holder .dropzone ul li{display:inline-block;margin:0 2em;vertical-align:top}.file-uploader-holder .dropzone ul li h2{margin:1em 0 1em}.file-uploader-holder .dropzone ul .choosefile button{display:inline-block;padding:13px;border:none;color:#b4abbd;text-decoration:none;border-radius:5px;background:#4c4550;cursor:pointer;font-size:1.1em;padding:.5em 1.5em;margin:.5em}.file-uploader-holder .dropzone ul .choosefile button:hover{background:#5a535e}.file-uploader-holder .dropzone ul .choosefile button svg{height:100%;width:1em;margin-right:.5em;vertical-align:sub}.file-uploader-holder .dropzone ul .choosefile input{display:none}.file-uploader-holder .dropzone ul .dragndrop .image{width:4em;height:4em}.file-uploader-holder .dropzone ul .dragndrop .image path{fill:#665f6c}.file-uploader-holder .dropzone ul .dragndrop .cursor{width:1.5em;height:1.5em;left:-1.5em;top:.5em;margin-right:-1.5em}.file-uploader-holder .dropzone ul .dragndrop .cursor path{fill:#a198a9}.file-uploader-holder .dropzone ul .dragndrop svg{position:relative}.file-uploader-holder .dropzone ul .paste{position:relative}.file-uploader-holder .dropzone ul .paste .key{display:inline-block;width:4em;border:solid 3px #665f6c;border-radius:5px;font-weight:bold;padding:1em .25em;box-sizing:border-box}.file-uploader-holder .dropzone ul .paste svg{width:1.5em;height:1.5em;position:relative;top:.5em}.file-uploader-holder .dropzone ul .paste svg path{fill:#665f6c}.file-uploader-holder .dropzone .activate-text{position:absolute;top:.75em;text-align:center;width:100%;color:#665f6c;visibility:hidden}.file-uploader-holder:not(.active) .dropzone:hover .activate-text{visibility:visible}.file-uploader-holder:not(.active) .dropzone:hover{cursor:pointer}.file-uploader-holder .loading-box{position:absolute;top:0;font-size:1.5em;font-weight:bold;text-align:center;text-transform:uppercase;background:url("https://cdn.lospec.com/static/images/loading.gif") no-repeat center bottom;min-height:9em;opacity:0;pointer-events:none;width:100%;transition:opacity 300ms}.file-uploader-holder.loading .dropzone>*{opacity:0;pointer-events:none}.file-uploader-holder.loading .loading-box{opacity:1}.file-uploader-holder .drop-indicator{display:none;transition:opacity 300ms;opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(39,35,42,.9);z-index:10000}.file-uploader-holder .drop-indicator:after{position:fixed;top:0;right:0;bottom:0;left:0;content:"Drop file anywhere to upload...";pointer-events:none;font-size:3em;font-weight:bold;text-align:center;vertical-align:middle;line-height:100vh}.file-uploader-holder.small{font-size:.7em}.file-uploader-holder .accepted-filetypes{color:#665f6c;padding:.5em 0;text-align:center}.file-uploader-holder .firefox-warning{width:100%;max-height:0em;opacity:0;margin-top:1em;text-align:center;transform:translateX(0);pointer-events:none;transition:max-height 200ms,opacity 200ms}.file-uploader-holder .firefox-warning a{pointer-events:auto}.file-uploader-holder .firefox-warning svg{width:1em;height:1em;top:.125em;position:relative;margin-right:.5em}.file-uploader-holder .firefox-warning svg path{fill:#665f6c}.file-uploader-holder .firefox-warning.visible{opacity:1;max-height:3em}.file-uploader-holder .input-hider{max-height:500px;transition:max-height 800ms,opacity 500ms;overflow:hidden;opacity:1}.file-uploader-holder .input-hider.hidden{max-height:0px;opacity:0;overflow:hidden}.file-uploader-holder.hidden{max-height:0px;opacity:0;margin:0em;overflow:hidden}.file-uploader-holder.disabled{cursor:not-allowed;user-select:none}.file-uploader-holder.disabled .input-hider{max-height:0px;opacity:0;overflow:hidden}.file-uploader-holder.disabled .uploaded-files .uploaded-file .x,.file-uploader-holder.disabled .uploaded-files .uploaded-file:hover .x,.file-uploader-holder.disabled .uploaded-files .uploaded-file .info{display:none}.file-uploader-holder:not(.active) .dropzone ul .paste,.file-uploader-holder:not(.active) .dropzone ul .dragndrop{opacity:.5}.file-uploader-holder:not(.active) .dropzone ul .paste h2,.file-uploader-holder:not(.active) .dropzone ul .dragndrop h2{text-decoration:line-through;text-decoration-thickness:.2em}.file-uploader-holder .uploaded-files{font-size:1rem;display:flex;flex-wrap:wrap;margin:1em 0}.file-uploader-holder .uploaded-files .uploaded-file{width:128px;height:128px;background-position:center;background-color:#27232a;background-size:cover;border-radius:.5em;border:solid 4px #665f6c;box-shadow:inset 0 0px 0 1px rgba(0,0,0,.2);position:relative;overflow:hidden;margin-right:.75em;margin-bottom:.75em}.file-uploader-holder .uploaded-files .uploaded-file .x{display:none;position:absolute;top:0;right:0;padding:.25em .5em;background-color:#665f6c;border-bottom-left-radius:.5em}.file-uploader-holder .uploaded-files .uploaded-file .x:hover{background-color:#d9d4de}.file-uploader-holder .uploaded-files .uploaded-file .x:hover svg path{fill:#fff}.file-uploader-holder .uploaded-files .uploaded-file:hover .x{display:block}.file-uploader-holder .uploaded-files .uploaded-file .info{position:absolute;bottom:0;left:0;right:0;padding:.25em;text-align:right;text-shadow:-1px -1px 1px #000;background:rgba(0,0,0,.3);color:#fff;font-size:.8em}.file-uploader-holder .uploaded-files .uploaded-file:hover .info{background:#665f6c;text-shadow:none}.file-uploader-holder:not(.disabled) .uploaded-files .uploaded-file .x{cursor:pointer}.file-uploader-holder .uploaded-file.template{display:none}@media(pointer: coarse){.file-uploader-holder .dropzone ul .dragndrop,.file-uploader-holder .dropzone ul .paste{display:none}}.pixelated{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.color-container{height:3em;width:100%;display:flex;background:#27232a;margin:.25em 0 0;padding:.5em;box-sizing:border-box}.color-container .color{height:100%;display:inline-block;flex-grow:1}.similar-palettes{margin:.5em 0 1em;max-width:40em}.similar-palettes h4{margin:0 0 .25em}.similar-palettes .similar-palettes-warning{background:#e3474a;color:#eaeaea;padding:.5em .75em;margin-bottom:.5em;font-weight:bold}.similar-palettes .similar-palette{display:flex;align-items:center;gap:.75em;padding:.25em .5em;text-decoration:none;background:#27232a}.similar-palettes .similar-palette:nth-child(even){background:#1f1c23}.similar-palettes .similar-palette:hover{background:#4c4550}.similar-palettes .similar-palette.exact{outline:2px solid #e3474a}.similar-palettes .similar-palette .color-container{flex:0 0 30%;width:30%;height:1.5em;margin:0;padding:0;background:none}.similar-palettes .similar-palette .similar-palette-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;overflow:hidden}.similar-palettes .similar-palette .similar-palette-info .similar-palette-title{font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-palettes .similar-palette .similar-palette-info .similar-palette-detail{font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-palettes .similar-palette .match-percent{flex:0 0 auto;font-weight:bold;padding:.2em .5em;background:#332f35}.similar-palettes .similar-palette .match-percent.exact{background:#e3474a;color:#eaeaea}.similar-palettes .similar-palette{cursor:pointer}.similar-palettes .similar-palettes-show-more{display:block;margin-top:.25em;padding:.25em .75em;border:none;cursor:pointer;background:#4c4550;color:#b4abbd}.similar-palettes .similar-palettes-show-more:hover{background:#59525e}.popup.similar-palette-popup .content{width:34em;max-width:100%;text-align:left}.popup.similar-palette-popup .content h2{margin-bottom:0}.popup.similar-palette-popup .content .similar-popup-byline{margin:.15em 0 .75em}.popup.similar-palette-popup .content .similar-popup-score{display:inline-block;font-weight:bold;padding:.2em .6em;background:#27232a}.popup.similar-palette-popup .content .similar-popup-score.exact{background:#e3474a;color:#eaeaea}.popup.similar-palette-popup .content .similar-popup-overview{margin:1em 0}.popup.similar-palette-popup .content .similar-popup-overview .color-container{height:2em;margin:.15em 0 .75em;padding:0;background:none}.popup.similar-palette-popup .content .similar-popup-summary{margin:0 0 1em}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-row{display:flex;align-items:center;gap:.5em;padding:.25em .4em}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-row:nth-child(odd){background:#27232a}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-row.comparison-header{background:none;font-size:.85em;padding-bottom:0}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-row.comparison-header span:nth-child(1){flex:1 1 0;text-align:right}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-row.comparison-header span:nth-child(2){flex:0 0 5em}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-row.comparison-header span:nth-child(3){flex:1 1 0}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-row.comparison-header span:nth-child(4){flex:0 0 11em;text-align:right}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-hex{flex:1 1 0;min-width:0;font-size:.9em;background:none;border:none;padding:0;overflow:hidden;text-overflow:ellipsis}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-hex:first-child{text-align:right}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-hex.empty{font-family:inherit}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-pair{flex:0 0 5em;display:flex;border:solid 1px #1f1c23}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-swatch{width:2.5em;height:1.75em}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-swatch.empty{background:repeating-linear-gradient(45deg, #1f1c23 0, #1f1c23 3px, transparent 3px, transparent 6px)}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-delta{flex:0 0 11em;text-align:right;font-size:.85em}.popup.similar-palette-popup .content .similar-popup-explanation{font-size:.85em;margin:1em 0 0}.popup.similar-palette-popup .content .buttons a.link-button{margin:.5em 0 .5em .5em}@media(max-width: 30em){.popup.similar-palette-popup .content .similar-popup-comparison .comparison-hex{font-size:.8em}.popup.similar-palette-popup .content .similar-popup-comparison .comparison-delta{flex:0 0 7em;font-size:.75em}}#identifier-results-area{margin-bottom:2em}#identifier-status{margin-bottom:.5em}#identifier-results{max-width:none}
/*# sourceMappingURL=../../maps/palette-identifier/css/palette-identifier.css.map */