article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type='button'],input[type='reset'],input[type='submit']{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type='checkbox'],input[type='radio']{box-sizing:border-box;padding:0}input[type='search']{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{font:87%/1.5 "Karla","lucida grande",sans-serif,sans-serif;font-weight:400}@media (min-width: 40rem){html{font-size:100%}}@media (min-width: 64rem){html{font-size:106%}}body{color:#777;background-color:#f3f3f3}h1,h2,h3,h4,h5{color:#222;line-height:1.2em;font-family:"Montserrat","Helvetica",sans-serif;font-weight:700}h1{font-size:4rem;margin:0 0 0.2em 0;line-height:1.1em}@media (min-width: 40rem){h1{font-size:4.5rem}}@media (min-width: 64rem){h1{font-size:5rem}}h2{color:#e67e39;margin-bottom:1.5rem;font-size:1.5rem;text-transform:uppercase}@media (min-width: 40rem){h2{font-size:2rem}}h3{font-size:1.2rem;margin-bottom:0.5rem}p{margin:0 auto 2em auto;text-align:left}.lead{max-width:50rem;margin-bottom:1.4rem;font-size:1.1rem}@media (min-width: 40rem){.lead{font-size:1.25rem}}strong{font-weight:bold}a{color:#4ae;text-decoration:none}a:hover{text-decoration:underline}::-moz-selection,::selection{background:#e67e39;color:#fff}code{color:#aaa;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;font-family:Consolas,Courier,monospace;font-size:0.9rem;padding:0.1rem 0.3rem;position:relative;top:-1px}ul{margin:0;text-align:left}@media (min-width: 40rem){ul{display:inline-block}}.button{display:block;padding:0.7rem 2rem;margin-bottom:0.5rem;border:none;color:#fff;background-color:#4ae;font-size:1.1rem;font-weight:bold;text-transform:uppercase;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;vertical-align:middle;white-space:nowrap}.button:hover{background:#1595ea;text-decoration:none}@media (min-width: 40rem){.button{display:inline-block;margin:0 0.25rem}}.button-minor{padding:0.35rem 1rem;border:2px solid #4ae;color:#4ae;background-color:transparent;font-size:0.8rem}.button-minor:hover{color:#fff}hr{border:0;border-top:2px solid #e6e6e6;margin:2rem auto;width:3rem}@media (min-width: 40rem){hr{margin:2.5rem auto}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;background:#f3f3f3}section{border-top:2px solid #e6e6e6;text-align:center;padding:1.5rem 0}section:first-of-type{border-top:none}@media (min-width: 40rem){section{padding:2rem 0}}.container{margin:0 auto;max-width:40rem;width:90%}header{padding:4rem 0 2rem 0;background-color:#fff;text-align:center}header p{text-align:center}@media (min-width: 40rem){header{padding:2rem 0}}.image-section{margin-bottom:80px}.image-section .image-wrap{position:relative;line-height:1em}.examples-section .image-section .target-image{-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;border-bottom-right-radius:8px}.examples-section .image-section.with-color-thief-output .target-image{-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.run-functions-button{position:absolute;top:50%;left:50%;width:8rem;height:8rem;margin-top:-4rem;margin-left:-4rem;border:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;color:#777;background-color:#fdf485;font-size:2rem;font-weight:bold;cursor:pointer;text-transform:uppercase;outline:none}.run-functions-button:hover{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);-webkit-transition:-webkit-transform 0.2s;-moz-transition:-moz-transform 0.2s;-o-transition:-o-transform 0.2s;transition:transform 0.2s}.run-functions-button:active{-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);-ms-transform:scale(0.9, 0.9);-o-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}.run-functions-button.hide{background-color:#fdf485;color:#777;-webkit-transition:-webkit-transform 0.8s,top 0.8s cubic-bezier(0.22, -0.37, 0.75, 0.75);-moz-transition:-moz-transform 0.8s,top 0.8s cubic-bezier(0.22, -0.37, 0.75, 0.75);-o-transition:-o-transform 0.8s,top 0.8s cubic-bezier(0.22, -0.37, 0.75, 0.75);transition:transform 0.8s,top 0.8s cubic-bezier(0.22, -0.37, 0.75, 0.75);top:105%;-webkit-transform:scale(0, 0);-moz-transform:scale(0, 0);-ms-transform:scale(0, 0);-o-transform:scale(0, 0);transform:scale(0, 0)}.touch .touch-label{display:inline}.touch .no-touch-label{display:none}.no-touch .touch-label{display:none}.no-touch .no-touch-label{display:inline}.target-image{display:block;width:100%;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;border-top-left-radius:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px}.color-thief-output{display:none;padding:1.5rem;background-color:#fff;border:1px solid #e6e6e6;border-top-width:0;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;border-bottom-right-radius:8px}.function-title{margin-top:0}.function{margin-bottom:1.5rem}.swatch{display:inline-block;margin:0;background:#ddd}@media (min-width: 40rem){.swatch{margin-right:-2px}}.get-color .swatch{width:6rem;height:3rem}.get-palette .swatch{width:3rem;height:2rem}@media (min-width: 40rem){.get-palette .swatch{width:4rem;height:2.7rem}}canvas{display:none}footer{padding:2rem 0;background-color:#fff;text-align:center}footer p{text-align:center}footer .button{margin-top:0.5rem}.sharing-section{position:fixed;z-index:10;top:20px;right:0}.drag-drop-section{display:none}.drop-zone{height:25rem;margin-bottom:4rem;background-color:#222;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}.drop-zone.dragging{font-weight:700;-webkit-box-shadow:inset 0 0 0 8px #4ae;-moz-box-shadow:inset 0 0 0 8px #4ae;box-shadow:inset 0 0 0 8px #4ae}.drop-zone.dragging .drop-zone-label{color:#4ae}.drop-zone.dragging .default-label{display:none}.drop-zone.dragging .dragging-label{display:block}.drop-zone-label{position:relative;top:11rem;color:#fdf485;font-size:1.8rem;text-align:center;pointer-events:none;text-transform:uppercase;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}@media (min-width: 40rem){.drop-zone-label{top:10.5rem;font-size:2.4rem}}.dragging-label{display:none}.dropped-image .run-functions-button{display:none}