:root{--font-mono:"Rubik","Roboto","Ubuntu","Cascadia Mono","Segoe UI Mono","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:241,241,241;--background-over-rgb:200,206,207;--blue-edit:0,117,255}body,html{width:100%;height:auto;overflow-x:hidden;margin:0;padding:0;font-family:var(--font-mono);font-size:.9em;font-weight:100;color:rgb(var(--foreground-rgb));background:rgb(var(--background-start-rgb))}a{color:inherit;text-decoration:none}a:hover{opacity:.5}a img{border:none}.box{display:flex;flex-direction:column;align-items:center;width:300px;min-width:300px;height:auto;border-radius:1em;background-color:#fff;padding:1em}main,section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto}form{text-align:center}form li,form p,form ul{font-size:.8em}form ul{display:block;margin-bottom:.5em}input,label{font-weight:.8em}input{margin:.5em}header{display:flex;justify-content:center;align-items:center;width:100%;height:60px;@media (max-width:800px){height:40px}}.logo{font-weight:400;font-size:30px;@media (max-width:800px){font-size:20px}}.logo-text{display:flex;@media (max-width:800px){display:none}}.logo-img{display:none;width:20px;height:20px;@media (max-width:800px){display:block}}.tools{display:flex;height:40px;justify-content:center;width:100%;margin-bottom:20px}.icon{margin-right:1em;height:32px;width:32px}.icon:hover{cursor:pointer;opacity:.5}.ico-tool{width:auto;height:1.5em}.ico-tool:hover{cursor:pointer;opacity:.5}.ico-small{width:auto;height:1em}.ico-small:hover{cursor:pointer;opacity:.5}.screen,.square{width:auto;height:1.5em}.short{width:1.5em;height:auto}.load{height:1.5em;width:1.5em}.screen:hover,.short:hover,.square:hover{cursor:pointer;opacity:.5}.slider{height:1px;border-radius:5px;background:#333}.slider,.slider-hue{width:90%;outline:none;transition:opacity .2s}.slider-hue{height:6px}.slider-hue::-webkit-slider-thumb{-webkit-appearance:none}.slider-hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.slider-hue::-moz-range-thumb{border:none}.slider-hue::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:1em;height:1em;border-radius:50%;background:#333;cursor:pointer}.slider::-moz-range-thumb{width:1em;height:1em;border-radius:50%;background:#333;cursor:pointer}.width-slider16em{width:200px;@media (max-width:500px){width:150px}}.width-slider8em{width:100px;@media (max-width:500px){width:150px}}.fill-color-box{position:fixed;top:calc(100vh/2 - 300px);left:calc(100vw/2 - 200px);width:400px;border-radius:1em;height:auto;background-color:#fff;box-shadow:0 0 5px rgb(var(--background-start-rgb));z-index:10}.fill-color-box,.scree-color-board-solid{display:flex;flex-direction:column;align-items:center}.scree-color-board-solid{width:100%;height:150px;border-radius:1em 1em 0 0;justify-content:center;touch-action:none}.line-color-board-solid{display:flex;width:90%;height:.5em;margin-top:.5em;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.slider-solid{width:90%;height:1px;border-radius:5px;background:#d3d3d3;outline:none}.close-solid{position:absolute;top:0;right:1em;display:flex;justify-content:center;align-items:center;width:2em;height:2em;border-radius:.5em;border:none;background:#fff;font-size:1em;color:#666}.fill-color{display:block;width:100%;height:3em}.desc{width:100vw;height:50vh;margin:0;padding:0;display:flex;flex-direction:row;scroll-padding-bottom:200px;@media (max-width:800px){flex-direction:column;width:95vw;height:80vh}@media (min-width:1922px){width:95vw}justify-content:stretch;align-items:stretch}.pt{flex-direction:column;position:relative;width:50%;height:auto;border-radius:1vmin;@media (max-width:800px){flex-direction:row;width:100%;border-radius:.5em;flex:auto}}.buttonOnpalette,.pt{display:flex;justify-content:center;align-items:center}.buttonOnpalette{width:100%;height:100%;opacity:.3}.buttonOnpalette:hover{opacity:.8;transition:opacity 1s ease-in-out}.crc-cont{display:flex;flex-direction:column;@media (max-width:800px){flex-direction:row}}.crc{display:flex;width:40px;height:40px;border-radius:.5em;margin:.5em;background-color:#fff;transition:scale .5s ease-in-out;@media (max-width:800px){width:30px;height:30px;border-radius:.5em}@media (max-width:380px){display:none}}.crc:hover{opacity:90%;scale:1.2}.crc-info{display:flex;width:40px;height:40px;border-radius:.5em;margin:.5em;background-color:#fff;transition:scale .5s ease-in-out;@media (max-width:800px){width:30px;height:30px;border-radius:.5em}}.crc-info:hover{opacity:90%;scale:1.2}.text-on-palette{display:flex;justify-content:center;text-align:center;margin:2em;font-size:1.3em;font-weight:400;@media (max-width:800px){font-size:1em;width:100%;justify-content:flex-start}}.box-tools-color{position:absolute;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:360px;height:40px;border-radius:.2em;border:none;overflow:hidden;z-index:4;background-color:#fff}.box-tools-color:hover{height:auto}.head-tools-color{margin-top:10px}.box_in_line,.head-tools-color{display:flex;justify-content:flex-start;align-items:center}.box_in_line{width:90%;height:30px}.loadtop{margin-top:40px}.number-palette{width:30px;text-align:center}.box-tools-color ul{display:flex;justify-content:center;align-items:center;width:300px;list-style:none}.box-tools-color li{display:flex}.margin-btm{margin:4em .5em 3em}.margin-top{margin-top:.5em}.marging-left{margin-left:1.5em;@media (max-width:800px){margin-left:1em}}.marging-left-half{margin-left:.5em}.margin_top_two{margin-top:2em}.margin-bottom{margin-bottom:1em}.margin-round{margin:1em}.margin-round-noright{margin:1em 0 1em 1em}.btm-ok{padding:0 2em}.over:hover{opacity:.5}.hide{display:none}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.wbg{background-color:#fff}.pdg{padding:.5em}.pdg2{padding:.2em}.width-90{width:86%}.width-300{width:300px}.width-auto{width:auto}.align-in-box{justify-content:center}.select-cursor{cursor:pointer}.blend{width:0;height:auto;@media (max-width:800px){width:100%;height:0}}.blend,.blend-color{display:flex;justify-content:center;align-items:center}.blend-color{position:absolute;width:40px;height:40px;border-radius:8px;z-index:1;font-size:0;transition:all .5s ease-in-out}.blend-color:hover{height:50vh;width:8em;text-align:center;font-size:1em;padding:0 1em;transition:all .5s ease-in-out;@media (max-width:800px){width:87vw;height:40px}}.gradient{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:auto}.gradient-color{width:95vw;height:20em;border-radius:1vmin;background-color:#fff}.gradient-color,footer{display:flex;justify-content:center;align-items:center}footer{width:100%;height:auto;flex-wrap:wrap;margin-top:1em;font-weight:100}.vk{display:flex;height:1.5em;width:1.5em;margin-left:3em}.download{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:10em;height:40px;border-radius:.2em;border:none;overflow:hidden;z-index:4;background-color:#fff;transition:all .5s ease-in-out}.download:hover{height:auto;transition:all 1s ease-in-out}.contrast-header{text-align:center;width:100%;font-weight:400;font-size:30px;margin-top:2em;margin-bottom:1em;@media (max-width:800px){font-size:20px}}.contrast-header,.contrast-section{display:flex;justify-content:center;align-items:center;height:auto}.contrast-section{width:95vw;flex-direction:row;border-radius:1vmin;background-color:#fff;@media (max-width:800px){flex-direction:column}}.contrast-box{display:flex;justify-content:center;align-items:center;width:25vw;height:auto;flex-direction:column;margin-top:2em;margin-bottom:1em;font-size:1.5em;@media (max-width:800px){width:70vw;margin-top:1em;margin-bottom:1em;font-size:.8em}}.contrast-color{width:100%;height:10vh;@media (max-width:800px){height:6vh}}.contrast-change,.contrast-color{display:flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-radius:.2em}.contrast-change{width:4em;height:4em;scale:1;transition:all .5s ease-in-out}.contrast-change:hover{cursor:pointer;scale:1.2;transition:all .5s ease-in-out}.contrast-btn{border-width:1px;border-style:solid;border-radius:.2em;font-size:1.5em;padding:.5em 1em}.contrast-btn,.in-line{display:flex;justify-content:center;align-items:center;width:auto;height:auto}.in-line{flex-direction:row;flex-wrap:nowrap;margin-top:1em}.contrast-ico{display:block;width:1em;height:1em;border-radius:1em;border:1px solid #fff;margin-right:.5em}.contrast-select-color{display:flex;justify-content:center;align-items:center;width:3vmin;height:3vmin;margin:.5vmin;border:1px solid #fff;border-radius:8px;z-index:1;@media (max-width:800px){width:5vmin;height:5vmin}}.contrast-select-color:hover{cursor:pointer}.settingAllPaletter{display:flex;justify-content:center;width:95vw;@media (max-width:800px){flex-direction:column}}.settingPanelL{margin-right:.3em;@media (max-width:800px){margin-right:0}}.settingPanelL,.settingPanelR{display:flex;justify-content:center;align-items:center;border-radius:.5em;width:100%;height:150px}.settingPanelR{margin-left:.3em;@media (max-width:800px){margin-left:0;margin-top:.5em}}.settingPanel{width:100%;height:150px}.settingPanel,.tempPanel{display:flex;justify-content:center;align-items:center;border-radius:.5em}.tempPanel{flex-direction:column;width:95vw;height:100px;margin-top:.5em}.draw{display:flex;border:1px solid #fff}.draw-section{display:flex;align-items:center;justify-content:center;min-height:70vmin}.circle{display:block;height:1.6em;width:1.6em;border:1px solid #ccc;border-radius:.9em}.circle:hover{cursor:pointer;opacity:.5}.svg-element:hover{outline:2px solid #006fff;vector-effect:non-scaling-stroke}.bottom-line{padding:0 0 .4em;border-bottom:1px solid #ccc}.highlighted:hover{stroke:#006fff;stroke-width:3px;vector-effect:non-scaling-stroke}.hide-value{@media (max-width:800px){display:none}}.transform-box{position:absolute;background:none;visibility:hidden}.dot-circle,.dot1,.dot2,.dot3,.dot4,.dot5,.dot6,.dot7,.dot8{visibility:visible;position:absolute;display:block;width:10px;height:10px;border:1px solid rgb(var(--blue-edit));background:rgb(var(--background-start-rgb));transform:none}.dot-circle:hover,.dot1:hover,.dot2:hover,.dot3:hover,.dot4:hover,.dot5:hover,.dot6:hover,.dot7:hover,.dot8:hover{background:rgb(var(--blue-edit))}.dot-circle{visibility:visible;position:absolute;display:block;width:1em;height:1em;border:1px solid rgb(var(--blue-edit));background:rgb(var(--background-start-rgb));transform:none;border-radius:.5em;top:-2em;left:calc(50% - .5em)}.dot1{top:-.35em;left:-.35em;cursor:nw-resize}.dot2{top:-.35em;left:calc(50% - .3em);cursor:n-resize}.dot3{top:-.35em;cursor:ne-resize}.dot3,.dot4{right:-.35em}.dot4{top:calc(50% - .3em);cursor:e-resize}.dot5{right:-.35em;cursor:nw-resize}.dot5,.dot6{bottom:-.35em}.dot6{left:calc(50% - .3em);cursor:n-resize}.dot7{bottom:-.35em;left:-.35em;cursor:ne-resize}.dot8{top:calc(50% - .3em);left:-.35em;cursor:e-resize}.line-left,.line-right{width:1px;height:100%}.line-bottom,.line-left,.line-right,.line-top{visibility:visible;position:absolute;display:block;background:rgb(var(--blue-edit))}.line-bottom,.line-top{width:100%;height:1px}.line-left{left:0;top:0}.line-left:hover,.line-right:hover{cursor:e-resize}.line-top{top:0}.line-bottom:hover,.line-top:hover{cursor:n-resize}.line-right{right:0;top:0}.line-bottom{bottom:0}@font-face{font-family:rubik;src:url(/_next/static/media/63d1603c3a1eeff1-s.p.woff2) format("woff2");font-display:swap}@font-face{font-family:rubik Fallback;src:local("Arial");ascent-override:88.38%;descent-override:23.63%;line-gap-override:0.00%;size-adjust:105.79%}.__className_22739f{font-family:rubik,rubik Fallback}