@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(//themes.googleusercontent.com/static/fonts/robotocondensed/v9/b9QBgL0iMZfDSpmcXcE8nMrfajfqx5pse9BUPMmpr-I.woff) format('woff')}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed Regular'),local('RobotoCondensed-Regular'),url(//themes.googleusercontent.com/static/fonts/robotocondensed/v9/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff) format('woff')}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(//themes.googleusercontent.com/static/fonts/robotocondensed/v9/b9QBgL0iMZfDSpmcXcE8nPZRQUbYfRc-1FWT9T9EE8M.woff) format('woff')}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,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{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;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}code,pre{font-size:14px}pre{background:#f0f0f0;padding:13px}code{word-break:break-word;word-wrap:break-word}p code{background:#f0f0f0;display:inline-block;padding:4px;border-radius:1px;font-size:13px;line-height:1}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body,button,html{-webkit-font-smoothing:antialiased;font-smoothing:antialiased}body{font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.625em;font-weight:300;color:#404040;position:relative}body:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;width:100%;z-index:9;display:none;background-image:-moz-linear-gradient(top,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(95%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.15)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);background-image:-ms-linear-gradient(top,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);background-image:linear-gradient(top,rgba(0,0,0,.15) 95%,rgba(0,0,0,.15) 100%);-webkit-background-size:100% 26px;-moz-background-size:100% 26px;-ms-background-size:100% 26px;background-size:100% 26px}body.debug:after{display:block;pointer-events:none}.container,.main-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;position:relative;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media only screen and (min-width:620px){.main-container{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.main-container{padding-left:35px;padding-right:35px;max-width:864px}}@media only screen and (min-width:620px){.container{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.container{padding-left:35px;padding-right:35px;max-width:864px}}.container-medium{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;position:relative;margin-left:auto;margin-right:auto}@media only screen and (min-width:620px){.container-medium{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.container-medium{padding-left:35px;padding-right:35px;max-width:864px}}@media only screen and (max-width:619px){.container-small{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;position:relative;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media only screen and (min-width:620px){.container-small{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.container-small{padding-left:35px;padding-right:35px;max-width:864px}}}code .highlight,div.highlight>pre>code{background:0 0}code .highlight .c,div.highlight>pre>code .c{color:#998;font-style:italic}code .highlight .err,div.highlight>pre>code .err{color:#a61717;background-color:#e3d2d2}code .highlight .cm,div.highlight>pre>code .cm{color:#998;font-style:italic}code .highlight .cp,div.highlight>pre>code .cp{color:#737373}code .highlight .c1,div.highlight>pre>code .c1{color:#998;font-style:italic}code .highlight .cs,div.highlight>pre>code .cs{color:#737373;font-style:italic}code .highlight .gd,div.highlight>pre>code .gs{color:#000;background-color:#fdd}code .highlight .gd .x,div.highlight>pre>code .gd .x{color:#000;background-color:#faa}code .highlight .ge,div.highlight>pre>code .ge{font-style:italic}code .highlight .gr,div.highlight>pre>code .gr{color:#a00}code .highlight .gh,div.highlight>pre>code .gh{color:#737373}code .highlight .gi,div.highlight>pre>code .gi{color:#000;background-color:#dfd}code .highlight .gi .x,div.highlight>pre>code .gi .x{color:#000;background-color:#afa}code .highlight .go,div.highlight>pre>code .go{color:#888}code .highlight .gp,div.highlight>pre>code .gp{color:#555}code .highlight .gu,div.highlight>pre>code .gu{color:#aaa}code .highlight .gt,div.highlight>pre>code .gt{color:#a00}code .highlight .kt,div.highlight>pre>code .kt{color:#458}code .highlight .m,div.highlight>pre>code .m{color:#099}code .highlight .s,div.highlight>pre>code .s{color:#da2e75}code .highlight .na,div.highlight>pre>code .na{color:teal}code .highlight .nb,div.highlight>pre>code .nb{color:#0086B3}code .highlight .nc,div.highlight>pre>code .nc{color:#458}code .highlight .no,div.highlight>pre>code .no{color:teal}code .highlight .ni,div.highlight>pre>code .ni{color:purple}code .highlight .ne,code .highlight .nf,div.highlight>pre>code .ne,div.highlight>pre>code .nf{color:#900}code .highlight .nn,div.highlight>pre>code .nn{color:#555}code .highlight .nt,div.highlight>pre>code .nt{color:#09829a}code .highlight .nv,div.highlight>pre>code .nv{color:teal}code .highlight .w,div.highlight>pre>code .w{color:#bbb}code .highlight .mf,code .highlight .mh,code .highlight .mi,code .highlight .mo,div.highlight>pre>code .mf,div.highlight>pre>code .mh,div.highlight>pre>code .mi,div.highlight>pre>code .mo{color:#099}code .highlight .s2,code .highlight .sb,code .highlight .sc,code .highlight .sd,code .highlight .se,code .highlight .sh,code .highlight .si,code .highlight .sx,div.highlight>pre>code .s2,div.highlight>pre>code .sb,div.highlight>pre>code .sc,div.highlight>pre>code .sd,div.highlight>pre>code .se,div.highlight>pre>code .sh,div.highlight>pre>code .si,div.highlight>pre>code .sx{color:#da2e75}code .highlight .sr,div.highlight>pre>code .sr{color:#009926}code .highlight .s1,div.highlight>pre>code .s1{color:#da2e75}code .highlight .ss,div.highlight>pre>code .ss{color:#990073}code .highlight .bp,div.highlight>pre>code .bp{color:#737373}code .highlight .vc,code .highlight .vg,code .highlight .vi,div.highlight>pre>code .vc,div.highlight>pre>code .vg,div.highlight>pre>code .vi{color:teal}code .highlight .il,div.highlight>pre>code .il{color:#099}h1,h2,h3,h4,h5,p{margin:0}.small,small{font-size:13px;line-height:2em;padding-top:2em;padding-bottom:0;letter-spacing:0}.base,.medium,dl,h4,ol,p,ul{font-size:16px;line-height:1.625em;padding-top:1.625em;padding-bottom:0;letter-spacing:0}@media only screen and (min-width:800px){.medium,h4{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}}.large,h3{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}@media only screen and (min-width:800px){.large,h3{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px}}.xlarge,h2{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px}@media only screen and (min-width:800px){.xlarge,h2{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-top:.619em;padding-bottom:0;letter-spacing:-.3px}}.xxlarge,h1{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-top:.619em;padding-bottom:0;letter-spacing:-.3px}@media only screen and (min-width:800px){.xxlarge,h1{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:68px;font-weight:300;line-height:1.1471em;padding-top:.3824em;padding-bottom:0;letter-spacing:-3px}}.huge{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:68px;font-weight:300;line-height:1.1471em;padding-top:.3824em;padding-bottom:0;letter-spacing:-3px}@media only screen and (min-width:800px){.huge{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:110px;font-weight:300;line-height:1.19em;padding-top:.2364em;padding-bottom:0;letter-spacing:-5px}}li>p{padding-top:0}@media only screen and (min-width:800px){.content h1,.content h2,.content h3,.content h4,.content h5,.content h6,.content p,.content>ol,.content>ul{margin-right:25.9%}}.content h1>code,.content h2>code,.content h3>code{font-size:inherit}.content [class*=g-] h1,.content [class*=g-] h2,.content [class*=g-] h3,.content [class*=g-] h4,.content [class*=g-] h5,.content [class*=g-] h6,.content [class*=g-] ol,.content [class*=g-] p,.content [class*=g-] ul{margin-right:0}.content .media-subsection p{padding-top:0}.content h2{margin-top:78px}.content h3{margin-top:52px}.content h4{margin-top:26px}@font-face{font-family:icons;src:url(../icons/icons.eot);src:url(../icons/icons.eot?#iefix) format("embedded-opentype"),url(../icons/icons.woff) format("woff"),url(../icons/icons.ttf) format("truetype"),url(../icons/icons.svg?#icons) format("svg");font-weight:400;font-style:normal}.icon{font-family:icons;display:inline-block;vertical-align:top;line-height:1;font-weight:400;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-bullet:before{content:"\f101"}.icon-chevron-down:before{content:"\f102"}.icon-chevron-large:before{content:"\f103"}.icon-chevron-left:before{content:"\f104"}.icon-chevron-right:before{content:"\f105"}.icon-chevron-up:before{content:"\f106"}.icon-close:before{content:"\f107"}.icon-cog:before{content:"\f108"}.icon-device-access:before{content:"\f109"}.icon-diamond:before{content:"\f10a"}.icon-discovery-and-distribution:before{content:"\f10b"}.icon-exclamation:before{content:"\f10c"}.icon-google-dev:before{content:"\f10d"}.icon-guides:before{content:"\f10e"}.icon-hash:before{content:"\f10f"}.icon-introduction-to-media:before{content:"\f110"}.icon-lessons:before{content:"\f111"}.icon-look-and-feel:before{content:"\f112"}.icon-menu:before{content:"\f113"}.icon-minus:before,.subnav-is-opened .icon-custom:before{content:"\f114"}.icon-monetization:before{content:"\f115"}.icon-multi-device-layouts:before{content:"\f116"}.icon-performance:before{content:"\f117"}.icon-custom:before,.icon-plus:before{content:"\f118"}.icon-principles-of-site-design:before{content:"\f119"}.icon-question:before{content:"\f11a"}.icon-slash:before{content:"\f11b"}.home-header:after,.icon-star:before{content:"\f11c"}.icon-tick:before{content:"\f11d"}.icon-tools:before,.wsk-header:after{content:"\f11e"}.icon-user-input:before{content:"\f11f"}.main-nav{background:#fff;position:relative}@media only screen and (min-width:620px){.main-nav{background-color:#404040;box-shadow:0 2px 0 0 #f0f0f0}}.main-nav__list{margin:0 auto;padding:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;position:relative}@media only screen and (max-width:619px){.main-nav__list{box-shadow:0 0 0 2px #404040}.js .main-nav__list{display:none}.js .main-nav__list.nav-is-opened{display:block;-webkit-animation:showNav 250ms ease-in-out both;-moz-animation:showNav 250ms ease-in-out both;-ms-animation:showNav 250ms ease-in-out both;animation:showNav 250ms ease-in-out both}}@media only screen and (min-width:620px){.main-nav__list{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.main-nav__list{padding-left:35px;padding-right:35px;max-width:864px}}@media only screen and (min-width:620px){.main-nav__list{position:static}}.main-nav__item{list-style:none;display:block;background-color:#f0f0f0;position:static;padding-left:0}@media only screen and (max-width:619px){.main-nav__item.subnav-is-opened{background:#fff}}@media only screen and (min-width:620px){.main-nav__item{float:left;background-color:transparent}.main-nav__item:last-child{border-right:none}}.main-nav__item:first-child~.main-nav__item{padding-top:0}.main-nav__item:before{display:none}body[dir=rtl] .main-nav__item{list-style:none;display:block;position:static}body[dir=rtl] .main-nav__item:before{display:none}.main-nav__link{font-size:20px;font-weight:300;line-height:1.3em;letter-spacing:-.3px;color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;margin-bottom:1px;text-decoration:none;display:block;padding-top:13px;padding-bottom:12px}@media only screen and (min-width:800px){.main-nav__link{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px}}.main-nav__link:hover{text-decoration:none}.main-nav__item:last-child .main-nav__link{margin-bottom:0}@media only screen and (max-width:619px){.main-nav__link{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;position:relative;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media only screen and (min-width:620px){.main-nav__link{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.main-nav__link{padding-left:35px;padding-right:35px;max-width:864px}}}@media only screen and (min-width:620px){.main-nav__link{font-size:20px;font-weight:300;line-height:1.3em;letter-spacing:-.3px;margin-bottom:0;padding:26px 13px;position:relative;color:inherit}@media only screen and (min-width:620px){.main-nav__link{color:inherit}}@media only screen and (min-width:620px){.main-nav__item--home .main-nav__link{padding-left:0}.main-nav__item--home .main-nav__link:after{left:40%}}}.main-nav__link--web{border-right:4px solid #fff;margin-right:1em}@media only screen and (max-width:619px){.main-nav__link--web{margin-right:auto;margin-left:auto;border-right:none}}@media (min-width:1043px){.main-nav__link--web{border-right:4px solid #fff;margin-right:1em;margin-left:-88px}}@media only screen and (min-width:620px){.main-nav__link--parent{position:relative}.no-touch .main-nav__link--parent:hover{color:#ffe168}.main-nav__link--parent:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #f0f0f0;position:absolute;bottom:0;left:50%;margin-left:-3px;display:none}.main-nav__item--current .main-nav__link--parent{cursor:default}.no-touch .main-nav__item--current .main-nav__link--parent:hover{color:#bababa}.main-nav__item--current .main-nav__link--parent:after{display:block}}@media only screen and (min-width:800px){.main-nav__link--parent{padding-bottom:26px}}.main-nav__item--current{color:#bababa}@media only screen and (min-width:620px){.no-touch .main-nav__item--current.main-nav__item--has-child .main-nav__link--parent:hover{color:#ffe168;cursor:pointer}}@media only screen and (max-width:619px){.page--home .main-nav__item--home{display:none}}.main-nav__list--child{padding-top:0;padding-left:0}body[dir=rtl] .main-nav__list--child{padding-right:0;margin-right:0}.main-nav__item--child{padding-top:0;position:static;padding-left:0}.main-nav__item--child:before{display:none}body[dir=rtl] .main-nav__item--child{padding-top:0;position:static;padding-left:0;padding-right:0;text-align:right}body[dir=rtl] .main-nav__item--child:before{display:none}.main-nav__link--child{background:#fff;font-size:16px;line-height:1.625em;letter-spacing:0;padding-top:13px;padding-bottom:12px;margin-bottom:0;border-bottom:1px solid #e0e0e0}@media only screen and (max-width:619px){.main-nav__link--child{padding-left:10%}}@media only screen and (min-width:620px){.main-nav__link--child{color:#404040;border-bottom-color:transparent;padding-left:0}.main-nav__list--child .main-nav__link--child{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}@media only screen and (min-width:800px){.main-nav__list--child .main-nav__link--child{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px}}.main-nav__link--child:hover{color:#404040}}.main-nav__secondary-nav{display:none}@media only screen and (min-width:620px){.main-nav__secondary-nav{background-color:#fff;position:absolute;left:0;right:0;z-index:2;border-top:5px solid #404040;margin-top:-5px;border-bottom:2px solid #404040;padding-bottom:24px;color:#404040}}.subnav-is-opened .main-nav__secondary-nav{display:block;-webkit-animation:showNav 250ms ease-in-out both}.main-nav__secondary-content{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;position:relative;margin-left:auto;margin-right:auto}@media only screen and (min-width:620px){.main-nav__secondary-content{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.main-nav__secondary-content{padding-left:35px;padding-right:35px;max-width:864px}}@media only screen and (min-width:620px){.main-nav__secondary-content{text-align:left}}.main-nav__link--explore{font-family:"Roboto Condensed",Helvetica,sans-serif;color:#3372df;font-weight:400;letter-spacing:1px;display:block;line-height:26px}.main-nav__link--explore:hover{color:#404040}@media only screen and (max-width:619px){.main-nav__link--explore{border-top:1px solid #e0e0e0}}@media only screen and (min-width:620px){.main-nav__link--explore{font-family:"Roboto Condensed",Helvetica,sans-serif;color:#3372df;font-weight:400;display:inline-block;line-height:1;letter-spacing:1px;text-decoration:none}.main-nav__link--explore:hover{color:#404040}.main-nav__link--explore:before{display:inline-block;padding-right:10px;font-family:icons;line-height:25px;font-size:13px;content:"\f105"}}@media only screen and (min-width:620px){.main-nav__link--explore-wrapper{border-bottom:1px solid #e0e0e0}}.main-nav__featured{display:none}@media only screen and (min-width:620px){.main-nav__featured{display:block}}.main-nav__featured-text{padding-top:0}.main-nav__btn{position:absolute;top:0;right:16px;margin:0;line-height:26px;font-size:26px;background:0 0;color:#fff;padding:16px 0 10px 32px;border:none;-webkit-appearance:none;outline:0}@media only screen and (min-width:620px){.main-nav__btn{display:none}}.nav-is-opened+.main-nav__btn{top:-6px}.nav-is-opened+.main-nav__btn i:before{font-size:20px;content:"\f107"}.main-nav__icon{float:right;margin-right:7px;font-size:16px;line-height:26px;vertical-align:middle}.main-nav__secondary-nav .main-nav__icon{font-size:13px}@media only screen and (min-width:620px){.main-nav__icon{display:none;font-size:13px}}@media only screen and (min-width:620px){.icon-custom:before{font-size:9px;content:"\f102"}}@media only screen and (min-width:620px){.icon-custom{float:none;display:inline-block;margin-left:6px;line-height:13px;vertical-align:top;position:relative;top:7px}}@media only screen and (min-width:620px){.subnav-is-opened .icon-custom:before{content:"\f106"}}.main-nav .main-nav__guide-icon{display:inline-block;vertical-align:top;margin-right:6px}@media only screen and (min-width:620px){.main-nav .main-nav__guide-icon{vertical-align:middle}}@-webkit-keyframes showNav{0%{opacity:0}100%{opacity:1}}@-moz-keyframes showNav{0%{opacity:0}100%{opacity:1}}@-ms-keyframes showNav{0%{opacity:0}100%{opacity:1}}@keyframes showNav{0%{opacity:0}100%{opacity:1}}.main-header{background:#404040;color:#fff;position:relative;z-index:3}.main-header__title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-bottom:0;letter-spacing:-.3px;padding-top:0;margin:26px 0}@media only screen and (min-width:620px){.main-header__title{padding:0;margin:0;float:left;background:0 0;width:150px}}@media only screen and (min-width:800px){.main-header__title{width:170px}}.main-header__title span{font-weight:300}.no-touch .main-header__title a:hover{color:#737373}@media only screen and (max-width:619px){.beta+.main-header__title{margin-bottom:22px}}.main-nav__header{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;position:relative;padding:13px 16px;margin-left:auto;margin-right:auto;font-size:20px;font-weight:300;line-height:1.3em;letter-spacing:-.3px;color:#fff;font-family:"Roboto Condensed",Helvetica,sans-serif;background:#404040}@media only screen and (min-width:620px){.main-nav__header{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.main-nav__header{padding-left:35px;padding-right:35px;max-width:864px}}@media only screen and (min-width:620px){.main-nav__header{display:none}}body[dir=rtl] .main-nav__header{text-align:left}.main-header__logo{text-decoration:none;color:#404040;font-weight:400}@media only screen and (min-width:620px){.main-header__logo{font-family:"Roboto Condensed",Helvetica,sans-serif;text-decoration:none;display:block}}.main-footer{background:#404040;padding:26px 0 52px}@media only screen and (min-width:620px){.main-footer{padding-top:52px}}.main-footer,.main-footer a{color:#fff}.main-footer h3{color:inherit}@media only screen and (min-width:620px){.main-footer h3{color:inherit}}.main-footer__list-group{position:relative;overflow:hidden}@media only screen and (min-width:620px){.main-footer__list-group:after{content:"";display:block;width:1px;height:100%;background:#737373;position:absolute;left:50%;top:0}}.main-footer__title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px;font-weight:400}@media only screen and (min-width:620px){.main-footer__title{padding-top:0}}.main-footer__title span{display:block;font-weight:300}.main-footer__title img{margin:0;height:26px;width:auto;display:block}.main-footer__list{padding:26px 0 0}.main-footer__list li{margin-bottom:13px;padding-left:0}.main-footer__list li:before,body[dir=rtl] ul.main-footer__list>li:before{display:none}.main-footer__list--primary{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:16px;font-weight:400}@media only screen and (max-width:619px){.main-footer__list--primary{border-bottom:1px solid #737373;padding-bottom:53px;margin-bottom:26px}}@media only screen and (min-width:620px){.main-footer__list--primary{padding-top:0;float:left;width:50%;padding-right:7.4%;text-align:right}}.main-footer__list--secondary{font-size:13px;line-height:26px;padding-top:13px}.main-footer__google-section a{color:#e0e0e0}@media only screen and (min-width:620px){.main-footer__google-section{float:left;width:50%;padding-left:9%}}@media only screen and (min-width:800px){.main-footer__google-section{padding-left:7.4%}}@media only screen and (min-width:800px){body[dir=rtl] .main-footer__google-section{padding-left:0;padding-right:7.4%}}.highlight-module{overflow:hidden;margin-top:52px;margin-bottom:26px;position:relative}.highlight-module:after{background:#f0f0f0;content:"";height:100%;position:absolute;top:0;bottom:0;z-index:0;width:100%;right:0;left:0}.highlight-module ol,.highlight-module ul{padding-left:0}.highlight-module__container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;padding-bottom:78px;z-index:1;position:relative}@media only screen and (min-width:620px){.highlight-module__container{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.highlight-module__container{padding-left:35px;padding-right:35px;max-width:864px}}.highlight-module__container:before{display:none}@media only screen and (min-width:620px){.highlight-module__container:before{display:block;position:absolute;top:106px;right:32px;font-family:icons;font-size:130px;line-height:1px;text-align:center;height:100%;width:27.5%;color:#fff}}.highlight-module--left .highlight-module__container:before{right:auto;left:32px}@media only screen and (min-width:800px){.highlight-module__container:before{top:134px;right:35px;width:20.5%;font-size:180px}.highlight-module--left .highlight-module__container:before{left:35px}.highlight-module--large .highlight-module__container:before{font-size:430px}}@media only screen and (min-width:620px){.highlight-module__container{padding-bottom:52px}}@media only screen and (min-width:800px){.highlight-module__container{min-height:208px}}.highlight-module__title{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:68px;font-weight:300;line-height:1.1471em;padding-bottom:0;letter-spacing:-3px;padding-top:26px;color:inherit}@media only screen and (min-width:800px){.highlight-module__title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:110px;font-weight:300;line-height:1.19em;padding-top:.2364em;padding-bottom:0;letter-spacing:-5px}}@media only screen and (min-width:800px){.highlight-module__title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-top:.619em;padding-bottom:0;letter-spacing:-.3px}@media only screen and (min-width:800px){.highlight-module__title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:68px;font-weight:300;line-height:1.1471em;padding-top:.3824em;padding-bottom:0;letter-spacing:-3px}}}@media only screen and (min-width:620px){.highlight-module__title{color:inherit}}.highlight-module__cta{display:block;font-size:13px;font-weight:400}.highlight-module--learning{color:#fff}.highlight-module--learning:after{background-color:#da2e75}.highlight-module--learning a{color:#fff;text-decoration:underline}.highlight-module--remember{color:#fff}.highlight-module--remember:after{background-color:#09829a}.highlight-module--remember a{text-decoration:none}.highlight-module--code{overflow:visible;margin-bottom:52px}.highlight-module--code pre{line-height:26px;margin:0 0 0 -26px;padding:26px 0 0}.highlight-module--code pre span{margin:0;padding:0;display:inline-block}.highlight-module--code code{margin:0;padding:0;word-spacing:-2px;display:block;word-break:normal;word-wrap:normal}.highlight-module--code .highlight-module__container{padding-bottom:0}@media only screen and (min-width:800px){.highlight-module--code .highlight-module__container{min-height:0}}.highlight-module--code .highlight-module__cta{position:absolute}@media only screen and (min-width:800px){.highlight-module--left:after{width:80%;right:20%}}@media only screen and (min-width:800px){.highlight-module--right:after{width:80%;left:20%}}@media only screen and (min-width:800px){.highlight-module--right.highlight-module--code:after{width:100%;left:0}}.highlight-module--inline{color:#404040;overflow:visible;margin:26px 0 0}.highlight-module--inline .highlight-module__container{padding-bottom:0;min-height:0}.highlight-module--inline .highlight-module__container:before{display:none}.highlight-module--inline li a{color:#3372df;text-decoration:none}.highlight-module--inline li a:hover{text-decoration:underline}.highlight-module--inline .highlight-module__content{border-color:#e0e0e0;border-style:solid;border-width:1px 0;padding:0 0 24px}.highlight-module--inline .highlight-module__title{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}@media only screen and (min-width:800px){.highlight-module--inline .highlight-module__title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px}}.highlight-module--inline.highlight-module--remember .highlight-module__title,.highlight-module--inline.highlight-module--remember li:before{color:#09829a}.highlight-module--inline.highlight-module--learning .highlight-module__title,.highlight-module--inline.highlight-module--learning li:before{color:#da2e75}.highlight-module--inline:after{display:none!important}.editorial-header .breadcrumbs,.editorial-header .breadcrumbs a{color:#4285f4}@media only screen and (min-width:620px){.editorial-header .container{position:relative}.editorial-header .container:before{content:"\f103";font-family:icons;font-size:1000px;line-height:0;display:block;position:absolute;top:0;right:100%;color:#f0f0f0;margin:168px -35px 0 0}}.editorial-header h2{margin-top:0;position:relative}body[dir=rtl] .editorial-header .container:before{right:auto;left:100%;content:"\f104";margin:168px 0 0 -35px}.editorial-header__excerpt{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px;font-family:"Roboto Condensed",Helvetica,sans-serif}.editorial-header .tag{padding-top:52px}.editorial-header__subtitle{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-bottom:0;letter-spacing:-.3px;padding-top:0;color:#4285f4}@media only screen and (min-width:800px){.editorial-header__subtitle{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:68px;font-weight:300;line-height:1.1471em;padding-top:.3824em;padding-bottom:0;letter-spacing:-3px}}@media only screen and (min-width:620px){.editorial-header__subtitle{padding-top:0;padding-bottom:26px;margin-top:0}}.editorial-header__toc{margin-top:26px}.editorial-header__toc ol{padding-top:0}@media only screen and (min-width:620px){.editorial-header__toc ol{padding-top:0}}.editorial-header__toc-title{font-family:"Roboto Condensed",Helvetica,sans-serif;border-bottom:1px solid #e0e0e0;margin-bottom:13px;padding-bottom:13px!important;color:#4285f4}.summary-header{background-color:#4285f4;padding-bottom:78px;color:#fff;margin-bottom:26px;-webkit-box-shadow:inset 0 2px 0 0 #fff;-moz-box-shadow:inset 0 2px 0 0 #fff;-ms-box-shadow:inset 0 2px 0 0 #fff;box-shadow:inset 0 2px 0 0 #fff}.summary-header .breadcrumbs__link{color:#fff}.summary-header__anchor-list{margin-top:52px;padding-left:0}.summary-header__anchors-item a{color:#fff}.summary-header__title{color:inherit}@media only screen and (min-width:620px){.summary-header__title{color:inherit}}.spotlight-header{padding-bottom:26px;text-align:center}@media only screen and (min-width:620px){.spotlight-header{text-align:left;padding-bottom:78px}}.spotlight-header h1 a{display:block;font-size:16pt;letter-spacing:0;margin:0;padding:0;line-height:1em}.spotlight-header-main .divider{background-color:#C89800}.spotlight-header-main .divider span{background:#ffe168}.spotlight-header-main .divider .divider-icon--secondary:before{color:#937000}.spotlight-header__excerpt{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px;font-family:"Roboto Condensed",Helvetica,sans-serif}.spotlight-header--landscape{overflow-x:hidden;position:relative}@media only screen and (min-width:620px){.spotlight-header--landscape{min-height:520px}}@media only screen and (min-width:620px){.spotlight-header--landscape .spotlight-header__copy p{margin-bottom:156px}}@media only screen and (min-width:620px){.spotlight-header--portrait{min-height:520px}}.spotlight-header__container{position:relative}.spotlight-header--detail .spotlight-header__container:after{display:none}.spotlight-header__copy{position:relative;z-index:2}.spotlight-header__cta{margin-top:26px}.spotlight-header--portrait .spotlight-header__media{position:relative}.spotlight-header__image{margin-bottom:0}@media only screen and (min-width:620px){.spotlight-header__image{position:absolute;margin-top:0;margin-bottom:0}}.spotlight-header--portrait .spotlight-header__image{width:100%;max-width:100%}@media only screen and (min-width:620px){.spotlight-header--landscape .spotlight-header__image{position:relative;width:auto;max-width:none;height:260px}}@media only screen and (min-width:800px){.spotlight-header--landscape .spotlight-header__image{height:364px}}.spotlight-wrapper{padding-top:26px;background:#f0f0f0}@media only screen and (min-width:620px){.spotlight-wrapper{padding-top:78px;padding-bottom:52px;background:#ffe168}}@media only screen and (min-width:800px){.spotlight-wrapper{min-height:470px}}.spotlight-wrapper h2{margin-top:0;padding-top:0}.spotlight-wrapper .related-items{margin-top:38px;padding-top:24px}@media only screen and (min-width:620px){.spotlight-wrapper .related-items{margin-top:218px;padding-top:50px;border-color:#EAC017}}@media only screen and (min-width:800px){.spotlight-wrapper .related-items{margin-top:408px}}.spotlight-wrapper .related-items-list{padding-top:26px}.spotlight-wrapper .related-items-list a{overflow:visible}.spotlight-interview-wrapper{padding-top:52px;padding-bottom:26px;border-bottom:1px solid #eee}.spotlight-listing .related-items{margin-top:0;border:0}.spotlight-listing .related-items-list li:nth-child(3n+4){margin-left:auto}@media only screen and (min-width:800px){.spotlight-wrapper__content{min-height:310px}}.spotlight-wrapper__content h3{margin-top:26px}@media only screen and (min-width:800px){.spotlight-wrapper__content h2,.spotlight-wrapper__content h3,.spotlight-wrapper__content p{margin-right:11.9%}}.spotlight-wrapper__content dl{padding-left:0}.spotlight-tags{padding-top:.5em}.spotlight-scores{text-align:center;margin-top:30px}@media only screen and (min-width:620px){.spotlight-scores{margin-top:50px}}@media only screen and (min-width:800px){.spotlight-scores{margin-left:-20px;margin-right:20px}}.spotlight-scores div{display:inline-block;margin-top:18px}@media only screen and (min-width:620px){.spotlight-scores div{display:block;margin-top:0}}.spotlight-scores span{font-size:26px;display:inline-block;border-radius:100px;width:100px}@media only screen and (min-width:620px){.spotlight-scores span{color:#fff}}@media only screen and (min-width:620px){.spotlight-scores span{line-height:107px;height:100px}}.spotlight-scores span.low strong{color:#cb4437}@media only screen and (min-width:620px){.spotlight-scores span.low{background:#cb4437}.spotlight-scores span.low strong{color:#fff}}.spotlight-scores span.med strong{color:#f4b400}@media only screen and (min-width:620px){.spotlight-scores span.med{background:#f4b400}.spotlight-scores span.med strong{color:#fff}}.spotlight-scores span.high strong{color:#0f9d58}@media only screen and (min-width:620px){.spotlight-scores span.high{background:#0f9d58}.spotlight-scores span.high strong{color:#fff}}.spotlight-scores a{display:block}@media only screen and (min-width:620px){.spotlight-scores a{margin-top:12px}}.spotlight-scores strong{font-weight:500}div.related-items-on-spotlight{margin-top:0;border:0}.related-items{margin-top:78px;padding-top:50px;border:2px solid #e0e0e0;border-left-width:0;border-right-width:0;border-bottom-width:0}.related-items img{margin:0;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1)}.related-items a:hover img{opacity:.8}.related-items--minimal{border-top:none;padding-top:0;margin-top:52px;margin-bottom:2px}.related-items--inline{margin-top:25px;padding-bottom:25px;border-top-width:1px;border-bottom-width:1px;padding-top:0}.related-items__title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-bottom:0;letter-spacing:-.3px;padding-top:0}@media only screen and (min-width:800px){.related-items__title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-top:.619em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (min-width:620px){.related-items__title{padding-top:0}}.related-items--inline .related-items__title{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}@media only screen and (min-width:800px){.related-items--inline .related-items__title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px}}.related-items__main-link{text-transform:uppercase}.related-items__main-link:before{content:"#";display:inline-block;padding-right:2px}.related-items-group .related-items:first-child{padding-top:76px;padding-bottom:0}.related-items-group .related-items:last-child{margin-top:0}.in-this-guide{margin-top:-78px}.in-this-guide__title{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px;font-family:"Roboto Condensed",Helvetica,sans-serif;margin-bottom:26px}.articles-section{background:#f0f0f0;text-align:center}.articles-section .article-section__icon{margin-top:0;margin-bottom:8px;top:-23px;box-shadow:0 0 0 2px #fff}.articles-count{color:#737373;font-family:"Roboto Condensed",Helvetica,sans-serif;display:block;position:relative;top:-26px;font-weight:400}.guides-section{background:#f0f0f0;text-align:center;padding:26px 0 104px}.page-header{text-align:center}.page-header .breadcrumbs{text-align:left;color:#3372df}.page-header .breadcrumbs a{color:#3372df}.page-header h3{color:#404040;padding-top:52px}.page-header__excerpt{position:relative}.page-header__excerpt:last-child{padding-bottom:104px}.recommended-section{background:#f0f0f0;padding-top:78px;padding-bottom:104px}.featured-spotlight{background:#404040;color:#fff;overflow:hidden;margin-top:52px}.featured-spotlight h3{color:inherit;word-break:break-word;word-wrap:break-word}@media only screen and (min-width:620px){.featured-spotlight h3{color:inherit}}.featured-spotlight p{padding-bottom:26px}.featured-spotlight .cta--primary{color:#fff}.featured-spotlight .cta--primary:hover{color:#bababa}.featured-spotlight__container{position:relative}.featured-spotlight__container div+div{padding-bottom:52px}.featured-spotlight__title{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-top:.619em;padding-bottom:0;letter-spacing:-.3px;color:inherit}@media only screen and (min-width:800px){.featured-spotlight__title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:68px;font-weight:300;line-height:1.1471em;padding-top:.3824em;padding-bottom:0;letter-spacing:-3px}}@media only screen and (min-width:620px){.featured-spotlight__title{color:inherit}}@media only screen and (max-width:619px){.featured-spotlight__img{padding-top:43.4%;padding-bottom:0;height:0;overflow:hidden;position:relative;width:100%}}.featured-spotlight__img img{display:block;width:100%;position:absolute;left:0;top:0;margin:0}@media only screen and (min-width:620px){.featured-spotlight__img img{width:auto;max-width:none;height:100%;left:109%}}@media only screen and (min-width:800px){.featured-spotlight__img img{left:107.4%}}.quote__content{position:relative;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:16px;line-height:1.625em;padding-bottom:0;letter-spacing:0;padding-top:104px;padding-left:26px}@media only screen and (min-width:800px){.quote__content{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (min-width:620px){.quote__content{padding-top:52px;padding-left:0}}.quote__content p{border-top:1px solid #e0e0e0;text-align:right;font-weight:500;margin-top:12px;padding-top:13px}.quote__content:before{content:open-quote;display:block;position:absolute;font-family:"Roboto Condensed",Helvetica,sans-serif;font-weight:700;color:#f0f0f0;top:90px;left:26px;font-size:260px}@media only screen and (min-width:620px){.quote__content:before{top:225px;left:-210px;font-size:540px}}.quote__content-icononly{position:relative}.quote__content-icononly:before{content:"“";display:none;position:absolute;font-family:"Roboto Condensed",Helvetica,sans-serif;font-weight:700;color:#f0f0f0;top:90px;left:26px;font-size:260px}@media only screen and (min-width:620px){.quote__content-icononly:before{top:225px;left:-210px;font-size:540px;display:block}}.article-nav{overflow:hidden;position:relative}.article-nav:before{content:"";border-left:2px solid #e0e0e0;height:100%;position:absolute;top:0;left:50%}.article-nav-link{padding:26px 32px;float:left;width:50%;position:relative}.article-nav-link:before{position:absolute;top:21px;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:20px;font-weight:400}@media only screen and (min-width:620px){.article-nav-link:before{top:25px;font-size:26px;display:block;padding:13px 10px;color:#fff;background:#4285f4}}.article-nav p{padding:0;margin:0}.article-nav-link--prev{text-align:right}.article-nav-link--prev:before{content:"\f104";font-family:icons;left:0}@media only screen and (min-width:620px){.article-nav-link--prev p{padding-left:52px}}.article-nav-link--next:before{content:"\f105";font-family:icons;right:0}@media only screen and (min-width:620px){.article-nav-link--next p{padding-right:52px}}.article-nav-count{font-size:20px;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px;font-weight:700;color:inherit}@media only screen and (min-width:800px){.article-nav-count{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (min-width:620px){.article-nav-count{font-weight:400}}@media only screen and (min-width:620px){.article-nav-count{color:inherit}}.home-header{background:center center no-repeat #4285f4;color:#fff;position:relative;padding-bottom:78px;margin-bottom:26px}@media only screen and (min-width:620px){.home-header{background-image:url(../imgs/devices.svg);background-size:1200px;background-position:center 30%;padding-bottom:78px}}@media only screen and (min-width:800px){.home-header{background-size:1560px}}.home-header:after{font-family:icons;position:absolute;display:block;width:100%;margin:0 auto;font-size:50px;bottom:-10px;font-weight:500;color:#a0c3ff}@media only screen and (min-width:620px){.home-header:after{font-size:68px;line-height:1px;bottom:4px}}.home-header h1{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-top:.619em;padding-bottom:0;letter-spacing:-.3px;color:inherit}@media only screen and (min-width:800px){.home-header h1{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:68px;font-weight:300;line-height:1.1471em;padding-top:.3824em;padding-bottom:0;letter-spacing:-3px}}@media only screen and (max-width:619px){.home-header h1{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-bottom:0;letter-spacing:-.3px;padding-top:52px;color:inherit}@media only screen and (min-width:620px){.home-header h1{color:inherit}}}@media only screen and (min-width:620px){.home-header h1{padding-top:52px}}@media only screen and (min-width:620px){.home-header h1{color:inherit}}.home-header h2{font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px;margin-top:0;color:inherit}@media only screen and (min-width:800px){.home-header h2{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (min-width:620px){.home-header h2{padding-top:0}}@media only screen and (min-width:620px){.home-header h2{color:inherit}}.home-header .cta{display:flex;flex-flow:row wrap;justify-content:space-around}.home-header .cta a.button--secondary-variation{margin-top:39px;flex-basis:200px;white-space:nowrap}.wsk-header{background:center center no-repeat #CF3A8C;color:#fff;position:relative;padding-bottom:78px;margin-bottom:78px}@media only screen and (min-width:620px){.wsk-header{background-image:url(../imgs/devices.svg);background-size:1200px;background-position:center 30%;padding-bottom:104px}}@media only screen and (min-width:800px){.wsk-header{background-size:1560px}}.wsk-header:after{font-family:icons;position:absolute;display:block;width:100%;margin:0 auto;font-size:50px;bottom:-10px;font-weight:500;color:#edb5d4}@media only screen and (min-width:620px){.wsk-header:after{font-size:68px;line-height:1px;bottom:4px}}.wsk-header h1{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:68px;font-weight:300;line-height:1.1471em;padding-top:.3824em;padding-bottom:0;letter-spacing:-3px;color:inherit}@media only screen and (min-width:800px){.wsk-header h1{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:110px;font-weight:300;line-height:1.19em;padding-top:.2364em;padding-bottom:0;letter-spacing:-5px}}@media only screen and (max-width:619px){.wsk-header h1{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-bottom:0;letter-spacing:-.3px;padding-top:52px;color:inherit}@media only screen and (min-width:620px){.wsk-header h1{color:inherit}}}@media only screen and (min-width:620px){.wsk-header h1{padding-top:78px}}@media only screen and (min-width:620px){.wsk-header h1{color:inherit}}.wsk-header p{font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px;color:inherit}@media only screen and (min-width:800px){.wsk-header p{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (min-width:620px){.wsk-header p{padding-top:0}}@media only screen and (min-width:620px){.wsk-header p{color:inherit}}.wsk-header a{margin-top:65px}@media only screen and (min-width:620px){.did-you-know ol{padding-top:0!important}}.did-you-know .cta--primary{margin-top:26px;font-weight:500}.did-you-know>.g--half{position:relative;padding-left:0}@media only screen and (min-width:620px){.did-you-know>.g--half{padding-left:32px}}.did-you-know .icon{vertical-align:0}.did-you-know__symbol{padding-bottom:312px}@media only screen and (min-width:620px){.did-you-know__symbol{padding-bottom:26px}}.did-you-know__symbol:after{content:"\f11a";color:#4285f4;font-family:icons;font-size:300px;top:150px;left:0;position:relative;display:block;width:100%;text-align:center}@media only screen and (min-width:620px){.did-you-know__symbol:after{position:absolute;font-size:400px;top:200px;left:110%}}@media only screen and (min-width:800px){.did-you-know__symbol:after{position:absolute;font-size:400px;top:200px;left:110%}}.toc__title{font-size:16px;line-height:1.625em;padding-top:1.625em;letter-spacing:0;font-family:"Roboto Condensed",Helvetica,sans-serif;padding-bottom:13px;margin-bottom:12px;border-bottom:1px solid #e0e0e0}@media only screen and (min-width:800px){.toc__title{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (min-width:620px){.toc__title{padding-bottom:12px;margin-bottom:13px}}.toc__list{padding-top:0;border-bottom:1px solid #e0e0e0;padding-bottom:12px;margin-bottom:-13px}.toc__list a{display:block}.toc__sublist{padding-top:0}.next-lessons{background:#404040;padding:26px 26px 52px;margin-top:78px;color:#fff;position:relative}.next-lessons h3{color:inherit}@media only screen and (min-width:620px){.next-lessons h3{color:inherit}}.next-lessons h3 i{vertical-align:middle}@media only screen and (min-width:620px){.next-lessons h3 i{display:none}}.next-lessons:after{color:rgba(255,255,255,.5);position:absolute;vertical-align:top;line-height:0;display:none}@media only screen and (min-width:620px){.next-lessons:after{display:block}}@media only screen and (min-width:620px){.next-lessons:after{content:"\f111";font-family:icons;font-size:150px;right:40px;top:197px}}@media only screen and (min-width:800px){.next-lessons:after{font-size:218px;right:120px}}@media only screen and (min-width:620px){.next-lessons .list-lessons{margin-right:173px}}@media only screen and (min-width:800px){.next-lessons .list-lessons{margin-right:306px}}.next-lessons--minimal{margin-bottom:78px}.next-lessons--minimal:after,.next-lessons--minimal:before{display:none}.next-lessons--minimal ol{padding-left:0}.next-lessons--minimal a{color:#fff}.guides{background:#404040;padding:26px 26px 52px;margin-top:78px;color:#fff;position:relative}.guides h3{color:inherit}@media only screen and (min-width:620px){.guides h3{color:inherit}}.guides h3 i{vertical-align:middle}@media only screen and (min-width:620px){.guides h3 i{display:none}}.guides:after{color:rgba(255,255,255,.5);position:absolute;vertical-align:top;line-height:0;display:none}@media only screen and (min-width:620px){.guides:after{display:block}}.guides a{font-weight:600}@media only screen and (min-width:620px){.guides:after{content:"\f10e";font-family:icons;font-size:150px;right:40px;top:197px}}@media only screen and (min-width:800px){.guides:after{font-size:218px;right:120px}}@media only screen and (min-width:620px){.guides .list-guides{margin-right:173px}}@media only screen and (min-width:800px){.guides .list-guides{margin-right:306px}}.guides--minimal{margin-bottom:78px}.guides--minimal:after,.guides--minimal:before{display:none}.guides--minimal ol{padding-left:0}.guides--minimal a{color:#fff}.beta{font-family:"Roboto Condensed",Helvetica,sans-serif;color:#404040;font-weight:400;text-align:center;padding:5px 32px 5px 12px;margin:0 25px 23px 0;position:relative;line-height:16px}@media only screen and (max-width:619px){.beta{display:none}}@media only screen and (min-width:620px){.beta{float:right;margin-top:8px;margin-bottom:0;line-height:26px;width:auto;max-width:72%}}.beta:before{font-family:icons;font-size:51px;line-height:0;position:absolute;right:-25px;top:50%}.beta .icon{font-family:icons;font-size:24px;text-align:center;width:70px;height:0;line-height:0;margin-right:-35px;overflow:visible;position:absolute;right:0;top:50%;display:block}.page--home .beta .icon{-webkit-animation:cog 4000ms ease-in-out;animation:cog 4000ms ease-in-out}.beta a{color:#404040}@-webkit-keyframes cog{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(1079deg)}}@keyframes cog{0%{transform:rotate(0deg)}100%{transform:rotate(1079deg)}}.gc-content-license{margin-top:76px;margin-bottom:52px}.gc-content-license p{font-size:13px;line-height:2em;padding-bottom:0;letter-spacing:0;padding-top:26px}.sitewide-authors{padding-left:0}.sitewide-authors li{text-align:center;padding-left:0}.sitewide-authors a{color:#3372df}.sitewide-authors h3{color:inherit}.sitewide-authors li::before{content:''}.sitewide-authors p{font-size:16px}.author-in-header{border-left:1px solid #e0e0e0;padding-left:16px;display:flex}@media only screen and (min-width:800px){.author-in-header{margin-right:25.9%}}.author-in-header>h3{float:left;margin:0;padding-right:16px;padding-top:36px}.author-in-header ul{list-style:none;margin:0;padding:16px 0}.author-in-header li{display:inline-block;padding-left:0;padding-right:16px;padding-top:8px}.author-in-header li::before{content:''}.author-in-header li span{display:inline-block;vertical-align:middle}.author-in-header li h3{margin-top:0;margin-right:0;padding-left:8px;padding-top:0;padding-right:0;display:inline-block;vertical-align:middle;color:inherit}@media only screen and (max-width:619px){.author-in-header li h3{font-size:16px}}.author-in-header li h3 span{display:block;font-size:16px;color:#333}@media only screen and (max-width:619px){.author-in-header li h3 span{font-size:14px}}.google-header{background:#f0f0f0}.google-header__top{border-bottom:1px solid #e0e0e0;text-align:left;height:52px}.google-header__bottom{overflow:hidden}@media only screen and (max-width:619px){.google-header__bottom{padding:0;box-shadow:0 2px 0 0 #f0f0f0}}@media only screen and (min-width:620px){.google-header__bottom{padding-top:26px;padding-bottom:26px}}@media only screen and (max-width:619px){.google-header__bottom .main-header__title{padding:0 16px}}.google-header__dev-logo{text-decoration:none;display:block;margin:0 auto;width:181px;padding-top:13px}.google-header__dev-logo img{display:block;margin:0 auto;width:181px;height:26px;max-width:none}@media only screen and (min-width:620px){.google-header__dev-logo{margin:0}}.latest-spotlights{padding-bottom:55px;padding-top:26px}@media only screen and (min-width:620px){.latest-spotlights{padding-top:26px}}.latest-spotlights h2{text-align:center}@media only screen and (min-width:620px){.latest-spotlights h2{text-align:left}}.latest-spotlights>div>p{padding-bottom:26px}.latest-spotlights__item{margin-top:13px}.latest-spotlights__item:first-of-type{margin-top:0}@media only screen and (min-width:620px){.latest-spotlights__item{width:50%;float:left;margin-top:2px}.latest-spotlights__item:nth-of-type(2){margin-top:0}.latest-spotlights__item:nth-child(even) .latest-spotlights__link{margin-left:1px}.latest-spotlights__item:nth-child(odd) .latest-spotlights__link{margin-right:1px}}.latest-spotlights__link{display:inline-block;position:relative}.latest-spotlights__link img{display:block;margin:0;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1);max-height:12em;width:auto}.latest-spotlights__link p{position:absolute;left:0;bottom:13px;padding:13px 16px 13px 32px;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;font-weight:400;color:#fff;background:rgba(64,64,64,.85)}.latest-spotlights__link p:before{content:13px;font-family:icons;font-size:4px;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;padding-top:13px;padding-left:16px;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.latest-spotlights__link:hover p{background:#3372df}.latest-spotlights__link:hover p:before{color:#a0c3ff}.latest-spotlights__link:hover img{opacity:.8}.latest-spotlights__description{width:61%;display:inline-block;vertical-align:top;padding-left:1em}.latest-spotlights__description a{margin-top:13px}.latest-spotlights-all{text-align:center}@media only screen and (min-width:620px){.latest-spotlights-all{text-align:left}}.case-study-wrapper{padding-top:26px;padding-bottom:52px;background:#f0f0f0}@media only screen and (min-width:620px){.case-study-wrapper{margin-top:-52px;padding-top:78px;background:linear-gradient(to right,#FDD835 50%,#FBC02D 50%)}.case-study-wrapper.has-video-after{margin-bottom:-182px;padding-bottom:208px}}.case-study-wrapper h2{margin-top:0;padding-top:0;white-space:nowrap}.case-study-wrapper a{color:#C3811A}.case-study-wrapper .case-study-inverted a{color:#FFE951}.case-study__dl ul{padding-top:0}@media only screen and (min-width:620px){.case-study-inverted,.case-study-inverted h2{color:#fff}}.case-study-previous{padding-top:26px}.case-study__img-wrapper img{margin-left:2%}.our-view{margin-top:78px;position:relative;z-index:1}@media only screen and (max-width:619px){.our-view .our-view__title{padding-left:5%;padding-right:5%}}@media only screen and (max-width:619px){.our-view{margin-bottom:-1px}}@media only screen and (min-width:620px){.our-view:after{background:#FDD835;content:"";height:100%;position:absolute;top:0;bottom:0;z-index:-1;width:50%;right:0;left:50%}}.our-view__content{color:#404040;padding-top:26px;padding-bottom:52px}@media only screen and (max-width:619px){.our-view__content{background:#FDD835;padding-left:5%;padding-right:5%;margin-top:26px}}.our-view__list-wrapper .our-view__subtitle{padding-left:16px;font-weight:400}.our-view__list-wrapper ol,.our-view__list-wrapper ul{padding-left:16px}.our-view__list-wrapper:last-child{margin-top:26px}@media only screen and (max-width:619px){.our-view__list-wrapper:last-child{border-top:1px solid #f4b400}}.back-to-top{border-top:2px solid #e0e0e0;margin-bottom:-2px;margin-top:104px;padding:13px 0;text-align:center}.back-to-top .cta--secondary{text-decoration:none}.back-to-top .cta--secondary .icon{vertical-align:middle;padding-left:5px}.blanklist,.content>.blanklist{list-style:none;padding-left:0;padding-right:0;padding-bottom:0;margin:0}.blanklist li{padding:0;margin:0}.blanklist li:before{display:none}.smallvideo{display:inline-block;width:100%;max-width:200px;position:relative}.smallvideo--link{display:block;text-align:center;color:#fff}.smallvideo--imagecontainer{border-top-style:solid;border-left-style:solid;border-right-style:solid;border-color:rgba(0,0,0,.1);border-width:1px;box-sizing:border-box}.smallvideo--image{margin:0}.smallvideo--title{width:100%;height:52px;padding:0;margin:0;line-height:26px;overflow:hidden;color:inherit;text-align:left}.smallvideo--title-container{width:100%;padding:8px;background:#4285f4}.flatrowlist{display:block;margin:0;padding:0}.content>.flatrowlist{list-style:none;margin:0;padding:0}.flatrowlist:after{content:'';display:block;clear:both}.flatrowlist li{float:left;padding:0;margin:0 16px 16px 0}.flatrowlist li:before{display:none}.content .videolinks--description,.videolinks--description{font-size:16px;line-height:1.625em;padding-top:1.625em;padding-bottom:0;letter-spacing:0;margin:0;text-align:center}.widevideo{margin-bottom:48px}.widevideo:after{content:'';display:block;clear:both}.widevideo--image{margin:0}.widevideo--title{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}@media only screen and (min-width:800px){.widevideo--title{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-top:1em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (min-width:620px){.widevideo--title{padding-top:0}}@media only screen and (min-width:800px){.widevideo--title{padding-top:0}}.widevideo--description{padding-top:8px}.showtitle--subtitle,.showtitle--title{padding-top:0;padding-bottom:0;font-family:inherit;color:inherit}.showtitle--subtitle{padding-top:0;color:inherit}.showtitle--title-container{padding-top:16px;padding-bottom:16px}.showhome--subheading-description{margin:0}@media only screen and (min-width:800px){.showtitle--title-container{padding-top:36px;padding-bottom:36px}.showtitle--subtitle{padding-top:0;color:inherit}}.feedlink-icon{display:inline;width:24px;height:24px;margin:0}.feedlink-emailsubcribe{margin-left:16px}.showhome--subheading{padding-top:32px}.showhome--subheading-description{font-size:13px;line-height:2em;padding-top:2em;padding-bottom:0;letter-spacing:0}.content .showhome--series-title,.content .showhome--subheading-title,.showhome--series-title,.showhome--subheading-title{margin:0;padding:0}.showhome--series-flatrowlist{padding-top:8px}.showhome--series{padding-top:32px}.showhome--series-first{padding-top:0}.show-root--image-container{flex:0 1 auto;min-height:initial;max-height:initial}.show-root--image-container img{margin:0}@media only screen and (min-width:620px){.guides-list__item .primary-content.show-root--image-container{flex:0 1 auto;min-height:initial;max-height:initial}}@media only screen and (min-width:800px){.guides-list__item .primary-content.show-root--image-container{flex:0 1 auto;min-height:initial;max-height:initial}}.guides-list__item .secondary-content.show-root--info{margin-top:0;padding-bottom:26px}.singevideo-next-prev-container,.singlevideo-content-container{margin-bottom:16px}.showtitle--title-container-http203{font-family:'Courier New',Courier;background-color:#000}.showtitle--title-http203{color:#fff}.showtitle--subtitle-http203{color:#838283}.showhome--series-title-http203,.showhome--series-title-http203 a{font-family:'Courier New',Courier;color:#000}.smallvideo--title-container-http203,.smallvideo-http203{font-family:'Courier New',Courier;color:#fff;background-color:#000}.showtitle--title-container-polycasts{background-color:#687FF6;color:#fff}.showtitle--title-container-show-home .showtitle--subtitle-polycasts,.showtitle--title-polycasts{font-size:13px;line-height:2em;padding-bottom:0;letter-spacing:0;font-weight:500;padding-top:0;color:inherit}.showtitle--subtitle-polycasts,.showtitle--title-container-show-home .showtitle--title-polycasts{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-bottom:0;letter-spacing:-.3px;padding-top:0;color:inherit}@media only screen and (min-width:800px){.showtitle--subtitle-polycasts,.showtitle--title-container-show-home .showtitle--title-polycasts{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-top:.619em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (max-width:619px){.showtitle--title-container-single-video .showtitle--title-polycasts{display:none}}@media only screen and (min-width:800px){.showtitle--subtitle-polycasts,.showtitle--title-container-show-home .showtitle--subtitle-polycasts,.showtitle--title-container-show-home .showtitle--title-polycasts,.showtitle--title-polycasts{padding-top:0;color:inherit}}.showhome--series-title-polycasts,.showhome--series-title-polycasts a{color:#687FF6}.smallvideo--title-container-polycasts,.smallvideo-polycasts{background-color:#687FF6}.showtitle--title-container-cds{background-color:#0BB9D1;color:#fff}.showtitle--title-cds{font-weight:500}.showtitle--subtitle-cds{font-size:16px;line-height:1.625em;padding-bottom:0;letter-spacing:0;padding-top:0;color:inherit}@media only screen and (min-width:800px){.showtitle--subtitle-cds{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (min-width:800px){.showtitle--subtitle-cds{padding-top:0;color:inherit}}.smallvideo--title-container-cds,.smallvideo-cds{background-color:#0BB9D1}.showtitle--title-container-udacity{background-color:#607D8B;color:#fff;margin-bottom:2em}.showtitle--title-udacity{font-weight:500}.showtitle--subtitle-udacity{font-size:16px;line-height:1.625em;padding-bottom:0;letter-spacing:0;padding-top:0;color:inherit}@media only screen and (min-width:800px){.showtitle--subtitle-udacity{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (min-width:800px){.showtitle--subtitle-udacity{padding-top:0;color:inherit}}.smallvideo--title-container-udacity,.smallvideo-udacity{background-color:#607D8B}.show-udacity a.cta--primary{display:block;width:100%;padding:1em;background-color:#607D8B;color:#fff}.show-udacity a.cta--primary:hover{color:#fff}.showtitle--title-container-lazyweb{background-color:#27B2DA;color:#fff}.showtitle--title-container-show-home .showtitle--subtitle-lazyweb,.showtitle--title-lazyweb{font-size:13px;line-height:2em;padding-bottom:0;letter-spacing:0;font-weight:500;padding-top:0;color:inherit}.showtitle--subtitle-lazyweb,.showtitle--title-container-show-home .showtitle--title-lazyweb{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:300;line-height:1em;padding-bottom:0;letter-spacing:-.3px;padding-top:0;color:inherit}@media only screen and (min-width:800px){.showtitle--subtitle-lazyweb,.showtitle--title-container-show-home .showtitle--title-lazyweb{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:300;line-height:1.2381em;padding-top:.619em;padding-bottom:0;letter-spacing:-.3px}}.lazyweb-title-timestamp{font-size:16px;line-height:1.625em;padding-top:1.625em;padding-bottom:0;letter-spacing:0;color:#27B2DA}@media only screen and (min-width:800px){.lazyweb-title-timestamp{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (max-width:619px){.showtitle--title-container-single-video .showtitle--title-lazyweb{display:none}.lazyweb-title-timestamp{color:#27B2DA}}@media only screen and (min-width:800px){.showtitle--subtitle-lazyweb,.showtitle--title-container-show-home .showtitle--subtitle-lazyweb,.showtitle--title-container-show-home .showtitle--title-lazyweb,.showtitle--title-lazyweb{padding-top:0;color:inherit}.lazyweb-title-timestamp{color:#27B2DA}}.showhome--series-title-lazyweb,.showhome--series-title-lazyweb a{color:#27B2DA}.smallvideo--title-container-lazyweb,.smallvideo-lazyweb{background-color:#27B2DA}.page--lazyweb .content a{color:#27B2DA}.demo{margin-bottom:26px;margin-top:26px}.demo [class*=g-]{background-color:#eee;position:relative;margin-bottom:26px;min-height:156px}.demo [class*=g-]:after,.demo [class*=g-]:before{font-size:13px;line-height:2em;padding-top:2em;padding-bottom:0;letter-spacing: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}@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{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--pull-half{margin-right:52.25%}}@media only screen and (min-width:800px){.g-wide--1{float:left;margin-right:3.7%;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{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%;margin-right:0}.g-wide--first{clear:both}.g-wide--last{margin-right:0}.g-wide--full{float:left;margin-right:0;width:100%}.g--third{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%}}@media only screen and (min-width:620px){.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{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;height:100%;display:block}@media only screen and (min-width:620px){.debug .grid-overlay{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.debug .grid-overlay{padding-left:35px;padding-right:35px;max-width:864px}}.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{display:none}}@media only screen and (max-width:619px){.debug .grid-overlay{display:none}}.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:"Roboto Condensed",Helvetica,sans-serif;font-weight:600;text-decoration:none;letter-spacing:1px;outline:0}.button--primary:hover,.button--secondary-variation:hover,.button--secondary:hover,.button:hover{background:#4d4d4d;color:#fff;border-color:#4d4d4d;text-decoration:none}.button--primary{background:#3372df;color:#fff;border:1px solid #1e5ac1}.button--secondary{background:#fff;color:#3372df;border:1px solid #e6e6e6}.button--secondary-variation{background:#fff;color:#3372df;border:1px solid #e6e6e6;border-color:transparent}dl,ol,ul{list-style:none;margin:0;padding-left:32px}@media only screen and (max-width:619px){dl,ol,ul{padding-left:0}}dl ol,dl ul,ol ol,ol ul,ul ol,ul ul{padding-left:0}dt,li{position:relative;padding-left:16px}body[dir=rtl] dt,body[dir=rtl] li{position:relative;padding-left:0;padding-right:32px}ul>li:before{content:"\f101";font-family:icons;font-size:4px;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;left:0}body[dir=rtl] ul>li:before{content:"\f101";font-family:icons;font-size:4px;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;right:0}ol{counter-reset:list}ol>li{padding-left:32px}ol>li:before{counter-increment:list;content:"0" counter(list);color:inherit;font-weight:400;display:inline-block;position:absolute;top:0;left:0;right:auto}ol>li:nth-child(10n):before,ol>li:nth-child(10n)~li:before{content:counter(list)}body[dir=rtl] ol{counter-reset:list}body[dir=rtl] ol>li{padding-left:0;padding-right:32px}body[dir=rtl] ol>li:before{counter-increment:list;content:"0" counter(list);color:inherit;font-weight:400;display:inline-block;position:absolute;top:0;right:0;left:auto}ol ol,ol ul,ul ol,ul ul{padding-top:0}dt{font-family:"Roboto Condensed",Helvetica,sans-serif;font-weight:400}dt:before{content:"\f10f";font-family:icons;font-size:13px;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;left:0}@media only screen and (min-width:620px){dt{font-weight:700}}body[dir=rtl] dt:before{content:"\f10f";font-family:icons;font-size:13px;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;right:0}dd{margin-left:0;margin-bottom:26px}ul.list-links li:before{display:none}ul.list-links a{font-weight:400}ul.list-links a:before{content:"\f101";font-family:icons;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;left:0;font-size:4px}ul.list-links.list-links--primary{letter-spacing:1px}ul.list-links.list-links--primary a{font-weight:400;font-family:"Roboto Condensed",Helvetica,sans-serif;line-height:1;text-decoration:none}ul.list-links.list-links--primary a:before{content:"\f105";font-family:icons;font-size:13px;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;left:0}body[dir=rtl] ul.list-links a:before{content:"\f101";font-family:icons;font-size:4px;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;right:0}body[dir=rtl] ul.list-links.list-links--primary{letter-spacing:1px}body[dir=rtl] ul.list-links.list-links--primary a:before{content:"\f105";font-family:icons;font-size:13px;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;right:0}ol.list-links li:before{display:none}ol.list-links li a{display:inline-block;font-weight:300}ol.list-links li a:before{counter-increment:list;content:"0" counter(list);color:inherit;font-weight:400;display:inline-block;position:absolute;top:0;left:0;right:auto}ol.list-links li:nth-child(10n) a:before,ol.list-links li:nth-child(10n)~li a:before{content:counter(list)}body[dir=rtl] ol.list-links li a:before,ol.list-links.list-links--secondary a:before{display:none}body[dir=rtl] ol.list-links li:before{counter-increment:list;content:"0" counter(list);color:inherit;font-weight:400;display:inline-block;position:absolute;top:0;right:0;left:auto}.list-links--secondary{font-size:16px;line-height:1.625em;padding-top:1.625em;padding-bottom:0;letter-spacing:0;padding-left:0}.list-anchor,.list-links--secondary li{padding-left:0}.list-anchor li{font-size:16px;line-height:1.625em;padding-bottom:0;letter-spacing:0;padding-top:0;padding-left:0}.list-anchor li:before{display:none}.list-anchor a{display:inline-block;padding-left:16px}.list-anchor a:before{content:"\f101";font-family:icons;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;left:0;font-size:4px}body[dir=rtl] .list-anchor li{font-size:16px;line-height:1.625em;padding-bottom:0;letter-spacing:0;padding-top:0;padding-left:0}body[dir=rtl] .list-anchor li:before{display:none}body[dir=rtl] .list-anchor a{display:inline-block;padding-left:0;padding-right:32px}body[dir=rtl] .list-anchor a:before{content:"\f101";font-family:icons;font-size:4px;display:block;width:16px;text-align:left;font-weight:400;line-height:26px;position:absolute;top:0;right:0}@media only screen and (min-width:620px){.list-small li{font-size:13px;line-height:2em;padding-bottom:0;letter-spacing:0;padding-top:0}}.list-centered{text-align:center;padding-left:0}.featured-list{padding-top:52px;padding-left:0}.featured-list__item{padding:26px 0}.featured-list__item h3{padding-top:0}.featured-list__item p{margin-bottom:26px}.featured-list__img-wrapper{position:relative;padding-top:26px}@media only screen and (min-width:620px){.featured-list__img-wrapper{padding-top:0;margin:0}}.featured-list__img-wrapper img{margin:0}.featured-list__img img{display:block;margin:0 auto;max-width:100%}@media only screen and (min-width:620px){.featured-list__img img{margin:0;position:absolute;top:0;height:100%;width:100%;left:0}}.related-items-list{font-family:"Roboto Condensed",Helvetica,sans-serif;padding-top:0;padding-left:0}@media only screen and (min-width:620px){.related-items-list{padding-top:26px}}@media only screen and (min-width:800px){.related-items-list{padding-top:0}}.related-items-list li{padding-top:26px;padding-bottom:25px;border-bottom:1px solid #e0e0e0;overflow:hidden}.related-items-list li:last-child{border-color:transparent}@media only screen and (min-width:800px){.related-items-list li:nth-child(3n+4){margin-left:25.9%}}@media only screen and (min-width:620px){.related-items-list li{padding-top:0;margin-bottom:0;border-color:transparent}}.related-items-list p{padding-top:0;color:#3372df}.related-items-list a{display:block}@media only screen and (max-width:619px){.related-items-list a{overflow:hidden}}@media only screen and (max-width:619px){.related-items-list img{width:50%;float:left;margin-right:13px}}@media only screen and (min-width:620px){.related-items-list img{margin-bottom:15px}}.related-items-list .tag{padding-top:0;display:block;max-width:0;white-space:nowrap}.related-items-list--inline li{padding-top:26px;border:none;padding-bottom:0}@media only screen and (min-width:620px){.related-items-list--inline a{display:inline-block}}.list-reset{padding-left:0}.list-reset li:before,.list-reset.list-links a:before{display:none!important}.list-lessons{padding-left:0}.list-lessons a{color:#fff}.list-lessons .current,.list-lessons .current a{text-decoration:none;cursor:default}.list-lessons .current .icon{font-size:10px;display:inline-block;background:rgba(0,0,0,.2);border-radius:100%;width:26px;line-height:26px;text-align:center;margin-left:7px}.list-guides{padding-left:0}.list-guides a{color:#fff}.list-guides .current,.list-guides .current a{text-decoration:none;cursor:default}.list-guides .current .icon{font-size:10px;display:inline-block;background:rgba(0,0,0,.2);border-radius:100%;width:26px;line-height:26px;text-align:center;margin-left:7px}.list-guides-intro{margin-bottom:51px;padding-top:26px}.list-guides-intro li{border-bottom:1px solid #e0e0e0;padding-bottom:51px;margin-bottom:52px}@media only screen and (min-width:620px){.list-guides-intro li{border-color:transparent;padding-bottom:0}}.list-guides-intro li:last-child{border-bottom:transparent;margin-bottom:0}.list-guides-intro h3{margin-bottom:26px;color:inherit}@media only screen and (min-width:620px){.list-guides-intro h3{color:inherit}}.articles-list{padding:51px 0 53px}.articles-list .divider:last-child{display:none}.articles-list__item{padding-left:0;margin-bottom:52px;position:relative}.articles-list__item:before{display:none}.articles-list__item a{display:block;text-decoration:none!important;padding-bottom:0}.articles-list__item a h3{display:inline}@media only screen and (min-width:620px){.articles-list__item a h3{border-bottom:none}}.no-touch .articles-list__item a:hover h3{text-decoration:underline}@media only screen and (min-width:620px){.no-touch .articles-list__item a:hover h3{border-bottom:1px solid}}.articles-list__item h3{color:#3372df}.articles-list__item p{margin-top:26px}.guides-list{overflow:hidden}@media only screen and (min-width:620px){.guides-list{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-top:26px}@supports not (flex-wrap:wrap){.guides-list{display:block}}}.guides-list__item{padding:0;background:#fff;margin-top:26px;margin-bottom:0}@media only screen and (min-width:620px){.guides-list__item{display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;flex-wrap:wrap;-webkit-flex-wrap:wrap}@supports not (flex-wrap:wrap){.guides-list__item{display:block}}}.guides-list__item h3{margin:0 32px}@media only screen and (min-width:620px){.guides-list__item h3 a{text-decoration:none;border-bottom:none;padding-bottom:1px}.guides-list__item h3 a:hover{border-bottom:1px solid}}.guides-list__item p{margin:26px 32px 0}@media only screen and (min-width:620px){.guides-list__item .primary-content{flex:1 1 auto;-webkit-flex:1;min-height:300px;max-height:300px}}.guides-list__item .secondary-content{position:relative;margin-top:26px;border-top:1px solid #e0e0e0;flex:1 1 auto}@media only screen and (min-width:620px){.guides-list__item .secondary-content{width:100%}}.guides-list__item .secondary-content .icon-circle{position:absolute;top:-28px;left:50%;margin-left:-21px;border:2px solid #fff}.guides-list__item .secondary-content .icon-circle i{font-size:23px}.guides-list__item ol{margin:0 32px;padding:52px 0;text-align:left;flex:1}.guides-list__item ol li{list-style:none;padding-left:32px}.guides-list__item ol li:before{counter-increment:list;content:counter(list,decimal-leading-zero);color:inherit;font-weight:400;display:inline-block;position:absolute;left:0}.guides-list__item ol li a{vertical-align:top}.guides-list__item:before,body[dir=rtl] .guides-list__item:before{display:none}.contributors-list{overflow:hidden}@media only screen and (min-width:620px){.contributors-list{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-top:52px}@supports not (flex-wrap:wrap){.contributors-list{display:block}}}.no-touch .icon-circle--large{border:none!important}.no-touch a:hover .icon-circle--large{-webkit-transform:none!important}.contributors-list__item{padding:0;background:#fff;margin-top:26px;margin-bottom:0}@media only screen and (min-width:620px){.contributors-list__item{display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;flex-wrap:wrap;-webkit-flex-wrap:wrap}@supports not (flex-wrap:wrap){.contributors-list__item{display:block}}}.contributors-list__item h3{margin:0 32px}@media only screen and (min-width:620px){.contributors-list__item h3 a{text-decoration:none;border-bottom:none;padding-bottom:1px}.contributors-list__item h3 a:hover{border-bottom:1px solid}}.contributors-list__item p{margin:26px 32px 0}@media only screen and (min-width:620px){.contributors-list__item .primary-content{flex:1 1 auto;-webkit-flex:1;min-height:300px;max-height:300px}}.contributors-list__item .secondary-content{position:relative;margin-top:26px;border-top:1px solid #e0e0e0;flex:1 1 auto}@media only screen and (min-width:620px){.contributors-list__item .secondary-content{width:100%}}.contributors-list__item .secondary-content .icon-circle{position:absolute;top:-28px;left:50%;margin-left:-21px;border:2px solid #fff}.contributors-list__item .secondary-content .icon-circle i{font-size:23px}.contributors-list__item ol{margin:0 32px;padding:52px 0;text-align:left;flex:1}.contributors-list__item ol li{list-style:none;padding-left:32px}.contributors-list__item ol li:before{counter-increment:list;content:counter(list,decimal-leading-zero);color:inherit;font-weight:400;display:inline-block;position:absolute;left:0}.contributors-list__item ol li a{vertical-align:top}.contributors-list__item:before{display:none}.recommended-list{padding:0}.recommended-list .recommended-list__item{margin-top:26px;padding-left:0}@media only screen and (max-width:619px){.recommended-list .recommended-list__item{margin:0 5%}}@media only screen and (min-width:620px){.recommended-list .recommended-list__item{display:-webkit-flex;display:flex}@supports not (flex-wrap:wrap){.recommended-list .recommended-list__item{display:block}}}.recommended-list .recommended-list__item .recommanded-list__content{background:#fff;padding:39px 32px}@media only screen and (max-width:619px){.recommended-list .recommended-list__item .recommanded-list__content{border-top:26px solid #f0f0f0;margin-bottom:-26px}.recommended-list .recommended-list__item .recommanded-list__content:first-child{border:none;margin-bottom:0}}@media only screen and (min-width:620px){.recommended-list .recommended-list__item .recommanded-list__content{display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column}@supports not (flex-wrap:wrap){.recommended-list .recommended-list__item .recommanded-list__content{display:block}}}.recommended-list .recommended-list__item .recommanded-list__content>h4{padding-top:0;font-family:"Roboto Condensed",Helvetica,sans-serif}.recommended-list .recommended-list__item .recommanded-list__content p{padding-bottom:26px}.recommended-list .recommended-list__item .recommanded-list__content .cta--primary{margin-top:auto}.recommended-list .recommended-list__item:first-child{margin-top:0}.recommended-list .recommended-list__item .icon-circle{display:none}@media only screen and (min-width:620px){.recommended-list .recommended-list__item .icon-circle{display:inline-block;padding:13px;vertical-align:top;margin:0}}.recommended-list .recommended-list__item .icon{font-size:16px}a{color:#3372df;text-decoration:none}a:hover{text-decoration:underline}.cta--primary{font-family:"Roboto Condensed",Helvetica,sans-serif;color:#3372df;font-weight:700;display:inline-block;line-height:1;letter-spacing:1px;text-decoration:none}.cta--primary:hover{color:#404040}.cta--primary:before{display:inline-block;padding-right:10px;font-family:icons;line-height:25px;font-size:13px;content:"\f105"}.cta--secondary{font-family:"Roboto Condensed",Helvetica,sans-serif;color:#3372df;font-weight:400;display:inline-block;line-height:1;letter-spacing:1px}.cta--secondary:hover{color:#404040}table{margin-top:26px;width:100%}table thead{background:#4285f4;color:#fff}table th{text-align:center;display:none;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:16px;line-height:1.625em;padding-top:1.625em;padding-bottom:0;letter-spacing:0;color:inherit}@media only screen and (min-width:800px){table th{color:#404040;font-size:20px;font-weight:300;line-height:1.3em;padding-top:1.3em;padding-bottom:0;letter-spacing:-.3px}}@media only screen and (min-width:620px){table th{color:inherit}}@media only screen and (min-width:620px){table tr{border-bottom:1px solid #fff}}table tbody{background:#f0f0f0}table td{display:block;padding-top:13px;padding-bottom:13px;min-height:78px}table td:before{content:attr(data-th) " :";display:inline-block;color:#fff;background:#4285f4;border-right:2px solid #fff;position:absolute;top:0;left:0;bottom:0;width:100px;max-height:100%;font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:16px;font-weight:400;padding-left:13px;padding-top:13px}@media only screen and (min-width:620px){table td:before{display:none}}table td,table th{position:relative;padding-left:140px}@media only screen and (max-width:619px){table td,table th{padding-right:5px}}@media only screen and (min-width:620px){table td,table th{display:table-cell}}@media only screen and (min-width:620px){table th{padding:13px 26px 12px}}@media only screen and (min-width:620px){table td{padding:26px 26px 25px}}td:last-child:after{content:"";display:block;background:#fff;height:1px;left:0;position:absolute;bottom:0;width:100%}@media only screen and (min-width:620px){td:last-child:after{display:none}}.table-2 col{width:344px}@media only screen and (min-width:800px){.table-2 col{width:432px}}@media only screen and (min-width:620px){.table-2 td:first-child,.table-2 th:first-child{border-right:2px solid #fff}}.table-3 col{width:229.33px}@media only screen and (min-width:800px){.table-3 col{width:288px}}@media only screen and (min-width:620px){.table-3 td:nth-child(2),.table-3 th:nth-child(2){border-left:2px solid #fff;border-right:2px solid #fff}}.table-4 col{width:172px}@media only screen and (min-width:800px){.table-4 col{width:216px}}@media only screen and (min-width:620px){.table-4 td:nth-child(2),.table-4 td:nth-child(3),.table-4 th:nth-child(2),.table-4 th:nth-child(3){border-left:2px solid #fff;border-right:2px solid #fff}}.udacity-player{background-color:#09829a;color:#fff;overflow:hidden;margin:52px auto 26px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;position:relative;padding-left:16px;padding-right:16px}@media only screen and (min-width:620px){.udacity-player{padding-left:30px;padding-right:30px;max-width:688px}}@media only screen and (min-width:800px){.udacity-player{padding-left:35px;padding-right:35px;max-width:864px}}.udacity-player .udacity-player-container{max-width:864px}.udacity-player .udacity-player-container h2,.udacity-player .udacity-player-container h2 a{color:inherit}.udacity-player .udacity-player-container+p{padding-top:0}.udacity-player-content .udacity-player .udacity-player-container+h3{margin-top:0;padding-top:0}.udacity-player .udacity-player-container .udacity--video{width:100%;margin-top:26px;padding-top:56.25%;position:relative}.udacity-player .udacity-player-container .udacity--video>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.media{overflow:hidden}img,object,video{width:100%;display:block;margin-top:26px;margin-bottom:26px}@media only screen and (min-width:620px){img,object,video{width:auto;max-width:100%}}.media--video+p,figure+p,img+p{padding-top:0}.content .media--video+h3,.content figure+h3,.content img+h3{margin-top:0;padding-top:0}figure{display:block;margin-left:-16px;margin-right:-16px}@media only screen and (min-width:620px){figure{display:inline-block;margin-left:0;margin-right:0}}figure.contained{margin-left:0;margin-right:0}figcaption{color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-weight:400;letter-spacing:.5px;border-top:1px solid #e0e0e0;margin-bottom:51px;padding-left:5%;padding-right:5%;width:100%;clear:both}@media only screen and (min-width:620px){figcaption{padding-left:0;padding-right:0}}.media--video{position:relative;height:0;overflow:hidden;padding-top:63.1%;margin:26px -16px}@media only screen and (min-width:620px){.media--video{padding-top:54.2%;margin-left:0;margin-right:0}}.media--video>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.media-subsection{padding-top:26px}.fluid,.fluid img{min-width:100%;width:100%}.breadcrumbs{display:none;position:relative;z-index:1}@media only screen and (min-width:620px){.breadcrumbs{display:block}}.breadcrumbs p{font-size:13px;line-height:2em;padding-bottom:0;letter-spacing:0;padding-top:26px}.breadcrumbs__link{font-size:13px;line-height:2em;padding-bottom:0;letter-spacing:0;color:#000;font-weight:400;padding-top:0}@media only screen and (min-width:620px){.breadcrumbs__link{padding-top:0}}.translatelinks{display:block;position:relative;z-index:1}.translatelinks p{font-size:13px;line-height:2em;padding-bottom:0;letter-spacing:0;padding-top:0}.subsection-title{color:#404040;margin-top:52px}.subsection-number{font-size:16px;line-height:1.625em;padding-bottom:0;letter-spacing:0;padding-top:0;display:block}.icon-circle,.icon-circle--large{height:0;width:0;background:#737373;display:block;position:relative;border-radius:100%;font-size:0;padding:22px;margin:4px auto}.icon-circle i,.icon-circle span,.icon-circle--large i,.icon-circle--large span{position:absolute;line-height:0;top:50%;width:100%;left:0;text-align:center;color:#fff;font-size:26px}.icon-circle span,.icon-circle--large span{font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:26px;font-weight:700}@media only screen and (min-width:620px){.icon-circle span,.icon-circle--large span{font-size:26px}}.icon-circle--large{margin-top:0;margin-bottom:0;padding:26px;position:relative}.icon-circle--large i{font-size:26px}@media only screen and (min-width:620px){.icon-circle--large i{font-size:42px}}@media only screen and (min-width:620px){.icon-circle--large span{font-size:42px}}@media only screen and (min-width:620px){.icon-circle--large{padding:37px;border:2px solid #fff}a .icon-circle--large{padding:38px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);border:1px solid;-webkit-transition:all 100ms linear;-webkit-transform:translateZ(0)}.no-touch a:hover .icon-circle--large{box-shadow:inset 0 0 0 1px #fff;-webkit-transform:scale(1.1)}}.icon-circle--nav{height:0;width:0;background:#737373;display:block;position:relative;border-radius:100%;font-size:0;padding:13px;margin:0 auto}@media only screen and (min-width:620px){.icon-circle--nav{padding:22px;margin-top:4px;margin-bottom:4px}}.icon-circle--nav i{position:absolute;line-height:1px;top:50%;width:100%;left:0;text-align:center;color:#fff;font-size:16px}@media only screen and (min-width:620px){.icon-circle--nav i{font-size:26px}}.root--dark .themed,.root--dark .themed.divider-icon:before{color:#404040}.root--dark .themed.divider-icon:after{color:#737373}.root--web-fundamentals .themed,.root--web-fundamentals .themed.divider-icon:before{color:#4285f4}.root--web-fundamentals .themed.divider-icon:after{color:#a0c3ff}.root--web-starter-kit .themed,.root--web-starter-kit .themed.divider-icon:before{color:#CF3A8C}.root--web-starter-kit .themed.divider-icon:after{color:#edb5d4}.root--shows .themed,.root--shows .themed.divider-icon:before{color:#4285f4}.root--shows .themed.divider-icon:after{color:#a0c3ff}.theme--multi-device-layouts .themed,.theme--multi-device-layouts .themed.divider-icon:before{color:#297ea9}.theme--multi-device-layouts .themed.divider-icon:after{color:#89c4e2}.theme--device-access .themed,.theme--device-access .themed.divider-icon:before{color:#29A8A8}.theme--device-access .themed.divider-icon:after{color:#89c4e2}.theme--introduction-to-media .themed,.theme--introduction-to-media .themed.divider-icon:before{color:#cf423a}.theme--introduction-to-media .themed.divider-icon:after{color:#edb8b5}.theme--monetization .themed,.theme--monetization .themed.divider-icon:before{color:#056f00}.theme--monetization .themed.divider-icon:after{color:#14ff09}.theme--tools .themed,.theme--tools .themed.divider-icon:before{color:#CF3A8C}.theme--tools .themed.divider-icon:after{color:#edb5d4}.theme--user-input .themed,.theme--user-input .themed.divider-icon:before{color:#2c8566}.theme--user-input .themed.divider-icon:after{color:#78d2b3}.theme--performance .themed,.theme--performance .themed.divider-icon:before{color:#7b5294}.theme--performance .themed.divider-icon:after{color:#c4add2}.theme--look-and-feel .themed,.theme--look-and-feel .themed.divider-icon:before{color:#404040}.theme--look-and-feel .themed.divider-icon:after{color:#8c8c8c}.theme--principles-of-site-design .themed,.theme--principles-of-site-design .themed.divider-icon:before{color:#ff5722}.theme--principles-of-site-design .themed.divider-icon:after{color:#ffcbbb}.theme--discovery-and-distribution .themed,.theme--discovery-and-distribution .themed.divider-icon:before{color:#3f51b5}.theme--discovery-and-distribution .themed.divider-icon:after{color:#abb4e2}.theme--multi-device-layouts .themed--background,.theme--multi-device-layouts .themed--background.next-lessons:before{background-color:#297ea9}.theme--device-access .themed--background,.theme--device-access .themed--background.next-lessons:before{background-color:#29A8A8}.theme--introduction-to-media .themed--background,.theme--introduction-to-media .themed--background.next-lessons:before{background-color:#cf423a}.theme--monetization .themed--background,.theme--monetization .themed--background.next-lessons:before{background-color:#056f00}.theme--user-input .themed--background,.theme--user-input .themed--background.next-lessons:before{background-color:#2c8566}.theme--tools .themed--background,.theme--tools .themed--background.next-lessons:before{background-color:#CF3A8C}.theme--performance .themed--background,.theme--performance .themed--background.next-lessons:before{background-color:#7b5294}.theme--look-and-feel .themed--background,.theme--look-and-feel .themed--background.next-lessons:before{background-color:#404040}.theme--principles-of-site-design .themed--background,.theme--principles-of-site-design .themed--background.next-lessons:before{background-color:#ff5722}.theme--discovery-and-distribution .themed--background,.theme--discovery-and-distribution .themed--background.next-lessons:before{background-color:#3f51b5}.theme--device-access .themed--background-secondary,.theme--device-access .themed--background-secondary.next-lessons:before,.theme--multi-device-layouts .themed--background-secondary,.theme--multi-device-layouts .themed--background-secondary.next-lessons:before{background-color:#89c4e2}.theme--introduction-to-media .themed--background-secondary,.theme--introduction-to-media .themed--background-secondary.next-lessons:before{background-color:#edb8b5}.theme--monetization .themed--background-secondary,.theme--monetization .themed--background-secondary.next-lessons:before{background-color:#14ff09}.theme--user-input .themed--background-secondary,.theme--user-input .themed--background-secondary.next-lessons:before{background-color:#78d2b3}.theme--tools .themed--background-secondary,.theme--tools .themed--background-secondary.next-lessons:before{background-color:#edb5d4}.theme--performance .themed--background-secondary,.theme--performance .themed--background-secondary.next-lessons:before{background-color:#c4add2}.theme--look-and-feel .themed--background-secondary,.theme--look-and-feel .themed--background-secondary.next-lessons:before{background-color:#8c8c8c}.theme--principles-of-site-design .themed--background-secondary,.theme--principles-of-site-design .themed--background-secondary.next-lessons:before{background-color:#ffcbbb}.theme--discovery-and-distribution .themed--background-secondary,.theme--discovery-and-distribution .themed--background-secondary.next-lessons:before{background-color:#abb4e2}.theme--multi-device-layouts .themed--hover:hover{color:#297ea9}.theme--device-access .themed--hover:hover{color:#29A8A8}.theme--introduction-to-media .themed--hover:hover{color:#cf423a}.theme--monetization .themed--hover:hover{color:#056f00}.theme--user-input .themed--hover:hover{color:#2c8566}.theme--tools .themed--hover:hover{color:#CF3A8C}.theme--performance .themed--hover:hover{color:#7b5294}.theme--look-and-feel .themed--hover:hover{color:#404040}.theme--principles-of-site-design .themed--hover:hover{color:#ff5722}.theme--discovery-and-distribution .themed--hover:hover{color:#3f51b5}.theme--device-access .themed--hover-secondary:hover,.theme--multi-device-layouts .themed--hover-secondary:hover{color:#89c4e2}.theme--introduction-to-media .themed--hover-secondary:hover{color:#edb8b5}.theme--monetization .themed--hover-secondary:hover{color:#14ff09}.theme--tools .themed--hover-secondary:hover{color:#edb5d4}.theme--user-input .themed--hover-secondary:hover{color:#78d2b3}.theme--performance .themed--hover-secondary:hover{color:#c4add2}.theme--look-and-feel .themed--hover-secondary:hover{color:#8c8c8c}.theme--principles-of-site-design .themed--hover-secondary:hover{color:#ffcbbb}.theme--discovery-and-distribution .themed--hover-secondary:hover{color:#abb4e2}.article--multi-device-layouts .article-container h1,.article--multi-device-layouts .article-container h2{color:#297ea9}.article--device-access .article-container h1,.article--device-access .article-container h2{color:#29A8A8}.article--introduction-to-media .article-container h1,.article--introduction-to-media .article-container h2{color:#cf423a}.article--monetization .article-container h1,.article--monetization .article-container h2{color:#056f00}.article--tools .article-container h1,.article--tools .article-container h2{color:#CF3A8C}.article--user-input .article-container h1,.article--user-input .article-container h2{color:#2c8566}.article--performance .article-container h1,.article--performance .article-container h2{color:#7b5294}.article--look-and-feel .article-container h1,.article--look-and-feel .article-container h2{color:#404040}.article--principles-of-site-design .article-container h1,.article--principles-of-site-design .article-container h2{color:#ff5722}.article--discovery-and-distribution .article-container h1,.article--discovery-and-distribution .article-container h2{color:#3f51b5}.nav-theme--multi-device-layouts .themed--hover:hover{color:#297ea9}.nav-theme--device-access .themed--hover:hover{color:#29A8A8}.nav-theme--introduction-to-media .themed--hover:hover{color:#cf423a}.nav-theme--monetization .themed--hover:hover{color:#056f00}.nav-theme--tools .themed--hover:hover{color:#CF3A8C}.nav-theme--user-input .themed--hover:hover{color:#2c8566}.nav-theme--performance .themed--hover:hover{color:#7b5294}.nav-theme--look-and-feel .themed--hover:hover{color:#404040}.nav-theme--principles-of-site-design .themed--hover:hover{color:#ff5722}.nav-theme--discovery-and-distribution .themed--hover:hover{color:#3f51b5}.nav-theme--multi-device-layouts .themed{color:#297ea9}.nav-theme--device-access .themed{color:#29A8A8}.nav-theme--introduction-to-media .themed{color:#cf423a}.nav-theme--monetization .themed{color:#056f00}.nav-theme--tools .themed{color:#CF3A8C}.nav-theme--user-input .themed{color:#2c8566}.nav-theme--performance .themed{color:#7b5294}.nav-theme--look-and-feel .themed{color:#404040}.nav-theme--principles-of-site-design .themed{color:#ff5722}.nav-theme--discovery-and-distribution .themed{color:#3f51b5}.nav-theme--multi-device-layouts .themed--background{background-color:#297ea9}.nav-theme--device-access .themed--background{background-color:#29A8A8}.nav-theme--introduction-to-media .themed--background{background-color:#cf423a}.nav-theme--monetization .themed--background{background-color:#056f00}.nav-theme--tools .themed--background{background-color:#CF3A8C}.nav-theme--user-input .themed--background{background-color:#2c8566}.nav-theme--performance .themed--background{background-color:#7b5294}.nav-theme--look-and-feel .themed--background{background-color:#404040}.nav-theme--principles-of-site-design .themed--background{background-color:#ff5722}.nav-theme--discovery-and-distribution .themed--background{background-color:#3f51b5}.nav-theme--device-access .themed--background-secondary,.nav-theme--multi-device-layouts .themed--background-secondary{background-color:#89c4e2}.nav-theme--introduction-to-media .themed--background-secondary{background-color:#edb8b5}.nav-theme--monetization .themed--background-secondary{background-color:#14ff09}.nav-theme--tools .themed--background-secondary{background-color:#edb5d4}.nav-theme--user-input .themed--background-secondary{background-color:#78d2b3}.nav-theme--performance .themed--background-secondary{background-color:#c4add2}.nav-theme--look-and-feel .themed--background-secondary{background-color:#8c8c8c}.nav-theme--principles-of-site-design .themed--background-secondary{background-color:#ffcbbb}.nav-theme--discovery-and-distribution .themed--background-secondary{background-color:#abb4e2}.page--styleguide .styleguide__module-title{margin-bottom:26px}.page--styleguide section{margin-bottom:52px;border-bottom:1px solid #ccc;padding-bottom:77px;margin-top:26px}.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__inverted-block{background:#e8e8e8;padding:0 13px}.page--styleguide .styleguide__theme-block{background:#297ea9;padding:0 13px}.page--styleguide .styleguide__typography p{padding-bottom:26px;padding-top:0}.page--styleguide .styleguide__typography>strong{padding-top:26px}.page--styleguide .styleguide__case-study-wrapper .case-study-wrapper{margin-top:0}.page--styleguide .container pre{margin:0}.page--resources .article-section__icon,.page--resources .articles-count,.page--resources .contributors-list__item .secondary-content,.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}.spotlight-content ul li:before{color:#f4b400}.spotlight-listing .related-items{padding-top:0}@media only screen and (min-width:620px){.spotlight-list{display:flex;flex-wrap:wrap}}.spotlight-list p{color:inherit;padding-top:1em}.spotlight-list p:last-child{color:#404040}.showcase-listing-list{background:#f9f9f9;padding:0 0 0 20px}.showcase-listing-list ul{padding-left:0;display:flex;flex-direction:row;flex-wrap:wrap;max-width:1700px;margin:0 auto}.showcase-listing-list ul li{padding:0 0 26px;margin:0;flex:2 1 940px;display:flex;flex-direction:column}.showcase-listing-list ul li::before{display:none}.showcase-listing-list ul h3{padding-top:0}.showcase-listing-list ul h3 a{color:inherit}.showcase-listing-list ul .latest-spotlights__link img{max-height:13em}.showcase-listing-list ul .cta--primary{margin-top:1em}.showcase-listing-list ul li.half{flex:1 1 470px}.showcase-listing-list ul li.half .featured-list__img-wrapper{padding-top:0;margin:0}.showcase-listing-list ul li.half .g--half{float:left;margin-right:3.7%;width:48.15%}.showcase-listing-list ul li.half .g--last{margin-right:0}.showcase-listing-list ul figure{text-align:right}.showcase-card{margin-right:20px;background:#fff;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);padding:2em;flex:1 1 auto;position:relative}.showcase-card>*{padding-bottom:3em}.showcase-card footer{display:flex;background:#fafafa;padding:1em;border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-top:1px solid #eee;position:absolute;bottom:0;left:0;right:0}.showcase-card footer div{margin-left:1em}.showcase-card footer .tags{text-align:right;flex:1 0 auto}.showcase-card footer .tags a{text-transform:uppercase;text-decoration:none;margin-right:1em;font-weight:400}.showcase-card footer .icon-circle{display:inline;vertical-align:middle;margin:0 8px 0 0;padding:18px}.latest-spotlights{border-bottom:1px solid #FFF429;background:#FDD835}.showcase-listing-more{background:#FFEB3B;text-align:center;padding:1em;border-bottom:1px solid #DDCB30}.showcase-listing-more a{margin:0 30px}.showcase-listing-more .disabled{color:rgba(0,0,0,.2)}.case-study h1{text-align:center}.case-study .content h2{margin-right:0;text-align:center}@media only screen and (min-width:620px){.case-study .content p{margin-right:4%;margin-left:4%}}.case-study figure{margin-right:0}@media only screen and (min-width:620px){.case-study figure{margin-right:3.7%}.case-study .spotlight-header__container,.case-study .spotlight-scores{margin-top:2em}}@media only screen and (min-width:620px){.case-study .spotlight-header--landscape .spotlight-header__copy p{margin-bottom:0}}.case-study .case-study-link{display:block;text-align:center}.case-study .content p>img{display:inline-block;float:left;width:33%;margin-top:0;margin-right:52px}.case-study .content .image-wrapper{text-align:center;padding-top:1.625em}.case-study .content .image-wrapper img{margin:0 auto}.case-study .content .image-wrapper span{display:block;color:#404040;font-family:"Roboto Condensed",Helvetica,sans-serif;font-weight:400;letter-spacing:.5px;border-top:1px solid #e0e0e0;padding-top:8px}.clear:after,.clear:before{content:"";display:table}.clear:after{clear:both}.color--blue{color:#4285f4}.color--red{color:#cb4437}.color--green{color:#0f9d58}.color--yellow{color:#f4b400}.color--blue-secondary{color:#a0c3ff}.color--red-secondary{color:#ed9d97}.color--green-secondary{color:#78cfa9}.color--yellow-secondary{color:#ffe168}.color--gray-background{color:#f0f0f0}.color--gray-keyline{color:#e0e0e0}.color--gray{color:#737373}.color--gray-medium{color:#bababa}.color--gray-dark,.color--text{color:#404040}.color--highlight{color:#3372df}.color--warning{color:#ffe168}.color--danger{color:#cb4437}.color--muted{color:#737373}.color--remember{color:#09829a}.color--learning{color:#da2e75}.color--layouts{color:#297ea9}.color--device{color:#29A8A8}.color--tools{color:#CF3A8C}.color--user{color:#2c8566}.color--media{color:#cf423a}.color--monetization{color:#056f00}.color--performance{color:#7b5294}.color--discovery-and-distribution{color:#3f51b5}.color--tools-secondary{color:#edb5d4}.color--layouts-secondary{color:#89c4e2}.color--user-secondary{color:#78d2b3}.color--media-secondary{color:#edb8b5}.color--monetization-secondary{color:#14ff09}.color--performance-secondary{color:#c4add2}.color--discovery-and-distribution-secondary{color:#abb4e2}.divider{width:80%;margin:26px auto 25px;border:0;height:1px;color:#e0e0e0;background-color:#e0e0e0}@media only screen and (min-width:620px){.divider{width:40%}}.divider.divider--short{width:70%}@media only screen and (min-width:620px){.divider.divider--short{width:25%}}@media only screen and (min-width:620px){.divider.divider--fluid{width:100%}}@media only screen and (min-width:620px){.divider.divider--spaced{margin-top:52px;margin-bottom:51px}}.divider span{background:#fff;position:relative;margin:0 auto;display:block;width:35px;height:1px}.divider span:after,.divider span:before{position:absolute;font-family:icons;top:-12px;color:#4285f4}.divider span:before{content:"\f104";left:8px}.divider span:after{color:#a0c3ff;content:"\f105";right:6px}.divider .divider-icon--secondary{width:23px}.divider .divider-icon--secondary:before{content:"*";font-family:"Roboto Condensed",Helvetica,sans-serif;font-size:42px;font-weight:700;color:#e0e0e0;top:-9px;left:3px}.divider .divider-icon--secondary:after{display:none}.divider--secondary span{background-color:#f0f0f0}.centered{text-align:center}.text-highlight{font-family:"Roboto Condensed",Helvetica,sans-serif}.tag{font-size:13px;line-height:2em;padding-top:2em;padding-bottom:0;letter-spacing:0;font-family:"Roboto Condensed",Helvetica,sans-serif;text-transform:uppercase;font-weight:700;display:inline-block;text-decoration:none}.tag:hover{color:#404040}.tag:before{content:"# ";display:inline-block}.indented{padding-left:32px}.indented dl,.indented ol,.indented ul{padding-left:0}@media only screen and (min-width:620px){.indented-medium{padding-left:32px}.indented-medium dl,.indented-medium ol,.indented-medium ul{padding-left:0}}