/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.header{background-color:#fff;color:#292936;height:64px;border-bottom:1px solid #cacad9;box-shadow:0 0 10px 0 rgba(0,0,0,.12),0 2px 3px 0 rgba(0,0,0,.16);margin-bottom:0;overflow:hidden;position:relative;z-index:899;padding-left:24px;padding-right:24px}.header,.leftHeader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.centerHeader{-ms-flex:1;flex:1}.rightHeader{display:-ms-flexbox;display:flex}.logo{float:left;margin-right:8px}.logoText{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline}.logoType{font-size:20px;margin-right:8px}.logoCompany{font-size:14px;text-decoration:none;margin:0}a,a:active,a:hover,a:visited{color:#292936;text-decoration:none}.sidePanel{background-color:#fff;width:40%;max-width:300px;height:calc(100vh - 64px);border-right:1px solid #cacad9;padding-left:24px;padding-right:24px;padding-top:24px;overflow:auto;min-width:160px}.sidePanelBlock{margin-top:0;margin-bottom:24px;padding-bottom:24px;box-shadow:0 2px 0 rgba(0,0,0,.16)}.sidePanelHeaderContainer{display:-ms-flexbox;display:flex}.sidePanelHeader{margin-bottom:8px;-ms-flex-positive:2;flex-grow:2}.sidePanelLabel{margin-top:8px;margin-bottom:8px}.switchGraph{-ms-flex-positive:0;flex-grow:0;line-height:32px;color:#292936;cursor:pointer;font-weight:500}.canvas{-ms-flex-positive:2;flex-grow:2;height:calc(100vh - 60px);margin:0;-ms-flex-align:center;align-items:center}.colorSet{display:-ms-flexbox;display:flex;height:100%}.colorGraph{flex-grow:1;box-sizing:border-box;padding:128px 24px;min-width:560px;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;background-image:linear-gradient(rgba(244,244,250,.8) 1px,transparent 0),linear-gradient(#f4f4fa 1px,transparent 0),linear-gradient(90deg,rgba(244,244,250,.8) 1px,transparent 0),linear-gradient(90deg,#f4f4fa 1px,transparent 0),linear-gradient(transparent 3px,#fff 0,#fff 94px,transparent 0),linear-gradient(90deg,#f4f4fa 3px,transparent 0,transparent 94px,#f4f4fa 0);background-size:24px 24px,96px 96px,24px 24px,96px 96px,96px 96px,96px 96px}.colorGraph,.colorStack{-ms-flex-positive:1;display:-ms-flexbox;display:flex;height:100%}.colorStack{flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 50%;flex:1 50%;overflow:auto;max-width:400px}.colorSwatch{-ms-flex:1;flex:1}.colorGraphToggle{z-index:900}.colorDot{box-shadow:0 4px 8px rgba(0,0,0,.16)}.colorGraphHeader{float:left;font-size:32px;position:absolute;margin-top:-124px}.layout{display:-ms-flexbox;display:flex}.colorGraphic{width:500px;height:500px;background-color:#acbbff}.inputField{width:95%;height:40px;outline:none;margin-top:8px;margin-bottom:16px}.inputFieldElement{background-color:#fff;width:105%;height:105%;outline:none;border:2px solid #cacad9;border-radius:6px;margin:0;-webkit-appearance:none;padding-left:16px;padding-right:8px;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(45deg,transparent 50%,#63637b 0),linear-gradient(135deg,#63637b 50%,transparent 0),linear-gradient(90deg,#fff,#fff);background-position:calc(100% - 18px) calc(1em + 0px),calc(100% - 12px) calc(1em + 0px),100% 0;background-size:6px 6px,6px 6px,5em 5em;background-repeat:no-repeat}.inputFieldElement:focus{outline:none;border:2px solid #292936;border-radius:6px}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}option:not(:checked){color:#000}.inputRange{width:100%;height:32px;outline:none;margin-top:8px;margin-bottom:8px}.value{margin-top:4px;color:#292936;font-size:14px}.sidePanelLabel{font-weight:600}.rangeslider{margin:0;position:relative;background:#e6e6e6;-ms-touch-action:none;touch-action:none;width:100%}.rangeslider,.rangeslider .rangeslider__fill{display:block;box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}.rangeslider__handle:focus{outline:none}.rangeslider .rangeslider__handle{background:#fff;border:1px solid #ccc;cursor:pointer;display:inline-block;position:absolute;box-shadow:0 4px 8px rgba(0,0,0,.16)}.rangeslider .rangeslider__handle .rangeslider__active,.rangeslider__handle:after{opacity:0}.rangeslider .rangeslider__handle-tooltip{width:40px;height:40px;text-align:center;position:absolute;background-color:rgba(0,0,0,.8);font-weight:400;font-size:14px;transition:all .1s ease-in;border-radius:4px;display:inline-block;color:#fff;left:50%;transform:translate3d(-50%,0,0)}.rangeslider .rangeslider__handle-tooltip span{margin-top:12px;display:inline-block;line-height:100%}.rangeslider .rangeslider__handle-tooltip:after{content:" ";position:absolute;width:0;height:0}.rangeslider-horizontal{height:8px;border-radius:10px}.rangeslider-horizontal .rangeslider__fill{height:100%;background-color:"transparent";border-radius:10px;top:0}.slider#hue1 .rangeslider-horizontal,.slider#hue2 .rangeslider-horizontal{background-image:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.slider#sat2 .rangeslider-horizontal,.slider#sat .rangeslider-horizontal{background-image:linear-gradient(90deg,#fff,#8b37ff)}.slider#sat3 .rangeslider__fill{background-color:#8b37ff}.slider#lum1 .rangeslider-horizontal,.slider#lum2 .rangeslider-horizontal{background-image:linear-gradient(-90deg,#fff,#000)}.slider#steps .rangeslider__fill{background-color:#787891}.rangeslider-horizontal .rangeslider__handle{width:30px;height:30px;border-radius:30px;top:50%;transform:translate3d(-50%,-50%,0)}.rangeslider-horizontal .rangeslider__handle:after{content:" ";position:absolute;width:16px;height:16px;top:6px;left:6px;border-radius:50%;background-color:#dadada;box-shadow:inset 0 1px 3px rgba(0,0,0,.4),inset 0 -1px 3px rgba(0,0,0,.4)}.rangeslider-horizontal .rangeslider__handle-tooltip{top:-55px}.rangeslider-horizontal .rangeslider__handle-tooltip:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,0,0,.8);left:50%;bottom:-8px;transform:translate3d(-50%,0,0)}.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill{right:0}.rangeslider__labels{position:relative}.rangeslider__labels .rangeslider__label-item{position:absolute;font-size:14px;cursor:pointer;display:inline-block;top:10px;transform:translate3d(-50%,0,0)}.rangeslider-reverse.rangeslider-vertical .rangeslider__fill{top:0;bottom:inherit}.rangeslider-vertical{margin:20px auto;height:150px;max-width:10px;background-color:transparent}.rangeslider-vertical .rangeslider__fill,.rangeslider-vertical .rangeslider__handle{position:absolute}.rangeslider-vertical .rangeslider__fill{width:100%;background-color:#7cb342;box-shadow:none;bottom:0}.rangeslider-vertical .rangeslider__handle{width:30px;height:10px;left:-10px;box-shadow:none}.rangeslider-vertical .rangeslider__handle-tooltip{left:-100%;top:50%;transform:translate3d(-50%,-50%,0)}.rangeslider-vertical .rangeslider__handle-tooltip:after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid rgba(0,0,0,.8);left:100%;top:12px}.rangeslider-vertical .rangeslider__labels{position:relative;list-style-type:none;margin:0 0 0 24px;padding:0;text-align:left;width:250px;height:100%;left:10px}.rangeslider-vertical .rangeslider__labels .rangeslider__label-item{position:absolute;transform:translate3d(0,-50%,0)}.rangeslider-vertical .rangeslider__labels .rangeslider__label-item:before{content:"";width:10px;height:2px;background:#000;position:absolute;left:-14px;top:50%;transform:translateY(-50%);z-index:-1}.colorGraphToggle{display:-ms-flexbox;display:flex;top:96px;position:absolute;left:50%;transform:translateX(-50%);background-color:#f4f4fa;margin:0;padding:16px 32px;border-radius:100px;box-shadow:0 4px 8px rgba(0,0,0,.16)}.colorGraphToggleButton{margin-left:8px;margin-right:8px;color:#292936;font-size:18px;font-weight:400;cursor:pointer}.button{background-color:#8b37ff;padding:8px 32px;border-radius:24px;cursor:pointer;transition:all .2s;margin-left:8px;border:2px solid #8b37ff}.buttonLabel{color:#fff;font-weight:700;font-size:16px;line-height:24px}.button:hover{background-color:#7b20f9}.button:active{background-color:#590dc4;transform:scale(.98)}.secondaryButton{background-color:#fff;padding:8px 32px;border-radius:24px;cursor:pointer;transition:all .2s;margin-left:8px;border:2px solid #cacad9}.secondaryButtonLabel{color:#292936;font-weight:700;font-size:16px}.secondaryButton:hover{background-color:#f4f4fa}.secondaryButton:active{background-color:#e7e7ef;transform:scale(.98)}.overlay{z-index:999;position:absolute;background-color:rgba(41,41,54,.5);height:100vh;width:100%}.modal{width:640px;background:#fff;min-height:480px;border-radius:16px;margin:auto;margin-top:96px;padding-left:32px;padding-right:32px}.modalHeader{display:-ms-flexbox;display:flex;padding-top:16px;padding-bottom:16px}.modalHeaderLeft,.modalHeaderRight{-ms-flex:1;flex:1}.modalCloseButton,.modalHeaderRight{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.modalCloseButton{height:48px;width:48px;padding-top:8px;padding-right:8px;cursor:pointer;-ms-flex-align:center;align-items:center}.modalData{word-break:break-word;outline:none;resize:none;margin:0;padding:0;border:1px solid #cacad9;border-radius:0 0 8px 8px;width:100%;height:100%;padding:32px;box-sizing:border-box}.modalContents{width:100%;height:304px}.modalTabs{-ms-flex-pack:distribute;justify-content:space-around}.modalTab,.modalTabs{display:-ms-flexbox;display:flex}.modalTab{width:33.3%;text-align:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:48px;cursor:pointer;background-color:"#fff"}.modalTab p{margin:0}.modalSection{position:absolute;width:640px;height:304px}body{color:#fff;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button,h1,h2,h3,h4,p{margin:0;color:#292936}main{background-color:#fff;height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:24px}.h1,h1{font-size:74px;line-height:88px}.h2,h2{font-size:24px;line-height:56px;margin:0}.h3,h3{font-size:18px;line-height:32px;margin-bottom:0;margin-top:0}.h4,h4{font-size:14px;line-height:24px;margin-top:0;font-weight:400}.h5,h5{font-size:18px;line-height:29px}blockquote,ol,p,pre,table,ul{margin-top:0;margin-bottom:29px}ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}.hr,hr{border:1px solid;margin:-1px 0}a,b,code,em,i,small,strong,sub,sup{line-height:0}sub,sup{position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}