code,
pre,
.pre-style {
    background: #f7f7f7;
    color: #37474f;
    font: 400 100%/1 Roboto Mono, monospace;
    padding: 1px 4px
}

.devsite-dark-code pre,
.devsite-dark-code pre code,
.devsite-dark-code .pre-style {
    background: #212121;
    color: #eceff1
}

code {
    font: 500 90%/1 Roboto Mono, monospace;
    word-break: break-word
}

table code,
pre code,
.pre-style code {
    font-weight: 400;
    word-break: normal
}

pre,
.pre-style {
    font: 14px/20px Roboto Mono, monospace;
    margin: 16px 0;
    overflow-x: auto;
    padding: 8px;
    position: relative
}

pre code,
.pre-style code {
    background: 0;
    font-size: 14px;
    padding: 0
}

b code,
strong code {
    font-weight: 700
}

.devsite-code-highlight.prettyprint>span {
    opacity: .54
}

table pre {
    background: rgba(255, 255, 255, .95)
}

td>pre:only-child {
    padding: 0
}

body:not(.devsite-dark-code) td>pre:only-child {
    background: 0
}

h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
    background: 0;
    color: #212121;
    padding: 0
}

h1 code {
    color: #757575
}

#embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonString,
pre .com {
    color: #d81b60
}

.devsite-dark-code pre .com {
    color: #f06292
}

#embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonNumber,
pre .lit,
pre .dec {
    color: #c53929
}

.devsite-dark-code pre .lit,
.devsite-dark-code pre .dec {
    color: #fbc02d
}

pre .kwd,
pre .tag {
    color: #3b78e7
}

.devsite-dark-code pre .kwd,
.devsite-dark-code pre .tag {
    color: #4dd0e1
}

#embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonBoolean,
pre .str,
pre .atv {
    color: #0d904f
}

.devsite-dark-code pre .str,
.devsite-dark-code pre .atv {
    color: #9ccc65
}

#embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonKey,
pre .typ,
pre .atn {
    color: #9c27b0
}

.devsite-dark-code pre .typ,
.devsite-dark-code pre .atn {
    color: #ce93d8
}

a code,
td a code {
    color: #039be5
}

a .atv,
a .atn,
a .com,
a .dec,
a .kwd,
a .lit,
a .str,
a .tag,
a .typ,
.prettyprint:not(.devsite-github-link)>a:not(.devsite-github-link) {
    color: #039be5;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
}

.devsite-dark-code a .atv,
.devsite-dark-code a .atn,
.devsite-dark-code a .com,
.devsite-dark-code a .dec,
.devsite-dark-code a .kwd,
.devsite-dark-code a .lit,
.devsite-dark-code a .str,
.devsite-dark-code a .tag,
.devsite-dark-code a .typ,
.devsite-dark-code .prettyprint:not(.devsite-github-link)>a:not(.devsite-github-link) {
    color: #29b6f6
}

a:hover .atv,
a:hover .atn,
a:hover .com,
a:hover .dec,
a:hover .kwd,
a:hover .lit,
a:hover .str,
a:hover .tag,
a:hover .typ,
.prettyprint a:hover {
    text-decoration: underline
}

var,
var code,
var span,
.prettyprint var span {
    color: #ec407a;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
}

.devsite-terminal::before {
    color: #bdbdbd;
    content: "$ "
}

.devsite-terminal[data-terminal-prefix]::before {
    content: attr(data-terminal-prefix)
}

.devsite-github-link {
    display: block;
    text-align: right
}

a.devsite-github-link:hover,
a.devsite-github-link:focus {
    text-decoration: none
}

.devsite-github-link::after {
    color: #039be5;
    content: 'open_in_new';
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    margin-left: 8px;
    vertical-align: bottom
}

.devsite-dark-code .devsite-github-link>a,
.devsite-dark-code .devsite-github-link::after {
    color: #29b6f6
}

.replaceable-credential {
    border: 1px dashed #e91e63;
    cursor: pointer;
    padding: 2px
}

.devsite-dialog {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 17px 17px rgba(0, 0, 0, .15), 0 27px 55px rgba(0, 0, 0, .3);
    box-shadow: 0 17px 17px rgba(0, 0, 0, .15), 0 27px 55px rgba(0, 0, 0, .3);
    display: none;
    font: 14px/20px Roboto, sans-serif;
    margin: 24px;
    max-height: calc(100% - 48px);
    max-width: calc(100% - 48px);
    overflow: auto;
    padding: 8px;
    position: fixed;
    z-index: 10012
}

.devsite-dialog.devsite-henhouse-dialog {
    left: calc(50% - 300px);
    padding: 0;
    margin: 0;
    top: calc(50% - 182px);
    width: auto;
    height: auto;
    background: transparent
}

.devsite-henhouse-inner {
    background: #fff;
    margin-top: 2px
}

.devsite-henhouse-spinner-container {
    width: 600px;
    height: 365px
}

.devsite-henhouse-cross-container {
    height: 160px
}

.devsite-henhouse-cross {
    margin: 16px;
    float: right;
    cursor: pointer
}

.devsite-dialog-contents {
    color: #757575;
    padding: 16px
}

.devsite-dialog-contents>p:first-child:last-child {
    margin: 0
}

.devsite-dialog h3 {
    margin: 0 0 20px
}

.devsite-dialog-buttons {
    text-align: right
}

@media screen and (max-width:720px) {
    div.devsite-dialog {
        left: 0;
        margin: 16px;
        max-height: calc(100% - 32px);
        max-width: calc(100% - 32px);
        top: 0
    }
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

label {
    color: #757575;
    display: block;
    font-size: 12px
}

input+label {
    color: #212121;
    display: inline;
    font-size: 16px
}

label[for] {
    cursor: pointer
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    background: #fff;
    border-radius: 2px;
    color: #757575;
    cursor: pointer;
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 18px;
    margin: -2px 8px 2px 0;
    outline: 0;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: middle;
    width: 18px
}

input[type="radio"] {
    border-radius: 50%;
    -webkit-transition: none;
    transition: none
}

input[type="checkbox"]:checked,
input[type="checkbox"]:indeterminate,
input[type="radio"]:checked {
    color: #039be5
}

input[type="checkbox"]::after,
input[type="radio"]::after {
    content: 'check_box_outline_blank';
    position: relative;
    right: 3px;
    top: -3px
}

input[type="checkbox"]:checked::after {
    content: 'check_box'
}

input[type="checkbox"]:indeterminate::after {
    content: 'indeterminate_check_box'
}

input[type="radio"]::after {
    content: 'radio_button_unchecked'
}

input[type="radio"]:checked::after {
    content: 'radio_button_checked'
}

input[type="checkbox"]:focus::before,
input[type="radio"]:focus::before {
    background: #ebebeb;
    border-radius: 50%;
    content: '';
    display: block;
    height: 36px;
    left: -9px;
    position: absolute;
    top: -9px;
    -webkit-transition: background .2s;
    transition: background .2s;
    width: 36px;
    z-index: -1
}

input[type="checkbox"]:checked:focus::before,
input[type="checkbox"]:indeterminate:focus::before,
input[type="radio"]:focus::before {
    background: #b3e5fc
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled,
input:disabled+label,
.google-visualization-controls-categoryfilter .goog-menuitem-disabled {
    color: #bdbdbd;
    cursor: default
}

.devsite-navigating-radio:checked+label {
    color: #039be5
}

label+.devsite-navigating-radio {
    margin-left: 40px
}

.google-visualization-controls-stringfilter input,
#embedded-explorer input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],


@media screen and (max-width:720px) {
    .kd-menulist,
    .google-visualization-controls-categoryfilter .goog-menu {
        margin: 0 16px;
        max-height: 400px;
        padding: 8px 0!important
    }
    .kd-menulistitem,
    .google-visualization-controls-categoryfilter .goog-menuitem {
        line-height: 48px;
        padding: 0 16px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis
}

h1,
.devsite-landing-row h2,
.devsite-landing-row-large-headings .devsite-landing-row-item-description h3,
.devsite-products-alphabet-letter-heading {
    color: inherit;
    font: 400 32px/40px Google Sans, sans-serif;
    letter-spacing: 0;
    margin: 48px 0 24px
}

.devsite-article h1:first-of-type {
    margin-top: 0;
    position: relative;
    top: -4px
}

h2,
.devsite-landing-row h3 {
    border-bottom: 0;
    font: 400 22px/30px Google Sans, sans-serif;
    letter-spacing: 0;
    margin: 48px 0 24px;
    padding-bottom: 0
}

.exw-control+h2.showalways {
    margin: 44px 0 20px;
    padding-bottom: 7px
}

h3,
#embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedView_EmbeddedViewUiBinderImpl_GenCss_style-all h3 {
    font: 400 18px/30px Google Sans, sans-serif;
    margin: 32px 0 16px
}

.devsite-landing-row-item-no-image h3,
.devsite-landing-row h4 {
    font: 400 20px/32px Roboto, sans-serif;
    margin: 32px 0 12px;
    padding: 0
}

.devsite-landing-row-large-headings .devsite-landing-row-item-list h4 {
    font: 400 20px/32px Roboto, sans-serif;
    letter-spacing: -.01em
}

.exw-control+h3.showalways,
.exw-control+h4.showalways {
    margin: 36px 0 20px
}

h4,
h5,
h6 {
    margin: 32px 0 16px
}

h4 {
    font: 500 16px/24px Roboto, sans-serif
}

h5 {
    font: 700 14px/24px Roboto, sans-serif
}

h6 {
    font: 500 14px/24px Roboto, sans-serif
}

h1+h1,
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6,
h2+h1,
h2+h2,
h2+h3,
h2+h4,
h2+h5,
h2+h6,
h3+h1,
h3+h2,
h3+h3,
h3+h4,
h3+h5,
h3+h6,
h4+h1,
h4+h2,
h4+h3,
h4+h4,
h4+h5,
h4+h6,
h5+h1,
h5+h2,
h5+h3,
h5+h4,
h5+h5,
h5+h6,
h6+h1,
h6+h2,
h6+h3,
h6+h4,
h6+h5,
h6+h6,
h1+dl>dt:first-child,
h2+dl>dt:first-child,
h3+dl>dt:first-child,
h4+dl>dt:first-child,
h5+dl>dt:first-child,
h6+dl>dt:first-child {
    margin-top: 0
}

@media screen and (max-width:720px) {
    h1,
    .devsite-landing-row h2,
    .devsite-products-alphabet-letter-heading {
        font: 400 24px/32px Google Sans, sans-serif;
        letter-spacing: 0
    }
}

table,
table.google-visualization-table-table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font: 14px/20px Roboto, sans-serif;
    margin: 16px 0;
    width: 100%
}

caption {
    background: #f7f7f7;
    font-weight: 500;
    padding: 12px 8px;
    text-align: center
}

tr,
table.google-visualization-table-table .google-visualization-table-tr-head,
table.google-visualization-table-table .google-visualization-table-tr-even,
table.google-visualization-table-table .google-visualization-table-tr-odd {
    background: #78909c;
    border: 0;
    border-top: 1px solid #cfd8dc
}

th,
td,
table.google-visualization-table-table .google-visualization-table-th,
table.google-visualization-table-table .google-visualization-table-td {
    border: 0;
    margin: 0;
    text-align: left
}

table.google-visualization-table-table .google-visualization-table-th,
table.google-visualization-table-table .google-visualization-table-td {
    background: 0;
    border: 0
}

th {
    font: 500 16px/24px Roboto, sans-serif;
    height: 48px;
    padding: 8px;
    vertical-align: middle
}

th>h2,
th>h3 {
    border: 0;
    font: 500 16px/24px Roboto, sans-serif;
    margin: 0;
    padding: 0
}

td>h2:only-child,
td>h3:only-child,
td>.expandable>h2.showalways,
td>.expandable>h3.showalways {
    border: 0;
    font: 14px/20px Roboto, sans-serif;
    margin: 0;
    padding-bottom: 0
}

td>.expandable>h2.showalways,
td>.expandable>h3.showalways {
    line-height: 24px
}

th b,
th strong,
td b,
td strong {
    font-weight: 500
}

th,
th code {
    color: #fff
}

td,
td code,
table.google-visualization-table-table .google-visualization-table-td {
    color: #212121;
    padding: 7px 8px 8px
}

th code,
td code {
    background: 0;
    font: 500 100%/1 Roboto Mono, monospace;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    padding: 0
}

table.responsive td,
table.responsive th {
    min-width: 214px
}

table.responsive th code,
table.responsive td code {
    word-break: break-all;
    word-break: break-word
}

td,
table.responsive tr:not(.alt) td td:first-child,
table.responsive td tr:not(.alt) td:first-child,
table.google-visualization-table-table .google-visualization-table-td {
    background: rgba(255, 255, 255, .95);
    vertical-align: top
}

table.responsive tr:not(.alt) td:first-child {
    background: rgba(255, 255, 255, .87)
}

table.vertical-rules tr>th:not(:last-child),
table.vertical-rules tr>td:not(:last-child) {
    border-right: 1px solid #cfd8dc
}

td.alt,
.alt td {
    background: rgba(255, 255, 255, .75)
}

table.blue tr {
    background: #3949ab;
    border-top-color: #7986cb
}

table.cyan tr {
    background: #00acc1;
    border-top-color: #4dd0e1
}

table.green tr {
    background: #7cb342;
    border-top-color: #aed581
}

table.orange tr {
    background: #fb8c00;
    border-top-color: #ffb74d
}

table.pink tr {
    background: #d81b60;
    border-top-color: #f06292
}

table.purple tr {
    background: #8e24aa;
    border-top-color: #ba68c8
}

.devsite-table-wrapper {
    margin: 16px 0;
    overflow: auto
}

.devsite-table-wrapper .devsite-table-wrapper {
    overflow: visible
}

.devsite-table-wrapper table {
    margin: 0
}

.devsite-table-wrapper .devsite-table-wrapper table {
    margin: 16px 0
}

table.responsive table.responsive {
    margin: 0
}

table.responsive tr:first-child {
    border-top: 0
}

table.responsive td tr:first-child td {
    padding-top: 0
}

table.responsive td tr:last-child td {
    padding-bottom: 0
}

table.responsive td td:first-child {
    padding-left: 0
}

table.responsive th:not(:first-child) {
    display: none
}

@media screen and (max-width:1000px) {
    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive tr,
    table.responsive th,
    table.responsive td {
        display: block
    }
    table.responsive th {
        height: auto;
        padding: 14px 8px
    }
}

.devsite-rating-description,
.devsite-tooltip {
    background: rgba(97, 97, 97, .9);
    border-radius: 2px;
    color: #fff;
    font: 500 10px/10px Roboto, sans-serif;
    position: absolute
}

.devsite-tooltip {
    margin-top: 8px;
    max-width: 400px;
    opacity: 1;
    padding: 6px 8px;
    text-align: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    visibility: visible;
    z-index: 10020
}

.devsite-tooltip-hide {
    opacity: 0;
    visibility: hidden
}

.devsite-tooltip-data {
    display: none
}

.com-google-api-explorer-client-auth-AuthView_AuthUiBinderImpl_GenCss_style-scopePanel::-webkit-scrollbar,
.com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-fields::-webkit-scrollbar,
.devsite-apix::-webkit-scrollbar,
.devsite-dialog::-webkit-scrollbar,
.devsite-nav-responsive::-webkit-scrollbar,
.devsite-overflow-menu::-webkit-scrollbar,
.devsite-page-nav::-webkit-scrollbar,
.devsite-popout::-webkit-scrollbar,
.devsite-section-nav::-webkit-scrollbar,
.devsite-section-nav-responsive::-webkit-scrollbar,
.kd-menulist::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.devsite-table-wrapper::-webkit-scrollbar,
pre::-webkit-scrollbar {
    height: 8px;
    width: 4px
}

.devsite-header-upper-tabs::-webkit-scrollbar,
.devsite-doc-set-nav-row::-webkit-scrollbar {
    height: 0;
    width: 0
}

.com-google-api-explorer-client-auth-AuthView_AuthUiBinderImpl_GenCss_style-scopePanel::-webkit-scrollbar-thumb,
.com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-fields::-webkit-scrollbar-thumb,
.devsite-apix::-webkit-scrollbar-thumb,
.devsite-dialog::-webkit-scrollbar-thumb,
.devsite-nav-responsive::-webkit-scrollbar-thumb,
.devsite-overflow-menu::-webkit-scrollbar-thumb,
.devsite-page-nav::-webkit-scrollbar-thumb,
.devsite-popout::-webkit-scrollbar-thumb,
.devsite-section-nav::-webkit-scrollbar-thumb,
.devsite-section-nav-responsive::-webkit-scrollbar-thumb,
.devsite-table-wrapper::-webkit-scrollbar-thumb,
.kd-menulist::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .26)
}

.devsite-dark-code pre::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .7)
}

.devsite-table-wrapper::-webkit-scrollbar-corner,
pre::-webkit-scrollbar-corner {
    background: 0
}

.devsite-top-section-wrapper {
    position: relative;
    z-index: 10007
}

.devsite-top-section {
    background-color: #00bcd4;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    position: static;
    top: 0;
    width: 100%;
    z-index: 10005
}

.devsite-top-section-pinned {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.devsite-full-site-width,
.devsite-toast-fill {
    margin: 0 auto;
    max-width: 1400px
}

.devsite-top-logo-row-wrapper-wrapper {
    border-bottom: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 10006
}

.devsite-top-logo-row-wrapper {
    background: #fff
}

.devsite-top-logo-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0 24px;
    position: relative
}

.devsite-header-upper-tabs {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow-y: auto;
    vertical-align: top;
    -webkit-transition: margin .2s, width .2s, -webkit-box-flex .2s;
    transition: margin .2s, width .2s, -webkit-box-flex .2s;
    transition: flex .2s, margin .2s, width .2s;
    transition: flex .2s, margin .2s, width .2s, -webkit-box-flex .2s, -ms-flex .2s
}

.devsite-header-upper-tabs:not(:empty) {
    margin-left: 48px
}

.devsite-top-section-wrapper:not(.devsite-billboard-search-active) .devsite-top-logo-row.devsite-search-active .devsite-header-upper-tabs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    visibility: hidden;
    width: 0
}

.devsite-header-background {
    position: relative
}

.devsite-header-background>.devsite-feedback-button {
    bottom: 0;
    margin: 6px 0;
    position: absolute;
    right: 16px
}

.devsite-header-icon-button {
    color: rgba(0, 0, 0, .54);
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 24px;
    min-width: 24px;
    padding: 0;
    -webkit-transition: color .2s;
    transition: color .2s;
    width: 24px
}

.devsite-expand-section-nav {
    margin: 12px 24px 12px 0
}

.devsite-header-icon-button:focus,
.devsite-header-icon-button:hover,
.devsite-header-icon-button:active {
    color: rgba(0, 0, 0, .87)
}

@media screen and (max-width:720px) {
    .devsite-top-logo-row {
        padding: 0 16px
    }
    .devsite-header-upper-tabs,
    .devsite-header-upper-tabs:not(:empty) {
        margin-left: 16px
    }
    .devsite-top-section-wrapper:not(.devsite-billboard-search-active) .devsite-top-logo-row.devsite-search-active .devsite-header-upper-tabs {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .devsite-header-upper-tabs .devsite-doc-set-nav,
    .devsite-feedback-button {
        display: none
    }
}

.devsite-product-name-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0
}

.devsite-product-name-link,
.devsite-site-logo-link {
    display: inline-block;
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.devsite-product-name-link:hover,
.devsite-product-name-link:focus,
.devsite-site-logo-link:focus {
    opacity: .7;
    text-decoration: none
}

.devsite-site-logo-link canvas {
    -o-object-fit: cover!important;
    object-fit: cover!important
}

.devsite-product-logo-container {
    background: #00bcd4;
    border-radius: 50%;
    display: inline-block;
    height: 36px;
    margin-right: 16px;
    text-align: center;
    width: 36px
}

.devsite-product-logo {
    color: #00bcd4;
    font-size: 32px;
    height: 32px;
    margin: 2px 16px 2px 0;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    white-space: nowrap
}

.devsite-product-logo-white {
    color: #fff;
    margin: 2px 0
}

.devsite-product-name {
    color: rgba(0, 0, 0, .54);
    display: inline-block;
    font: 400 20px/36px Google Sans, sans-serif;
    letter-spacing: 0;
    margin: 0;
    vertical-align: top;
    white-space: nowrap
}

.devsite-site-logo {
    height: 32px;
    margin: 2px 0
}

.devsite-site-logo-no-text {
    width: 32px
}

.devsite-site-logo+.devsite-site-name {
    display: none
}

.devsite-breadcrumb-link>.devsite-product-name {
    color: inherit
}

@media screen and (max-width:720px) {
    .devsite-product-name-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 0
    }
    .devsite-site-logo-link {
        overflow: hidden
    }
    .devsite-product-name-link+.devsite-product-name {
        padding-right: 48px
    }
    .devsite-site-logo+.devsite-site-name {
        display: block
    }
    .devsite-site-logo {
        display: none
    }
}

.devsite-search-form {
    background: #f7f7f7;
    border-radius: 2px;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0 6px 24px;
    opacity: 1;
    position: relative;
    text-align: left;
    -webkit-transition: background .2s, opacity .2s, width .2s, -webkit-box-flex .2s;
    transition: background .2s, opacity .2s, width .2s, -webkit-box-flex .2s;
    transition: background .2s, flex .2s, opacity .2s, width .2s;
    transition: background .2s, flex .2s, opacity .2s, width .2s, -webkit-box-flex .2s, -ms-flex .2s;
    vertical-align: top;
    width: 200px
}

.devsite-billboard-search-active .devsite-search-form:not(.devsite-billboard-search),
.devsite-top-section-wrapper:not(.devsite-billboard-search-active) .devsite-billboard-search {
    opacity: 0;
    pointer-events: none;
    width: 0
}

.devsite-high-contrast .devsite-search-form {
    background: #00bcd4
}

.devsite-search-form:hover {
    background: #ebebeb
}

.devsite-high-contrast .devsite-search-form:hover {
    background: #26c6da
}

.devsite-top-section-wrapper:not(.devsite-billboard-search-active) .devsite-top-logo-row.devsite-search-active .devsite-search-form {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.devsite-high-contrast .devsite-search-active .devsite-search-form,
.devsite-search-active .devsite-search-form {
    background: #f7f7f7
}

.devsite-search-image {
    color: rgba(0, 0, 0, .54);
    left: 24px;
    position: absolute;
    top: 6px;
    -webkit-transition: color .2s;
    transition: color .2s
}

.devsite-search-image::before {
    content: 'search'
}

.devsite-search-active .devsite-search-image {
    color: #757575
}

input.devsite-search-field {
    background: 0;
    border: 0;
    color: rgba(0, 0, 0, .54);
    height: 36px;
    padding: 8px 8px 8px 72px;
    -webkit-transition: color .2s;
    transition: color .2s;
    width: 100%
}

.devsite-search-active .devsite-search-field {
    color: #212121
}

input.devsite-search-field:focus {
    border: 0;
    padding-bottom: 8px
}

.devsite-search-form::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .54);
    -webkit-transition: color .2s;
    transition: color .2s
}

.devsite-search-form:-moz-placeholder {
    color: rgba(0, 0, 0, .54);
    -webkit-transition: color .2s;
    transition: color .2s
}

.devsite-search-form::-moz-placeholder {
    color: rgba(0, 0, 0, .54);
    -webkit-transition: color .2s;
    transition: color .2s
}

.devsite-search-form:-ms-input-placeholder {
    color: rgba(0, 0, 0, .54);
    -webkit-transition: color .2s;
    transition: color .2s
}

.devsite-search-active .devsite-search-form::-webkit-input-placeholder {
    color: #757575
}

.devsite-search-active .devsite-search-form:-moz-placeholder {
    color: #757575
}

.devsite-search-active .devsite-search-form::-moz-placeholder {
    color: #757575
}

.devsite-search-active .devsite-search-form:-ms-input-placeholder {
    color: #757575
}

.devsite-search-button {
    margin: 12px 0
}

.devsite-search-button::before {
    content: 'search'
}

.devsite-responsive-search-open .devsite-search-button {
    margin: 12px 0 12px 16px
}

.devsite-responsive-search-open .devsite-search-button::before {
    content: 'cancel'
}

@media screen and (max-width:720px) {
    .devsite-search-button {
        display: inline-block
    }
    .devsite-billboard-search-active .devsite-search-button,
    .devsite-responsive-search-open .devsite-header-upper-tabs,
    .devsite-responsive-search-open .devsite-product-name-wrapper,
    .devsite-responsive-search-open .devsite-settings-menu-wrapper,
    .devsite-responsive-search-open .devsite-user-avatar,
    .devsite-responsive-search-open .devsite-user-signin,
    .devsite-top-logo-row .devsite-search-form {
        display: none
    }
    .devsite-responsive-search-open .devsite-search-form {
        display: inline-block;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 6px 0
    }
}

.devsite-popout {
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24), inset 0 4px 6px -4px rgba(0, 0, 0, .24);
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24), inset 0 4px 6px -4px rgba(0, 0, 0, .24);
    margin-top: 6px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    position: absolute;
    -webkit-transition: visibility .2s, -webkit-transform .2s;
    transition: visibility .2s, -webkit-transform .2s;
    transition: transform .2s, visibility .2s;
    transition: transform .2s, visibility .2s, -webkit-transform .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    z-index: -1
}

.devsite-popout-closed {
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    visibility: hidden
}

.devsite-history-side-column {
    float: left;
    width: 72px
}

.devsite-history-icon {
    color: #757575;
    display: block;
    height: 24px;
    margin: 16px auto;
    width: 24px
}

.devsite-history-icon::before {
    content: 'history'
}

.devsite-history-main-column {
    font-size: 14px;
    float: right;
    width: calc(100% - 72px);
    margin-top: 16px
}

.devsite-history-message {
    padding-right: 16px
}

.devsite-history-column {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 8px)/2)
}

.devsite-history-column+.devsite-history-column {
    margin-left: 8px
}

.devsite-suggest-results {
    padding: 16px 0 16px 72px
}

.devsite-suggest-category,
.devsite-suggest-project {
    color: #757575;
    font-size: 12px
}

.devsite-suggest-category:not(:first-child),
.devsite-suggest-project:not(:first-child) {
    border-top: 1px solid #ebebeb;
    margin: 8px 0 0;
    padding-top: 12px
}

.devsite-history-item,
.devsite-suggest-item {
    font: 13px/20px Roboto, sans-serif;
    margin: 0
}

.devsite-history-item a,
.devsite-suggest-item a {
    color: #212121;
    display: block;
    margin-left: -8px;
    outline: 0;
    padding: 8px;
    -webkit-transition: background .2s;
    transition: background .2s
}

.devsite-history-item.goog-menuitem-highlight a,
.devsite-history-item a:focus,
.devsite-suggest-item.goog-menuitem-highlight a,
.devsite-suggest-item:not(.goog-menuitem-highlight) a:hover,
.devsite-suggest-item a:focus {
    background: #f7f7f7;
    text-decoration: none
}

.devsite-suggest-item.goog-menuitem-highlight {
    margin-left: -8px;
    padding-left: 8px
}

.devsite-suggest-item b {
    font-weight: 500
}

.devsite-history-footer,
.devsite-suggest-footer {
    border-top: 1px solid #ebebeb;
    margin: 8px 0 0;
    padding: 7px 0 8px
}

.devsite-suggest-footer {
    margin-bottom: -16px
}

.devsite-history-preferences-link,
.devsite-suggest-all-results {
    margin-left: -8px
}

.devsite-suggestion-fragment+.devsite-suggestion-fragment::before {
    content: "|";
    margin: 0 8px
}

@media screen and (max-width:720px) {
    .devsite-popout {
        margin-left: -64px;
        width: calc(100% + 120px)
    }
    .devsite-header-billboard-search-wrapper .devsite-popout {
        margin-left: -32px
    }
    .devsite-history-item,
    .devsite-suggest-item {
        font: 16px/22px Roboto, sans-serif
    }
    .devsite-suggest-category label {
        font: 14px/22px Roboto, sans-serif
    }
}

.devsite-header-billboard {
    background: #fff;
    padding: 40px 24px 20px;
    position: relative;
    text-align: center;
    z-index: 8888
}

.devsite-header-billboard h1 {
    font: 400 44px/52px Google Sans, sans-serif;
    letter-spacing: -.5px;
    margin: 14px 0;
    overflow: visible;
    padding: 0
}

.devsite-header-billboard-search-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 7777
}

.devsite-header-billboard-search-wrapper .devsite-search-form {
    border: 6px solid #fff;
    border-radius: 8px;
    height: 48px;
    margin: -8px 0 48px;
    max-width: 816px;
    width: 100%
}

.devsite-header-billboard-search-wrapper .devsite-popout {
    max-height: calc(100vh - 234px)
}

@media screen and (max-width:1000px) {
    .devsite-header-billboard {
        padding: 24px
    }
    .devsite-header-billboard-search-wrapper {
        margin: 0 24px
    }
    .devsite-header-billboard-search-wrapper .devsite-search-form {
        margin: 0 0 24px
    }
}

.devsite-user-dropdown {
    position: absolute;
    right: -6px;
    top: 4px;
    width: 100%
}

.devsite-user-dropdown #gb,
.devsite-user-dropdown #gba {
    margin-top: -100px
}

.devsite-user-dropdown>div>div>div>div>div>div>a {
    display: none
}

.devsite-wrapper .devsite-user-dropdown>div>div>div>div>div>div+div {
    margin-top: 100px
}

.devsite-user-avatar,
.devsite-user-link,
.devsite-user-signin {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.devsite-user-avatar {
    border-radius: 50%;
    height: 32px;
    margin: 8px 0 8px 24px;
    outline: 0;
    vertical-align: top;
    width: 32px
}

.devsite-settings-menu-wrapper+.devsite-user-avatar,
.devsite-settings-menu-wrapper+.devsite-user-link>.devsite-user-avatar {
    margin: 8px 0 8px 8px
}

a.devsite-user-signin {
    margin: 6px -8px 6px 16px
}

@media screen and (max-width:720px) {
    .devsite-user-avatar {
        margin-left: 16px
    }
    .devsite-settings-menu-wrapper+.devsite-user-avatar,
    .devsite-settings-menu-wrapper+.devsite-user-link>.devsite-user-avatar {
        margin: 8px 0 8px 4px
    }
    a.devsite-user-signin {
        margin-left: 8px
    }
}

.devsite-product-id-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 24px 8px
}

.devsite-header-no-lower-tabs .devsite-product-id-row {
    padding-bottom: 24px
}

.devsite-product-description-row {
    color: #fff;
    font: 20px/36px Roboto, sans-serif
}

.devsite-breadcrumb-list+.devsite-product-description:not(:empty) {
    margin-top: 16px
}

.devsite-product-description {
    font: 16px/24px Roboto, sans-serif
}

.devsite-product-button-row {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: auto 0 auto 24px;
    text-align: right;
    z-index: 1
}

:not(.cloud-free-trial-eligible)>.cloud-free-trial-button {
    display: none
}

@media screen and (max-width:720px) {
    .devsite-product-id-row,
    .devsite-header-no-lower-tabs .devsite-product-id-row {
        display: block;
        padding: 16px
    }
    .devsite-product-button-row {
        margin: 16px 0 0;
        text-align: left
    }
}

.devsite-product-platform-row {
    margin: 8px 0;
    padding: 0 24px
}

.devsite-header-no-lower-tabs .devsite-product-platform-row {
    margin-top: -12px;
    padding-bottom: 24px
}

.devsite-platform-container {
    display: inline-block
}

.devsite-platform-container+.devsite-platform-container {
    margin-left: 16px
}

.devsite-platform-icon-container {
    background: #fff;
    border-radius: 50%;
    height: 40px;
    margin: 0 auto;
    width: 40px
}

.devsite-platform-icon {
    color: #757575;
    font-size: 24px;
    height: 24px;
    margin: 8px;
    width: 24px
}

@media screen and (max-width:1000px) {
    div.devsite-collapsible-section,
    div.devsite-header-background {
        background-image: none
    }
}

@media screen and (max-width:720px) {
    .devsite-product-platform-row {
        padding: 0 16px
    }
}

.devsite-doc-set-nav-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0;
    width: 100%
}

.devsite-doc-set-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.devsite-doc-set-nav-tab-list {
    white-space: nowrap
}

.devsite-doc-set-nav-tab-container {
    display: inline-block;
    margin: 0
}

.devsite-doc-set-nav-tab {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    color: rgba(255, 255, 255, .7);
    display: inline-block;
    font: 500 14px/44px Roboto, sans-serif;
    margin: 0;
    padding: 0 24px;
    text-transform: uppercase;
    -webkit-transition: color .2s;
    transition: color .2s
}

.devsite-doc-set-nav-tab:hover,
.devsite-doc-set-nav-tab:focus {
    color: #fff;
    text-decoration: none
}

.devsite-doc-set-nav-row>.devsite-secondary-branding {
    -ms-flex-item-align: center;
    align-self: center;
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font: 400 22px/28px Google Sans, sans-serif;
    padding: 0 24px;
    -webkit-transition: color .2s;
    transition: color .2s
}

.devsite-doc-set-nav-active {
    border-bottom-color: #fff;
    color: #fff
}

.devsite-header-upper-tabs .devsite-doc-set-nav-tab {
    color: rgba(0, 0, 0, .54);
    font-weight: 400;
    text-transform: none
}

.devsite-header-upper-tabs .devsite-doc-set-nav-tab:hover,
.devsite-header-upper-tabs .devsite-doc-set-nav-tab:focus {
    color: rgba(0, 0, 0, .87)
}

.devsite-header-upper-tabs .devsite-doc-set-nav-active {
    border-bottom-color: #0097a7;
    color: rgba(0, 0, 0, .87);
    font-weight: 500
}

.devsite-collapsible-section .devsite-doc-set-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.devsite-doc-set-nav-row>.devsite-feedback-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 6px 16px 6px 8px
}

@media screen and (max-width:720px) {
    .devsite-doc-set-nav-row {
        display: none
    }
    .devsite-doc-set-nav-row>.devsite-secondary-branding {
        display: none
    }
}

.devsite-nav-tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.devsite-menu-toggle::before {
    color: rgba(0, 0, 0, .54);
    content: 'arrow_drop_down';
    font-size: 24px;
    margin-left: -24px;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
    transition: color .3s, transform .3s, -webkit-transform .3s;
    max-width: 24px
}

.devsite-dropdown-menu-container:hover .devsite-menu-toggle::before,
.devsite-dropdown-menu-expanded .devsite-menu-toggle::before {
    color: rgba(0, 0, 0, .87);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.devsite-dropdown-menu-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24), inset 0 4px 6px -4px rgba(0, 0, 0, .24);
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24), inset 0 4px 6px -4px rgba(0, 0, 0, .24);
    font-size: 13px;
    max-height: 600px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: -650px;
    -webkit-transition: top .5s;
    transition: top .5s;
    visibility: hidden;
    z-index: -1
}

.devsite-dropdown-menu-container:hover .devsite-dropdown-menu-wrapper,
.devsite-dropdown-menu-expanded .devsite-dropdown-menu-wrapper {
    top: 48px;
    visibility: visible;
    overflow-x: auto
}

.devsite-dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1400px
}

.devsite-dropdown-menu-overflow,
.devsite-dropdown-menu-full {
    left: 0;
    width: 100%
}

.devsite-dropdown-menu-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 12px;
    max-width: 326px
}

.devsite-dropdown-menu-column .devsite-nav-item {
    margin: 0 0 20px;
    white-space: normal
}

.devsite-dropdown-menu-column .devsite-nav-list .devsite-nav-item-heading {
    margin: 0 0 16px;
    padding: 0
}

.devsite-dropdown-menu-section {
    list-style: none;
    margin: 12px 12px 16px;
    padding-left: 0
}

.devsite-dropdown-menu-section:last-child {
    margin-bottom: 0
}

.devsite-header-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px -8px 6px 16px
}

.devsite-header-link-icon {
    margin-right: 4px
}

@media screen and (max-width:1000px) {
    .devsite-header-link {
        display: none
    }
}

.devsite-settings-menu-open-touch {
    cursor: pointer
}

.devsite-settings-menu-wrapper {
    position: relative
}

.devsite-home-page-user-row .devsite-settings-menu-wrapper {
    display: none
}

.devsite-settings-kabob {
    display: block;
    margin: 12px 0 12px 12px
}

.devsite-settings-menu {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    padding: 8px 0;
    position: absolute;
    right: 0;
    top: 4px;
    white-space: nowrap;
    z-index: 10012
}

.devsite-settings-menu ul {
    list-style: none;
    padding: 0
}

.devsite-settings-menu li {
    margin: 0
}

.devsite-settings-menu-link {
    font: 14px/20px Roboto, sans-serif;
    padding: 4px 16px;
    -webkit-transition: background .2s;
    transition: background .2s
}

.devsite-settings-menu-link:hover,
.devsite-settings-menu-link:focus {
    background: #f7f7f7;
    text-decoration: none
}

.devsite-settings-menu-link::after {
    content: 'open_in_new';
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    padding-left: 8px;
    vertical-align: middle
}

@media screen and (max-width:720px) {
    .devsite-settings-kabob {
        margin: 12px 0
    }
}

.devsite-footer-promos {
    background: #f7f7f7;
    font: 14px/20px Roboto, sans-serif
}

.devsite-footer-promos-list {
    padding: 20px 4px;
    text-align: center
}

.devsite-footer-promo {
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    width: 192px
}

.devsite-footer-promo-icon {
    color: rgba(0, 0, 0, .87);
    display: block;
    font-size: 48px;
    height: 48px;
    margin: 0 auto 8px;
    width: 48px
}

.devsite-footer-promo-title {
    color: rgba(0, 0, 0, .87);
    display: block;
    font-weight: 500
}

.devsite-footer-promo-title:hover,
.devsite-footer-promo-title:focus {
    color: #039be5;
    text-decoration: none
}

.devsite-footer-linkboxes {
    background: #263238;
    font: 14px/16px Roboto, sans-serif
}

.devsite-footer-linkboxes-with-sites {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #263238), color-stop(50%, #37424b));
    background: linear-gradient(90deg, #263238 50%, #37424b 50%)
}

.devsite-footer-linkboxes-all-backup {
    background: #303c42
}

.devsite-footer-linkboxes-all-backup.devsite-footer-linkboxes-with-sites {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #303c42), color-stop(50%, #37424b));
    background: linear-gradient(90deg, #303c42 50%, #37424b 50%)
}

.devsite-footer-linkboxes>.devsite-full-site-width {
    max-width: 1400px
}

.devsite-footer-linkboxes-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.devsite-footer-linkbox {
    background: #263238;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    margin: 0;
    padding: 24px 20px 32px
}

.devsite-footer-linkbox:first-child {
    padding-left: 24px
}

.devsite-footer-linkbox:last-child {
    padding-right: 24px
}

.devsite-footer-linkbox-backup {
    background: #303c42
}

.devsite-footer-linkbox-sites {
    background: #37424b
}

.devsite-footer-linkbox-logo-link {
    border-bottom: 1px solid #455a64;
    display: block;
    margin: 0 -24px 12px -20px;
    padding: 0 24px 16px 20px
}

@media screen and (min-width:1400px) {
    .devsite-footer-linkbox-logo-link {
        border-bottom-color: transparent
    }
}

.devsite-footer-linkbox-logo {
    margin: -5px 0 0;
    max-width: 216px;
    width: 100%;
    vertical-align: top
}

.devsite-footer-linkbox-heading {
    color: #fff;
    font: 500 14px/16px Roboto, sans-serif;
    margin: 0 0 8px
}

.devsite-footer-linkbox-list {
    list-style-type: none;
    padding: 0
}

.devsite-footer-linkbox-item {
    margin: 0
}

.devsite-footer-linkbox-item a {
    color: #cfd8dc;
    display: block;
    padding: 8px 0
}

.devsite-footer-linkbox-item a:hover,
.devsite-footer-linkbox-item a:focus {
    color: #fff;
    text-decoration: none
}

.devsite-utility-footer {
    background: #455a64
}

.devsite-utility-footer-nav {
    color: #fff;
    overflow: auto;
    padding: 14px 24px
}

.devsite-utility-footer-nav-left,
.devsite-utility-footer-nav-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.devsite-utility-footer-nav-left {
    float: left
}

.devsite-utility-footer-nav-right {
    float: right
}

.devsite-utility-footer-links,
.devsite-utility-footer-newsletter-signup-text {
    font-weight: 500;
    margin-right: 16px
}

.devsite-utility-footer-link {
    color: #fff
}

.devsite-utility-footer-link:focus {
    text-decoration: underline
}

.devsite-utility-footer-link+.devsite-utility-footer-link::before {
    content: '|';
    margin: 0 8px
}

.devsite-utility-footer-language {
    margin-right: 16px
}

.devsite-utility-footer-language .kd-select {
    border-color: #fff;
    min-width: 96px
}

@media screen and (max-width:1000px) {
    .devsite-footer-linkboxes-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .devsite-footer-linkbox {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
    .devsite-footer-linkbox:only-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .devsite-footer-linkbox:nth-last-child(3):first-child,
    .devsite-footer-linkbox:nth-last-child(3):first-child~.devsite-footer-linkbox {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%
    }
}

@media screen and (max-width:720px) {
    .devsite-footer-linkbox,
    .devsite-footer-linkbox:nth-last-child(3):first-child,
    .devsite-footer-linkbox:nth-last-child(3):first-child~.devsite-footer-linkbox {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
    .devsite-footer-promos-list {
        padding: 20px 16px;
        text-align: left
    }
    .devsite-footer-promo {
        margin: 8px;
        width: calc((100% - 32px)/2)
    }
    .devsite-footer-promo-icon {
        float: left;
        height: 32px;
        margin-right: 16px;
        width: 32px
    }
    .devsite-footer-promo-title {
        font-weight: normal;
        line-height: 32px
    }
    .devsite-footer-promo-description {
        display: none
    }
    .devsite-footer-linkbox {
        padding: 24px 16px 24px
    }
    .devsite-footer-linkbox:first-child {
        padding-left: 16px
    }
    .devsite-footer-linkbox:last-child {
        padding-right: 16px
    }
    .devsite-footer-linkbox-logo-link {
        margin: 0 -16px 16px;
        padding: 0 16px 17px
    }
    .devsite-utility-footer-nav {
        padding: 14px 16px
    }
    .devsite-utility-footer-nav-right {
        clear: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: left;
        margin-top: 8px
    }
    .devsite-utility-footer-newsletter-signup-text {
        margin: 0 0 0 16px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .devsite-utility-footer-newsletter-signup-button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.devsite-breadcrumb-list {
    font-family: Google Sans, sans-serif;
    padding: 0;
    white-space: nowrap
}

.devsite-breadcrumb-item {
    display: inline-block;
    margin: 0
}

.devsite-breadcrumb-guillemet {
    font-size: 24px;
    margin: 0 4px;
    position: relative;
    top: 6px;
    vertical-align: top;
    width: 24px
}

.devsite-breadcrumb-guillemet::before {
    content: 'chevron_right'
}

.devsite-breadcrumb-link {
    color: #fff;
    display: inline-block;
    -webkit-transition: color .2s;
    transition: color .2s
}

.devsite-breadcrumb-link:hover,
.devsite-breadcrumb-link:focus {
    color: rgba(255, 255, 255, .7);
    text-decoration: none
}

.devsite-product-name .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, .54)
}

.devsite-product-name .devsite-breadcrumb-link:hover,
.devsite-product-name .devsite-breadcrumb-link:focus {
    color: rgba(0, 0, 0, .87)
}

.devsite-breadcrumb-nav {
    display: none
}

.devsite-breadcrumb-nav .devsite-breadcrumb-link {
    color: #757575
}

.devsite-breadcrumb-nav .devsite-breadcrumb-link:hover,
.devsite-breadcrumb-nav .devsite-breadcrumb-link:focus {
    color: #039be5
}

.devsite-breadcrumb-nav .devsite-breadcrumb-guillemet {
    font-size: 16px;
    top: 4px;
    width: 16px
}

@media screen and (max-width:720px) {
    .devsite-product-name-wrapper .devsite-breadcrumb-item:not(: first-of-type) {
        display: none
    }
    .devsite-product-name-wrapper .devsite-product-name,
    .devsite-product-name-wrapper .devsite-breadcrumb-list,
    .devsite-product-name-wrapper .devsite-breadcrumb-item,
    .devsite-product-name-wrapper .devsite-breadcrumb-link {
        width: 100%
    }
    .devsite-product-name-wrapper .devsite-breadcrumb-link,
    .devsite-site-name {
        overflow: hidden;
        text-overflow: ellipsis
    }
    .devsite-breadcrumb-nav {
        display: block;
        margin: -16px 0 16px;
        overflow: auto
    }
}

.devsite-nav {
    font-size: 13px
}

.devsite-nav ul {
    list-style-type: none;
    padding: 0
}

.devsite-nav-item {
    line-height: 16px;
    margin: 8px 0 0;
    position: relative
}

.devsite-nav-item-description {
    color: #757575
}

.devsite-nav-item-heading {
    font-weight: bold
}

.devsite-nav-item-heading:not(:first-child) {
    margin-top: 24px
}

.devsite-page-nav>ul>:first-child,
.devsite-page-nav-embedded>ul>:first-child,
.devsite-section-nav>ul>:first-child,
.devsite-section-nav-responsive>ul>:first-child {
    margin-top: 0
}

.devsite-nav-title {
    color: #212121;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.devsite-nav-has-status>.devsite-nav-title {
    overflow: visible
}

.devsite-nav-title[href]:hover,
.devsite-nav-title[href]:focus {
    text-decoration: none;
    color: #039be5
}

.devsite-nav-deprecated .devsite-nav-title {
    color: #bdbdbd
}

.devsite-nav-active,
.devsite-nav-active .devsite-nav-title,
.devsite-nav-responsive-tabs .devsite-nav-item-heading>.devsite-nav-title.devsite-nav-active {
    color: #039be5;
    font-weight: 500
}

.devsite-page-nav-embedded .devsite-nav-title {
    display: inline-block;
    overflow: visible
}

.devsite-nav-text {
    display: inline-block;
    max-width: calc(100% - 22px);
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
}

.devsite-nav-icon-wrapper {
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    vertical-align: top;
    width: 18px
}

.devsite-nav-icon {
    color: #757575;
    cursor: default;
    display: block;
    font-size: 18px;
    margin: -1px 0
}

.devsite-nav-icon::before {
    content: 'info'
}

.devsite-nav-deprecated .devsite-nav-icon::before {
    color: #bdbdbd;
    content: 'not_interested'
}

.devsite-nav-alpha .devsite-nav-icon::before,
.devsite-nav-beta .devsite-nav-icon::before,
.devsite-nav-experimental .devsite-nav-icon::before {
    content: url(../images/redesign-14/nav-status-experimental.svg)
}

.devsite-nav-external .devsite-nav-icon::before {
    content: 'open_in_new'
}

.devsite-nav-limited .devsite-nav-icon::before {
    content: 'verified_user'
}

.devsite-nav-new .devsite-nav-icon::before {
    content: 'new_releases'
}

.devsite-section-nav {
    background: #f7f7f7;
    float: left;
    margin-right: 40px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 12px 16px 16px;
    width: 256px
}

.devsite-nav-list>.devsite-nav-item-heading {
    border-top: 1px solid #cfd8dc;
    margin: 15px -16px 0;
    padding: 16px 16px 0
}

.devsite-nav-list>.devsite-nav-item-heading:last-child {
    border-bottom: 1px solid #cfd8dc;
    padding-bottom: 15px
}

.devsite-nav-item-section-expandable.devsite-nav-accordion {
    border-top: 1px solid #cfd8dc;
    margin: 16px -16px -16px;
    padding: 15px 16px 16px
}

.devsite-nav-item-section-expandable.devsite-nav-accordion>.devsite-nav-title {
    color: #757575;
    font-weight: bold;
    padding-right: 24px
}

.devsite-nav-item-heading.devsite-nav-divider {
    background: #eceff1;
    font: 400 12px/16px Roboto, sans-serif;
    margin-bottom: -16px;
    padding: 7px 16px 8px;
    text-transform: uppercase
}

.devsite-nav-list>.devsite-nav-item-heading:first-child,
.devsite-nav-item-section-expandable.devsite-nav-accordion:first-child {
    border: 0;
    padding-top: 0
}

.devsite-nav-item-section-expandable.devsite-nav-accordion:first-child>.devsite-nav-toggle::before {
    top: -5px
}

.devsite-nav-item-heading.devsite-nav-divider:first-child {
    border: 0;
    margin-top: -16px;
    padding-top: 8px
}

.devsite-nav-item-heading>.devsite-nav-title {
    color: #757575
}

.devsite-nav-item-heading>.devsite-secondary-branding {
    font-weight: normal;
    margin: 10px 0
}

.devsite-nav-item-heading>.devsite-secondary-branding:first-child {
    color: #757575;
    font-weight: bold;
    margin: 0
}

.devsite-nav-section {
    overflow: hidden
}

.devsite-nav-section-collapsed {
    display: none
}

.devsite-nav-expandable .devsite-nav-item {
    padding-left: 16px
}

.devsite-nav-only-accordions>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider) {
    padding: 0
}

.devsite-nav-item-section-expandable>.devsite-nav-title-no-path {
    cursor: pointer
}

.devsite-nav-item-section-expandable>.devsite-nav-title-no-path:focus {
    color: #03a9f4;
    outline: 0;
    text-decoration: none
}

.devsite-nav-toggle {
    color: #bdbdbd;
    cursor: pointer;
    font-size: 18px;
    position: absolute
}

.devsite-nav-toggle::before {
    content: 'arrow_drop_down';
    left: -21px;
    position: absolute;
    top: -18px
}

.devsite-nav-toggle-collapsed::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.devsite-nav-accordion>.devsite-nav-toggle {
    font-size: 24px;
    right: 0;
    top: 0
}

.devsite-nav-accordion>.devsite-nav-toggle::before {
    content: 'expand_less';
    left: auto;
    right: 12px;
    top: 10px
}

.devsite-nav-accordion>.devsite-nav-toggle-collapsed::before {
    content: 'expand_more';
    -webkit-transform: none;
    transform: none
}

.devsite-nav-break {
    margin: 12px;
    visibility: hidden
}

@media screen and (max-width:720px) {
    .devsite-section-nav {
        display: none
    }
}

@media screen and (min-width:1201px) {
    .devsite-has-apix .devsite-section-nav {
        width: 192px
    }
}

.devsite-nav-responsive {
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    height: 100%;
    max-width: 256px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    -webkit-transition: left .2s;
    transition: left .2s;
    visibility: hidden;
    white-space: nowrap;
    width: calc(100% - 64px);
    z-index: 10012
}

.devsite-nav-responsive-open {
    left: 0!important;
    visibility: visible
}

.devsite-nav-responsive-no-animate {
    -webkit-transition: none;
    transition: none
}

.devsite-nav-responsive-tabs-panel,
.devsite-nav-responsive-sidebar-panel,
.devsite-nav-responsive-index-panel {
    display: inline-block;
    margin: 0 16px;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    vertical-align: top;
    width: calc(100% - 32px)
}

.devsite-nav-responsive-sidebar-panel:only-child {
    margin: 16px
}

.devsite-nav-responsive-transition {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.devsite-nav-responsive-transform {
    display: inline-block;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.devsite-nav-responsive-tabs .devsite-nav-responsive-tabs .devsite-nav-item-heading {
    border: 0;
    font-weight: 400;
    margin: 16px 0;
    padding: 0 0 0 16px
}

.devsite-nav-responsive-tabs .devsite-nav-responsive-tabs .devsite-nav-item-heading>.devsite-nav-title:not(.devsite-nav-active):not(.devsite-secondary-branding) {
    color: #212121
}

.devsite-nav-index-forward,
.devsite-nav-responsive-forward {
    cursor: pointer;
    outline: 0;
    padding-right: 24px;
    position: relative
}

.devsite-nav-index-forward::before,
.devsite-nav-responsive-forward::before {
    content: 'arrow_forward';
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    position: absolute;
    right: 0;
    top: -4px
}

.devsite-nav-index-forward {
    font-weight: normal;
    margin: 10px 0
}

.devsite-nav-index-back,
.devsite-nav-responsive-back {
    background: #eceff1;
    cursor: pointer;
    margin: 0 -16px 16px;
    outline: 0;
    padding: 12px
}

.devsite-nav-index-back::before,
.devsite-nav-responsive-back::before {
    color: #757575;
    content: 'arrow_back';
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    vertical-align: top
}

.devsite-expand-section-nav {
    margin: 12px 24px 12px 0
}

.devsite-expand-section-nav::before {
    content: 'menu'
}

.devsite-nav-index {
    color: #212121;
    cursor: pointer;
    font-weight: 400;
    margin: 16px 0;
    padding: 0 0 0 16px
}

@media screen and (max-width:720px) {
    .devsite-expand-section-nav {
        display: inline-block;
        margin: 12px 16px 12px 0
    }
}

.devsite-page-nav,
.devsite-page-nav-embedded {
    border-left: 4px solid #00bcd4
}

.devsite-page-nav {
    background: #fff;
    float: right;
    overflow-x: hidden;
    overflow-y: auto;
    width: 160px;
    z-index: 10000
}

.devsite-page-nav-embedded {
    display: none;
    overflow-y: visible
}

.devsite-page-nav-list {
    margin-left: 12px
}

.devsite-nav-show-all,
.devsite-nav-show-all:focus,
.devsite-nav-show-all:hover {
    color: #757575;
    height: 24px;
    margin-left: 4px;
    min-width: 20px;
    padding: 0;
    position: absolute;
    top: -4px
}

.devsite-nav-show-all::before {
    content: 'expand_more'
}

.devsite-nav-open::before {
    content: 'expand_less'
}

.devsite-page-nav-embedded .devsite-nav-item-hidden {
    display: none
}

.devsite-nav-more-items {
    color: #757575
}

.devsite-nav-more-items::before {
    content: 'more_horiz'
}

.devsite-nav-more-items.devsite-nav-more-items-close::before {
    content: 'expand_less'
}

@media screen and (max-width:1200px) {
    .devsite-page-nav {
        display: none
    }
    .devsite-page-nav-embedded:not(:empty) {
        display: block;
        margin: 20px 0 24px
    }
}

#table-of-contents,
h2#contents,
h3#contents,
h2.toc,
h3.toc,
div.toc:not(.class):not(.group):not(.type):not(.interface),
section.toc,
ol.toc,
ul.toc,
.inline-toc,
#tb-wrapper,
#qv-wrapper {
    display: none
}

ol.toc,
ol.toc ol,
ol.toc ul {
    list-style-type: none
}

.devsite-content-footer {
    border-top: 1px solid #ebebeb;
    clear: both;
    color: #757575;
    font: italic 13px/20px Roboto, sans-serif;
    margin-top: 16px
}

.devsite-content-footer-date {
    margin-bottom: 0
}

.MathJax_SVG_Display {
    overflow-x: auto
}

@media screen and (max-width:720px) {
    .MathJax_SVG_Display {
        margin: 1em -16px!important;
        padding: 0 16px 16px;
        width: calc(100% + 32px)!important
    }
}

.framebox {
    margin: -20px
}

.devsite-framebox {
    overflow: hidden;
    padding: 20px
}

.quickstart-step {
    margin: 16px 0
}

.quickstart-left {
    float: left;
    margin-right: 40px;
    width: calc((100% - 40px)*.4)
}

.quickstart-right {
    background: #f7f7f7;
    float: right;
    text-align: center;
    width: calc((100% - 40px)*.6)
}

.quickstart-wide {
    width: calc(100% - 200px)
}

.quickstart-end {
    margin-top: 60px
}

@media screen and (max-width:1000px) {
    .quickstart-left,
    .quickstart-right,
    .quickstart-wide {
        float: none;
        width: 100%;
        margin: 16px 0
    }
}

.devsite-search-project {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 39px;
    margin-bottom: 40px
}

.devsite-projectless-search-link,
.devsite-search-term {
    font-weight: bold
}

.devsite-page-title .devsite-search-term {
    color: #757575;
    font-weight: 400
}

aside+.devsite-search-results,
.devsite-search-results-restricted aside {
    margin-top: 40px
}

.devsite-search-results-heading {
    line-height: 24px;
    margin: 40px 0 0
}

.devsite-search-results-path {
    color: #0d904f;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.devsite-search-results-path,
.devsite-search-results-content {
    margin: 0
}

.devsite-search-loading-restricted {
    border-top: 1px solid #ebebeb;
    margin-top: 40px;
    padding-top: 19px;
    text-align: center
}

.devsite-search-results table {
    border-collapse: inherit;
    margin: 0
}

.devsite-search-results tr {
    background: #fff;
    border: 0
}

.devsite-search-results td {
    padding: 0
}

.devsite-search-results {
    margin: -8px
}

.devsite-search-results-references {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
    float: right;
    padding: 20px 20px 20px 28px;
    position: relative;
    width: 456px
}

@media screen and (max-width:1000px) {
    .devsite-search-results-references {
        display: none
    }
}

.devsite-search-results-references h3 {
    margin-top: 0
}

.devsite-search-results-references+.devsite-article {
    margin-left: 0
}

aside+.devsite-search-results {
    margin: 0 -8px
}

.devsite-search-results .gsc-control-cse,
.devsite-search-results .gsc-control-cse .gsc-table-result {
    font: 400 16px/24px Roboto, sans-serif
}

.devsite-search-results .gsc-above-wrapper-area {
    display: none
}

.devsite-search-results .gsc-control-cse {
    background: 0;
    border: 0;
    padding: 0
}

.devsite-search-results .gsc-webResult.gsc-result,
.devsite-search-results .gsc-webResult.gsc-result:hover,
.devsite-search-results .gsc-results .gsc-imageResult {
    background: 0;
    border: 0
}

.devsite-search-results .gsc-control-cse .gs-webResult.gs-result a.gs-title:visited,
.devsite-search-results .gsc-control-cse .gs-webResult.gs-result a.gs-title:visited b,
.devsite-search-results .gsc-control-cse .gs-imageResult a.gs-title:visited,
.devsite-search-results .gsc-control-cse .gs-imageResult a.gs-title:visited b,
.devsite-search-results .gsc-control-cse .gs-result .gs-title,
.devsite-search-results .gsc-control-cse .gs-result .gs-title * {
    color: #039be5;
    font: 500 16px/24px Roboto, sans-serif;
    height: auto;
    text-decoration: none
}

.devsite-search-results .gsc-control-cse .gs-webResult.gs-result a.gs-title:focus,
.devsite-search-results .gsc-control-cse .gs-imageResult a.gs-title:focus,
.devsite-search-results .gsc-control-cse .gs-result .gs-title:focus {
    text-decoration: underline
}

.devsite-search-results .gsc-control-cse .gs-result .gs-title b {
    font-weight: bold
}

.devsite-search-results .gs-webResult div.gs-visibleUrl,
.devsite-search-results .gs-imageResult div.gs-visibleUrl {
    color: #0d904f;
    font-size: 14px
}

.devsite-search-results .gs-no-results-result .gs-snippet,
.devsite-search-results .gs-error-result .gs-snippet {
    background: 0;
    border: 0;
    color: #212121
}

.devsite-search-results .gcsc-branding {
    display: none
}

.devsite-support-form-hidden {
    display: none
}

.devsite-support-form-field {
    margin: 8px 0
}

.devsite-support-form-field input:not([type="checkbox"]):not([type="radio"]),
.devsite-support-form-field select,
.devsite-support-form-field textarea {
    width: 100%
}

.devsite-support-form-cc {
    color: #757575;
    display: block;
    font-size: 13px
}

.devsite-support-form-half {
    display: inline-block;
    margin-right: 20px;
    width: calc((100% - 40px)/2)
}

.devsite-support-quota {
    font: italic 400 12px/20px Roboto, sans-serif;
    margin-top: 8px
}

.devsite-support-quota-help {
    font-size: 18px;
    margin-left: 4px;
    vertical-align: top
}

.devsite-support-quota-help::after {
    content: 'help';
    color: #bdbdbd
}

@media screen and (max-width:720px) {
    .devsite-support-form-half {
        width: 100%
    }
}

.devsite-404-wrapper {
    margin: 0 -10000px;
    padding: 0 10000px
}

.devsite-404-header h3 {
    color: #00bcd4;
    font: 400 64px/64px Roboto Mono, monospace
}

.devsite-search-form.devsite-error-search {
    background: #f7f7f7
}

.devsite-high-contrast .devsite-search-form.devsite-error-search {
    background: #00bcd4
}

.devsite-search-form.devsite-error-search:hover {
    background: #ebebeb
}

.devsite-high-contrast .devsite-search-form.devsite-error-search:hover {
    background: #26c6da
}

.devsite-high-contrast .devsite-search-active .devsite-search-form.devsite-error-search,
.devsite-search-active .devsite-search-form.devsite-error-search {
    background: #f7f7f7
}

.devsite-error-search .devsite-search-image {
    color: rgba(0, 0, 0, .54)
}

.devsite-error-search input.devsite-search-field {
    color: rgba(0, 0, 0, .54)
}

.devsite-search-form.devsite-error-search::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .54)
}

.devsite-search-form.devsite-error-search:-moz-placeholder {
    color: rgba(0, 0, 0, .54)
}

.devsite-search-form.devsite-error-search::-moz-placeholder {
    color: rgba(0, 0, 0, .54)
}

.devsite-search-form.devsite-error-search:-ms-input-placeholder {
    color: rgba(0, 0, 0, .54)
}

.devsite-404-links {
    border-top: 1px solid #ebebeb;
    margin: 79px -10000px 0;
    padding: 0 10000px
}

.devsite-404-links:empty {
    display: none
}

.devsite-404-links-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
}

.devsite-404-links-list-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 40px*3)/4);
    flex: 0 0 calc((100% - 40px*3)/4);
    margin-left: 40px
}

.devsite-404-links-list-item:nth-of-type(4n+1) {
    margin-left: 0
}

@media screen and (max-width:720px) {
    .devsite-404-links-list-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 40px)/2);
        flex: 0 0 calc((100% - 40px)/2)
    }
    .devsite-404-links-list-item:nth-of-type(2n+1) {
        margin-left: 0
    }
}

.devsite-landing-page .devsite-main-content {
    margin: 0 auto
}

.devsite-landing-page .devsite-article {
    margin: 0;
    max-width: none;
    width: 100%
}

.devsite-landing-page .devsite-content-footer {
    margin-top: 80px
}

.devsite-landing-page-with-side-navs .devsite-section-nav {
    z-index: 10000
}

.devsite-landing-page-with-side-navs .devsite-article {
    margin-left: 296px;
    width: calc(100% - 496px)
}

@media screen and (max-width:1200px) {
    .devsite-landing-page-with-side-navs .devsite-article {
        width: calc(100% - 296px)
    }
}

@media screen and (max-width:720px) {
    .devsite-landing-page-with-side-navs .devsite-article {
        margin: 0;
        width: 100%
    }
}

.devsite-landing-page-with-side-navs .devsite-main-content {
    margin: 40px auto;
    max-width: 1400px;
    padding: 0 24px
}

.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding: 40px 0 0
}

.devsite-landing-page-with-side-navs .devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee):first-child {
    padding-top: 0
}

.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee)+.devsite-landing-row.devsite-background,
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee)+.devsite-landing-row-cta {
    margin-top: 40px
}

.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee):last-child {
    padding-bottom: 40px
}

.devsite-landing-row.devsite-background {
    margin: 0 -10000px;
    padding: 40px 10000px
}

.devsite-landing-page-with-side-navs .devsite-landing-row.devsite-background {
    margin: 0;
    padding: 40px
}

.devsite-background-theme {
    background-color: #4dd0e1
}

.devsite-background-blue-grey {
    background: #607d8b
}

.devsite-background-cyan {
    background: #4dd0e1
}

.devsite-background-deep-orange {
    background: #ff5722
}

.devsite-background-deep-purple {
    background: #673ab7
}

.devsite-background-google-blue {
    background: #4285f4
}

.devsite-background-google-green {
    background: #00c853
}

.devsite-background-google-red {
    background: #db4437
}

.devsite-background-google-yellow {
    background: #f5c04c
}

.devsite-background-grey {
    background-color: #f7f7f7
}

.devsite-background-indigo {
    background: #3f51b5
}

.devsite-background-light-blue {
    background: #0288d1
}

.devsite-background-light-green {
    background: #aed581
}

.devsite-background-orange {
    background: #ffb74d
}

.devsite-background-pink {
    background: #e91e63
}

.devsite-background-purple {
    background: #9c27b0
}

.devsite-background-teal {
    background: #009688
}

.devsite-background:not(.devsite-landing-row-cards),
.devsite-background h2,
.devsite-background:not(.devsite-landing-row-cards) h3 {
    color: #fff
}

.devsite-background-theme:not(.devsite-landing-row-cards),
.devsite-background-theme h2,
.devsite-background-theme:not(.devsite-landing-row-cards) h3 {
    color: #212121
}

.devsite-background-cyan:not(.devsite-landing-row-cards),
.devsite-background-cyan h2,
.devsite-background-cyan:not(.devsite-landing-row-cards) h3,
.devsite-background-google-yellow:not(.devsite-landing-row-cards),
.devsite-background-google-yellow h2,
.devsite-background-google-yellow:not(.devsite-landing-row-cards) h3,
.devsite-background-light-green:not(.devsite-landing-row-cards),
.devsite-background-light-green h2,
.devsite-background-light-green:not(.devsite-landing-row-cards) h3,
.devsite-background-orange:not(.devsite-landing-row-cards),
.devsite-background-orange h2,
.devsite-background-orange:not(.devsite-landing-row-cards) h3 {
    color: #212121
}

.devsite-background-grey h2 {
    color: inherit
}

.devsite-background-grey:not(.devsite-landing-row-cards),
.devsite-background-grey:not(.devsite-landing-row-cards) h3 {
    color: #212121
}

.devsite-background-grey:not(.devsite-landing-row-cards) .devsite-background h3 {
    color: inherit
}

.devsite-background .devsite-landing-row-description {
    color: #fff
}

.devsite-background-theme .devsite-landing-row-description {
    color: #212121
}

.devsite-background-cyan .devsite-landing-row-description,
.devsite-background-google-yellow .devsite-landing-row-description,
.devsite-background-grey .devsite-landing-row-description,
.devsite-background-light-green .devsite-landing-row-description,
.devsite-background-orange .devsite-landing-row-description {
    color: #212121
}

.devsite-background:link:not(.button),
.devsite-background:visited:not(.button) {
    color: #fff
}

.devsite-background-theme:link:not(.button),
.devsite-background-theme:visited:not(.button) {
    color: #212121
}

.devsite-background-grey:link:not(.button),
.devsite-background-grey:visited:not(.button) {
    color: #039be5
}

.devsite-background-cyan:link:not(.button),
.devsite-background-cyan:visited:not(.button),
.devsite-background-google-yellow:link:not(.button),
.devsite-background-google-yellow:visited:not(.button),
.devsite-background-light-green:link:not(.button),
.devsite-background-light-green:visited:not(.button),
.devsite-background-orange:link:not(.button),
.devsite-background-orange:visited:not(.button) {
    color: #212121
}

.devsite-background:not(.devsite-background-grey):link>*:not(.material-icons):hover,
.devsite-background:not(.devsite-background-grey):focus>*:not(.material-icons),
.devsite-background:not(.devsite-background-grey) p>a:not(.button) {
    text-decoration: underline
}

.devsite-background:not(.devsite-background-grey) p>a:focus {
    background: rgba(255, 255, 255, .7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
}

.devsite-foreground-theme a:not(.button),
.devsite-foreground-theme a:not(.button) h2,
.devsite-foreground-theme a:not(.button) h3 {
    color: #00bcd4
}

.devsite-foreground-grey a:not(.button),
.devsite-foreground-grey a:not(.button) h2,
.devsite-foreground-grey a:not(.button) h3 {
    color: #757575
}

.devsite-foreground-blue-grey a:not(.button),
.devsite-foreground-blue-grey a:not(.button) h2,
.devsite-foreground-blue-grey a:not(.button) h3 {
    color: #607d8b
}

.devsite-foreground-cyan a:not(.button),
.devsite-foreground-cyan a:not(.button) h2,
.devsite-foreground-cyan a:not(.button) h3 {
    color: #00bcd4
}

.devsite-foreground-deep-orange a:not(.button),
.devsite-foreground-deep-orange a:not(.button) h2,
.devsite-foreground-deep-orange a:not(.button) h3 {
    color: #ff5722
}

.devsite-foreground-deep-purple a:not(.button),
.devsite-foreground-deep-purple a:not(.button) h2,
.devsite-foreground-deep-purple a:not(.button) h3 {
    color: #673ab7
}

.devsite-foreground-google-blue a:not(.button),
.devsite-foreground-google-blue a:not(.button) h2,
.devsite-foreground-google-blue a:not(.button) h3 {
    color: #4285f4
}

.devsite-foreground-google-green a:not(.button),
.devsite-foreground-google-green a:not(.button) h2,
.devsite-foreground-google-green a:not(.button) h3 {
    color: #00c853
}

.devsite-foreground-google-red a:not(.button),
.devsite-foreground-google-red a:not(.button) h2,
.devsite-foreground-google-red a:not(.button) h3 {
    color: #db4437
}

.devsite-foreground-google-yellow a:not(.button),
.devsite-foreground-google-yellow a:not(.button) h2,
.devsite-foreground-google-yellow a:not(.button) h3 {
    color: #f4b400
}

.devsite-foreground-indigo a:not(.button),
.devsite-foreground-indigo a:not(.button) h2,
.devsite-foreground-indigo a:not(.button) h3 {
    color: #3f51b5
}

.devsite-foreground-light-blue a:not(.button),
.devsite-foreground-light-blue a:not(.button) h2,
.devsite-foreground-light-blue a:not(.button) h3 {
    color: #0288d1
}

.devsite-foreground-light-green a:not(.button),
.devsite-foreground-light-green a:not(.button) h2,
.devsite-foreground-light-green a:not(.button) h3 {
    color: #8bc34a
}

.devsite-foreground-orange a:not(.button),
.devsite-foreground-orange a:not(.button) h2,
.devsite-foreground-orange a:not(.button) h3 {
    color: #fb8c00
}

.devsite-foreground-pink a:not(.button),
.devsite-foreground-pink a:not(.button) h2,
.devsite-foreground-pink a:not(.button) h3 {
    color: #e91e63
}

.devsite-foreground-purple a:not(.button),
.devsite-foreground-purple a:not(.button) h2,
.devsite-foreground-purple a:not(.button) h3 {
    color: #9c27b0
}

.devsite-foreground-teal a:not(.button),
.devsite-foreground-teal a:not(.button) h2,
.devsite-foreground-teal a:not(.button) h3 {
    color: #009688
}

.devsite-foreground:link>*:not(.material-icons):hover,
.devsite-foreground:focus>*:not(.material-icons) {
    text-decoration: underline
}

.devsite-landing-row-cta {
    background-color: #00bcd4;
    color: #fff;
    margin: 0 -10000px;
    padding: 40px 10000px;
    text-align: center
}

.devsite-landing-row-cta .devsite-landing-row-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.devsite-landing-row-cta h3 {
    font: 400 32px/40px Google Sans, sans-serif;
    letter-spacing: 0;
    margin-bottom: 16px
}

.devsite-landing-row-cta.devsite-landing-row-1-up .devsite-landing-row-item-description {
    margin: 0
}

.devsite-landing-row-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 32px
}

.devsite-landing-row-header-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.devsite-landing-row h2 {
    border-bottom: 0;
    padding-bottom: 0
}

.devsite-landing-row-header-text>h2 {
    margin: 0
}

.devsite-landing-row-description {
    font: 18px/24px Roboto, sans-serif
}

.devsite-landing-row:not(.devsite-background):not(.devsite-foreground) .devsite-landing-row-description {
    color: #757575
}

h2+.devsite-landing-row-description {
    margin: 16px 0 0
}

.devsite-landing-row-header-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: -4px
}

.devsite-landing-row-header-buttons>.button {
    margin: 4px
}

@media screen and (max-width:720px) {
    .devsite-landing-row-header {
        display: block
    }
    .devsite-landing-row-header-buttons {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .devsite-landing-row-header-text+.devsite-landing-row-header-buttons {
        display: block;
        margin: 16px 0 0 -4px
    }
}

.devsite-landing-row-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.devsite-landing-row-column>.devsite-landing-row-item:not(:first-child) {
    margin-top: 32px
}

.devsite-landing-row-column,
.devsite-landing-row-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%
}

.devsite-landing-row-item-hidden {
    visibility: hidden
}

.devsite-landing-row-1-up .devsite-landing-row-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.devsite-landing-row-1-up.devsite-landing-row-100 .devsite-landing-row-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.devsite-landing-row-column:not(:first-child),
.devsite-landing-row-item:not(:first-child) {
    margin-left: 40px
}

.devsite-landing-row-column>.devsite-landing-row-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 0
}

.devsite-landing-row-item.devsite-foreground-theme:link h2,
.devsite-landing-row-item.devsite-foreground-theme:link h3 {
    color: #00bcd4
}

.devsite-landing-row-item.devsite-foreground-grey:link h2,
.devsite-landing-row-item.devsite-foreground-grey:link h3 {
    color: #757575
}

.devsite-landing-row-item.devsite-foreground-blue-grey:link h2,
.devsite-landing-row-item.devsite-foreground-blue-grey:link h3 {
    color: #607d8b
}

.devsite-landing-row-item.devsite-foreground-cyan:link h2,
.devsite-landing-row-item.devsite-foreground-cyan:link h3 {
    color: #00bcd4
}

.devsite-landing-row-item.devsite-foreground-deep-orange:link h2,
.devsite-landing-row-item.devsite-foreground-deep-orange:link h3 {
    color: #ff5722
}

.devsite-landing-row-item.devsite-foreground-deep-purple:link h2,
.devsite-landing-row-item.devsite-foreground-deep-purple:link h3 {
    color: #673ab7
}

.devsite-landing-row-item.devsite-foreground-google-blue:link h2,
.devsite-landing-row-item.devsite-foreground-google-blue:link h3 {
    color: #4285f4
}

.devsite-landing-row-item.devsite-foreground-google-green:link h2,
.devsite-landing-row-item.devsite-foreground-google-green:link h3 {
    color: #00c853
}

.devsite-landing-row-item.devsite-foreground-google-red:link h2,
.devsite-landing-row-item.devsite-foreground-google-red:link h3 {
    color: #db4437
}

.devsite-landing-row-item.devsite-foreground-google-yellow:link h2,
.devsite-landing-row-item.devsite-foreground-google-yellow:link h3 {
    color: #f4b400
}

.devsite-landing-row-item.devsite-foreground-indigo:link h2,
.devsite-landing-row-item.devsite-foreground-indigo:link h3 {
    color: #3f51b5
}

.devsite-landing-row-item.devsite-foreground-light-blue:link h2,
.devsite-landing-row-item.devsite-foreground-light-blue:link h3 {
    color: #0288d1
}

.devsite-landing-row-item.devsite-foreground-light-green:link h2,
.devsite-landing-row-item.devsite-foreground-light-green:link h3 {
    color: #8bc34a
}

.devsite-landing-row-item.devsite-foreground-orange:link h2,
.devsite-landing-row-item.devsite-foreground-orange:link h3 {
    color: #fb8c00
}

.devsite-landing-row-item.devsite-foreground-pink:link h2,
.devsite-landing-row-item.devsite-foreground-pink:link h3 {
    color: #e91e63
}

.devsite-landing-row-item.devsite-foreground-purple:link h2,
.devsite-landing-row-item.devsite-foreground-purple:link h3 {
    color: #9c27b0
}

.devsite-landing-row-item.devsite-foreground-teal:link h2,
.devsite-landing-row-item.devsite-foreground-teal:link h3 {
    color: #009688
}

@media screen and (max-width:1000px) {
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column,
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item {
        -ms-flex-preferred-size: calc((100% - 40px)/2);
        flex-basis: calc((100% - 40px)/2)
    }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child) {
        margin: 40px 0 0
    }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child),
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(2) {
        margin: 0 0 0 40px
    }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(3) {
        margin: 40px 0 0
    }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(4),
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(4) {
        margin: 40px 0 0 40px
    }
    .devsite-landing-row:not(.devsite-landing-row-4-up) .devsite-landing-row-item-no-image:not(:first-child) {
        margin: 0 0 0 40px
    }
    .devsite-landing-row-group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item {
        width: 100%
    }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item:not(:first-child) {
        margin: 40px 0 0
    }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-image),
    .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-image) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 0
    }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item,
    .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column {
        width: calc((100% - 40px)/2)
    }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(2) {
        margin: 0 0 0 40px
    }
    .devsite-landing-row-3-up.devsite-landing-row-cards .devsite-landing-row-item-hidden:nth-of-type(3) {
        display: none
    }
    .devsite-landing-row-4-up.devsite-landing-row-cards .devsite-landing-row-item-hidden:nth-of-type(3),
    .devsite-landing-row-4-up.devsite-landing-row-cards .devsite-landing-row-item-hidden:nth-of-type(3)~.devsite-landing-row-item-hidden {
        display: none
    }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item-hidden:nth-of-type(n+3) {
        display: none
    }
}

@media screen and (max-width:720px) {
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-group {
        display: block
    }
    .devsite-landing-row-1-up .devsite-landing-row-column,
    .devsite-landing-row-1-up .devsite-landing-row-item,
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-image),
    .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-image) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .devsite-landing-row-2-up .devsite-landing-row-column,
    .devsite-landing-row-3-up .devsite-landing-row-column,
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column,
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child),
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child),
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(even),
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(even) {
        margin: 40px 0 0
    }
    .devsite-landing-row .devsite-landing-row-item-no-image {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .devsite-landing-row-logos .devsite-landing-row-column,
    .devsite-landing-row-logos .devsite-landing-row-item {
        -ms-flex-preferred-size: calc((100% - 40px)/2);
        flex-basis: calc((100% - 40px)/2)
    }
    .devsite-landing-row-logos .devsite-landing-row-column:nth-child(n+3),
    .devsite-landing-row-logos .devsite-landing-row-item:nth-child(n+3) {
        margin: 40px 0 0
    }
    .devsite-landing-row-3-up.devsite-landing-row-logos .devsite-landing-row-column,
    .devsite-landing-row-3-up.devsite-landing-row-logos .devsite-landing-row-item {
        -ms-flex-preferred-size: calc((100% - 32px)/3);
        flex-basis: calc((100% - 32px)/3)
    }
    .devsite-landing-row-3-up.devsite-landing-row-logos .devsite-landing-row-column:not(:first-child),
    .devsite-landing-row-3-up.devsite-landing-row-logos .devsite-landing-row-item:not(:first-child) {
        margin: 0
    }
    .devsite-landing-row-logos .devsite-landing-row-item:nth-child(even) {
        margin-left: 40px
    }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column {
        width: 100%
    }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item-hidden {
        display: none
    }
    .devsite-landing-row-4-up.devsite-landing-row-logos .devsite-landing-row-item-hidden:nth-of-type(3),
    .devsite-landing-row-4-up.devsite-landing-row-logos .devsite-landing-row-item-hidden:nth-of-type(3)~.devsite-landing-row-item-hidden {
        display: none
    }
}

.devsite-landing-row-item-code,
.devsite-landing-row-item-image,
.devsite-landing-row-item-media {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 32px;
    min-width: 0;
    width: 100%
}

.devsite-landing-row-item.devsite-background .devsite-landing-row-item-code,
.devsite-landing-row-item.devsite-background .devsite-landing-row-item-image,
.devsite-landing-row-item.devsite-background .devsite-landing-row-item-media {
    margin: 0
}

.devsite-landing-row-item.devsite-background .devsite-landing-row-item-description {
    padding: 16px
}

.devsite-landing-row-item-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
}

.devsite-landing-row-item .devsite-landing-row-item-buttons {
    margin: auto 0 -8px -12px;
    padding-top: 8px
}

.devsite-landing-row-1-up .devsite-landing-row-item-code,
.devsite-landing-row-1-up .devsite-landing-row-item-image,
.devsite-landing-row-1-up .devsite-landing-row-item-media {
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: calc((100% - 20px)*2/3)
}

.devsite-landing-row-1-up .devsite-landing-row-item-description {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc((100% - 20px)*2/3);
    flex: 0 1 calc((100% - 20px)*2/3);
    margin: 0 40px 0 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.devsite-landing-row-1-up.devsite-landing-row-100 .devsite-landing-row-item-description {
    margin: 0
}

.devsite-landing-row-1-up .devsite-landing-row-item-image-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.devsite-landing-row-1-up .devsite-landing-row-item-image-left+.devsite-landing-row-item-description {
    margin: 0 0 0 40px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.devsite-landing-row-50 .devsite-landing-row-item-code,
.devsite-landing-row-50 .devsite-landing-row-item-image,
.devsite-landing-row-50 .devsite-landing-row-item-media {
    width: calc((100% - 40px)/2)
}

.devsite-landing-row-67 .devsite-landing-row-item-code,
.devsite-landing-row-67 .devsite-landing-row-item-image,
.devsite-landing-row-67 .devsite-landing-row-item-media {
    width: calc((100% - 80px)/3)
}

.devsite-landing-row-75 .devsite-landing-row-item-code,
.devsite-landing-row-75 .devsite-landing-row-item-image,
.devsite-landing-row-75 .devsite-landing-row-item-media {
    width: calc((100% - 120px)/4)
}

.devsite-landing-row-100 .devsite-landing-row-item-code,
.devsite-landing-row-100 .devsite-landing-row-item-image,
.devsite-landing-row-100 .devsite-landing-row-item-media {
    margin: 32px 0 0;
    width: 100%
}

.devsite-landing-row-item-description h2,
.devsite-landing-row-large-headings h3,
.devsite-landing-row h3:first-child,
.devsite-landing-row h4:first-child,
.devsite-landing-row h5:first-child,
.devsite-landing-row h6:first-child,
.devsite-landing-row p:first-child,
.devsite-landing-row h4+p {
    margin-top: 0
}

.devsite-landing-row-item h3 {
    border-bottom: 0;
    padding-bottom: 0
}

.devsite-landing-row-item-description-content>*:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1000px) {
    .devsite-landing-row-item-code,
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item-image,
    .devsite-landing-row-item-media,
    .devsite-landing-row-1-up .devsite-landing-row-item-code,
    .devsite-landing-row-1-up .devsite-landing-row-item-image,
    .devsite-landing-row-1-up .devsite-landing-row-item-image-left,
    .devsite-landing-row-1-up .devsite-landing-row-item-media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: calc((100% - 40px)/2)
    }
    .devsite-landing-row-4-up .devsite-landing-row-item-code,
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item-image,
    .devsite-landing-row-4-up .devsite-landing-row-item-media {
        margin: 0 0 32px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
    .devsite-landing-row .devsite-landing-row-item-description,
    .devsite-landing-row-1-up .devsite-landing-row-item-description {
        display: block;
        margin: 0 40px 0 0
    }
    .devsite-landing-row-4-up .devsite-landing-row-item-description {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .devsite-landing-row .devsite-landing-row-item-no-image {
        width: calc((100% - 40px)/2)
    }
    .devsite-landing-row-3-up .devsite-landing-row-item-no-image {
        width: calc((100% - 80px)/3)
    }
    .devsite-landing-row-1-up .devsite-landing-row-item-no-image {
        width: 100%
    }
    .devsite-landing-row-item-no-image .devsite-landing-row-item-description {
        margin: 0
    }
    .devsite-landing-row-1-up .devsite-landing-row-item-description {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .devsite-landing-row-1-up .devsite-landing-row-item-image-left+.devsite-landing-row-item-description {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 40px 0 0
    }
    .devsite-landing-row-logos .devsite-landing-row-item-description {
        margin: 0
    }
    .devsite-landing-row-100 .devsite-landing-row-item-code,
    .devsite-landing-row-100:not(.devsite-landing-row-logos) .devsite-landing-row-item-image,
    .devsite-landing-row-100 .devsite-landing-row-item-media {
        margin: 32px 0 0;
        width: 100%
    }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-image,
    .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-image {
        margin: 0 0 32px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-description,
    .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-description {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

@media screen and (max-width:720px) {
    .devsite-landing-row-item-code,
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item-image,
    .devsite-landing-row-item-media,
    .devsite-landing-row-1-up .devsite-landing-row-item-code,
    .devsite-landing-row-1-up .devsite-landing-row-item-image,
    .devsite-landing-row-1-up .devsite-landing-row-item-image-left,
    .devsite-landing-row-1-up .devsite-landing-row-item-media {
        margin: 0 0 32px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
    .devsite-landing-row-item-description:not(.devsite-landing-row-item-icon-description),
    .devsite-landing-row-1-up .devsite-landing-row-item-description {
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .devsite-landing-row .devsite-landing-row-item-no-image {
        width: 100%
    }
    .devsite-landing-row-1-up .devsite-landing-row-item-image-left+.devsite-landing-row-item-description {
        margin: 0
    }
    .devsite-landing-row-item-no-image:not(:first-child),
    .devsite-landing-row .devsite-landing-row-item-no-image+.devsite-landing-row-item-no-image:nth-of-type(even) {
        margin: 40px 0 0
    }
    .devsite-landing-row-cta .devsite-landing-row-item-description {
        font: 400 16px/24px Roboto, sans-serif
    }
}

.devsite-landing-row-item-buttons {
    margin: 8px 0 0 -12px
}

.devsite-landing-row-item-buttons .button {
    margin: 4px 4px 4px 12px
}

.devsite-landing-row-item-buttons .button-white:not(.button-raised),
.devsite-landing-row-item-buttons .button-white:not(.button-raised)+.button-white:not(.button-raised) {
    margin: 0 4px
}

.devsite-landing-row-cta .devsite-landing-row-item-buttons {
    margin: 24px 0 0
}

p+.devsite-landing-row-item-buttons {
    margin-top: -8px
}

.devsite-landing-row-item-code pre {
    margin: 0
}

.devsite-landing-row-item-custom-image {
    width: 100%
}

.devsite-landing-row-item-image.devsite-landing-row-item-custom-image:not(.devsite-background) {
    background: #00bcd4
}

.devsite-landing-row-item-custom-image.devsite-background-grey {
    background: #f7f7f7
}

.devsite-landing-row-item-custom-image.devsite-background-white {
    background: #fff
}

.devsite-landing-row-item-custom-image-icon {
    color: #fff;
    display: block;
    margin: 0 auto
}

.devsite-landing-row-item-custom-image.devsite-background-grey .devsite-landing-row-item-custom-image-icon,
.devsite-landing-row-item-custom-image.devsite-background-white .devsite-landing-row-item-custom-image-icon {
    color: #757575
}

.devsite-landing-row-item-custom-image-icon.material-icons {
    opacity: .8
}

.devsite-landing-row-1-up .devsite-landing-row-item-custom-image {
    padding: calc((((100% - 20px)*2/3*.5625) - 256px)/2) 0
}

.devsite-landing-row-2-up .devsite-landing-row-item-custom-image {
    padding: calc((56.25% - 192px)/2) 0
}

.devsite-landing-row-3-up .devsite-landing-row-item-custom-image {
    padding: calc((56.25% - 128px)/2) 0
}

.devsite-landing-row-4-up .devsite-landing-row-item-custom-image {
    padding: calc((56.25% - 96px)/2) 0
}

.devsite-landing-row-50 .devsite-landing-row-item-custom-image {
    padding: calc((((100% - 40px)/2*.5625) - 192px)/2) 0
}

.devsite-landing-row-67 .devsite-landing-row-item-custom-image {
    padding: calc((((100% - 80px)/3*.5625) - 128px)/2) 0
}

.devsite-landing-row-75 .devsite-landing-row-item-custom-image {
    padding: calc((((100% - 120px)/4*.5625) - 128px)/2) 0
}

.devsite-landing-row-1-up .devsite-landing-row-item-custom-image-icon {
    font-size: 256px;
    width: 256px
}

.devsite-landing-row-2-up .devsite-landing-row-item-custom-image-icon,
.devsite-landing-row-50 .devsite-landing-row-item-custom-image-icon {
    font-size: 192px;
    width: 192px
}

.devsite-landing-row-3-up .devsite-landing-row-item-custom-image-icon,
.devsite-landing-row-67 .devsite-landing-row-item-custom-image-icon {
    font-size: 128px;
    width: 128px
}

.devsite-landing-row-4-up .devsite-landing-row-item-custom-image-icon,
.devsite-landing-row-75 .devsite-landing-row-item-custom-image-icon {
    font-size: 96px;
    width: 96px
}

@media screen and (max-width:1000px) {
    .devsite-landing-row-1-up .devsite-landing-row-item-custom-image,
    .devsite-landing-row-2-up .devsite-landing-row-item-custom-image,
    .devsite-landing-row-3-up .devsite-landing-row-item-custom-image {
        padding: calc((((100% - 40px)/2*.5625) - 128px)/2) 0
    }
    .devsite-landing-row-4-up .devsite-landing-row-item-custom-image {
        padding: calc((56.25% - 128px)/2) 0
    }
    .devsite-landing-row-1-up .devsite-landing-row-item-custom-image-icon,
    .devsite-landing-row-2-up .devsite-landing-row-item-custom-image-icon,
    .devsite-landing-row-3-up .devsite-landing-row-item-custom-image-icon,
    .devsite-landing-row-4-up .devsite-landing-row-item-custom-image-icon {
        font-size: 128px;
        width: 128px
    }
}

@media screen and (max-width:720px) {
    .devsite-landing-row-1-up .devsite-landing-row-item-custom-image,
    .devsite-landing-row-2-up .devsite-landing-row-item-custom-image,
    .devsite-landing-row-3-up .devsite-landing-row-item-custom-image {
        padding: calc((56.25% - 128px)/2) 0
    }
}

.devsite-landing-row-item-image {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.devsite-landing-row-item-image:not(.devsite-background) {
    background: #ebebeb
}

.devsite-landing-row-item-image img {
    vertical-align: middle;
    width: 100%
}

.devsite-landing-row-item-image a {
    display: block
}

.devsite-landing-row-no-image-background .devsite-landing-row-item-image:not(.devsite-background) {
    background: 0
}

.devsite-landing-row-item-icon-container {
    color: #757575;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 56px;
    margin: 0 20px 8px 0;
    -webkit-transition: background .2s, color .2s, -webkit-box-shadow .2s;
    transition: background .2s, color .2s, -webkit-box-shadow .2s;
    transition: background .2s, box-shadow .2s, color .2s;
    transition: background .2s, box-shadow .2s, color .2s, -webkit-box-shadow .2s;
    width: 56px
}

.devsite-landing-row-item-icon-background .devsite-landing-row-item-icon-container {
    margin: 0 20px 20px 0
}

.devsite-landing-row-item-icon {
    font-size: 48px;
    height: 48px;
    margin-left: 4px;
    width: 48px
}

:link .devsite-landing-row-item-icon-container:hover,
:focus .devsite-landing-row-item-icon-container {
    color: #039be5
}

.devsite-landing-row-item-icon-background .devsite-landing-row-item-icon-container {
    border-radius: 50%
}

.devsite-landing-row-item-icon-background .devsite-landing-row-item-icon {
    font-size: 36px;
    height: 56px;
    margin-left: 0;
    padding: 10px;
    width: 56px
}

.devsite-background .devsite-landing-row-item-icon-container {
    color: #fff
}

.devsite-background.devsite-background-theme .devsite-landing-row-item-icon-container {
    color: #212121
}

.devsite-background.devsite-background-grey .devsite-landing-row-item-icon-container {
    color: #757575
}

.devsite-background.devsite-background-cyan .devsite-landing-row-item-icon-container,
.devsite-background.devsite-background-google-yellow .devsite-landing-row-item-icon-container,
.devsite-background.devsite-background-light-green .devsite-landing-row-item-icon-container,
.devsite-background.devsite-background-orange .devsite-landing-row-item-icon-container {
    color: #212121
}

.devsite-foreground .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-foreground .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container {
    color: rgba(153, 153, 153, .5)
}

.devsite-background .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container {
    color: rgba(255, 255, 255, .7)
}

.devsite-background-theme .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-theme .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container {
    color: rgba(153, 153, 153, .5)
}

.devsite-background-cyan .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-cyan .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container,
.devsite-background-google-yellow .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-google-yellow .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container,
.devsite-background-grey .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-grey .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container,
.devsite-background-light-green .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-light-green .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container,
.devsite-background-orange .devsite-landing-row-item:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-orange .devsite-landing-row-item:focus .devsite-landing-row-item-icon-container {
    color: rgba(153, 153, 153, .5)
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme .devsite-landing-row-item-icon-container {
    color: #00bcd4
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-blue-grey .devsite-landing-row-item-icon-container {
    color: #607d8b
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-cyan .devsite-landing-row-item-icon-container {
    color: #00bcd4
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-deep-orange .devsite-landing-row-item-icon-container {
    color: #ff5722
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-deep-purple .devsite-landing-row-item-icon-container {
    color: #673ab7
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-google-blue .devsite-landing-row-item-icon-container {
    color: #4285f4
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-google-green .devsite-landing-row-item-icon-container {
    color: #0f9d58
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-google-red .devsite-landing-row-item-icon-container {
    color: #db4437
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-google-yellow .devsite-landing-row-item-icon-container {
    color: #f4b400
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey .devsite-landing-row-item-icon-container {
    color: #757575
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-indigo .devsite-landing-row-item-icon-container {
    color: #3f51b5
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-light-blue .devsite-landing-row-item-icon-container {
    color: #0288d1
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-light-green .devsite-landing-row-item-icon-container {
    color: #8bc34a
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-orange .devsite-landing-row-item-icon-container {
    color: #fb8c00
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-pink .devsite-landing-row-item-icon-container {
    color: #e91e63
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-purple .devsite-landing-row-item-icon-container {
    color: #9c27b0
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-teal .devsite-landing-row-item-icon-container {
    color: #009688
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white .devsite-landing-row-item-icon-container {
    color: #fff
}

.devsite-landing-row-item-icon-background-theme .devsite-landing-row-item-icon-container {
    background: #00bcd4
}

.devsite-landing-row-item-icon-background-blue-grey .devsite-landing-row-item-icon-container {
    background: #607d8b
}

.devsite-landing-row-item-icon-background-cyan .devsite-landing-row-item-icon-container {
    background: #00bcd4
}

.devsite-landing-row-item-icon-background-deep-orange .devsite-landing-row-item-icon-container {
    background: #ff5722
}

.devsite-landing-row-item-icon-background-deep-purple .devsite-landing-row-item-icon-container {
    background: #673ab7
}

.devsite-landing-row-item-icon-background-google-blue .devsite-landing-row-item-icon-container {
    background: #4285f4
}

.devsite-landing-row-item-icon-background-google-green .devsite-landing-row-item-icon-container {
    background: #0f9d58
}

.devsite-landing-row-item-icon-background-google-red .devsite-landing-row-item-icon-container {
    background: #db4437
}

.devsite-landing-row-item-icon-background-google-yellow .devsite-landing-row-item-icon-container {
    background: #f4b400
}

.devsite-landing-row-item-icon-background-grey .devsite-landing-row-item-icon-container {
    background: #f7f7f7
}

.devsite-landing-row-item-icon-background-indigo .devsite-landing-row-item-icon-container {
    background: #3f51b5
}

.devsite-landing-row-item-icon-background-light-blue .devsite-landing-row-item-icon-container {
    background: #0288d1
}

.devsite-landing-row-item-icon-background-light-green .devsite-landing-row-item-icon-container {
    background: #8bc34a
}

.devsite-landing-row-item-icon-background-orange .devsite-landing-row-item-icon-container {
    background: #fb8c00
}

.devsite-landing-row-item-icon-background-pink .devsite-landing-row-item-icon-container {
    background: #e91e63
}

.devsite-landing-row-item-icon-background-purple .devsite-landing-row-item-icon-container {
    background: #9c27b0
}

.devsite-landing-row-item-icon-background-teal .devsite-landing-row-item-icon-container {
    background: #009688
}

.devsite-landing-row-item-icon-background-white .devsite-landing-row-item-icon-container {
    background: #fff
}

.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey:link .devsite-landing-row-item-icon-container:hover,
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey:focus .devsite-landing-row-item-icon-container {
    color: #757575
}

.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme:link .devsite-landing-row-item-icon-container:hover,
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme:focus .devsite-landing-row-item-icon-container {
    color: #00bcd4
}

.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white:link .devsite-landing-row-item-icon-container:hover,
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white:focus .devsite-landing-row-item-icon-container {
    color: #fff
}

.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28)
}

.devsite-background .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container {
    color: #fff
}

.devsite-background-theme .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-theme .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container {
    color: #212121
}

.devsite-background-cyan .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-cyan .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container,
.devsite-background-google-yellow .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-google-yellow .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container,
.devsite-background-light-green .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-light-green .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container,
.devsite-background-orange .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-orange .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container {
    color: #212121
}

.devsite-background-grey .devsite-landing-row-item.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-icon-container:hover,
.devsite-background-grey .devsite-landing-row-item.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-icon-container {
    color: #757575
}

.devsite-landing-row-item.devsite-landing-row-item-with-icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.devsite-landing-row-item.devsite-landing-row-item-icon-position-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.devsite-landing-row-item-video {
    display: block
}

.devsite-landing-row-item-youtube {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.devsite-landing-row-item-youtube iframe {
    height: 101%;
    left: -.5%;
    position: absolute;
    top: -.5%;
    width: 101%
}

.devsite-landing-row-item-description-callout {
    font-weight: bold
}

.devsite-landing-row-item-description-feature {
    margin-top: 16px;
    position: relative
}

.devsite-landing-row-item-description-feature+.devsite-landing-row-item-description-feature {
    margin: 0
}

.devsite-landing-row-item-description-feature-link {
    border-bottom: 1px solid #ebebeb;
    font-weight: 500;
    padding: 12px 0 11px
}

.devsite-landing-row-item-description-feature-tooltip {
    background: #455a64;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    color: rgba(255, 255, 255, .7);
    font: 14px/20px Roboto, sans-serif;
    min-width: 200px;
    opacity: 0;
    padding: 24px;
    position: absolute;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
    visibility: hidden;
    width: 67%;
    z-index: 10020
}

.no-touch .devsite-landing-row-item-description-feature-link:hover+.devsite-landing-row-item-description-feature-tooltip {
    opacity: 1;
    visibility: visible
}

.devsite-landing-row-item-description-feature-tooltip:before {
    border-bottom: 8px solid #455a64;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: '';
    position: absolute;
    top: -8px
}

.devsite-landing-row-large-headings .devsite-landing-row-item-description-feature-tooltip h3,
.devsite-landing-row-item-description-feature-tooltip h3 {
    color: white;
    font: 14px/20px Roboto, sans-serif;
    margin-bottom: 8px;
    padding: 0
}

.devsite-landing-row-item-list {
    margin: 32px 0;
    padding: 0
}

.devsite-landing-row-item-list-item {
    list-style: none
}

.devsite-landing-row-item-list-item:not(:first-child) {
    margin: 24px 0 0
}

.devsite-landing-row-item-list-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.devsite-landing-row-item-list-item-icon-container {
    color: #757575;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px;
    margin: 0 20px 0 0;
    -webkit-transition: background .2s, color .2s, -webkit-box-shadow .2s;
    transition: background .2s, color .2s, -webkit-box-shadow .2s;
    transition: background .2s, box-shadow .2s, color .2s;
    transition: background .2s, box-shadow .2s, color .2s, -webkit-box-shadow .2s;
    width: 40px
}

.devsite-landing-row-item-list-item-icon {
    font-size: 32px;
    height: 32px;
    width: 32px
}

.devsite-landing-row-item-icon-background .devsite-landing-row-item-list-item-icon-container {
    border-radius: 50%
}

.devsite-landing-row-item-icon-background .devsite-landing-row-item-list-item-icon {
    font-size: 24px;
    height: 40px;
    padding: 8px;
    width: 40px
}

.devsite-landing-row-item-list h4 {
    font: 400 16px/20px Roboto, sans-serif;
    margin: 0 0 4px
}

.devsite-landing-row-item-list-item p {
    font: 400 14px/20px Roboto, sans-serif
}

.devsite-background .devsite-landing-row-item-list-item-icon-container {
    color: #fff
}

.devsite-background-theme .devsite-landing-row-item-list-item-icon-container {
    color: #212121
}

.devsite-background-cyan .devsite-landing-row-item-list-item-icon-container,
.devsite-background-google-yellow .devsite-landing-row-item-list-item-icon-container,
.devsite-background-grey .devsite-landing-row-item-list-item-icon-container,
.devsite-background-light-green .devsite-landing-row-item-list-item-icon-container,
.devsite-background-orange .devsite-landing-row-item-list-item-icon-container {
    color: #212121
}

.devsite-landing-row-item-icon-background-grey .devsite-landing-row-item-list-item-icon-container {
    background: #f7f7f7;
    color: #757575
}

.devsite-landing-row-item-icon-background-theme .devsite-landing-row-item-list-item-icon-container {
    background: #00bcd4;
    color: #fff
}

.devsite-landing-row-item-icon-background-white .devsite-landing-row-item-list-item-icon-container {
    background: #fff;
    color: #757575
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #757575
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #00bcd4
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #fff
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, .5)
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, .5)
}

.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(255, 255, 255, .7)
}

.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #757575
}

.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #00bcd4
}

.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white:link .devsite-landing-row-item-list-item-icon-container:hover,
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #fff
}

.devsite-background-theme .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #212121
}

:link>.devsite-landing-row-item-list-item-content:not(.material-icons):hover,
.devsite-background:link>.devsite-landing-row-item-list-item-content:not(.material-icons):hover {
    text-decoration: none
}

.devsite-landing-row-item-list-item a:focus {
    text-decoration: none
}

.devsite-foreground:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-foreground:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, .5)
}

.devsite-background:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(255, 255, 255, .7)
}

.devsite-background-theme:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-theme:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, .5)
}

.devsite-background-cyan:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-cyan:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container,
.devsite-background-google-yellow:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-google-yellow:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container,
.devsite-background-grey:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-grey:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container,
.devsite-background-light-green:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-light-green:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container,
.devsite-background-orange:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-background-orange:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, .5)
}

:link .devsite-landing-row-item-list-item-description h4+p {
    color: #212121;
    text-decoration: none
}

.devsite-background:link .devsite-landing-row-item-list-item-description h4+p {
    color: #fff
}

.devsite-background-cyan:link .devsite-landing-row-item-list-item-description h4+p,
.devsite-background-google-yellow:link .devsite-landing-row-item-list-item-description h4+p,
.devsite-background-grey:link .devsite-landing-row-item-list-item-description h4+p,
.devsite-background-light-green:link .devsite-landing-row-item-list-item-description h4+p,
.devsite-background-orange:link .devsite-landing-row-item-list-item-description h4+p {
    color: #212121
}

.devsite-background-theme:link .devsite-landing-row-item-list-item-description h4+p {
    color: #212121
}

.devsite-landing-row-item-icon-background:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container,
.devsite-landing-row-item-icon-background:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    background: rgba(255, 255, 255, .7);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28)
}

.devsite-background:link .devsite-landing-row-item-list-item-description>*:first-child,
.devsite-landing-row:focus .devsite-landing-row-item-list-item-description>*:first-child {
    text-decoration: underline
}

.devsite-landing-row-logos .devsite-landing-row-item-custom-image {
    margin: 0;
    padding: 0
}

.devsite-landing-row-logos .devsite-landing-row-item-custom-image:not(.devsite-background) {
    background: 0
}

.devsite-landing-row-logos .devsite-landing-row-item-custom-image-icon {
    opacity: 1;
    width: 96px
}

.devsite-landing-row-logos .devsite-landing-row-item-description {
    text-align: center
}

@media screen and (max-width:1000px) {
    .devsite-landing-row-logos .devsite-landing-row-item-custom-image {
        margin: 0;
        padding: 0
    }
}

.devsite-landing-row-cards+.devsite-landing-row-cards {
    padding-top: 0
}

.devsite-landing-row-cards+.devsite-landing-row-cards .devsite-landing-row-header {
    padding-top: 40px
}

.devsite-landing-row-cards.devsite-background+.devsite-landing-row-cards:not(.devsite-background) .devsite-landing-row-header {
    padding-top: 0
}

.devsite-landing-row-cards .devsite-landing-row-item {
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    position: relative
}

.devsite-landing-row-cards .devsite-landing-row-item:not(.devsite-background) {
    background: #fff
}

.devsite-landing-row-cards.devsite-landing-row-theme,
.devsite-landing-row-cards.devsite-landing-row-theme h3,
.devsite-landing-row-cards.devsite-landing-row-theme .devsite-landing-row-description {
    color: #212121
}

.devsite-landing-row-cards.devsite-landing-row-theme .button-white,
.devsite-landing-row-cards.devsite-landing-row-theme:link:not(.button),
.devsite-landing-row-cards.devsite-landing-row-theme:visited {
    color: #039be5
}

.devsite-landing-row-cards .devsite-landing-row-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.devsite-landing-row-cards .devsite-landing-row-column>.devsite-landing-row-item:not(:first-child) {
    margin-top: 40px
}

.devsite-landing-row-cards .devsite-landing-row-column .devsite-landing-row-item {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.devsite-landing-row-cards .devsite-landing-row-item-code,
.devsite-landing-row-cards .devsite-landing-row-item-image,
.devsite-landing-row-cards .devsite-landing-row-item-media {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.devsite-landing-row-cards .devsite-landing-row-item-description {
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 16px
}

.devsite-landing-row-cards .devsite-landing-row-item-buttons {
    padding-top: 16px
}

.devsite-landing-row-cards .devsite-landing-row-item-no-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.devsite-landing-row-cards .devsite-landing-row-item-icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: calc((56.25% - 56px)/2);
    width: 100%
}

.devsite-landing-row-cards.devsite-landing-row-theme .devsite-landing-row-item-icon {
    color: #757575
}

.devsite-landing-row-cards .devsite-landing-row-item-icon-description {
    margin: 8px 0 0
}

.devsite-landing-row-cards .devsite-landing-row-item-no-image .devsite-landing-row-item-description:not(.devsite-landing-row-item-icon-description) {
    padding-top: calc(56.25% + 16px)
}

.devsite-landing-row-cards .devsite-landing-row-item-no-image h3 {
    font: 400 22px/30px Google Sans, sans-serif;
    margin: 0 0 20px
}

.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-code,
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-image,
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-media {
    margin: 0;
    width: 100%
}

.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-description {
    left: 0;
    position: absolute;
    top: 0;
    width: calc((100% - 40px)/2)
}

.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:hover,
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:focus {
    background-color: rgba(255, 255, 255, .7)
}

.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:active {
    background-color: rgba(255, 255, 255, .85)
}

@media screen and (max-width:1000px) {
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-description {
        position: relative;
        width: 100%
    }
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:hover,
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:focus {
        background-color: #e1f3fc
    }
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:active {
        background-color: #c3e7f9
    }
    .devsite-landing-row-cards .devsite-landing-row-item-code,
    .devsite-landing-row-cards:not(.devsite-landing-row-logos) .devsite-landing-row-item-image,
    .devsite-landing-row-cards .devsite-landing-row-item-media,
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-code,
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-image,
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-media {
        margin: 0;
        width: 100%
    }
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item,
    .devsite-landing-row-cards.devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item,
    .devsite-landing-row-cards.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item {
        -ms-flex-preferred-size: calc((100% - 40px)/2);
        flex-basis: calc((100% - 40px)/2);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-child(2),
    .devsite-landing-row-cards.devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-child(2) {
        margin: 0 0 0 40px
    }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column>.devsite-landing-row-item:nth-child(2),
    .devsite-landing-row-cards .devsite-landing-row-column>.devsite-landing-row-item:nth-child(n+2) {
        margin: 40px 0 0
    }
    .devsite-landing-row-cards.devsite-landing-row-2-up .devsite-landing-row-item-custom-image,
    .devsite-landing-row-cards.devsite-landing-row-3-up .devsite-landing-row-item-custom-image,
    .devsite-landing-row-cards.devsite-landing-row-4-up .devsite-landing-row-item-custom-image {
        padding: calc((56.25% - 128px)/2) 0
    }
}

@media screen and (max-width:720px) {
    .devsite-landing-row-cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-top: 16px;
        padding-bottom: 16px
    }
    .devsite-landing-row-cards+.devsite-landing-row-cards .devsite-landing-row-header {
        padding-top: 16px
    }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column>.devsite-landing-row-item:nth-child(2),
    .devsite-landing-row-cards .devsite-landing-row-column>.devsite-landing-row-item:nth-child(n+2),
    .devsite-landing-row-cards:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child) {
        margin: 16px 0 0
    }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item,
    .devsite-landing-row-cards.devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item,
    .devsite-landing-row-cards.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item {
        width: 100%
    }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child),
    .devsite-landing-row-cards.devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child),
    .devsite-landing-row-cards.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child) {
        margin: 16px 0 0
    }
    .devsite-landing-row-cards .devsite-landing-row-item-no-image .devsite-landing-row-item-description:not(.devsite-landing-row-item-icon-description) {
        padding-top: 16px
    }
    .devsite-landing-row-cards .devsite-landing-row-item-icon-container {
        padding: 32px 0 0
    }
}

.devsite-landing-row-1-up.devsite-landing-row-marquee {
    padding: 0
}

.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-header {
    margin: 0;
    padding: 40px 0 0
}

.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-code,
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image,
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media {
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0
}

.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image {
    background: 0
}

.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 40px 0
}

.devsite-landing-row-1-up.devsite-landing-row-marquee.devsite-background {
    padding: 0 10000px
}

@media screen and (max-width:1000px) {
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image {
        margin: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description {
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image-left+.devsite-landing-row-item-description {
        margin: 0
    }
}

@media screen and (max-width:720px) {
    .devsite-landing-row-1-up.devsite-landing-row-marquee.devsite-background {
        margin: 0 -16px;
        padding: 0
    }
    .devsite-landing-row-1-up.devsite-landing-row-marquee.devsite-background .devsite-landing-row-item-description {
        padding: 32px 16px
    }
}

.devsite-products-page .devsite-doc-set-nav-row {
    display: none
}

.devsite-products-page .devsite-product-id-row {
    padding-bottom: 24px
}

.devsite-background-grey:not(.devsite-landing-row-cards) h3 {
    color: inherit
}

h2.devsite-products-alphabet-row-heading {
    border-bottom: 0;
    border-top: 1px solid #ebebeb;
    margin: 0;
    padding: 80px 0 40px;
    text-transform: capitalize
}

.devsite-products-alphabet {
    border-bottom: 1px solid #ebebeb;
    color: #bdbdbd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 40px
}

.devsite-products-alphabet-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 0
}

.devsite-products-alphabet-link:hover,
.devsite-products-alphabet-link:focus {
    color: #212121;
    text-decoration: none
}

.devsite-products-alphabet-letter {
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.devsite-pre-uhura-products .devsite-products-alphabet-letter-list-item:link.devsite-products-alphabet-letter-link,
.devsite-pre-uhura-products .devsite-products-alphabet-letter-list-item:visited.devsite-products-alphabet-letter-link {
    color: #757575
}

.devsite-products-alphabet-letter-list-item:hover.devsite-products-alphabet-letter-link,
.devsite-products-alphabet-letter-list-item:focus.devsite-products-alphabet-letter-link,
.devsite-pre-uhura-products .devsite-products-alphabet-letter-list-item:hover.devsite-products-alphabet-letter-link,
.devsite-pre-uhura-products .devsite-products-alphabet-letter-list-item:focus.devsite-products-alphabet-letter-link {
    color: #039be5;
    text-decoration: none
}

.devsite-products-alphabet-link-disabled:hover,
.devsite-products-alphabet-link-disabled:focus {
    color: #bdbdbd;
    cursor: default
}

.devsite-landing-row h2.devsite-products-alphabet-letter-heading {
    color: #212121;
    font-weight: 300;
    margin: 20px 0;
    text-transform: uppercase;
    width: 40px
}

.devsite-products-alphabet-letter-list {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    column-gap: 40px;
    list-style: none;
    margin: 0 0 40px;
    padding: 0
}

.devsite-products-alphabet-letter-list-item {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 16px
}

.devsite-products-alphabet-letter-link {
    display: block;
    padding: 8px 0
}

.devsite-products-product-name {
    margin: 0
}

@media screen and (max-width:1000px) {
    .devsite-products-alphabet {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .devsite-products-alphabet-letter-list {
        -webkit-column-count: 2;
        column-count: 2
    }
    .devsite-products-alphabet-link {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 44px;
        flex: 0 0 44px;
        text-align: center
    }
}

@media screen and (max-width:720px) {
    .devsite-products-page .devsite-product-id-row {
        padding-bottom: 0
    }
    h2.devsite-products-alphabet-row-heading {
        padding: 20px 0
    }
    .devsite-products-alphabet {
        padding: 0 0 20px
    }
    .devsite-products-alphabet-letter-list {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.devsite-back-to-top-link {
    border-radius: 50%;
    display: none;
    position: absolute;
    right: 0
}

.devsite-back-to-top-link::before {
    content: 'arrow_upward'
}

.devsite-back-to-top-link:focus {
    background: #b3e5fc;
    text-decoration: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

@media screen and (max-width:1200px) {
    .devsite-back-to-top-link {
        display: inline
    }
    *:not(.code-sample):not(.data-sample):not(.kd-tabbed-horz):not(.kd-tabbed-vert)>*>h2:not(.hide-from-toc):not(#contents):not(#table-of-contents) {
        padding-right: 48px
    }
}

.goog-inline-block {
    display: inline-block
}

.google-visualization-table-th {
    outline: 0
}

.google-visualization-table-th.unsorted,
.google-visualization-table-th.sort-ascending,
.google-visualization-table-th.sort-descending {
    cursor: pointer;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.google-visualization-table-table .google-visualization-table-th.sort-ascending,
.google-visualization-table-table .google-visualization-table-th.sort-descending {
    background: #607d8b
}

.google-visualization-table-sortind {
    display: inline-block;
    height: 12px;
    margin: 0 0 0 4px;
    overflow: hidden
}

.google-visualization-table-sortind::after {
    content: 'arrow_drop_down';
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    position: relative;
    top: -6px
}

.sort-descending .google-visualization-table-sortind::after {
    content: 'arrow_drop_up'
}

.google-visualization-controls-categoryfilter .goog-combobox-button {
    display: none
}

.google-visualization-controls-categoryfilter .goog-combobox {
    position: relative
}

.google-visualization-controls-categoryfilter .goog-combobox::after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: 'arrow_drop_down';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    height: 36px;
    position: absolute;
    right: 4px
}

.google-visualization-controls-categoryfilter input[type="text"] {
    font-size: 14px
}

.google-visualization-controls-categoryfilter-selected {
    list-style: none;
    padding: 0
}

.google-visualization-controls-categoryfilter-selected .goog-container-horizontal {
    font-size: 14px;
    margin: 0 0 0 12px;
    padding: 0;
    vertical-align: middle
}

.google-visualization-controls-categoryfilter-selected .goog-link-button {
    cursor: pointer;
    height: 18px;
    margin: 0 4px 0 0;
    overflow: hidden;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 18px
}

.google-visualization-controls-categoryfilter-selected .goog-link-button::before {
    color: #757575;
    content: 'cancel';
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px
}

.google-visualization-controls-categoryfilter-selected .goog-link-button:hover::before {
    color: #212121
}

.devsite-code-button-wrapper {
    margin-top: -8px;
    position: absolute;
    right: 0
}

.devsite-terminal>.devsite-code-button-wrapper {
    margin-top: -28px
}

.devsite-code-button {
    background: rgba(0, 0, 0, .26);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 3px;
    -webkit-transition: background .2s;
    transition: background .2s
}

.devsite-dark-code .devsite-code-button {
    background: rgba(204, 204, 204, .15)
}

td>pre:only-child>.devsite-code-button {
    margin-top: 0
}

.devsite-code-button-wrapper .devsite-code-button:hover {
    cursor: pointer
}

.devsite-code-button:hover {
    background: rgba(0, 0, 0, .54)
}

.devsite-dark-code .devsite-code-button:hover {
    background: rgba(204, 204, 204, .3)
}

.devsite-click-to-copy-button::before {
    content: 'content_copy'
}

.devsite-dark-code-button::before {
    content: 'hdr_strong'
}

.devsite-dark-code .devsite-dark-code-button::before {
    content: 'hdr_weak'
}

.devsite-jsfiddle-button::before {
    content: 'code'
}

.devsite-jsfiddle-hide {
    opacity: 0;
    position: absolute;
    z-index: -10
}

.devsite-code-button-clone {
    position: absolute;
    left: -99999px
}

.devsite-credentials-dialog {
    left: 50%;
    margin-left: -274px;
    top: 25%;
    width: 548px
}

.devsite-credentials-dialog-selector {
    width: 100%
}

.devsite-credentials-dialog-selector-region {
    margin-top: 20px
}

.devsite-credentials-spinner-region {
    width: 28px;
    margin: 8px auto
}

.devsite-credentials-spinner {
    height: 28px;
    overflow: hidden;
    -webkit-animation: cred-spin-rotate 1568.63ms infinite linear;
    width: 28px
}

.devsite-credentials-spinner>div {
    -webkit-animation: cred-spin-revrot 5332ms infinite steps(4)
}

.devsite-credentials-spinner>div>div {
    background-image: url('../images/credentials-spinner.svg');
    width: 11340px;
    height: 28px;
    -webkit-animation: cred-spin-film 5332ms infinite steps(324)
}

@-webkit-keyframes cred-spin-film {
    from {
        -webkit-transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-11340px)
    }
}

@keyframes cred-spin-film {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-11340px);
        transform: translateX(-11340px)
    }
}

@-webkit-keyframes cred-spin-rotate {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes cred-spin-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes cred-spin-revrot {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes cred-spin-revrot {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.devsite-easter-egg-err-background {
    background-color: #0404b4
}

.devsite-easter-egg-err {
    color: #fff;
    font-family: "Droid Sans Mono", monospace;
    margin: 50px auto;
    max-width: 600px
}

.devsite-feedback-dialog {
    left: 50%;
    margin-left: -200px;
    top: 25%;
    width: 400px
}

.devsite-feedback-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: calc((100% - 20px)/2)
}

.devsite-feedback-item+.devsite-feedback-item {
    margin-left: 20px
}

.devsite-feedback-item-icon {
    color: #00bcd4;
    display: block;
    font-size: 48px;
    height: 48px;
    margin: 12px auto;
    width: 48px
}

.devsite-feedback-item-icon-container {
    background: #00bcd4;
    border-radius: 50%;
    display: block;
    height: 56px;
    margin: 8px auto;
    width: 56px
}

.devsite-feedback-item-icon-white {
    color: #fff;
    font-size: 36px;
    height: 36px;
    margin: 10px;
    width: 36px
}

.devsite-feedback-item-icon-docs::before {
    content: 'description'
}

.devsite-feedback-dialog a {
    color: #039be5;
    cursor: pointer;
    outline: 0
}

.devsite-feedback-support {
    margin-top: 20px;
    text-align: center
}

.devsite-feedback-support img {
    vertical-align: middle
}

.devsite-firebase-status-content aside {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 24px
}

.devsite-firebase-status-content aside::before {
    float: none;
    margin-left: 0;
    margin-right: 24px
}

.devsite-firebase-status-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.devsite-firebase-status-view:link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    padding: 0 0 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.devsite-firebase-status-view:link::after {
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    content: 'open_in_new';
    font-size: 18px;
    margin-left: 8px;
    text-transform: lowercase
}

.devsite-googler-buttons {
    bottom: 32px;
    position: fixed;
    right: 24px;
    z-index: 10010
}

.devsite-googler-buttons>a:focus {
    text-decoration: none
}

.devsite-googler-button {
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    cursor: pointer;
    height: 40px;
    margin: 8px auto 0;
    outline: 0;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s;
    width: 40px
}

.devsite-googler-button::before {
    color: #fff;
    display: block;
    padding: 8px
}

.devsite-googler-button:hover,
.devsite-googler-button:focus,
a:focus>.devsite-googler-button {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, .3)
}

.devsite-googler-button:active,
a:active>.devsite-googler-button {
    -webkit-box-shadow: 0 11px 7px rgba(0, 0, 0, .19), 0 13px 25px rgba(0, 0, 0, .3);
    box-shadow: 0 11px 7px rgba(0, 0, 0, .19), 0 13px 25px rgba(0, 0, 0, .3)
}

.devsite-googler-buttons-hide {
    background: #fff;
    height: 24px;
    margin-top: 4px;
    width: 24px
}

.devsite-googler-buttons-hide::before {
    color: #757575;
    content: 'close';
    display: block;
    font-size: 18px;
    padding: 3px
}

.devsite-googler-bug {
    background: #e91e63
}

.devsite-googler-bug::before {
    content: 'bug_report'
}

.devsite-googler-edit {
    background: #8bc34a
}

.devsite-googler-edit::before {
    content: 'edit'
}

.devsite-googler-details {
    background: #f57c00
}

.devsite-googler-details::before {
    content: 'build'
}

.devsite-googler-env {
    background: #00bcd4
}

.devsite-googler-env::before {
    content: 'swap_horiz'
}

.devsite-multiple-choice {
    background: #fff;
    border-radius: 2px;
    margin: 16px 0
}

.devsite-multiple-choice-question {
    background: #00bcd4;
    color: #212121;
    padding: 16px 24px
}

.devsite-multiple-answer .devsite-multiple-choice-explanation {
    background: #f7f7f7;
    font-size: 14px;
    padding: 16px 24px
}

.devsite-multiple-choice-explanation-correctness {
    margin-top: 16px;
    text-align: center
}

.devsite-multiple-choice .expandable {
    border-bottom: 1px solid rgba(207, 216, 220, .87);
    color: #757575
}

.devsite-multiple-choice .expandable .expand-control {
    background: #f7f7f7;
    color: #212121;
    padding: 16px 60px 16px 24px
}

.devsite-multiple-choice .expand-control::after {
    color: #757575;
    content: 'expand_more';
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 24px;
    position: absolute;
    right: 24px;
    width: 24px
}

.devsite-multiple-choice .exw-expanded::after {
    content: 'expand_less'
}

.devsite-home-page .devsite-notification-promo,
.devsite-notification-eu-cookie.devsite-notification-promo {
    bottom: 0;
    display: block;
    left: 0;
    top: auto;
    width: 200px
}

.devsite-notification-eu-cookie.devsite-notification-promo {
    max-width: 600px;
    width: 50%
}

@media screen and (max-width:720px) {
    .devsite-notification-eu-cookie.devsite-notification-promo {
        max-width: none;
        width: calc(100% - 32px)
    }
}

.devsite-rating-container {
    float: right;
    margin: 0 0 20px 40px;
    overflow: visible;
    position: relative;
    text-align: right
}

.devsite-rating-position-bottom {
    clear: both;
    float: none;
    margin: 16px 0;
    text-align: left
}

.devsite-rating-feedback {
    margin: 0 -8px
}

.devsite-rating-star {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    vertical-align: bottom;
    width: 24px
}

.devsite-rating-caption {
    font-style: italic;
    margin-bottom: 8px
}

.devsite-rating-description {
    line-height: 22px;
    padding: 0 8px;
    right: 0;
    white-space: nowrap
}

.devsite-rating-position-bottom .devsite-rating-description {
    left: 0;
    right: auto
}

.devsite-rating-star-outline::before {
    color: #bdbdbd;
    content: 'star_border'
}

.devsite-rating-star-full::before {
    color: #f57c00;
    content: 'star'
}

.devsite-rating-internal {
    color: #dd2c00;
    font-size: 10px;
    height: 0;
    line-height: 1;
    white-space: nowrap
}

.devsite-rating-stats {
    color: #757575
}

@media screen and (max-width:720px) {
    .devsite-rating-container {
        display: none
    }
}

.devsite-embedded-youtube-video-placeholder span {
    color: #212121;
    padding: 8px;
    position: absolute
}

.devsite-embedded-youtube-video-placeholder img {
    position: absolute
}

.devsite-future-version,
.devsite-future-version * {
    color: #bdbdbd;
    text-decoration: none
}

.devsite-nav-version-selector {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.devsite-nav-version-selector-label {
    margin-right: 12px
}

.devsite-section-back-to-top-container,
.devsite-section-back-to-top-container.devsite-background {
    padding-bottom: 136px;
    position: relative
}

.devsite-section-back-to-top-link {
    background: #039be5;
    border-radius: 50%;
    bottom: 40px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .28);
    color: #fff;
    font-size: 36px;
    height: 56px;
    margin-top: 40px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    right: 0;
    -webkit-transition: background .2s, color .2s, opacity .5s;
    transition: background .2s, color .2s, opacity .5s;
    width: 56px
}

.devsite-section-back-to-top-link:hover,
.devsite-section-back-to-top-link:focus {
    color: #039be5;
    background: #fff;
    text-decoration: none
}

.devsite-section-back-to-top-link::before {
    color: white;
    content: 'arrow_upward'
}

.devsite-section-back-to-top-link:hover::before,
.devsite-section-back-to-top-link:focus::before {
    color: #039be5
}

.devsite-landing-row.devsite-background .devsite-section-back-to-top-link {
    right: 10000px
}

.devsite-section-back-to-top-invisible {
    opacity: 0;
    pointer-events: none
}

.devsite-section-back-to-top-pinned {
    position: fixed
}

.devsite-section-back-to-top-pinned,
.devsite-landing-row.devsite-background .devsite-section-back-to-top-pinned {
    right: 120px
}

@media screen and (min-width:1592px) {
    .devsite-section-back-to-top-pinned,
    .devsite-landing-row.devsite-background .devsite-section-back-to-top-pinned {
        right: calc(50% - 676px)
    }
}

@media screen and (max-width:1000px) {
    .devsite-section-back-to-top-pinned,
    .devsite-landing-row.devsite-background .devsite-section-back-to-top-pinned {
        right: 80px
    }
}

@media screen and (max-width:720px) {
    .devsite-section-back-to-top-pinned,
    .devsite-landing-row.devsite-background .devsite-section-back-to-top-pinned {
        right: 16px
    }
}

.devsite-share-links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.devsite-share-links-text {
    font-family: Google Sans, sans-serif;
    font-size: 16px;
    margin: 8px 8px 8px 0
}

.devsite-share-links-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.devsite-share-links-icon {
    margin: 0 8px
}

.devsite-share-links-icon {
    fill: #545454;
    -webkit-transition: fill .33s;
    transition: fill .33s
}

.devsite-share-links-icon.facebook,
.devsite-share-links-icon.linkedin {
    height: 22px
}

.devsite-share-links-icon.google-plus,
.devsite-share-links-icon.twitter {
    height: 26px
}

.devsite-share-links-icon.twitter:hover,
.devsite-share-links-icon.twitter:focus {
    fill-rule: evenodd;
    fill: #4099ff
}

.devsite-share-links-icon.linkedin:hover,
.devsite-share-links-icon.linkedin:focus {
    fill: #007bb6
}

.devsite-share-links-icon.google-plus:hover,
.devsite-share-links-icon.google-plus:focus {
    fill: #d50f25
}

.devsite-share-links-icon.facebook:hover,
.devsite-share-links-icon.facebook:focus {
    fill: #3b5998
}

.devsite-share-links-copy-link-container {
    position: relative
}

.devsite-share-links-copy-card {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .24), 0 0 2px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .24), 0 0 2px rgba(0, 0, 0, .12);
    display: none;
    left: 0;
    padding: 4px 0 0;
    position: absolute;
    top: -4px;
    z-index: 1
}

.devsite-share-links-copy-link,
.devsite-share-links-copy-icon {
    color: #545454
}

.devsite-share-links-copy-link:focus {
    text-decoration: none
}

.devsite-share-links-copy-icon::before {
    content: 'link'
}

.devsite-share-links-copy-card[data-expanded] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 256px
}

.devsite-share-links-copy-container {
    width: 100%
}

input.devsite-share-links-copy-text {
    border: 0;
    border-bottom: 2px solid #ebebeb;
    font-family: Roboto Mono, monospace;
    font-size: 12px;
    padding: 0 8px 8px 0;
    width: 100%
}

input.devsite-share-links-copy-text:focus {
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 8px
}

.devsite-share-links-copy-status {
    color: #616161;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    padding: 8px 0
}

.devsite-share-links-copy-status[data-prompt] {
    cursor: pointer
}

@media screen and (max-width:1200px) {
    .devsite-share-links-copy-card {
        left: auto;
        right: 0
    }
    input.devsite-share-links-copy-text {
        padding: 8px 12px
    }
    .devsite-share-links-copy-status {
        padding: 8px 12px
    }
    .devsite-share-links-copy-container {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .devsite-share-links-copy-card .devsite-share-links-copy-icon {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.devsite-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.devsite-steps-direction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.devsite-steps-previous {
    margin-left: 40px
}

.devsite-steps-next {
    margin-right: 40px;
    text-align: right
}

.devsite-steps-link:focus {
    text-decoration: none
}

.devsite-steps-link-direction {
    color: #039be5;
    display: block;
    font-size: 14px
}

.devsite-steps-link-title {
    color: #01579b;
    font-size: 18px;
    position: relative
}

.devsite-steps-link:focus .devsite-steps-link-title {
    border-bottom: 1px solid #01579b
}

.devsite-steps-link-arrow {
    color: #039be5;
    height: 24px;
    position: absolute;
    width: 24px
}

.devsite-steps-link-arrow-left {
    left: -40px
}

.devsite-steps-link-arrow-right {
    right: -40px
}

@media screen and (max-width:1000px) {
    .devsite-steps-link-title {
        font-size: 14px
    }
    .devsite-steps-previous {
        margin-left: 24px
    }
    .devsite-steps-link-arrow-left {
        left: -24px
    }
    .devsite-steps-next {
        margin-right: 24px
    }
    .devsite-steps-link-arrow-right {
        right: -24px
    }
    .devsite-steps-link-arrow {
        height: 16px;
        font-size: 16px;
        top: 0;
        width: 16px
    }
}

@media screen and (max-width:720px) {
    .devsite-steps {
        margin: 8px -8px 24px
    }
    .devsite-steps-direction {
        margin: 0 8px
    }
    .devsite-steps-link-arrow {
        display: none
    }
}

.devsite-toast {
    bottom: auto!important;
    position: fixed;
    right: 24px;
    top: 56px;
    z-index: 10018
}

.devsite-toast-content {
    background: #323232;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .4);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .4);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: 14px/24px Roboto;
    max-width: 568px;
    min-width: 288px;
    padding: 16px 24px
}

.devsite-toast-content-span {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.devsite-toast-caution,
.devsite-toast-error,
.devsite-toast-success {
    padding-left: 40px
}

.devsite-toast-caution::before,
.devsite-toast-error::before,
.devsite-toast-success::before {
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -40px;
    position: absolute
}

.devsite-toast-caution::before {
    color: #f4b400;
    content: 'error'
}

.devsite-toast-error::before {
    color: #ff5252;
    content: 'warning'
}

.devsite-toast-success::before {
    color: #00bfa5;
    content: 'check_circle'
}

.devsite-toast-buttons {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto 0 auto 48px
}

.devsite-toast-action {
    margin: -6px 0
}

.devsite-toast-dismiss {
    color: #bdbdbd;
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 24px;
    min-width: 24px;
    padding: 0;
    text-transform: none
}

.devsite-toast-dismiss:focus,
.devsite-toast-dismiss:hover,
.devsite-toast-dismiss:active {
    color: #fff
}

.devsite-toast-dismiss::before {
    content: 'close'
}

@media screen and (max-width:720px) {
    .devsite-toast {
        max-width: calc(100% - 32px);
        right: 16px
    }
}

.devsite-tracking-question {
    background-color: #f7f7f7;
    padding: 8px
}

.devsite-tracking-question-text {
    font-weight: bold
}

.devsite-tracking-question-choice-button {
    background: #00bcd4;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    color: #fff;
    cursor: pointer;
    line-height: 50px;
    margin: 8px 0;
    padding: 0 20px;
    -webkit-transition: background .2s, -webkit-box-shadow .2s;
    transition: background .2s, -webkit-box-shadow .2s;
    transition: background .2s, box-shadow .2s;
    transition: background .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.devsite-tracking-question-choice-button:focus,
.devsite-tracking-question-choice-button:hover {
    background: #26c6da;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38)
}

.devsite-vtags-container {
    position: relative
}

.devsite-vtags {
    color: #757575
}

.devsite-vtag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 16px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 13px;
    height: 32px;
    margin: 0 12px 12px 0;
    padding: 0 12px;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s
}

.devsite-vtag:focus,
.devsite-vtag:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38)
}

.devsite-vtags-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -24px
}

.devsite-vtags-feedback {
    font-size: 12px;
    margin: 0 32px
}

.devsite-vtags-feedback a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.devsite-vtags-feedback .material-icons {
    margin-right: 4px;
    position: relative;
    top: 2px
}

.devsite-vtags-feedback:link,
.devsite-vtags-feedback:visited {
    background: 0;
    color: #757575;
    text-decoration: none
}

.devsite-vtags-feedback:hover,
.devsite-vtags-feedback:active,
.devsite-vtags-feedback:focus {
    color: #039be5
}

.devsite-vtags-closer {
    color: #757575
}

.devsite-vtags-closer:hover {
    color: #039be5;
    cursor: pointer
}

.devsite-vtags-notice-text {
    display: block;
    margin: 0 0 12px
}

.devsite-vtags-display-off {
    display: none!important
}

.devsite-vplus-content-container {
    border: 1px solid black;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    visibility: hidden
}

.devsite-vplus-slide-frame {
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.devsite-vplus-video {
    bottom: 0;
    height: 26%;
    position: absolute;
    right: 0;
    -webkit-transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
    transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
    width: 26%;
    z-index: 1
}

.devsite-vplus-video.devsite-vplus-large {
    height: 100%;
    width: 100%
}

.devsite-vplus-video-container {
    bottom: 0;
    height: 26%;
    position: absolute;
    right: 0;
    -webkit-transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
    transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
    width: 26%;
    z-index: 1
}

.devsite-vplus-video-container.devsite-vplus-large {
    height: 100%;
    width: 100%
}

.devsite-vplus-video-container>video {
    width: 100%
}

@media (max-width:1049px) {
    #video-caption-container span {
        font-size: 1.9vw
    }
}

@media (min-width:1050px) {
    #video-caption-container span {
        font-size: 1.1vw
    }
}

.devsite-vplus-controls {
    background-color: white;
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-top: 20px;
    margin: 0 auto;
    max-width: 490px;
    padding: 6px;
    text-align: center
}

.devsite-vplus-controls-text {
    font-size: 16px;
    font-style: normal;
    font-weight: bold
}

.devsite-vplus-slide-status {
    margin: auto
}

.devsite-vplus-slide-status span {
    font-size: 18px
}

.devsite-vplus-slide-status span:not(:first-of-type) {
    padding-left: 5px
}

.devsite-vplus-player-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 16px
}

.devsite-vplus-control-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 43px;
    padding-top: 0;
    width: 50px
}

.devsite-vplus-control-button:hover {
    -webkit-animation: 1s focus-fade;
    animation: 1s focus-fade
}

.devsite-vplus-prev-button>div {
    margin-left: 4px
}

.devsite-vplus-next-button>div {
    margin-left: 6px
}

.devsite-vplus-video-controls-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.devsite-vplus-play-icon {
    margin-left: 0
}

.devsite-vplus-pause-icon {
    margin-left: 0
}

.devsite-vplus-play-button {
    padding-left: 0;
    width: 50px
}

.devsite-vplus-triangle {
    border-style: solid;
    height: 0;
    margin: auto;
    position: relative;
    width: 0
}

.devsite-vplus-back {
    border-color: transparent #24508d transparent transparent;
    border-width: 8px 16px 8px 0
}

.devsite-vplus-back-triangle-1 {
    left: -16px;
    top: 15px
}

.devsite-vplus-back-triangle-2 {
    left: 0px;
    top: -1px
}

.devsite-vplus-forward-single {
    border-color: transparent transparent transparent #24508d;
    border-width: 16px 0 16px 25px;
    margin-left: 8px;
    top: 5px
}

.devsite-vplus-forward {
    border-color: transparent transparent transparent #24508d;
    border-width: 8px 0 8px 16px;
    top: 5px
}

.devsite-vplus-forward-triangle-1 {
    left: -16px;
    top: 15px
}

.devsite-vplus-forward-triangle-2 {
    left: 0px;
    top: -1px
}

.devsite-vplus-pause {
    background-color: #24508d;
    height: 30px;
    width: 9px
}

.devsite-vplus-rect-1 {
    left: 6px;
    position: relative;
    top: 6px
}

.devsite-vplus-rect-2 {
    left: 22px;
    position: relative;
    top: -24px
}

.devsite-vplus-playbackrate select.kd-select:hover {
    -webkit-animation: 1s focus-fade;
    animation: 1s focus-fade
}

.devsite-vplus-playbackrate .material-icons {
    margin-top: 10px
}

.devsite-vplus-playbackrate select.kd-select {
    background: transparent url(../images/redesign-14/button-down-black.svg) no-repeat right;
    border-color: transparent;
    font-size: 18px;
    height: 46px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align-last: center;
    text-transform: none
}

.devsite-vplus-caption-control-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px
}

.devsite-vplus-caption-control {
    background-color: #24508d;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border: 0;
    color: white;
    display: inline-block;
    height: 35px;
    line-height: 39px;
    margin-right: 10px;
    margin-top: 1px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    vertical-align: 10%;
    width: 50px
}

.devsite-vplus-captions-off {
    background-color: white;
    color: #24508d
}

.devsite-vplus-controls .devsite-vplus-control-button.disabled {
    background-color: transparent
}

.devsite-vplus-prev-button.disabled .devsite-vplus-triangle {
    border-right-color: #94969a
}

.devsite-vplus-prev-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-right-color: #18345c
}

.devsite-vplus-next-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-right-color: #18345c
}

.devsite-vplus-next-button.disabled .devsite-vplus-triangle {
    border-left-color: #94969a
}

.devsite-vplus-play-button:hover:not(.disabled) .devsite-vplus-triangle,
.next-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-left-color: #18345c
}

.devsite-vplus-navigation-button-container {
    margin: 0 auto;
    text-align: center
}

.devsite-vplus-navigation-button-link {
    text-decoration: none
}

.devsite-vplus-navigation-button {
    background-color: #24508d;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: white;
    display: inline-block;
    font-size: 16px;
    margin: 12px 36px;
    padding: 12px 36px
}

@-webkit-keyframes focus-fade {
    from {
        color: #607d8b;
        -webkit-box-shadow: 0 2px 5px 0;
        box-shadow: 0 2px 5px 0
    }
    to {}
}

@keyframes focus-fade {
    from {
        color: #607d8b;
        -webkit-box-shadow: 0 2px 5px 0;
        box-shadow: 0 2px 5px 0
    }
    to {}
}

.devsite-vplus-addendums {
    border-top: 0;
    border: 1px solid black;
    cursor: pointer
}

.devsite-vplus-addendums-header {
    background-color: #e0e0e0;
    outline: none;
    padding: 8px 8px 8px 0;
    width: 100%
}

.devsite-vplus-addendums-control {
    display: table-cell
}

.devsite-vplus-addendums-control>div {
    white-space: nowrap;
    margin-left: 8px;
    margin-right: 8px
}

.devsite-vplus select.kd-select {
    outline: 2px
}

.devsite-vplus-notes-control>div>div:hover,
.devsite-vplus-transcript-control>div>div:hover,
.devsite-vplus select.kd-select:hover {
    -webkit-animation: 1s focus-fade;
    animation: 1s focus-fade;
    background-color: #e1f3fc
}

.devsite-vplus select.kd-select:focus {
    background-color: #e1f3fc
}

.devsite-vplus-addendums-control.devsite-vplus-search-widget>div {
    margin-left: 0;
    margin-right: 0
}

.devsite-vplus-addendums-label {
    white-space: nowrap
}

.devsite-vplus-addendums-control .devsite-hidden {
    display: none
}

.devsite-vplus-notes-control .devsite-vplus-addendums-opened,
.devsite-vplus-notes-control .devsite-vplus-addendums-closed,
.devsite-vplus-transcript-control .devsite-vplus-addendums-opened,
.devsite-vplus-transcript-control .devsite-vplus-addendums-closed {
    display: none
}

.devsite-vplus-notes-control.goog-zippy-expanded .devsite-vplus-addendums-opened,
.devsite-vplus-notes-control.goog-zippy-collapsed .devsite-vplus-addendums-closed,
.devsite-vplus-transcript-control.goog-zippy-expanded .devsite-vplus-addendums-opened,
.devsite-vplus-transcript-control.goog-zippy-collapsed .devsite-vplus-addendums-closed {
    display: inline
}

.devsite-vplus-search-widget {
    background-color: #f7f7f7;
    padding: 2px 4px;
    position: relative;
    width: 100%
}

.devsite-vplus-search-widget>div {
    width: 100%
}

.devsite-vplus-search-input {
    background-color: transparent;
    border-width: 0;
    font-size: 14px;
    width: 100%
}

.devsite-vplus-search-input:hover {
    -webkit-animation: 1s focus-fade;
    animation: 1s focus-fade
}

.devsite-vplus-search-autocomplete {
    position: relative;
    white-space: normal;
    width: 100%;
    z-index: 1
}

.devsite-vplus-search-autocomplete .ac-renderer {
    background: #fff;
    border: 1px solid #757575;
    -webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
    box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
    font: normal 13px Arial, sans-serif;
    position: absolute;
    width: 100%
}

.devsite-vplus-search-autocomplete .ac-row {
    cursor: pointer;
    padding: 6px
}

.devsite-vplus-search-autocomplete .ac-highlighted {
    font-weight: bold
}

.devsite-vplus-search-autocomplete .ac-active {
    background-color: #bdbdbd
}

.devsite-vplus-addendums-control div.devsite-vplus-captions-language-selector-wrapper,
.devsite-vplus-addendums-control div.devsite-vplus-video-language-selector-wrapper {
    display: inline-block;
    height: auto;
    margin-right: 2px;
    padding: 0;
    vertical-align: bottom
}

.devsite-vplus-captions-language-selector-wrapper .material-icons,
.devsite-vplus-video-language-selector-wrapper .material-icons {
    vertical-align: middle
}

.devsite-vplus-captions-language-selector-wrapper:focus-within .material-icons,
.devsite-vplus-video-language-selector-wrapper:focus-within .material-icons {
    display: none
}

.devsite-vplus-captions-language-selector-wrapper select,
.devsite-vplus-video-language-selector-wrapper select {
    min-width: 0;
    padding-right: 16px;
    width: 0
}

.devsite-vplus-captions-language-selector-wrapper select:focus,
.devsite-vplus-video-language-selector-wrapper select:focus {
    outline: -webkit-focus-ring-color auto 5px;
    padding-right: 27px;
    width: auto
}

.devsite-vplus-captions-language-selector-wrapper select.kd-select,
.devsite-vplus-video-language-selector-wrapper select.kd-select {
    background: transparent url(../images/redesign-14/button-down-black.svg) no-repeat right;
    border-color: transparent;
    font-size: small;
    height: auto;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align-last: right
}

.devsite-vplus-addendums-opened .material-icons {
    width: 1em
}

.devsite-vplus-addendums-closed .material-icons {
    background-color: #bdbdbd;
    color: #fff;
    width: 1em
}

.devsite-vplus-notes {
    border-top: 1 solid #000;
    height: 100px;
    margin: 0;
    overflow: auto;
    padding: 16px;
    position: relative;
    resize: vertical;
    width: 100%
}

.devsite-vplus-transcript-captions {
    border-top: 1 solid #000;
    height: 4.5em;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    resize: vertical;
    width: 100%
}

.devsite-vplus-transcript-captions table {
    border-collapse: unset;
    margin: 0
}

.devsite-vplus-transcript-caption {
    padding: 0.15em 1em;
    width: 100%
}

.devsite-vplus-transcript-slide-separator {
    font-weight: bold;
    font-style: italic
}

.devsite-vplus-transcript-slide-separator hr {
    padding: 1px 0
}

.devsite-vplus-transcript-caption:focus {
    outline-offset: -3px
}

.devsite-vplus-transcript-caption td {
    background-color: #fff;
    border-color: #fff;
    padding: 0 .25em;
    text-shadow: 0 0 0 currentColor
}

.devsite-vplus-transcript-caption:hover td {
    text-shadow: .5px 0 .1px #757575, -.5px 0 .1px #757575
}

.devsite-vplus-transcript-caption:hover .devsite-vplus-transcript-caption-bullet {
    visibility: visible
}

.devsite-vplus-transcript-caption.devsite-vplus-caption-highlighted td {
    background-color: #fff176
}

.devsite-vplus-transcript-caption .devsite-vplus-transcript-caption-bullet {
    padding: 0 0 0 4px;
    visibility: hidden
}

.devsite-vplus-transcript-caption-time {
    font-weight: lighter;
    min-width: 2.5em;
    text-align: right
}

.devsite-vplus-transcript-caption-text {
    width: 100%
}

.devsite-vplus-fullscreen-icon {
    color: #24508d;
    padding: 0;
    text-overflow: unset;
    text-transform: none
}

.devsite-apix,
.apis-explorer {
    background: #f7f7f7
}

.devsite-apix-error {
    padding: 32px
}

.devsite-apix-controls {
    position: absolute;
    right: 8px;
    z-index: 10001
}

.devsite-apix:not(.devsite-dialog) .devsite-apix-controls {
    top: 24px
}

.devsite-hide-apix::before,
.devsite-fullscreen-apix::before,
.devsite-dock-apix::before {
    color: #212121
}

.devsite-hide-apix::before {
    content: 'close'
}

.devsite-fullscreen-apix::before {
    content: 'fullscreen'
}

.devsite-dock-apix::before {
    content: 'fullscreen_exit'
}

.devsite-apix.devsite-dialog .devsite-hide-apix,
.devsite-apix.devsite-dialog .devsite-fullscreen-apix,
.devsite-apix:not(.devsite-dialog) .devsite-dock-apix {
    display: none
}

.devsite-apix.devsite-dialog {
    max-height: none!important
}

.devsite-apix.devsite-dialog .apis-explorer {
    height: 100%;
    min-height: 100%
}

@media screen and (min-width:1201px) {
    .devsite-apix:not(.devsite-dialog) {
        bottom: 0;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
        box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
        display: none;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 96px;
        width: 400px;
        z-index: 10001
    }
    .devsite-apix.devsite-dialog {
        bottom: 20px;
        left: calc((100% - 1200px)/2 + 24px);
        margin: 0;
        top: 50px;
        width: 1152px
    }
    .devsite-has-apix .devsite-apix {
        display: block
    }
    .devsite-show-apix {
        margin: 12px 0 8px 12px
    }
}

@media screen and (min-width:1401px) {
    .devsite-apix:not(.devsite-dialog) {
        width: calc((100% - 1400px)/2 + 400px)
    }
}

@media screen and (max-width:1200px) {
    .devsite-apix:not(.devsite-dialog) {
        margin-top: 32px;
        max-height: none!important;
        position: relative
    }
    .devsite-apix.devsite-dialog {
        bottom: 20px;
        left: 24px;
        margin: 0;
        top: 50px;
        width: calc(100% - 48px)
    }
    .devsite-apix {
        display: block
    }
    .devsite-hide-apix {
        display: none
    }
}

.expandable {
    position: relative
}

.expandable>*:not(.showalways):not(.exw-control):not(.exw-expanded-content):not(.expand-control) {
    display: none
}

.expand-control:not(button):not(.button) {
    color: #039be5;
    cursor: pointer
}

.exw-control+.showalways {
    line-height: 24px;
    padding-left: 40px
}

a.exw-control,
a.exw-control:hover {
    background: #757575;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 20px;
    margin: 2px 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px
}

a.exw-control::before {
    color: #fff;
    content: 'expand_more';
    position: relative;
    right: 2px;
    top: -2px
}

a.exw-control.exw-expanded::before {
    content: 'expand_less'
}

.exw-expanded-content {
    display: block
}

.treelist li {
    list-style-type: none
}

.feed.rendered>article {
    display: block
}

.feed>article {
    display: none;
    margin: 40px 0
}

.feed header {
    font: 500 18px/32px Roboto, sans-serif
}

.devsite-filter {
    width: 100%
}

.kd-tabbed-horz,
.kd-tabbed-vert,
.ui-datasection-main {
    background: #fff;
    border: 1px solid #ebebeb;
    font: 14px/20px Roboto, sans-serif;
    margin: 16px 0
}

.ui-datasection-main .material-icons {
    font-size: 18px
}

.kd-buttonbar {
    border-bottom: 1px solid #ebebeb;
    height: 48px;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.kd-tabbutton {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    color: #757575;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/43px Roboto, sans-serif;
    height: 47px;
    max-width: 200px;
    margin: 0;
    outline: 0;
    overflow: hidden;
    padding: 0 24px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    -webkit-transition: color .2s, border-bottom .2s;
    transition: color .2s, border-bottom .2s;
    white-space: nowrap
}

.kd-tabbutton[value="curl"],
.kd-tabbutton[value="ios"] {
    text-transform: none
}

.kd-tabbutton>.two-line-tab {
    -webkit-box-orient: vertical;
    display: inline-block;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    line-height: 20px;
    max-height: 43px;
    overflow: hidden;
    vertical-align: middle;
    white-space: normal
}

.devsite-overflow-menu .kd-tabbutton {
    display: block;
    overflow-x: visible
}

.devsite-overflow-menu .kd-tabbutton:hover {
    background: #f7f7f7
}

.devsite-overflow-menu-button {
    padding-right: 28px;
    position: absolute;
    right: 0
}

.devsite-overflow-menu-button::before {
    color: #757575;
    content: 'arrow_drop_down';
    font: normal normal normal 24px/1 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    position: absolute;
    right: 8px;
    text-transform: lowercase;
    top: 12px
}

.devsite-overflow-menu {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    max-height: 272px;
    overflow-y: auto;
    padding: 16px 0;
    position: absolute
}

.kd-tabbutton.selected,
.kd-tabbutton:focus {
    border-bottom-color: #039be5;
    color: #039be5
}

.kd-tabbed-horz>article,
.kd-tabbed-vert>article,
.ui-datasection-main>section {
    padding: 7px
}

.kd-tabbed-vert>article {
    margin: 0!important
}

.kd-buttonbar~:not(.selected) {
    display: none
}

.kd-tabbed-horz>article>pre,
.kd-tabbed-vert>article>pre,
.ui-datasection-main>section>pre {
    background: #f7f7f7;
    margin: 8px -7px;
    padding: 8px 7px
}

.devsite-dark-code .kd-tabbed-horz>article>pre,
.devsite-dark-code .kd-tabbed-vert>article>pre,
.devsite-dark-code .ui-datasection-main>section>pre {
    background: #212121
}

.kd-tabbed-horz>article>p+pre,
.kd-tabbed-vert>article>p+pre,
.ui-datasection-main>section>p+pre {
    margin-top: -8px
}

.kd-tabbed-horz>article>pre+p,
.kd-tabbed-vert>article>pre+p,
.ui-datasection-main>section>pre+p {
    margin-top: 0
}

.kd-tabbed-horz>article>:first-child,
.kd-tabbed-vert>article>:first-child,
.ui-datasection-main>section>:first-child {
    margin-top: 0
}

.kd-tabbed-horz>article>pre:first-child,
.kd-tabbed-vert>article>pre:first-child,
.ui-datasection-main>section>pre:first-child {
    margin-top: -7px;
    padding-top: 7px
}

.ui-datasection-main>section>h3:first-child+p:empty {
    display: none
}

.kd-tabbed-horz>article>:last-child,
.kd-tabbed-vert>article>:last-child,
.ui-datasection-main>section>:last-child {
    margin-bottom: 0
}

.kd-tabbed-horz>article>pre:last-child,
.kd-tabbed-vert>article>pre:last-child,
.ui-datasection-main>section>pre:last-child {
    margin-bottom: -7px;
    padding-bottom: 7px
}

.ui-datasection-main>section>p:last-child:empty {
    margin-bottom: -15px
}

@media screen and (max-width:720px) {
    .kd-tabbutton {
        padding: 0 12px
    }
    .devsite-overflow-menu-button {
        padding-right: 28px
    }
}

.devsite-overflow-tabs-scroll-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%
}

.devsite-doc-set-nav-row .devsite-overflow-tabs-scroll-wrapper {
    padding-right: 24px
}

.devsite-overflow-tabs-scroll {
    left: 0;
    position: relative;
    -webkit-transition: left .2s;
    transition: left .2s;
    width: 100%
}

.devsite-overflow-tabs-scroll .devsite-feedback-button {
    position: absolute;
    right: 0;
    margin: 6px -8px 6px 0
}

.devsite-overflow-tabs-scroll-button,
.devsite-overflow-tabs-scroll-button:focus,
.devsite-overflow-tabs-scroll-button:hover,
.devsite-overflow-tabs-scroll-button:active {
    background: #00bcd4;
    border-radius: 0;
    height: 48px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}

.devsite-top-logo-row .devsite-overflow-tabs-scroll-button,
.devsite-top-logo-row .devsite-overflow-tabs-scroll-button:focus,
.devsite-top-logo-row .devsite-overflow-tabs-scroll-button:hover,
.devsite-top-logo-row .devsite-overflow-tabs-scroll-button:active {
    background: #fff
}

.devsite-overflow-tabs-scroll-button::before {
    content: 'chevron_right'
}

.devsite-overflow-tabs-scroll-button.devsite-scroll-back {
    left: 0
}

.devsite-overflow-tabs-scroll-button.devsite-scroll-back::before {
    content: 'chevron_left'
}

@media screen and (max-width:720px) {
    .devsite-overflow-tabs-scroll-wrapper {
        padding-right: 16px
    }
}

@media print {
    body,
    html,
    :link,
    :visited,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    code,
    pre,
    h1 code,
    h2 code,
    h3 code,
    h4 code,
    h5 code,
    h6 code,
    pre .com,
    pre .lit,
    pre .dec,
    pre .kwd,
    pre .tag,
    pre .str,
    pre .atv,
    pre .typ,
    pre .atn,
    a code,
    a .atv,
    a .atn,
    a .com,
    a .dec,
    a .kwd,
    a .lit,
    a .str,
    a .tag,
    a .typ,
    .prettyprint a,
    var,
    aside,
    aside:link,
    aside:visited,
    th,
    th code,
    td,
    td code,
    th:link,
    th:visited,
    .caution,
    .caution a,
    .dogfood,
    .devsite-banner,
    .devsite-banner a,
    .dogfood a,
    .key-point,
    .key-point a,
    .key-term,
    .key-term a,
    .note,
    .note a,
    .objective,
    .objective a,
    .special,
    .special a,
    .success,
    .success a,
    .warning,
    .warning a,
    #embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonString,
    #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error,
    #embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonNumber,
    #embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonBoolean,
    #embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonKey {
        color: #000;
        padding-left: 0;
        padding-right: 0
    }
    .expandable>*:not(.showalways):not(.exw-control):not(.exw-expanded-content):not(.expand-control) {
        display: block
    }
    :link,
    :visited {
        text-decoration: underline
    }
    .devsite-top-section,
    .devsite-nav-responsive,
    .devsite-section-nav,
    .devsite-section-nav-responsive,
    .devsite-page-nav,
    .devsite-page-embedded,
    .devsite-rating-container,
    .devsite-googler-buttons,
    .devsite-googler-buttons-show,
    .devsite-footer,
    .devsite-site-footer,
    .devsite-utility-footer,
    .devsite-footer-linkboxes {
        display: none
    }
    .devsite-main-content,
    .devsite-landing-page .devsite-main-content,
    .devsite-full-width-page .devsite-main-content,
    .devsite-article {
        margin: 0!important;
        max-width: none;
        padding: 0;
        width: auto
    }
    .devsite-banner {
        margin-top: 0
    }
    .attempt-left,
    .attempt-right,
    .video-wrapper {
        float: none;
        margin: 16px 0
    }
    .devsite-main-content a[href]::after {
        content: "\0000a0(" attr(href) ")";
        display: inline-block;
        font: 14px/20px Roboto, sans-serif;
        max-width: 100%;
        word-wrap: break-word
    }
}

@page {
    margin: 0.75in
}