.colorwheels[data-v-6cc450cf]{position:relative;margin-bottom:30px}.maincolors[data-v-6cc450cf],.suggestcolors[data-v-6cc450cf],.fluocolors[data-v-6cc450cf],.selectedcolor[data-v-6cc450cf]{background:#dedede;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);overflow:hidden;border:solid 10px #F4F4F4;box-sizing:border-box;font-size:0}.maincolors[data-v-6cc450cf]{position:relative;top:0;left:0;transform:none}.suggestcolors[data-v-6cc450cf],.fluocolors[data-v-6cc450cf]{border:solid 8px #F4F4F4}.selectedcolor[data-v-6cc450cf]{border:solid 4px #F4F4F4}.selectedcolorname[data-v-6cc450cf]{position:absolute;top:auto;bottom:0;left:50%;transform:translate(-50%);z-index:99999;background:#000000b3;font-size:12px;padding:4px 6px;line-height:1;border-radius:7px;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap;color:#fff}.colorpicker:hover .selectedcolorname[data-v-6cc450cf]{opacity:1}.maincolors[data-v-6cc450cf]{height:260px;width:260px}.suggestcolors[data-v-6cc450cf]{height:180px;width:180px;z-index:100}.fluocolors[data-v-6cc450cf]{height:110px;width:110px;z-index:200}@keyframes selected-6cc450cf{0%{transform:translate(-50%) translateY(-50%) scale(1)}30%{transform:translate(-50%) translateY(-50%) scale(1.4)}to{transform:translate(-50%) translateY(-50%) scale(1)}}.selectedcolor[data-v-6cc450cf]{height:35px;width:35px;z-index:300;cursor:pointer;overflow:visible}.selectedcolor.animated[data-v-6cc450cf]{animation:selected-6cc450cf .2s}.selectedcolor[data-v-6cc450cf]:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color);border-radius:50%;transform:scale(1);opacity:.5;z-index:-1;pointer-events:none;transition:transform 0s .4s,opacity 0s .4s}.selectedcolor.animated[data-v-6cc450cf]:before{transform:scale(10);opacity:0;transition:transform .4s,opacity .4s}.maincolors .slice[data-v-6cc450cf],.suggestcolors .slice[data-v-6cc450cf],.fluocolors .slice[data-v-6cc450cf]{cursor:pointer}.maincolors .slice[data-v-6cc450cf]:before,.suggestcolors .slice[data-v-6cc450cf]:before,.fluocolors .slice[data-v-6cc450cf]:before{content:"";display:block;position:absolute;height:300px;top:50%;left:50%;transform:translateY(-100%) rotate(var(--rotate));transform-origin:bottom left;background:var(--color);cursor:pointer}.maincolors .slice[data-v-6cc450cf]:before{height:300px;width:30px;clip-path:polygon(0 0,100% 50%,0% 100%,0% 100%)}.suggestcolors .slice[data-v-6cc450cf]:before{height:180px;width:90px;clip-path:polygon(0 0,100% 84%,0% 100%,0% 100%)}.suggestcolors .slice[data-v-6cc450cf]:after{content:"";display:block;height:15px;width:15px;position:absolute;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14.512'%20height='14.62'%20viewBox='0%200%2014.512%2014.62'%3e%3cg%20id='Groupe_15171'%20data-name='Groupe%2015171'%20transform='translate(-77.835%20-68.575)'%3e%3cpath%20id='Tracé_115764'%20data-name='Tracé%20115764'%20d='M40.989,33.716l.65-.65a.521.521,0,0,0,.012-.728L38.8,29.281a.522.522,0,0,0-.74-.026l-.012.012-.754.758Z'%20transform='translate(50.553%2039.461)'/%3e%3cpath%20id='Tracé_115765'%20data-name='Tracé%20115765'%20d='M44.448,33.506l-3.691-3.691-.73.728a1.255,1.255,0,0,1,.452.287c.6.6.488,1.757-.191,2.9a6.082,6.082,0,0,1-.916,1.164c-1.427,1.427-3.246,1.924-4.063,1.107a1.211,1.211,0,0,1-.09-.1,1.329,1.329,0,0,1-.2-.351l-.817.82,3.691,3.691Z'%20transform='translate(46.357%2040.411)'/%3e%3cpath%20id='Tracé_115766'%20data-name='Tracé%20115766'%20d='M35,33.6a1.713,1.713,0,0,0-.04.245.614.614,0,0,0,.075.445l0,.007c.028.028.226.172.789.019A4.737,4.737,0,0,0,38.751,31.4a1.631,1.631,0,0,0,.068-.49.473.473,0,0,0-.085-.294c-.026-.026-.2-.155-.7-.04Z'%20transform='translate(47.365%2041.372)'/%3e%3cpath%20id='Tracé_115767'%20data-name='Tracé%20115767'%20d='M37.986,37.34l.737-.737L35.033,32.91l-.74.74a.52.52,0,0,0-.049.681l-1.161,2.923a.52.52,0,0,0,.115.561l.622.622a.521.521,0,0,0,.563.115L37.3,37.39a.523.523,0,0,0,.683-.049'%20transform='translate(44.789%2044.606)'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center center;z-index:2;pointer-events:none}.suggestcolors .slice[data-v-6cc450cf]:nth-of-type(1):after{top:18px;left:35px}.suggestcolors .slice[data-v-6cc450cf]:nth-of-type(2):after{top:18px;left:115px}.suggestcolors .slice[data-v-6cc450cf]:nth-of-type(3):after{top:93px;left:139px}.suggestcolors .slice[data-v-6cc450cf]:nth-of-type(4):after{top:142px;left:75px}.suggestcolors .slice[data-v-6cc450cf]:nth-of-type(5):after{top:95px;left:10px}.fluocolors .slice[data-v-6cc450cf]:before{height:150px;width:50px;clip-path:polygon(0 0,100% 100%,0% 100%,0% 100%)}.fluocolors .slice[data-v-6cc450cf]:after{content:"";display:block;height:20px;width:20px;position:absolute;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='19.74'%20height='17.625'%20viewBox='0%200%2019.74%2017.625'%3e%3cg%20id='Groupe_15172'%20data-name='Groupe%2015172'%20transform='translate(-92.821%20-95.683)'%3e%3cpath%20id='Tracé_115788'%20data-name='Tracé%20115788'%20d='M43.8,44.853a.355.355,0,0,0,.356-.353V40.976a.354.354,0,0,0-.709,0V44.5A.353.353,0,0,0,43.8,44.853Z'%20transform='translate(58.889%2055.06)'/%3e%3cpath%20id='Tracé_115789'%20data-name='Tracé%20115789'%20d='M41.012,42.127l2,2a.353.353,0,0,0,.5-.5l-2-2a.353.353,0,1,0-.5.5'%20transform='translate(55.448%2056.283)'/%3e%3cpath%20id='Tracé_115790'%20data-name='Tracé%20115790'%20d='M47.74,41.627a.36.36,0,0,0-.5,0l-2,2a.354.354,0,0,0,.5.5l2-2A.358.358,0,0,0,47.74,41.627Z'%20transform='translate(61.183%2056.284)'/%3e%3cpath%20id='Tracé_115791'%20data-name='Tracé%20115791'%20d='M43.8,50.54a.355.355,0,0,0,.356-.353V46.663a.354.354,0,0,0-.709,0v3.524A.353.353,0,0,0,43.8,50.54Z'%20transform='translate(58.889%2062.768)'/%3e%3cpath%20id='Tracé_115792'%20data-name='Tracé%20115792'%20d='M43.508,46.659a.354.354,0,0,0-.5-.5l-2,2a.353.353,0,1,0,.5.5Z'%20transform='translate(55.447%2062.426)'/%3e%3cpath%20id='Tracé_115793'%20data-name='Tracé%20115793'%20d='M45.245,46.659l2,2a.353.353,0,1,0,.5-.5l-2-2a.353.353,0,0,0-.5.5'%20transform='translate(61.186%2062.426)'/%3e%3cpath%20id='Tracé_115794'%20data-name='Tracé%20115794'%20d='M39.761,47.141h1.058V43.617H39.761a.352.352,0,0,0-.353.351v2.819a.353.353,0,0,0,.353.353'%20transform='translate(53.413%2059.118)'/%3e%3crect%20id='Rectangle_8717'%20data-name='Rectangle%208717'%20width='15.51'%20height='3.524'%20transform='translate(94.937%20102.733)'/%3e%3cpath%20id='Tracé_115795'%20data-name='Tracé%20115795'%20d='M48.6,46.789V43.969a.353.353,0,0,0-.353-.353H47.19v3.526h1.058a.353.353,0,0,0,.353-.353'%20transform='translate(63.961%2059.117)'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center center;z-index:2;pointer-events:none}.fluocolors .slice[data-v-6cc450cf]:nth-of-type(1):after{top:16px;left:14px}.fluocolors .slice[data-v-6cc450cf]:nth-of-type(2):after{top:16px;left:60px}.fluocolors .slice[data-v-6cc450cf]:nth-of-type(3):after{top:59px;left:60px}.fluocolors .slice[data-v-6cc450cf]:nth-of-type(4):after{top:59px;left:14px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}