.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}}
/*# sourceMappingURL=../../maps/palettes/css/palettes-submission-form.css.map */
