iframe[data-v-d385b05e]{visibility:hidden;position:absolute;height:0;width:0}[type=range][data-v-b452f576]{-webkit-appearance:none;background:transparent;margin:0;width:100%}[type=range][data-v-b452f576]::-moz-focus-outer{border:0}[type=range][data-v-b452f576]:focus{outline:0}[type=range][data-v-b452f576]:focus::-webkit-slider-runnable-track{background:rgba(13,13,13,0)}[type=range][data-v-b452f576]:focus::-ms-fill-lower{background:transparent}[type=range][data-v-b452f576]:focus::-ms-fill-upper{background:rgba(13,13,13,0)}[type=range][data-v-b452f576]::-webkit-slider-runnable-track{cursor:default;height:.5rem;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%;-webkit-box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);background:transparent;border:0 solid currentColor;border-radius:0}[type=range][data-v-b452f576]::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(13,13,13,.2);box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(13,13,13,.2);background:#fff;background-color:var(--thumb-color,#fff);border:.0625rem solid currentColor;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;height:.5rem;width:.5rem;background-image:var(--thumb-bg);background-position:50%;-webkit-box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #fff;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #fff;-webkit-appearance:none;margin-top:0}[type=range][data-v-b452f576]::-moz-range-track{box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);cursor:default;height:.5rem;-moz-transition:all .2s ease;transition:all .2s ease;width:100%;background:transparent;border:0 solid currentColor;border-radius:0;height:.25rem}[type=range][data-v-b452f576]::-moz-range-thumb{box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(13,13,13,.2);background:#fff;background-color:var(--thumb-color,#fff);border:.0625rem solid currentColor;border-radius:0;box-sizing:border-box;cursor:default;height:.5rem;width:.5rem;background-image:var(--thumb-bg);background-position:50%;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #fff}[type=range][data-v-b452f576]::-ms-track{cursor:default;height:.5rem;-ms-transition:all .2s ease;transition:all .2s ease;width:100%;background:transparent;border-color:transparent;border-width:.25rem 0;color:transparent}[type=range][data-v-b452f576]::-ms-fill-lower,[type=range][data-v-b452f576]::-ms-fill-upper{box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);background:transparent;border:0 solid currentColor;border-radius:0}[type=range][data-v-b452f576]::-ms-thumb{box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(13,13,13,.2);background:#fff;background-color:var(--thumb-color,#fff);border:.0625rem solid currentColor;border-radius:0;box-sizing:border-box;cursor:default;height:.5rem;width:.5rem;background-image:var(--thumb-bg);background-position:50%;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #fff;margin-top:.125rem}[type=range][data-v-b452f576]:disabled::-moz-range-thumb,[type=range][data-v-b452f576]:disabled::-ms-fill-lower,[type=range][data-v-b452f576]:disabled::-ms-fill-upper,[type=range][data-v-b452f576]:disabled::-ms-thumb,[type=range][data-v-b452f576]:disabled::-webkit-slider-runnable-track,[type=range][data-v-b452f576]:disabled::-webkit-slider-thumb{cursor:not-allowed}.sliders[data-v-b452f576]{--h:360;--s:100%;--l:50%;--a:0}.slider[data-v-b452f576]{display:-webkit-box;display:-ms-flexbox;display:flex;background-size:100% 1rem;background-repeat:no-repeat;background-position:50% 50%}.slider input[data-v-b452f576]{height:.5rem}.hue[data-v-b452f576]{background-image:-webkit-gradient(linear,left top,right top,from(red),color-stop(#ff0),color-stop(#0f0),color-stop(#0ff),color-stop(#00f),color-stop(#f0f),to(red));background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.saturation[data-v-b452f576]{background-image:-webkit-gradient(linear,left top,right top,from(hsl(var(--h),0%,var(--l))),color-stop(hsl(var(--h),50%,var(--l))),to(hsl(var(--h),100%,var(--l))));background-image:linear-gradient(90deg,hsl(var(--h),0%,var(--l)),hsl(var(--h),50%,var(--l)),hsl(var(--h),100%,var(--l)))}.lightness[data-v-b452f576]{background-image:-webkit-gradient(linear,left top,right top,from(hsl(var(--h),var(--s),0%)),color-stop(hsl(var(--h),var(--s),50%)),to(hsl(var(--h),var(--s),100%)));background-image:linear-gradient(90deg,hsl(var(--h),var(--s),0%),hsl(var(--h),var(--s),50%),hsl(var(--h),var(--s),100%))}.alpha[data-v-b452f576]{background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(hsl(var(--h),var(--s),var(--l)))),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23ccc' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23fff' d='M0 0h10v10H0zM10 10h10v10H10z'/%3E%3C/svg%3E");background-image:linear-gradient(90deg,transparent,hsl(var(--h),var(--s),var(--l))),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23ccc' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23fff' d='M0 0h10v10H0zM10 10h10v10H10z'/%3E%3C/svg%3E");background-repeat:no-repeat,repeat-x;background-size:100% 1rem,auto 1rem;--thumb-bg:linear-gradient(hsla(var(--h),var(--s),var(--l),var(--a)),hsla(var(--h),var(--s),var(--l),var(--a))),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23ccc' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23fff' d='M0 0h10v10H0zM10 10h10v10H10z'/%3E%3C/svg%3E")}.controls[data-v-5fee6a4c]{-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-areas:"widthLabel variantLabel fgLabel bgLabel typeLabel download" "widthCtrl variantCtrl fgCtrl bgCtrl typeCtrl download";grid-gap:.5rem 1rem;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:fixed;bottom:0;left:0;padding:.5rem;background-color:#eee;border:1px solid currentColor;color:#000;font-size:.7em;-webkit-box-align:start;-ms-flex-align:start;align-items:start;white-space:nowrap;grid-template-areas:"toggle toggle" "widthLabel variantLabel" "widthCtrl variantCtrl" "fgLabel fgLabel" "fgCtrl fgCtrl" "bgLabel bgLabel" "bgCtrl bgCtrl" "typeLabel download" "typeCtrl download"}.controls.hidden[data-v-5fee6a4c]{grid-template-areas:"toggle" "download"}.toggle[data-v-5fee6a4c]{width:100%;grid-area:toggle;background-color:#297aa3;color:#fff;border:0;padding:.75rem 2rem;cursor:pointer}.label[data-v-5fee6a4c]{font-weight:700}.label--width[data-v-5fee6a4c]{grid-area:widthLabel}.label--variant[data-v-5fee6a4c]{grid-area:variantLabel}.label--colorFg[data-v-5fee6a4c]{grid-area:fgLabel}.label--colorBg[data-v-5fee6a4c]{grid-area:bgLabel}.label--imgType[data-v-5fee6a4c]{grid-area:typeLabel}.input--width[data-v-5fee6a4c]{grid-area:widthCtrl}.input--variant[data-v-5fee6a4c]{grid-area:variantCtrl}.input--colorFg[data-v-5fee6a4c]{grid-area:fgCtrl}.input--colorBg[data-v-5fee6a4c]{grid-area:bgCtrl}.input--imgType[data-v-5fee6a4c]{grid-area:typeCtrl}.download[data-v-5fee6a4c]{text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.75rem 2rem;background-color:#7ead1f;color:#fff;align-self:center;grid-area:download}.input--imgType[data-v-5fee6a4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.input--imgType label[data-v-5fee6a4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input--imgType label[data-v-5fee6a4c]:first-child{margin-bottom:.25rem}.input--imgType label input[data-v-5fee6a4c]{margin:0;margin-right:.25rem}.formGroup[data-v-5fee6a4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formGroup input[data-v-5fee6a4c]{margin-right:.5rem}.input--widthBase[data-v-5fee6a4c]{width:6ch;text-align:center}.input--variant[data-v-5fee6a4c],.input--width[data-v-5fee6a4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body{margin:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23ccc' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23fff' d='M0 0h10v10H0zM10 10h10v10H10z'/%3E%3C/svg%3E")}body:after{content:"";display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-color);z-index:-1}svg{-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}