@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(/assets/fonts/roboto/Roboto_300.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/roboto/Roboto_300.woff) format("woff"),url(/assets/fonts/roboto/Roboto_300.woff2) format("woff2"),url(/assets/fonts/roboto/Roboto_300.svg#Roboto) format("svg"),url(/assets/fonts/roboto/Roboto_300.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/fonts/roboto/Roboto_400.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/roboto/Roboto_400.woff) format("woff"),url(/assets/fonts/roboto/Roboto_400.woff2) format("woff2"),url(/assets/fonts/roboto/Roboto_400.svg#Roboto) format("svg"),url(/assets/fonts/roboto/Roboto_400.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(/assets/fonts/roboto/Roboto_500.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/roboto/Roboto_500.woff) format("woff"),url(/assets/fonts/roboto/Roboto_500.woff2) format("woff2"),url(/assets/fonts/roboto/Roboto_500.svg#Roboto) format("svg"),url(/assets/fonts/roboto/Roboto_500.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(/assets/fonts/roboto/Roboto_700.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/roboto/Roboto_700.woff) format("woff"),url(/assets/fonts/roboto/Roboto_700.woff2) format("woff2"),url(/assets/fonts/roboto/Roboto_700.svg#Roboto) format("svg"),url(/assets/fonts/roboto/Roboto_700.ttf) format("truetype")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/assets/fonts/roboto/Roboto_Mono_400.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/roboto/Roboto_Mono_400.woff) format("woff"),url(/assets/fonts/roboto/Roboto_500.woff2) format("woff2"),url(/assets/fonts/roboto/Roboto_400.svg#Roboto) format("svg"),url(/assets/fonts/roboto/Roboto_400.ttf) format("truetype")}html{height:100%;font-size:16px;overflow-y:scroll}body,html{width:100%;margin:0;padding:0}body{font-family:Roboto,HelveticaNeue,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:1rem;color:#111}body a{color:#01e}body a,body a:visited{text-decoration:none}body a:visited:hover{color:#3845e9}body a:hover{text-decoration:none;color:#01e}body a:focus{outline:0;color:#01e}body .container p{line-height:1.6rem;margin:.5rem 0}body .container p a:hover{text-decoration:none}body .container p a:focus{text-decoration:underline}body .container p a img{border-bottom:none}body .container p a.no-underline{text-decoration:none;border-bottom:0}body .container p a.no-underline:hover{text-decoration:none}body img{max-width:720px}body ul li{list-style:square}body ol{list-style:decimal}body .footnote ol{list-style-type:none}body .footnote ol li,body .footnote ol li p{font-size:.65rem;color:#666}body a.footnote{line-height:0px;display:inline-block;bottom:7px;left:-1px;transition-duration:0s}body .backlinks a,body a.footnote{font-size:10px;position:relative;text-decoration:none;color:#333;border:0}body .backlinks a{font-weight:700;bottom:5px;margin-right:2px}body a.btn{border:1px solid #4368de;border-radius:4px;color:#4368de;text-decoration:none;background:#fff}body a.btn:focus,body a.btn:hover{border-color:#01e;color:#01e;background:#fff}body .img-center{margin:0 auto}.desktop .content{min-height:calc(100vh - 8rem - 4.75rem)}.desktop .container{margin:20px 20px 20px 260px}.desktop .container p{max-width:720px}.container.defaultLayout{padding-bottom:100px}.container-caption{margin-top:10px}.container-caption p{font-size:.75rem;color:#666}hr{border:none;height:1px;background-color:#666}p{font-size:1rem}h1,h2,h3,h4{font-weight:700}h1 a,h1 a:visited,h2 a,h2 a:visited,h3 a,h3 a:visited,h4 a,h4 a:visited{text-decoration:none;color:#01e}h1{font-size:1.8rem}h2{font-size:1.75rem;margin:0 0 1rem}h3{font-size:1.25rem;margin:1rem 0 .5rem}h4{font-size:1.125rem}h3 a:hover{color:#000;text-decoration:none}h3 a,h3 a:visited,h4 a,h4 a:visited{color:#333;text-decoration:none}code,pre{font-family:Roboto Mono,Andale Mono,monospace}code p{font-size:.75rem}code p:first-child{padding-top:.5rem}.desktop .sidebar{position:fixed;top:0;left:0;width:200px;background:#fff;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.sidebar .sidebar-content{flex:1 1}.sidebar ul.toc{margin:0;padding:0}.sidebar .toc li{margin:0 0 3px;padding:0 0 .25rem .5rem;text-indent:-.5rem;font-size:.875rem;list-style-type:none}.header{margin-bottom:10px}.header h1{font-size:22px;line-height:26px;letter-spacing:4px;margin:0 0 .75rem}.header h1 img{cursor:pointer}.header h1 a{color:blue}.header h1 a:hover{color:#33f}.header p.hello{font-size:1rem;color:#111;font-weight:600}.header p.hello-links{font-size:.875rem;color:#333}.mobile .sidebar-content{padding:0 1.25rem}.mobile .header{padding:1.25rem 1.25rem 0}.mobile .content,.mobile .footer{padding:1.25rem}.mobile .content .sampleImages img,.mobile .footer .sampleImages img{width:6rem;height:4rem}body .container p{margin:.5rem 0 .75rem}.pageTitleBlur{font-size:32px;line-height:32px;font-weight:500;padding-top:0;margin-top:0;cursor:default}.pageTitleBlur:hover{color:#111}.pageTitle{font-size:1.75rem;font-weight:300;margin:1.5rem 0 .25rem;cursor:default}.pageSubTitle{font-size:1rem;font-weight:500;margin:1.25rem 0 0;cursor:default}.bio-images{display:flex;flex-direction:row;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start;margin-bottom:2rem}.bio-images .caption{margin-top:6px;font-size:12px;color:#666}ul.footer{padding:0 0 30px}ul.footer li{color:#666;font-size:14px;list-style:none;margin-bottom:10px;line-height:14px}ul.footer li.logo{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}ul.footer li.logo img{height:14px;width:14px;margin-right:6px}.app{position:relative;min-height:100vh}.introText{text-align:center}.introTextA{font-size:6rem;color:#01e;margin-bottom:10px;text-transform:uppercase}.introTextB{color:#b0b0b0;font-size:1.5rem}.emoji{display:none}.drag-message{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:1000000000;pointer-events:none;background:hsla(0,0%,100%,.5);display:flex;justify-content:center;align-items:center}.drag-message div{background:#fff;box-shadow:0 0 4px rgba(0,0,0,.25);padding:1.5rem;font-size:1rem}.results{margin-top:1rem}.results .result{display:inline-block;margin-bottom:1rem;margin-right:1rem;opacity:1;width:720px;max-width:100%}@-webkit-keyframes fadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}.results .results-inner{margin-top:1rem}.results .result img{display:block}.results .meta{width:100%;min-width:360px;display:flex;flex-direction:row;justify-content:space-between;font-family:Roboto Mono,monospace;text-transform:uppercase;background:#f8f8f8;color:#999}.results .meta .downloadLink:first-child{flex:1 1}.results .meta .downloadLink:nth-child(2){border-left:1px solid #ddd;padding:.75rem 1rem}.results .meta .downloadLink{font-size:12px;cursor:pointer;color:#01e;display:block;padding:.75rem;text-align:center}.results .meta .downloadLink:hover{color:#01e;background:#eee}.results .meta div{font-size:12px;padding:.75rem 1rem;border-left:1px solid #e8e8e8;cursor:default;display:flex;align-items:center;justify-content:center;text-align:center}.results.placeholder .meta{background:url(/assets/img/progress-light.png);-webkit-animation:progress .4s linear infinite!important;animation:progress .4s linear infinite!important;color:#666}.results button{background:#f8f8f8;cursor:pointer;font-family:Roboto Mono,monospace;font-size:12px;padding:.75rem 1rem;border:0;border-left:1px solid #e8e8e8;margin:0;text-transform:uppercase}.results button:hover{background:#eee}.downloadAllLinks{border-right:0;display:flex;margin-bottom:1.25rem}.results button.downloadAll{border:2px solid #ddd;margin-right:1rem;flex:1 1;color:#01e;font-size:16px}.results .reset{color:#f33}.dropzone{width:100%;min-height:30rem;max-width:640px;max-height:calc(50vh);display:flex;align-items:center;justify-content:center;background:#f8f8f8;margin-bottom:1.25rem;border:2px dashed #01e;color:#01e}.mobile .dropzone{min-height:5rem}.dropzone:hover{background:#fefefe;border:2px solid #01e;cursor:pointer}.dropzone.condensed{min-height:auto;padding:1.25rem 0;color:#01e;font-size:18px;border:1px dashed #01e;text-transform:uppercase}.dropzone.processing{pointer-events:none;opacity:.5}.settings{display:flex;flex-direction:column}.settings.processing{opacity:.5;pointer-events:none}.mobile .settings{margin:1rem 0}.sampleImages{padding-bottom:2rem}.sampleImages.isWorking{pointer-events:none;opacity:.5}.sampleImagesList{margin-bottom:1.125rem}.sampleImagesList>div{display:flex;flex-flow:row wrap;font-size:.75rem;color:#999}.sampleImagesContainer{margin:0}.sampleImage{margin-right:.5rem;margin-bottom:.5rem}.sampleImages img{height:5rem;width:7rem;overflow:hidden;cursor:grab;display:block;margin-bottom:.25rem}.sampleLabels{display:flex;margin-top:.5rem;flex-flow:row wrap}.mobile .sampleImages img{width:6.75rem}.sampleImages a,.sampleImages a:visited{color:#666}.container .sampleIntro{font-size:.875rem;color:#666;line-height:1.25rem;margin-bottom:1.125rem;max-width:720px}.container ul.sampleIntro{margin:0;padding:0;list-style:none}.container ul.sampleIntro li{list-style:none;margin-bottom:.125rem}.sampleIntro a,.sampleIntro a:visited{color:#01e}.sampleImages a:active,.sampleImages a:hover{color:#333;text-decoration:underline}.classLabel{font-size:.75rem;background:#fafafa;color:#666;padding:.4rem .7rem;display:inline-block;margin:0 .3rem .3rem 0;text-align:center;border-radius:10px}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.75);z-index:2}.loader .inner{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background:#fff;padding:2rem;box-shadow:2px 2px 5px rgba(0,0,0,.5)}.loaderError{font-family:Menlo,monospace;font-size:12px}.firstTime,.loaderError{max-width:688px;line-height:1.5;margin-bottom:1rem;padding:1rem;border:1px solid #ddd;background:#f8f8f8}.firstTime{font-size:14px;margin-top:1rem}.progress{background:#f8f8f8;height:.25rem;width:25rem;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.2);margin:.25rem 0 .2rem}.progress .bar{position:absolute;top:0;left:0;height:100%;transition:width .4s ease-out}.progress .bar,.progress.indeterminate{background:url(/assets/img/progress.png);-webkit-animation:progress .4s linear infinite!important;animation:progress .4s linear infinite!important}.progress.indeterminate{height:1rem}@-webkit-keyframes progress{0%{background-position:0 0}to{background-position:-27px 0}}@keyframes progress{0%{background-position:0 0}to{background-position:-27px 0}}.selectLabel,.uploadLabel{margin-bottom:.5rem;width:100%}.sampleImages .desc,.selectLabel span,.slider .desc,.uploadLabel span{color:#333;margin-bottom:.375rem}.labelTitle,.sampleImages .desc,.selectLabel span,.slider .desc,.uploadLabel span{font-family:Roboto Mono,monospace;font-size:12px;text-transform:uppercase;display:block}.labelTitle{margin-bottom:4px;color:#666}.select,.uploadLabel .button{position:relative;max-width:100%;min-width:auto;background:#f8f8f8;border-radius:.125rem;border:1px solid #ddd;padding:.5rem;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-size:14px;margin-bottom:10px}.select select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.select:after{content:"";position:absolute;top:50%;right:.375rem;-webkit-transform:translateY(-.125rem);transform:translateY(-.125rem);width:0;height:0;border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-top:.375rem solid #ddd;pointer-events:none}.select.focus{border-color:#11f;background:#fff}.select.focus:after{border-top-color:#11f}.select:hover,.uploadLabel .button:hover{background-color:#fff}.select div{width:calc(100% - 1.025rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slider{width:100%;margin-bottom:16px}.slider .desc{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.75rem}.checkboxes{width:100%}.checkboxes>div{font-family:Roboto Mono,monospace;font-size:12px;color:#666;position:relative;margin-bottom:8px;text-transform:uppercase;cursor:pointer}.checkboxes .title{-webkit-user-select:none;user-select:none}.checkboxes>div:after{content:"";position:absolute;top:.5rem;right:0;-webkit-transform:translateY(-.125rem);transform:translateY(-.125rem);width:0;height:0;border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-top:.375rem solid #bbb;pointer-events:none}.checkboxes>div:hover{color:#000}.checkboxes>div:hover:after{border-top-color:#888}.checkboxes.advanced>div:after{border-top:0;border-bottom:.375rem solid #bbb}.checkboxes.advanced>div:hover:after{border-bottom-color:#888}.checkbox{display:flex;flex-direction:row;align-items:center;font-family:Roboto Mono,monospace;font-size:12px;color:#666;margin-bottom:8px;text-transform:uppercase;cursor:pointer}.checkbox span{display:inline-block;margin-left:5px}.checkbox:hover{color:#000}.rc-slider{position:relative;height:14px;padding:5px 0;width:100%;border-radius:6px;touch-action:none}.rc-slider,.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{width:100%;background-color:#e9e9e9}.rc-slider-rail,.rc-slider-track{position:absolute;height:4px;border-radius:6px}.rc-slider-track{left:0;background-color:#abe2fb}.rc-slider-handle{position:absolute;width:14px;height:14px;cursor:pointer;cursor:-webkit-grab;margin-top:-5px;cursor:grab;border-radius:50%;border:2px solid #96dbfa;background-color:#fff;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#999}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;margin-left:-4px;width:8px;height:8px;border:2px solid #e9e9e9;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{border-color:#ccc;box-shadow:none;background-color:#fff;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{left:5px;bottom:0;width:4px}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{left:2px;margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:first-child,.rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block!important;-webkit-animation-play-state:paused;animation-play-state:paused}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@-webkit-keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0);transform:scale(0)}}.rc-slider-tooltip{position:absolute;left:-9999px;top:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{padding:6px 2px;min-width:24px;height:24px;font-size:12px;line-height:1;color:#fff;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}