')}.e{grid-area:history;overflow:hidden}.f{background-color:#0d1117;color:#c9d1d9;grid-area:footer;height:var(--footer-h);justify-content:space-between}.f,.g{align-items:center;display:flex}.g{background-color:var(--c-pr);color:#fff;flex:0 0 var(--toolbar-w);height:var(--header-h);justify-content:center}.h{align-items:center;display:flex;justify-content:space-around;padding:0 1em;width:100%}.i{font-size:2em;margin:0}.j{margin:0 auto;max-width:900px}.m{background-color:#fff;border:none;height:50px;margin:0;padding:0;width:50px}.m:active{transform:scale(.9)}.k{display:flex;justify-content:center;width:100%}.l{display:inline-flex;gap:1em}.n{width:100%}.V{color:#fff;padding:1em}.W{cursor:pointer;display:block;font-size:1.5em;font-weight:400;margin:0 0 1em;outline:none;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.W::-webkit-details-marker{display:none}.W:after{content:"+";float:left;width:1em}.V[open] .W:after{content:"-"}.K{display:grid;grid-template-columns:auto 4em;grid-gap:1em;align-items:end}.L{border:var(--border);border-radius:var(--radius);box-sizing:border-box;margin:.5em 0;padding:var(--pdg);width:100%}.L::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;opacity:0}.N{align-items:center;display:flex;gap:.5em;margin:1em 0}.O{display:inline-block;min-width:1em}.P{border:var(--border);border-radius:var(--radius);max-width:3em;text-align:center}.Q{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;height:1em;margin-top:.2em;width:100%}.Q::-moz-range-track{background-color:var(--c-pr);border-radius:10px;height:5px}.Q::-webkit-slider-runnable-track{background-color:var(--c-pr);border-radius:10px;height:5px}.Q::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:var(--c-pr);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);height:28px;width:28px}.Q::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--c-pr);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);height:28px;transform:translateY(calc(-50% + 2px));width:28px}.Q::-moz-range-thumb:hover{transform:scale(1.1)}.Q::-webkit-slider-thumb:hover{transform:scale(1.1) translateY(calc(-50% + 2px))}.Q:focus{outline:none}.s{padding:2em 0}.t{align-items:flex-end;display:flex;gap:1em;width:100%}.M{box-sizing:border-box;cursor:copy;width:100%}.M,.R{border:var(--border);border-radius:var(--radius);margin:.5em 0;padding:var(--pdg)}.R{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%230057b8'%3E%3Cpath d='M7.41 7.84 12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E") no-repeat right .1em top .3em;width:4em}.o{display:flex;font-size:.9em;justify-content:space-between;line-height:1.5em;padding:0 1em;text-align:center;width:100%}.p{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none}.q{display:flex;font-size:.9em;gap:.4em;white-space:normal}.r{border:1px solid #fff;border-radius:2px;color:#fff;line-height:1;padding:.2em .5em}.p:focus .r,.p:hover .r{background-color:#000}.v{align-items:center;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w{background-color:#21262d;border:1px solid rgba(240,246,252,.1);color:#c9d1d9;cursor:pointer;line-height:1.7em;padding:.3em .8em}.w:focus,.w:hover{background-color:#30363d;border:1px solid #8b949e;text-decoration:none}.x{align-items:center;border-radius:4px 0 0 4px;display:inline-flex;gap:.5em}.y{border-left:none;border-radius:0 4px 4px 0}.u{color:#c9d1d9}.D{background-color:rgba(0,0,0,.7);border-radius:var(--radius);bottom:4em;color:#fff;display:none;font-size:1.3em;left:50%;padding:.7em 1.4em;position:fixed;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;z-index:1}.D.E{animation:F .3s ease-in-out;display:block}@keyframes F{0%{bottom:0;opacity:0}50%{opacity:.5}to{bottom:4em;opacity:1}}.C{background-color:var(--c-pr);border:2px solid var(--c-pr);border-radius:4px;color:#fff;display:inline-flex;gap:.5em;padding:.5em 1.5em;position:relative;text-decoration:none;transition:all .1s ease-in;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-touch-callout:none;cursor:pointer}.C:focus,.C:hover{text-decoration:none;transform:scale(1.02)}.z{--size:1.4em;list-style:none;margin:0;padding:0}.A{box-shadow:0 2px 4px rgba(0,0,0,.2);padding:1px}.A,.B{display:block;height:var(--size);width:var(--size)}.B{color:var(--c-txt);position:relative}.B:before{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);content:attr(href);display:none;font-family:monospace;font-size:90%;padding:1px 1em;position:fixed;right:2em;text-transform:uppercase}.B:hover:before{display:block}.S{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.T{margin-bottom:10px}.U{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2b5672;border-radius:50%;display:block;height:20px;padding:0;width:20px}.G{background-color:initial;box-shadow:0 3px 10px rgba(0,0,0,.3);height:20vh;margin-top:2em;min-height:5em;position:relative}.H{font-size:1.5em;left:50%;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);-webkit-user-select:all;-moz-user-select:all;user-select:all}.H,.I{background-color:hsla(0,0%,100%,.5);border-radius:var(--radius);padding:.2em 1em;position:absolute}.I{bottom:1em;font-size:90%;right:1em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.J{position:absolute;right:-28px;top:0}@media (max-width:700px){.a{display:block;height:auto}.g{display:none}.i{font-size:1.5em}.D{transform:translateX(-50%)}.z{display:flex}.T{margin-bottom:25px}}
Generate 1x1 pixel PNG images online. Create transparent, white, or black 1x1 pixel images in Base64, Bytes, or download formats. Perfect for web design and development.