a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Mark Pro Heavy";src:url(/static/media/MarkPro-Heavy.47322cb5.woff2) format("woff2"),url(/static/media/MarkPro-Heavy.759c5f2e.woff) format("woff")}@font-face{font-family:"Mark Pro Book";src:url(/static/media/MarkPro-Book.f006aa60.woff2) format("woff2"),url(/static/media/MarkPro-Book.2ffb3351.woff) format("woff")}body{font-family:"Mark Pro Book",Helvetica,Arial,sans-serif}.tester-form{align-items:center}.form-group,.tester-form{display:flex;flex-direction:column}.form-group{margin-bottom:3.2rem;width:100%}.form-group label{margin-left:3rem;margin-bottom:1.6rem}.form-group .input-container{box-shadow:6px 5px 20px rgba(0,0,0,.1);padding:1.8rem 3rem}.form-group input,.form-group textarea{border:none;border-bottom:2px solid #ed2324;font-size:1.6rem;width:100%;padding-bottom:.6rem;font-family:"Roboto Mono",monospace;color:#303030;line-height:140%}.form-group input:focus,.form-group textarea:focus{outline:none}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:#a6afbf;line-height:150%}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#a6afbf;line-height:150%}.form-group input:-ms-input-placeholder,.form-group textarea:-ms-input-placeholder{color:#a6afbf;line-height:150%}.form-group input::-ms-input-placeholder,.form-group textarea::-ms-input-placeholder{color:#a6afbf;line-height:150%}.form-group input::placeholder,.form-group textarea::placeholder{color:#a6afbf;line-height:150%}textarea{resize:vertical;min-height:12.4rem}.header{max-width:140rem;width:100%;padding:3.6rem 0;display:flex;justify-content:space-between;margin:0 auto}@media only screen and (max-width:1480px){.header{margin:0 4rem;max-width:100%;width:auto}}.header .logo,.header .tweet-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.header .logo-title{font-size:2rem;color:#ed2324;font-family:"Mark Pro Heavy"}.header .logo{text-decoration:none}.header .logo .logo-wrapper{-webkit-animation:pounding 4s linear infinite;animation:pounding 4s linear infinite}.header .logo .logo-wrapper:hover{-webkit-animation-duration:1.2s;animation-duration:1.2s}.header .logo .logo-wrapper svg{margin-right:1.4rem;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.header .logo:hover .logo-wrapper svg{-webkit-transform:scale(1.2);transform:scale(1.2)}.header .tweet-container p{font-size:1.4rem}@media only screen and (max-width:768px){.header .tweet-container p{display:none}}.margin-left{margin-left:2.4rem}@media only screen and (max-width:768px){.margin-left{margin-left:0}}@-webkit-keyframes pounding{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.05);transform:scale(1.05)}40%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pounding{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.05);transform:scale(1.05)}40%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.footer{background-color:#000;color:#fff;padding:8.4rem 6.4rem 3rem;font-size:2rem;line-height:170%;margin-top:6.4rem}.footer a{color:#fff;text-decoration:none}.footer .footer-container{display:flex;justify-content:space-between;align-items:flex-start;max-width:96rem;margin:0 auto 10rem}@media only screen and (max-width:1000px){.footer .footer-container{flex-direction:column-reverse}}.footer h3{color:#818181;margin-bottom:4.2rem;font-size:2.4rem;font-family:"Mark Pro Heavy"}.footer__links{display:flex;flex-direction:column}.footer__links a{margin-bottom:2rem}.footer__contribute{max-width:56rem}@media only screen and (max-width:1000px){.footer__contribute{max-width:100%;margin-bottom:6.4rem}}.footer__contribute .disclaimer__bold{font-family:"Mark Pro Heavy";white-space:nowrap}.footer__contribute .disclaimer-link{color:#ed2324}@media only screen and (max-width:768px){.footer__contribute .disclaimer{font-size:1.6rem}}.footer__copyright{text-align:center;font-size:1.5rem;margin:0;color:#818181}.footer__copyright a{color:#818181;font-family:"Mark Pro Heavy";text-decoration:underline}.footer__copyright a:hover{text-decoration:none}.footer__copyright .strong{font-family:"Mark Pro Heavy"}.footer .footer-tweet-container{display:none}@media only screen and (max-width:600px){.footer .footer-tweet-container{display:inline-block;width:100%;text-align:center}}.footer .footer-tweet-container .footer-tweet-button{width:100%;margin:1.6rem 0 6.4rem}.debug-share-container{margin:0 3rem;display:flex;justify-content:space-between}.debug-share-container .share-container{display:flex;align-items:center}.debug-share-container .share-container p{font-size:1.4rem}@media only screen and (max-width:1000px){.debug-share-container .share-container p{display:none}}@media only screen and (max-width:1000px){.debug-share-container .share-container button{padding:1.4rem}}@media only screen and (max-width:600px){.debug-share-container .share-container button,.debug-share-container .share-container span{width:100%}}@media only screen and (max-width:768px){.debug-share-container{flex-direction:column}}.results{margin-top:6.4rem}code{font-family:"Roboto Mono",monospace}.results-container{width:100%}.output-url-label{font-family:"Mark Pro Heavy";font-size:3.6rem}.debug-title{font-size:4.8rem;font-family:"Mark Pro Heavy"}.line{word-break:break-all;padding:1.8rem 0;line-height:170%}.line .line-flex-container{display:flex;justify-content:flex-start;align-items:center;align-items:first baseline;margin-bottom:.8rem}.line .line-value{flex:1 1}.line .line-number,.line .line-value{color:#a6afbf}.line .line-message{margin-left:5.6rem}.line .line-number{margin-right:2.4rem;width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:center}.line:not(:last-child){border-bottom:.1rem solid #a6afbf}.line-number{font-size:1.3rem}.rule-was-met .line-number{background-color:#11b20e;border-radius:50%;color:#fff}.rule-was-met .line-value{color:#11b20e}.rule-was-not-met .line-number{background-color:#ed2324;border-radius:50%;color:#fff}.rule-was-not-met .line-value{color:#ed2324}.rule-invalid .line-number{width:3.2rem;height:3.2rem;background-color:#ffa800;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center}.rule-invalid .line-value{color:#ffa800}.output-url{margin-bottom:4.8rem}.tester-container{max-width:110rem;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:1240px){.tester-container{margin:0 4.8rem;max-width:100%;width:auto}}@media only screen and (max-width:768px){.tester-container{margin:0 3.2rem}}.title{font-size:6.4rem;font-family:"Mark Pro Heavy";margin:6.4rem 0;text-align:center}.form-container{width:100%;margin-bottom:6.4rem}.advanced-fields-container{padding-top:3.2rem;width:100%}.advanced-fields-toggle{display:inline-block;color:#ed2324;font-family:"Mark Pro Heavy";margin-right:4.8rem;padding:1.5rem 0;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.advanced-fields-toggle:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.glyphicon:before{content:"";display:inline-block;border-style:solid;border-width:.3rem .3rem 0 0;height:1.2rem;width:1.2rem;left:1.6rem;position:relative;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg);vertical-align:top}.expanded .glyphicon:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:.6rem}.button,.button--secondary,.link-button{box-shadow:inset 0 0 0 3px;display:inline-block;text-decoration:none;color:#ed2324;font-family:"Mark Pro Heavy";font-size:1.8rem;padding:1.4rem 1.7rem;-webkit-transition:box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-transform .2s}.button--secondary:hover,.button:hover,.link-button:hover{box-shadow:inset 0 0 0 5px;-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.button{background-color:#fff;border:none;padding:1.4rem 5.5rem}.link{position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(#ed2324),to(#ed2324));background-image:linear-gradient(#ed2324,#ed2324);background-position:0 calc(100% + 4px);background-repeat:no-repeat;background-size:100% 0;-webkit-transition:background-size .2s;transition:background-size .2s;padding-bottom:5px}.link:hover{background-size:100% 8px}.button--secondary{background-color:#fff;border:none;padding:1.4rem 5.5rem}@media only screen and (max-width:768px){.button--secondary{margin-top:3.2rem}}@media only screen and (max-width:600px){.link-button__adaptive{display:none}}.docs-container{max-width:110rem;width:100%;margin:0 auto}@media only screen and (max-width:1240px){.docs-container{margin:0 12.8rem;max-width:100%;width:auto}}@media only screen and (max-width:1200px){.docs-container{margin:0 6.4rem}}@media only screen and (max-width:768px){.docs-container{margin:0 3.2rem}}.title-lead-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:60rem;margin:0 auto 10rem}.lead{font-size:2.4rem;line-height:170%;text-align:center}.sub-title{font-size:2.4rem;margin-bottom:1.6rem}.post,.post-p,.sub-title{font-family:"Mark Pro Heavy";margin-left:3rem}.post{font-size:3.6rem;margin-bottom:12rem;color:#ed2324}@media only screen and (max-width:768px){.post{font-size:2.8rem}}@media only screen and (max-width:600px){.post{word-wrap:break-word}}.post-p{font-size:2.8rem;margin-bottom:8rem}@media only screen and (max-width:768px){.post-p{font-size:2.4rem}}.code-container{box-shadow:6px 5px 20px rgba(0,0,0,.1);padding:3rem;line-height:170%;overflow-x:scroll}.first-code-container{margin-bottom:6.4rem}*,:after,:before{box-sizing:border-box}html{font-size:62.5%;font-family:sans-serif}body{font-size:1.6rem}
/*# sourceMappingURL=main.0bc5f1a3.chunk.css.map */