body,html{height:100%}@-webkit-keyframes spin360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.upload-container{padding:1rem;font-size:.875rem;min-height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.upload-container h1,.upload-container h2,.upload-container h3{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;letter-spacing:0;text-transform:none}.upload-container h2,.upload-container h3{font-size:.875rem;font-weight:700}.upload-container .terms{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:10;text-align:center}.upload-container .terms .copy-wrapper{position:absolute;top:2rem;bottom:5rem;left:1rem;right:0;overflow:auto;padding:1rem;text-align:left}.upload-container .terms div.button-opts{position:absolute;bottom:1.25rem;left:1rem;right:1rem}.upload-container .terms div.button-opts a:first-child{margin-right:1.25rem}.upload-container .upload-header{font-size:.75rem;text-align:center}.upload-container .upload-header .phone{color:#1f2e3b;font-weight:700}.upload-container .upload-header ul.upload-steps{display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:1rem;border:1px solid #cacaca;border-radius:5px;line-height:1}.upload-container .upload-header ul.upload-steps li{color:#cacaca;padding:.5rem 1rem;position:relative}.upload-container .upload-header ul.upload-steps li.step{min-width:90px;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.upload-container .upload-header ul.upload-steps li.step-1:after,.upload-container .upload-header ul.upload-steps li.step-2:after{position:absolute;width:0;height:0;content:" ";left:100%;top:50%;margin-top:-13px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:8px solid #fff}.upload-container .upload-header ul.upload-steps li.step-1:before,.upload-container .upload-header ul.upload-steps li.step-2:before{position:absolute;width:0;height:0;content:" ";left:100%;top:50%;margin-top:-14px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #cacaca}.upload-container .upload-header ul.upload-steps li.step-1{z-index:3;border-top-left-radius:5px;border-bottom-left-radius:5px}.upload-container .upload-header ul.upload-steps li.step-2{z-index:2}.upload-container .upload-header ul.upload-steps li.step-3{z-index:1;border-top-right-radius:5px;border-bottom-right-radius:5px}.upload-container .upload-header ul.upload-steps li.help{display:none}.upload-container .upload-header ul.upload-steps li.selected{background-color:#f4f4f4;color:#1f2e3b;font-weight:700}.upload-container .upload-header ul.upload-steps li.selected:after{position:absolute;width:0;height:0;content:" ";left:100%;top:50%;margin-top:-13px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:8px solid #f4f4f4}.upload-container .upload-header ul.upload-steps li.selected:before{position:absolute;width:0;height:0;content:" ";left:100%;top:50%;margin-top:-14px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #cacaca}.upload-container .upload-header ul.upload-steps li.selected.step-3:after,.upload-container .upload-header ul.upload-steps li.selected.step-3:before{content:none}.upload-container .upload-header ul.upload-steps li.selected.step-1{border-bottom-left-radius:5px}.upload-container .upload-body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.upload-container .upload-content{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;text-align:center}.upload-container .upload-content h1{display:none}.upload-container .upload-content .preview-container{margin-bottom:1rem}.upload-container .upload-content .preview-container span.preview{background-repeat:no-repeat;background-position:50%;-webkit-background-size:200px 200px;background-size:200px 200px;border:1px solid #cacaca;display:block;height:200px;border-radius:3px}.upload-container .upload-content .preview-container img.preview{border:1px solid #cacaca;width:200px}.upload-container .upload-content .preview-container div{overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#959595}.upload-container .upload-content .info{position:relative}.upload-container .upload-content .info .file-types{display:none}.upload-container .upload-content .info .working{display:none;position:absolute;background-color:hsla(0,0%,100%,.95);top:0;bottom:0;left:0;right:0;z-index:101}.upload-container .upload-content .info .working .spinner-container{position:absolute;top:50%;left:50%;width:8rem;text-align:center;padding-top:6rem;margin-top:-3rem;margin-left:-4rem}.upload-container .upload-content .info .working .spinner-icon{position:absolute;width:4rem;height:4rem;top:50%;left:50%;margin-top:-2rem;margin-left:-2rem;z-index:999;border:.35rem solid #cacaca;border-top-color:#009ddc;border-radius:50%;-webkit-animation:spin360 1s linear infinite;animation:spin360 1s linear infinite}.upload-container .upload-content .file-container{position:relative}.upload-container .upload-content .file-container .choose-file-btn{position:relative;overflow:hidden;width:208px;padding-left:0;padding-right:0;text-align:center}.upload-container .upload-content .file-container .choose-file-btn.disabled{opacity:.5}.upload-container .upload-content .file-container .choose-file-btn input.upload-input{position:absolute;top:0;right:0;bottom:0;height:auto;margin:0;padding:0;cursor:pointer;opacity:0}.upload-container .upload-content .file-container .upload-btn{display:none}.upload-container .upload-content .terms-of-use{margin-bottom:2rem}.upload-container .upload-content .terms-of-use label{display:inline}.upload-container .upload-content .terms-of-use.error{background-color:#f2c4c5;padding:4px 0 4px 5px;margin-top:-4px;margin-left:-5px}.upload-container .upload-content .terms-of-use.error label{color:#cf2024}.upload-container .upload-content .terms-of-use a{font-weight:700;text-decoration:underline}.upload-container .upload-content ul.file-types{float:left;margin-bottom:20px}.upload-container .upload-content ul.file-types li{float:left;border:1px solid #959595;margin-right:10px;display:block;width:34px;height:40px;font-size:10px;text-align:center;border-radius:5px}.upload-container .upload-content ul.file-types li label{padding-top:10px;display:block}.upload-container .upload-content .toggle-bg{margin:1.5rem 0}.upload-container .upload-content .toggle-bg input[type=checkbox].switch-cb{display:none}.upload-container .upload-content .toggle-bg input[type=checkbox].switch-cb+label{background:url(/assets/images/common/switch.png) no-repeat 0 0;display:inline-block;font-weight:700;height:20px;line-height:20px;padding-left:45px;cursor:pointer}.upload-container .upload-content .toggle-bg input[type=checkbox].switch-cb+label span{font-weight:400;padding-left:6px}.upload-container .upload-content .toggle-bg input[type=checkbox].switch-cb:checked+label{background-position:0 -30px;color:#18292e}.upload-container .upload-content a.return-to-step{display:none;float:right}.upload-container .upload-content a.return-to-step .laquo{float:left;margin-top:-1px;margin-right:4px}.upload-container .upload-content .color-count-container ul.btn-opts{margin:1.5rem auto;display:table;width:100%;max-width:350px}.upload-container .upload-content .color-count-container ul.btn-opts li{display:none}.upload-container .upload-content .color-count-container ul.btn-opts li span{padding:.5rem}.upload-container .upload-content .color-count-container ul.btn-opts .btn{font-size:.75rem}.upload-container .upload-content .color-count-container ul.btn-opts.start li.start{display:block}.upload-container .upload-content .color-count-container ul.btn-opts.next li{display:table-cell}.upload-container .upload-content .color-count-container ul.btn-opts.next li.start,.upload-container .upload-content .palette-container{display:none}.upload-container .upload-content .palette-container h3{margin-bottom:.5rem}.upload-container .upload-content .palette-container ul.color-palette,.upload-container .upload-content .palette-container ul.selected-colors{margin-bottom:2rem;line-height:0}.upload-container .upload-content .palette-container ul.color-palette li,.upload-container .upload-content .palette-container ul.selected-colors li{display:inline-block;margin:0 2px 2px 0}.upload-container .upload-content .palette-container .color-block{display:block;width:25px;height:25px;border:1px solid #cacaca;border-radius:3px}.upload-container .upload-content .palette-container .color-block.selected{background:url(/assets/images/studio/color-selected.png) no-repeat 50%}.upload-container .upload-content .palette-container .selected-colors{display:none;float:right;width:260px}.upload-container .upload-content .palette-container .selected-colors ul li{display:inline-block;width:49%;white-space:nowrap;line-height:1.5rem;margin-bottom:.5rem}.upload-container .upload-content .palette-container .selected-colors ul li .color-block{width:1.5rem;height:1.5rem;float:left;margin-right:.5rem}.upload-container .upload-footer{margin:1rem -1rem -1rem;min-height:130px;background-color:#f4f4f4;border-top:1px solid #cacaca}.upload-container .upload-footer .upload-footer-content{padding:1.25rem 2rem;text-align:center}.upload-container .upload-footer .upload-footer-content h2{color:#1f2e3b;background:url(/assets/images/common/icon-bulb.png) no-repeat top;padding-top:1rem}.upload-container .upload-footer .upload-footer-content.tips p span{display:block}.upload-container .upload-footer .upload-footer-content p{margin-bottom:.5rem}.upload-container .upload-footer .upload-footer-content .tip-match-or-select{display:none}.upload-container .upload-footer .upload-footer-content .tip-match-or-select span{font-weight:700;display:block}.upload-container #fileProgress,.upload-container .alert{display:none}.upload-container #FileDataUploader{position:absolute}.upload-container .uploadifyQueue .uploadifyQueueItem{margin-top:1rem;padding-bottom:.5rem;width:100%;text-align:left}.upload-container .uploadifyQueue .uploadifyQueueItem.uploadifyError{background-color:#fde5dd!important;border:2px solid #cf2024!important}.upload-container .uploadifyQueue .uploadifyQueueItem .cancel{float:right}.upload-container .uploadifyQueue .uploadifyQueueItem .uploadifyProgress{background-color:#cacaca;border:1px solid #959595;border-radius:3px;width:100%}.upload-container .uploadifyQueue .uploadifyQueueItem .uploadifyProgress .uploadifyProgressBar{background-color:#18292e;height:47px;width:1px;border-top-left-radius:3px;border-bottom-left-radius:3px}.upload-container .uploadifyQueue .completed{background-color:#e5e5e5}.upload-container #fileUploader{margin-top:8px}@media(min-width:48em){.upload-container .upload-header .phone{display:none}.upload-container .upload-header ul.upload-steps{margin-bottom:2rem}.upload-container .upload-header ul.upload-steps li.step{-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0;min-width:110px}.upload-container .upload-header ul.upload-steps li.step-3:after{position:absolute;width:0;height:0;content:" ";left:100%;top:50%;margin-top:-13px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:8px solid #fff}.upload-container .upload-header ul.upload-steps li.step-3:before{position:absolute;width:0;height:0;content:" ";left:100%;top:50%;margin-top:-14px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #cacaca}.upload-container .upload-header ul.upload-steps li.help{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:block;color:#1f2e3b;font-weight:700;text-align:right}.upload-container .upload-header ul.upload-steps li.selected.step-3:after{position:absolute;width:0;height:0;content:" ";left:100%;top:50%;margin-top:-13px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:8px solid #f4f4f4}.upload-container .upload-header ul.upload-steps li.selected.step-3:before{position:absolute;width:0;height:0;content:" ";left:100%;top:50%;margin-top:-14px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #cacaca}.upload-container .upload-content{text-align:left}.upload-container .upload-content h1{display:block}.upload-container .upload-content .preview-container{float:left;margin:.5rem 2.5rem 1rem 0}.upload-container .upload-content .preview-container span.preview{width:200px}.upload-container .upload-content .info{float:left}.upload-container .upload-content .info .file-types{display:block}.upload-container .upload-content a.return-to-step.show{display:block;margin-top:.5rem}.upload-container .upload-content .color-count-container ul.btn-opts{width:auto;margin-left:0}.upload-container .upload-content .color-count-container ul.btn-opts .btn{font-size:inherit}.upload-container .upload-content .palette-container .selected-colors.show{display:block}.upload-container .upload-footer .upload-footer-content.tips p span{display:inline}.upload-container .upload-footer .upload-footer-content.tips p span:first-child{padding-right:1rem;border-right:1px solid #444;margin-right:1rem}.upload-container .upload-footer .upload-footer-content .tip-match-or-select span{display:inline;margin-right:1rem}}