@import url(//www.gstatic.com/external_hosted/normalize/normalize.css);*,*:before,*:after{box-sizing:inherit}html,input,textarea{font-family:'noto sans',arial,sans-serif}html{background:#eee;box-sizing:border-box;color:#212121;font-size:62.5%;padding:0 16px}body{font-size:14px;font-size:1.4rem;line-height:1.71429}h1,h2,h3,h4,h5,h6{font-weight:400;margin:2.4em 0 1.6em}h1{font-size:34px;font-size:3.4rem;line-height:1.17647}h2{font-size:24px;font-size:2.4rem;line-height:1.33333}h3,h4{margin:40px 0 32px}h3{font-size:20px;font-size:2rem;line-height:1.6}h4{font-size:16px;font-size:1.6rem;line-height:1.75}h5,h6,pre,table,input,textarea,code{font-size:1em}p{margin:1.6em 0}ul,ol{margin:16px 16px 16px 48px;padding:0}[dir=rtl] ul,[dir=rtl] ol{margin:16px 48px 16px 16px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0;margin-top:0}a{color:inherit;text-decoration:underline;transition:opacity .2s}a:active,a:focus,a:hover{opacity:.8}strong,b{color:inherit}a strong,a b,a code{color:inherit}em,i,cite{font-style:normal}em{font-weight:700}code{color:#0b8043}img,video,iframe{max-width:100%}@media only screen and (min-width:928px){img,video,iframe{max-width:896px}}.view{margin:0 auto;max-width:896px}.view:after{clear:both;content:'';display:table}.read{max-width:688px}.caption{font-size:12px;font-size:1.2rem;line-height:1.66667;color:#9e9e9e}.blockcode{background:#fff;border-radius:2px;display:block;hyphens:none;overflow:auto;padding:16px 32px;tab-size:2;white-space:pre;word-break:normal}figcaption{font-size:12px;font-size:1.2rem;line-height:1.66667;margin-top:.8em}main>header{background:#3f51b5;color:#fff;margin:0 -16px;padding:32px 16px}@media only screen and (min-width:928px){main>header{padding:64px 16px}}@media only screen and (min-width:928px){.home main>header h1{margin:0 0 48px}}main>header+.view{padding:32px 0}@media only screen and (min-width:928px){main>header+.view{padding:64px 0}}main>header+.view>:first-child,main>header+.view .read>:first-child{margin-top:0}main>header+.view>:last-child,main>header+.view .read>:last-child{margin-bottom:0}main>header .view>:first-child,main>header .read>:first-child,main>header .cta>:first-child{margin-top:0}main>header .view>:last-child,main>header .read>:last-child,main>header .cta>:last-child{margin-bottom:0}main>header .read,main>header .cta{margin:32px 0}@media only screen and (min-width:928px){main>header .read,main>header .cta{margin:0}}@media only screen and (min-width:928px){main>header .read{float:left;padding:0 32px 0 0}[dir=rtl] main>header .read{padding:0 0 0 32px}}main>header ~ .view .read a{color:#3f51b5}@media only screen and (min-width:928px){main>header .cta{float:right;text-align:center}}main>header .cta p{margin:.6em 0}main>header .cta .caption{color:rgba(255,255,255,.8)}.update-promo{position:relative;padding:0 0 0 24px}.update-promo:before{background-image:url(../images/icons.svg);background-repeat:no-repeat;background-size:144px 40px;background-position:-76px 0;content:'';height:20px;left:0;position:absolute;top:3px;width:20px}.font-family-name,.font-file-name{font-weight:700}.font-file-name var{font-style:italic}.font-file-name{font-family:'courier new',courier,monospace}.emoji-list{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;background:#fff;border-radius:2px;margin:32px 0 0}.emoji-list li{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex:1 1 152px;-moz-flex:1 1 152px;-ms-flex:1 1 152px;-o-flex:1 1 152px;flex:1 1 152px;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;font-size:12px;font-size:1.2rem;line-height:1.66667;list-style:none;padding:16px;text-align:center;width:152px}@media only screen and (min-width:928px){.emoji-list li{max-width:179.2px;padding:32px}}.emoji-list li a{-webkit-align-self:center;-moz-align-self:center;-ms-align-self:center;-o-align-self:center;align-self:center}.emoji-list figure{width:100%}.emoji-list img{display:block;margin:0 auto 8px;max-height:64px;max-width:68px;width:100%}.emoji-list small{color:#9e9e9e;display:block;font-size:inherit}header[role=banner]{background:#303f9f;margin:0 -16px;padding:0 16px}@media only screen and (min-width:928px){header[role=banner] .view{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}header[role=banner] .view:after{content:none}}header[role=banner] a{color:#fff;text-decoration:none !important}header[role=banner] h1{font-size:24px;font-size:2.4rem;line-height:1.375;margin:0;padding:16px 16px 16px 0;position:relative;z-index:200}@media only screen and (min-width:928px){header[role=banner] h1{display:inline-block;margin:0 10px 0 0;padding:32px 16px 32px 0}[dir=rtl] header[role=banner] h1{margin:0 0 0 10px}}header[role=banner] h1 img{top:8px;top:.8rem;position:relative}header[role=banner] nav{font-size:16px;font-size:1.6rem}header[role=banner] nav ul{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;margin:0 -16px}@media only screen and (min-width:928px){header[role=banner] nav ul{margin:0;text-align:right}[dir=rtl] header[role=banner] nav ul{text-align:left}}header[role=banner] nav li{list-style:none;margin:0 16px}@media only screen and (min-width:928px){header[role=banner] nav li{line-height:35px;margin:0 0 0 32px}[dir=rtl] header[role=banner] nav li{margin:0 32px 0 0}}header[role=banner] nav a{color:#fff;display:block;padding:16px 0}@media only screen and (min-width:928px){header[role=banner] nav a{height:99px;padding:32px 0;position:relative;text-decoration:none}header[role=banner] nav a:after{background:#fff;bottom:0;content:'';display:block;height:4px;left:0;opacity:0;position:absolute;transition:opacity .2s;width:100%}}@media only screen and (min-width:928px){header[role=banner] nav a:hover:after,header[role=banner] nav .active a:after{opacity:1}}footer[role=contentinfo]{font-size:12px;font-size:1.2rem;background:#fff;margin:64px -16px 0;padding:16px 16px 32px}footer[role=contentinfo] ul{list-style:none;margin:0}@media only screen and (min-width:928px){footer[role=contentinfo] ul>li{display:inline-block}}@media only screen and (min-width:928px){footer[role=contentinfo] li+li{margin:0 0 0 2em}[dir=rtl] footer[role=contentinfo] li+li{margin:0 2em 0 0}}.button{font-size:14px;font-size:1.4rem;background:#d81b60;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.24);color:#fff;display:inline-block;height:36px;line-height:2.57143;min-width:88px;padding:0 16px;text-align:center;text-transform:uppercase;transition:.2s;white-space:nowrap}a.button{text-decoration:none}.button:active,.button:focus,.button:hover{opacity:1}.button:active{box-shadow:0 0 8px rgba(0,0,0,.12),0 8px 8px rgba(0,0,0,.24)}.showcase{padding:32px 0}@media only screen and (min-width:928px){.showcase{padding:64px 0}}.family{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12);outline:none;overflow:hidden;transition:.2s}[data-results] .family{display:none}[data-results='all'] .family{display:block}.family+.family{margin-top:1px}.family:first-child,.enhanced .family.active+.family,.enhanced .family:focus+.family,.enhanced .family:hover+.family{border-radius:2px 2px 0 0}.enhanced .family:last-child{border-radius:0 0 2px 2px}.enhanced .family.active,.enhanced .family:focus,.enhanced .family:hover{border-radius:2px}.enhanced .family:focus,.enhanced .family:hover{box-shadow:0 4px 4px rgba(0,0,0,.12);margin:12px 0}@media only screen and (min-width:928px){.enhanced .family:focus,.enhanced .family:hover{margin:12px -12px}}.enhanced .family:first-child:focus,.enhanced .family:first-child:hover{margin-top:0}.enhanced .family:last-child:focus,.enhanced .family:last-child:hover{margin-bottom:0}.enhanced .family.active{box-shadow:0 8px 8px rgba(0,0,0,.12);margin:24px 0;position:relative;z-index:50}@media only screen and (min-width:928px){.enhanced .family.active{margin:24px -24px}}.enhanced .family.active:first-child{margin-top:0}.enhanced .family.active:last-child{margin-bottom:0}.enhanced .family:not(.active){cursor:pointer}.family header{padding:24px;position:relative;text-align:center;z-index:51}@media only screen and (min-width:928px){.family header{-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;text-align:left}[dir=rtl] .family header{text-align:right}}.enhanced .family header{cursor:pointer}.family header h2{margin:0;transition:.2s}@media only screen and (min-width:928px){.enhanced .family header h2{position:relative}.enhanced .family header h2:before,.enhanced .family header h2:after{background-image:url(../images/icons.svg);background-repeat:no-repeat;background-size:144px 40px;content:'';display:block;height:7px;opacity:0;position:absolute;right:-26px;top:50%;transition:.2s;width:10px}.enhanced .family header h2:before{-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-o-transform:translate(0,-100%);transform:translate(0,-100%);background-position:-96px 0;margin-top:-2px}.enhanced .family header h2:after{background-position:-96px -7px;margin-top:2px}}@media only screen and (min-width:928px){.enhanced .family:not(.active):hover header h2:before,.enhanced .family:not(.active):hover header h2:after{opacity:1}}.enhanced .family.active header{border-bottom:1px solid #e0e0e0;min-height:100px;padding:24px 24px 10px}@media only screen and (min-width:928px){.enhanced .family.active header:hover h2:before,.enhanced .family.active header:hover h2:after{opacity:1}}@media only screen and (min-width:928px){.enhanced .family.active header h2{font-size:30px;font-size:3rem}.enhanced .family.active header h2:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;margin-top:5px}.enhanced .family.active header h2:after{-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-o-transform:translate(0,-100%);transform:translate(0,-100%);margin-top:-1px}}.family:not(.active) header h2{font-size:16px;font-size:1.6rem;line-height:2.25}.family .cta{margin:16px 0}.family .cta>:first-child{margin-top:0}.family .cta>:last-child{margin-bottom:0}@media only screen and (min-width:928px){.family .cta{margin:0;text-align:center}}[data-downloadable='false'] .family .cta{display:none}.family .cta p{margin:.2em 0}.family:not(.active) .button{background:rgba(153,153,153,0);box-shadow:none;color:#d81b60}.family:not(.active) .button:focus,.family:not(.active) .button:hover{background:rgba(153,153,153,.2)}.family:not(.active) .button:active{background:rgba(153,153,153,.4)}.family footer{font-size:12px;font-size:1.2rem;line-height:1.66667;color:#9e9e9e;margin:-24px 0 24px;opacity:1;overflow:hidden;padding:0 24px;position:relative;text-align:center;transition:.2s;z-index:52}@media only screen and (min-width:928px){.family footer{margin:-48px 0 24px;text-align:left}[dir=rtl] .family footer{text-align:right}}[data-downloadable='false'] .family footer{margin:-12px 0 24px}.family footer ul{list-style:none;margin:0}@media only screen and (min-width:928px){.family footer ul>li{display:inline-block}}.family footer li{display:inline-block}.family footer li+li{margin:0 0 0 1em}@media only screen and (min-width:928px){.family footer li+li{margin:0}}@media only screen and (min-width:928px){.family footer li+li:before{content:'·';display:inline-block;margin:0 .6em}}.family footer a:focus,.family footer a:hover{color:#212121;opacity:1}.family.active footer{height:0;margin:0;opacity:0}.family-details{max-height:0;opacity:0;overflow:hidden;padding:0;transition:.3s}.active .family-details.ready{max-height:4000px;opacity:1}.family-promo{background:#3f51b5;color:#fff;padding:16px 24px 16px 52px;position:relative}.family-promo>:first-child{margin-top:0}.family-promo>:last-child{margin-bottom:0}.family-promo:before{background-image:url(../images/icons.svg);background-repeat:no-repeat;background-size:144px 40px;background-position:-96px -20px;content:'';display:inline-block;height:20px;left:24px;position:absolute;top:50%;transform:translate(0,-50%);width:20px}.family-preview,.family-coverage{margin:40px 0 0}.family-preview>:first-child,.family-coverage>:first-child{margin-top:0}.family-preview>:last-child,.family-coverage>:last-child{margin-bottom:0}.family-preview{padding:0 24px 24px;text-align:center}@media only screen and (min-width:928px){.family-preview{text-align:left}[dir=rtl] .family-preview{text-align:right}}.family-preview h4{font-size:14px;font-size:1.4rem;color:#616161;font-weight:700;margin:32px 0 16px}.family-preview figure{border-radius:2px;overflow:auto;padding:1px 16px}.family-preview figure[dir=rtl]{text-align:right}.family-preview img,.family-preview .family-font-sample{width:685px}.family-preview .family-font-sample{display:inline-block}.family-coverage{padding:0 24px}.family-coverage p.caption{margin-bottom:24px}.family-coverage-summary ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;list-style:none;margin:0}.family-coverage-summary li{padding:0 8px 16px 0;transition:.2s}[dir=rtl] .family-coverage-summary li{padding:0 0 16px 8px}.family-coverage-summary li+li{margin:0 0 0 32px}[data-coverage] .family-coverage-summary li{border-bottom:4px solid transparent;cursor:pointer}.family-coverage-summary li:before{background-image:url(../images/icons.svg);background-repeat:no-repeat;background-size:144px 40px;content:'';display:inline-block;margin:0 8px 0 0;transition:.2s;vertical-align:middle}[data-coverage] .family-coverage-summary li:before{opacity:.4}.family-coverage-summary li:focus:before,.family-coverage-summary li:hover:before,.family-coverage-summary li.active:before{opacity:1}.family-coverage-summary li.family-coverage-summary-langs:before{background-position:-36px 0;height:20px;width:20px}.family-coverage-summary li.family-coverage-summary-regions:before{background-position:-56px 0;height:20px;width:20px}[data-coverage="regions"] .family-coverage-summary li.family-coverage-summary-regions{border-color:#212121}[data-coverage="regions"] .family-coverage-summary li.family-coverage-summary-regions:before{opacity:1}[data-coverage="langs"] .family-coverage-summary li.family-coverage-summary-langs{border-color:#212121}[data-coverage="langs"] .family-coverage-summary li.family-coverage-summary-langs:before{opacity:1}.family-coverage-details{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:0 0 2px 2px;margin:0 -24px;max-height:300px;transition:.3s}.family-coverage-details>div{-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;flex-shrink:0;background:#f5f5f5;width:100%}[data-coverage="regions"] .family-coverage-details{-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-o-transform:translate(-100%,0);transform:translate(-100%,0)}.family-langs{padding:24px}.family-langs ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;list-style:none;max-height:252px;margin:0;overflow:auto;width:100%}.family-langs li{width:25%}.family-regions{height:300px}.family-attribution p{margin:48px 0 0}.family-printer{background:#e0e0e0;margin:0 -24px;padding:16px 24px}.family-printer h4{cursor:pointer;display:inline-block;font-weight:400;margin:0}.family-printer h4:focus,.family-printer h4:hover{text-decoration:underline}.family-printer.active h4{display:none}.family-printer ul{display:none;list-style:none;margin:0}.family-printer.active ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}.family-printer li+li{margin:0 0 0 32px}[dir=rtl] .family-printer li+li{margin:0 32px 0 0}.family-printer label{font-size:12px;font-size:1.2rem;line-height:1.66667;color:#616161;display:block}.family-printer textarea{height:100px;width:300px}.search{background:#7986cb;margin:0 -16px;max-height:0;overflow:hidden;padding:0;transition:.2s;transition-property:box-shadow,max-height,padding}.search .search-bar{position:relative}.search .search-bar:before{background-image:url(../images/icons.svg);background-repeat:no-repeat;background-size:144px 40px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);background-position:0 0;content:'';height:36px;left:18px;position:absolute;top:50%;width:36px}.search input{font-size:24px;font-size:2.4rem;background:#fff;border:0;box-sizing:inherit;display:block;height:60px;line-height:60px;padding:0 16px 0 72px;width:100%}.search button{background-image:url(../images/icons.svg);background-repeat:no-repeat;background-size:144px 40px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);background-color:#fff;background-position:-116px 0;border:0;color:transparent;cursor:text;height:28px;opacity:0;padding:0;position:absolute;right:22px;text-indent:-200%;top:50%;transition:opacity .2s;width:28px}.search button.active{cursor:pointer;opacity:.2}.search ol{font-size:20px;font-size:2rem;color:#fff;line-height:2.5em;list-style:none;margin:24px 0 0}.search li{background:transparent;border-radius:2px;cursor:pointer;outline:none;padding:0 32px 0 30px;transition:.2s}.search li:focus,.search li:hover{background:rgba(255,255,255,.2)}.search li:before{background-image:url(../images/icons.svg);background-repeat:no-repeat;background-size:144px 40px;-webkit-transform:translate(0,2px);-moz-transform:translate(0,2px);-ms-transform:translate(0,2px);-o-transform:translate(0,2px);transform:translate(0,2px);content:'';display:inline-block;margin-right:22px}.search li.search-result-region:before{background-position:-56px -20px;height:20px;width:20px}.search li.search-result-family:before{background-position:-76px -20px;height:20px;width:20px}.search li.search-result-lang:before{background-position:-36px -20px;height:20px;width:20px}.search.ready{max-height:none;padding:24px}@media only screen and (min-width:928px){.search.ready{max-height:632px}}@media only screen and (min-height:500px){.search.sticky{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);box-shadow:0 4px 8px rgba(0,0,0,.12);left:0;margin:0;max-height:100vh;position:fixed;top:0;width:100%;z-index:300}.search.sticky ol{max-height:calc(100vh - 132px);overflow:auto}.search.sticky+.showcase{margin-top:108px}}table{background:#fff;border-radius:2px;table-layout:fixed;width:100%}table.cjk-downloads ul{-webkit-margin-start:0;-moz-margin-start:0;-ms-margin-start:0;-o-margin-start:0;margin-start:0}table.cjk-downloads li{list-style:none}tr+tr{border-top:1px solid #e0e0e0}td{padding:12px 12px;vertical-align:top}td>:first-child{margin-top:0}td>:last-child{margin-bottom:0}td:first-child{-webkit-padding-start:24px;-moz-padding-start:24px;-ms-padding-start:24px;-o-padding-start:24px;padding-start:24px}td:last-child{-webkit-padding-end:24px;-moz-padding-end:24px;-ms-padding-end:24px;-o-padding-end:24px;padding-end:24px}