html{color:#222}a:hover{color:#06e}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.nocallout{-webkit-touch-callout:none}.pressed{background-color:rgba(0,0,0,.7)}textarea[contenteditable]{-webkit-appearance:none}.gifhidden{position:absolute;left:-100%}.ir{background-color:transparent;background-repeat:no-repeat;border:0;direction:ltr;display:block;overflow:hidden;text-align:left;text-indent:-999em}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix::before,.clearfix::after{content:"";display:table}.clearfix::after{clear:both}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}blockquote{margin:0}*,*::before,*::after{box-sizing:border-box}html,body,button{-moz-osx-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}body{font-size:16px;line-height:1.625em}body::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;width:100%;z-index:9;display:none;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.15)95%,rgba(0,0,0,.15)100%);background-image:linear-gradient(to bottom,rgba(0,0,0,.15)95%,rgba(0,0,0,.15)100%);background-size:100% 26px}body.debug::after{display:block;pointer-events:none}pre{background:#f0f0f0;padding:13px}.main-container{box-sizing:content-box;position:relative;padding-left:5%;padding-right:5%;margin-left:auto;margin-right:auto}@media only screen and (min-width:620px){.main-container{padding-left:4.8%;padding-right:4.8%;max-width:788px}}@media only screen and (min-width:800px){.main-container{padding-left:4.4%;padding-right:4.4%;max-width:964px}}.container{box-sizing:content-box;position:relative;padding-left:5%;padding-right:5%;margin-left:auto;margin-right:auto}@media only screen and (min-width:620px){.container{padding-left:4.8%;padding-right:4.8%;max-width:788px}}@media only screen and (min-width:800px){.container{padding-left:4.4%;padding-right:4.4%;max-width:964px}}@media only screen and (min-width:620px){.container-medium{box-sizing:content-box;position:relative;padding-left:5%;padding-right:5%;margin-left:auto;margin-right:auto}}@media only screen and (min-width:620px) and (min-width:620px){.container-medium{padding-left:4.8%;padding-right:4.8%;max-width:788px}}@media only screen and (min-width:620px) and (min-width:800px){.container-medium{padding-left:4.4%;padding-right:4.4%;max-width:964px}}@media only screen and (max-width:619px){.container-small{box-sizing:content-box;position:relative;padding-left:5%;padding-right:5%;margin-left:auto;margin-right:auto}}@media only screen and (max-width:619px) and (min-width:620px){.container-small{padding-left:4.8%;padding-right:4.8%;max-width:788px}}@media only screen and (max-width:619px) and (min-width:800px){.container-small{padding-left:4.4%;padding-right:4.4%;max-width:964px}}@media only screen and (min-width:800px){.content{margin-right:25.9%}.content pre{margin-right:-25.9%}}@media only screen and (min-width:620px) and (max-width:799px){.g-medium--1{float:left;margin-right:4.5%;width:30.3%}.g-medium--push-1{margin-left:34.8%}.g-medium--pull-1{margin-right:34.8%}.g-medium--2{float:left;margin-right:4.5%;width:65.1%}.g-medium--push-2{margin-left:69.6%}.g-medium--pull-2{margin-right:69.6%}.g-medium--3{float:left;width:99.9%;margin-right:0}.g-medium--full{float:left;margin-right:0;width:100%}.g--third,.feature-block{float:left;margin-right:4.5%;width:30.3%}.g--half,.g-medium--half{float:left;margin-right:4.5%;width:47.75%}.g-medium--last{margin-right:0}.g-medium--last+.g-medium--half{clear:left}.g--pull-half{margin-right:52.25%}}@media only screen and (min-width:800px){.g-wide--1{margin-right:3.7%}.g-wide--1,.app-store-badge{float:left;width:22.2%}.g-wide--push-1{margin-left:25.9%}.g-wide--pull-1{margin-right:25.9%}.g-wide--2{float:left;margin-right:3.7%;width:48.1%}.g-wide--push-2{margin-left:51.8%}.g-wide--pull-2{margin-right:51.8%}.g-wide--3,.main-text{float:left;margin-right:3.7%;width:74%}.g-wide--push-3{margin-left:77.7%}.g-wide--pull-3{margin-right:77.7%}.g-wide--4{float:left;width:99.9%}.g-wide--4,.g-wide--last,.app-store-badge,.g-wide--full{margin-right:0}.g-wide--full{float:left;width:100%}.g--third,.feature-block{float:left;margin-right:3.7%;width:30.8%}.g--half,.g-wide--half{float:left;margin-right:3.7%;width:48.15%}.g--pull-half{margin-right:51.85%}}.g--last{margin-right:0}.g--centered{float:none;margin-left:auto;margin-right:auto}.grid-overlay{display:none;pointer-events:none}.debug .grid-overlay{box-sizing:content-box;padding-left:5%;padding-right:5%;margin-left:auto;margin-right:auto;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;display:block}@media only screen and (min-width:620px){.debug .grid-overlay{padding-left:4.8%;padding-right:4.8%;max-width:788px}}@media only screen and (min-width:800px){.debug .grid-overlay{padding-left:4.4%;padding-right:4.4%;max-width:964px}}.debug .grid-overlay [class*="g-"]{height:100%;background-color:rgba(89,89,89,.2)}@media only screen and (min-width:620px) and (max-width:799px){.debug .grid-overlay .g-wide--last,.debug .grid-overlay .app-store-badge{display:none}}@media only screen and (max-width:619px){.debug .grid-overlay{display:none}}h1,h2,h3,h4,h5,p{margin:0}.small,small{font-size:13px;line-height:2em;padding-top:2em;padding-bottom:0}.base,p,ul,ol,.medium,h4{line-height:1.625em;padding-top:1.625em;padding-bottom:0}.medium,h4{font-size:16px}@media only screen and (min-width:800px){.medium,h4{font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0}}.large,h3{font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0}@media only screen and (min-width:800px){.large,h3{font-family:Helvetica,Arial,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0}}.xlarge,h2{font-family:Helvetica,Arial,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0}@media only screen and (min-width:800px){.xlarge,h2{font-family:Helvetica,Arial,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-top:.619em;padding-bottom:0}}.xxlarge,h1{font-family:Helvetica,Arial,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-top:.619em;padding-bottom:0}@media only screen and (min-width:800px){.xxlarge,h1{font-family:Helvetica,Arial,sans-serif;font-size:68px;font-weight:300;line-height:1.1471em;padding-top:.3824em;padding-bottom:0}}.huge{font-family:Helvetica,Arial,sans-serif;font-size:68px;font-weight:300;line-height:1.1471em;padding-top:.3824em;padding-bottom:0}@media only screen and (min-width:800px){.huge{font-family:Helvetica,Arial,sans-serif;font-size:110px;font-weight:300;line-height:1.19em;padding-top:.2364em;padding-bottom:0}}li>p{padding-top:0}.button,.button--primary,.button--secondary,.button--secondary-variation{display:inline-block;padding:12px 32px;margin-bottom:13px;margin-top:13px;min-height:26px;text-align:center;font-family:Helvetica,Arial,sans-serif;font-weight:600;text-decoration:none;outline:0;-webkit-transition:none;transition:none}.button:hover,.button--primary:hover,.button--secondary:hover,.button--secondary-variation:hover{background:#4d4d4d;color:#fff;border:1px solid #4d4d4d;text-decoration:none}.button--primary{background:#4285f4;color:#fff;border:1px solid #1266f1}.button--secondary,.button--secondary-variation{background:#fff;color:#3372df;border:1px solid #e6e6e6}.button--secondary-variation{border-color:transparent}a{color:#fff}a:hover{text-decoration:none}a:visited{color:#fff}img,video,object{max-width:100%}.content img{margin-top:26px}.content img,.page--styleguide .styleguide__module-title{margin-bottom:26px}.page--styleguide section{margin-bottom:52px;border-bottom:1px solid #ccc;padding-bottom:77px}.page--styleguide .styleguide__color-list{text-align:center}.page--styleguide .styleguide__color-list li{border-bottom:52px solid;margin-bottom:26px;position:relative}.page--styleguide .styleguide__breadcrumb .breadcrumbs{display:block}.page--styleguide .styleguide__lists ul,.page--styleguide .styleguide__lists ol{margin-bottom:26px}.page--styleguide .styleguide__inverted-block{background:#e8e8e8;padding:0 13px}.page--styleguide .styleguide__theme-block{background:#297ea9;padding:0 13px}.demo{margin-bottom:26px;margin-top:26px}.demo [class*="g-"]{background-color:rgba(0,0,0,.26);position:relative;margin-bottom:26px;min-height:156px}.demo [class*="g-"]::before,.demo [class*="g-"]::after{font-size:13px;line-height:2em;padding-top:2em;padding-bottom:0;display:block;margin:0 10px}.demo [class*="g-"]::before{content:'HTML classes: ';font-weight:700}.demo [class*="g-"]::after{content:attr(class);word-spacing:15px}.page--resources .article-section__icon,.page--resources .articles-count,.page--resources .guides-list__item .secondary-content{display:none}.page--resources .primary-content{padding-top:26px;padding-bottom:52px}.page--resources .primary-content p{margin-top:0}.clear::before,.clear::after{content:'';display:table}.clear::after{clear:both}.color--blue{color:#3372df}.color--red{color:#cb4437}.color--green{color:#0f9d58}.color--yellow{color:#f4b400}.color--blue-secondary{color:#b7cdf4}.color--red-secondary{color:#ebb6b0}.color--green-secondary{color:#56efa5}.color--yellow-secondary{color:#ffd45b}.color--gray-background{color:#f0f0f0}.color--gray-keyline{color:#e0e0e0}.color--gray{color:rgba(0,0,0,.54)}.color--gray-dark{color:rgba(0,0,0,.87)}.color--text{color:#404040}.color--highlight{color:#3372df}.color--warning{color:#ffd45b}.color--danger{color:#cb4437}.color--muted{color:#737373}.color--remember{color:#09829a}.color--learning{color:#da2e75}.color--layouts{color:#297ea9}.color--user{color:#2c8566}.color--media{color:#cf423a}.color--performance{color:#7b5294}.color--layouts-secondary{color:#89c4e2}.color--user-secondary{color:#78d2b3}.color--media-secondary{color:#edb8b5}.color--performance-secondary{color:#c4add2}.text-divider{position:relative;margin-bottom:26px}.text-divider::after{content:'';display:block;position:absolute;width:40%;height:1px;box-shadow:0 1px 0 0 #e0e0e0;left:30%;bottom:-13px}.text-divider.xlarge{margin-bottom:52px}.text-divider.xlarge::after{bottom:-26px}.text-divider.xxlarge{margin-bottom:78px}.text-divider.xxlarge::after{bottom:-39px}.text-divider.huge{margin-bottom:78px}.text-divider.huge::after{bottom:-39px}.centered{text-align:center}.tag{font-size:13px;line-height:2em;padding-top:2em;padding-bottom:0;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;display:inline-block;text-decoration:none}.tag:hover{color:rgba(0,0,0,.87)}.tag::before{content:'# ';display:inline-block}html{width:100%}html,body{height:100%;margin:0;padding:0}body{position:relative;font-family:Helvetica,Arial,sans-serif;font-weight:300;color:#fff;box-sizing:border-box;min-height:100%}body,.app-bar{width:100%;background-color:rgba(0,0,0,.87)}.app-bar{display:block;top:0;left:0;overflow:hidden;z-index:1}.app-bar-container{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:60px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:0 auto}.app-bar .logo{-webkit-flex:1;-ms-flex:1;flex:1;font-size:2em;line-height:60px;margin:0 16px;padding:0;color:#fefefe;float:none;max-width:none;font-weight:300;display:initial}.app-bar .logo a{text-decoration:none;color:inherit;font-weight:400}.app-bar-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;z-index:2;margin-right:1em;font-size:1rem}.app-bar button{width:60px;height:60px;background-image:none;background-color:transparent;border:none;padding:0;display:inline-block;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;-webkit-tap-highlight-color:transparent}.app-bar button img{height:24px;width:24px}.app-bar button:hover{background-color:rgba(255,255,255,.1)}.app-bar button:focus{background-color:rgba(255,255,255,.2);outline:0}.app-bar button:active{background-color:rgba(255,255,255,.4)}.promote-layer{-webkit-backface-visibility:hidden;backface-visibility:hidden}.nowrap{text-wrap:none;white-space:nowrap}.base,p,ul,ol{font-size:19px}main{clear:both;padding:16px;margin:0 auto 2em}#hero--video{width:100%}#hero--phones{width:50%;float:left;text-align:center;z-index:1}#hero--phones img{width:90%}#hero--text{z-index:1}#hero--text h1{font-size:20px;font-weight:300;line-height:1.3em;padding-bottom:0;padding-top:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#fff 0,#fff 250px,rgba(255,255,255,0)300px);background-image:linear-gradient(top,#fff 0,#fff 250px,rgba(255,255,255,0)300px);background-repeat:no-repeat;background-position:0 -500px;background-size:auto 500px}@media all and (min-width:800px){.flex-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}.main-text{line-height:1.25}.main-text,.app-store-badge{font-family:Helvetica,Arial,sans-serif;font-size:26px;font-weight:300;padding-top:1em;padding-bottom:0}.app-store-badge{line-height:1em;text-align:center}@media all and (min-width:800px){.app-store-badge{padding-top:0}}.app-store-badge a,.app-store-badge img{width:90%}.feature-block{overflow:hidden;margin-top:3em}.feature-block h4{font-weight:700}.feature-block .feature-block-text{line-height:1.25;padding-top:0}.screenshot{width:100%}.itunes-get-button--link{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.itunes-get-button--link,.itunes-get-button--link:hover,.itunes-get-button--link:visited,.itunes-get-button--link:active{color:#fff;text-decoration:none}.itunes-get-button{background-color:inherit;border:1px solid #fff;border-radius:5px;padding:.25em .5em;text-decoration:none}.itunes-get-button:hover{color:#fff}.final-cta{font-family:Helvetica,Arial,sans-serif;font-weight:300;line-height:1.2381em;font-size:4.5vw;box-sizing:content-box;position:relative;margin-left:auto;margin-right:auto;max-width:80%;text-align:center;border:1px solid #fff;padding:.18em 5% 0}@media only screen and (min-width:620px){.final-cta{padding-left:4.8%;padding-right:4.8%;max-width:788px}}@media only screen and (min-width:800px){.final-cta{padding-left:4.4%;padding-right:4.4%;max-width:964px}}.final-cta a,.final-cta a:hover,.final-cta a:active{color:#fff;text-decoration:none}@media only screen and (min-width:620px) and (max-width:799px){.final-cta{max-width:85%}}#copyright{font-size:13px;line-height:2em;padding-top:2em;padding-bottom:0;text-align:center}@media all and (min-width:990px){.app-bar-container{height:130px;padding:0 16px;box-sizing:border-box}.app-bar .logo{line-height:130px;font-size:46px}.app-bar-actions{float:right;line-height:130px}.app-bar::after{content:' ';display:block;height:0;overflow:hidden;clear:both}button.menu{display:none}main{max-width:100vmin;box-sizing:content-box;position:relative;padding-left:5%;padding-right:5%;margin-left:auto;margin-right:auto;padding-top:0;min-height:initial}.itunes-get-button--link{display:block}.itunes-get-button{line-height:130px;vertical-align:middle;padding:9px}body{overflow-y:scroll}.final-cta{font-size:4vw;text-align:center}.app-store-badge a,.app-store-badge img{width:100%}.no-desktop{display:none}}