@keyframes vibrate{0%,10%,12%,14%,16%,18%,2%,4%,40%,42%,44%,46%,48%,6%,8%{transform:translate3d(-3px,0,0)}1%,11%,13%,15%,17%,19%,3%,41%,43%,45%,47%,49%,5%,7%,9%{transform:translate3d(3px,0,0)}20%,50%,to{transform:translateZ(0)}}@keyframes monitorBlink{0%{transform:scaleY(1)}30%{transform:scaleY(1)}33%{transform:scaleY(.1)}40%{transform:scaleY(1)}70%{transform:scaleY(1)}75%{transform:scaleY(.1)}78%{transform:scaleY(1)}81%{transform:scaleY(.1)}84%{transform:scaleY(1)}to{transform:scaleY(1)}}.text-intro.text-intro--analyser{max-width:35em}.pixel-palette-analyser{margin-bottom:calc(var(--kh-spacing--xl)*-1);margin-top:calc(var(--kh-spacing--md)*-1)}.pixel-palette-analyser .c-intro-clouds-updates__intro{margin-top:0!important}.pixel-palette-analyser .c-intro-clouds-updates__clouds{margin-top:calc(var(--kh-spacing--lg)*-2)}.pixel-palette-analyser .c-intro-clouds-updates__intro:before,.pixel-palette-analyser .c-intro-clouds-updates__sparkles{display:none}.pixel-palette-analyser .section__content{padding-top:var(--kh-spacing--lg)}.pixel-palette-analyser .pixel-palette-analyser__top .section__content{padding-bottom:0;padding-top:0}.kh-palette__analyser{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--kh-spacing--md);margin-left:auto;margin-right:auto;max-width:500px;position:relative}@media screen and (min-width:992px){.kh-palette__analyser{flex-wrap:nowrap;gap:0;max-width:none}}.kh-palette__monitor{position:relative;width:100%}@media screen and (min-width:992px){.kh-palette__monitor{width:60%}}.kh-palette__monitor label{cursor:pointer}.kh-palette__monitor-img{height:auto;width:100%}.kh-palette__screen{aspect-ratio:2/1.49;background-color:#0a1f09;border-radius:1.5rem;box-shadow:0 0 40px #c5ef7633,inset 0 0 50px #316737;left:28%;opacity:.7;overflow:hidden;pointer-events:none;position:absolute;top:19.7%;width:54%}.kh-palette__file{display:none}.kh-palette__file-display img{clip-path:polygon(0 54%,100% 54%,100% 58%,0 58%);transition:clip-path .5s ease}.kh-palette__file-display.show-all img{clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.kh-palette__file-display img{border-radius:2rem;height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:.4;position:absolute;top:0;width:100%}.kh-palette__monitor-eyes{align-items:center;display:flex;flex-wrap:nowrap;height:100%;padding:0 20%;pointer-events:none;transform:translate(5%);width:100%}.kh-palette__monitor-eye{animation:monitorBlink 5s cubic-bezier(.36,.07,.19,.97) infinite;aspect-ratio:1/3;background-color:#c4ef74;border-radius:1rem;width:.75rem}@media screen and (min-width:992px){.kh-palette__monitor-eye{width:1.5rem}}.kh-palette__printer-eyes{align-items:center;aspect-ratio:2/1.1;bottom:0;display:flex;flex-wrap:nowrap;padding:0 20%;pointer-events:none;position:absolute;transform:translate(-5%);width:90%;z-index:3}.kh-palette__printer-eye{animation:monitorBlink 5s cubic-bezier(.36,.07,.19,.97) infinite;animation-delay:.3s;aspect-ratio:5/1;background-color:#c4ef74;border-radius:1rem;width:2rem}@media screen and (min-width:992px){.kh-palette__printer-eye{width:4rem}}.kh-palette__monitor-eye+.kh-palette__monitor-eye,.kh-palette__printer-eye+.kh-palette__printer-eye{margin-left:auto}.kh-palette__scanlines{background:repeating-linear-gradient(transparent,transparent 8px,#fff 9px,#fff 10px);border-top:1px solid #fff;filter:blur(1px);height:100%;left:0;mix-blend-mode:overlay;opacity:.6;position:absolute;top:0;width:100%}.kh-palette__printer{position:relative;width:100%}@media screen and (min-width:992px){.kh-palette__printer{width:40%}}.kh-palette__printer.printing{animation:vibrate 2s cubic-bezier(.36,.07,.19,.97) infinite;backface-visibility:hidden;perspective:300px;transform:translateZ(0)}.kh-palette__printer-img{height:auto;position:relative;width:100%;z-index:2}.kh-palette__printout{background-color:var(--kh-colour--white);border-top-left-radius:var(--kh-spacing--sm);color:var(--kh-colour--brown-dark);list-style:none;margin:0 0 -1rem 10%;max-height:2em;overflow:auto;position:relative;transition:max-height .3s ease;transition-delay:1s;width:75%}.kh-palette__printout--active{max-height:18em}.kh-palette__header dl{margin:0}.kh-palette__stats dd{font-weight:700;margin-left:0;padding-left:0}.kh-palette__stats dl{border-bottom:1px solid rgba(0,0,0,.1);display:flex;flex-wrap:nowrap;margin-bottom:var(--kh-spacing--xs);padding-bottom:var(--kh-spacing--xs);width:100%}.kh-palette__stats .kh-palette__size{margin-left:auto}.kh-palette__array-heading{border-top:1px solid rgba(0,0,0,.2);font-family:Courier New,Courier,monospace;font-weight:700;margin-bottom:0;padding:var(--kh-spacing--xs) var(--kh-spacing--sm) var(--kh-spacing--xxs) var(--kh-spacing--sm)}.kh-palette__array-wrap{background-color:#0000001a;margin:0 var(--kh-spacing--sm);max-width:100%;overflow:auto;padding:var(--kh-spacing--xxs)}.kh-palette__array{line-height:1;padding:var(--kh-spacing--xs);white-space:nowrap}.kh-palette__header{background-color:var(--kh-colour--white);font-family:Courier New,Courier,monospace;left:0;padding:var(--kh-spacing--sm) var(--kh-spacing--sm) var(--kh-spacing--xs) var(--kh-spacing--sm);position:sticky;top:0;z-index:2}.kh-palette__shades{margin:0;padding:0;padding:0 var(--kh-spacing--sm) var(--kh-spacing--sm) var(--kh-spacing--sm)}.kh-palette__headings,.kh-palette__item,.kh-palette__item dl{align-items:center;display:flex;flex-wrap:nowrap;font-family:Courier New,Courier,monospace;gap:var(--kh-spacing--sm)}.kh-palette__headings{font-weight:700}.kh-palette__item{padding-bottom:var(--kh-spacing--xxs);padding-top:var(--kh-spacing--xxs)}.kh-palette__item h3{border-radius:50%;height:var(--kh-spacing--sm);margin:0;min-width:var(--kh-spacing--sm);width:var(--kh-spacing--sm)}.kh-palette__item dl{flex-grow:1}.kh-palette__item dd{margin:0}.kh-palette__headings .kh-palette__number{width:calc(4em + var(--kh-spacing--sm ) + var(--kh-spacing--sm))}.kh-palette__number{width:4em}.kh-palette__item.sortable-ghost{background-color:#0000001a;border:1px dashed rgba(0,0,0,.2)}.kh-palette__item{cursor:move;cursor:grab;cursor:-webkit-grab}.kh-palette__item.sortable-chosen{cursor:grabbing;cursor:-webkit-grabbing}.kh-palette__rgba{flex-grow:1;opacity:.5}.kh-palette__hex{margin-left:auto}.kh-palette__canvas-wrap{aspect-ratio:19/1;bottom:0;left:6%;position:absolute;width:80%;z-index:3}.kh-palette__canvas-wrap a{color:var(--kh-colour--purple);display:inline-block;font-family:Courier New,Courier,monospace;font-size:.8em;font-weight:700;margin-bottom:0}.kh-palette__canvas-wrap a:focus,.kh-palette__canvas-wrap a:hover{color:var(--kh-colour--purple-light)}@media screen and (min-width:992px){.kh-palette__canvas-wrap a{margin-bottom:var(--kh-spacing--xs)}}.kh-palette__canvas-wrap img{height:100%;image-rendering:pixelated;width:100%}