*{padding:0;margin:0;box-sizing:border-box}html{background-color:#ccc;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}h1,h2,h3{margin-top:1rem;border-color:gray;border-width:.1rem;border-style:solid;background-color:#ddd;padding:.5rem}section{border-color:gray;border-width:.1rem;border-style:solid;border-top-width:0;background-color:#eee;padding:.5rem}button{width:100%;height:100%;background-size:auto 100%;background-repeat:no-repeat;background-position:center}.navigation{height:6rem;display:flex}.options{display:flex}.options>*{flex:1;margin-left:.5rem;margin-right:.5rem}.decision{height:30rem}@media screen and (max-width:1150px){.navigation{height:3rem}.decision{height:8rem}}button.back{background-image:url("/Back.png")}button.next{background-image:url("/Next.png")}button.analyze{background-image:url("/Analyze.png")}button.autopick-colors{background-image:url("/Autopick.png")}button.manually-pick-colors{background-image:url("/ManuallyPick.png")}button.palette{background-image:url("/Palette.png")}button.export-palette{background-image:url("/ExportPalette.png")}button.export-black-and-white{background-image:url("/ExportBlackAndWhite.png")}#color-options{display:none}#color-choice{display:none}input[type=url],input[type=file]{width:100%}input[type=number]{width:3rem}.input-and-label{display:inline-block}.image-choices{display:flex;flex-wrap:wrap;justify-content:space-around}.image-choice{display:inline-block;width:16rem;height:13rem;margin:1rem;vertical-align:top}.image-choice .preview{display:inline-block;width:16rem;height:10rem;vertical-align:middle;background-color:#000;text-align:center;border-style:solid;border-width:.15rem;border-color:#000}.image-choice .preview.upload,.image-choice .preview.link{font-size:9rem;background-color:#fff}.image-choice .preview img{height:100%}.color-choice{display:inline-block;width:15rem}.color-choice .color{display:inline-block;width:1rem;height:1rem;border-style:solid;border-width:.15rem;border-color:#000}.image img{width:100%}.image.black-and-white{position:absolute;top:0;left:0;overflow:hidden}.colors{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:flex-end;flex:1;font-size:0}.colors .color{display:flex;flex:1;align-items:center;width:100%;animation-timing-function:linear;animation-fill-mode:forwards;border-width:.5rem;border-style:solid;border-color:#000}.colors .color .label{width:100%;color:#fff;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;text-align:center;font-size:1.15rem;margin-left:.5rem;margin-right:.5rem;margin-bottom:3rem}.export{position:absolute;top:0;left:0;height:3rem}.export .option{width:3rem;margin:0}#load-screen{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;background:rgba(255,255,255,.75);font-size:0}.loader{margin:25vh auto;position:fixed;left:0;right:0;top:0;bottom:0;text-align:center}.loader>div{background-color:#333;height:100%;width:5vmin;margin:1vmin;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.loader .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loader .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.loader .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.loader .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}