@import"https://www.nerdfonts.com/assets/css/webfont.css";@keyframes slidefade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}:root{--fg:#d3c6aa;--red:#e67e80;--orange:#e69875;--yellow:#dbbc7f;--green:#a7c080;--blue:#7fbbb3;--aqua:#83c092;--purple:#d699b6;--bg_dim:#1e2326;--bg0:#272e33;--bg1:#2e383c;--bg2:#374145;--bg3:#414b50;--bg4:#495156;--bg5:#4f5b58;--bg_red:#4c3743;--bg_visual:#493b40;--bg_yellow:#45443c;--bg_green:#3c4841;--bg_blue:#384b55;--gray0:#7a8478;--gray1:#859289;--gray2:#9da9a0;--fgL:#5c6a72;--redL:#f85552;--orangeL:#f57d26;--yellowL:#dfa000;--greenL:#8da101;--blueL:#3a94c5;--aquaL:#35a77c;--purpleL:#df69ba;--bg_dimL:#f2efdf;--bg0L:#fffbef;--bg1L:#f8f5e4;--bg2L:#f2efdf;--bg3L:#edeada;--bg4L:#e8e5d5;--bg5L:#bec5b2;--bg_redL:#ffe7de;--bg_visualL:#f0f2d4;--bg_yellowL:#fef2d5;--bg_greenL:#f3f5d9;--bg_blueL:#ecf5ed;--gray0L:#a6b0a0;--gray1L:#939f91;--gray2L:#829181}html{height:100%;width:100%;margin:0}body{display:flex;flex-direction:column;margin:0;background-color:var(--bg0);transition:background-color .2s ease-out,color .2s ease-out,border .2s ease-out,outline .2s ease-out;min-height:100%}a{color:var(--aqua)}.contrastSwitcher{display:flex;align-self:center;align-items:center;justify-content:center;width:calc(100% - 80px);max-width:1800px;animation:hide .21s 1,slidefade .7s .2s 1}.contrastButton{background-color:var(--bg1);border:none;color:var(--fg);font-size:20px;font-family:var(--font-fira-mono),sans-serif;padding:8px;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out,border .2s ease-out,outline .2s ease-out;width:100%}.contrastButton:hover{background-color:var(--bg3)}.contrastActive{color:var(--bg0)}.contrastActive,.contrastActive:hover{background-color:var(--green)}#contrastHard{border-radius:12px 0 0 12px}#contrastHard,#contrastMed{border-right:1px solid var(--bg3)}#contrastMed,#contrastSoft{border-left:1px solid var(--bg3)}#contrastSoft{border-radius:0 12px 12px 0}.palettes{width:100%}.palette,.palettes{align-self:center;display:flex;flex-direction:column}.palette{flex-grow:1;background-color:var(--bg1);border-radius:12px;width:calc(100dvw - 80px);max-width:1800px;overflow:hidden;transition:background-color .2s ease-out,color .2s ease-out,border .2s ease-out,outline .2s ease-out;animation:hide .41s 1,slidefade .7s .4s 1;margin:0 0 20px}.palette:nth-child(2){margin:20px 0}.color,.palette:last-child{margin:0}.color{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1.5px solid var(--bg3);transition:background-color .2s ease-out,color .2s ease-out,border .2s ease-out,outline .2s ease-out}.color:last-child{border-bottom:none}.color:hover{background-color:var(--bg2)}.colorTitle{display:flex;align-items:center;justify-content:flex-start;color:var(--fg);font-size:18px;font-family:var(--font-fira-mono),sans-serif;margin:0}.swatch{display:inline-block;width:.8em;height:.8em;border:1.5px solid var(--bg3);margin:0 10px 0 0}.copyButton,.swatch{transition:background-color .2s ease-out,color .2s ease-out,border .2s ease-out,outline .2s ease-out}.copyButton{margin:0;background-color:var(--bg0);color:var(--fg);font-family:var(--font-fira-mono),sans-serif;font-size:18px;padding:8px 14px;border:none;border-radius:12px;cursor:pointer}.copyButton:hover{background-color:var(--bg3)}.copyIcon{margin-right:3px}@media(max-width:950px){.color{flex-direction:column;align-items:stretch;padding-top:14px;padding-bottom:14px}.colorTitle{margin:0 0 14px}.palette{width:calc(100dvw - 40px)}.contrastSwitcher{width:calc(100% - 40px)}}