body, div, dl, dd, form, img, input, figure, menu {
    margin: 0;
    padding: 0
}

iframe {
    border: 0
}

.caution > :first-child, .dogfood > :first-child, .key-point > :first-child, .key-term > :first-child, .note > :first-child, .objective > :first-child, .quickstart-left > :first-child, .quickstart-wide > :first-child, .special > :first-child, .success > :first-child, .warning > :first-child, aside > :first-child, blockquote > :first-child, dd > :first-child, li > p:first-child, td > :first-child, td > :first-child > li:first-child, td > .devsite-table-wrapper:first-child > table, td > .expandable:first-child > :nth-child(2) {
    margin-top: 0
}

.caution > :last-child, .dogfood > :last-child, .key-point > :last-child, .key-term > :last-child, .note > :last-child, .objective > :last-child, .quickstart-left > :last-child, .quickstart-wide > :last-child, .special > :last-child, .success > :last-child, .warning > :last-child, aside > :last-child, blockquote > :last-child, dd > :last-child, li > p:last-child, td > :last-child, td > :last-child > li:last-child, td > .devsite-table-wrapper:last-child > table, td > .expandable:last-child > :last-child {
    margin-bottom: 0
}

html {
    box-sizing: border-box
}

*, *:before, *:after {
    box-sizing: inherit
}

.clearfix:after, .quickstart-step:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    visibility: hidden
}

body, html {
    color: #212121;
    font: 400 16px/24px Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

p {
    margin: 16px 0;
    padding: 0
}

img, video {
    border: 0;
    max-width: 100%
}

table img {
    max-width: 272px
}

:link, :visited {
    color: #039be5;
    outline: 0;
    text-decoration: none
}

a:focus {
    text-decoration: underline
}

th :link, th :visited, .devsite-toast-content :link, .devsite-toast-content :visited {
    color: #fff;
    text-decoration: underline
}

th a:focus, .devsite-toast-content a:focus {
    background: rgba(255, 255, 255, .3);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
}

sup {
    line-height: 1
}

dd, ol, ul {
    margin: 0;
    padding-left: 40px
}

td > dl > dd, td > ol, td > ul {
    padding-left: 20px
}

ol {
    list-style: decimal outside
}

ol ol {
    list-style-type: lower-alpha
}

ol ol ol {
    list-style-type: lower-roman
}

ol.upper-alpha {
    list-style-type: upper-alpha
}

ul {
    list-style: disc outside
}

li, li p {
    margin: 8px 0;
    padding: 0
}

dt {
    font: 700 16px/24px Roboto, sans-serif
}

dt, dd {
    margin: 16px 0
}

blockquote {
    background: #f7f7f7;
    margin: 16px 0;
    padding: 8px;
    quotes: none
}

hr {
    background: #ebebeb;
    border: 0;
    height: 1px;
    margin: 16px 0;
    width: 100%
}

abbr, acronym {
    border-bottom: 1px dotted #757575;
    cursor: help
}

address, cite, dfn, em {
    font-style: italic
}

strong {
    font-weight: bold
}

.devsite-article-body .material-icons, .devsite-landing-page .devsite-article .material-icons {
    vertical-align: bottom
}

.devsite-article-body .material-icons:not(:link), .devsite-landing-page .devsite-article .material-icons:not(:link) {
    cursor: default
}

.devsite-hidden {
    display: none
}

.footnotes ol {
    padding-left: 16px
}

.footnotes li {
    font: 13px/20px Roboto, sans-serif
}

.no-feedback .devsite-feedback-button {
    display: none
}

a.external::after {
    content: 'open_in_new';
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    margin-left: 4px;
    vertical-align: text-bottom
}

h2.numbered {
    line-height: 48px;
    margin-top: 60px;
    padding-bottom: 19px
}

h2.numbered:before {
    background: #bdbdbd;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin-right: 20px;
    text-align: center;
    width: 48px
}

h2.numbered:nth-of-type(1):before {
    content: '1'
}

h2.numbered:nth-of-type(2):before {
    content: '2'
}

h2.numbered:nth-of-type(3):before {
    content: '3'
}

h2.numbered:nth-of-type(4):before {
    content: '4'
}

h2.numbered:nth-of-type(5):before {
    content: '5'
}

h2.numbered:nth-of-type(6):before {
    content: '6'
}

h2.numbered:nth-of-type(7):before {
    content: '7'
}

h2.numbered:nth-of-type(8):before {
    content: '8'
}

h2.numbered:nth-of-type(9):before {
    content: '9'
}

.compare-better, .compare-no, .compare-worse, .compare-yes {
    font-weight: bold
}

.compare-better::before, .compare-blank::before, .compare-no::before, .compare-worse::before, .compare-yes::before {
    content: '';
    display: inline-block;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin: -4px 4px 0 0;
    text-transform: none;
    vertical-align: middle;
    width: 24px
}

.compare-better::before {
    color: #0f9d58;
    content: 'thumb_up'
}

.compare-no::before {
    color: #dd2c00;
    content: 'not_interested'
}

.compare-worse::before {
    color: #dd2c00;
    content: 'thumb_down'
}

.compare-yes::before {
    color: #0f9d58;
    content: 'check'
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.hanging-indent, .members.function td:first-child {
    padding-left: 25px;
    text-indent: -17px
}

.bad-table {
    table-layout: fixed
}

.bad-table tr, .bad-table td {
    word-wrap: break-word
}

.bad-table pre {
    word-wrap: normal
}

.screenshot {
    border: 1px solid #ebebeb;
    padding: 3px
}

.columns tr, .columns td, .columns th {
    background: 0;
    border: 0;
    font: 16px/24px Roboto, sans-serif;
    padding: 0
}

.columns th {
    color: #212121;
    font-weight: 500
}

.columns code, .columns pre {
    background: #f7f7f7
}

.inline:not(.expandable) {
    display: inline
}

.inline-block {
    display: inline-block
}

.block {
    display: block
}

.attempt-left {
    float: left;
    margin: 0 40px 40px 0;
    max-width: calc((100% - 40px) / 2)
}

.attempt-right {
    float: right;
    margin: 0 0 40px 40px;
    max-width: calc((100% - 40px) / 2)
}

.attempt-left + .attempt-right {
    margin-left: 0
}

img.inline-icon {
    height: 1.2em;
    vertical-align: sub
}

.video-wrapper, .video-wrapper-left {
    float: right;
    overflow: hidden;
    margin: 0 0 40px 40px;
    padding-bottom: calc(((100% - 40px) / 2) * .5625);
    position: relative;
    width: calc((100% - 40px) / 2)
}

.video-wrapper-left {
    float: none;
    margin: 16px 0
}

.video-wrapper-full-width {
    margin: 16px 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.video-wrapper embed, .video-wrapper iframe, .video-wrapper object, .video-wrapper-left embed, .video-wrapper-left iframe, .video-wrapper-left object, .video-wrapper-full-width embed, .video-wrapper-full-width iframe, .video-wrapper-full-width object {
    height: 101%;
    left: -.5%;
    position: absolute;
    top: -.5%;
    width: 101%
}

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

    .video-wrapper, .video-wrapper-left {
        float: none;
        margin: 16px 0;
        padding-bottom: 56.25%;
        width: 100%
    }
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.devsite-wrapper {
    margin-top: 48px;
    overflow: hidden;
    width: 100%
}

.devsite-main-content {
    margin: 40px auto;
    max-width: 1400px;
    padding: 0 24px;
    position: relative
}

@media screen and (min-width: 1201px) {
    .devsite-has-apix .devsite-main-content {
        margin-right: 400px;
        max-width: 1000px;
        padding-right: 0
    }
}

@media screen and (min-width: 1401px) {
    .devsite-has-apix .devsite-main-content {
        margin-right: calc((100% - 1400px) / 2 + 400px);
        max-width: 1000px
    }
}

.devsite-full-width-page .devsite-main-content, .devsite-landing-page .devsite-main-content, .devsite-products-page .devsite-main-content {
    max-width: 1592px;
    padding: 0 120px
}

.devsite-article-inner, .devsite-main-content {
    min-height: calc(100vh - 582px)
}

.devsite-header-no-upper-tabs .devsite-article-inner, .devsite-header-no-upper-tabs .devsite-main-content {
    min-height: calc(100vh - 526px)
}

.devsite-header-no-lower-tabs .devsite-article-inner, .devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 562px)
}

.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-article-inner, .devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 478px)
}

.devsite-home-page.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 710px)
}

.devsite-404.devsite-header-no-upper-tabs .devsite-article-inner, .devsite-404.devsite-header-no-upper-tabs .devsite-main-content, .devsite-404.devsite-header-no-lower-tabs .devsite-article-inner, .devsite-404.devsite-header-no-lower-tabs .devsite-main-content, .devsite-404.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-article-inner, .devsite-404.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 356px)
}

.devsite-site-mask, .ui-widget-overlay {
    background: #212121;
    cursor: pointer;
    display: none;
    height: 100vh;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10011
}

.ui-widget-overlay {
    display: block
}

.devsite-article {
    margin-left: 296px;
    position: relative;
    width: calc(100% - 496px)
}

@media screen and (min-width: 1201px) {
    .devsite-has-apix .devsite-article {
        width: calc(100% - 272px);
        margin-left: 232px
    }
}

.devsite-article-inner {
    float: left;
    width: 100%
}

@media screen and (max-width: 1200px) {
    .devsite-section-nav + .devsite-article, .devsite-section-nav + .devsite-page-nav + .devsite-article {
        width: calc(100% - 296px)
    }

    .devsite-article {
        width: calc(100% - 496px)
    }
}

@media screen and (max-width: 1000px) {
    .devsite-full-width-page .devsite-main-content, .devsite-landing-page .devsite-main-content, .devsite-products-page .devsite-main-content {
        padding: 0 80px
    }

    .devsite-section-nav + .devsite-article, .devsite-section-nav + .devsite-page-nav + .devsite-article {
        margin-left: 296px
    }

    .devsite-article {
        margin: 0;
        width: 100%
    }
}

@media screen and (max-width: 720px) {
    .devsite-full-width-page .devsite-main-content, .devsite-landing-page .devsite-main-content, .devsite-products-page .devsite-main-content, .devsite-main-content {
        padding: 0 16px
    }

    .devsite-section-nav + .devsite-article, .devsite-section-nav + .devsite-page-nav + .devsite-article {
        margin: 0;
        width: 100%
    }
}

aside, .caution, .dogfood, .key-point, .key-term, .note, .objective, .special, .success, .warning, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 12px 24px 12px 60px
}

aside::before, .caution::before, .dogfood::before, .key-point::before, .key-term::before, .note::before, .objective::before, .special::before, .success::before, .warning::before, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error .gwt-Label::before {
    float: left;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -36px
}

aside :link, aside :visited, .caution :link, .caution :visited, .dogfood :link, .dogfood :visited, .key-point :link, .key-point :visited, .key-term :link, .key-term :visited, .note :link, .note :visited, .objective :link, .objective :visited, .special :link, .special :visited, .success :link, .success :visited, .warning :link, .warning :visited {
    text-decoration: underline
}

aside a:focus, .caution a:focus, .dogfood a:focus, .key-point a:focus, .key-term a:focus, .note a:focus, .objective a:focus, .special a:focus, .success a:focus, .warning a:focus {
    background: rgba(255, 255, 255, .7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
}

aside pre, .caution pre, .dogfood pre, .key-point pre, .key-term pre, .note pre, .objective pre, .special pre, .success pre, .warning pre {
    background: rgba(255, 255, 255, .75)
}

aside code, aside var, .caution code, .dogfood code, .key-point code, .key-term code, .note code, .objective code, .special code, .success code, .warning code {
    font-weight: 700;
    padding: 0
}

aside, aside code, aside var, aside :link, aside :visited, .note, .note code, .note :link, .note :visited, .special, .special code, .special :link, .special :visited {
    background: #e1f5fe;
    color: #0288d1
}

aside::before, .note::before, .special::before {
    color: #039be5;
    content: 'star'
}

.caution, .caution code, .caution :link, .caution :visited {
    background: #fff3e0;
    color: #dd2c00
}

.caution::before {
    color: #ff6e40;
    content: 'error'
}

.dogfood, .dogfood code, .dogfood :link, .dogfood :visited {
    background: #eceff1;
    color: #546e7a
}

.dogfood::before {
    color: #78909c;
    content: 'pets'
}

.key-point, .key-point code, .key-point :link, .key-point :visited {
    background: #e8eaf6;
    color: #3f51b5
}

.key-point::before {
    color: #536dfe;
    content: 'lightbulb_outline'
}

.key-term, .key-term code, .key-term :link, .key-term :visited {
    background: #f3e5f5;
    color: #9c27b0
}

.key-term::before {
    color: #d500f9;
    content: 'font_download'
}

.objective, .objective code, .objective :link, .objective :visited, .success, .success code, .success :link, .success :visited {
    background: #e0f2f1;
    color: #00897b
}

.objective::before {
    color: #00bfa5;
    content: 'school'
}

.success::before {
    color: #00bfa5;
    content: 'check_circle'
}

.warning, .warning code, .warning :link, .warning :visited, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error :link, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error :visited {
    background: #fbe9e7;
    color: #d50000
}

.warning::before, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error .gwt-Label::before {
    color: #ff1744;
    content: 'warning'
}

.devsite-no-page-title > aside:first-child, .devsite-no-page-title > .caution:first-child, .devsite-no-page-title > .dogfood:first-child, .devsite-no-page-title > .key-point:first-child, .devsite-no-page-title > .key-term:first-child, .devsite-no-page-title > .note:first-child, .devsite-no-page-title > .objective:first-child, .devsite-no-page-title > .special:first-child, .devsite-no-page-title > .success:first-child, .devsite-no-page-title > .warning:first-child {
    clear: right
}

.devsite-banner {
    font-size: 14px;
    margin: -40px -10024px 40px;
    text-align: left
}

.devsite-landing-page .devsite-banner {
    margin: 0 -10024px
}

.devsite-landing-page-with-side-navs .devsite-banner {
    margin: -40px -10024px 24px
}

.devsite-banner :link, .devsite-banner :visited {
    text-decoration: underline
}

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

.devsite-banner-confidential, .devsite-banner-confidential :link, .devsite-banner-confidential :visited {
    background: #fbe9e7;
    color: #d50000
}

.devsite-banner-announcement, .devsite-banner-announcement :link, .devsite-banner-announcement :visited {
    background: #fff3e0;
    color: #dd2c00;
    font-weight: 500
}

.devsite-banner-announcement.devsite-background :link, .devsite-banner-announcement.devsite-background :visited {
    background: 0
}

.devsite-banner-inner {
    margin: 0 10000px;
    padding: 20px 24px
}

.devsite-banner-confidential .devsite-banner-inner {
    padding-left: 60px
}

.devsite-banner-confidential .devsite-banner-inner::before {
    color: #ff1744;
    content: 'warning';
    float: left;
    font: normal normal normal 24px/1 'Material Icons';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -36px
}

.devsite-banner-icon {
    display: inline;
    height: 24px;
    margin-right: 24px;
    vertical-align: bottom;
    width: 24px
}

.devsite-banner-header {
    font-weight: bold
}

@media screen and (max-width: 720px) {
    .devsite-banner {
        margin: -40px -10016px 40px
    }

    .devsite-landing-page .devsite-banner {
        margin: 0 -10016px
    }

    .devsite-banner-inner {
        padding: 20px 16px
    }

    .devsite-banner-confidential .devsite-banner-inner {
        padding-left: 52px
    }
}

.button, .fc-button, button, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute, #embedded-explorer div.com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders, .gwt-PopupPanel .popupContent button, input[type="button"], input[type="file"], input[type="image"], input[type="reset"], input[type="submit"] {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    color: #039be5;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/20px Roboto, sans-serif;
    height: 36px;
    margin: 0;
    min-width: 36px;
    outline: 0;
    overflow: hidden;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: background-color .2s, box-shadow .2s;
    vertical-align: middle;
    white-space: nowrap
}

.button + .button, button + button, input[type="button"] + input[type="button"], input[type="file"] + input[type="file"], input[type="image"] + input[type="image"], input[type="reset"] + input[type="reset"], input[type="submit"] + input[type="submit"] {
    margin-left: 16px
}

.button-flat + .button-flat, .button-white + .button-white, button + .button {
    margin-left: 8px
}

.button:focus, .button:hover, button:focus, button:hover, #embedded-explorer button:focus, #embedded-explorer button:hover, #embedded-explorer div.com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders:focus, #embedded-explorer div.com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders:hover, .gwt-PopupPanel .popupContent button:focus, .gwt-PopupPanel .popupContent button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="file"]:focus, input[type="file"]:hover, input[type="image"]:focus, input[type="image"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
    background-color: #e1f3fc
}

.button:active, button:active, #embedded-explorer button:active, #embedded-explorer div.com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders:active, .gwt-PopupPanel .popupContent button:active, input[type="button"]:active, input[type="file"]:active, input[type="image"]:active, input[type="reset"]:active, input[type="submit"]:active {
    background-color: #c3e7f9
}

.button, button, input[type="button"], input[type="file"], input[type="image"], input[type="reset"], input[type="submit"], #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    padding: 8px 16px
}

.button:focus {
    text-decoration: none
}

.button:active, .button-blue:active, .button-green:active, .button-primary:active, .button-red:active, button:active, input[type="button"]:active, input[type="file"]:active, input[type="image"]:active, input[type="reset"]:active, input[type="submit"]:active, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:active {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38)
}

.button-blue, .button-green, .button-primary, .button-red, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute {
    background-color: #039be5;
    color: #fff
}

.button-blue:focus, .button-blue:hover, .button-green:focus, .button-green:hover, .button-primary:focus, .button-primary:hover, .button-red:focus, .button-red:hover, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:focus, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:hover {
    background-color: #0388ca
}

.button-blue:active, .button-green:active, .button-primary:active, .button-red:active, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:active {
    background-color: #0277bd
}

.button-white, .fc-button, .gwt-PopupPanel .popupContent button {
    background-color: transparent;
    box-shadow: none;
    color: #039be5;
    padding: 8px
}

.button-white:focus, .button-white:hover {
    box-shadow: none
}

.button-flat, .button-flat:focus, .button-flat:hover, .button-flat:active {
    background: 0;
    box-shadow: none
}

.button-transparent, .button-transparent:focus, .button-transparent:hover {
    background-color: transparent;
    box-shadow: none
}

.button-flat, .button-transparent {
    padding: 8px
}

.fc-button:focus, .fc-button:hover {
    background-color: #ebebeb
}

.fc-button:active {
    background-color: #ddd
}

.devsite-top-button {
    background: 0;
    box-shadow: none;
    color: rgba(255, 255, 255, .7);
    transition: background-color .2s, color .2s;
    padding: 8px
}

.devsite-top-button:focus, .devsite-top-button:hover {
    background-color: rgba(204, 204, 204, .15);
    box-shadow: none;
    color: #fff
}

.devsite-top-button:active {
    background-color: rgba(204, 204, 204, .3);
    box-shadow: none;
    color: #fff
}

.devsite-top-logo-row .devsite-top-button {
    background-color: transparent;
    color: rgba(0, 0, 0, .54)
}

.devsite-top-logo-row .devsite-top-button:focus, .devsite-top-logo-row .devsite-top-button:hover, .devsite-top-logo-row .devsite-top-button:active {
    background-color: transparent;
    color: rgba(0, 0, 0, .87)
}

.button-text-white {
    color: #fff
}

.button-text-blue, #embedded-explorer div.com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders {
    color: #039be5
}

.button-lowercase {
    text-transform: none
}

.button-unindented {
    margin-left: -8px
}

.button.button-disabled, .button.button-disabled:hover, .button.button-disabled:focus, .button.button-disabled:active, button:disabled, .fc-button:disabled, #embedded-explorer button:disabled, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:disabled, .gwt-PopupPanel .popupContent button:disabled, input[type="button"]:disabled, input[type="file"]:disabled, input[type="image"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
    background-color: #ddd;
    box-shadow: none;
    color: rgba(0, 0, 0, .26);
    cursor: default
}

.button-flat:disabled, .button-white:disabled, .gwt-PopupPanel .popupContent button:disabled {
    background-color: transparent
}

.devsite-background:not(.devsite-background-grey):not(.devsite-landing-row-cards) .button-white {
    color: #fff
}

.devsite-background.devsite-background-theme:not(.devsite-landing-row-cards) .button-white {
    color: #212121
}

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

.devsite-background:not(.devsite-background-grey):not(.devsite-landing-row-cards) .button-white:hover {
    background: rgba(153, 153, 153, .3)
}

.devsite-background:not(.devsite-background-grey):not(.devsite-landing-row-cards) .button-white:focus {
    background: rgba(153, 153, 153, .5)
}

.devsite-background:not(.devsite-background-grey) .button-primary {
    background: #fff;
    color: #039be5
}

.devsite-background:not(.devsite-background-grey) .button-primary:active, .devsite-background:not(.devsite-background-grey) .button-primary:focus {
    background: #e1f3fc
}

.devsite-background:not(.devsite-background-grey) .button-primary:hover {
    background: #c3e7f9
}

.devsite-foreground-theme .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-theme .button:not(.button-disabled) {
    color: #00bcd4
}

.devsite-foreground-theme .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled) {
    background: #00bcd4
}

.devsite-foreground-theme .button.button-primary:not(.button-disabled):active, .devsite-foreground-theme .button.button-primary:not(.button-disabled):hover, .devsite-foreground-theme .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled):focus {
    background: #0097a7
}

.devsite-foreground-blue-grey .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-blue-grey .button:not(.button-disabled) {
    color: #607d8b
}

.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled) {
    background: #607d8b
}

.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):active, .devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):hover, .devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):focus {
    background: #455a64
}

.devsite-foreground-cyan .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-cyan .button:not(.button-disabled) {
    color: #00bcd4
}

.devsite-foreground-cyan .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled) {
    background: #00bcd4
}

.devsite-foreground-cyan .button.button-primary:not(.button-disabled):active, .devsite-foreground-cyan .button.button-primary:not(.button-disabled):hover, .devsite-foreground-cyan .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled):focus {
    background: #0097a7
}

.devsite-foreground-deep-orange .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-deep-orange .button:not(.button-disabled) {
    color: #ff5722
}

.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled) {
    background: #ff5722
}

.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):active, .devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):hover, .devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):focus {
    background: #e64a19
}

.devsite-foreground-deep-purple .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-deep-purple .button:not(.button-disabled) {
    color: #673ab7
}

.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled) {
    background: #673ab7
}

.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):active, .devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):hover, .devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):focus {
    background: #512da8
}

.devsite-foreground-google-blue .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-blue .button:not(.button-disabled) {
    color: #4285f4
}

.devsite-foreground-google-blue .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-blue .button.button-primary:not(.button-disabled) {
    background: #4285f4
}

.devsite-foreground-google-blue .button.button-primary:not(.button-disabled):active, .devsite-foreground-google-blue .button.button-primary:not(.button-disabled):hover, .devsite-foreground-google-blue .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-google-blue .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-google-blue .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-google-blue .button.button-primary:not(.button-disabled):focus {
    background: #3367d6
}

.devsite-foreground-google-green .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-green .button:not(.button-disabled) {
    color: #00c853
}

.devsite-foreground-google-green .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-green .button.button-primary:not(.button-disabled) {
    background: #00c853
}

.devsite-foreground-google-green .button.button-primary:not(.button-disabled):active, .devsite-foreground-google-green .button.button-primary:not(.button-disabled):hover, .devsite-foreground-google-green .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-google-green .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-google-green .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-google-green .button.button-primary:not(.button-disabled):focus {
    background: #008c3a
}

.devsite-foreground-google-red .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-red .button:not(.button-disabled) {
    color: #db4437
}

.devsite-foreground-google-red .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-red .button.button-primary:not(.button-disabled) {
    background: #db4437
}

.devsite-foreground-google-red .button.button-primary:not(.button-disabled):active, .devsite-foreground-google-red .button.button-primary:not(.button-disabled):hover, .devsite-foreground-google-red .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-google-red .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-google-red .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-google-red .button.button-primary:not(.button-disabled):focus {
    background: #c53929
}

.devsite-foreground-google-yellow .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-yellow .button:not(.button-disabled) {
    color: #f4b400
}

.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled) {
    background: #f4b400
}

.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):active, .devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):hover, .devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):focus {
    background: #f09300
}

.devsite-foreground-grey .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-grey .button:not(.button-disabled) {
    color: #757575
}

.devsite-foreground-grey .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled) {
    background: #757575
}

.devsite-foreground-grey .button.button-primary:not(.button-disabled):active, .devsite-foreground-grey .button.button-primary:not(.button-disabled):hover, .devsite-foreground-grey .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled):focus {
    background: #424242
}

.devsite-foreground-indigo .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-indigo .button:not(.button-disabled) {
    color: #3f51b5
}

.devsite-foreground-indigo .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled) {
    background: #3f51b5
}

.devsite-foreground-indigo .button.button-primary:not(.button-disabled):active, .devsite-foreground-indigo .button.button-primary:not(.button-disabled):hover, .devsite-foreground-indigo .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled):focus {
    background: #303f9f
}

.devsite-foreground-light-blue .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-light-blue .button:not(.button-disabled) {
    color: #0288d1
}

.devsite-foreground-light-blue .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-light-blue .button.button-primary:not(.button-disabled) {
    background: #0288d1
}

.devsite-foreground-light-blue .button.button-primary:not(.button-disabled):active, .devsite-foreground-light-blue .button.button-primary:not(.button-disabled):hover, .devsite-foreground-light-blue .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-light-blue .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-light-blue .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-light-blue .button.button-primary:not(.button-disabled):focus {
    background: #01579b
}

.devsite-foreground-light-green .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-light-green .button:not(.button-disabled) {
    color: #8bc34a
}

.devsite-foreground-light-green .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-light-green .button.button-primary:not(.button-disabled) {
    background: #8bc34a
}

.devsite-foreground-light-green .button.button-primary:not(.button-disabled):active, .devsite-foreground-light-green .button.button-primary:not(.button-disabled):hover, .devsite-foreground-light-green .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-light-green .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-light-green .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-light-green .button.button-primary:not(.button-disabled):focus {
    background: #689f38
}

.devsite-foreground-orange .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-orange .button:not(.button-disabled) {
    color: #fb8c00
}

.devsite-foreground-orange .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled) {
    background: #fb8c00
}

.devsite-foreground-orange .button.button-primary:not(.button-disabled):active, .devsite-foreground-orange .button.button-primary:not(.button-disabled):hover, .devsite-foreground-orange .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled):focus {
    background: #ef6c00
}

.devsite-foreground-pink .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-pink .button:not(.button-disabled) {
    color: #e91e63
}

.devsite-foreground-pink .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled) {
    background: #e91e63
}

.devsite-foreground-pink .button.button-primary:not(.button-disabled):active, .devsite-foreground-pink .button.button-primary:not(.button-disabled):hover, .devsite-foreground-pink .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled):focus {
    background: #c2185b
}

.devsite-foreground-purple .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-purple .button:not(.button-disabled) {
    color: #9c27b0
}

.devsite-foreground-purple .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled) {
    background: #9c27b0
}

.devsite-foreground-purple .button.button-primary:not(.button-disabled):active, .devsite-foreground-purple .button.button-primary:not(.button-disabled):hover, .devsite-foreground-purple .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled):focus {
    background: #7b1fa2
}

.devsite-foreground-teal .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-teal .button:not(.button-disabled) {
    color: #009688
}

.devsite-foreground-teal .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled) {
    background: #009688
}

.devsite-foreground-teal .button.button-primary:not(.button-disabled):active, .devsite-foreground-teal .button.button-primary:not(.button-disabled):hover, .devsite-foreground-teal .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled):focus {
    background: #00796b
}

.devsite-foreground .button.button-primary:not(.button-disabled) {
    color: #fff
}

.devsite-foreground .button:not(.button-disabled):active, .devsite-foreground .button:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground .button:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground .button:not(.button-disabled):hover {
    background: rgba(153, 153, 153, .3)
}

.devsite-foreground .button:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground .button:not(.button-disabled):focus {
    background: rgba(153, 153, 153, .5)
}

.devsite-foreground .button.button-disabled, .devsite-foreground .button.button-disabled:hover, .devsite-foreground .button.button-disabled:focus, .devsite-foreground .button.button-disabled:active, .devsite-foreground button:disabled, .devsite-foreground .fc-button:disabled, .devsite-foreground #embedded-explorer button:disabled, .devsite-foreground #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:disabled, .devsite-foreground .gwt-PopupPanel .popupContent button:disabled, .devsite-foreground input[type="button"]:disabled, .devsite-foreground input[type="file"]:disabled, .devsite-foreground input[type="image"]:disabled, .devsite-foreground input[type="reset"]:disabled, .devsite-foreground input[type="submit"]:disabled {
    background-color: rgba(153, 153, 153, .3)
}

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';
    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;
    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';
    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;
    transition: color .2s;
    vertical-align: middle;
    width: 18px
}

input[type="radio"] {
    border-radius: 50%;
    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;
    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"], select[multiple], select[size], textarea {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #212121;
    font: 16px/20px Roboto, sans-serif;
    margin: 0;
    max-width: 100%;
    outline: 0;
    padding: 7px;
    transition: border-color .2s;
    vertical-align: middle
}

#embedded-explorer input[type="text"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select[multiple]:focus, select[size]:focus, textarea:focus {
    border-bottom: 2px solid #039be5;
    padding-bottom: 6px
}

#embedded-explorer input[type="text"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, select[multiple]:disabled, select[size]:disabled, textarea:disabled {
    background: #f7f7f7
}

.kd-select, select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    box-shadow: none;
    color: #212121;
    cursor: pointer;
    display: inline-block;
    font: 14px/20px Roboto, sans-serif;
    height: 36px;
    min-width: 72px;
    outline: 0;
    overflow: hidden;
    padding: 7px 27px 7px 7px;
    text-align: left;
    text-indent: .01px;
    text-overflow: ellipsis;
    text-overflow: '';
    transition: background-color .2s;
    vertical-align: middle;
    white-space: nowrap
}

.kd-select:focus, .kd-select:hover, select:focus, select:hover {
    background-color: #f7f7f7
}

.kd-select:active, select:active {
    background-color: #ebebeb
}

select {
    background: #fff no-repeat right
}

select:disabled {
    background: #f7f7f7 url('../images/redesign-14/button-down-grey.svg') no-repeat right;
    border-color: transparent;
    color: #bdbdbd;
    cursor: default
}

select:-ms-expand {
    display: none
}

.kd-select {
    font-weight: 500;
    position: relative;
    text-transform: uppercase
}

.kd-select::before {
    content: 'arrow_drop_down';
    font: normal normal normal 24px/1 'Material Icons';
    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: 8px
}

.kd-select .label {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.kd-menulist, .google-visualization-controls-categoryfilter .goog-menu {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    margin: 0 24px 0 0;
    max-height: 512px;
    overflow: auto;
    padding: 8px 0 !important;
    position: absolute;
    white-space: nowrap;
    z-index: 10013
}

.kd-menulistitem, .google-visualization-controls-categoryfilter .goog-menuitem {
    cursor: default;
    font: 14px/32px Roboto, sans-serif;
    margin: 0;
    padding: 8px 16px;
    transition: background .2s
}

.kd-menulistitem:hover, .kd-menulistitem.devsite-selected-option, .google-visualization-controls-categoryfilter .goog-menuitem:hover {
    background: #f7f7f7
}

.devsite-form-error {
    color: #dd2c00
}

@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
    }
}

.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;
    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;
    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;
    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;
    transform: translateZ(0);
    width: 100%;
    z-index: 10006
}

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

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

.devsite-header-upper-tabs {
    display: inline-block;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow-y: auto;
    vertical-align: top;
    transition: flex .2s, margin .2s, width .2s;
    transition: flex .2s, margin .2s, width .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 {
    -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;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 24px;
    min-width: 24px;
    padding: 0;
    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 {
        -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: -ms-flexbox;
    display: flex;
    -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;
    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 {
    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 {
        -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;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0 6px 24px;
    opacity: 1;
    position: relative;
    text-align: left;
    transition: background .2s, flex .2s, opacity .2s, width .2s;
    transition: background .2s, flex .2s, opacity .2s, width .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 {
    -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;
    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;
    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);
    transition: color .2s
}

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

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

.devsite-search-form :-ms-input-placeholder {
    color: rgba(0, 0, 0, .54);
    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;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 6px 0
    }
}

.devsite-popout {
    background: #fff;
    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;
    transition: transform .2s, visibility .2s;
    transform: translateY(0);
    width: 100%;
    z-index: -1
}

.devsite-popout-closed {
    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;
    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: -ms-flexbox;
    display: flex;
    -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 {
    -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 {
    -ms-flex-align: center;
    align-items: center;
    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 {
    -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: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0;
    width: 100%
}

.devsite-doc-set-nav {
    -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;
    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;
    -ms-grid-row-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;
    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: -ms-flexbox;
    display: flex
}

.devsite-doc-set-nav-row > .devsite-feedback-button {
    -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 {
    -ms-flex-align: center;
    align-items: center;
    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;
    transition: color .3s, 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);
    transform: rotate(-180deg)
}

.devsite-dropdown-menu-wrapper {
    background-color: #fff;
    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;
    transition: top .5s;
    visibility: hidden;
    white-space: nowrap;
    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: -ms-flexbox;
    display: flex;
    -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 {
    margin: 10px
}

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

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

.devsite-header-link {
    -ms-flex-align: center;
    align-items: center;
    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;
    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;
    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';
    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: 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: linear-gradient(90deg, #303c42 50%, #37424b 50%)
}

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

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

.devsite-footer-linkbox {
    background: #263238;
    display: block;
    -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 {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -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 {
        -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: -ms-flexbox;
        display: flex;
        float: left;
        margin-top: 8px
    }

    .devsite-utility-footer-newsletter-signup-text {
        margin: 0 0 0 16px;
        -ms-flex-order: 2;
        order: 2
    }

    .devsite-utility-footer-newsletter-signup-button {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -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;
    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-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 {
    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';
    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;
    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;
    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 {
    transition: none
}

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

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

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

.devsite-nav-responsive-transform {
    display: inline-block;
    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';
    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';
    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 {
    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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
}

.devsite-404-links-list-item {
    -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 {
        -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 {
    -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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 32px
}

.devsite-landing-row-header-text {
    -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: -ms-flexbox;
    display: flex;
    -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 {
        -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: -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: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0;
    flex: 1 0;
    -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 {
    -ms-flex-direction: row;
    flex-direction: row
}

.devsite-landing-row-1-up.devsite-landing-row-100 .devsite-landing-row-item {
    -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 {
    -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%;
        -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;
        -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) {
        -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: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -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;
    -ms-flex-order: 2;
    order: 2;
    width: calc((100% - 20px) * 2 / 3)
}

.devsite-landing-row-1-up .devsite-landing-row-item-description {
    display: block;
    -ms-flex: 0 1 calc((100% - 20px) * 2 / 3);
    flex: 0 1 calc((100% - 20px) * 2 / 3);
    margin: 0 40px 0 0;
    -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 {
    -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;
    -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 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        -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;
        -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: -ms-flexbox;
        display: flex;
        margin: 0;
        -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 {
        -ms-flex-order: 1;
        order: 1
    }

    .devsite-landing-row-1-up .devsite-landing-row-item-image-left + .devsite-landing-row-item-description {
        -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;
        -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 {
        -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;
        -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;
        -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;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 56px;
    margin: 0 20px 8px 0;
    transition: background .2s, box-shadow .2s, color .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 {
    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 {
    -ms-flex-direction: row;
    flex-direction: row
}

.devsite-landing-row-item.devsite-landing-row-item-icon-position-top {
    -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;
    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;
    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: -ms-flexbox;
    display: flex
}

.devsite-landing-row-item-list-item-icon-container {
    color: #757575;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px;
    margin: 0 20px 0 0;
    transition: background .2s, box-shadow .2s, color .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);
    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;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -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;
    -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;
    -ms-flex-order: 1;
    order: 1
}

.devsite-landing-row-cards .devsite-landing-row-item-description {
    margin: 0;
    -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 {
    -ms-flex-direction: column;
    flex-direction: column
}

.devsite-landing-row-cards .devsite-landing-row-item-icon-container {
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -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 {
        -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);
        -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 {
        -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;
    -ms-grid-row-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;
    -ms-grid-row-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 {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image {
        margin: 0;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description {
        margin: 0;
        -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: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 40px
}

.devsite-products-alphabet-link {
    display: -ms-flexbox;
    display: flex;
    -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: -ms-flexbox;
    display: flex;
    -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 {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 40px;
    column-gap: 40px;
    list-style: none;
    margin: 0 0 40px;
    padding: 0
}

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

.devsite-products-alphabet-letter-link {
    display: block;
    padding: 10px 0;
    white-space: nowrap
}

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

@media screen and (max-width: 1000px) {
    .devsite-products-alphabet {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .devsite-products-alphabet-letter-list {
        -moz-column-count: 2;
        column-count: 2
    }

    .devsite-products-alphabet-link {
        display: block;
        -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 {
        -moz-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;
    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';
    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 {
    -ms-flex-align: center;
    align-items: center;
    content: 'arrow_drop_down';
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: normal normal normal 24px/1 'Material Icons';
    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';
    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;
    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)
}

@keyframes cred-spin-film {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(-11340px)
    }
}

@keyframes cred-spin-rotate {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes cred-spin-revrot {
    from {
        transform: rotate(0deg)
    }
    to {
        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 {
    -ms-flex-align: center;
    align-items: center;
    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 {
    -ms-flex: 1;
    flex: 1
}

.devsite-firebase-status-view:link {
    -ms-flex-align: center;
    align-items: center;
    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';
    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%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    cursor: pointer;
    height: 40px;
    margin: 8px auto 0;
    outline: 0;
    transition: 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 {
    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 {
    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';
    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 {
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -ms-flexbox;
    display: flex;
    -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;
    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;
    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 {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -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: -ms-flexbox;
    display: flex
}

.devsite-share-links-icon {
    margin: 0 8px
}

.devsite-share-links-icon {
    fill: #545454;
    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;
    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: -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 {
        -ms-flex-order: 1;
        order: 1
    }

    .devsite-share-links-copy-card .devsite-share-links-copy-icon {
        -ms-flex-order: 2;
        order: 2
    }
}

.devsite-steps {
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.devsite-steps-direction {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500;
    -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;
    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: -ms-flexbox;
    display: flex;
    font: 14px/24px Roboto;
    max-width: 568px;
    min-width: 288px;
    padding: 16px 24px
}

.devsite-toast-content-span {
    display: inline-block;
    -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';
    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;
    -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';
    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;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    color: #fff;
    cursor: pointer;
    line-height: 50px;
    margin: 8px 0;
    padding: 0 20px;
    transition: background .2s, box-shadow .2s
}

.devsite-tracking-question-choice-button:focus, .devsite-tracking-question-choice-button:hover {
    background: #26c6da;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38)
}

.devsite-vtags-container {
    position: relative
}

.devsite-vtags {
    color: #757575
}

.devsite-vtag {
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 16px;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 13px;
    height: 32px;
    margin: 0 12px 12px 0;
    padding: 0 12px;
    transition: box-shadow .2s
}

.devsite-vtag:focus, .devsite-vtag:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .38)
}

.devsite-vtags-controls {
    display: -ms-flexbox;
    display: flex;
    -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: -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;
    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;
    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%
}

@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: -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: -ms-flexbox;
    display: flex;
    margin: 8px 16px
}

.devsite-vplus-control-button {
    box-shadow: none;
    height: 43px;
    padding-top: 0;
    width: 50px
}

.devsite-vplus-control-button:hover {
    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: -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 {
    animation: 1s focus-fade
}

.devsite-vplus-playbackrate .material-icons {
    margin-top: 10px
}

.devsite-vplus-playbackrate select.kd-select {
    background: transparent 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: -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;
    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
}

@keyframes focus-fade {
    from {
        color: #607d8b;
        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 {
    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 {
    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;
    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 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;
        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';
    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
}

.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;
    overflow: hidden;
    padding: 0 24px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    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 {
    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';
    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;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .37);
    max-height: 272px;
    overflow-y: auto;
    padding: 16px 0;
    position: absolute
}

.kd-tabbutton.selected {
    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;
    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
}