[role=banner]{-ms-flex-item-align:start;align-self:flex-start;box-sizing:border-box;padding:.8rem 1rem;width:100%}.bannerTitle{color:#b50003;font-size:1.4rem;margin-bottom:0;margin-right:.45rem}.bannerIntro{line-height:1.5;margin:0;padding-top:.22rem}@media (min-width:45em){[role=banner]{display:-webkit-box;display:-ms-flexbox;display:flex}}.colors{-ms-flex-item-align:stretch;align-self:stretch;background-image:url(/static/media/bgTransparent.e6317315.svg);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.colorContainer,.colors{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.colorContainer{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;min-height:8rem;padding:2rem 1rem 3rem;transition:background-color .2s ease,color .2s ease}.colorContainer,.colorInfo{-ms-flex-preferred-size:100%;flex-basis:100%;position:relative}.colorInfo{max-width:22.5rem;z-index:10}.colorInput{border:0;border-bottom:1px solid currentColor;font-size:1.1rem;margin-top:1rem;padding:.5rem 0}.colorInput:focus{outline:none}.colorInputLabel{display:block;font-size:1rem;line-height:1.4;margin-top:.4rem;opacity:.8}.colorPickerContainer{display:block;height:28px;position:absolute;right:0;top:1.5rem;transition:opacity .1s;width:24px}.colorPickerContainer:focus,.colorPickerContainer:hover{opacity:.8}.colorPickerContainer:focus svg,.colorPickerContainer:hover svg{-webkit-transform:scale3d(.9,.9,1);transform:scale3d(.9,.9,1)}.colorPickerContainer input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;height:30px;opacity:0;position:absolute;width:24px}.colorPickerContainer svg{pointer-events:none;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}@media (min-width:24em){.colorInput{font-size:1.4rem}}@media (min-width:45em){.colorContainer{-ms-flex-preferred-size:50%;flex-basis:50%}.colorInput{font-size:1.2rem}}@media (min-width:50em){.colorInput{font-size:1.4rem}}.formatSelectContainer{box-shadow:0 1px 0 currentColor;display:inline-block;margin-left:.3rem;position:relative}.formatSelectIcon{fill:currentColor;position:absolute;right:0;top:.12rem;z-index:1}.formatSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:currentColor;cursor:pointer;display:inline-block;font-size:1rem;padding-right:1.5rem;position:relative;z-index:2}.formatSelect,.formatSelect optgroup{font-family:Karla,helvetica,sans-serif}.formatSelect optgroup{-moz-appearance:menupopup;color:#252525;font-style:normal;padding:.25rem}.controls{-ms-flex-item-align:end;align-self:flex-end;background-color:#fff;width:100%}.controlsHeading{color:#b50003;font-size:1rem;font-weight:700;margin:0;padding:.75rem 0 0}.colorFunc{border-bottom:1px solid rgba(0,0,0,.2);margin:0 1rem}.colorFuncInput{border:0;box-sizing:border-box;color:#252525;font-size:1.2rem;margin:1rem 0 .7rem;padding:0}.colorFuncInput::-moz-selection{background-color:#b50003;color:#fff}.colorFuncInput::selection{background-color:#b50003;color:#fff}.adjusters .controlsHeading{padding-left:1rem}.adjustersList{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none;margin:0;overflow-x:scroll;padding:.3rem 1rem .9rem 0}.adjustersList li{box-sizing:border-box;display:block;margin-right:1.5rem;min-width:9rem;padding:.5rem}.adjustersList li:last-child{padding-right:1.2rem}.adjuster{box-sizing:border-box;color:#252525;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;min-width:9rem;overflow:hidden;text-align:center}.adjuster,.adjusterLabel{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center}.adjusterLabel{cursor:pointer;-ms-flex-preferred-size:100%;flex-basis:100%;font-size:.9rem;-ms-flex-pack:center;padding:.5rem .75rem;position:relative}.adjusterLabel input{opacity:0;position:absolute;z-index:-1}.checkboxCustom{background-color:rgba(242,17,7,0);border:1px solid #b50003;border-radius:3px;box-sizing:border-box;display:block;height:.8rem;margin-left:-.9rem;margin-right:.4rem;position:relative;transition:.1s ease;width:.8rem}.checkboxCustom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:6px;left:3px;position:absolute;top:1px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:3px}.adjusterLabel input:checked~.checkboxCustom:after{display:block}.adjusterLabel:focus .checkboxCustom,.adjusterLabel:hover .checkboxCustom,.adjusterLabel input:focus~.checkboxCustom{box-shadow:0 0 3px rgba(242,17,7,.8)}.adjusterLabel input:checked~.checkboxCustom{background-color:rgba(242,17,7,.9)}.adjusterValue{box-sizing:border-box;-ms-flex-preferred-size:100%;flex-basis:100%;padding:.5rem .75rem}.adjusterRangeContainer,.adjusterValue{display:-webkit-box;display:-ms-flexbox;display:flex}.adjusterRangeContainer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.adjusterInputContainer{-ms-flex-preferred-size:4.8rem;flex-basis:4.8rem}.adjusterValInput{border:0;border-radius:0;font-size:.9rem;padding:.25rem .1rem;text-align:center}.adjusterValInput,.adjusterValRange{background-color:transparent;box-sizing:border-box;color:#b50003;display:block;margin:0;width:100%}.adjusterValRange{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.adjusterValRange:focus{outline:none}.adjusterValRange::-webkit-slider-runnable-track{background-color:currentColor;border-radius:2px;cursor:pointer;height:2px;width:100%}.adjusterValRange::-moz-range-track{background-color:currentColor;border-radius:2px;cursor:pointer;height:2px;width:100%}.adjusterValRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border:0;border-radius:1.5rem;cursor:pointer;height:1.6rem;margin-top:-.8rem;transition:.1s ease;width:1.6rem}.adjusterValRange::-webkit-slider-thumb:active,.adjusterValRange::-webkit-slider-thumb:hover{margin-top:-1.8rem;height:2.5rem;width:2.5rem}.adjusterValRange::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border:0;border-radius:1rem;cursor:pointer;height:.75rem;transition:.1s ease;width:.75rem}.adjusterValRange::-moz-range-thumb:active,.adjusterValRange::-moz-range-thumb:hover{margin-top:-.5rem;height:1.1rem;width:1.1rem}@media (hover){.adjusterValRange::-webkit-slider-thumb{border-radius:1rem;height:.75rem;margin-top:-.3rem;width:.75rem}.adjusterValRange::-webkit-slider-thumb:active,.adjusterValRange::-webkit-slider-thumb:hover{margin-top:-.5rem;height:1.1rem;width:1.1rem}}.root,body,html{height:100%}body{background-color:#fff;box-sizing:border-box;margin:0;padding:0;font-family:Karla,helvetica,sans-serif;-webkit-text-size-adjust:100%}input{font-family:Cousine,monospace}h1{margin-top:0}h1,h2,h3,h4{font-weight:700}label{display:block;font-size:1.2rem}.btnText,a{background-color:rgba(242,17,7,0);border:0;border-bottom:2px solid rgba(242,17,7,.15);color:#b50003;display:inline-block;cursor:pointer;text-decoration:none;transition:.1s ease}.btnText:focus,.btnText:hover,a:focus,a:hover{background-color:rgba(242,17,7,.1);border-color:#b50003}.btnText:focus,a:focus{box-shadow:0 0 3px rgba(242,17,7,.8);outline:none}.btnText{border-radius:0;font-family:Karla,helvetica,sans-serif;font-size:.75rem;padding:.2rem 0}label .btnText{margin-left:1rem;position:relative}label .btnText:before{content:"|";display:inline-block;left:-.5rem;position:relative}main{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%}.resetInput,main{box-sizing:border-box}.resetInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:0;cursor:text;display:block;transition:.2s ease;width:100%}@media (min-height:40em) and (max-width:45em){main{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (min-height:27em) and (min-width:45em){main{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}
/*# sourceMappingURL=main.2ebebc14.css.map*/