/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}@font-face{font-family:Charter;src:url(../../fonts/Charter_regular.woff2) format("woff2"),url(../../fonts/Charter_regular.woff) format("woff");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:Charter;src:url(../../fonts/Charter_bold.woff2) format("woff2"),url(../../fonts/Charter_bold.woff) format("woff");font-style:normal;font-weight:700;text-rendering:optimizeLegibility}*{-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}body{background-color:#eaecf0;color:#202122;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#000;margin:3.2rem 0 0;line-height:1.25;-webkit-transition:font-size .25s,font-weight .25s;transition:font-size .25s,font-weight .25s}h2,h3,h4,h5{font-weight:600}.page__title,h1{font-family:Georgia,serif;font-size:3.2rem;font-weight:400}h2{border-bottom:3px solid #eaecf0;padding-bottom:2px;font-size:2.4rem}h2+h3{margin-top:1.6rem}h3{font-size:2rem}h4{font-size:1.8rem}h5,h6{font-size:1.6rem}h6{font-weight:400}blockquote{margin:1.6rem 0 0;border-left:4px solid #eaecf0;padding:.8rem 3.2rem;font-family:Georgia,serif;font-size:2rem;font-style:italic}blockquote cite{display:block;margin-top:.8rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:1.4rem;font-style:normal}blockquote cite:before{content:"— "}.mw-code,code,pre{font-family:Menlo,Consolas,Liberation Mono,Courier New,monospace}hr{background:#eaecf0;display:block;height:.8rem;border:0;margin:8rem 0}p{margin:3.2rem 0 0}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,p+p,p:first-child,ul+p{margin:.8rem 0 0}blockquote+p{margin-top:1.6rem}.mw-code,pre{background-color:#f8f9fa;color:#000;border:1px solid #a2a9b1;padding:1.2rem 2rem;font-size:1.4rem;white-space:pre-wrap}ol,ul{margin:.8rem 0;padding:0 0 0 1.8rem}.content li{margin-top:.4rem}.content li:first-child{margin-top:0}figure{margin:.8rem 0 0}img{display:block;max-width:100%;margin:1.6rem 0 0}.page--components figure{margin-left:6.4rem;padding-top:.8rem}.page--components figure img{margin-top:.8rem}.is-comparison img{float:left;margin-left:1.2rem}.is-comparison img:first-child{margin-left:0}a{color:#36c;text-decoration:none}a:hover{text-decoration:underline}a:active{color:#2a4b8d}b,strong{font-weight:600}code{background-color:#f8f9fa;display:inline-block;padding:.2rem .4rem;font-size:1.4rem}small{font-size:1.3rem}sub,sup{font-size:1.1rem}.is-aural{display:block;position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden}.is-aural.is-focusable:active,.is-aural.is-focusable:focus{position:static;clip:auto;width:auto;height:auto;margin:0;text-decoration:underline;overflow:visible}.clearfix:after,.clearfix:before,.color-palette:after,.color-palette:before,.content-box:after,.content-box:before,.content__illustration-style .figure--full:after,.content__illustration-style .figure--full:before,.figures-do-dont:after,.figures-do-dont:before,.is-comparison:after,.is-comparison:before,.page:after,.page:before{content:" ";display:table}.clearfix:after,.color-palette:after,.content-box:after,.content__illustration-style .figure--full:after,.figures-do-dont:after,.is-comparison:after,.page:after{clear:both}:focus{outline-color:#36c}.is-complementary,.is-subtle{color:#72777d}.is-complementary{font-size:1.4rem}::-webkit-input-placeholder{color:#72777d;opacity:1}::-moz-placeholder{color:#72777d;opacity:1}:-ms-input-placeholder{color:#72777d;opacity:1}::-ms-input-placeholder{color:#72777d;opacity:1}.is-placeholder,::placeholder{color:#72777d;opacity:1}.content-box{position:relative;margin-right:auto;margin-left:auto;padding-left:1.6rem;padding-right:1.6rem}.header{position:fixed;top:0;left:0;right:0;min-height:6.4rem;line-height:6.4rem}.site__title{color:#202122;margin-top:0;height:6.4rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:.5px}.site__title a{color:inherit;display:inline-block;padding:1.2rem 3.2rem 0;-webkit-transition:color .25s;transition:color .25s}.site__title a:hover{color:#000;text-decoration:none}.site__org{display:block}.site__project{font-weight:600}.btn--nav-main{position:absolute;top:1.2rem;width:4.2rem;height:4.2rem;cursor:pointer}.btn--nav-main i{display:block;height:4.2rem;-webkit-transition:color .25s,box-shadow .25s;transition:color .25s,box-shadow .25s}.btn--nav-main i:after,.btn--nav-main i:before{content:"";background-color:#54595d;width:2rem;height:2px;position:absolute;top:.4rem;left:0}.btn--nav-main i:after{top:1.1rem;box-shadow:0 .7rem 0 #54595d}.btn--nav-main i:hover:after,.btn--nav-main i:hover:before{background-color:#000}.btn--nav-main i:hover:after{box-shadow:0 .7rem 0 #000}.btn--nav-main span{display:block;position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;margin:-1px;overflow:hidden}.lnk--contribute{font-size:1.4rem;line-height:1.4rem}.page{background-color:#fff;position:relative;margin-top:6.4rem;padding:6.4rem 0;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);overflow-y:hidden}.col,.content{float:left}.col{position:relative;min-height:1px}.col--end,.col--start{padding:0}.nav--main{background-color:#fff}.nav--main li:not(.is-on) ul,.trigger--nav-main{display:none}.nav--main ol,.nav--main ul{padding:0}.nav--main ol:first-child{margin:0}.nav--main li{padding:0;list-style:none none}.nav--main>ol>li{margin-bottom:.4rem}.nav--main a{color:#202122;display:block;padding:.8rem 1.2rem;font-size:1.6rem;text-decoration:none;-webkit-transition:background-color .25s,color .25s,padding .25s;transition:background-color .25s,color .25s,padding .25s}.nav--main a:focus,.nav--main a:hover{background-color:#f8f9fa;color:#000}.nav--main .is-on>a{background-color:#eaf3ff;color:#36c;border-radius:2px;font-weight:600;cursor:default}.nav__sub-items{margin-top:1.2rem;margin-bottom:1em}.nav__sub-items>.nav__sub-item{margin-left:3.6rem}.nav--main .nav__sub-items ul{margin:0}.nav--main .nav__sub-items a{color:#54595d;border-left:1px solid #eaecf0;border-radius:0 2px 2px 0;padding-left:1.6rem;font-size:1.4rem;-webkit-transition:background-color .25s,color .25s;transition:background-color .25s,color .25s}.nav--main .nav__sub-item.is-on>a{background-color:#fff;color:#000;border-left-color:#000;font-weight:600}.nav--main .nav__sub-item .nav__sub-item a{padding-left:3.6rem}.page__parent-title{color:#72777d;margin-top:-2.8rem}.page__title{margin-top:-.8rem}.page__parent-title+.page__title{margin-top:-.4rem}.page__tagline{margin-top:1.2rem;font-size:2rem;font-style:italic;font-weight:100}.figures--full{background-color:#f8f9fa}.figure__caption,.heading__description{color:#72777d;clear:both;display:block;font-size:1.3rem}.figure__caption{padding-top:.8rem;font-style:italic}.figure__caption:empty{display:none}.heading__description{float:right;margin-top:-1.9rem}.heading__description+*{clear:both}.figures-do-dont{margin-top:1.6rem}.figures-do-dont .figure{background-color:#eaecf0;border-top-left-radius:2px;border-top-right-radius:2px}.figures-do-dont .figure--dont{border-left:1px solid #fff}.figures-do-dont .figure__caption{background-color:#fff;display:block;border-top-width:.8rem;border-top-style:solid;padding-right:.8em}.do,.figure--do .figure__caption{border-top-color:#00af89}.dont,.figure--dont .figure__caption{border-top-color:#d33}.do,.dont{font-style:normal;font-weight:600}.do:before,.dont:before{display:inline-block;margin-right:.4rem;padding-top:.4rem;font-size:2.1rem;line-height:1rem;vertical-align:top}.do{color:#14866d}.do:before{content:"✓"}.dont{color:#d33}.dont:before{content:"×"}.color-palette{margin:2.4rem 0 0;padding:0}.color-palette+.color-palette{margin-top:0}.color-palette+p{margin-top:1.6rem}.color{color:#000;list-style:none none;display:block;float:left;position:relative;width:61.8%;height:16rem;margin-bottom:3.2rem;padding:1.2rem;border:1px solid #fff;border-radius:2px;font-size:1.4rem}.color--dark,.color__wcag-level span{color:#fff}.color--dark .color__wcag-level span{color:#000}.color-palette .color:first-child{margin-top:.4rem}.color-palette--overview .color{width:6.4rem;height:6.2rem;margin-top:.8rem;margin-right:1.2rem;margin-bottom:2.4rem;border-radius:3.2rem;cursor:default}.color-palette--overview .color:first-child{margin-top:.8rem}.color-palette--overview .color--emphasized{width:7.2rem;height:7rem;margin-top:0;border-radius:7.2rem;padding-top:2rem}.color-palette--base .color{margin-right:1.35rem}.color-section .color .color-code--hsb{-webkit-transition:opacity .25s;transition:opacity .25s}.color-section .color:hover .color-code--hsb{opacity:1}.color__name{display:block;position:absolute;bottom:1.2rem;left:1.2rem;font-size:3.2rem;font-weight:100}.color-palette--overview .color__name{position:relative;bottom:auto;left:auto;padding-top:1.2rem;font-size:2.4rem;line-height:1}.color-code.color-code--rgb,.color-palette--overview .color-code,.color-palette--overview .color__name,.color__type{display:none}.color-code{background-color:inherit;display:block;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif}.color-code--hsb{opacity:0}@supports (--css:variables){.color-hint{white-space:nowrap}.color-hint:before{content:"";background-color:var(--color-hint);display:inline-block;width:1.2rem;height:1.2rem;margin:0 .4rem .3rem .2rem;border-radius:50%;vertical-align:text-bottom;cursor:help}.color-hint--base100:before{border:1px solid #a2a9b1}}.icon{display:inline-block;width:2rem;height:2rem;margin:0 .2rem;vertical-align:text-bottom}.icon--indicator{width:1.2rem;height:1.2rem;margin-bottom:.2rem}.icon--intermediate{width:1.6rem;height:1.6rem;margin-bottom:.2rem}.components__designing{position:relative}.components__designing:after{content:"";background:url(../../img/components/legend_16-8.svg) no-repeat;position:absolute;bottom:0;right:6.4rem;width:13.2rem;height:6.4rem}.page--components-messages .components__intro{max-width:700px;margin-left:auto;margin-right:auto}.page--components-messages img{border-radius:0}.resources-table{display:table;width:100%;margin-top:2.4rem;border-collapse:collapse}.resources-table__body,.resources-table__head{display:table-row;border-bottom:1px solid #a2a9b1}.resources-table__head{background-color:#eaecf0}.resources-table__head h2{margin-top:0;border-bottom:0;padding-bottom:0;font-size:2.1rem;font-weight:400}.resources-table__cell{display:table-cell;padding:1.6rem 1.6rem 1.6rem 0}.resources-table__head .resources-table__cell:first-child{padding-left:1.6rem}.lnk-resource{white-space:nowrap}.footer{color:#202122;padding:2.4rem 0;font-size:1.3rem}.footer__list{padding:0}.footer__list:first-child{margin:0}.footer__list:after{content:" ";display:block;clear:both}.footer__list li{list-style:none none;display:block;padding:.8rem 0 0}.footer__list li:first-child{padding-top:0}.footer__list+p{margin-top:1.2rem}.footer__list--connect a{font-weight:600}.lnk--wikimedia-project{display:inline-block;padding:.4rem 0;text-transform:uppercase}.page--home .page__title{border:0;padding:0}.page--design-principles-accessibility .nav--main .is-on>a{cursor:pointer}.page--design-principles-accessibility h3{padding-right:15%}.page--visual-style-typography .figures-do-dont .figure__contents{padding:4.2rem 3.6rem}.figures-do-dont--contrast .figure--dont{color:#a2a9b1}.typography-styles dt{display:inline-block;color:#72777d;min-width:10rem;margin:0 0 3.2rem 1.6rem;font-size:1.3rem;font-weight:600;vertical-align:top}.typography-styles .typography-styles__blockquote{margin-bottom:4.8rem}.typography-styles .typography-styles__code{margin-bottom:0}.typography-styles dd{display:inline}.typography-styles dd>*{display:inline-block;margin-top:0}.typography-styles .figure__caption{padding-top:0}.typography-styles dd:after{content:"\A";white-space:pre}.typography-styles+hr{margin-top:4rem;margin-bottom:4rem}.page--visual-style-icons img{background-color:#eaecf0;padding:2.4rem}.fonts-loaded .color-code,.fonts-loaded .site__title,.fonts-loaded cite{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif}.fonts-loaded .page__title,.fonts-loaded .typography-styles h1,.fonts-loaded blockquote{font-family:Charter,Georgia,serif}@media (max-width:767px){.nav--main{position:absolute;top:-3.2rem;left:-1.6rem;right:-1.6rem;padding-bottom:1.6rem;box-shadow:0 2px 2px 0 rgba(0,0,0,.25);z-index:1;-webkit-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:left .25s,right .25s,-webkit-transform .25s;transition:left .25s,right .25s,-webkit-transform .25s;transition:left .25s,right .25s,transform .25s;transition:left .25s,right .25s,transform .25s,-webkit-transform .25s}.trigger--nav-main:checked+.nav--main{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.page__title{margin-top:-.4rem;font-size:2.8rem}.typography-styles dt{display:block;margin-left:0}.page--components .components__states{margin-left:0}.resources-table,.resources-table__body,.resources-table__cell,.resources-table__head{display:block}.resources-table__head{margin-left:-1.6rem;margin-right:-1.6rem}.resources-table__head .resources-table__cell:empty{display:none}.resources-table__body{padding-left:0}.resources-table__cell{padding-top:.8rem;padding-bottom:.8rem}}@media (min-width:240px){.content-box,.nav--main a,.site__title a{-webkit-transition-property:background-color,padding;transition-property:background-color,padding;-webkit-transition-duration:.25s;transition-duration:.25s}.site__title{margin-left:4.2rem}.site__title a{padding-left:0}.lnk--contribute span{display:none}.nav--main a{padding-left:1.6rem;padding-right:1.6rem}.col--end,.col--start{width:100%}.figure--full,.resources-table__head{margin-left:-1.6rem;margin-right:-1.6rem}.figure--full .figure__caption{margin-left:1.6rem;margin-right:1.6rem}.figure--this-is-for-everyone img,.figure--trustworthy-yet-joyful img{width:100%;max-width:568px;margin-left:auto;margin-right:auto}.figure--illustrations-header img{width:100%}.figure--illustrations-header+.figure--illustrations-header,.figure--illustrations-header+.figure--illustrations-header img{margin-top:0}.color{width:61.8%}.color-palette--base .color:nth-child(3n+4){clear:both}.color-palette--base .color{margin-right:1.6rem}.color-palette--overview.color-palette--base .color--emphasized{margin-right:1.1rem;margin-left:-.2rem}.page--components figure{margin-left:4.2rem}}@media (min-width:414px){.content-box{padding-left:3.2rem;padding-right:3.2rem}.nav--main{left:-3.2rem;right:-3.2rem}.nav--main a{padding-left:3.2rem;padding-right:3.2rem}.figure--full,.resources-table__head{margin-left:-3.2rem;margin-right:-3.2rem}.figure--full .figure__caption{margin-left:3.2rem;margin-right:3.2rem}.resources-table__head .resources-table__cell:first-child{padding-left:3.2rem;padding-right:3.2rem}.footer__list li{display:list-item;float:left;padding:0 .8rem 0 0}.footer__list li:after{content:"\2022";color:#72777d;padding:0 0 0 .8rem;font-weight:100}.footer__list li:last-child:after{content:"";padding:0}.color{width:16rem;margin-right:2.4rem}}@media (min-width:568px){.lnk--contribute{display:block;position:absolute;bottom:1.5rem;right:3.2rem;text-align:right}.lnk--contribute span{display:inline;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s}.figures-do-dont .figure{max-width:61.8%}.figure--this-is-for-everyone img,.figure--trustworthy-yet-joyful img{max-width:none}.figure--illustrations-header{float:left;width:44.4%}.figure--illustrations-header+.figure--illustrations-header{width:55.55%;margin-top:.8rem}.figure--illustrations-header+.figure--illustrations-header img{margin-top:1.6rem}}@media (min-width:768px){img{border-radius:2px}.content-box{width:100%;max-width:960px}.btn--nav-main{display:none}.site__title{float:left;margin-left:0}.nav--main a,.site__title a{padding-left:1.6rem;padding-right:1.6rem}.lnk--contribute span{display:inline;opacity:1}.col--start{width:20.8rem;z-index:1;-webkit-transition:width .25s;transition:width .25s}.col--end{margin-left:-20.8rem;padding-left:24rem}.nav--main{left:auto;right:auto}.figure--full,.figure--full .figure__caption{margin-left:0;margin-right:0}.figures-do-dont .figure{float:left;width:50%}.color-palette--base .color:nth-child(3n+4){clear:unset}.illustrations-case-study img{float:left;width:33.33%}.page--components figure{margin-left:6.4rem}}@media (min-width:992px){.content-box{width:100%;max-width:1140px}.nav--main a,.site__title a{padding-left:3.2rem;padding-right:3.2rem}.col--start{width:24rem}.col--end{margin-left:-24rem;padding-left:27.2rem}.color-palette--overview:first-child{margin-top:2.4rem}.color{margin-right:2.4rem}.color-palette--base .color{margin-right:1.35rem}.color-palette--overview.color-palette--base .color--emphasized{margin-right:1.35rem;margin-left:0}.color-palette--overview.color-palette--green:after,.color-palette--overview.color-palette--green:before,.color-palette--overview.color-palette--red:after,.color-palette--overview.color-palette--red:before{content:"";display:none}.color-palette--overview.color-palette--green:after,.color-palette--overview.color-palette--red:after,.color-section .color:nth-child(3n+4){clear:both}.resources-table__body .resources-table__cell{-webkit-transition:background-color .25s;transition:background-color .25s}.resources-table__body:hover .resources-table__cell{background-color:#f8f9fa}.resources-table__body .resources-table__cell:first-child,.resources-table__head .resources-table__cell:first-child{padding-left:1.6rem}}@media (min-width:1200px){.content-box{width:1140px}.col--start{width:25.6rem}.col--end{margin-left:-25.6rem;padding-left:28.8rem}}
/*# sourceMappingURL=wmui-style-guide.min.css.map */