@charset "utf-8";
body[theme=developers] devsite-header .devsite-top-logo-row, body[theme=developers] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=developers] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=developers] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=developers] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=developers] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=developers] devsite-header .devsite-header-billboard {
    background-color: #1a73e8
    }
body[theme=developers] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=developers] devsite-book-nav .devsite-breadcrumb-link, body[theme=developers] devsite-header .devsite-breadcrumb-guillemet, body[theme=developers] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=developers] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=developers] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=developers] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=developers] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=developers] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=developers] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=developers] devsite-header .devsite-breadcrumb-link:focus, body[theme=developers] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=developers] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=developers] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=developers] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=developers] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=developers] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=developers] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=developers] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=developers] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=developers] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=developers] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=developers] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=developers] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=developers] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=developers] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=developers] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=developers] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=developers] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=developers] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=developers] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=developers] devsite-header .devsite-header-icon-button:active, body[theme=developers] devsite-header .devsite-header-icon-button:focus, body[theme=developers] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=developers] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=developers] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=developers] devsite-header .devsite-header--loading:after, body[theme=developers] devsite-header .devsite-header--loading span:after {
    background-color: #1a73e8
    }
body[theme=developers] devsite-toc > .devsite-nav-list {
    border-color: #1a73e8
    }
body[theme=developers] .devsite-landing-row-cta:not([background]) {
    background-color: #1a73e8;
    color: #fff
    }
body[theme=developers] .devsite-feedback-item-icon-color {
    background-color: #1a73e8
    }
body[theme=developers] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=developers] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=developers] .devsite-search-project .devsite-product-logo-container, body[theme=developers] devsite-header .devsite-product-logo-container {
    color: #1a73e8
    }
body[theme=developers] .devsite-search-project .devsite-product-logo-container[background], body[theme=developers] devsite-header .devsite-product-logo-container[background] {
    background: #1a73e8;
    color: #fff
    }
body[theme=developers] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=developers] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=developers] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=developers] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=developers] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=developers] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=developers] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=developers] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #1a73e8
    }
body[theme=developers] .devsite-collapsible-section {
    background-color: #1a73e8
    }
body[theme=developers] cloudx-tabs-nav.lower-tabs a, body[theme=developers] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=developers] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=developers] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=developers] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=developers] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=developers] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=developers] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=developers] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=developers] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=developers] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=developers] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=developers] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=developers] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=developers] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=developers] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=developers] devsite-tabs .devsite-tabs-dropdown a, body[theme=developers] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=developers] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=developers] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=developers] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=developers] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=developers] cloudx-tabs-nav.upper-tabs tab > a, body[theme=developers] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=developers] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=developers] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=developers] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=developers] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=developers] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=developers] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=developers] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=developers] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #185abc
    }
body[theme=developers] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=developers] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=developers] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=developers] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #185abc
    }
body[theme=developers] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=developers] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #1a73e8;
    color: #fff
    }
body[theme=developers] .devsite-landing-row-item-custom-image:not([background]), body[theme=developers] [background=theme] {
    background-color: #1a73e8
    }
body[theme=developers] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=developers] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=developers] [foreground=theme] .button, body[theme=developers] [foreground=theme] :focus > :not(.material-icons), body[theme=developers] [foreground=theme] :link > :not(.material-icons):hover, body[theme=developers] [foreground=theme] a:not(.button), body[theme=developers] [foreground=theme] a:not(.button) h2, body[theme=developers] [foreground=theme] a:not(.button) h3 {
    color: #1a73e8
    }
body[theme=developers] [foreground=theme] .button:active, body[theme=developers] [foreground=theme] .button:focus, body[theme=developers] [foreground=theme] .button:hover {
    background: #e8f1fd;
    color: #185abc
    }
body[theme=developers] [foreground=theme] .button:focus, body[theme=developers] [foreground=theme] .button:hover {
    border: 1px solid #c6dcf9
    }
body[theme=developers] [foreground=theme] .button:active {
    border-color: #e8f1fd
    }
body[theme=developers] [foreground=theme] .button-primary {
    background: #1a73e8;
    color: #fff
    }
body[theme=developers] [foreground=theme] .button-primary:active, body[theme=developers] [foreground=theme] .button-primary:focus, body[theme=developers] [foreground=theme] .button-primary:hover {
    background: #185abc;
    color: #fff
    }
body[theme=developers] [foreground] .button-primary:active, body[theme=developers] [foreground] .button-primary:focus, body[theme=developers] [foreground] .button-primary:hover, body[theme=developers] [foreground] .button-raised:active, body[theme=developers] [foreground] .button-raised:focus, body[theme=developers] [foreground] .button-raised:hover, body[theme=developers] [foreground] .button-white:active, body[theme=developers] [foreground] .button-white:focus, body[theme=developers] [foreground] .button-white:hover {
    border: 0
    }
body[theme=developers] [background=theme] .devsite-landing-row-description, body[theme=developers] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=developers] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=developers] [background=theme] :link:not(.button), body[theme=developers] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=developers] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=developers] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=developers] [background=theme] :visited:not(.button), body[theme=developers] [background=theme] h2, body[theme=developers] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=developers] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=developers] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=developers] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=developers] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=developers] devsite-content .devsite-404-header h3, body[theme=developers] devsite-content .devsite-offline-header h3 {
    color: #185abc
    }
body[theme=developers] devsite-header .devsite-search-background, body[theme=developers] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=developers] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=developers] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #1a73e8
    }
body[theme=developers] devsite-header .devsite-search-background:after, body[theme=developers] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=developers] devsite-header devsite-search .devsite-search-field, body[theme=developers] devsite-header devsite-search .devsite-search-image, body[theme=developers] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=developers] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=developers] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=developers] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=developers] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=developers] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=developers][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=developers] devsite-header .devsite-search-background, body[theme=developers] devsite-header .devsite-search-background:after, body[theme=developers] devsite-header[search-active] .devsite-search-background:after, body[theme=developers] devsite-header devsite-search .devsite-search-field, body[theme=developers] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=developers][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=blue-grey] devsite-header .devsite-top-logo-row, body[theme=blue-grey] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=blue-grey] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=blue-grey] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=blue-grey] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=blue-grey] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=blue-grey] devsite-header .devsite-header-billboard {
    background-color: #607d8b
    }
body[theme=blue-grey] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=blue-grey] devsite-book-nav .devsite-breadcrumb-link, body[theme=blue-grey] devsite-header .devsite-breadcrumb-guillemet, body[theme=blue-grey] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=blue-grey] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=blue-grey] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=blue-grey] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=blue-grey] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=blue-grey] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=blue-grey] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=blue-grey] devsite-header .devsite-breadcrumb-link:focus, body[theme=blue-grey] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=blue-grey] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=blue-grey] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=blue-grey] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=blue-grey] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=blue-grey] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=blue-grey] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=blue-grey] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=blue-grey] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=blue-grey] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=blue-grey] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=blue-grey] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=blue-grey] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=blue-grey] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=blue-grey] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=blue-grey] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=blue-grey] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=blue-grey] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=blue-grey] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=blue-grey] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=blue-grey] devsite-header .devsite-header-icon-button:active, body[theme=blue-grey] devsite-header .devsite-header-icon-button:focus, body[theme=blue-grey] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=blue-grey] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=blue-grey] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=blue-grey] devsite-header .devsite-header--loading:after, body[theme=blue-grey] devsite-header .devsite-header--loading span:after {
    background-color: #607d8b
    }
body[theme=blue-grey] devsite-toc > .devsite-nav-list {
    border-color: #607d8b
    }
body[theme=blue-grey] .devsite-landing-row-cta:not([background]) {
    background-color: #607d8b;
    color: #fff
    }
body[theme=blue-grey] .devsite-feedback-item-icon-color {
    background-color: #607d8b
    }
body[theme=blue-grey] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=blue-grey] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=blue-grey] .devsite-search-project .devsite-product-logo-container, body[theme=blue-grey] devsite-header .devsite-product-logo-container {
    color: #607d8b
    }
body[theme=blue-grey] .devsite-search-project .devsite-product-logo-container[background], body[theme=blue-grey] devsite-header .devsite-product-logo-container[background] {
    background: #607d8b;
    color: #fff
    }
body[theme=blue-grey] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=blue-grey] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=blue-grey] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=blue-grey] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=blue-grey] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=blue-grey] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=blue-grey] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=blue-grey] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #607d8b
    }
body[theme=blue-grey] .devsite-collapsible-section {
    background-color: #607d8b
    }
body[theme=blue-grey] cloudx-tabs-nav.lower-tabs a, body[theme=blue-grey] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=blue-grey] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=blue-grey] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=blue-grey] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=blue-grey] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=blue-grey] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=blue-grey] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=blue-grey] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=blue-grey] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=blue-grey] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=blue-grey] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=blue-grey] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=blue-grey] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=blue-grey] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=blue-grey] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=blue-grey] devsite-tabs .devsite-tabs-dropdown a, body[theme=blue-grey] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=blue-grey] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=blue-grey] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=blue-grey] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=blue-grey] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=blue-grey] cloudx-tabs-nav.upper-tabs tab > a, body[theme=blue-grey] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=blue-grey] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=blue-grey] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=blue-grey] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=blue-grey] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=blue-grey] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=blue-grey] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=blue-grey] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=blue-grey] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #455a64
    }
body[theme=blue-grey] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=blue-grey] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=blue-grey] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=blue-grey] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #455a64
    }
body[theme=blue-grey] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=blue-grey] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #607d8b;
    color: #fff
    }
body[theme=blue-grey] .devsite-landing-row-item-custom-image:not([background]), body[theme=blue-grey] [background=theme] {
    background-color: #607d8b
    }
body[theme=blue-grey] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=blue-grey] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=blue-grey] [foreground=theme] .button, body[theme=blue-grey] [foreground=theme] :focus > :not(.material-icons), body[theme=blue-grey] [foreground=theme] :link > :not(.material-icons):hover, body[theme=blue-grey] [foreground=theme] a:not(.button), body[theme=blue-grey] [foreground=theme] a:not(.button) h2, body[theme=blue-grey] [foreground=theme] a:not(.button) h3 {
    color: #607d8b
    }
body[theme=blue-grey] [foreground=theme] .button:active, body[theme=blue-grey] [foreground=theme] .button:focus, body[theme=blue-grey] [foreground=theme] .button:hover {
    background: #eff2f3;
    color: #455a64
    }
body[theme=blue-grey] [foreground=theme] .button:focus, body[theme=blue-grey] [foreground=theme] .button:hover {
    border: 1px solid #d7dfe2
    }
body[theme=blue-grey] [foreground=theme] .button:active {
    border-color: #eff2f3
    }
body[theme=blue-grey] [foreground=theme] .button-primary {
    background: #607d8b;
    color: #fff
    }
body[theme=blue-grey] [foreground=theme] .button-primary:active, body[theme=blue-grey] [foreground=theme] .button-primary:focus, body[theme=blue-grey] [foreground=theme] .button-primary:hover {
    background: #455a64;
    color: #fff
    }
body[theme=blue-grey] [foreground] .button-primary:active, body[theme=blue-grey] [foreground] .button-primary:focus, body[theme=blue-grey] [foreground] .button-primary:hover, body[theme=blue-grey] [foreground] .button-raised:active, body[theme=blue-grey] [foreground] .button-raised:focus, body[theme=blue-grey] [foreground] .button-raised:hover, body[theme=blue-grey] [foreground] .button-white:active, body[theme=blue-grey] [foreground] .button-white:focus, body[theme=blue-grey] [foreground] .button-white:hover {
    border: 0
    }
body[theme=blue-grey] [background=theme] .devsite-landing-row-description, body[theme=blue-grey] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=blue-grey] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=blue-grey] [background=theme] :link:not(.button), body[theme=blue-grey] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=blue-grey] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=blue-grey] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=blue-grey] [background=theme] :visited:not(.button), body[theme=blue-grey] [background=theme] h2, body[theme=blue-grey] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=blue-grey] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=blue-grey] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=blue-grey] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=blue-grey] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=blue-grey] devsite-content .devsite-404-header h3, body[theme=blue-grey] devsite-content .devsite-offline-header h3 {
    color: #455a64
    }
body[theme=blue-grey] devsite-header .devsite-search-background, body[theme=blue-grey] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=blue-grey] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=blue-grey] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #607d8b
    }
body[theme=blue-grey] devsite-header .devsite-search-background:after, body[theme=blue-grey] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=blue-grey] devsite-header devsite-search .devsite-search-field, body[theme=blue-grey] devsite-header devsite-search .devsite-search-image, body[theme=blue-grey] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=blue-grey] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=blue-grey] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=blue-grey] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=blue-grey] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=blue-grey][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=blue-grey] devsite-header .devsite-search-background, body[theme=blue-grey] devsite-header .devsite-search-background:after, body[theme=blue-grey] devsite-header[search-active] .devsite-search-background:after, body[theme=blue-grey] devsite-header devsite-search .devsite-search-field, body[theme=blue-grey] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=blue-grey][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=blue-grey-dark] devsite-header .devsite-top-logo-row, body[theme=blue-grey-dark] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=blue-grey-dark] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=blue-grey-dark] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=blue-grey-dark] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=blue-grey-dark] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=blue-grey-dark] devsite-header .devsite-header-billboard {
    background-color: #455a64
    }
body[theme=blue-grey-dark] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=blue-grey-dark] devsite-book-nav .devsite-breadcrumb-link, body[theme=blue-grey-dark] devsite-header .devsite-breadcrumb-guillemet, body[theme=blue-grey-dark] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=blue-grey-dark] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=blue-grey-dark] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=blue-grey-dark] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=blue-grey-dark] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=blue-grey-dark] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=blue-grey-dark] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=blue-grey-dark] devsite-header .devsite-breadcrumb-link:focus, body[theme=blue-grey-dark] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=blue-grey-dark] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=blue-grey-dark] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=blue-grey-dark] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=blue-grey-dark] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=blue-grey-dark] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=blue-grey-dark] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=blue-grey-dark] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=blue-grey-dark] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=blue-grey-dark] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=blue-grey-dark] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=blue-grey-dark] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=blue-grey-dark] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=blue-grey-dark] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=blue-grey-dark] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=blue-grey-dark] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=blue-grey-dark] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=blue-grey-dark] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=blue-grey-dark] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=blue-grey-dark] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=blue-grey-dark] devsite-header .devsite-header-icon-button:active, body[theme=blue-grey-dark] devsite-header .devsite-header-icon-button:focus, body[theme=blue-grey-dark] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=blue-grey-dark] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=blue-grey-dark] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=blue-grey-dark] devsite-header .devsite-header--loading:after, body[theme=blue-grey-dark] devsite-header .devsite-header--loading span:after {
    background-color: #455a64
    }
body[theme=blue-grey-dark] devsite-toc > .devsite-nav-list {
    border-color: #455a64
    }
body[theme=blue-grey-dark] .devsite-landing-row-cta:not([background]) {
    background-color: #455a64;
    color: #fff
    }
body[theme=blue-grey-dark] .devsite-feedback-item-icon-color {
    background-color: #455a64
    }
body[theme=blue-grey-dark] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=blue-grey-dark] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=blue-grey-dark] .devsite-search-project .devsite-product-logo-container, body[theme=blue-grey-dark] devsite-header .devsite-product-logo-container {
    color: #455a64
    }
body[theme=blue-grey-dark] .devsite-search-project .devsite-product-logo-container[background], body[theme=blue-grey-dark] devsite-header .devsite-product-logo-container[background] {
    background: #455a64;
    color: #fff
    }
body[theme=blue-grey-dark] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=blue-grey-dark] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=blue-grey-dark] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=blue-grey-dark] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=blue-grey-dark] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=blue-grey-dark] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=blue-grey-dark] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=blue-grey-dark] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #455a64
    }
body[theme=blue-grey-dark] .devsite-collapsible-section {
    background-color: #455a64
    }
body[theme=blue-grey-dark] cloudx-tabs-nav.lower-tabs a, body[theme=blue-grey-dark] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=blue-grey-dark] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=blue-grey-dark] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=blue-grey-dark] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=blue-grey-dark] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=blue-grey-dark] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=blue-grey-dark] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=blue-grey-dark] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=blue-grey-dark] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=blue-grey-dark] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=blue-grey-dark] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=blue-grey-dark] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=blue-grey-dark] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=blue-grey-dark] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=blue-grey-dark] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=blue-grey-dark] devsite-tabs .devsite-tabs-dropdown a, body[theme=blue-grey-dark] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=blue-grey-dark] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=blue-grey-dark] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=blue-grey-dark] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=blue-grey-dark] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=blue-grey-dark] cloudx-tabs-nav.upper-tabs tab > a, body[theme=blue-grey-dark] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=blue-grey-dark] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=blue-grey-dark] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=blue-grey-dark] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=blue-grey-dark] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=blue-grey-dark] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=blue-grey-dark] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=blue-grey-dark] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=blue-grey-dark] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #37474f
    }
body[theme=blue-grey-dark] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=blue-grey-dark] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=blue-grey-dark] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=blue-grey-dark] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #37474f
    }
body[theme=blue-grey-dark] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=blue-grey-dark] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #455a64;
    color: #fff
    }
body[theme=blue-grey-dark] .devsite-landing-row-item-custom-image:not([background]), body[theme=blue-grey-dark] [background=theme] {
    background-color: #455a64
    }
body[theme=blue-grey-dark] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=blue-grey-dark] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=blue-grey-dark] [foreground=theme] .button, body[theme=blue-grey-dark] [foreground=theme] :focus > :not(.material-icons), body[theme=blue-grey-dark] [foreground=theme] :link > :not(.material-icons):hover, body[theme=blue-grey-dark] [foreground=theme] a:not(.button), body[theme=blue-grey-dark] [foreground=theme] a:not(.button) h2, body[theme=blue-grey-dark] [foreground=theme] a:not(.button) h3 {
    color: #455a64
    }
body[theme=blue-grey-dark] [foreground=theme] .button:active, body[theme=blue-grey-dark] [foreground=theme] .button:focus, body[theme=blue-grey-dark] [foreground=theme] .button:hover {
    background: #eceff0;
    color: #37474f
    }
body[theme=blue-grey-dark] [foreground=theme] .button:focus, body[theme=blue-grey-dark] [foreground=theme] .button:hover {
    border: 1px solid #d1d6d8
    }
body[theme=blue-grey-dark] [foreground=theme] .button:active {
    border-color: #eceff0
    }
body[theme=blue-grey-dark] [foreground=theme] .button-primary {
    background: #455a64;
    color: #fff
    }
body[theme=blue-grey-dark] [foreground=theme] .button-primary:active, body[theme=blue-grey-dark] [foreground=theme] .button-primary:focus, body[theme=blue-grey-dark] [foreground=theme] .button-primary:hover {
    background: #37474f;
    color: #fff
    }
body[theme=blue-grey-dark] [foreground] .button-primary:active, body[theme=blue-grey-dark] [foreground] .button-primary:focus, body[theme=blue-grey-dark] [foreground] .button-primary:hover, body[theme=blue-grey-dark] [foreground] .button-raised:active, body[theme=blue-grey-dark] [foreground] .button-raised:focus, body[theme=blue-grey-dark] [foreground] .button-raised:hover, body[theme=blue-grey-dark] [foreground] .button-white:active, body[theme=blue-grey-dark] [foreground] .button-white:focus, body[theme=blue-grey-dark] [foreground] .button-white:hover {
    border: 0
    }
body[theme=blue-grey-dark] [background=theme] .devsite-landing-row-description, body[theme=blue-grey-dark] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=blue-grey-dark] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=blue-grey-dark] [background=theme] :link:not(.button), body[theme=blue-grey-dark] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=blue-grey-dark] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=blue-grey-dark] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=blue-grey-dark] [background=theme] :visited:not(.button), body[theme=blue-grey-dark] [background=theme] h2, body[theme=blue-grey-dark] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=blue-grey-dark] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=blue-grey-dark] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=blue-grey-dark] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=blue-grey-dark] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=blue-grey-dark] devsite-content .devsite-404-header h3, body[theme=blue-grey-dark] devsite-content .devsite-offline-header h3 {
    color: #37474f
    }
body[theme=blue-grey-dark] devsite-header .devsite-search-background, body[theme=blue-grey-dark] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=blue-grey-dark] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=blue-grey-dark] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #455a64
    }
body[theme=blue-grey-dark] devsite-header .devsite-search-background:after, body[theme=blue-grey-dark] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-field, body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-image, body[theme=blue-grey-dark] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=blue-grey-dark] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=blue-grey-dark] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=blue-grey-dark] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=blue-grey-dark] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=blue-grey-dark][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=blue-grey-dark] devsite-header .devsite-search-background, body[theme=blue-grey-dark] devsite-header .devsite-search-background:after, body[theme=blue-grey-dark] devsite-header[search-active] .devsite-search-background:after, body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-field, body[theme=blue-grey-dark] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=blue-grey-dark][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=deep-orange] devsite-header .devsite-top-logo-row, body[theme=deep-orange] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=deep-orange] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=deep-orange] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=deep-orange] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=deep-orange] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=deep-orange] devsite-header .devsite-header-billboard {
    background-color: #ff5722
    }
body[theme=deep-orange] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=deep-orange] devsite-book-nav .devsite-breadcrumb-link, body[theme=deep-orange] devsite-header .devsite-breadcrumb-guillemet, body[theme=deep-orange] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=deep-orange] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=deep-orange] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=deep-orange] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=deep-orange] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=deep-orange] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=deep-orange] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=deep-orange] devsite-header .devsite-breadcrumb-link:focus, body[theme=deep-orange] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=deep-orange] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=deep-orange] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=deep-orange] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=deep-orange] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=deep-orange] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=deep-orange] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=deep-orange] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=deep-orange] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=deep-orange] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=deep-orange] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=deep-orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=deep-orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=deep-orange] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=deep-orange] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=deep-orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=deep-orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=deep-orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=deep-orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=deep-orange] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=deep-orange] devsite-header .devsite-header-icon-button:active, body[theme=deep-orange] devsite-header .devsite-header-icon-button:focus, body[theme=deep-orange] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=deep-orange] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=deep-orange] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=deep-orange] devsite-header .devsite-header--loading:after, body[theme=deep-orange] devsite-header .devsite-header--loading span:after {
    background-color: #ff5722
    }
body[theme=deep-orange] devsite-toc > .devsite-nav-list {
    border-color: #ff5722
    }
body[theme=deep-orange] .devsite-landing-row-cta:not([background]) {
    background-color: #ff5722;
    color: #fff
    }
body[theme=deep-orange] .devsite-feedback-item-icon-color {
    background-color: #ff5722
    }
body[theme=deep-orange] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=deep-orange] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=deep-orange] .devsite-search-project .devsite-product-logo-container, body[theme=deep-orange] devsite-header .devsite-product-logo-container {
    color: #ff5722
    }
body[theme=deep-orange] .devsite-search-project .devsite-product-logo-container[background], body[theme=deep-orange] devsite-header .devsite-product-logo-container[background] {
    background: #ff5722;
    color: #fff
    }
body[theme=deep-orange] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=deep-orange] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=deep-orange] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=deep-orange] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=deep-orange] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=deep-orange] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=deep-orange] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=deep-orange] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #ff5722
    }
body[theme=deep-orange] .devsite-collapsible-section {
    background-color: #ff5722
    }
body[theme=deep-orange] cloudx-tabs-nav.lower-tabs a, body[theme=deep-orange] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=deep-orange] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=deep-orange] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=deep-orange] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=deep-orange] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=deep-orange] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=deep-orange] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=deep-orange] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=deep-orange] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=deep-orange] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=deep-orange] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=deep-orange] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=deep-orange] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=deep-orange] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=deep-orange] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=deep-orange] devsite-tabs .devsite-tabs-dropdown a, body[theme=deep-orange] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=deep-orange] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=deep-orange] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=deep-orange] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=deep-orange] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=deep-orange] cloudx-tabs-nav.upper-tabs tab > a, body[theme=deep-orange] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=deep-orange] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=deep-orange] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=deep-orange] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=deep-orange] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=deep-orange] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=deep-orange] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=deep-orange] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=deep-orange] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #e64a19
    }
body[theme=deep-orange] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=deep-orange] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=deep-orange] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=deep-orange] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #e64a19
    }
body[theme=deep-orange] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=deep-orange] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #ff5722;
    color: #fff
    }
body[theme=deep-orange] .devsite-landing-row-item-custom-image:not([background]), body[theme=deep-orange] [background=theme] {
    background-color: #ff5722
    }
body[theme=deep-orange] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=deep-orange] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=deep-orange] [foreground=theme] .button, body[theme=deep-orange] [foreground=theme] :focus > :not(.material-icons), body[theme=deep-orange] [foreground=theme] :link > :not(.material-icons):hover, body[theme=deep-orange] [foreground=theme] a:not(.button), body[theme=deep-orange] [foreground=theme] a:not(.button) h2, body[theme=deep-orange] [foreground=theme] a:not(.button) h3 {
    color: #ff5722
    }
body[theme=deep-orange] [foreground=theme] .button:active, body[theme=deep-orange] [foreground=theme] .button:focus, body[theme=deep-orange] [foreground=theme] .button:hover {
    background: #ffeee9;
    color: #e64a19
    }
body[theme=deep-orange] [foreground=theme] .button:focus, body[theme=deep-orange] [foreground=theme] .button:hover {
    border: 1px solid #ffd5c8
    }
body[theme=deep-orange] [foreground=theme] .button:active {
    border-color: #ffeee9
    }
body[theme=deep-orange] [foreground=theme] .button-primary {
    background: #ff5722;
    color: #fff
    }
body[theme=deep-orange] [foreground=theme] .button-primary:active, body[theme=deep-orange] [foreground=theme] .button-primary:focus, body[theme=deep-orange] [foreground=theme] .button-primary:hover {
    background: #e64a19;
    color: #fff
    }
body[theme=deep-orange] [foreground] .button-primary:active, body[theme=deep-orange] [foreground] .button-primary:focus, body[theme=deep-orange] [foreground] .button-primary:hover, body[theme=deep-orange] [foreground] .button-raised:active, body[theme=deep-orange] [foreground] .button-raised:focus, body[theme=deep-orange] [foreground] .button-raised:hover, body[theme=deep-orange] [foreground] .button-white:active, body[theme=deep-orange] [foreground] .button-white:focus, body[theme=deep-orange] [foreground] .button-white:hover {
    border: 0
    }
body[theme=deep-orange] [background=theme] .devsite-landing-row-description, body[theme=deep-orange] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=deep-orange] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=deep-orange] [background=theme] :link:not(.button), body[theme=deep-orange] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=deep-orange] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=deep-orange] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=deep-orange] [background=theme] :visited:not(.button), body[theme=deep-orange] [background=theme] h2, body[theme=deep-orange] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=deep-orange] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=deep-orange] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=deep-orange] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=deep-orange] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=deep-orange] devsite-content .devsite-404-header h3, body[theme=deep-orange] devsite-content .devsite-offline-header h3 {
    color: #e64a19
    }
body[theme=deep-orange] devsite-header .devsite-search-background, body[theme=deep-orange] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=deep-orange] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=deep-orange] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #ff5722
    }
body[theme=deep-orange] devsite-header .devsite-search-background:after, body[theme=deep-orange] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=deep-orange] devsite-header devsite-search .devsite-search-field, body[theme=deep-orange] devsite-header devsite-search .devsite-search-image, body[theme=deep-orange] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=deep-orange] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=deep-orange] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=deep-orange] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=deep-orange] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=deep-orange] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=deep-orange][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=deep-orange] devsite-header .devsite-search-background, body[theme=deep-orange] devsite-header .devsite-search-background:after, body[theme=deep-orange] devsite-header[search-active] .devsite-search-background:after, body[theme=deep-orange] devsite-header devsite-search .devsite-search-field, body[theme=deep-orange] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=deep-orange][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=deep-purple] devsite-header .devsite-top-logo-row, body[theme=deep-purple] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=deep-purple] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=deep-purple] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=deep-purple] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=deep-purple] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=deep-purple] devsite-header .devsite-header-billboard {
    background-color: #673ab7
    }
body[theme=deep-purple] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=deep-purple] devsite-book-nav .devsite-breadcrumb-link, body[theme=deep-purple] devsite-header .devsite-breadcrumb-guillemet, body[theme=deep-purple] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=deep-purple] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=deep-purple] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=deep-purple] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=deep-purple] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=deep-purple] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=deep-purple] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=deep-purple] devsite-header .devsite-breadcrumb-link:focus, body[theme=deep-purple] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=deep-purple] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=deep-purple] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=deep-purple] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=deep-purple] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=deep-purple] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=deep-purple] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=deep-purple] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=deep-purple] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=deep-purple] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=deep-purple] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=deep-purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=deep-purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=deep-purple] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=deep-purple] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=deep-purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=deep-purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=deep-purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=deep-purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=deep-purple] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=deep-purple] devsite-header .devsite-header-icon-button:active, body[theme=deep-purple] devsite-header .devsite-header-icon-button:focus, body[theme=deep-purple] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=deep-purple] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=deep-purple] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=deep-purple] devsite-header .devsite-header--loading:after, body[theme=deep-purple] devsite-header .devsite-header--loading span:after {
    background-color: #673ab7
    }
body[theme=deep-purple] devsite-toc > .devsite-nav-list {
    border-color: #673ab7
    }
body[theme=deep-purple] .devsite-landing-row-cta:not([background]) {
    background-color: #673ab7;
    color: #fff
    }
body[theme=deep-purple] .devsite-feedback-item-icon-color {
    background-color: #673ab7
    }
body[theme=deep-purple] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=deep-purple] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=deep-purple] .devsite-search-project .devsite-product-logo-container, body[theme=deep-purple] devsite-header .devsite-product-logo-container {
    color: #673ab7
    }
body[theme=deep-purple] .devsite-search-project .devsite-product-logo-container[background], body[theme=deep-purple] devsite-header .devsite-product-logo-container[background] {
    background: #673ab7;
    color: #fff
    }
body[theme=deep-purple] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=deep-purple] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=deep-purple] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=deep-purple] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=deep-purple] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=deep-purple] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=deep-purple] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=deep-purple] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #673ab7
    }
body[theme=deep-purple] .devsite-collapsible-section {
    background-color: #673ab7
    }
body[theme=deep-purple] cloudx-tabs-nav.lower-tabs a, body[theme=deep-purple] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=deep-purple] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=deep-purple] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=deep-purple] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=deep-purple] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=deep-purple] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=deep-purple] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=deep-purple] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=deep-purple] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=deep-purple] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=deep-purple] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=deep-purple] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=deep-purple] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=deep-purple] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=deep-purple] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=deep-purple] devsite-tabs .devsite-tabs-dropdown a, body[theme=deep-purple] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=deep-purple] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=deep-purple] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=deep-purple] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=deep-purple] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=deep-purple] cloudx-tabs-nav.upper-tabs tab > a, body[theme=deep-purple] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=deep-purple] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=deep-purple] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=deep-purple] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=deep-purple] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=deep-purple] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=deep-purple] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=deep-purple] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=deep-purple] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #512da8
    }
body[theme=deep-purple] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=deep-purple] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=deep-purple] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=deep-purple] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #512da8
    }
body[theme=deep-purple] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=deep-purple] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #673ab7;
    color: #fff
    }
body[theme=deep-purple] .devsite-landing-row-item-custom-image:not([background]), body[theme=deep-purple] [background=theme] {
    background-color: #673ab7
    }
body[theme=deep-purple] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=deep-purple] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=deep-purple] [foreground=theme] .button, body[theme=deep-purple] [foreground=theme] :focus > :not(.material-icons), body[theme=deep-purple] [foreground=theme] :link > :not(.material-icons):hover, body[theme=deep-purple] [foreground=theme] a:not(.button), body[theme=deep-purple] [foreground=theme] a:not(.button) h2, body[theme=deep-purple] [foreground=theme] a:not(.button) h3 {
    color: #673ab7
    }
body[theme=deep-purple] [foreground=theme] .button:active, body[theme=deep-purple] [foreground=theme] .button:focus, body[theme=deep-purple] [foreground=theme] .button:hover {
    background: #f0ebf8;
    color: #512da8
    }
body[theme=deep-purple] [foreground=theme] .button:focus, body[theme=deep-purple] [foreground=theme] .button:hover {
    border: 1px solid #d9ceed
    }
body[theme=deep-purple] [foreground=theme] .button:active {
    border-color: #f0ebf8
    }
body[theme=deep-purple] [foreground=theme] .button-primary {
    background: #673ab7;
    color: #fff
    }
body[theme=deep-purple] [foreground=theme] .button-primary:active, body[theme=deep-purple] [foreground=theme] .button-primary:focus, body[theme=deep-purple] [foreground=theme] .button-primary:hover {
    background: #512da8;
    color: #fff
    }
body[theme=deep-purple] [foreground] .button-primary:active, body[theme=deep-purple] [foreground] .button-primary:focus, body[theme=deep-purple] [foreground] .button-primary:hover, body[theme=deep-purple] [foreground] .button-raised:active, body[theme=deep-purple] [foreground] .button-raised:focus, body[theme=deep-purple] [foreground] .button-raised:hover, body[theme=deep-purple] [foreground] .button-white:active, body[theme=deep-purple] [foreground] .button-white:focus, body[theme=deep-purple] [foreground] .button-white:hover {
    border: 0
    }
body[theme=deep-purple] [background=theme] .devsite-landing-row-description, body[theme=deep-purple] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=deep-purple] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=deep-purple] [background=theme] :link:not(.button), body[theme=deep-purple] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=deep-purple] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=deep-purple] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=deep-purple] [background=theme] :visited:not(.button), body[theme=deep-purple] [background=theme] h2, body[theme=deep-purple] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=deep-purple] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=deep-purple] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=deep-purple] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=deep-purple] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=deep-purple] devsite-content .devsite-404-header h3, body[theme=deep-purple] devsite-content .devsite-offline-header h3 {
    color: #512da8
    }
body[theme=deep-purple] devsite-header .devsite-search-background, body[theme=deep-purple] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=deep-purple] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=deep-purple] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #673ab7
    }
body[theme=deep-purple] devsite-header .devsite-search-background:after, body[theme=deep-purple] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=deep-purple] devsite-header devsite-search .devsite-search-field, body[theme=deep-purple] devsite-header devsite-search .devsite-search-image, body[theme=deep-purple] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=deep-purple] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=deep-purple] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=deep-purple] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=deep-purple] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=deep-purple] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=deep-purple][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=deep-purple] devsite-header .devsite-search-background, body[theme=deep-purple] devsite-header .devsite-search-background:after, body[theme=deep-purple] devsite-header[search-active] .devsite-search-background:after, body[theme=deep-purple] devsite-header devsite-search .devsite-search-field, body[theme=deep-purple] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=deep-purple][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=google-blue] devsite-header .devsite-top-logo-row, body[theme=google-blue] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=google-blue] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=google-blue] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=google-blue] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=google-blue] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=google-blue] devsite-header .devsite-header-billboard {
    background-color: #1a73e8
    }
body[theme=google-blue] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=google-blue] devsite-book-nav .devsite-breadcrumb-link, body[theme=google-blue] devsite-header .devsite-breadcrumb-guillemet, body[theme=google-blue] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=google-blue] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=google-blue] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=google-blue] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=google-blue] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=google-blue] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=google-blue] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=google-blue] devsite-header .devsite-breadcrumb-link:focus, body[theme=google-blue] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=google-blue] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=google-blue] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=google-blue] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=google-blue] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=google-blue] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=google-blue] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=google-blue] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=google-blue] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=google-blue] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=google-blue] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=google-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=google-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=google-blue] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=google-blue] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=google-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=google-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=google-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=google-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-blue] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=google-blue] devsite-header .devsite-header-icon-button:active, body[theme=google-blue] devsite-header .devsite-header-icon-button:focus, body[theme=google-blue] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=google-blue] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=google-blue] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=google-blue] devsite-header .devsite-header--loading:after, body[theme=google-blue] devsite-header .devsite-header--loading span:after {
    background-color: #1a73e8
    }
body[theme=google-blue] devsite-toc > .devsite-nav-list {
    border-color: #1a73e8
    }
body[theme=google-blue] .devsite-landing-row-cta:not([background]) {
    background-color: #1a73e8;
    color: #fff
    }
body[theme=google-blue] .devsite-feedback-item-icon-color {
    background-color: #1a73e8
    }
body[theme=google-blue] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=google-blue] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=google-blue] .devsite-search-project .devsite-product-logo-container, body[theme=google-blue] devsite-header .devsite-product-logo-container {
    color: #1a73e8
    }
body[theme=google-blue] .devsite-search-project .devsite-product-logo-container[background], body[theme=google-blue] devsite-header .devsite-product-logo-container[background] {
    background: #1a73e8;
    color: #fff
    }
body[theme=google-blue] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=google-blue] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=google-blue] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=google-blue] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=google-blue] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=google-blue] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=google-blue] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=google-blue] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #1a73e8
    }
body[theme=google-blue] .devsite-collapsible-section {
    background-color: #1a73e8
    }
body[theme=google-blue] cloudx-tabs-nav.lower-tabs a, body[theme=google-blue] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-blue] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=google-blue] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-blue] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=google-blue] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=google-blue] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=google-blue] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-blue] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=google-blue] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=google-blue] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=google-blue] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=google-blue] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=google-blue] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=google-blue] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=google-blue] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=google-blue] devsite-tabs .devsite-tabs-dropdown a, body[theme=google-blue] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=google-blue] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=google-blue] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=google-blue] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=google-blue] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=google-blue] cloudx-tabs-nav.upper-tabs tab > a, body[theme=google-blue] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=google-blue] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=google-blue] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=google-blue] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=google-blue] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=google-blue] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=google-blue] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=google-blue] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=google-blue] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #185abc
    }
body[theme=google-blue] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=google-blue] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=google-blue] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=google-blue] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #185abc
    }
body[theme=google-blue] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=google-blue] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #1a73e8;
    color: #fff
    }
body[theme=google-blue] .devsite-landing-row-item-custom-image:not([background]), body[theme=google-blue] [background=theme] {
    background-color: #1a73e8
    }
body[theme=google-blue] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=google-blue] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=google-blue] [foreground=theme] .button, body[theme=google-blue] [foreground=theme] :focus > :not(.material-icons), body[theme=google-blue] [foreground=theme] :link > :not(.material-icons):hover, body[theme=google-blue] [foreground=theme] a:not(.button), body[theme=google-blue] [foreground=theme] a:not(.button) h2, body[theme=google-blue] [foreground=theme] a:not(.button) h3 {
    color: #1a73e8
    }
body[theme=google-blue] [foreground=theme] .button:active, body[theme=google-blue] [foreground=theme] .button:focus, body[theme=google-blue] [foreground=theme] .button:hover {
    background: #e8f1fd;
    color: #185abc
    }
body[theme=google-blue] [foreground=theme] .button:focus, body[theme=google-blue] [foreground=theme] .button:hover {
    border: 1px solid #c6dcf9
    }
body[theme=google-blue] [foreground=theme] .button:active {
    border-color: #e8f1fd
    }
body[theme=google-blue] [foreground=theme] .button-primary {
    background: #1a73e8;
    color: #fff
    }
body[theme=google-blue] [foreground=theme] .button-primary:active, body[theme=google-blue] [foreground=theme] .button-primary:focus, body[theme=google-blue] [foreground=theme] .button-primary:hover {
    background: #185abc;
    color: #fff
    }
body[theme=google-blue] [foreground] .button-primary:active, body[theme=google-blue] [foreground] .button-primary:focus, body[theme=google-blue] [foreground] .button-primary:hover, body[theme=google-blue] [foreground] .button-raised:active, body[theme=google-blue] [foreground] .button-raised:focus, body[theme=google-blue] [foreground] .button-raised:hover, body[theme=google-blue] [foreground] .button-white:active, body[theme=google-blue] [foreground] .button-white:focus, body[theme=google-blue] [foreground] .button-white:hover {
    border: 0
    }
body[theme=google-blue] [background=theme] .devsite-landing-row-description, body[theme=google-blue] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=google-blue] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=google-blue] [background=theme] :link:not(.button), body[theme=google-blue] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=google-blue] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=google-blue] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=google-blue] [background=theme] :visited:not(.button), body[theme=google-blue] [background=theme] h2, body[theme=google-blue] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=google-blue] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=google-blue] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=google-blue] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=google-blue] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-blue] devsite-content .devsite-404-header h3, body[theme=google-blue] devsite-content .devsite-offline-header h3 {
    color: #185abc
    }
body[theme=google-blue] devsite-header .devsite-search-background, body[theme=google-blue] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=google-blue] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=google-blue] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #1a73e8
    }
body[theme=google-blue] devsite-header .devsite-search-background:after, body[theme=google-blue] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=google-blue] devsite-header devsite-search .devsite-search-field, body[theme=google-blue] devsite-header devsite-search .devsite-search-image, body[theme=google-blue] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=google-blue] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=google-blue] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-blue] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=google-blue] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=google-blue] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=google-blue][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=google-blue] devsite-header .devsite-search-background, body[theme=google-blue] devsite-header .devsite-search-background:after, body[theme=google-blue] devsite-header[search-active] .devsite-search-background:after, body[theme=google-blue] devsite-header devsite-search .devsite-search-field, body[theme=google-blue] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=google-blue][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=google-green] devsite-header .devsite-top-logo-row, body[theme=google-green] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=google-green] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=google-green] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=google-green] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=google-green] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=google-green] devsite-header .devsite-header-billboard {
    background-color: #1e8e3e
    }
body[theme=google-green] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=google-green] devsite-book-nav .devsite-breadcrumb-link, body[theme=google-green] devsite-header .devsite-breadcrumb-guillemet, body[theme=google-green] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=google-green] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=google-green] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=google-green] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=google-green] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=google-green] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=google-green] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=google-green] devsite-header .devsite-breadcrumb-link:focus, body[theme=google-green] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=google-green] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=google-green] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=google-green] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=google-green] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=google-green] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=google-green] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=google-green] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=google-green] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=google-green] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=google-green] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=google-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=google-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=google-green] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=google-green] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=google-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=google-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=google-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=google-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-green] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=google-green] devsite-header .devsite-header-icon-button:active, body[theme=google-green] devsite-header .devsite-header-icon-button:focus, body[theme=google-green] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=google-green] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=google-green] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=google-green] devsite-header .devsite-header--loading:after, body[theme=google-green] devsite-header .devsite-header--loading span:after {
    background-color: #1e8e3e
    }
body[theme=google-green] devsite-toc > .devsite-nav-list {
    border-color: #1e8e3e
    }
body[theme=google-green] .devsite-landing-row-cta:not([background]) {
    background-color: #1e8e3e;
    color: #fff
    }
body[theme=google-green] .devsite-feedback-item-icon-color {
    background-color: #1e8e3e
    }
body[theme=google-green] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=google-green] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=google-green] .devsite-search-project .devsite-product-logo-container, body[theme=google-green] devsite-header .devsite-product-logo-container {
    color: #1e8e3e
    }
body[theme=google-green] .devsite-search-project .devsite-product-logo-container[background], body[theme=google-green] devsite-header .devsite-product-logo-container[background] {
    background: #1e8e3e;
    color: #fff
    }
body[theme=google-green] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=google-green] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=google-green] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=google-green] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=google-green] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=google-green] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=google-green] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=google-green] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #1e8e3e
    }
body[theme=google-green] .devsite-collapsible-section {
    background-color: #1e8e3e
    }
body[theme=google-green] cloudx-tabs-nav.lower-tabs a, body[theme=google-green] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-green] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=google-green] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-green] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=google-green] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=google-green] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=google-green] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-green] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=google-green] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=google-green] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=google-green] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=google-green] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=google-green] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=google-green] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=google-green] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=google-green] devsite-tabs .devsite-tabs-dropdown a, body[theme=google-green] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=google-green] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=google-green] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=google-green] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=google-green] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=google-green] cloudx-tabs-nav.upper-tabs tab > a, body[theme=google-green] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=google-green] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=google-green] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=google-green] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=google-green] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=google-green] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=google-green] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=google-green] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=google-green] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #137333
    }
body[theme=google-green] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=google-green] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=google-green] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=google-green] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #137333
    }
body[theme=google-green] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=google-green] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #1e8e3e;
    color: #fff
    }
body[theme=google-green] .devsite-landing-row-item-custom-image:not([background]), body[theme=google-green] [background=theme] {
    background-color: #1e8e3e
    }
body[theme=google-green] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=google-green] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=google-green] [foreground=theme] .button, body[theme=google-green] [foreground=theme] :focus > :not(.material-icons), body[theme=google-green] [foreground=theme] :link > :not(.material-icons):hover, body[theme=google-green] [foreground=theme] a:not(.button), body[theme=google-green] [foreground=theme] a:not(.button) h2, body[theme=google-green] [foreground=theme] a:not(.button) h3 {
    color: #1e8e3e
    }
body[theme=google-green] [foreground=theme] .button:active, body[theme=google-green] [foreground=theme] .button:focus, body[theme=google-green] [foreground=theme] .button:hover {
    background: #e9f4ec;
    color: #137333
    }
body[theme=google-green] [foreground=theme] .button:focus, body[theme=google-green] [foreground=theme] .button:hover {
    border: 1px solid #c7e3cf
    }
body[theme=google-green] [foreground=theme] .button:active {
    border-color: #e9f4ec
    }
body[theme=google-green] [foreground=theme] .button-primary {
    background: #1e8e3e;
    color: #fff
    }
body[theme=google-green] [foreground=theme] .button-primary:active, body[theme=google-green] [foreground=theme] .button-primary:focus, body[theme=google-green] [foreground=theme] .button-primary:hover {
    background: #137333;
    color: #fff
    }
body[theme=google-green] [foreground] .button-primary:active, body[theme=google-green] [foreground] .button-primary:focus, body[theme=google-green] [foreground] .button-primary:hover, body[theme=google-green] [foreground] .button-raised:active, body[theme=google-green] [foreground] .button-raised:focus, body[theme=google-green] [foreground] .button-raised:hover, body[theme=google-green] [foreground] .button-white:active, body[theme=google-green] [foreground] .button-white:focus, body[theme=google-green] [foreground] .button-white:hover {
    border: 0
    }
body[theme=google-green] [background=theme] .devsite-landing-row-description, body[theme=google-green] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=google-green] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=google-green] [background=theme] :link:not(.button), body[theme=google-green] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=google-green] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=google-green] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=google-green] [background=theme] :visited:not(.button), body[theme=google-green] [background=theme] h2, body[theme=google-green] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=google-green] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=google-green] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=google-green] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=google-green] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-green] devsite-content .devsite-404-header h3, body[theme=google-green] devsite-content .devsite-offline-header h3 {
    color: #137333
    }
body[theme=google-green] devsite-header .devsite-search-background, body[theme=google-green] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=google-green] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=google-green] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #1e8e3e
    }
body[theme=google-green] devsite-header .devsite-search-background:after, body[theme=google-green] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=google-green] devsite-header devsite-search .devsite-search-field, body[theme=google-green] devsite-header devsite-search .devsite-search-image, body[theme=google-green] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=google-green] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=google-green] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-green] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=google-green] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=google-green] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=google-green][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=google-green] devsite-header .devsite-search-background, body[theme=google-green] devsite-header .devsite-search-background:after, body[theme=google-green] devsite-header[search-active] .devsite-search-background:after, body[theme=google-green] devsite-header devsite-search .devsite-search-field, body[theme=google-green] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=google-green][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=google-red] devsite-header .devsite-top-logo-row, body[theme=google-red] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=google-red] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=google-red] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=google-red] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=google-red] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=google-red] devsite-header .devsite-header-billboard {
    background-color: #d93025
    }
body[theme=google-red] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=google-red] devsite-book-nav .devsite-breadcrumb-link, body[theme=google-red] devsite-header .devsite-breadcrumb-guillemet, body[theme=google-red] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=google-red] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=google-red] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=google-red] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=google-red] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=google-red] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=google-red] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=google-red] devsite-header .devsite-breadcrumb-link:focus, body[theme=google-red] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=google-red] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=google-red] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=google-red] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=google-red] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=google-red] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=google-red] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=google-red] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=google-red] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=google-red] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=google-red] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=google-red] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=google-red] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=google-red] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=google-red] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=google-red] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=google-red] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=google-red] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=google-red] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-red] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=google-red] devsite-header .devsite-header-icon-button:active, body[theme=google-red] devsite-header .devsite-header-icon-button:focus, body[theme=google-red] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=google-red] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=google-red] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=google-red] devsite-header .devsite-header--loading:after, body[theme=google-red] devsite-header .devsite-header--loading span:after {
    background-color: #d93025
    }
body[theme=google-red] devsite-toc > .devsite-nav-list {
    border-color: #d93025
    }
body[theme=google-red] .devsite-landing-row-cta:not([background]) {
    background-color: #d93025;
    color: #fff
    }
body[theme=google-red] .devsite-feedback-item-icon-color {
    background-color: #d93025
    }
body[theme=google-red] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=google-red] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=google-red] .devsite-search-project .devsite-product-logo-container, body[theme=google-red] devsite-header .devsite-product-logo-container {
    color: #d93025
    }
body[theme=google-red] .devsite-search-project .devsite-product-logo-container[background], body[theme=google-red] devsite-header .devsite-product-logo-container[background] {
    background: #d93025;
    color: #fff
    }
body[theme=google-red] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=google-red] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=google-red] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=google-red] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=google-red] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=google-red] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=google-red] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=google-red] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #d93025
    }
body[theme=google-red] .devsite-collapsible-section {
    background-color: #d93025
    }
body[theme=google-red] cloudx-tabs-nav.lower-tabs a, body[theme=google-red] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-red] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=google-red] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-red] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=google-red] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=google-red] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=google-red] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-red] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=google-red] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=google-red] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=google-red] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=google-red] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=google-red] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=google-red] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=google-red] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=google-red] devsite-tabs .devsite-tabs-dropdown a, body[theme=google-red] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=google-red] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=google-red] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=google-red] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=google-red] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=google-red] cloudx-tabs-nav.upper-tabs tab > a, body[theme=google-red] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=google-red] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=google-red] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=google-red] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=google-red] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=google-red] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=google-red] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=google-red] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=google-red] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #b31412
    }
body[theme=google-red] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=google-red] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=google-red] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=google-red] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #b31412
    }
body[theme=google-red] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=google-red] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #d93025;
    color: #fff
    }
body[theme=google-red] .devsite-landing-row-item-custom-image:not([background]), body[theme=google-red] [background=theme] {
    background-color: #d93025
    }
body[theme=google-red] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=google-red] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=google-red] [foreground=theme] .button, body[theme=google-red] [foreground=theme] :focus > :not(.material-icons), body[theme=google-red] [foreground=theme] :link > :not(.material-icons):hover, body[theme=google-red] [foreground=theme] a:not(.button), body[theme=google-red] [foreground=theme] a:not(.button) h2, body[theme=google-red] [foreground=theme] a:not(.button) h3 {
    color: #d93025
    }
body[theme=google-red] [foreground=theme] .button:active, body[theme=google-red] [foreground=theme] .button:focus, body[theme=google-red] [foreground=theme] .button:hover {
    background: #fbeae9;
    color: #b31412
    }
body[theme=google-red] [foreground=theme] .button:focus, body[theme=google-red] [foreground=theme] .button:hover {
    border: 1px solid #f6cbc9
    }
body[theme=google-red] [foreground=theme] .button:active {
    border-color: #fbeae9
    }
body[theme=google-red] [foreground=theme] .button-primary {
    background: #d93025;
    color: #fff
    }
body[theme=google-red] [foreground=theme] .button-primary:active, body[theme=google-red] [foreground=theme] .button-primary:focus, body[theme=google-red] [foreground=theme] .button-primary:hover {
    background: #b31412;
    color: #fff
    }
body[theme=google-red] [foreground] .button-primary:active, body[theme=google-red] [foreground] .button-primary:focus, body[theme=google-red] [foreground] .button-primary:hover, body[theme=google-red] [foreground] .button-raised:active, body[theme=google-red] [foreground] .button-raised:focus, body[theme=google-red] [foreground] .button-raised:hover, body[theme=google-red] [foreground] .button-white:active, body[theme=google-red] [foreground] .button-white:focus, body[theme=google-red] [foreground] .button-white:hover {
    border: 0
    }
body[theme=google-red] [background=theme] .devsite-landing-row-description, body[theme=google-red] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=google-red] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=google-red] [background=theme] :link:not(.button), body[theme=google-red] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=google-red] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=google-red] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=google-red] [background=theme] :visited:not(.button), body[theme=google-red] [background=theme] h2, body[theme=google-red] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=google-red] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=google-red] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=google-red] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=google-red] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=google-red] devsite-content .devsite-404-header h3, body[theme=google-red] devsite-content .devsite-offline-header h3 {
    color: #b31412
    }
body[theme=google-red] devsite-header .devsite-search-background, body[theme=google-red] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=google-red] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=google-red] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #d93025
    }
body[theme=google-red] devsite-header .devsite-search-background:after, body[theme=google-red] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=google-red] devsite-header devsite-search .devsite-search-field, body[theme=google-red] devsite-header devsite-search .devsite-search-image, body[theme=google-red] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=google-red] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=google-red] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-red] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=google-red] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=google-red] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=google-red][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=google-red] devsite-header .devsite-search-background, body[theme=google-red] devsite-header .devsite-search-background:after, body[theme=google-red] devsite-header[search-active] .devsite-search-background:after, body[theme=google-red] devsite-header devsite-search .devsite-search-field, body[theme=google-red] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=google-red][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=indigo] devsite-header .devsite-top-logo-row, body[theme=indigo] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=indigo] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=indigo] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=indigo] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=indigo] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=indigo] devsite-header .devsite-header-billboard {
    background-color: #3f51b5
    }
body[theme=indigo] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=indigo] devsite-book-nav .devsite-breadcrumb-link, body[theme=indigo] devsite-header .devsite-breadcrumb-guillemet, body[theme=indigo] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=indigo] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=indigo] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=indigo] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=indigo] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=indigo] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=indigo] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=indigo] devsite-header .devsite-breadcrumb-link:focus, body[theme=indigo] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=indigo] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=indigo] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=indigo] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=indigo] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=indigo] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=indigo] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=indigo] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=indigo] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=indigo] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=indigo] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=indigo] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=indigo] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=indigo] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=indigo] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=indigo] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=indigo] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=indigo] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=indigo] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=indigo] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=indigo] devsite-header .devsite-header-icon-button:active, body[theme=indigo] devsite-header .devsite-header-icon-button:focus, body[theme=indigo] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=indigo] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=indigo] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=indigo] devsite-header .devsite-header--loading:after, body[theme=indigo] devsite-header .devsite-header--loading span:after {
    background-color: #3f51b5
    }
body[theme=indigo] devsite-toc > .devsite-nav-list {
    border-color: #3f51b5
    }
body[theme=indigo] .devsite-landing-row-cta:not([background]) {
    background-color: #3f51b5;
    color: #fff
    }
body[theme=indigo] .devsite-feedback-item-icon-color {
    background-color: #3f51b5
    }
body[theme=indigo] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=indigo] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=indigo] .devsite-search-project .devsite-product-logo-container, body[theme=indigo] devsite-header .devsite-product-logo-container {
    color: #3f51b5
    }
body[theme=indigo] .devsite-search-project .devsite-product-logo-container[background], body[theme=indigo] devsite-header .devsite-product-logo-container[background] {
    background: #3f51b5;
    color: #fff
    }
body[theme=indigo] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=indigo] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=indigo] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=indigo] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=indigo] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=indigo] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=indigo] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=indigo] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #3f51b5
    }
body[theme=indigo] .devsite-collapsible-section {
    background-color: #3f51b5
    }
body[theme=indigo] cloudx-tabs-nav.lower-tabs a, body[theme=indigo] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=indigo] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=indigo] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=indigo] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=indigo] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=indigo] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=indigo] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=indigo] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=indigo] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=indigo] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=indigo] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=indigo] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=indigo] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=indigo] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=indigo] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=indigo] devsite-tabs .devsite-tabs-dropdown a, body[theme=indigo] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=indigo] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=indigo] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=indigo] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=indigo] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=indigo] cloudx-tabs-nav.upper-tabs tab > a, body[theme=indigo] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=indigo] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=indigo] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=indigo] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=indigo] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=indigo] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=indigo] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=indigo] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=indigo] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #303f9f
    }
body[theme=indigo] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=indigo] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=indigo] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=indigo] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #303f9f
    }
body[theme=indigo] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=indigo] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #3f51b5;
    color: #fff
    }
body[theme=indigo] .devsite-landing-row-item-custom-image:not([background]), body[theme=indigo] [background=theme] {
    background-color: #3f51b5
    }
body[theme=indigo] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=indigo] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=indigo] [foreground=theme] .button, body[theme=indigo] [foreground=theme] :focus > :not(.material-icons), body[theme=indigo] [foreground=theme] :link > :not(.material-icons):hover, body[theme=indigo] [foreground=theme] a:not(.button), body[theme=indigo] [foreground=theme] a:not(.button) h2, body[theme=indigo] [foreground=theme] a:not(.button) h3 {
    color: #3f51b5
    }
body[theme=indigo] [foreground=theme] .button:active, body[theme=indigo] [foreground=theme] .button:focus, body[theme=indigo] [foreground=theme] .button:hover {
    background: #eceef8;
    color: #303f9f
    }
body[theme=indigo] [foreground=theme] .button:focus, body[theme=indigo] [foreground=theme] .button:hover {
    border: 1px solid #cfd4ed
    }
body[theme=indigo] [foreground=theme] .button:active {
    border-color: #eceef8
    }
body[theme=indigo] [foreground=theme] .button-primary {
    background: #3f51b5;
    color: #fff
    }
body[theme=indigo] [foreground=theme] .button-primary:active, body[theme=indigo] [foreground=theme] .button-primary:focus, body[theme=indigo] [foreground=theme] .button-primary:hover {
    background: #303f9f;
    color: #fff
    }
body[theme=indigo] [foreground] .button-primary:active, body[theme=indigo] [foreground] .button-primary:focus, body[theme=indigo] [foreground] .button-primary:hover, body[theme=indigo] [foreground] .button-raised:active, body[theme=indigo] [foreground] .button-raised:focus, body[theme=indigo] [foreground] .button-raised:hover, body[theme=indigo] [foreground] .button-white:active, body[theme=indigo] [foreground] .button-white:focus, body[theme=indigo] [foreground] .button-white:hover {
    border: 0
    }
body[theme=indigo] [background=theme] .devsite-landing-row-description, body[theme=indigo] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=indigo] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=indigo] [background=theme] :link:not(.button), body[theme=indigo] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=indigo] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=indigo] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=indigo] [background=theme] :visited:not(.button), body[theme=indigo] [background=theme] h2, body[theme=indigo] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=indigo] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=indigo] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=indigo] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=indigo] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=indigo] devsite-content .devsite-404-header h3, body[theme=indigo] devsite-content .devsite-offline-header h3 {
    color: #303f9f
    }
body[theme=indigo] devsite-header .devsite-search-background, body[theme=indigo] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=indigo] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=indigo] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #3f51b5
    }
body[theme=indigo] devsite-header .devsite-search-background:after, body[theme=indigo] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=indigo] devsite-header devsite-search .devsite-search-field, body[theme=indigo] devsite-header devsite-search .devsite-search-image, body[theme=indigo] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=indigo] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=indigo] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=indigo] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=indigo] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=indigo] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=indigo][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=indigo] devsite-header .devsite-search-background, body[theme=indigo] devsite-header .devsite-search-background:after, body[theme=indigo] devsite-header[search-active] .devsite-search-background:after, body[theme=indigo] devsite-header devsite-search .devsite-search-field, body[theme=indigo] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=indigo][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=light-blue] devsite-header .devsite-top-logo-row, body[theme=light-blue] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=light-blue] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=light-blue] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=light-blue] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=light-blue] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=light-blue] devsite-header .devsite-header-billboard {
    background-color: #0288d1
    }
body[theme=light-blue] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=light-blue] devsite-book-nav .devsite-breadcrumb-link, body[theme=light-blue] devsite-header .devsite-breadcrumb-guillemet, body[theme=light-blue] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=light-blue] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=light-blue] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=light-blue] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=light-blue] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=light-blue] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=light-blue] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=light-blue] devsite-header .devsite-breadcrumb-link:focus, body[theme=light-blue] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=light-blue] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=light-blue] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=light-blue] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=light-blue] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=light-blue] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=light-blue] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=light-blue] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=light-blue] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=light-blue] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=light-blue] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=light-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=light-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=light-blue] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=light-blue] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=light-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=light-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=light-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=light-blue] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=light-blue] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=light-blue] devsite-header .devsite-header-icon-button:active, body[theme=light-blue] devsite-header .devsite-header-icon-button:focus, body[theme=light-blue] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=light-blue] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=light-blue] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=light-blue] devsite-header .devsite-header--loading:after, body[theme=light-blue] devsite-header .devsite-header--loading span:after {
    background-color: #0288d1
    }
body[theme=light-blue] devsite-toc > .devsite-nav-list {
    border-color: #0288d1
    }
body[theme=light-blue] .devsite-landing-row-cta:not([background]) {
    background-color: #0288d1;
    color: #fff
    }
body[theme=light-blue] .devsite-feedback-item-icon-color {
    background-color: #0288d1
    }
body[theme=light-blue] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=light-blue] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=light-blue] .devsite-search-project .devsite-product-logo-container, body[theme=light-blue] devsite-header .devsite-product-logo-container {
    color: #0288d1
    }
body[theme=light-blue] .devsite-search-project .devsite-product-logo-container[background], body[theme=light-blue] devsite-header .devsite-product-logo-container[background] {
    background: #0288d1;
    color: #fff
    }
body[theme=light-blue] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=light-blue] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=light-blue] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=light-blue] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=light-blue] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=light-blue] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=light-blue] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=light-blue] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #0288d1
    }
body[theme=light-blue] .devsite-collapsible-section {
    background-color: #0288d1
    }
body[theme=light-blue] cloudx-tabs-nav.lower-tabs a, body[theme=light-blue] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=light-blue] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=light-blue] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=light-blue] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=light-blue] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=light-blue] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=light-blue] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=light-blue] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=light-blue] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=light-blue] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=light-blue] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=light-blue] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=light-blue] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=light-blue] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=light-blue] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=light-blue] devsite-tabs .devsite-tabs-dropdown a, body[theme=light-blue] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=light-blue] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=light-blue] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=light-blue] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=light-blue] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=light-blue] cloudx-tabs-nav.upper-tabs tab > a, body[theme=light-blue] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=light-blue] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=light-blue] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=light-blue] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=light-blue] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=light-blue] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=light-blue] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=light-blue] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=light-blue] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #01579b
    }
body[theme=light-blue] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=light-blue] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=light-blue] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=light-blue] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #01579b
    }
body[theme=light-blue] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=light-blue] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #0288d1;
    color: #fff
    }
body[theme=light-blue] .devsite-landing-row-item-custom-image:not([background]), body[theme=light-blue] [background=theme] {
    background-color: #0288d1
    }
body[theme=light-blue] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=light-blue] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=light-blue] [foreground=theme] .button, body[theme=light-blue] [foreground=theme] :focus > :not(.material-icons), body[theme=light-blue] [foreground=theme] :link > :not(.material-icons):hover, body[theme=light-blue] [foreground=theme] a:not(.button), body[theme=light-blue] [foreground=theme] a:not(.button) h2, body[theme=light-blue] [foreground=theme] a:not(.button) h3 {
    color: #0288d1
    }
body[theme=light-blue] [foreground=theme] .button:active, body[theme=light-blue] [foreground=theme] .button:focus, body[theme=light-blue] [foreground=theme] .button:hover {
    background: #e6f3fa;
    color: #01579b
    }
body[theme=light-blue] [foreground=theme] .button:focus, body[theme=light-blue] [foreground=theme] .button:hover {
    border: 1px solid #c0e1f4
    }
body[theme=light-blue] [foreground=theme] .button:active {
    border-color: #e6f3fa
    }
body[theme=light-blue] [foreground=theme] .button-primary {
    background: #0288d1;
    color: #fff
    }
body[theme=light-blue] [foreground=theme] .button-primary:active, body[theme=light-blue] [foreground=theme] .button-primary:focus, body[theme=light-blue] [foreground=theme] .button-primary:hover {
    background: #01579b;
    color: #fff
    }
body[theme=light-blue] [foreground] .button-primary:active, body[theme=light-blue] [foreground] .button-primary:focus, body[theme=light-blue] [foreground] .button-primary:hover, body[theme=light-blue] [foreground] .button-raised:active, body[theme=light-blue] [foreground] .button-raised:focus, body[theme=light-blue] [foreground] .button-raised:hover, body[theme=light-blue] [foreground] .button-white:active, body[theme=light-blue] [foreground] .button-white:focus, body[theme=light-blue] [foreground] .button-white:hover {
    border: 0
    }
body[theme=light-blue] [background=theme] .devsite-landing-row-description, body[theme=light-blue] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=light-blue] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=light-blue] [background=theme] :link:not(.button), body[theme=light-blue] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=light-blue] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=light-blue] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=light-blue] [background=theme] :visited:not(.button), body[theme=light-blue] [background=theme] h2, body[theme=light-blue] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=light-blue] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=light-blue] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=light-blue] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=light-blue] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=light-blue] devsite-content .devsite-404-header h3, body[theme=light-blue] devsite-content .devsite-offline-header h3 {
    color: #01579b
    }
body[theme=light-blue] devsite-header .devsite-search-background, body[theme=light-blue] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=light-blue] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=light-blue] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #0288d1
    }
body[theme=light-blue] devsite-header .devsite-search-background:after, body[theme=light-blue] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=light-blue] devsite-header devsite-search .devsite-search-field, body[theme=light-blue] devsite-header devsite-search .devsite-search-image, body[theme=light-blue] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=light-blue] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=light-blue] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=light-blue] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=light-blue] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=light-blue] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=light-blue][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=light-blue] devsite-header .devsite-search-background, body[theme=light-blue] devsite-header .devsite-search-background:after, body[theme=light-blue] devsite-header[search-active] .devsite-search-background:after, body[theme=light-blue] devsite-header devsite-search .devsite-search-field, body[theme=light-blue] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=light-blue][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=nest-theme] devsite-header .devsite-top-logo-row, body[theme=nest-theme] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=nest-theme] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=nest-theme] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=nest-theme] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=nest-theme] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=nest-theme] devsite-header .devsite-header-billboard {
    background-color: #00afd8
    }
body[theme=nest-theme] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=nest-theme] devsite-book-nav .devsite-breadcrumb-link, body[theme=nest-theme] devsite-header .devsite-breadcrumb-guillemet, body[theme=nest-theme] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=nest-theme] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=nest-theme] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=nest-theme] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=nest-theme] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=nest-theme] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=nest-theme] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=nest-theme] devsite-header .devsite-breadcrumb-link:focus, body[theme=nest-theme] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=nest-theme] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=nest-theme] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=nest-theme] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=nest-theme] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=nest-theme] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=nest-theme] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=nest-theme] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=nest-theme] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=nest-theme] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=nest-theme] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=nest-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=nest-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=nest-theme] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=nest-theme] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=nest-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=nest-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=nest-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=nest-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=nest-theme] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=nest-theme] devsite-header .devsite-header-icon-button:active, body[theme=nest-theme] devsite-header .devsite-header-icon-button:focus, body[theme=nest-theme] devsite-header .devsite-header-icon-button:hover {
    color: #bdc1c6
    }
body[theme=nest-theme] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=nest-theme] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=nest-theme] devsite-header .devsite-header--loading:after, body[theme=nest-theme] devsite-header .devsite-header--loading span:after {
    background-color: #00afd8
    }
body[theme=nest-theme] devsite-toc > .devsite-nav-list {
    border-color: #00afd8
    }
body[theme=nest-theme] .devsite-landing-row-cta:not([background]) {
    background-color: #00afd8;
    color: #fff
    }
body[theme=nest-theme] .devsite-feedback-item-icon-color {
    background-color: #00afd8
    }
body[theme=nest-theme] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=nest-theme] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=nest-theme] .devsite-search-project .devsite-product-logo-container, body[theme=nest-theme] devsite-header .devsite-product-logo-container {
    color: #00afd8
    }
body[theme=nest-theme] .devsite-search-project .devsite-product-logo-container[background], body[theme=nest-theme] devsite-header .devsite-product-logo-container[background] {
    background: #00afd8;
    color: #fff
    }
body[theme=nest-theme] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=nest-theme] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=nest-theme] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=nest-theme] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=nest-theme] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=nest-theme] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=nest-theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=nest-theme] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #00afd8
    }
body[theme=nest-theme] .devsite-collapsible-section {
    background-color: #00afd8
    }
body[theme=nest-theme] cloudx-tabs-nav.lower-tabs a, body[theme=nest-theme] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=nest-theme] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=nest-theme] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=nest-theme] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=nest-theme] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=nest-theme] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=nest-theme] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=nest-theme] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=nest-theme] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=nest-theme] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=nest-theme] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=nest-theme] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=nest-theme] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=nest-theme] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=nest-theme] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=nest-theme] devsite-tabs .devsite-tabs-dropdown a, body[theme=nest-theme] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=nest-theme] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=nest-theme] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=nest-theme] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=nest-theme] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=nest-theme] cloudx-tabs-nav.upper-tabs tab > a, body[theme=nest-theme] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=nest-theme] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=nest-theme] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=nest-theme] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=nest-theme] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=nest-theme] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=nest-theme] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=nest-theme] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=nest-theme] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #0096c8
    }
body[theme=nest-theme] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=nest-theme] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=nest-theme] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=nest-theme] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #0096c8
    }
body[theme=nest-theme] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=nest-theme] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #00afd8;
    color: #fff
    }
body[theme=nest-theme] .devsite-landing-row-item-custom-image:not([background]), body[theme=nest-theme] [background=theme] {
    background-color: #00afd8
    }
body[theme=nest-theme] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=nest-theme] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=nest-theme] [foreground=theme] .button, body[theme=nest-theme] [foreground=theme] :focus > :not(.material-icons), body[theme=nest-theme] [foreground=theme] :link > :not(.material-icons):hover, body[theme=nest-theme] [foreground=theme] a:not(.button), body[theme=nest-theme] [foreground=theme] a:not(.button) h2, body[theme=nest-theme] [foreground=theme] a:not(.button) h3 {
    color: #00afd8
    }
body[theme=nest-theme] [foreground=theme] .button:active, body[theme=nest-theme] [foreground=theme] .button:focus, body[theme=nest-theme] [foreground=theme] .button:hover {
    background: #e6f7fb;
    color: #0096c8
    }
body[theme=nest-theme] [foreground=theme] .button:focus, body[theme=nest-theme] [foreground=theme] .button:hover {
    border: 1px solid #bfebf5
    }
body[theme=nest-theme] [foreground=theme] .button:active {
    border-color: #e6f7fb
    }
body[theme=nest-theme] [foreground=theme] .button-primary {
    background: #00afd8;
    color: #fff
    }
body[theme=nest-theme] [foreground=theme] .button-primary:active, body[theme=nest-theme] [foreground=theme] .button-primary:focus, body[theme=nest-theme] [foreground=theme] .button-primary:hover {
    background: #0096c8;
    color: #fff
    }
body[theme=nest-theme] [foreground] .button-primary:active, body[theme=nest-theme] [foreground] .button-primary:focus, body[theme=nest-theme] [foreground] .button-primary:hover, body[theme=nest-theme] [foreground] .button-raised:active, body[theme=nest-theme] [foreground] .button-raised:focus, body[theme=nest-theme] [foreground] .button-raised:hover, body[theme=nest-theme] [foreground] .button-white:active, body[theme=nest-theme] [foreground] .button-white:focus, body[theme=nest-theme] [foreground] .button-white:hover {
    border: 0
    }
body[theme=nest-theme] [background=theme] .devsite-landing-row-description, body[theme=nest-theme] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=nest-theme] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=nest-theme] [background=theme] :link:not(.button), body[theme=nest-theme] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=nest-theme] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=nest-theme] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=nest-theme] [background=theme] :visited:not(.button), body[theme=nest-theme] [background=theme] h2, body[theme=nest-theme] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=nest-theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=nest-theme] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=nest-theme] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=nest-theme] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=nest-theme] devsite-content .devsite-404-header h3, body[theme=nest-theme] devsite-content .devsite-offline-header h3 {
    color: #0096c8
    }
body[theme=nest-theme] devsite-header .devsite-search-background, body[theme=nest-theme] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=nest-theme] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=nest-theme] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #00afd8
    }
body[theme=nest-theme] devsite-header .devsite-search-background:after, body[theme=nest-theme] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=nest-theme] devsite-header devsite-search .devsite-search-field, body[theme=nest-theme] devsite-header devsite-search .devsite-search-image, body[theme=nest-theme] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=nest-theme] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=nest-theme] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=nest-theme] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=nest-theme] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=nest-theme] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=nest-theme][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=nest-theme] devsite-header .devsite-search-background, body[theme=nest-theme] devsite-header .devsite-search-background:after, body[theme=nest-theme] devsite-header[search-active] .devsite-search-background:after, body[theme=nest-theme] devsite-header devsite-search .devsite-search-field, body[theme=nest-theme] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=nest-theme][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=pink] devsite-header .devsite-top-logo-row, body[theme=pink] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=pink] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=pink] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=pink] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=pink] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=pink] devsite-header .devsite-header-billboard {
    background-color: #e52592
    }
body[theme=pink] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=pink] devsite-book-nav .devsite-breadcrumb-link, body[theme=pink] devsite-header .devsite-breadcrumb-guillemet, body[theme=pink] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=pink] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=pink] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=pink] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=pink] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=pink] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=pink] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=pink] devsite-header .devsite-breadcrumb-link:focus, body[theme=pink] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=pink] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=pink] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=pink] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=pink] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=pink] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=pink] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=pink] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=pink] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=pink] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=pink] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=pink] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=pink] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=pink] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=pink] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=pink] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=pink] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=pink] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=pink] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=pink] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=pink] devsite-header .devsite-header-icon-button:active, body[theme=pink] devsite-header .devsite-header-icon-button:focus, body[theme=pink] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=pink] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=pink] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=pink] devsite-header .devsite-header--loading:after, body[theme=pink] devsite-header .devsite-header--loading span:after {
    background-color: #e52592
    }
body[theme=pink] devsite-toc > .devsite-nav-list {
    border-color: #e52592
    }
body[theme=pink] .devsite-landing-row-cta:not([background]) {
    background-color: #e52592;
    color: #fff
    }
body[theme=pink] .devsite-feedback-item-icon-color {
    background-color: #e52592
    }
body[theme=pink] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=pink] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=pink] .devsite-search-project .devsite-product-logo-container, body[theme=pink] devsite-header .devsite-product-logo-container {
    color: #e52592
    }
body[theme=pink] .devsite-search-project .devsite-product-logo-container[background], body[theme=pink] devsite-header .devsite-product-logo-container[background] {
    background: #e52592;
    color: #fff
    }
body[theme=pink] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=pink] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=pink] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=pink] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=pink] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=pink] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=pink] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=pink] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #e52592
    }
body[theme=pink] .devsite-collapsible-section {
    background-color: #e52592
    }
body[theme=pink] cloudx-tabs-nav.lower-tabs a, body[theme=pink] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=pink] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=pink] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=pink] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=pink] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=pink] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=pink] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=pink] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=pink] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=pink] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=pink] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=pink] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=pink] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=pink] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=pink] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=pink] devsite-tabs .devsite-tabs-dropdown a, body[theme=pink] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=pink] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=pink] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=pink] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=pink] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=pink] cloudx-tabs-nav.upper-tabs tab > a, body[theme=pink] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=pink] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=pink] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=pink] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=pink] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=pink] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=pink] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=pink] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=pink] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #b80672
    }
body[theme=pink] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=pink] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=pink] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=pink] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #b80672
    }
body[theme=pink] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=pink] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #e52592;
    color: #fff
    }
body[theme=pink] .devsite-landing-row-item-custom-image:not([background]), body[theme=pink] [background=theme] {
    background-color: #e52592
    }
body[theme=pink] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=pink] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=pink] [foreground=theme] .button, body[theme=pink] [foreground=theme] :focus > :not(.material-icons), body[theme=pink] [foreground=theme] :link > :not(.material-icons):hover, body[theme=pink] [foreground=theme] a:not(.button), body[theme=pink] [foreground=theme] a:not(.button) h2, body[theme=pink] [foreground=theme] a:not(.button) h3 {
    color: #e52592
    }
body[theme=pink] [foreground=theme] .button:active, body[theme=pink] [foreground=theme] .button:focus, body[theme=pink] [foreground=theme] .button:hover {
    background: #fce9f4;
    color: #b80672
    }
body[theme=pink] [foreground=theme] .button:focus, body[theme=pink] [foreground=theme] .button:hover {
    border: 1px solid #f9c9e4
    }
body[theme=pink] [foreground=theme] .button:active {
    border-color: #fce9f4
    }
body[theme=pink] [foreground=theme] .button-primary {
    background: #e52592;
    color: #fff
    }
body[theme=pink] [foreground=theme] .button-primary:active, body[theme=pink] [foreground=theme] .button-primary:focus, body[theme=pink] [foreground=theme] .button-primary:hover {
    background: #b80672;
    color: #fff
    }
body[theme=pink] [foreground] .button-primary:active, body[theme=pink] [foreground] .button-primary:focus, body[theme=pink] [foreground] .button-primary:hover, body[theme=pink] [foreground] .button-raised:active, body[theme=pink] [foreground] .button-raised:focus, body[theme=pink] [foreground] .button-raised:hover, body[theme=pink] [foreground] .button-white:active, body[theme=pink] [foreground] .button-white:focus, body[theme=pink] [foreground] .button-white:hover {
    border: 0
    }
body[theme=pink] [background=theme] .devsite-landing-row-description, body[theme=pink] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=pink] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=pink] [background=theme] :link:not(.button), body[theme=pink] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=pink] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=pink] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=pink] [background=theme] :visited:not(.button), body[theme=pink] [background=theme] h2, body[theme=pink] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=pink] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=pink] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=pink] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=pink] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=pink] devsite-content .devsite-404-header h3, body[theme=pink] devsite-content .devsite-offline-header h3 {
    color: #b80672
    }
body[theme=pink] devsite-header .devsite-search-background, body[theme=pink] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=pink] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=pink] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #e52592
    }
body[theme=pink] devsite-header .devsite-search-background:after, body[theme=pink] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=pink] devsite-header devsite-search .devsite-search-field, body[theme=pink] devsite-header devsite-search .devsite-search-image, body[theme=pink] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=pink] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=pink] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=pink] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=pink] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=pink] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=pink][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=pink] devsite-header .devsite-search-background, body[theme=pink] devsite-header .devsite-search-background:after, body[theme=pink] devsite-header[search-active] .devsite-search-background:after, body[theme=pink] devsite-header devsite-search .devsite-search-field, body[theme=pink] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=pink][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=purple] devsite-header .devsite-top-logo-row, body[theme=purple] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=purple] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=purple] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=purple] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=purple] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=purple] devsite-header .devsite-header-billboard {
    background-color: #9334e6
    }
body[theme=purple] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=purple] devsite-book-nav .devsite-breadcrumb-link, body[theme=purple] devsite-header .devsite-breadcrumb-guillemet, body[theme=purple] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=purple] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=purple] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=purple] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=purple] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=purple] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=purple] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=purple] devsite-header .devsite-breadcrumb-link:focus, body[theme=purple] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=purple] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=purple] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=purple] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=purple] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=purple] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=purple] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=purple] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=purple] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=purple] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=purple] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=purple] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=purple] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=purple] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=purple] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=purple] devsite-header .devsite-header-icon-button:active, body[theme=purple] devsite-header .devsite-header-icon-button:focus, body[theme=purple] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=purple] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=purple] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=purple] devsite-header .devsite-header--loading:after, body[theme=purple] devsite-header .devsite-header--loading span:after {
    background-color: #9334e6
    }
body[theme=purple] devsite-toc > .devsite-nav-list {
    border-color: #9334e6
    }
body[theme=purple] .devsite-landing-row-cta:not([background]) {
    background-color: #9334e6;
    color: #fff
    }
body[theme=purple] .devsite-feedback-item-icon-color {
    background-color: #9334e6
    }
body[theme=purple] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=purple] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=purple] .devsite-search-project .devsite-product-logo-container, body[theme=purple] devsite-header .devsite-product-logo-container {
    color: #9334e6
    }
body[theme=purple] .devsite-search-project .devsite-product-logo-container[background], body[theme=purple] devsite-header .devsite-product-logo-container[background] {
    background: #9334e6;
    color: #fff
    }
body[theme=purple] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=purple] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=purple] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=purple] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=purple] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=purple] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=purple] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=purple] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #9334e6
    }
body[theme=purple] .devsite-collapsible-section {
    background-color: #9334e6
    }
body[theme=purple] cloudx-tabs-nav.lower-tabs a, body[theme=purple] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=purple] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=purple] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=purple] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=purple] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=purple] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=purple] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=purple] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=purple] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=purple] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=purple] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=purple] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=purple] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=purple] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=purple] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=purple] devsite-tabs .devsite-tabs-dropdown a, body[theme=purple] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=purple] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=purple] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=purple] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=purple] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=purple] cloudx-tabs-nav.upper-tabs tab > a, body[theme=purple] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=purple] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=purple] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=purple] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=purple] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=purple] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=purple] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=purple] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=purple] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #7627bb
    }
body[theme=purple] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=purple] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=purple] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=purple] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #7627bb
    }
body[theme=purple] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=purple] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #9334e6;
    color: #fff
    }
body[theme=purple] .devsite-landing-row-item-custom-image:not([background]), body[theme=purple] [background=theme] {
    background-color: #9334e6
    }
body[theme=purple] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=purple] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=purple] [foreground=theme] .button, body[theme=purple] [foreground=theme] :focus > :not(.material-icons), body[theme=purple] [foreground=theme] :link > :not(.material-icons):hover, body[theme=purple] [foreground=theme] a:not(.button), body[theme=purple] [foreground=theme] a:not(.button) h2, body[theme=purple] [foreground=theme] a:not(.button) h3 {
    color: #9334e6
    }
body[theme=purple] [foreground=theme] .button:active, body[theme=purple] [foreground=theme] .button:focus, body[theme=purple] [foreground=theme] .button:hover {
    background: #f4ebfd;
    color: #7627bb
    }
body[theme=purple] [foreground=theme] .button:focus, body[theme=purple] [foreground=theme] .button:hover {
    border: 1px solid #e4ccf9
    }
body[theme=purple] [foreground=theme] .button:active {
    border-color: #f4ebfd
    }
body[theme=purple] [foreground=theme] .button-primary {
    background: #9334e6;
    color: #fff
    }
body[theme=purple] [foreground=theme] .button-primary:active, body[theme=purple] [foreground=theme] .button-primary:focus, body[theme=purple] [foreground=theme] .button-primary:hover {
    background: #7627bb;
    color: #fff
    }
body[theme=purple] [foreground] .button-primary:active, body[theme=purple] [foreground] .button-primary:focus, body[theme=purple] [foreground] .button-primary:hover, body[theme=purple] [foreground] .button-raised:active, body[theme=purple] [foreground] .button-raised:focus, body[theme=purple] [foreground] .button-raised:hover, body[theme=purple] [foreground] .button-white:active, body[theme=purple] [foreground] .button-white:focus, body[theme=purple] [foreground] .button-white:hover {
    border: 0
    }
body[theme=purple] [background=theme] .devsite-landing-row-description, body[theme=purple] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=purple] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=purple] [background=theme] :link:not(.button), body[theme=purple] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=purple] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=purple] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=purple] [background=theme] :visited:not(.button), body[theme=purple] [background=theme] h2, body[theme=purple] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=purple] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=purple] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=purple] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=purple] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=purple] devsite-content .devsite-404-header h3, body[theme=purple] devsite-content .devsite-offline-header h3 {
    color: #7627bb
    }
body[theme=purple] devsite-header .devsite-search-background, body[theme=purple] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=purple] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=purple] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #9334e6
    }
body[theme=purple] devsite-header .devsite-search-background:after, body[theme=purple] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=purple] devsite-header devsite-search .devsite-search-field, body[theme=purple] devsite-header devsite-search .devsite-search-image, body[theme=purple] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=purple] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=purple] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=purple] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=purple] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=purple] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=purple][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=purple] devsite-header .devsite-search-background, body[theme=purple] devsite-header .devsite-search-background:after, body[theme=purple] devsite-header[search-active] .devsite-search-background:after, body[theme=purple] devsite-header devsite-search .devsite-search-field, body[theme=purple] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=purple][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=stadia-theme] devsite-header .devsite-top-logo-row, body[theme=stadia-theme] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=stadia-theme] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=stadia-theme] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=stadia-theme] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=stadia-theme] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=stadia-theme] devsite-header .devsite-header-billboard {
    background-color: #9b0063
    }
body[theme=stadia-theme] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=stadia-theme] devsite-book-nav .devsite-breadcrumb-link, body[theme=stadia-theme] devsite-header .devsite-breadcrumb-guillemet, body[theme=stadia-theme] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=stadia-theme] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=stadia-theme] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=stadia-theme] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=stadia-theme] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=stadia-theme] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=stadia-theme] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=stadia-theme] devsite-header .devsite-breadcrumb-link:focus, body[theme=stadia-theme] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=stadia-theme] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=stadia-theme] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=stadia-theme] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=stadia-theme] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=stadia-theme] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=stadia-theme] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=stadia-theme] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=stadia-theme] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=stadia-theme] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=stadia-theme] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=stadia-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=stadia-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=stadia-theme] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=stadia-theme] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=stadia-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=stadia-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=stadia-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=stadia-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=stadia-theme] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=stadia-theme] devsite-header .devsite-header-icon-button:active, body[theme=stadia-theme] devsite-header .devsite-header-icon-button:focus, body[theme=stadia-theme] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=stadia-theme] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=stadia-theme] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=stadia-theme] devsite-header .devsite-header--loading:after, body[theme=stadia-theme] devsite-header .devsite-header--loading span:after {
    background-color: #9b0063
    }
body[theme=stadia-theme] devsite-toc > .devsite-nav-list {
    border-color: #9b0063
    }
body[theme=stadia-theme] .devsite-landing-row-cta:not([background]) {
    background-color: #9b0063;
    color: #fff
    }
body[theme=stadia-theme] .devsite-feedback-item-icon-color {
    background-color: #9b0063
    }
body[theme=stadia-theme] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=stadia-theme] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=stadia-theme] .devsite-search-project .devsite-product-logo-container, body[theme=stadia-theme] devsite-header .devsite-product-logo-container {
    color: #9b0063
    }
body[theme=stadia-theme] .devsite-search-project .devsite-product-logo-container[background], body[theme=stadia-theme] devsite-header .devsite-product-logo-container[background] {
    background: #9b0063;
    color: #fff
    }
body[theme=stadia-theme] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=stadia-theme] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=stadia-theme] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=stadia-theme] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=stadia-theme] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=stadia-theme] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=stadia-theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=stadia-theme] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #9b0063
    }
body[theme=stadia-theme] .devsite-collapsible-section {
    background-color: #9b0063
    }
body[theme=stadia-theme] cloudx-tabs-nav.lower-tabs a, body[theme=stadia-theme] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=stadia-theme] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=stadia-theme] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=stadia-theme] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=stadia-theme] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=stadia-theme] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=stadia-theme] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=stadia-theme] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=stadia-theme] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=stadia-theme] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=stadia-theme] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=stadia-theme] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=stadia-theme] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=stadia-theme] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=stadia-theme] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=stadia-theme] devsite-tabs .devsite-tabs-dropdown a, body[theme=stadia-theme] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=stadia-theme] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=stadia-theme] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=stadia-theme] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=stadia-theme] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=stadia-theme] cloudx-tabs-nav.upper-tabs tab > a, body[theme=stadia-theme] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=stadia-theme] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=stadia-theme] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=stadia-theme] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=stadia-theme] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=stadia-theme] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=stadia-theme] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=stadia-theme] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=stadia-theme] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #680039
    }
body[theme=stadia-theme] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=stadia-theme] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=stadia-theme] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=stadia-theme] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #680039
    }
body[theme=stadia-theme] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=stadia-theme] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #9b0063;
    color: #fff
    }
body[theme=stadia-theme] .devsite-landing-row-item-custom-image:not([background]), body[theme=stadia-theme] [background=theme] {
    background-color: #9b0063
    }
body[theme=stadia-theme] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=stadia-theme] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=stadia-theme] [foreground=theme] .button, body[theme=stadia-theme] [foreground=theme] :focus > :not(.material-icons), body[theme=stadia-theme] [foreground=theme] :link > :not(.material-icons):hover, body[theme=stadia-theme] [foreground=theme] a:not(.button), body[theme=stadia-theme] [foreground=theme] a:not(.button) h2, body[theme=stadia-theme] [foreground=theme] a:not(.button) h3 {
    color: #9b0063
    }
body[theme=stadia-theme] [foreground=theme] .button:active, body[theme=stadia-theme] [foreground=theme] .button:focus, body[theme=stadia-theme] [foreground=theme] .button:hover {
    background: #f5e6ef;
    color: #680039
    }
body[theme=stadia-theme] [foreground=theme] .button:focus, body[theme=stadia-theme] [foreground=theme] .button:hover {
    border: 1px solid #e6bfd8
    }
body[theme=stadia-theme] [foreground=theme] .button:active {
    border-color: #f5e6ef
    }
body[theme=stadia-theme] [foreground=theme] .button-primary {
    background: #9b0063;
    color: #fff
    }
body[theme=stadia-theme] [foreground=theme] .button-primary:active, body[theme=stadia-theme] [foreground=theme] .button-primary:focus, body[theme=stadia-theme] [foreground=theme] .button-primary:hover {
    background: #680039;
    color: #fff
    }
body[theme=stadia-theme] [foreground] .button-primary:active, body[theme=stadia-theme] [foreground] .button-primary:focus, body[theme=stadia-theme] [foreground] .button-primary:hover, body[theme=stadia-theme] [foreground] .button-raised:active, body[theme=stadia-theme] [foreground] .button-raised:focus, body[theme=stadia-theme] [foreground] .button-raised:hover, body[theme=stadia-theme] [foreground] .button-white:active, body[theme=stadia-theme] [foreground] .button-white:focus, body[theme=stadia-theme] [foreground] .button-white:hover {
    border: 0
    }
body[theme=stadia-theme] [background=theme] .devsite-landing-row-description, body[theme=stadia-theme] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=stadia-theme] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=stadia-theme] [background=theme] :link:not(.button), body[theme=stadia-theme] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=stadia-theme] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=stadia-theme] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=stadia-theme] [background=theme] :visited:not(.button), body[theme=stadia-theme] [background=theme] h2, body[theme=stadia-theme] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=stadia-theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=stadia-theme] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=stadia-theme] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=stadia-theme] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=stadia-theme] devsite-content .devsite-404-header h3, body[theme=stadia-theme] devsite-content .devsite-offline-header h3 {
    color: #680039
    }
body[theme=stadia-theme] devsite-header .devsite-search-background, body[theme=stadia-theme] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=stadia-theme] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=stadia-theme] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #9b0063
    }
body[theme=stadia-theme] devsite-header .devsite-search-background:after, body[theme=stadia-theme] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=stadia-theme] devsite-header devsite-search .devsite-search-field, body[theme=stadia-theme] devsite-header devsite-search .devsite-search-image, body[theme=stadia-theme] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=stadia-theme] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=stadia-theme] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=stadia-theme] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=stadia-theme] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=stadia-theme] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=stadia-theme][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=stadia-theme] devsite-header .devsite-search-background, body[theme=stadia-theme] devsite-header .devsite-search-background:after, body[theme=stadia-theme] devsite-header[search-active] .devsite-search-background:after, body[theme=stadia-theme] devsite-header devsite-search .devsite-search-field, body[theme=stadia-theme] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=stadia-theme][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=teal] devsite-header .devsite-top-logo-row, body[theme=teal] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=teal] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=teal] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=teal] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=teal] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=teal] devsite-header .devsite-header-billboard {
    background-color: #009688
    }
body[theme=teal] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=teal] devsite-book-nav .devsite-breadcrumb-link, body[theme=teal] devsite-header .devsite-breadcrumb-guillemet, body[theme=teal] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=teal] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=teal] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=teal] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=teal] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=teal] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=teal] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=teal] devsite-header .devsite-breadcrumb-link:focus, body[theme=teal] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=teal] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=teal] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=teal] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=teal] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=teal] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=teal] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=teal] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=teal] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=teal] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=teal] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=teal] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=teal] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=teal] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=teal] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=teal] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=teal] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=teal] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=teal] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=teal] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=teal] devsite-header .devsite-header-icon-button:active, body[theme=teal] devsite-header .devsite-header-icon-button:focus, body[theme=teal] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=teal] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=teal] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=teal] devsite-header .devsite-header--loading:after, body[theme=teal] devsite-header .devsite-header--loading span:after {
    background-color: #009688
    }
body[theme=teal] devsite-toc > .devsite-nav-list {
    border-color: #009688
    }
body[theme=teal] .devsite-landing-row-cta:not([background]) {
    background-color: #009688;
    color: #fff
    }
body[theme=teal] .devsite-feedback-item-icon-color {
    background-color: #009688
    }
body[theme=teal] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=teal] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=teal] .devsite-search-project .devsite-product-logo-container, body[theme=teal] devsite-header .devsite-product-logo-container {
    color: #009688
    }
body[theme=teal] .devsite-search-project .devsite-product-logo-container[background], body[theme=teal] devsite-header .devsite-product-logo-container[background] {
    background: #009688;
    color: #fff
    }
body[theme=teal] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=teal] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=teal] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=teal] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=teal] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=teal] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=teal] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=teal] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #009688
    }
body[theme=teal] .devsite-collapsible-section {
    background-color: #009688
    }
body[theme=teal] cloudx-tabs-nav.lower-tabs a, body[theme=teal] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=teal] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=teal] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=teal] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=teal] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=teal] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=teal] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=teal] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=teal] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=teal] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=teal] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=teal] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=teal] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=teal] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=teal] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=teal] devsite-tabs .devsite-tabs-dropdown a, body[theme=teal] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=teal] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=teal] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=teal] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=teal] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=teal] cloudx-tabs-nav.upper-tabs tab > a, body[theme=teal] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=teal] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=teal] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=teal] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=teal] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=teal] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=teal] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=teal] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=teal] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #00796b
    }
body[theme=teal] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=teal] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=teal] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=teal] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #00796b
    }
body[theme=teal] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=teal] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #009688;
    color: #fff
    }
body[theme=teal] .devsite-landing-row-item-custom-image:not([background]), body[theme=teal] [background=theme] {
    background-color: #009688
    }
body[theme=teal] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=teal] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=teal] [foreground=theme] .button, body[theme=teal] [foreground=theme] :focus > :not(.material-icons), body[theme=teal] [foreground=theme] :link > :not(.material-icons):hover, body[theme=teal] [foreground=theme] a:not(.button), body[theme=teal] [foreground=theme] a:not(.button) h2, body[theme=teal] [foreground=theme] a:not(.button) h3 {
    color: #009688
    }
body[theme=teal] [foreground=theme] .button:active, body[theme=teal] [foreground=theme] .button:focus, body[theme=teal] [foreground=theme] .button:hover {
    background: #e6f5f3;
    color: #00796b
    }
body[theme=teal] [foreground=theme] .button:focus, body[theme=teal] [foreground=theme] .button:hover {
    border: 1px solid #bfe5e1
    }
body[theme=teal] [foreground=theme] .button:active {
    border-color: #e6f5f3
    }
body[theme=teal] [foreground=theme] .button-primary {
    background: #009688;
    color: #fff
    }
body[theme=teal] [foreground=theme] .button-primary:active, body[theme=teal] [foreground=theme] .button-primary:focus, body[theme=teal] [foreground=theme] .button-primary:hover {
    background: #00796b;
    color: #fff
    }
body[theme=teal] [foreground] .button-primary:active, body[theme=teal] [foreground] .button-primary:focus, body[theme=teal] [foreground] .button-primary:hover, body[theme=teal] [foreground] .button-raised:active, body[theme=teal] [foreground] .button-raised:focus, body[theme=teal] [foreground] .button-raised:hover, body[theme=teal] [foreground] .button-white:active, body[theme=teal] [foreground] .button-white:focus, body[theme=teal] [foreground] .button-white:hover {
    border: 0
    }
body[theme=teal] [background=theme] .devsite-landing-row-description, body[theme=teal] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=teal] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=teal] [background=theme] :link:not(.button), body[theme=teal] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=teal] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=teal] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=teal] [background=theme] :visited:not(.button), body[theme=teal] [background=theme] h2, body[theme=teal] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=teal] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=teal] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=teal] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=teal] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=teal] devsite-content .devsite-404-header h3, body[theme=teal] devsite-content .devsite-offline-header h3 {
    color: #00796b
    }
body[theme=teal] devsite-header .devsite-search-background, body[theme=teal] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=teal] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=teal] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #009688
    }
body[theme=teal] devsite-header .devsite-search-background:after, body[theme=teal] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=teal] devsite-header devsite-search .devsite-search-field, body[theme=teal] devsite-header devsite-search .devsite-search-image, body[theme=teal] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=teal] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=teal] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=teal] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=teal] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=teal] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=teal][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=teal] devsite-header .devsite-search-background, body[theme=teal] devsite-header .devsite-search-background:after, body[theme=teal] devsite-header[search-active] .devsite-search-background:after, body[theme=teal] devsite-header devsite-search .devsite-search-field, body[theme=teal] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=teal][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=youtube-theme] devsite-header .devsite-top-logo-row, body[theme=youtube-theme] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=youtube-theme] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=youtube-theme] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=youtube-theme] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=youtube-theme] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=youtube-theme] devsite-header .devsite-header-billboard {
    background-color: red
    }
body[theme=youtube-theme] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=youtube-theme] devsite-book-nav .devsite-breadcrumb-link, body[theme=youtube-theme] devsite-header .devsite-breadcrumb-guillemet, body[theme=youtube-theme] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=youtube-theme] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=youtube-theme] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=youtube-theme] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=youtube-theme] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=youtube-theme] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=youtube-theme] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=youtube-theme] devsite-header .devsite-breadcrumb-link:focus, body[theme=youtube-theme] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=youtube-theme] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=youtube-theme] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=youtube-theme] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=youtube-theme] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=youtube-theme] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=youtube-theme] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=youtube-theme] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=youtube-theme] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=youtube-theme] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=youtube-theme] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=youtube-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=youtube-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=youtube-theme] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=youtube-theme] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=youtube-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=youtube-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=youtube-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=youtube-theme] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=youtube-theme] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=youtube-theme] devsite-header .devsite-header-icon-button:active, body[theme=youtube-theme] devsite-header .devsite-header-icon-button:focus, body[theme=youtube-theme] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=youtube-theme] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=youtube-theme] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=youtube-theme] devsite-header .devsite-header--loading:after, body[theme=youtube-theme] devsite-header .devsite-header--loading span:after {
    background-color: red
    }
body[theme=youtube-theme] devsite-toc > .devsite-nav-list {
    border-color: red
    }
body[theme=youtube-theme] .devsite-landing-row-cta:not([background]) {
    background-color: red;
    color: #fff
    }
body[theme=youtube-theme] .devsite-feedback-item-icon-color {
    background-color: red
    }
body[theme=youtube-theme] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=youtube-theme] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff
    }
body[theme=youtube-theme] .devsite-search-project .devsite-product-logo-container, body[theme=youtube-theme] devsite-header .devsite-product-logo-container {
    color: red
    }
body[theme=youtube-theme] .devsite-search-project .devsite-product-logo-container[background], body[theme=youtube-theme] devsite-header .devsite-product-logo-container[background] {
    background: red;
    color: #fff
    }
body[theme=youtube-theme] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=youtube-theme] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=youtube-theme] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=youtube-theme] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=youtube-theme] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=youtube-theme] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=youtube-theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=youtube-theme] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: red
    }
body[theme=youtube-theme] .devsite-collapsible-section {
    background-color: red
    }
body[theme=youtube-theme] cloudx-tabs-nav.lower-tabs a, body[theme=youtube-theme] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=youtube-theme] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=youtube-theme] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=youtube-theme] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=youtube-theme] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=youtube-theme] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=youtube-theme] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=youtube-theme] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=youtube-theme] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=youtube-theme] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=youtube-theme] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=youtube-theme] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=youtube-theme] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=youtube-theme] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=youtube-theme] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=youtube-theme] devsite-tabs .devsite-tabs-dropdown a, body[theme=youtube-theme] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=youtube-theme] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=youtube-theme] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=youtube-theme] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=youtube-theme] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=youtube-theme] cloudx-tabs-nav.upper-tabs tab > a, body[theme=youtube-theme] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=youtube-theme] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=youtube-theme] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=youtube-theme] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=youtube-theme] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=youtube-theme] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=youtube-theme] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=youtube-theme] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=youtube-theme] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #c20000
    }
body[theme=youtube-theme] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=youtube-theme] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=youtube-theme] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=youtube-theme] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #c20000
    }
body[theme=youtube-theme] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=youtube-theme] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: red;
    color: #fff
    }
body[theme=youtube-theme] .devsite-landing-row-item-custom-image:not([background]), body[theme=youtube-theme] [background=theme] {
    background-color: red
    }
body[theme=youtube-theme] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=youtube-theme] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=youtube-theme] [foreground=theme] .button, body[theme=youtube-theme] [foreground=theme] :focus > :not(.material-icons), body[theme=youtube-theme] [foreground=theme] :link > :not(.material-icons):hover, body[theme=youtube-theme] [foreground=theme] a:not(.button), body[theme=youtube-theme] [foreground=theme] a:not(.button) h2, body[theme=youtube-theme] [foreground=theme] a:not(.button) h3 {
    color: red
    }
body[theme=youtube-theme] [foreground=theme] .button:active, body[theme=youtube-theme] [foreground=theme] .button:focus, body[theme=youtube-theme] [foreground=theme] .button:hover {
    background: #ffe6e6;
    color: #c20000
    }
body[theme=youtube-theme] [foreground=theme] .button:focus, body[theme=youtube-theme] [foreground=theme] .button:hover {
    border: 1px solid #ffbfbf
    }
body[theme=youtube-theme] [foreground=theme] .button:active {
    border-color: #ffe6e6
    }
body[theme=youtube-theme] [foreground=theme] .button-primary {
    background: red;
    color: #fff
    }
body[theme=youtube-theme] [foreground=theme] .button-primary:active, body[theme=youtube-theme] [foreground=theme] .button-primary:focus, body[theme=youtube-theme] [foreground=theme] .button-primary:hover {
    background: #c20000;
    color: #fff
    }
body[theme=youtube-theme] [foreground] .button-primary:active, body[theme=youtube-theme] [foreground] .button-primary:focus, body[theme=youtube-theme] [foreground] .button-primary:hover, body[theme=youtube-theme] [foreground] .button-raised:active, body[theme=youtube-theme] [foreground] .button-raised:focus, body[theme=youtube-theme] [foreground] .button-raised:hover, body[theme=youtube-theme] [foreground] .button-white:active, body[theme=youtube-theme] [foreground] .button-white:focus, body[theme=youtube-theme] [foreground] .button-white:hover {
    border: 0
    }
body[theme=youtube-theme] [background=theme] .devsite-landing-row-description, body[theme=youtube-theme] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=youtube-theme] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=youtube-theme] [background=theme] :link:not(.button), body[theme=youtube-theme] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=youtube-theme] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=youtube-theme] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=youtube-theme] [background=theme] :visited:not(.button), body[theme=youtube-theme] [background=theme] h2, body[theme=youtube-theme] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
body[theme=youtube-theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=youtube-theme] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=youtube-theme] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=youtube-theme] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=youtube-theme] devsite-content .devsite-404-header h3, body[theme=youtube-theme] devsite-content .devsite-offline-header h3 {
    color: #c20000
    }
body[theme=youtube-theme] devsite-header .devsite-search-background, body[theme=youtube-theme] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=youtube-theme] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=youtube-theme] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: red
    }
body[theme=youtube-theme] devsite-header .devsite-search-background:after, body[theme=youtube-theme] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=youtube-theme] devsite-header devsite-search .devsite-search-field, body[theme=youtube-theme] devsite-header devsite-search .devsite-search-image, body[theme=youtube-theme] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=youtube-theme] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=youtube-theme] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=youtube-theme] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=youtube-theme] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=youtube-theme] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=youtube-theme][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=youtube-theme] devsite-header .devsite-search-background, body[theme=youtube-theme] devsite-header .devsite-search-background:after, body[theme=youtube-theme] devsite-header[search-active] .devsite-search-background:after, body[theme=youtube-theme] devsite-header devsite-search .devsite-search-field, body[theme=youtube-theme] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=youtube-theme][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=cyan] devsite-header .devsite-top-logo-row, body[theme=cyan] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=cyan] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=cyan] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=cyan] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=cyan] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=cyan] devsite-header .devsite-header-billboard {
    background-color: #12b5cb
    }
body[theme=cyan] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=cyan] devsite-book-nav .devsite-breadcrumb-link, body[theme=cyan] devsite-header .devsite-breadcrumb-guillemet, body[theme=cyan] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=cyan] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=cyan] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=cyan] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=cyan] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=cyan] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=cyan] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=cyan] devsite-header .devsite-breadcrumb-link:focus, body[theme=cyan] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=cyan] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=cyan] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=cyan] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=cyan] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=cyan] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=cyan] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=cyan] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=cyan] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=cyan] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=cyan] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=cyan] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=cyan] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=cyan] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=cyan] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=cyan] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=cyan] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=cyan] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=cyan] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=cyan] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=cyan] devsite-header .devsite-header-icon-button:active, body[theme=cyan] devsite-header .devsite-header-icon-button:focus, body[theme=cyan] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=cyan] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=cyan] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=cyan] devsite-header .devsite-header--loading:after, body[theme=cyan] devsite-header .devsite-header--loading span:after {
    background-color: #12b5cb
    }
body[theme=cyan] devsite-toc > .devsite-nav-list {
    border-color: #12b5cb
    }
body[theme=cyan] .devsite-landing-row-cta:not([background]) {
    background-color: #12b5cb;
    color: #202124
    }
body[theme=cyan] .devsite-feedback-item-icon-color {
    background-color: #12b5cb
    }
body[theme=cyan] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=cyan] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #202124
    }
body[theme=cyan] .devsite-search-project .devsite-product-logo-container, body[theme=cyan] devsite-header .devsite-product-logo-container {
    color: #12b5cb
    }
body[theme=cyan] .devsite-search-project .devsite-product-logo-container[background], body[theme=cyan] devsite-header .devsite-product-logo-container[background] {
    background: #12b5cb;
    color: #fff
    }
body[theme=cyan] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=cyan] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=cyan] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=cyan] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=cyan] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=cyan] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=cyan] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=cyan] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #12b5cb
    }
body[theme=cyan] .devsite-collapsible-section {
    background-color: #12b5cb
    }
body[theme=cyan] cloudx-tabs-nav.lower-tabs a, body[theme=cyan] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=cyan] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=cyan] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=cyan] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=cyan] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=cyan] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=cyan] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=cyan] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=cyan] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=cyan] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=cyan] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=cyan] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=cyan] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=cyan] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=cyan] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=cyan] devsite-tabs .devsite-tabs-dropdown a, body[theme=cyan] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=cyan] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=cyan] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=cyan] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=cyan] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=cyan] cloudx-tabs-nav.upper-tabs tab > a, body[theme=cyan] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=cyan] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=cyan] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=cyan] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=cyan] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=cyan] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=cyan] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=cyan] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=cyan] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #098591
    }
body[theme=cyan] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=cyan] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=cyan] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=cyan] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #098591
    }
body[theme=cyan] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=cyan] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #43cde6;
    color: #202124
    }
body[theme=cyan] .devsite-landing-row-item-custom-image:not([background]), body[theme=cyan] [background=theme] {
    background-color: #43cde6
    }
body[theme=cyan] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=cyan] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=cyan] [foreground=theme] .button, body[theme=cyan] [foreground=theme] :focus > :not(.material-icons), body[theme=cyan] [foreground=theme] :link > :not(.material-icons):hover, body[theme=cyan] [foreground=theme] a:not(.button), body[theme=cyan] [foreground=theme] a:not(.button) h2, body[theme=cyan] [foreground=theme] a:not(.button) h3 {
    color: #12b5cb
    }
body[theme=cyan] [foreground=theme] .button:active, body[theme=cyan] [foreground=theme] .button:focus, body[theme=cyan] [foreground=theme] .button:hover {
    background: #e7f8fa;
    color: #098591
    }
body[theme=cyan] [foreground=theme] .button:focus, body[theme=cyan] [foreground=theme] .button:hover {
    border: 1px solid #c4edf2
    }
body[theme=cyan] [foreground=theme] .button:active {
    border-color: #e7f8fa
    }
body[theme=cyan] [foreground=theme] .button-primary {
    background: #12b5cb;
    color: #202124
    }
body[theme=cyan] [foreground=theme] .button-primary:active, body[theme=cyan] [foreground=theme] .button-primary:focus, body[theme=cyan] [foreground=theme] .button-primary:hover {
    background: #098591;
    color: #202124
    }
body[theme=cyan] [foreground] .button-primary:active, body[theme=cyan] [foreground] .button-primary:focus, body[theme=cyan] [foreground] .button-primary:hover, body[theme=cyan] [foreground] .button-raised:active, body[theme=cyan] [foreground] .button-raised:focus, body[theme=cyan] [foreground] .button-raised:hover, body[theme=cyan] [foreground] .button-white:active, body[theme=cyan] [foreground] .button-white:focus, body[theme=cyan] [foreground] .button-white:hover {
    border: 0
    }
body[theme=cyan] [background=theme] .devsite-landing-row-description, body[theme=cyan] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=cyan] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=cyan] [background=theme] :link:not(.button), body[theme=cyan] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=cyan] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=cyan] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=cyan] [background=theme] :visited:not(.button), body[theme=cyan] [background=theme] h2, body[theme=cyan] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #202124
    }
body[theme=cyan] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=cyan] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=cyan] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=cyan] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: rgba(154, 160, 166, 0.5)
    }
body[theme=cyan] devsite-content .devsite-404-header h3, body[theme=cyan] devsite-content .devsite-offline-header h3 {
    color: #098591
    }
body[theme=cyan] devsite-header .devsite-search-background, body[theme=cyan] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=cyan] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=cyan] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #12b5cb
    }
body[theme=cyan] devsite-header .devsite-search-background:after, body[theme=cyan] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=cyan] devsite-header devsite-search .devsite-search-field, body[theme=cyan] devsite-header devsite-search .devsite-search-image, body[theme=cyan] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=cyan] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=cyan] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=cyan] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=cyan] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=cyan] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=cyan][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=cyan] devsite-header .devsite-search-background, body[theme=cyan] devsite-header .devsite-search-background:after, body[theme=cyan] devsite-header[search-active] .devsite-search-background:after, body[theme=cyan] devsite-header devsite-search .devsite-search-field, body[theme=cyan] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=cyan][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=google-yellow] devsite-header .devsite-top-logo-row, body[theme=google-yellow] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=google-yellow] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=google-yellow] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=google-yellow] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=google-yellow] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=google-yellow] devsite-header .devsite-header-billboard {
    background-color: #f9ab00
    }
body[theme=google-yellow] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=google-yellow] devsite-book-nav .devsite-breadcrumb-link, body[theme=google-yellow] devsite-header .devsite-breadcrumb-guillemet, body[theme=google-yellow] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=google-yellow] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=google-yellow] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=google-yellow] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=google-yellow] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=google-yellow] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=google-yellow] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=google-yellow] devsite-header .devsite-breadcrumb-link:focus, body[theme=google-yellow] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=google-yellow] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=google-yellow] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=google-yellow] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=google-yellow] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=google-yellow] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=google-yellow] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=google-yellow] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=google-yellow] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=google-yellow] devsite-header .devsite-product-description-row {
    color: #202124
    }
body[theme=google-yellow] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=google-yellow] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=google-yellow] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #202124;
    fill: #202124
    }
body[theme=google-yellow] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=google-yellow] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=google-yellow] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=google-yellow] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=google-yellow] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=google-yellow] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87);
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=google-yellow] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=google-yellow] devsite-header .devsite-header-icon-button:active, body[theme=google-yellow] devsite-header .devsite-header-icon-button:focus, body[theme=google-yellow] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=google-yellow] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=google-yellow] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=google-yellow] devsite-header .devsite-header--loading:after, body[theme=google-yellow] devsite-header .devsite-header--loading span:after {
    background-color: #f9ab00
    }
body[theme=google-yellow] devsite-toc > .devsite-nav-list {
    border-color: #f9ab00
    }
body[theme=google-yellow] .devsite-landing-row-cta:not([background]) {
    background-color: #f9ab00;
    color: #202124
    }
body[theme=google-yellow] .devsite-feedback-item-icon-color {
    background-color: #f9ab00
    }
body[theme=google-yellow] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=google-yellow] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #202124
    }
body[theme=google-yellow] .devsite-search-project .devsite-product-logo-container, body[theme=google-yellow] devsite-header .devsite-product-logo-container {
    color: #f9ab00
    }
body[theme=google-yellow] .devsite-search-project .devsite-product-logo-container[background], body[theme=google-yellow] devsite-header .devsite-product-logo-container[background] {
    background: #f9ab00;
    color: #fff
    }
body[theme=google-yellow] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=google-yellow] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=google-yellow] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=google-yellow] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=google-yellow] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=google-yellow] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=google-yellow] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=google-yellow] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #f9ab00
    }
body[theme=google-yellow] .devsite-collapsible-section {
    background-color: #f9ab00
    }
body[theme=google-yellow] cloudx-tabs-nav.lower-tabs a, body[theme=google-yellow] devsite-tabs.lower-tabs a {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=google-yellow] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=google-yellow] devsite-tabs.lower-tabs tab > a:hover:after {
    background: rgba(0, 0, 0, 0.87)
    }
body[theme=google-yellow] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=google-yellow] devsite-tabs.lower-tabs tab[active] > a {
    color: #202124
    }
body[theme=google-yellow] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=google-yellow] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=google-yellow] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=google-yellow] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #202124
    }
body[theme=google-yellow] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=google-yellow] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=google-yellow] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=google-yellow] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=google-yellow] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=google-yellow] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=google-yellow] devsite-tabs .devsite-tabs-dropdown a, body[theme=google-yellow] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=google-yellow] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=google-yellow] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=google-yellow] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=google-yellow] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=google-yellow] cloudx-tabs-nav.upper-tabs tab > a, body[theme=google-yellow] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=google-yellow] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=google-yellow] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=google-yellow] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=google-yellow] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=google-yellow] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=google-yellow] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=google-yellow] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=google-yellow] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #ea8600
    }
body[theme=google-yellow] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=google-yellow] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=google-yellow] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=google-yellow] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #ea8600
    }
body[theme=google-yellow] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=google-yellow] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #fcc934;
    color: #202124
    }
body[theme=google-yellow] .devsite-landing-row-item-custom-image:not([background]), body[theme=google-yellow] [background=theme] {
    background-color: #fcc934
    }
body[theme=google-yellow] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=google-yellow] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=google-yellow] [foreground=theme] .button, body[theme=google-yellow] [foreground=theme] :focus > :not(.material-icons), body[theme=google-yellow] [foreground=theme] :link > :not(.material-icons):hover, body[theme=google-yellow] [foreground=theme] a:not(.button), body[theme=google-yellow] [foreground=theme] a:not(.button) h2, body[theme=google-yellow] [foreground=theme] a:not(.button) h3 {
    color: #f9ab00
    }
body[theme=google-yellow] [foreground=theme] .button:active, body[theme=google-yellow] [foreground=theme] .button:focus, body[theme=google-yellow] [foreground=theme] .button:hover {
    background: #fef7e6;
    color: #ea8600
    }
body[theme=google-yellow] [foreground=theme] .button:focus, body[theme=google-yellow] [foreground=theme] .button:hover {
    border: 1px solid #feeabf
    }
body[theme=google-yellow] [foreground=theme] .button:active {
    border-color: #fef7e6
    }
body[theme=google-yellow] [foreground=theme] .button-primary {
    background: #f9ab00;
    color: #202124
    }
body[theme=google-yellow] [foreground=theme] .button-primary:active, body[theme=google-yellow] [foreground=theme] .button-primary:focus, body[theme=google-yellow] [foreground=theme] .button-primary:hover {
    background: #ea8600;
    color: #202124
    }
body[theme=google-yellow] [foreground] .button-primary:active, body[theme=google-yellow] [foreground] .button-primary:focus, body[theme=google-yellow] [foreground] .button-primary:hover, body[theme=google-yellow] [foreground] .button-raised:active, body[theme=google-yellow] [foreground] .button-raised:focus, body[theme=google-yellow] [foreground] .button-raised:hover, body[theme=google-yellow] [foreground] .button-white:active, body[theme=google-yellow] [foreground] .button-white:focus, body[theme=google-yellow] [foreground] .button-white:hover {
    border: 0
    }
body[theme=google-yellow] [background=theme] .devsite-landing-row-description, body[theme=google-yellow] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=google-yellow] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=google-yellow] [background=theme] :link:not(.button), body[theme=google-yellow] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=google-yellow] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=google-yellow] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=google-yellow] [background=theme] :visited:not(.button), body[theme=google-yellow] [background=theme] h2, body[theme=google-yellow] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #202124
    }
body[theme=google-yellow] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=google-yellow] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=google-yellow] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=google-yellow] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: rgba(154, 160, 166, 0.5)
    }
body[theme=google-yellow] devsite-content .devsite-404-header h3, body[theme=google-yellow] devsite-content .devsite-offline-header h3 {
    color: #ea8600
    }
body[theme=google-yellow] devsite-header .devsite-search-background, body[theme=google-yellow] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=google-yellow] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=google-yellow] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #f9ab00
    }
body[theme=google-yellow] devsite-header .devsite-search-background:after, body[theme=google-yellow] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=google-yellow] devsite-header devsite-search .devsite-search-field, body[theme=google-yellow] devsite-header devsite-search .devsite-search-image, body[theme=google-yellow] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=google-yellow] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=google-yellow] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=google-yellow] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=google-yellow] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=google-yellow] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=google-yellow][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=google-yellow] devsite-header .devsite-search-background, body[theme=google-yellow] devsite-header .devsite-search-background:after, body[theme=google-yellow] devsite-header[search-active] .devsite-search-background:after, body[theme=google-yellow] devsite-header devsite-search .devsite-search-field, body[theme=google-yellow] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=google-yellow][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=light-green] devsite-header .devsite-top-logo-row, body[theme=light-green] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=light-green] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=light-green] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=light-green] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=light-green] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=light-green] devsite-header .devsite-header-billboard {
    background-color: #8bc34a
    }
body[theme=light-green] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=light-green] devsite-book-nav .devsite-breadcrumb-link, body[theme=light-green] devsite-header .devsite-breadcrumb-guillemet, body[theme=light-green] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=light-green] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=light-green] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=light-green] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=light-green] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=light-green] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=light-green] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=light-green] devsite-header .devsite-breadcrumb-link:focus, body[theme=light-green] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=light-green] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=light-green] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=light-green] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=light-green] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=light-green] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=light-green] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=light-green] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=light-green] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=light-green] devsite-header .devsite-product-description-row {
    color: #202124
    }
body[theme=light-green] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=light-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=light-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #202124;
    fill: #202124
    }
body[theme=light-green] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=light-green] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=light-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=light-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=light-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=light-green] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87);
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=light-green] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=light-green] devsite-header .devsite-header-icon-button:active, body[theme=light-green] devsite-header .devsite-header-icon-button:focus, body[theme=light-green] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=light-green] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=light-green] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=light-green] devsite-header .devsite-header--loading:after, body[theme=light-green] devsite-header .devsite-header--loading span:after {
    background-color: #8bc34a
    }
body[theme=light-green] devsite-toc > .devsite-nav-list {
    border-color: #8bc34a
    }
body[theme=light-green] .devsite-landing-row-cta:not([background]) {
    background-color: #8bc34a;
    color: #202124
    }
body[theme=light-green] .devsite-feedback-item-icon-color {
    background-color: #8bc34a
    }
body[theme=light-green] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=light-green] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #202124
    }
body[theme=light-green] .devsite-search-project .devsite-product-logo-container, body[theme=light-green] devsite-header .devsite-product-logo-container {
    color: #8bc34a
    }
body[theme=light-green] .devsite-search-project .devsite-product-logo-container[background], body[theme=light-green] devsite-header .devsite-product-logo-container[background] {
    background: #8bc34a;
    color: #fff
    }
body[theme=light-green] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=light-green] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=light-green] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=light-green] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=light-green] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=light-green] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=light-green] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=light-green] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #8bc34a
    }
body[theme=light-green] .devsite-collapsible-section {
    background-color: #8bc34a
    }
body[theme=light-green] cloudx-tabs-nav.lower-tabs a, body[theme=light-green] devsite-tabs.lower-tabs a {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=light-green] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=light-green] devsite-tabs.lower-tabs tab > a:hover:after {
    background: rgba(0, 0, 0, 0.87)
    }
body[theme=light-green] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=light-green] devsite-tabs.lower-tabs tab[active] > a {
    color: #202124
    }
body[theme=light-green] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=light-green] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=light-green] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=light-green] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #202124
    }
body[theme=light-green] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=light-green] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=light-green] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=light-green] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=light-green] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=light-green] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=light-green] devsite-tabs .devsite-tabs-dropdown a, body[theme=light-green] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=light-green] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=light-green] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=light-green] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=light-green] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=light-green] cloudx-tabs-nav.upper-tabs tab > a, body[theme=light-green] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=light-green] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=light-green] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=light-green] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=light-green] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=light-green] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=light-green] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=light-green] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=light-green] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #689f38
    }
body[theme=light-green] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=light-green] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=light-green] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=light-green] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #689f38
    }
body[theme=light-green] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=light-green] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #aed581;
    color: #202124
    }
body[theme=light-green] .devsite-landing-row-item-custom-image:not([background]), body[theme=light-green] [background=theme] {
    background-color: #aed581
    }
body[theme=light-green] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=light-green] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=light-green] [foreground=theme] .button, body[theme=light-green] [foreground=theme] :focus > :not(.material-icons), body[theme=light-green] [foreground=theme] :link > :not(.material-icons):hover, body[theme=light-green] [foreground=theme] a:not(.button), body[theme=light-green] [foreground=theme] a:not(.button) h2, body[theme=light-green] [foreground=theme] a:not(.button) h3 {
    color: #8bc34a
    }
body[theme=light-green] [foreground=theme] .button:active, body[theme=light-green] [foreground=theme] .button:focus, body[theme=light-green] [foreground=theme] .button:hover {
    background: #f3f9ed;
    color: #689f38
    }
body[theme=light-green] [foreground=theme] .button:focus, body[theme=light-green] [foreground=theme] .button:hover {
    border: 1px solid #e2f0d2
    }
body[theme=light-green] [foreground=theme] .button:active {
    border-color: #f3f9ed
    }
body[theme=light-green] [foreground=theme] .button-primary {
    background: #8bc34a;
    color: #202124
    }
body[theme=light-green] [foreground=theme] .button-primary:active, body[theme=light-green] [foreground=theme] .button-primary:focus, body[theme=light-green] [foreground=theme] .button-primary:hover {
    background: #689f38;
    color: #202124
    }
body[theme=light-green] [foreground] .button-primary:active, body[theme=light-green] [foreground] .button-primary:focus, body[theme=light-green] [foreground] .button-primary:hover, body[theme=light-green] [foreground] .button-raised:active, body[theme=light-green] [foreground] .button-raised:focus, body[theme=light-green] [foreground] .button-raised:hover, body[theme=light-green] [foreground] .button-white:active, body[theme=light-green] [foreground] .button-white:focus, body[theme=light-green] [foreground] .button-white:hover {
    border: 0
    }
body[theme=light-green] [background=theme] .devsite-landing-row-description, body[theme=light-green] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=light-green] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=light-green] [background=theme] :link:not(.button), body[theme=light-green] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=light-green] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=light-green] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=light-green] [background=theme] :visited:not(.button), body[theme=light-green] [background=theme] h2, body[theme=light-green] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #202124
    }
body[theme=light-green] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=light-green] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=light-green] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=light-green] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: rgba(154, 160, 166, 0.5)
    }
body[theme=light-green] devsite-content .devsite-404-header h3, body[theme=light-green] devsite-content .devsite-offline-header h3 {
    color: #689f38
    }
body[theme=light-green] devsite-header .devsite-search-background, body[theme=light-green] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=light-green] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=light-green] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #8bc34a
    }
body[theme=light-green] devsite-header .devsite-search-background:after, body[theme=light-green] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=light-green] devsite-header devsite-search .devsite-search-field, body[theme=light-green] devsite-header devsite-search .devsite-search-image, body[theme=light-green] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=light-green] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=light-green] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=light-green] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=light-green] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=light-green] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=light-green][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=light-green] devsite-header .devsite-search-background, body[theme=light-green] devsite-header .devsite-search-background:after, body[theme=light-green] devsite-header[search-active] .devsite-search-background:after, body[theme=light-green] devsite-header devsite-search .devsite-search-field, body[theme=light-green] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=light-green][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=orange] devsite-header .devsite-top-logo-row, body[theme=orange] devsite-header .devsite-top-logo-row-wrapper-wrapper, body[theme=orange] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=orange] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=orange] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=orange] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=orange] devsite-header .devsite-header-billboard {
    background-color: #e8710a
    }
body[theme=orange] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=orange] devsite-book-nav .devsite-breadcrumb-link, body[theme=orange] devsite-header .devsite-breadcrumb-guillemet, body[theme=orange] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=orange] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=orange] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=orange] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=orange] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=orange] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=orange] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=orange] devsite-header .devsite-breadcrumb-link:focus, body[theme=orange] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=orange] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=orange] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=orange] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=orange] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=orange] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=orange] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=orange] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=orange] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=orange] devsite-header .devsite-product-description-row {
    color: #fff
    }
body[theme=orange] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    fill: #fff
    }
body[theme=orange] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=orange] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=orange] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    fill: hsla(0, 0%, 100%, 0.7)
    }
body[theme=orange] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=orange] devsite-header .devsite-header-icon-button:active, body[theme=orange] devsite-header .devsite-header-icon-button:focus, body[theme=orange] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=orange] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=orange] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=orange] devsite-header .devsite-header--loading:after, body[theme=orange] devsite-header .devsite-header--loading span:after {
    background-color: #e8710a
    }
body[theme=orange] devsite-toc > .devsite-nav-list {
    border-color: #e8710a
    }
body[theme=orange] .devsite-landing-row-cta:not([background]) {
    background-color: #e8710a;
    color: #202124
    }
body[theme=orange] .devsite-feedback-item-icon-color {
    background-color: #e8710a
    }
body[theme=orange] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=orange] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #202124
    }
body[theme=orange] .devsite-search-project .devsite-product-logo-container, body[theme=orange] devsite-header .devsite-product-logo-container {
    color: #e8710a
    }
body[theme=orange] .devsite-search-project .devsite-product-logo-container[background], body[theme=orange] devsite-header .devsite-product-logo-container[background] {
    background: #e8710a;
    color: #fff
    }
body[theme=orange] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=orange] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=orange] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=orange] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=orange] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=orange] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=orange] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=orange] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #e8710a
    }
body[theme=orange] .devsite-collapsible-section {
    background-color: #e8710a
    }
body[theme=orange] cloudx-tabs-nav.lower-tabs a, body[theme=orange] devsite-tabs.lower-tabs a {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=orange] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=orange] devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7)
    }
body[theme=orange] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=orange] devsite-tabs.lower-tabs tab[active] > a {
    color: #fff
    }
body[theme=orange] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=orange] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=orange] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=orange] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff
    }
body[theme=orange] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=orange] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=orange] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=orange] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=orange] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=orange] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=orange] devsite-tabs .devsite-tabs-dropdown a, body[theme=orange] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=orange] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=orange] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=orange] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=orange] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=orange] cloudx-tabs-nav.upper-tabs tab > a, body[theme=orange] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=orange] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=orange] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=orange] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=orange] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=orange] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=orange] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=orange] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=orange] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #c26401
    }
body[theme=orange] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=orange] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=orange] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=orange] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #c26401
    }
body[theme=orange] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=orange] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #fcad70;
    color: #202124
    }
body[theme=orange] .devsite-landing-row-item-custom-image:not([background]), body[theme=orange] [background=theme] {
    background-color: #fcad70
    }
body[theme=orange] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=orange] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=orange] [foreground=theme] .button, body[theme=orange] [foreground=theme] :focus > :not(.material-icons), body[theme=orange] [foreground=theme] :link > :not(.material-icons):hover, body[theme=orange] [foreground=theme] a:not(.button), body[theme=orange] [foreground=theme] a:not(.button) h2, body[theme=orange] [foreground=theme] a:not(.button) h3 {
    color: #e8710a
    }
body[theme=orange] [foreground=theme] .button:active, body[theme=orange] [foreground=theme] .button:focus, body[theme=orange] [foreground=theme] .button:hover {
    background: #fdf1e7;
    color: #c26401
    }
body[theme=orange] [foreground=theme] .button:focus, body[theme=orange] [foreground=theme] .button:hover {
    border: 1px solid #f9dcc2
    }
body[theme=orange] [foreground=theme] .button:active {
    border-color: #fdf1e7
    }
body[theme=orange] [foreground=theme] .button-primary {
    background: #e8710a;
    color: #202124
    }
body[theme=orange] [foreground=theme] .button-primary:active, body[theme=orange] [foreground=theme] .button-primary:focus, body[theme=orange] [foreground=theme] .button-primary:hover {
    background: #c26401;
    color: #202124
    }
body[theme=orange] [foreground] .button-primary:active, body[theme=orange] [foreground] .button-primary:focus, body[theme=orange] [foreground] .button-primary:hover, body[theme=orange] [foreground] .button-raised:active, body[theme=orange] [foreground] .button-raised:focus, body[theme=orange] [foreground] .button-raised:hover, body[theme=orange] [foreground] .button-white:active, body[theme=orange] [foreground] .button-white:focus, body[theme=orange] [foreground] .button-white:hover {
    border: 0
    }
body[theme=orange] [background=theme] .devsite-landing-row-description, body[theme=orange] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=orange] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=orange] [background=theme] :link:not(.button), body[theme=orange] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=orange] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=orange] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=orange] [background=theme] :visited:not(.button), body[theme=orange] [background=theme] h2, body[theme=orange] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #202124
    }
body[theme=orange] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=orange] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=orange] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=orange] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: rgba(154, 160, 166, 0.5)
    }
body[theme=orange] devsite-content .devsite-404-header h3, body[theme=orange] devsite-content .devsite-offline-header h3 {
    color: #c26401
    }
body[theme=orange] devsite-header .devsite-search-background, body[theme=orange] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=orange] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=orange] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #e8710a
    }
body[theme=orange] devsite-header .devsite-search-background:after, body[theme=orange] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=orange] devsite-header devsite-search .devsite-search-field, body[theme=orange] devsite-header devsite-search .devsite-search-image, body[theme=orange] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=orange] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=orange] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=orange] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=orange] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=orange] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #dadce0
    }
@media screen and (max-width: 840px) {
    body[theme=orange][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=orange] devsite-header .devsite-search-background, body[theme=orange] devsite-header .devsite-search-background:after, body[theme=orange] devsite-header[search-active] .devsite-search-background:after, body[theme=orange] devsite-header devsite-search .devsite-search-field, body[theme=orange] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=orange][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body[theme=white] devsite-header .devsite-top-logo-row-wrapper-wrapper {
    background: #fff;
    border-bottom: 1px solid #bdc1c6
    }
body[theme=white] devsite-header .devsite-tabs-dropdown-content {
    border-top: 1px solid #bdc1c6
    }
body[theme=white] devsite-header .devsite-top-logo-row, body[theme=white] devsite-header .devsite-top-logo-row-wrapper-wrapper:before, body[theme=white] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, body[theme=white] devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, body[theme=white] devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff
    }
body[theme=white] devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-overflow-menu, body[theme=white] devsite-header devsite-tabs.upper-tabs .devsite-tabs-overflow-menu {
    border-top: 1px solid #bdc1c6
    }
body[theme=white] devsite-header .devsite-header-billboard {
    background-color: #fff
    }
body[theme=white] devsite-book-nav .devsite-breadcrumb-guillemet, body[theme=white] devsite-book-nav .devsite-breadcrumb-link, body[theme=white] devsite-header .devsite-breadcrumb-guillemet, body[theme=white] devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
body[theme=white] devsite-book-nav .devsite-breadcrumb-guillemet:focus, body[theme=white] devsite-book-nav .devsite-breadcrumb-guillemet:hover, body[theme=white] devsite-book-nav .devsite-breadcrumb-link:focus, body[theme=white] devsite-book-nav .devsite-breadcrumb-link:hover, body[theme=white] devsite-header .devsite-breadcrumb-guillemet:focus, body[theme=white] devsite-header .devsite-breadcrumb-guillemet:hover, body[theme=white] devsite-header .devsite-breadcrumb-link:focus, body[theme=white] devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=white] devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=white] devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=white] devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=white] devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, body[theme=white] devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, body[theme=white] devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, body[theme=white] devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, body[theme=white] devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
body[theme=white] devsite-header .devsite-product-description-row {
    color: #202124
    }
body[theme=white] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, body[theme=white] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, body[theme=white] devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #202124;
    fill: #202124
    }
body[theme=white] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, body[theme=white] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, body[theme=white] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, body[theme=white] devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, body[theme=white] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, body[theme=white] devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: #5f6368;
    fill: #5f6368
    }
body[theme=white] devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65)
    }
body[theme=white] devsite-header .devsite-header-icon-button:active, body[theme=white] devsite-header .devsite-header-icon-button:focus, body[theme=white] devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87)
    }
body[theme=white] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, body[theme=white] #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, body[theme=white] devsite-header .devsite-header--loading:after, body[theme=white] devsite-header .devsite-header--loading span:after {
    background-color: #5f6368
    }
body[theme=white] devsite-toc > .devsite-nav-list {
    border-color: #039be5
    }
body[theme=white] .devsite-landing-row-cta:not([background]) {
    background-color: #fff;
    color: #202124
    }
body[theme=white] .devsite-feedback-item-icon-color {
    background-color: #fff
    }
body[theme=white] .devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, body[theme=white] .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #202124
    }
body[theme=white] .devsite-search-project .devsite-product-logo-container, body[theme=white] devsite-header .devsite-product-logo-container {
    color: #fff
    }
body[theme=white] .devsite-search-project .devsite-product-logo-container[background], body[theme=white] devsite-header .devsite-product-logo-container[background] {
    background: #fff;
    color: #fff
    }
body[theme=white] devsite-header .devsite-product-logo {
    color: inherit
    }
body[theme=white] .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=white] .devsite-landing-row-item-icon-container[foreground=theme], body[theme=white] .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=white] .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], body[theme=white] .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover, body[theme=white] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], body[theme=white] :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #fff
    }
body[theme=white] .devsite-collapsible-section {
    background-color: #fff
    }
body[theme=white] cloudx-tabs-nav.lower-tabs a, body[theme=white] devsite-tabs.lower-tabs a {
    color: #5f6368
    }
body[theme=white] devsite-tabs.lower-tabs tab > a:focus:after, body[theme=white] devsite-tabs.lower-tabs tab > a:hover:after {
    background: #5f6368
    }
body[theme=white] cloudx-tabs-nav.lower-tabs tab[active] > a, body[theme=white] devsite-tabs.lower-tabs tab[active] > a {
    color: #202124
    }
body[theme=white] cloudx-tabs-nav.lower-tabs tab[active] > a:focus, body[theme=white] devsite-tabs.lower-tabs tab[active] > a:focus {
    color: #5f6368
    }
body[theme=white] cloudx-tabs-nav.lower-tabs tab[active] > a:after, body[theme=white] devsite-tabs.lower-tabs tab[active] > a:after {
    background: #202124
    }
body[theme=white] cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description, body[theme=white] cloudx-tabs-nav tab[dropdown] .devsite-nav-title, body[theme=white] devsite-tabs tab[dropdown] .devsite-nav-item-description, body[theme=white] devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368
    }
body[theme=white] cloudx-tabs-nav .devsite-tabs-dropdown a, body[theme=white] cloudx-tabs-nav .devsite-tabs-dropdown a:visited, body[theme=white] devsite-tabs .devsite-tabs-dropdown a, body[theme=white] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124
    }
body[theme=white] cloudx-tabs-nav .devsite-tabs-dropdown a:focus, body[theme=white] cloudx-tabs-nav .devsite-tabs-dropdown a:hover, body[theme=white] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme=white] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
body[theme=white] cloudx-tabs-nav.upper-tabs tab > a, body[theme=white] devsite-tabs.upper-tabs tab > a {
    color: #5f6368
    }
body[theme=white] cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=white] cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, body[theme=white] devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, body[theme=white] devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body[theme=white] devsite-tabs.upper-tabs > div > tab > a:focus:after, body[theme=white] devsite-tabs.upper-tabs > div > tab > a:hover:after {
    background: #5f6368
    }
body[theme=white] cloudx-tabs-nav.upper-tabs > div > tab[active] > a, body[theme=white] devsite-tabs.upper-tabs > div > tab[active] > a {
    color: #202124
    }
body[theme=white] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:focus, body[theme=white] devsite-tabs.upper-tabs > div > tab[active] > a:focus {
    color: #5f6368
    }
body[theme=white] cloudx-tabs-nav.upper-tabs > div > tab[active] > a:after, body[theme=white] devsite-tabs.upper-tabs > div > tab[active] > a:after {
    background: #202124
    }
body[theme=white] devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=white] devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #fff;
    color: #202124
    }
body[theme=white] .devsite-landing-row-item-custom-image:not([background]), body[theme=white] [background=theme] {
    background-color: #fff
    }
body[theme=white] .devsite-landing-row-item[foreground=theme] :link h2, body[theme=white] .devsite-landing-row-item[foreground=theme] :link h3, body[theme=white] [foreground=theme] .button, body[theme=white] [foreground=theme] :focus > :not(.material-icons), body[theme=white] [foreground=theme] :link > :not(.material-icons):hover, body[theme=white] [foreground=theme] a:not(.button), body[theme=white] [foreground=theme] a:not(.button) h2, body[theme=white] [foreground=theme] a:not(.button) h3 {
    color: #039be5
    }
body[theme=white] [foreground=theme] .button:active, body[theme=white] [foreground=theme] .button:focus, body[theme=white] [foreground=theme] .button:hover {
    background: #e6f5fc;
    color: #0388ca
    }
body[theme=white] [foreground=theme] .button:focus, body[theme=white] [foreground=theme] .button:hover {
    border: 1px solid #c0e6f9
    }
body[theme=white] [foreground=theme] .button:active {
    border-color: #e6f5fc
    }
body[theme=white] [foreground=theme] .button-primary {
    background: #039be5;
    color: #202124
    }
body[theme=white] [foreground=theme] .button-primary:active, body[theme=white] [foreground=theme] .button-primary:focus, body[theme=white] [foreground=theme] .button-primary:hover {
    background: #0388ca;
    color: #202124
    }
body[theme=white] [foreground] .button-primary:active, body[theme=white] [foreground] .button-primary:focus, body[theme=white] [foreground] .button-primary:hover, body[theme=white] [foreground] .button-raised:active, body[theme=white] [foreground] .button-raised:focus, body[theme=white] [foreground] .button-raised:hover, body[theme=white] [foreground] .button-white:active, body[theme=white] [foreground] .button-white:focus, body[theme=white] [foreground] .button-white:hover {
    border: 0
    }
body[theme=white] [background=theme] .devsite-landing-row-description, body[theme=white] [background=theme] .devsite-landing-row-item-list-item-icon-container:not([foreground]), body[theme=white] [background=theme] :link .devsite-landing-row-item-list-item-description h4 + p, body[theme=white] [background=theme] :link:not(.button), body[theme=white] [background=theme]:not(.devsite-landing-row-cards) .button-white, body[theme=white] [background=theme]:not(.devsite-landing-row-cards) h3, body[theme=white] [background=theme]:not([foreground]):not(.devsite-landing-row-cards), body[theme=white] [background=theme] :visited:not(.button), body[theme=white] [background=theme] h2, body[theme=white] [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #202124
    }
body[theme=white] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], body[theme=white] :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover, body[theme=white] [background=theme] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, body[theme=white] [background=theme] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
body[theme=white] devsite-content .devsite-404-header h3, body[theme=white] devsite-content .devsite-offline-header h3 {
    color: #202124
    }
body[theme=white] devsite-header .devsite-header-billboard-search .devsite-search-background, body[theme=white] devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before, body[theme=white] devsite-header .devsite-search-background, body[theme=white] devsite-header devsite-search .devsite-searchbox:before {
    background: #fff
    }
body[theme=white] devsite-header .devsite-search-background:after, body[theme=white] devsite-header[search-active] .devsite-search-background:after {
    background: #f1f3f4
    }
body[theme=white] devsite-header devsite-search .devsite-search-field, body[theme=white] devsite-header devsite-search .devsite-search-image, body[theme=white] devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search .devsite-search-field {
    background: #f1f3f4
    }
body[theme=white] devsite-header devsite-search .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search .devsite-search-field:hover {
    background: #e8eaed
    }
body[theme=white] devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
body[theme=white] devsite-header devsite-search[search-active] .devsite-search-field, body[theme=white] devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    color: #202124
    }
body[theme=white] devsite-book-nav .devsite-mobile-header {
    background: #fff;
    border-bottom: 1px solid #bdc1c6
    }
@media screen and (max-width: 840px) {
    body[theme=white][layout=docs] .devsite-banner-announcement {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    body[theme=white] devsite-header .devsite-search-background, body[theme=white] devsite-header .devsite-search-background:after, body[theme=white] devsite-header[search-active] .devsite-search-background:after, body[theme=white] devsite-header devsite-search .devsite-search-field, body[theme=white] devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    body[theme=white][layout=docs] .devsite-article {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
.devsite-site-logo {
    width: 185px
    }
body, dd, div, dl, figure, form, img, input, menu {
    margin: 0;
    padding: 0
    }
body[no-overflow] {
    overflow: hidden
    }
iframe {
    border: 0
    }
iframe:not([src]) {
    display: none
    }
.beta > :first-child, .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 > .devsite-table-wrapper:first-child > table, td > .expandable:first-child > :nth-child(2), td > :first-child, td > :first-child > li:first-child {
    margin-top: 0
    }
.beta > :last-child, .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 > .devsite-table-wrapper:last-child > table, td > .expandable:last-child > :last-child, td > :last-child, td > :last-child > li:last-child {
    margin-bottom: 0
    }
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
    }
.clearfix:after, .quickstart-step:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    visibility: hidden
    }
body, html {
    color: #202124;
    font: 400 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
    }
body[sitemask--active] {
    overflow: hidden
    }
p {
    margin: 16px 0;
    padding: 0
    }
img, video {
    border: 0;
    height: auto;
    max-width: 100%
    }
table img {
    max-width: 272px
    }
:link, :visited {
    color: #1a73e8;
    outline: 0;
    text-decoration: none
    }
a:focus {
    text-decoration: underline
    }
a:focus img {
    -webkit-filter: brightness(75%);
    filter: brightness(75%)
    }
.devsite-toast-content :link, .devsite-toast-content :visited {
    color: #fff;
    text-decoration: underline
    }
.devsite-toast-content a:focus {
    background: hsla(0, 0%, 100%, 0.3);
    -webkit-border-radius: 2px;
    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: 12px 0;
    padding: 0
    }
dt {
    font: 700 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
blockquote, dd, dt {
    margin: 16px 0
    }
blockquote {
    background: #f1f3f4;
    padding: 8px;
    quotes: none
    }
hr {
    background: #dadce0;
    border: 0;
    height: 1px;
    margin: 16px 0;
    width: 100%
    }
.devsite-article-body > hr.full-width {
    margin: 16px -40px;
    width: calc(100% + 80px)
    }
@media screen and (max-width: 840px) {
    .devsite-article-body > hr.full-width {
        margin: 16px -24px;
        width: calc(100% + 48px)
        }
    }
@media screen and (max-width: 600px) {
    .devsite-article-body > hr.full-width {
        margin: 16px -16px;
        width: calc(100% + 32px)
        }
    }
abbr, acronym {
    border-bottom: 1px dotted #5f6368;
    cursor: help
    }
address, cite, dfn, em {
    font-style: italic
    }
strong {
    font-weight: 700
    }
[visually-hidden] {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important
    }
.hidden, [hidden] {
    display: none !important
    }
[render-hidden] {
    display: inline !important;
    position: absolute !important;
    visibility: hidden !important
    }
[no-scroll] {
    overflow: hidden
    }
#app-progress {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1011
    }
.devsite-article .material-icons {
    vertical-align: bottom
    }
.devsite-article-body .material-icons:not(:link), [type=landing] .devsite-article .material-icons:not(:link) {
    cursor: default
    }
.footnotes ol {
    padding-left: 16px
    }
.footnotes li {
    font: 400 13px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
#qv-wrapper, #table-of-contents, #tb-wrapper, .inline-toc, div.toc:not(.class):not(.group):not(.type):not(.interface), h2#contents, h2.toc, h3#contents, h3.toc, ol.toc, section.toc, ul.toc {
    display: none
    }
@media screen and (max-width: 840px) {
    #app-progress {
        z-index: 1014
        }
    }
.no-feedback devsite-feedback {
    display: none !important
    }
.preserve-case {
    text-transform: none
    }
a.external:after, a[href*=man7\.org]:after, a[href*=oracle\.com]:after {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    content: "open_in_new";
    font-size: 18px;
    margin: 0;
    vertical-align: text-bottom
    }
[dir=ltr] a.external:after, [dir=ltr] a[href*=man7\.org]:after, [dir=ltr] a[href*=oracle\.com]:after {
    margin-left: 4px
    }
[dir=rtl] a.external:after, [dir=rtl] a[href*=man7\.org]:after, [dir=rtl] a[href*=oracle\.com]:after {
    margin-right: 4px;
    -webkit-transform: scalex(-1);
    -o-transform: scalex(-1);
    transform: scalex(-1)
    }
a.download:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    content: "file_download";
    display: inline-block;
    font-size: 18px;
    margin: 0;
    vertical-align: text-bottom
    }
[dir=ltr] a.download:before {
    margin-right: 4px
    }
[dir=rtl] a.download:before {
    margin-left: 4px
    }
devsite-content {
    counter-reset: numbered
    }
h2.numbered {
    line-height: 48px;
    margin-top: 60px;
    padding-bottom: 19px
    }
h2.numbered:before {
    background: #bdc1c6;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    content: counter(numbered);
    counter-increment: numbered;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin: 0 20px 0 0;
    text-align: center;
    width: 48px
    }
[dir=rtl] h2.numbered:before {
    margin: 0 0 0 20px
    }
.compare-better, .compare-no, .compare-worse, .compare-yes {
    font-weight: 700
    }
.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;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin: -4px 4px 0 0;
    text-transform: none;
    vertical-align: middle;
    width: 24px
    }
[dir=rtl] .compare-better:before, [dir=rtl] .compare-blank:before, [dir=rtl] .compare-no:before, [dir=rtl] .compare-worse:before, [dir=rtl] .compare-yes:before {
    margin: -4px 0 0 4px
    }
.compare-better:before {
    color: #34a853;
    content: "thumb_up"
    }
.compare-no:before {
    color: #dd2c00;
    content: "not_interested"
    }
.compare-worse:before {
    color: #dd2c00;
    content: "thumb_down"
    }
.compare-yes:before {
    color: #34a853;
    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
    }
[dir=rtl] .hanging-indent, [dir=rtl] .members.function td:first-child {
    padding-left: 0;
    padding-right: 25px
    }
.bad-table {
    table-layout: fixed
    }
.bad-table td, .bad-table tr {
    word-wrap: break-word
    }
.bad-table pre {
    word-wrap: normal
    }
.screenshot {
    border: 1px solid #e8eaed;
    padding: 3px
    }
.columns td, .columns th, .columns tr {
    background: 0;
    border: 0;
    font: 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0
    }
[dir=ltr] .columns td, [dir=ltr] .columns th {
    padding-right: 20px
    }
[dir=rtl] .columns td, [dir=rtl] .columns th {
    padding-left: 20px
    }
.columns th {
    color: #202124;
    font-weight: 500
    }
.columns code, .columns pre {
    background: #f1f3f4
    }
.inline:not(.expandable) {
    display: inline
    }
.inline-block {
    display: inline-block
    }
.block {
    display: block
    }
img.inline-icon {
    height: 1.2em;
    vertical-align: sub
    }
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.attempt-left, .video-wrapper-left, aside.attempt-left {
    float: left;
    margin: 0 40px 40px 0
    }
.attempt-right, .video-wrapper, [dir=rtl] .attempt-left, [dir=rtl] .video-wrapper-left, [dir=rtl] aside.attempt-left, aside.attempt-right {
    float: right;
    margin: 0 0 40px 40px
    }
[dir=rtl] .attempt-right, [dir=rtl] .video-wrapper, [dir=rtl] aside.attempt-right {
    float: left;
    margin: 0 40px 40px 0
    }
.attempt-left + .attempt-right, .attempt-left + .video-wrapper, .video-wrapper-left + .attempt-right, .video-wrapper-left + .video-wrapper, [dir=rtl] .attempt-left + .attempt-right, [dir=rtl] .attempt-left + .video-wrapper, [dir=rtl] .video-wrapper-left + .attempt-right, [dir=rtl] .video-wrapper-left + .video-wrapper {
    margin: 0 0 40px
    }
.video-wrapper, .video-wrapper-full-width {
    overflow: hidden;
    position: relative
    }
.video-wrapper-full-width {
    margin: 16px 0;
    width: 100%
    }
.video-wrapper-full-width embed, .video-wrapper-full-width iframe, .video-wrapper-full-width object, .video-wrapper-left embed, .video-wrapper-left iframe, .video-wrapper-left object, .video-wrapper embed, .video-wrapper iframe, .video-wrapper object {
    height: 101%;
    left: -0.5%;
    position: absolute;
    top: -0.5%;
    width: 101%
    }
@media screen and (max-width: 840px) {
    .attempt-left, .attempt-right, aside.attempt-left, aside.attempt-right {
        display: block;
        max-width: 100%
        }
    .attempt-left, .attempt-right, .video-wrapper, .video-wrapper-left, aside.attempt-left, aside.attempt-right {
        float: none;
        margin: 16px 0;
        width: 100%
        }
    }
body[pending] #gc-wrapper {
    margin-top: 0 !important
    }
body[ready] #gc-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    flex: 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
    }
.devsite-wrapper {
    min-height: 100vh
    }
body[ready] .devsite-wrapper {
    min-height: 100%;
    overflow: hidden
    }
@supports ((display: -webkit-flex) or (display: flex)) {
    body [ready]. devsite-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
        }
    }
.full-bleed {
    margin: 0;
    padding: 0
    }
.devsite-book-nav-bg, devsite-book-nav {
    width: 268px
    }
body[pending] devsite-book-nav {
    position: absolute
    }
@media screen and (max-width: 840px) {
    body[devsite-book-nav--open] {
        overflow: hidden
        }
    body[devsite-book-nav--open] devsite-book-nav[fixed] {
        -webkit-transform: translatez(0) !important;
        transform: translatez(0) !important
        }
    }
body devsite-toc.devsite-toc {
    -ms-grid-column: 5;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 24px 24px 0 0;
    min-width: 0;
    width: auto
    }
[dir=rtl] body devsite-toc.devsite-toc {
    margin: 24px 0 0 24px
    }
body devsite-toc > .devsite-nav-list {
    width: auto
    }
.devsite-main-content {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1003
    }
#contain-402 {
    z-index: 1004 !important
    }
body[pending] .devsite-main-content {
    min-height: calc(100vh - 456px)
    }
body[ready] .devsite-main-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    min-height: auto
    }
body[layout=full] .devsite-main-content {
    max-width: 1600px;
    padding: 40px 80px
    }
body[layout=full][type=error] .devsite-main-content {
    max-width: 1600px;
    padding: 0 80px
    }
body[layout=full][type=landing] .devsite-main-content {
    max-width: none;
    padding: 0
    }
body[layout=docs] .devsite-main-content {
    display: -ms-grid;
    display: grid;
    grid-gap: 24px;
    -ms-grid-columns: 1fr 24px minmax(752px, 936px) 24px 1fr;
    grid-template-columns: 1fr minmax(752px, 936px) 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr
    }
body[layout=docs] .devsite-main-content[has-toc] {
    -ms-grid-columns: 1fr 24px minmax(752px, 936px) 24px minmax(160px, 1fr);
    grid-template-columns: 1fr minmax(752px, 936px) minmax(160px, 1fr)
    }
body[layout=docs] .devsite-main-content[has-book-nav] {
    -ms-grid-columns: minmax(268px, 1fr) 24px minmax(752px, 936px) 24px 1fr;
    grid-template-columns: minmax(268px, 1fr) minmax(752px, 936px) 1fr
    }
body[layout=docs] .devsite-main-content[has-book-nav][has-toc] {
    -ms-grid-columns: minmax(268px, 1fr) 24px minmax(752px, 936px) 24px minmax(160px, 1fr);
    grid-template-columns: minmax(268px, 1fr) minmax(752px, 936px) minmax(160px, 1fr)
    }
.devsite-main-content[has-book-nav] ~ .devsite-footer, .devsite-main-content[has-book-nav] ~ devsite-footer-promos, .devsite-main-content[has-book-nav] ~ devsite-footer-utility {
    margin: 0 0 0 268px
    }
[dir=rtl] .devsite-main-content[has-book-nav] ~ .devsite-footer, [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-promos, [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-utility {
    margin: 0 268px 0 0
    }
@media screen and (max-width: 840px) {
    .devsite-main-content[has-book-nav] ~ .devsite-footer, .devsite-main-content[has-book-nav] ~ devsite-footer-promos, .devsite-main-content[has-book-nav] ~ devsite-footer-utility {
        margin-left: 0
        }
    [dir=rtl] .devsite-main-content[has-book-nav] ~ .devsite-footer, [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-promos, [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-utility {
        margin-right: 0
        }
    }
@media screen and (max-width: 1252px) {
    body[layout=docs] .devsite-main-content[has-toc] {
        -ms-grid-columns: 1fr 24px minmax(752px, 936px) 24px 1fr;
        grid-template-columns: 1fr minmax(752px, 936px) 1fr
        }
    body[layout=docs] .devsite-main-content[has-book-nav], body[layout=docs] .devsite-main-content[has-book-nav][has-toc] {
        -ms-grid-columns: 268px 24px 1fr 24px;
        grid-template-columns: 268px 1fr 0
        }
    }
@media screen and (max-width: 840px) {
    body[layout=full] .devsite-main-content {
        padding: 24px
        }
    body[layout=full][type=error] .devsite-main-content {
        padding: 0 24px
        }
    body[layout=docs] .devsite-main-content {
        display: block;
        min-width: 100%
        }
    devsite-content-footer {
        padding: 0 24px
        }
    }
@media screen and (max-width: 600px) {
    body[layout=full] .devsite-main-content {
        padding: 16px
        }
    body[layout=full][type=error] .devsite-main-content, devsite-content-footer {
        padding: 0 16px
        }
    }
.devsite-icon:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal
    }
.devsite-icon-arrow-drop-down:before {
    content: "arrow_drop_down"
    }
.devsite-icon-code:before {
    content: "code"
    }
.devsite-icon-code-dark:before, .devsite-icon-code-light:before {
    content: "brightness_medium"
    }
.devsite-icon-copy:before {
    content: "content_copy"
    }
aside {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] aside {
    padding-left: 60px
    }
[dir=rtl] aside {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) aside {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) aside {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) aside {
    padding-right: calc(50vw - 50% + 36px)
    }
aside:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] aside:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] aside:before {
    float: right;
    margin-right: -36px
    }
aside :link, aside :visited {
    text-decoration: underline
    }
aside a:focus, aside a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
aside pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
aside code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > aside:not([class*=attempt]), .devsite-article-body > div > aside:not([class*=attempt]), .devsite-article-body > p > aside:not([class*=attempt]), .devsite-article-body > section > aside:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > aside:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > aside:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > aside:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > aside:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > aside:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > aside:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > aside:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > aside:not([class*=attempt]) {
    padding-right: 76px
    }
.beta {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .beta {
    padding-left: 60px
    }
[dir=rtl] .beta {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .beta {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .beta {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .beta {
    padding-right: calc(50vw - 50% + 36px)
    }
.beta:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .beta:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .beta:before {
    float: right;
    margin-right: -36px
    }
.beta :link, .beta :visited {
    text-decoration: underline
    }
.beta a:focus, .beta a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.beta pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.beta code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .beta:not([class*=attempt]), .devsite-article-body > div > .beta:not([class*=attempt]), .devsite-article-body > p > .beta:not([class*=attempt]), .devsite-article-body > section > .beta:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .beta:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .beta:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .beta:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .beta:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .beta:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .beta:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .beta:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .beta:not([class*=attempt]) {
    padding-right: 76px
    }
.caution {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .caution {
    padding-left: 60px
    }
[dir=rtl] .caution {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .caution {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .caution {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .caution {
    padding-right: calc(50vw - 50% + 36px)
    }
.caution:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .caution:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .caution:before {
    float: right;
    margin-right: -36px
    }
.caution :link, .caution :visited {
    text-decoration: underline
    }
.caution a:focus, .caution a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.caution pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.caution code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .caution:not([class*=attempt]), .devsite-article-body > div > .caution:not([class*=attempt]), .devsite-article-body > p > .caution:not([class*=attempt]), .devsite-article-body > section > .caution:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .caution:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .caution:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .caution:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .caution:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .caution:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .caution:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .caution:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .caution:not([class*=attempt]) {
    padding-right: 76px
    }
.dogfood {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .dogfood {
    padding-left: 60px
    }
[dir=rtl] .dogfood {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .dogfood {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .dogfood {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .dogfood {
    padding-right: calc(50vw - 50% + 36px)
    }
.dogfood:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .dogfood:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .dogfood:before {
    float: right;
    margin-right: -36px
    }
.dogfood :link, .dogfood :visited {
    text-decoration: underline
    }
.dogfood a:focus, .dogfood a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.dogfood pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.dogfood code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .dogfood:not([class*=attempt]), .devsite-article-body > div > .dogfood:not([class*=attempt]), .devsite-article-body > p > .dogfood:not([class*=attempt]), .devsite-article-body > section > .dogfood:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .dogfood:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .dogfood:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .dogfood:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .dogfood:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .dogfood:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .dogfood:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .dogfood:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .dogfood:not([class*=attempt]) {
    padding-right: 76px
    }
.key-point {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .key-point {
    padding-left: 60px
    }
[dir=rtl] .key-point {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .key-point {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .key-point {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .key-point {
    padding-right: calc(50vw - 50% + 36px)
    }
.key-point:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .key-point:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .key-point:before {
    float: right;
    margin-right: -36px
    }
.key-point :link, .key-point :visited {
    text-decoration: underline
    }
.key-point a:focus, .key-point a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.key-point pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.key-point code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .key-point:not([class*=attempt]), .devsite-article-body > div > .key-point:not([class*=attempt]), .devsite-article-body > p > .key-point:not([class*=attempt]), .devsite-article-body > section > .key-point:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .key-point:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .key-point:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .key-point:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .key-point:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .key-point:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .key-point:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .key-point:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .key-point:not([class*=attempt]) {
    padding-right: 76px
    }
.key-term {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .key-term {
    padding-left: 60px
    }
[dir=rtl] .key-term {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .key-term {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .key-term {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .key-term {
    padding-right: calc(50vw - 50% + 36px)
    }
.key-term:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .key-term:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .key-term:before {
    float: right;
    margin-right: -36px
    }
.key-term :link, .key-term :visited {
    text-decoration: underline
    }
.key-term a:focus, .key-term a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.key-term pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.key-term code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .key-term:not([class*=attempt]), .devsite-article-body > div > .key-term:not([class*=attempt]), .devsite-article-body > p > .key-term:not([class*=attempt]), .devsite-article-body > section > .key-term:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .key-term:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .key-term:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .key-term:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .key-term:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .key-term:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .key-term:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .key-term:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .key-term:not([class*=attempt]) {
    padding-right: 76px
    }
.note {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .note {
    padding-left: 60px
    }
[dir=rtl] .note {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .note {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .note {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .note {
    padding-right: calc(50vw - 50% + 36px)
    }
.note:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .note:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .note:before {
    float: right;
    margin-right: -36px
    }
.note :link, .note :visited {
    text-decoration: underline
    }
.note a:focus, .note a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.note pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.note code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .note:not([class*=attempt]), .devsite-article-body > div > .note:not([class*=attempt]), .devsite-article-body > p > .note:not([class*=attempt]), .devsite-article-body > section > .note:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .note:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .note:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .note:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .note:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .note:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .note:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .note:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .note:not([class*=attempt]) {
    padding-right: 76px
    }
.objective {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .objective {
    padding-left: 60px
    }
[dir=rtl] .objective {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .objective {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .objective {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .objective {
    padding-right: calc(50vw - 50% + 36px)
    }
.objective:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .objective:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .objective:before {
    float: right;
    margin-right: -36px
    }
.objective :link, .objective :visited {
    text-decoration: underline
    }
.objective a:focus, .objective a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.objective pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.objective code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .objective:not([class*=attempt]), .devsite-article-body > div > .objective:not([class*=attempt]), .devsite-article-body > p > .objective:not([class*=attempt]), .devsite-article-body > section > .objective:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .objective:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .objective:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .objective:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .objective:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .objective:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .objective:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .objective:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .objective:not([class*=attempt]) {
    padding-right: 76px
    }
.special {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .special {
    padding-left: 60px
    }
[dir=rtl] .special {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .special {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .special {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .special {
    padding-right: calc(50vw - 50% + 36px)
    }
.special:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .special:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .special:before {
    float: right;
    margin-right: -36px
    }
.special :link, .special :visited {
    text-decoration: underline
    }
.special a:focus, .special a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.special pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.special code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .special:not([class*=attempt]), .devsite-article-body > div > .special:not([class*=attempt]), .devsite-article-body > p > .special:not([class*=attempt]), .devsite-article-body > section > .special:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .special:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .special:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .special:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .special:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .special:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .special:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .special:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .special:not([class*=attempt]) {
    padding-right: 76px
    }
.success {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .success {
    padding-left: 60px
    }
[dir=rtl] .success {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .success {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .success {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .success {
    padding-right: calc(50vw - 50% + 36px)
    }
.success:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .success:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .success:before {
    float: right;
    margin-right: -36px
    }
.success :link, .success :visited {
    text-decoration: underline
    }
.success a:focus, .success a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.success pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.success code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .success:not([class*=attempt]), .devsite-article-body > div > .success:not([class*=attempt]), .devsite-article-body > p > .success:not([class*=attempt]), .devsite-article-body > section > .success:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .success:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .success:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .success:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .success:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .success:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .success:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .success:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .success:not([class*=attempt]) {
    padding-right: 76px
    }
.warning {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .warning {
    padding-left: 60px
    }
[dir=rtl] .warning {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .warning {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .warning {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .warning {
    padding-right: calc(50vw - 50% + 36px)
    }
.warning:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .warning:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .warning:before {
    float: right;
    margin-right: -36px
    }
.warning :link, .warning :visited {
    text-decoration: underline
    }
.warning a:focus, .warning a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.warning pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.warning code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .warning:not([class*=attempt]), .devsite-article-body > div > .warning:not([class*=attempt]), .devsite-article-body > p > .warning:not([class*=attempt]), .devsite-article-body > section > .warning:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .warning:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .warning:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .warning:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .warning:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .warning:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .warning:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .warning:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .warning:not([class*=attempt]) {
    padding-right: 76px
    }
@media screen and (max-width: 600px) {
    body[layout=full] aside {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] aside {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] aside {
        padding-right: 76px
        }
    body[layout=full] .beta {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .beta {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .beta {
        padding-right: 76px
        }
    body[layout=full] .caution {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .caution {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .caution {
        padding-right: 76px
        }
    body[layout=full] .dogfood {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .dogfood {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .dogfood {
        padding-right: 76px
        }
    body[layout=full] .key-point {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .key-point {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .key-point {
        padding-right: 76px
        }
    body[layout=full] .key-term {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .key-term {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .key-term {
        padding-right: 76px
        }
    body[layout=full] .note {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .note {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .note {
        padding-right: 76px
        }
    body[layout=full] .objective {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .objective {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .objective {
        padding-right: 76px
        }
    body[layout=full] .special {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .special {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .special {
        padding-right: 76px
        }
    body[layout=full] .success {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .success {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .success {
        padding-right: 76px
        }
    body[layout=full] .warning {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .warning {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .warning {
        padding-right: 76px
        }
    }
aside var {
    background: inherit;
    font-weight: 700;
    padding: 0
    }
.beta, .beta :link, .beta :visited, .beta code, .note, .note :link, .note :visited, .note code, .special, .special :link, .special :visited, .special code, aside, aside :link, aside :visited, aside code {
    background: #e1f5fe;
    color: #01579b
    }
.note:before, .special:before, aside:before {
    content: "star"
    }
.beta:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M20.21,17.64l-6.15-8.22V5.57h2.57V3H6.35v2.57h2.57v3.86l-6.3,8.4c-0.44,0.6-0.5,1.41-0.15,2.08C2.8,20.58,3.49,21,4.24,21h14.5c1.11,0,2.01-0.9,2.01-2.01C20.75,18.48,20.53,18,20.21,17.64z' fill='%2301579b'/></svg>")
    }
.caution, .caution :link, .caution :visited, .caution code {
    background: #feefe3;
    color: #bf360c
    }
.caution:before {
    content: "error"
    }
.dogfood, .dogfood :link, .dogfood :visited, .dogfood code {
    background: #eceff1;
    color: #546e7a
    }
.dogfood:before {
    content: "pets"
    }
.key-point, .key-point :link, .key-point :visited, .key-point code {
    background: #e8eaf6;
    color: #3f51b5
    }
.key-point:before {
    content: "lightbulb_outline"
    }
.key-term, .key-term :link, .key-term :visited, .key-term code {
    background: #f3e8fd;
    color: #9334e6
    }
.key-term:before {
    content: "font_download"
    }
.objective, .objective :link, .objective :visited, .objective code, .success, .success :link, .success :visited, .success code {
    background: #e0f2f1;
    color: #00796b
    }
.objective:before {
    content: "school"
    }
.success:before {
    content: "check_circle"
    }
.warning, .warning :link, .warning :visited, .warning code {
    background: #fce8e6;
    color: #d50000
    }
.warning:before {
    content: "warning"
    }
.caution :focus code, .caution :hover code, .dogfood :focus code, .dogfood :hover code, .key-point :focus code, .key-point :hover code, .key-term :focus code, .key-term :hover code, .note :focus code, .note :hover code, .objective :focus code, .objective :hover code, .special :focus code, .special :hover code, .success :focus code, .success :hover code, .warning :focus code, .warning :hover code, aside :focus code, aside :hover code {
    background: transparent
    }
.devsite-no-page-title > .beta: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, .devsite-no-page-title > aside:first-child {
    clear: right
    }
.devsite-banner {
    font-size: 14px
    }
.devsite-banner :link, .devsite-banner :visited {
    text-decoration: underline
    }
body[layout=full] .devsite-banner {
    margin: -40px calc(50% - 50vw) 40px
    }
body[type=landing][layout] .devsite-banner {
    margin: 0
    }
body[layout=docs] .devsite-banner {
    margin: -40px -40px 40px
    }
.devsite-banner-message {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    max-width: 1520px;
    padding: 20px 40px
    }
body[layout=full] .devsite-banner-message, body[type=landing] .devsite-banner-message, body[type=landing][layout=docs] .devsite-banner-message {
    padding: 20px 40px
    }
[dir=ltr] .devsite-banner-message-text {
    margin-right: auto
    }
[dir=rtl] .devsite-banner-message-text {
    margin-left: auto
    }
.devsite-banner[background] a:not(.button):focus, .devsite-banner a:not(.button):focus {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.devsite-banner[background=white] {
    border-bottom: 1px solid #dadce0
    }
.devsite-banner-announcement, .devsite-banner-announcement :link, .devsite-banner-announcement :visited {
    background: #e1f5fe
    }
.devsite-banner-announcement[background] :link, .devsite-banner-announcement[background] :visited {
    background: 0
    }
.devsite-banner-confidential {
    background: #feefe3;
    color: #bf360c
    }
.devsite-banner-confidential .devsite-banner-message:before {
    content: "warning";
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal
    }
[dir=ltr] .devsite-banner-confidential .devsite-banner-message:before {
    margin-right: 16px
    }
[dir=rtl] .devsite-banner-confidential .devsite-banner-message:before {
    margin-left: 16px
    }
.devsite-banner-translated {
    background: #f1f3f4;
    color: rgba(0, 0, 0, 0.65)
    }
.devsite-banner-translated :link {
    text-decoration: none
    }
.devsite-banner .button, .devsite-banner button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: -6px 0;
    text-decoration: none
    }
[dir=ltr] .devsite-banner .button, [dir=ltr] .devsite-banner button {
    margin-left: 16px
    }
[dir=rtl] .devsite-banner .button, [dir=rtl] .devsite-banner button {
    margin-right: 16px
    }
.devsite-banner .material-icons {
    margin: -2px 0;
    vertical-align: middle
    }
.devsite-banner-translated-image {
    margin: 4px 0 -4px;
    width: 122px
    }
[dir=ltr] .devsite-banner-translated-image {
    margin-right: 24px
    }
[dir=rtl] .devsite-banner-translated-image {
    margin-left: 24px
    }
.devsite-banner-heading {
    font-weight: 700
    }
@media screen and (max-width: 1252px) {
    .devsite-banner-translated .devsite-banner-translated-text {
        display: block
        }
    }
@media screen and (max-width: 840px) {
    body[layout=docs] .devsite-banner, body[layout=full] .devsite-banner {
        margin: -24px -24px 24px
        }
    .devsite-banner-message, body[layout] .devsite-banner-message, body[layout][type] .devsite-banner-message, body[type] .devsite-banner-message {
        padding: 20px 24px
        }
    body[layout=full] .devsite-banner {
        margin-bottom: 40px
        }
    }
@media screen and (max-width: 600px) {
    body[layout=docs] .devsite-banner, body[layout=full] .devsite-banner {
        margin: -16px -16px 16px
        }
    body[layout=full] .devsite-banner {
        margin-bottom: 40px
        }
    .devsite-banner-message, body[layout] .devsite-banner-message, body[layout][type] .devsite-banner-message, body[type] .devsite-banner-message {
        display: block;
        padding: 16px
        }
    [dir] .devsite-banner .button, [dir] .devsite-banner button {
        margin: 12px 0 0
        }
    }
.devsite-card-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -24px 0 0 -24px
    }
[dir=rtl] .devsite-card-group {
    margin: -24px -24px 0 0
    }
.devsite-card-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    min-width: 0;
    padding: 24px 0 0 24px
    }
[dir=rtl] .devsite-card-wrapper {
    padding: 24px 24px 0 0
    }
.devsite-card-wrapper[hidden] {
    display: none
    }
.devsite-card-list-link, .devsite-card h3 {
    font: 400 24px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
.devsite-card h3 {
    margin: 0 0 10px
    }
.devsite-card {
    background: #fff;
    border: 1px solid #dadce0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
    }
.devsite-card-image-bg {
    background-position: 50%;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    padding: 0 0 56.25%
    }
.devsite-card-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    flex: 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
    }
.devsite-card-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    flex: 1 0;
    padding: 16px;
    word-break: break-word
    }
.devsite-card-category {
    font: 700 12px/22px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.3px;
    margin-top: 0;
    text-transform: uppercase
    }
.devsite-card-summary {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    font: 400 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 16px 0 0;
    max-height: 96px;
    overflow: hidden
    }
.devsite-card-author {
    border-top: 1px solid #dadce0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 16px;
    min-height: 40px;
    position: relative
    }
.devsite-card-author, .devsite-card-buttons {
    padding: 16px
    }
.devsite-card-author-date, .devsite-card-author-name {
    margin: 0
    }
.devsite-card-author-name + .devsite-card-author-date {
    margin-top: 8px
    }
.devsite-card-author + .devsite-card-buttons, .devsite-card-content + .devsite-card-buttons {
    padding-top: 0
    }
.devsite-card-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: auto 0 0
    }
.devsite-card-list {
    list-style: none;
    padding: 0;
    border: 1px solid #dadce0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
    }
.devsite-card-list-item {
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0
    }
.devsite-card-list-item:not(:last-child) {
    border-bottom: 1px solid #dadce0;
    margin: 0;
    padding: 0
    }
.devsite-card-list-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #1a73e8;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    padding: 16px 20px;
    -webkit-transition: background 0.2s, color 0.2s;
    -o-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    width: 100%
    }
.devsite-card-list-link:focus, .devsite-card-list-link:hover {
    background: #e8f0fe
    }
.devsite-card-list-link:focus {
    text-decoration: none
    }
.devsite-card-list-link:after {
    content: "arrow_forward";
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin-left: auto;
    opacity: 0;
    -webkit-transform: translatex(-20px);
    -o-transform: translatex(-20px);
    transform: translatex(-20px);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: opacity 0.2s, -o-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s, -o-transform 0.2s
    }
.devsite-card-list-link:focus:after, .devsite-card-list-link:hover:after {
    opacity: 1;
    -webkit-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
    }
@media screen and (max-width: 840px) {
    .devsite-card-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%
        }
    }
@media screen and (max-width: 600px) {
    .devsite-card-group {
        margin: -16px 0 0 -16px
        }
    [dir=rtl] .devsite-card-group {
        margin: -16px -16px 0 0
        }
    .devsite-card-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 16px 0 0 16px
        }
    [dir=rtl] .devsite-card-wrapper {
        padding: 16px 16px 0 0
        }
    .devsite-card-summary {
        font-size: 14px;
        line-height: 20px;
        max-height: 80px
        }
    }
.pre-style, code, pre {
    background: #f1f3f4;
    color: #37474f;
    direction: ltr !important;
    font: 400 100%/1 Roboto Mono, monospace;
    padding: 1px 4px;
    text-align: left !important
    }
code {
    font: 500 90%/1 Roboto Mono, monospace;
    word-break: break-word
    }
.pre-style code, pre code, table code {
    font-weight: 400;
    word-break: normal
    }
.pre-style, pre {
    font: 14px/20px Roboto Mono, monospace;
    margin: 16px 0;
    overflow-x: auto;
    padding: 24px;
    position: relative
    }
.pre-style code, pre code {
    background: 0;
    font-size: 14px;
    padding: 0
    }
b code, strong code {
    font-weight: 700
    }
pre.devsite-code-highlight > span {
    opacity: 0.54
    }
td > pre:only-child {
    padding: 0
    }
td > devsite-code:only-child pre, td > devsite-code pre.inline-code {
    padding: 0 64px 0 0
    }
td > devsite-code:not([dark-code]):only-child pre, td > devsite-code pre.inline-code {
    background: 0
    }
td > devsite-code:only-child pre ~ .devsite-code-buttons-container, td > devsite-code pre.inline-code ~ .devsite-code-buttons-container {
    top: -6px
    }
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
    background: 0;
    color: #212121;
    padding: 0
    }
h1 code {
    color: #757575
    }
a code, td a code {
    color: #1967d2
    }
body[layout] .devsite-main-content var span, var, var code {
    color: #ec407a;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
    }
pre.clear-for-copy {
    all: initial;
    left: -99999px;
    position: absolute;
    top: -99999px;
    white-space: pre
    }
pre.clear-for-copy * {
    all: unset;
    font-family: Roboto Mono, monospace;
    white-space: pre
    }
fieldset {
    border: 0;
    margin: 0;
    padding: 0
    }
label {
    color: #5f6368;
    display: block;
    font-size: 12px
    }
input + label {
    color: #202124;
    display: inline;
    font-size: 16px
    }
label[for] {
    cursor: pointer
    }
input[type=checkbox], input[type=radio] {
    -webkit-appearance: none;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    height: 18px;
    margin: -2px 8px 2px 0;
    outline: 0;
    position: relative;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    vertical-align: middle;
    width: 18px
    }
[dir=rtl] input[type=checkbox], [dir=rtl] input[type=radio] {
    margin: -2px 0 2px 8px
    }
input[type=checkbox] {
    color: #5f6368
    }
input[type=radio] {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #5f6368;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
    }
input[type=checkbox]:focus:before, input[type=radio]:focus:before {
    background: #e8eaed
    }
input[type=checkbox]:checked, input[type=checkbox]:indeterminate, input[type=radio]:checked {
    color: #1a73e8
    }
input[type=checkbox]:checked:focus:before, input[type=checkbox]:indeterminate:focus:before, input[type=radio]:focus:before {
    background: #d2e3fc
    }
input[type=checkbox]:after, input[type=radio]:after {
    content: "check_box_outline_blank";
    position: relative;
    right: 3px;
    top: -3px;
    z-index: 1
    }
[dir=rtl] input[type=checkbox]:after, [dir=rtl] input[type=radio]:after {
    left: 3px;
    right: auto
    }
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]:before, input[type=radio]:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: "";
    display: block;
    height: 36px;
    left: -9px;
    position: absolute;
    top: -9px;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    width: 36px
    }
[dir=rtl] input[type=checkbox]:before, [dir=rtl] input[type=radio]:before {
    left: auto;
    right: -9px
    }
input:disabled + label, input[type=checkbox]:disabled, input[type=radio]:disabled {
    color: rgba(95, 99, 104, 0.38);
    cursor: default
    }
input[type=date], input[type=datetime-local], input[type=datetime], 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 #dadce0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #202124;
    font: 16px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0;
    max-width: 100%;
    outline: 0;
    padding: 7px;
    -webkit-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
    transition: border-color 0.2s;
    vertical-align: middle
    }
input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]: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 #1a73e8;
    padding-bottom: 6px
    }
input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=datetime]: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: #f1f3f4
    }
body input[type=file] {
    height: auto;
    line-height: 1;
    padding: 8px 24px
    }
select {
    border: 1px solid #dadce0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 27px 0 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='4' viewBox='0 0 20 4'><path d='M0,0l4,4l4-4H0z' fill='%23212121'/></svg>") no-repeat 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #202124;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/36px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    height: 36px;
    line-height: 34px;
    max-width: 256px;
    min-width: 72px;
    outline: 0;
    overflow: hidden;
    text-align: left;
    text-indent: 0.01px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
    vertical-align: middle;
    white-space: nowrap
    }
select:focus, select:hover {
    background-color: #f1f3f4
    }
select:active {
    background-color: #e8eaed
    }
select:disabled {
    background: #f1f3f4 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='4' viewBox='0 0 20 4'><path d='M0,0l4,4l4-4H0z' fill='%23bdbdbd'/></svg>") no-repeat 100%;
    border-color: transparent;
    color: #bdc1c6;
    cursor: default
    }
select::-ms-expand {
    display: none
    }
devsite-book-nav .devsite-breadcrumb-list, devsite-content .devsite-breadcrumb-list, devsite-header .devsite-breadcrumb-list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    white-space: nowrap
    }
.devsite-search-project .devsite-breadcrumb-list, devsite-book-nav .devsite-breadcrumb-list, devsite-header .devsite-breadcrumb-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-content .devsite-breadcrumb-list {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 13px
    }
body[layout=full] devsite-content .devsite-breadcrumb-list, body[type=landing] devsite-content .devsite-breadcrumb-list {
    display: none
    }
devsite-book-nav .devsite-breadcrumb-item, devsite-content .devsite-breadcrumb-item, devsite-header .devsite-breadcrumb-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0
    }
devsite-book-nav .devsite-breadcrumb-guillemet, devsite-header .devsite-breadcrumb-guillemet {
    font-size: 24px;
    margin: 0 4px;
    width: 24px
    }
devsite-content .devsite-breadcrumb-guillemet {
    color: #5f6368;
    font-size: 18px;
    margin: 0 4px;
    width: 18px
    }
devsite-book-nav .devsite-breadcrumb-guillemet:before, devsite-content .devsite-breadcrumb-guillemet:before, devsite-header .devsite-breadcrumb-guillemet:before {
    content: "chevron_right"
    }
[dir=rtl] devsite-book-nav .devsite-breadcrumb-guillemet:before, [dir=rtl] devsite-content .devsite-breadcrumb-guillemet:before, [dir=rtl] devsite-header .devsite-breadcrumb-guillemet:before {
    content: "chevron_left"
    }
devsite-book-nav .devsite-breadcrumb-link, devsite-content .devsite-breadcrumb-link, devsite-header .devsite-breadcrumb-link {
    display: inline-block;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-book-nav .devsite-breadcrumb-link:focus, devsite-book-nav .devsite-breadcrumb-link:hover, devsite-header .devsite-breadcrumb-link:focus, devsite-header .devsite-breadcrumb-link:hover {
    text-decoration: none
    }
devsite-content .devsite-breadcrumb-link {
    color: #5f6368
    }
devsite-content .devsite-breadcrumb-link:focus, devsite-content .devsite-breadcrumb-link:hover {
    color: #1a73e8;
    text-decoration: none
    }
.devsite-nav {
    font-size: 13px
    }
.devsite-nav-list, .devsite-nav-responsive-tabs, .devsite-nav-section {
    list-style-type: none;
    padding: 0
    }
.devsite-nav-item {
    line-height: 16px;
    margin: 0
    }
.devsite-nav-title {
    color: #202124;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 4px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.devsite-nav-title[href]:focus, .devsite-nav-title[href]:hover {
    color: #1a73e8;
    text-decoration: none
    }
.devsite-nav-heading > .devsite-nav-title {
    color: rgba(0, 0, 0, 0.65);
    font-weight: 700
    }
.devsite-nav-active {
    font-weight: 500
    }
.devsite-nav-active, .devsite-nav-active.devsite-nav-title, .devsite-nav-active.devsite-nav-title > .devsite-nav-icon:before, .devsite-nav-deprecated .devsite-nav-active.devsite-nav-title {
    color: #1967d2
    }
.devsite-nav-text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
    }
.devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-title-no-path:focus, .devsite-nav-title-no-path:focus {
    color: #1a73e8
    }
.devsite-nav-icon {
    cursor: default;
    font-size: 18px;
    margin: -1px 0 -1px 4px
    }
[dir=rtl] .devsite-nav-icon {
    margin: -1px 4px -1px 0
    }
.devsite-nav-icon:before {
    color: #5f6368;
    content: "info"
    }
.devsite-nav-icon[data-icon=alpha]:before, .devsite-nav-icon[data-icon=beta]:before, .devsite-nav-icon[data-icon=experimental]:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><path d='M15.78,13.39L11,7V4h2V2H5v2h2v3l-4.9,6.53c-0.34,0.47-0.39,1.1-0.12,1.62C2.24,15.67,2.77,16,3.36,16h11.28 c0.86,0,1.56-0.7,1.56-1.56C16.2,14.04,16.03,13.67,15.78,13.39z' fill='%2380868b'/></svg>")
    }
.devsite-nav-deprecated.devsite-nav-accordion .devsite-nav-title, .devsite-nav-deprecated .devsite-nav-title, .devsite-nav-icon[data-icon=deprecated]:before {
    color: #bdc1c6
    }
.devsite-nav-icon[data-icon=deprecated]:before {
    content: "not_interested"
    }
.devsite-nav-icon[data-icon=external]:before {
    content: "open_in_new"
    }
[dir=rtl] .devsite-nav-icon[data-icon=external]:before {
    display: inline-block;
    -webkit-transform: scalex(-1);
    -o-transform: scalex(-1);
    transform: scalex(-1)
    }
.devsite-nav-icon[data-icon=forward]:before {
    content: "arrow_forward";
    cursor: pointer
    }
[dir=rtl] .devsite-nav-icon[data-icon=forward]:before {
    content: "arrow_back"
    }
.devsite-nav-icon[data-icon=limited]:before {
    content: "verified_user"
    }
.devsite-nav-icon[data-icon=new]:before {
    content: "new_releases"
    }
.devsite-nav-icon[data-icon=nightly]:before {
    content: "nights_stay"
    }
.button, .devsite-footer-utility-button > a, button, input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1a73e8;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    margin: 0;
    min-width: 36px;
    outline: 0;
    overflow: hidden;
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: background-color 0.2s, border 0.2s, -webkit-box-shadow 0.2s;
    transition: background-color 0.2s, border 0.2s, -webkit-box-shadow 0.2s;
    -o-transition: background-color 0.2s, border 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, border 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, border 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dadce0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font: 500 14px/36px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    line-height: 34px;
    padding: 0 24px
    }
.button:active, .button:focus, .button:hover, .devsite-footer-utility-button > a:active, .devsite-footer-utility-button > a:focus, .devsite-footer-utility-button > a:hover, button:active, button:focus, button:hover, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=file]:active, input[type=file]:focus, input[type=file]:hover, input[type=image]:active, input[type=image]:focus, input[type=image]:hover, input[type=reset]:active, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover {
    background: #e8f0fe
    }
.button:focus, .button:hover, .devsite-footer-utility-button > a:focus, .devsite-footer-utility-button > a:hover, button:focus, 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 {
    border: 1px solid #d2e3fc
    }
.button:active, .devsite-footer-utility-button > a:active, button:active, input[type=button]:active, input[type=file]:active, input[type=image]:active, input[type=reset]:active, input[type=submit]:active {
    border: 1px solid #e8f0fe;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
.button.button-disabled, .button.button-disabled:active, .button.button-disabled:focus, .button.button-disabled:hover, [foreground] .button.button-disabled, [foreground] .button.button-disabled:active, [foreground] .button.button-disabled:focus, [foreground] .button.button-disabled:hover, body[theme] [foreground] .button.button-disabled, body[theme] [foreground] .button.button-disabled:active, body[theme] [foreground] .button.button-disabled:focus, body[theme] [foreground] .button.button-disabled:hover, button[disabled], button[disabled]:active, button[disabled]:focus, button[disabled]:hover, input[type=button][disabled], input[type=button][disabled]:active, input[type=button][disabled]:focus, input[type=button][disabled]:hover, input[type=file][disabled], input[type=file][disabled]:active, input[type=file][disabled]:focus, input[type=file][disabled]:hover, input[type=image][disabled], input[type=image][disabled]:active, input[type=image][disabled]:focus, input[type=image][disabled]:hover, input[type=reset][disabled], input[type=reset][disabled]:active, input[type=reset][disabled]:focus, input[type=reset][disabled]:hover, input[type=submit][disabled], input[type=submit][disabled]:active, input[type=submit][disabled]:focus, input[type=submit][disabled]:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
    pointer-events: none;
    background: transparent;
    border: 1px solid #f8f9fa;
    color: #9aa0a6
    }
.button-blue, .button-green, .button-primary, .button-red, body devsite-footer-utility .devsite-footer-utility-button > a {
    background: #1a73e8;
    color: #fff;
    line-height: 36px
    }
.button-blue, .button-blue:active, .button-blue:focus, .button-blue:hover, .button-green, .button-green:active, .button-green:focus, .button-green:hover, .button-primary, .button-primary:active, .button-primary:focus, .button-primary:hover, .button-red, .button-red:active, .button-red:focus, .button-red:hover, body devsite-footer-utility .devsite-footer-utility-button > a, body devsite-footer-utility .devsite-footer-utility-button > a:active, body devsite-footer-utility .devsite-footer-utility-button > a:focus, body devsite-footer-utility .devsite-footer-utility-button > a:hover {
    border: 0
    }
.button-blue:active, .button-blue:focus, .button-blue:hover, .button-green:active, .button-green:focus, .button-green:hover, .button-primary:active, .button-primary:focus, .button-primary:hover, .button-red:active, .button-red:focus, .button-red:hover, body devsite-footer-utility .devsite-footer-utility-button > a:active, body devsite-footer-utility .devsite-footer-utility-button > a:focus, body devsite-footer-utility .devsite-footer-utility-button > a:hover {
    background: #4285f4;
    color: #fff
    }
.button-blue:hover, .button-green:hover, .button-primary:hover, .button-red:hover, body devsite-footer-utility .devsite-footer-utility-button > a:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15)
    }
.button-blue:active, .button-green:active, .button-primary:active, .button-red:active, body devsite-footer-utility .devsite-footer-utility-button > a:active {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
.button-primary.button-disabled, .button-primary.button-disabled:active, .button-primary.button-disabled:focus, .button-primary.button-disabled:hover, .button-primary[disabled], .button-primary[disabled]:active, .button-primary[disabled]:focus, .button-primary[disabled]:hover {
    background: rgba(241, 243, 244, 0.38);
    border: 0
    }
[background]:not([background=grey]):not(.devsite-landing-row-cards) .button-primary {
    background: #fff;
    color: #1a73e8
    }
[background]:not([background=grey]):not(.devsite-landing-row-cards) .button-primary:active, [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-primary:focus, [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-primary:hover {
    background: #e8f0fe
    }
.button-white {
    background: 0;
    color: #1a73e8;
    padding: 0 8px;
    line-height: 36px
    }
.button-white, .button-white:active, .button-white:focus, .button-white:hover {
    border: 0
    }
.button-white:active, .button-white:focus, .button-white:hover {
    background: #e8f0fe
    }
.button-white:active {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15)
    }
.button-white.button-disabled, .button-white[disabled] {
    background: 0
    }
.button-raised {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    background: #fff;
    color: #1a73e8;
    line-height: 36px
    }
.button-raised:focus, .button-raised:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
.button-raised:active {
    -webkit-box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15)
    }
.button-raised, .button-raised:active, .button-raised:focus, .button-raised:hover {
    border: 0
    }
.button-raised:active, .button-raised:focus, .button-raised:hover {
    background: #e8f0fe
    }
.button-raised.button-disabled, .button-raised.button-disabled:active, .button-raised.button-disabled:focus, .button-raised.button-disabled:hover, .button-raised[disabled], .button-raised[disabled]:active, .button-raised[disabled]:focus, .button-raised[disabled]:hover {
    background: rgba(241, 243, 244, 0.38);
    border: 0
    }
.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
    }
[dir=rtl] .button + .button, [dir=rtl] button + button, [dir=rtl] input[type=button] + input[type=button], [dir=rtl] input[type=file] + input[type=file], [dir=rtl] input[type=image] + input[type=image], [dir=rtl] input[type=reset] + input[type=reset], [dir=rtl] input[type=submit] + input[type=submit] {
    margin-left: 0;
    margin-right: 16px
    }
.button-flat + .button-flat, .button-white + .button-white, button + .button {
    margin-left: 8px
    }
[dir=rtl] .button-flat + .button-flat, [dir=rtl] .button-white + .button-white, [dir=rtl] button + .button {
    margin-left: 0;
    margin-right: 8px
    }
.button:focus {
    text-decoration: none
    }
.button-flat {
    padding: 0 8px
    }
.button-flat, .button-flat:active, .button-flat:focus, .button-flat:hover {
    background: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
    }
.button-flat:disabled {
    background-color: transparent
    }
.devsite-landing-row-cta .button, .devsite-landing-row-cta .button:active, .devsite-landing-row-cta .button:focus, .devsite-landing-row-cta .button:hover, .devsite-product-button-row .button, .devsite-product-button-row .button:active, .devsite-product-button-row .button:focus, .devsite-product-button-row .button:hover {
    border: 0
    }
.button-transparent {
    padding: 0 8px
    }
.button-transparent, .button-transparent:focus, .button-transparent:hover {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
    }
.button-text-white {
    color: #fff
    }
.button-text-blue {
    color: #1a73e8
    }
.button-lowercase {
    text-transform: none
    }
.button-unindented {
    margin-left: -8px
    }
[dir=rtl] .button-unindented {
    margin-left: 0;
    margin-right: -8px
    }
.button-icon, .button > .material-icons, button > .material-icons {
    font-size: 18px;
    height: 18px;
    width: 18px
    }
.button.button-with-icon, .button.external {
    padding: 0 15px
    }
.button-primary.button-with-icon, .button-primary.external, .button-raised.button-with-icon, .button-raised.external, .button-white.button-with-icon, .button-white.external {
    padding: 0 16px
    }
.button > .material-icons, button > .material-icons {
    margin: 0 8px;
    position: relative;
    top: -2px;
    vertical-align: middle
    }
.button > .button-icon, button > .button-icon {
    margin: 0 8px
    }
.button-with-icon > .button-icon, .button-with-icon > .material-icons {
    margin: 0 8px 0 -4px
    }
.button-with-icon > .icon-after, .button.external:not(.button-with-icon):after, [dir=rtl] .button-with-icon > .button-icon, [dir=rtl] .button-with-icon > .material-icons, button.external:not(.button-with-icon):after {
    margin: 0 -4px 0 8px
    }
[dir=rtl] .button-with-icon > .icon-after, [dir=rtl] .button.external:not(.button-with-icon):after, [dir=rtl] button.external:not(.button-with-icon):after {
    margin: 0 8px 0 -4px
    }
.button:not(.button-with-icon) > .material-icons:not(.icon-after) {
    margin-left: -12px
    }
.button:not(.button-with-icon) > .icon-after, [dir=rtl] .button:not(.button-with-icon) > .material-icons:not(.icon-after) {
    margin-right: -12px
    }
[dir=rtl] .button:not(.button-with-icon) > .icon-after {
    margin-left: -12px
    }
.button-white:not(.button-with-icon) > .material-icons:not(.icon-after) {
    margin-left: 0
    }
.button-white:not(.button-with-icon) > .icon-after, [dir=rtl] .button-white:not(.button-with-icon) > .material-icons:not(.icon-after) {
    margin-right: 0
    }
[dir=rtl] .button-white:not(.button-with-icon) > .icon-after {
    margin-left: 0
    }
[background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white:hover {
    background: rgba(154, 160, 166, 0.3)
    }
[background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white:focus {
    background: rgba(154, 160, 166, 0.5)
    }
.devsite-landing-row-item[foreground=grey] .button, [foreground=grey] .button {
    background: #5f6368
    }
.devsite-landing-row-item[foreground=grey] .button:active, .devsite-landing-row-item[foreground=grey] .button:focus, .devsite-landing-row-item[foreground=grey] .button:hover, [foreground=grey] .button:active, [foreground=grey] .button:focus, [foreground=grey] .button:hover {
    background: #3c4043
    }
devsite-header .button {
    line-height: 36px
    }
h1, h2, h3, h4, h5, h6 {
    outline: 0
    }
[layout=docs] h1, [layout=docs] h2, [layout=docs] h3, [layout=docs] h4, [layout=docs] h5, [layout=docs] h6 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
    }
.devsite-article h1:first-of-type {
    margin-top: 0;
    position: relative;
    top: -4px
    }
.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, .devsite-landing-row h2, h1 {
    color: inherit;
    font: 400 32px/40px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0;
    margin: 48px 0 24px
    }
.devsite-landing-row .devsite-catalog-alphabet-letter-heading h2 {
    margin: 20px 0
    }
.devsite-landing-row h3, h2 {
    font: 400 24px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 48px 0 24px
    }
h3 {
    margin: 32px 0 16px
    }
.devsite-landing-row-item-no-media h3, .devsite-landing-row h4, h3 {
    font: 400 20px/28px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
.devsite-landing-row-item-no-media h3, .devsite-landing-row h4 {
    margin: 32px 0 12px;
    padding: 0
    }
.devsite-landing-row-large-headings .devsite-landing-row-item-list h4 {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: -0.01em
    }
h4, h5, h6 {
    margin: 32px 0 16px
    }
h4 {
    font: 500 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
h5 {
    font: 700 14px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
h6 {
    font: 500 14px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
h1 + dl > dt:first-child, h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + dl > dt:first-child, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + dl > dt:first-child, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + dl > dt:first-child, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + dl > dt:first-child, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + dl > dt:first-child, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
    margin-top: 0
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-large-headings .devsite-landing-row-item-description h3, .devsite-landing-row h2, h1 {
        font: 400 24px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
        letter-spacing: 0
        }
    }
table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 16px 0 15px;
    width: 100%
    }
caption {
    background: #f1f3f4;
    font-weight: 500;
    padding: 12px 8px;
    text-align: center
    }
tr {
    border: 0;
    border-bottom: 1px solid #dadce0
    }
tr:first-child {
    border-top: 1px solid #dadce0
    }
td, th {
    border: 0;
    margin: 0;
    text-align: left
    }
[dir=rtl] td, [dir=rtl] th {
    text-align: right
    }
th {
    height: 48px;
    padding: 8px;
    vertical-align: middle
    }
th > devsite-heading > h2, th > devsite-heading > h3, th > h2, th > h3 {
    margin: 0 !important;
    padding: 0 !important
    }
td > .expandable > h2.showalways, td > .expandable > h3.showalways, td > h2:only-child, td > h3:only-child, th > devsite-heading > h2, th > devsite-heading > h3, th > h2, th > h3 {
    border: 0;
    font: 500 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
td > .expandable > h2.showalways, td > .expandable > h3.showalways, td > h2:only-child, td > h3:only-child {
    margin: 0;
    padding-bottom: 0
    }
td > .expandable > h2.showalways, td > .expandable > h3.showalways {
    line-height: 24px
    }
table h4, table h5, table h6 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important
    }
td b, td strong, th b, th strong {
    font-weight: 500
    }
td, td code {
    padding: 7px 8px 8px
    }
td code, th code {
    background: 0;
    font: 500 100%/1 Roboto Mono, monospace;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    padding: 0
    }
td pre code {
    color: #37474f;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
    }
table.responsive td, table.responsive th {
    min-width: 214px
    }
table.responsive table:not(.responsive) td, table.responsive table:not(.responsive) th {
    min-width: 120px
    }
table.responsive td code, table.responsive th code {
    word-break: break-all;
    word-break: break-word
    }
table.responsive td tr:not(.alt) td:first-child, table.responsive tr:not(.alt) td td:first-child, td {
    background: hsla(0, 0%, 100%, 0.95);
    vertical-align: top
    }
table.fixed {
    table-layout: fixed
    }
table.fixed td, table.fixed td code, table.fixed th, table.fixed th code {
    word-break: break-word
    }
.devsite-table-wrapper {
    margin: 16px 0;
    overflow: auto
    }
.devsite-table-wrapper .devsite-table-wrapper {
    margin: 0;
    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 td tr:first-child td {
    padding-top: 0
    }
table.responsive td tr:last-child td {
    padding-bottom: 0
    }
[dir=ltr] table.responsive td td:first-child {
    padding-left: 0
    }
[dir=rtl] table.responsive td td:first-child {
    padding-right: 0
    }
table.responsive > * > tr > th:not(:first-child), table.responsive > tr > th:not(:first-child) {
    display: none
    }
table.columns tr {
    border: 0
    }
table table tr:first-child {
    border-top: 0
    }
devsite-selector .devsite-table-wrapper:last-child tr:last-child, table table tr:last-child {
    border-bottom: 0
    }
th, th code {
    background: #e8eaed;
    color: #202124;
    font: 500 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
table.vertical-rules tr > td:not(:last-child), table.vertical-rules tr > th:not(:last-child) {
    border-right: 1px solid #dadce0
    }
.alt td, td.alt {
    background: rgba(241, 243, 244, 0.75)
    }
table.responsive > * > tr:not(.alt) td:first-child, table.responsive > tr:not(.alt) td:first-child {
    background: hsla(0, 0%, 96.5%, 0.87)
    }
table.blue tr {
    background: #e8eaf6;
    border-bottom-color: #c5cae9
    }
table.cyan tr {
    background: #e4f7fb;
    border-bottom-color: #a1e4f2
    }
table.green tr {
    background: #e0f2f1;
    border-bottom-color: #b2dfdb
    }
table.orange tr {
    background: #feefe3;
    border-bottom-color: #fedfc8
    }
table.pink tr {
    background: #fde7f3;
    border-bottom-color: #fdcfe8
    }
table.purple tr {
    background: #f3e8fd;
    border-bottom-color: #e9d2fd
    }
table.blue tr:first-child {
    border-top-color: #c5cae9
    }
table.cyan tr:first-child {
    border-top-color: #a1e4f2
    }
table.green tr:first-child {
    border-top-color: #b2dfdb
    }
table.orange tr:first-child {
    border-top-color: #fedfc8
    }
table.pink tr:first-child {
    border-top-color: #fdcfe8
    }
table.purple tr:first-child {
    border-top-color: #e9d2fd
    }
table.blue th, table.cyan th, table.green th, table.orange th, table.pink th, table.purple th {
    background: inherit
    }
table.blue tr.alt td, table.responsive.blue tr:not(.alt) td:first-child {
    background: #f6f7fb
    }
table.responsive.blue table td:first-child {
    background: #fff
    }
table.cyan tr.alt td, table.responsive.cyan tr:not(.alt) td:first-child {
    background: #f4fcfd
    }
table.responsive.cyan table td:first-child {
    background: #fff
    }
table.green tr.alt td, table.responsive.green tr:not(.alt) td:first-child {
    background: #f3faf9
    }
table.responsive.green table td:first-child {
    background: #fff
    }
table.orange tr.alt td, table.responsive.orange tr:not(.alt) td:first-child {
    background: #fff9f4
    }
table.responsive.orange table td:first-child {
    background: #fff
    }
table.pink tr.alt td, table.responsive.pink tr:not(.alt) td:first-child {
    background: #fef5fa
    }
table.responsive.pink table td:first-child {
    background: #fff
    }
table.purple tr.alt td, table.responsive.purple tr:not(.alt) td:first-child {
    background: #faf6fe
    }
table.responsive.purple table td:first-child {
    background: #fff
    }
table.vertical-rules.blue tr > td:not(:last-child), table.vertical-rules.blue tr > th:not(:last-child) {
    border-right: 1px solid #c5cae9
    }
table.vertical-rules.cyan tr > td:not(:last-child), table.vertical-rules.cyan tr > th:not(:last-child) {
    border-right: 1px solid #a1e4f2
    }
table.vertical-rules.green tr > td:not(:last-child), table.vertical-rules.green tr > th:not(:last-child) {
    border-right: 1px solid #b2dfdb
    }
table.vertical-rules.orange tr > td:not(:last-child), table.vertical-rules.orange tr > th:not(:last-child) {
    border-right: 1px solid #fedfc8
    }
table.vertical-rules.pink tr > td:not(:last-child), table.vertical-rules.pink tr > th:not(:last-child) {
    border-right: 1px solid #fdcfe8
    }
table.vertical-rules.purple tr > td:not(:last-child), table.vertical-rules.purple tr > th:not(:last-child) {
    border-right: 1px solid #e9d2fd
    }
.devsite-article-body > .devsite-full-width-table, .devsite-article-body > table.full-width {
    margin: 16px -40px
    }
@media screen and (max-width: 840px) {
    .devsite-article-body > .devsite-full-width-table, .devsite-article-body > table.full-width {
        margin: 16px -24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-article-body > .devsite-full-width-table, .devsite-article-body > table.full-width {
        margin: 16px -16px
        }
    }
.devsite-article-body > .devsite-full-width-table td:first-child, .devsite-article-body > .devsite-full-width-table th:first-child, .devsite-article-body > table.full-width td:first-child, .devsite-article-body > table.full-width th:first-child {
    padding-left: 40px
    }
@media screen and (max-width: 840px) {
    .devsite-article-body > .devsite-full-width-table td:first-child, .devsite-article-body > .devsite-full-width-table th:first-child, .devsite-article-body > table.full-width td:first-child, .devsite-article-body > table.full-width th:first-child {
        padding-left: 24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-article-body > .devsite-full-width-table td:first-child, .devsite-article-body > .devsite-full-width-table th:first-child, .devsite-article-body > table.full-width td:first-child, .devsite-article-body > table.full-width th:first-child {
        padding-left: 16px
        }
    }
.devsite-article-body > .devsite-full-width-table td:last-child, .devsite-article-body > .devsite-full-width-table th:last-child, .devsite-article-body > table.full-width td:last-child, .devsite-article-body > table.full-width th:last-child {
    padding-right: 40px
    }
@media screen and (max-width: 840px) {
    .devsite-article-body > .devsite-full-width-table td:last-child, .devsite-article-body > .devsite-full-width-table th:last-child, .devsite-article-body > table.full-width td:last-child, .devsite-article-body > table.full-width th:last-child {
        padding-right: 24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-article-body > .devsite-full-width-table td:last-child, .devsite-article-body > .devsite-full-width-table th:last-child, .devsite-article-body > table.full-width td:last-child, .devsite-article-body > table.full-width th:last-child {
        padding-right: 16px
        }
    }
.devsite-full-width-table table table td:first-child, .devsite-full-width-table table table th:first-child {
    padding-left: 0
    }
@media screen and (max-width: 840px) {
    .devsite-full-width-table table table td:first-child, .devsite-full-width-table table table th:first-child {
        padding-right: 0
        }
    }
.devsite-full-width-table table table td:last-child, .devsite-full-width-table table table th:last-child {
    padding-right: 0
    }
@media screen and (max-width: 840px) {
    .devsite-full-width-table table table td:last-child, .devsite-full-width-table table table th:last-child {
        padding-left: 0
        }
    }
@media screen and (max-width: 840px) {
    table.responsive td, table.responsive th, table.responsive tr {
        display: block
        }
    table.responsive table:not(.responsive) tr {
        display: table-row
        }
    table.responsive table:not(.responsive) td, table.responsive table:not(.responsive) th {
        display: table-cell
        }
    table.responsive > * > th, table.responsive > th {
        height: auto;
        padding: 14px 8px
        }
    table.fixed.responsive col {
        display: contents
        }
    }
.devsite-book-nav::-webkit-scrollbar, .devsite-dialog::-webkit-scrollbar, .devsite-popout::-webkit-scrollbar, .devsite-table-wrapper::-webkit-scrollbar, .devsite-tabs-overflow-menu::-webkit-scrollbar, .devsite-toc::-webkit-scrollbar, [scrollbars]::-webkit-scrollbar, pre::-webkit-scrollbar {
    height: 8px;
    width: 8px
    }
.devsite-book-nav::-webkit-scrollbar-thumb, .devsite-dialog::-webkit-scrollbar-thumb, .devsite-popout::-webkit-scrollbar-thumb, .devsite-table-wrapper::-webkit-scrollbar-thumb, .devsite-tabs-overflow-menu::-webkit-scrollbar-thumb, .devsite-toc::-webkit-scrollbar-thumb, [scrollbars]::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb {
    background: rgba(128, 134, 139, 0.26);
    -webkit-border-radius: 8px;
    border-radius: 8px
    }
.devsite-doc-set-nav-row::-webkit-scrollbar, .devsite-header-upper-tabs::-webkit-scrollbar, [no-horizontal-scrollbars]::-webkit-scrollbar {
    height: 0;
    width: 0
    }
.devsite-table-wrapper::-webkit-scrollbar-corner, [scrollbars]::-webkit-scrollbar-corner, pre::-webkit-scrollbar-corner {
    background: 0
    }
.devsite-cse-confidential-results {
    background: rgba(254, 239, 227, 0.5);
    margin: 16px -40px;
    padding: 0 40px 16px
    }
.devsite-cse-confidential-results + aside {
    margin-top: -16px !important
    }
.devsite-search-results-stats {
    margin-bottom: 8px
    }
.devsite-search-results-restricted .gs-title {
    font-weight: 500
    }
.devsite-search-results-restricted .gs-title:link, .devsite-search-results-restricted .gs-title:visited {
    color: #1a73e8
    }
.devsite-search-results-restricted .gs-visibleUrl {
    color: #1e8e3e;
    font-size: 14px
    }
.devsite-result-item-link .devsite-result-item-confidential, .devsite-search-results-restricted .gs-title-label {
    background: #feefe3;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #bf360c;
    display: inline-block;
    font: 500 11px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.8px;
    margin: 0 8px;
    padding: 5px 8px 3px;
    text-transform: uppercase
    }
body[type=search] .gsc-webResult .gsc-result {
    border: none;
    margin: 24px 0;
    padding: 0
    }
.devsite-search-page-controls {
    margin-top: 8px
    }
.devsite-search-project {
    border-bottom: 1px solid #dadce0;
    margin-bottom: 24px;
    padding-bottom: 23px
    }
.devsite-search-project .devsite-project-scoped-results-title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 8px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-link, .devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-link:focus, .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-link:hover, .devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo-link:focus {
    opacity: 0.7;
    text-decoration: none
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo {
    height: 32px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-has-google-wordmark > .devsite-breadcrumb-link, .devsite-search-project .devsite-project-scoped-results-title .devsite-has-google-wordmark > .devsite-product-name {
    direction: ltr
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-google-wordmark {
    height: 24px;
    margin: 0 4px 0 0;
    position: relative;
    top: 5px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-google-wordmark-svg-path {
    -webkit-transition: fill 0.2s;
    -o-transition: fill 0.2s;
    transition: fill 0.2s
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo-link canvas {
    height: auto !important
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 36px
    }
[dir=ltr] .devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container {
    margin-right: 4px
    }
[dir=rtl] .devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container {
    margin-left: 4px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo {
    font-size: 32px;
    height: 32px;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    white-space: nowrap
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container[background] .devsite-product-logo {
    font-size: 28px;
    height: 28px;
    max-width: 28px;
    min-width: 28px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0;
    margin: 0;
    max-height: 32px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    white-space: nowrap
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo:not([src*=\.svg]) {
    height: auto;
    max-height: 32px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-breadcrumb-link > .devsite-product-name {
    color: inherit
    }
@media screen and (max-width: 840px) {
    .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 0
        }
    .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-item:not(:first-of-type), .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-site-logo-link + .devsite-product-name {
        display: none
        }
    .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-item, .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-link, .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-list, .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-product-name {
        width: 100%
        }
    .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-link {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
        }
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper {
    position: relative;
    margin-left: 0.3em
    }
.devsite-search-project .devsite-breadcrumb-list, .devsite-search-project .devsite-project-scoped-results-title {
    font: 400 22px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
.devsite-search-project .devsite-breadcrumb-link, .devsite-search-project .devsite-breadcrumb-link:hover {
    color: #202124
    }
.devsite-search-project .devsite-breadcrumb-link .devsite-google-wordmark {
    fill: currentColor
    }
.devsite-search-title {
    margin: 0;
    padding: 0
    }
.devsite-search-title .devsite-search-term {
    color: #202124;
    font-weight: 500
    }
.devsite-steps {
    padding: 24px 0 40px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
    }
.devsite-steps, .devsite-steps .steps-direction {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
    }
.devsite-steps .steps-direction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-weight: 500;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
    }
.devsite-steps .steps-previous {
    margin-left: 40px
    }
.devsite-steps .steps-next {
    margin-right: 40px;
    text-align: right
    }
.devsite-steps .steps-link:focus {
    text-decoration: none
    }
.devsite-steps .steps-link-direction {
    color: #1a73e8;
    display: block;
    font-size: 14px
    }
.devsite-steps .steps-link-title {
    color: #174ea6;
    font-size: 18px
    }
.devsite-steps .steps-link:focus .steps-link-title {
    border-bottom: 1px solid #174ea6
    }
.devsite-steps .steps-link-arrow {
    color: #1a73e8;
    position: absolute
    }
.devsite-steps .steps-link-arrow-left {
    left: -40px
    }
.devsite-steps .steps-link-arrow-right {
    right: -40px
    }
@media screen and (max-width: 840px) {
    .devsite-steps .steps-link-title {
        font-size: 14px
        }
    .devsite-steps .steps-previous {
        margin-left: 24px
        }
    .devsite-steps .steps-next {
        margin-right: 24px
        }
    .devsite-steps .steps-link-arrow-left {
        left: -24px
        }
    .devsite-steps .steps-link-arrow-right {
        right: -24px
        }
    .devsite-steps .steps-link-arrow {
        bottom: 4px;
        font-size: 16px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-steps {
        padding: 8px 0 16px
        }
    .devsite-steps .steps-next, .devsite-steps .steps-previous {
        margin: 0
        }
    .devsite-steps .steps-link-arrow {
        display: none
        }
    }
.devsite-jsfiddle-hide, devsite-googler-buttons, devsite-playlist, devsite-quiz, devsite-search .devsite-popout, html[cached] .devsite-wrapper {
    display: none
    }
.devsite-dialog:not([is-upgraded]), iframe.devsite-embedded-youtube-video:not([is-upgraded]) {
    pointer-events: none;
    visibility: hidden
    }
.code-sample, .data-sample, .ds-selector-dropdown, .ds-selector-tabs, .expandable, .kd-tabbed-horz, .kd-tabbed-vert {
    display: none
    }
devsite-selector {
    pointer-events: none;
    visibility: hidden
    }
devsite-search .devsite-searchbox {
    background: #f1f3f4;
    -webkit-border-radius: 2px;
    border-radius: 2px
    }
devsite-page-rating[position=header] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 120px;
    flex: 0 0 120px;
    margin: 0 0 0 16px;
    width: 120px
    }
[dir=rtl] devsite-page-rating[position=header] {
    margin: 0 16px 0 0
    }
google-codelab {
    display: none
    }
iframe.framebox, iframe.inherit-locale {
    display: block;
    width: 100%
    }
body[layout=docs] .devsite-banner-announcement {
    -webkit-border-radius: 0;
    border-radius: 0
    }
.devsite-book-nav-bg:after, body[layout=docs] {
    background-color: #e8eaed
    }
body[layout=docs] .devsite-article {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    -webkit-border-radius: 2px;
    border-radius: 2px
    }
body[layout=docs] .devsite-landing-row:first-child {
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
    }
body[layout=docs] .devsite-landing-row:last-child {
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
    }
[background]:not(.devsite-landing-row-cards), [background]:not(.devsite-landing-row-cards) h3, [background] h2 {
    color: #fff
    }
[background=grey] {
    background-color: #f1f3f4
    }
[background=grey]:not(.devsite-landing-row-cards), [background=grey]:not(.devsite-landing-row-cards) [background] h3, [background=grey]:not(.devsite-landing-row-cards) h3, [background=grey] h2 {
    color: inherit
    }
[background] .devsite-landing-row-description {
    color: #fff
    }
[background=grey] .devsite-landing-row-description {
    color: #202124
    }
[background] :link:not(.button), [background] :visited:not(.button) {
    color: #fff
    }
[background=grey] :link:not(.button), [background=grey] :visited:not(.button), [background].devsite-landing-row-cards :link:not(.button), [background].devsite-landing-row-cards :visited:not(.button) {
    color: #1a73e8
    }
[background]:not([background=grey]) :focus > :not(.material-icons), [background]:not([background=grey]) :link > :not(.material-icons):hover, [background]:not([background=grey]) p > a:not(.button) {
    text-decoration: underline
    }
[background]:not([background=grey]) p > a:focus {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
[foreground] :focus > :not(.material-icons), [foreground] :link > :not(.material-icons):hover {
    text-decoration: underline
    }
[foreground=blue-grey] .button {
    color: #607d8b
    }
[foreground=blue-grey] .button:active, [foreground=blue-grey] .button:focus, [foreground=blue-grey] .button:hover {
    background: #eff2f3;
    border: 1px solid #d7dfe2
    }
[foreground=blue-grey] .button:active {
    border-color: #eff2f3
    }
[foreground=blue-grey] .button-primary {
    background: #607d8b;
    color: #fff
    }
[foreground=blue-grey] .button-primary:active, [foreground=blue-grey] .button-primary:focus, [foreground=blue-grey] .button-primary:hover {
    background: #455a64
    }
[background=blue-grey] {
    background-color: #607d8b
    }
[foreground=blue-grey] :focus > :not(.material-icons), [foreground=blue-grey] :link > :not(.material-icons):hover, [foreground=blue-grey] a:not(.button) h2, [foreground=blue-grey] a:not(.button) h3 {
    color: #607d8b
    }
.devsite-landing-row[background=blue-grey] + .devsite-landing-row[background=blue-grey] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=blue-grey], .devsite-landing-row-item-icon-container[foreground=blue-grey], .devsite-landing-row-item-list-item-icon-container[background][foreground=blue-grey], .devsite-landing-row-item-list-item-icon-container[foreground=blue-grey], .devsite-landing-row-item[foreground=blue-grey] :link h2, .devsite-landing-row-item[foreground=blue-grey] :link h3 {
    color: #607d8b
    }
.devsite-landing-row-item-icon-container[background=blue-grey], .devsite-landing-row-item-list-item-icon-container[background=blue-grey] {
    background: #607d8b
    }
[foreground=blue-grey-dark] .button {
    color: #455a64
    }
[foreground=blue-grey-dark] .button:active, [foreground=blue-grey-dark] .button:focus, [foreground=blue-grey-dark] .button:hover {
    background: #eceff0;
    border: 1px solid #d1d6d8
    }
[foreground=blue-grey-dark] .button:active {
    border-color: #eceff0
    }
[foreground=blue-grey-dark] .button-primary {
    background: #455a64;
    color: #fff
    }
[foreground=blue-grey-dark] .button-primary:active, [foreground=blue-grey-dark] .button-primary:focus, [foreground=blue-grey-dark] .button-primary:hover {
    background: #37474f
    }
[background=blue-grey-dark] {
    background-color: #455a64
    }
[foreground=blue-grey-dark] :focus > :not(.material-icons), [foreground=blue-grey-dark] :link > :not(.material-icons):hover, [foreground=blue-grey-dark] a:not(.button) h2, [foreground=blue-grey-dark] a:not(.button) h3 {
    color: #455a64
    }
.devsite-landing-row[background=blue-grey-dark] + .devsite-landing-row[background=blue-grey-dark] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=blue-grey-dark], .devsite-landing-row-item-icon-container[foreground=blue-grey-dark], .devsite-landing-row-item-list-item-icon-container[background][foreground=blue-grey-dark], .devsite-landing-row-item-list-item-icon-container[foreground=blue-grey-dark], .devsite-landing-row-item[foreground=blue-grey-dark] :link h2, .devsite-landing-row-item[foreground=blue-grey-dark] :link h3 {
    color: #455a64
    }
.devsite-landing-row-item-icon-container[background=blue-grey-dark], .devsite-landing-row-item-list-item-icon-container[background=blue-grey-dark] {
    background: #455a64
    }
[foreground=deep-orange] .button {
    color: #ff5722
    }
[foreground=deep-orange] .button:active, [foreground=deep-orange] .button:focus, [foreground=deep-orange] .button:hover {
    background: #ffeee9;
    border: 1px solid #ffd5c8
    }
[foreground=deep-orange] .button:active {
    border-color: #ffeee9
    }
[foreground=deep-orange] .button-primary {
    background: #ff5722;
    color: #fff
    }
[foreground=deep-orange] .button-primary:active, [foreground=deep-orange] .button-primary:focus, [foreground=deep-orange] .button-primary:hover {
    background: #e64a19
    }
[background=deep-orange] {
    background-color: #ff5722
    }
[foreground=deep-orange] :focus > :not(.material-icons), [foreground=deep-orange] :link > :not(.material-icons):hover, [foreground=deep-orange] a:not(.button) h2, [foreground=deep-orange] a:not(.button) h3 {
    color: #ff5722
    }
.devsite-landing-row[background=deep-orange] + .devsite-landing-row[background=deep-orange] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=deep-orange], .devsite-landing-row-item-icon-container[foreground=deep-orange], .devsite-landing-row-item-list-item-icon-container[background][foreground=deep-orange], .devsite-landing-row-item-list-item-icon-container[foreground=deep-orange], .devsite-landing-row-item[foreground=deep-orange] :link h2, .devsite-landing-row-item[foreground=deep-orange] :link h3 {
    color: #ff5722
    }
.devsite-landing-row-item-icon-container[background=deep-orange], .devsite-landing-row-item-list-item-icon-container[background=deep-orange] {
    background: #ff5722
    }
[foreground=deep-purple] .button {
    color: #673ab7
    }
[foreground=deep-purple] .button:active, [foreground=deep-purple] .button:focus, [foreground=deep-purple] .button:hover {
    background: #f0ebf8;
    border: 1px solid #d9ceed
    }
[foreground=deep-purple] .button:active {
    border-color: #f0ebf8
    }
[foreground=deep-purple] .button-primary {
    background: #673ab7;
    color: #fff
    }
[foreground=deep-purple] .button-primary:active, [foreground=deep-purple] .button-primary:focus, [foreground=deep-purple] .button-primary:hover {
    background: #512da8
    }
[background=deep-purple] {
    background-color: #673ab7
    }
[foreground=deep-purple] :focus > :not(.material-icons), [foreground=deep-purple] :link > :not(.material-icons):hover, [foreground=deep-purple] a:not(.button) h2, [foreground=deep-purple] a:not(.button) h3 {
    color: #673ab7
    }
.devsite-landing-row[background=deep-purple] + .devsite-landing-row[background=deep-purple] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=deep-purple], .devsite-landing-row-item-icon-container[foreground=deep-purple], .devsite-landing-row-item-list-item-icon-container[background][foreground=deep-purple], .devsite-landing-row-item-list-item-icon-container[foreground=deep-purple], .devsite-landing-row-item[foreground=deep-purple] :link h2, .devsite-landing-row-item[foreground=deep-purple] :link h3 {
    color: #673ab7
    }
.devsite-landing-row-item-icon-container[background=deep-purple], .devsite-landing-row-item-list-item-icon-container[background=deep-purple] {
    background: #673ab7
    }
[foreground=google-blue] .button {
    color: #1a73e8
    }
[foreground=google-blue] .button:active, [foreground=google-blue] .button:focus, [foreground=google-blue] .button:hover {
    background: #e8f1fd;
    border: 1px solid #c6dcf9
    }
[foreground=google-blue] .button:active {
    border-color: #e8f1fd
    }
[foreground=google-blue] .button-primary {
    background: #1a73e8;
    color: #fff
    }
[foreground=google-blue] .button-primary:active, [foreground=google-blue] .button-primary:focus, [foreground=google-blue] .button-primary:hover {
    background: #185abc
    }
[background=google-blue] {
    background-color: #1a73e8
    }
[foreground=google-blue] :focus > :not(.material-icons), [foreground=google-blue] :link > :not(.material-icons):hover, [foreground=google-blue] a:not(.button) h2, [foreground=google-blue] a:not(.button) h3 {
    color: #1a73e8
    }
.devsite-landing-row[background=google-blue] + .devsite-landing-row[background=google-blue] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=google-blue], .devsite-landing-row-item-icon-container[foreground=google-blue], .devsite-landing-row-item-list-item-icon-container[background][foreground=google-blue], .devsite-landing-row-item-list-item-icon-container[foreground=google-blue], .devsite-landing-row-item[foreground=google-blue] :link h2, .devsite-landing-row-item[foreground=google-blue] :link h3 {
    color: #1a73e8
    }
.devsite-landing-row-item-icon-container[background=google-blue], .devsite-landing-row-item-list-item-icon-container[background=google-blue] {
    background: #1a73e8
    }
[foreground=google-green] .button {
    color: #1e8e3e
    }
[foreground=google-green] .button:active, [foreground=google-green] .button:focus, [foreground=google-green] .button:hover {
    background: #e9f4ec;
    border: 1px solid #c7e3cf
    }
[foreground=google-green] .button:active {
    border-color: #e9f4ec
    }
[foreground=google-green] .button-primary {
    background: #1e8e3e;
    color: #fff
    }
[foreground=google-green] .button-primary:active, [foreground=google-green] .button-primary:focus, [foreground=google-green] .button-primary:hover {
    background: #137333
    }
[background=google-green] {
    background-color: #1e8e3e
    }
[foreground=google-green] :focus > :not(.material-icons), [foreground=google-green] :link > :not(.material-icons):hover, [foreground=google-green] a:not(.button) h2, [foreground=google-green] a:not(.button) h3 {
    color: #1e8e3e
    }
.devsite-landing-row[background=google-green] + .devsite-landing-row[background=google-green] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=google-green], .devsite-landing-row-item-icon-container[foreground=google-green], .devsite-landing-row-item-list-item-icon-container[background][foreground=google-green], .devsite-landing-row-item-list-item-icon-container[foreground=google-green], .devsite-landing-row-item[foreground=google-green] :link h2, .devsite-landing-row-item[foreground=google-green] :link h3 {
    color: #1e8e3e
    }
.devsite-landing-row-item-icon-container[background=google-green], .devsite-landing-row-item-list-item-icon-container[background=google-green] {
    background: #1e8e3e
    }
[foreground=google-red] .button {
    color: #d93025
    }
[foreground=google-red] .button:active, [foreground=google-red] .button:focus, [foreground=google-red] .button:hover {
    background: #fbeae9;
    border: 1px solid #f6cbc9
    }
[foreground=google-red] .button:active {
    border-color: #fbeae9
    }
[foreground=google-red] .button-primary {
    background: #d93025;
    color: #fff
    }
[foreground=google-red] .button-primary:active, [foreground=google-red] .button-primary:focus, [foreground=google-red] .button-primary:hover {
    background: #b31412
    }
[background=google-red] {
    background-color: #d93025
    }
[foreground=google-red] :focus > :not(.material-icons), [foreground=google-red] :link > :not(.material-icons):hover, [foreground=google-red] a:not(.button) h2, [foreground=google-red] a:not(.button) h3 {
    color: #d93025
    }
.devsite-landing-row[background=google-red] + .devsite-landing-row[background=google-red] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=google-red], .devsite-landing-row-item-icon-container[foreground=google-red], .devsite-landing-row-item-list-item-icon-container[background][foreground=google-red], .devsite-landing-row-item-list-item-icon-container[foreground=google-red], .devsite-landing-row-item[foreground=google-red] :link h2, .devsite-landing-row-item[foreground=google-red] :link h3 {
    color: #d93025
    }
.devsite-landing-row-item-icon-container[background=google-red], .devsite-landing-row-item-list-item-icon-container[background=google-red] {
    background: #d93025
    }
[foreground=indigo] .button {
    color: #3f51b5
    }
[foreground=indigo] .button:active, [foreground=indigo] .button:focus, [foreground=indigo] .button:hover {
    background: #eceef8;
    border: 1px solid #cfd4ed
    }
[foreground=indigo] .button:active {
    border-color: #eceef8
    }
[foreground=indigo] .button-primary {
    background: #3f51b5;
    color: #fff
    }
[foreground=indigo] .button-primary:active, [foreground=indigo] .button-primary:focus, [foreground=indigo] .button-primary:hover {
    background: #303f9f
    }
[background=indigo] {
    background-color: #3f51b5
    }
[foreground=indigo] :focus > :not(.material-icons), [foreground=indigo] :link > :not(.material-icons):hover, [foreground=indigo] a:not(.button) h2, [foreground=indigo] a:not(.button) h3 {
    color: #3f51b5
    }
.devsite-landing-row[background=indigo] + .devsite-landing-row[background=indigo] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=indigo], .devsite-landing-row-item-icon-container[foreground=indigo], .devsite-landing-row-item-list-item-icon-container[background][foreground=indigo], .devsite-landing-row-item-list-item-icon-container[foreground=indigo], .devsite-landing-row-item[foreground=indigo] :link h2, .devsite-landing-row-item[foreground=indigo] :link h3 {
    color: #3f51b5
    }
.devsite-landing-row-item-icon-container[background=indigo], .devsite-landing-row-item-list-item-icon-container[background=indigo] {
    background: #3f51b5
    }
[foreground=light-blue] .button {
    color: #0288d1
    }
[foreground=light-blue] .button:active, [foreground=light-blue] .button:focus, [foreground=light-blue] .button:hover {
    background: #e6f3fa;
    border: 1px solid #c0e1f4
    }
[foreground=light-blue] .button:active {
    border-color: #e6f3fa
    }
[foreground=light-blue] .button-primary {
    background: #0288d1;
    color: #fff
    }
[foreground=light-blue] .button-primary:active, [foreground=light-blue] .button-primary:focus, [foreground=light-blue] .button-primary:hover {
    background: #01579b
    }
[background=light-blue] {
    background-color: #0288d1
    }
[foreground=light-blue] :focus > :not(.material-icons), [foreground=light-blue] :link > :not(.material-icons):hover, [foreground=light-blue] a:not(.button) h2, [foreground=light-blue] a:not(.button) h3 {
    color: #0288d1
    }
.devsite-landing-row[background=light-blue] + .devsite-landing-row[background=light-blue] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=light-blue], .devsite-landing-row-item-icon-container[foreground=light-blue], .devsite-landing-row-item-list-item-icon-container[background][foreground=light-blue], .devsite-landing-row-item-list-item-icon-container[foreground=light-blue], .devsite-landing-row-item[foreground=light-blue] :link h2, .devsite-landing-row-item[foreground=light-blue] :link h3 {
    color: #0288d1
    }
.devsite-landing-row-item-icon-container[background=light-blue], .devsite-landing-row-item-list-item-icon-container[background=light-blue] {
    background: #0288d1
    }
[foreground=nest-theme] .button {
    color: #00afd8
    }
[foreground=nest-theme] .button:active, [foreground=nest-theme] .button:focus, [foreground=nest-theme] .button:hover {
    background: #e6f7fb;
    border: 1px solid #bfebf5
    }
[foreground=nest-theme] .button:active {
    border-color: #e6f7fb
    }
[foreground=nest-theme] .button-primary {
    background: #00afd8;
    color: #fff
    }
[foreground=nest-theme] .button-primary:active, [foreground=nest-theme] .button-primary:focus, [foreground=nest-theme] .button-primary:hover {
    background: #0096c8
    }
[background=nest-theme] {
    background-color: #00afd8
    }
[foreground=nest-theme] :focus > :not(.material-icons), [foreground=nest-theme] :link > :not(.material-icons):hover, [foreground=nest-theme] a:not(.button) h2, [foreground=nest-theme] a:not(.button) h3 {
    color: #00afd8
    }
.devsite-landing-row[background=nest-theme] + .devsite-landing-row[background=nest-theme] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=nest-theme], .devsite-landing-row-item-icon-container[foreground=nest-theme], .devsite-landing-row-item-list-item-icon-container[background][foreground=nest-theme], .devsite-landing-row-item-list-item-icon-container[foreground=nest-theme], .devsite-landing-row-item[foreground=nest-theme] :link h2, .devsite-landing-row-item[foreground=nest-theme] :link h3 {
    color: #00afd8
    }
.devsite-landing-row-item-icon-container[background=nest-theme], .devsite-landing-row-item-list-item-icon-container[background=nest-theme] {
    background: #00afd8
    }
[foreground=pink] .button {
    color: #e52592
    }
[foreground=pink] .button:active, [foreground=pink] .button:focus, [foreground=pink] .button:hover {
    background: #fce9f4;
    border: 1px solid #f9c9e4
    }
[foreground=pink] .button:active {
    border-color: #fce9f4
    }
[foreground=pink] .button-primary {
    background: #e52592;
    color: #fff
    }
[foreground=pink] .button-primary:active, [foreground=pink] .button-primary:focus, [foreground=pink] .button-primary:hover {
    background: #b80672
    }
[background=pink] {
    background-color: #e52592
    }
[foreground=pink] :focus > :not(.material-icons), [foreground=pink] :link > :not(.material-icons):hover, [foreground=pink] a:not(.button) h2, [foreground=pink] a:not(.button) h3 {
    color: #e52592
    }
.devsite-landing-row[background=pink] + .devsite-landing-row[background=pink] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=pink], .devsite-landing-row-item-icon-container[foreground=pink], .devsite-landing-row-item-list-item-icon-container[background][foreground=pink], .devsite-landing-row-item-list-item-icon-container[foreground=pink], .devsite-landing-row-item[foreground=pink] :link h2, .devsite-landing-row-item[foreground=pink] :link h3 {
    color: #e52592
    }
.devsite-landing-row-item-icon-container[background=pink], .devsite-landing-row-item-list-item-icon-container[background=pink] {
    background: #e52592
    }
[foreground=purple] .button {
    color: #9334e6
    }
[foreground=purple] .button:active, [foreground=purple] .button:focus, [foreground=purple] .button:hover {
    background: #f4ebfd;
    border: 1px solid #e4ccf9
    }
[foreground=purple] .button:active {
    border-color: #f4ebfd
    }
[foreground=purple] .button-primary {
    background: #9334e6;
    color: #fff
    }
[foreground=purple] .button-primary:active, [foreground=purple] .button-primary:focus, [foreground=purple] .button-primary:hover {
    background: #7627bb
    }
[background=purple] {
    background-color: #9334e6
    }
[foreground=purple] :focus > :not(.material-icons), [foreground=purple] :link > :not(.material-icons):hover, [foreground=purple] a:not(.button) h2, [foreground=purple] a:not(.button) h3 {
    color: #9334e6
    }
.devsite-landing-row[background=purple] + .devsite-landing-row[background=purple] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=purple], .devsite-landing-row-item-icon-container[foreground=purple], .devsite-landing-row-item-list-item-icon-container[background][foreground=purple], .devsite-landing-row-item-list-item-icon-container[foreground=purple], .devsite-landing-row-item[foreground=purple] :link h2, .devsite-landing-row-item[foreground=purple] :link h3 {
    color: #9334e6
    }
.devsite-landing-row-item-icon-container[background=purple], .devsite-landing-row-item-list-item-icon-container[background=purple] {
    background: #9334e6
    }
[foreground=stadia-theme] .button {
    color: #9b0063
    }
[foreground=stadia-theme] .button:active, [foreground=stadia-theme] .button:focus, [foreground=stadia-theme] .button:hover {
    background: #f5e6ef;
    border: 1px solid #e6bfd8
    }
[foreground=stadia-theme] .button:active {
    border-color: #f5e6ef
    }
[foreground=stadia-theme] .button-primary {
    background: #9b0063;
    color: #fff
    }
[foreground=stadia-theme] .button-primary:active, [foreground=stadia-theme] .button-primary:focus, [foreground=stadia-theme] .button-primary:hover {
    background: #680039
    }
[background=stadia-theme] {
    background-color: #9b0063
    }
[foreground=stadia-theme] :focus > :not(.material-icons), [foreground=stadia-theme] :link > :not(.material-icons):hover, [foreground=stadia-theme] a:not(.button) h2, [foreground=stadia-theme] a:not(.button) h3 {
    color: #9b0063
    }
.devsite-landing-row[background=stadia-theme] + .devsite-landing-row[background=stadia-theme] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=stadia-theme], .devsite-landing-row-item-icon-container[foreground=stadia-theme], .devsite-landing-row-item-list-item-icon-container[background][foreground=stadia-theme], .devsite-landing-row-item-list-item-icon-container[foreground=stadia-theme], .devsite-landing-row-item[foreground=stadia-theme] :link h2, .devsite-landing-row-item[foreground=stadia-theme] :link h3 {
    color: #9b0063
    }
.devsite-landing-row-item-icon-container[background=stadia-theme], .devsite-landing-row-item-list-item-icon-container[background=stadia-theme] {
    background: #9b0063
    }
[foreground=teal] .button {
    color: #009688
    }
[foreground=teal] .button:active, [foreground=teal] .button:focus, [foreground=teal] .button:hover {
    background: #e6f5f3;
    border: 1px solid #bfe5e1
    }
[foreground=teal] .button:active {
    border-color: #e6f5f3
    }
[foreground=teal] .button-primary {
    background: #009688;
    color: #fff
    }
[foreground=teal] .button-primary:active, [foreground=teal] .button-primary:focus, [foreground=teal] .button-primary:hover {
    background: #00796b
    }
[background=teal] {
    background-color: #009688
    }
[foreground=teal] :focus > :not(.material-icons), [foreground=teal] :link > :not(.material-icons):hover, [foreground=teal] a:not(.button) h2, [foreground=teal] a:not(.button) h3 {
    color: #009688
    }
.devsite-landing-row[background=teal] + .devsite-landing-row[background=teal] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=teal], .devsite-landing-row-item-icon-container[foreground=teal], .devsite-landing-row-item-list-item-icon-container[background][foreground=teal], .devsite-landing-row-item-list-item-icon-container[foreground=teal], .devsite-landing-row-item[foreground=teal] :link h2, .devsite-landing-row-item[foreground=teal] :link h3 {
    color: #009688
    }
.devsite-landing-row-item-icon-container[background=teal], .devsite-landing-row-item-list-item-icon-container[background=teal] {
    background: #009688
    }
[foreground=youtube-theme] .button {
    color: red
    }
[foreground=youtube-theme] .button:active, [foreground=youtube-theme] .button:focus, [foreground=youtube-theme] .button:hover {
    background: #ffe6e6;
    border: 1px solid #ffbfbf
    }
[foreground=youtube-theme] .button:active {
    border-color: #ffe6e6
    }
[foreground=youtube-theme] .button-primary {
    background: red;
    color: #fff
    }
[foreground=youtube-theme] .button-primary:active, [foreground=youtube-theme] .button-primary:focus, [foreground=youtube-theme] .button-primary:hover {
    background: #c20000
    }
[background=youtube-theme] {
    background-color: red
    }
[foreground=youtube-theme] :focus > :not(.material-icons), [foreground=youtube-theme] :link > :not(.material-icons):hover, [foreground=youtube-theme] a:not(.button) h2, [foreground=youtube-theme] a:not(.button) h3 {
    color: red
    }
.devsite-landing-row[background=youtube-theme] + .devsite-landing-row[background=youtube-theme] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=youtube-theme], .devsite-landing-row-item-icon-container[foreground=youtube-theme], .devsite-landing-row-item-list-item-icon-container[background][foreground=youtube-theme], .devsite-landing-row-item-list-item-icon-container[foreground=youtube-theme], .devsite-landing-row-item[foreground=youtube-theme] :link h2, .devsite-landing-row-item[foreground=youtube-theme] :link h3 {
    color: red
    }
.devsite-landing-row-item-icon-container[background=youtube-theme], .devsite-landing-row-item-list-item-icon-container[background=youtube-theme] {
    background: red
    }
[foreground=cyan] .button {
    color: #12b5cb
    }
[foreground=cyan] .button:active, [foreground=cyan] .button:focus, [foreground=cyan] .button:hover {
    background: #e7f8fa;
    border: 1px solid #c4edf2
    }
[foreground=cyan] .button:active {
    border-color: #e7f8fa
    }
[foreground=cyan] .button-primary {
    background: #12b5cb;
    color: #202124
    }
[foreground=cyan] .button-primary:active, [foreground=cyan] .button-primary:focus, [foreground=cyan] .button-primary:hover {
    background: #098591
    }
[background=cyan] {
    background-color: #43cde6
    }
[foreground=cyan] :focus > :not(.material-icons), [foreground=cyan] :link > :not(.material-icons):hover, [foreground=cyan] a:not(.button) h2, [foreground=cyan] a:not(.button) h3 {
    color: #12b5cb
    }
.devsite-landing-row[background=cyan] + .devsite-landing-row[background=cyan] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=cyan], .devsite-landing-row-item-icon-container[foreground=cyan], .devsite-landing-row-item-list-item-icon-container[background][foreground=cyan], .devsite-landing-row-item-list-item-icon-container[foreground=cyan], .devsite-landing-row-item[foreground=cyan] :link h2, .devsite-landing-row-item[foreground=cyan] :link h3 {
    color: #12b5cb
    }
.devsite-landing-row-item-icon-container[background=cyan], .devsite-landing-row-item-list-item-icon-container[background=cyan] {
    background: #43cde6
    }
[foreground=google-yellow] .button {
    color: #f9ab00
    }
[foreground=google-yellow] .button:active, [foreground=google-yellow] .button:focus, [foreground=google-yellow] .button:hover {
    background: #fef7e6;
    border: 1px solid #feeabf
    }
[foreground=google-yellow] .button:active {
    border-color: #fef7e6
    }
[foreground=google-yellow] .button-primary {
    background: #f9ab00;
    color: #202124
    }
[foreground=google-yellow] .button-primary:active, [foreground=google-yellow] .button-primary:focus, [foreground=google-yellow] .button-primary:hover {
    background: #ea8600
    }
[background=google-yellow] {
    background-color: #fcc934
    }
[foreground=google-yellow] :focus > :not(.material-icons), [foreground=google-yellow] :link > :not(.material-icons):hover, [foreground=google-yellow] a:not(.button) h2, [foreground=google-yellow] a:not(.button) h3 {
    color: #f9ab00
    }
.devsite-landing-row[background=google-yellow] + .devsite-landing-row[background=google-yellow] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=google-yellow], .devsite-landing-row-item-icon-container[foreground=google-yellow], .devsite-landing-row-item-list-item-icon-container[background][foreground=google-yellow], .devsite-landing-row-item-list-item-icon-container[foreground=google-yellow], .devsite-landing-row-item[foreground=google-yellow] :link h2, .devsite-landing-row-item[foreground=google-yellow] :link h3 {
    color: #f9ab00
    }
.devsite-landing-row-item-icon-container[background=google-yellow], .devsite-landing-row-item-list-item-icon-container[background=google-yellow] {
    background: #fcc934
    }
[foreground=light-green] .button {
    color: #8bc34a
    }
[foreground=light-green] .button:active, [foreground=light-green] .button:focus, [foreground=light-green] .button:hover {
    background: #f3f9ed;
    border: 1px solid #e2f0d2
    }
[foreground=light-green] .button:active {
    border-color: #f3f9ed
    }
[foreground=light-green] .button-primary {
    background: #8bc34a;
    color: #202124
    }
[foreground=light-green] .button-primary:active, [foreground=light-green] .button-primary:focus, [foreground=light-green] .button-primary:hover {
    background: #689f38
    }
[background=light-green] {
    background-color: #aed581
    }
[foreground=light-green] :focus > :not(.material-icons), [foreground=light-green] :link > :not(.material-icons):hover, [foreground=light-green] a:not(.button) h2, [foreground=light-green] a:not(.button) h3 {
    color: #8bc34a
    }
.devsite-landing-row[background=light-green] + .devsite-landing-row[background=light-green] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=light-green], .devsite-landing-row-item-icon-container[foreground=light-green], .devsite-landing-row-item-list-item-icon-container[background][foreground=light-green], .devsite-landing-row-item-list-item-icon-container[foreground=light-green], .devsite-landing-row-item[foreground=light-green] :link h2, .devsite-landing-row-item[foreground=light-green] :link h3 {
    color: #8bc34a
    }
.devsite-landing-row-item-icon-container[background=light-green], .devsite-landing-row-item-list-item-icon-container[background=light-green] {
    background: #aed581
    }
[foreground=orange] .button {
    color: #e8710a
    }
[foreground=orange] .button:active, [foreground=orange] .button:focus, [foreground=orange] .button:hover {
    background: #fdf1e7;
    border: 1px solid #f9dcc2
    }
[foreground=orange] .button:active {
    border-color: #fdf1e7
    }
[foreground=orange] .button-primary {
    background: #e8710a;
    color: #202124
    }
[foreground=orange] .button-primary:active, [foreground=orange] .button-primary:focus, [foreground=orange] .button-primary:hover {
    background: #c26401
    }
[background=orange] {
    background-color: #fcad70
    }
[foreground=orange] :focus > :not(.material-icons), [foreground=orange] :link > :not(.material-icons):hover, [foreground=orange] a:not(.button) h2, [foreground=orange] a:not(.button) h3 {
    color: #e8710a
    }
.devsite-landing-row[background=orange] + .devsite-landing-row[background=orange] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=orange], .devsite-landing-row-item-icon-container[foreground=orange], .devsite-landing-row-item-list-item-icon-container[background][foreground=orange], .devsite-landing-row-item-list-item-icon-container[foreground=orange], .devsite-landing-row-item[foreground=orange] :link h2, .devsite-landing-row-item[foreground=orange] :link h3 {
    color: #e8710a
    }
.devsite-landing-row-item-icon-container[background=orange], .devsite-landing-row-item-list-item-icon-container[background=orange] {
    background: #fcad70
    }
[foreground=white] .button {
    color: #fff
    }
[foreground=white] .button:active, [foreground=white] .button:focus, [foreground=white] .button:hover {
    background: #fff;
    border: 1px solid #fff
    }
[foreground=white] .button:active {
    border-color: #fff
    }
[foreground=white] .button-primary {
    background: #fff;
    color: #202124
    }
[foreground=white] .button-primary:active, [foreground=white] .button-primary:focus, [foreground=white] .button-primary:hover {
    background: #202124
    }
[background=white] {
    background-color: #fff
    }
[foreground=white] :focus > :not(.material-icons), [foreground=white] :link > :not(.material-icons):hover, [foreground=white] a:not(.button) h2, [foreground=white] a:not(.button) h3 {
    color: #039be5
    }
.devsite-landing-row[background=white] + .devsite-landing-row[background=white] {
    padding-top: 0
    }
.devsite-landing-row-item-icon-container[background][foreground=white], .devsite-landing-row-item-icon-container[foreground=white], .devsite-landing-row-item-list-item-icon-container[background][foreground=white], .devsite-landing-row-item-list-item-icon-container[foreground=white], .devsite-landing-row-item[foreground=white] :link h2, .devsite-landing-row-item[foreground=white] :link h3 {
    color: #039be5
    }
.devsite-landing-row-item-icon-container[background=white], .devsite-landing-row-item-list-item-icon-container[background=white] {
    background: #fff
    }
[background=cyan] .devsite-landing-row-description, [background=cyan] .devsite-landing-row-item-icon-container:not([foreground]), [background=cyan] :link:not(.button), [background=cyan]:not(.devsite-landing-row-cards) h3, [background=cyan]:not([foreground]):not(.devsite-landing-row-cards), [background=cyan] :visited:not(.button), [background=cyan] h2 {
    color: #202124
    }
[background=cyan] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, [background=cyan] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover {
    color: rgba(154, 160, 166, 0.5)
    }
[background=cyan] .devsite-landing-row-item-list-item-icon-container:not([foreground]), [background=cyan] :focus .devsite-landing-row-item-icon-container[background], [background=cyan] :link .devsite-landing-row-item-icon-container[background]:hover {
    color: #202124
    }
[background=cyan] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, [background=cyan] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: rgba(154, 160, 166, 0.5)
    }
[background=cyan] :link .devsite-landing-row-item-list-item-description h4 + p, [background=google-yellow] .devsite-landing-row-description, [background=google-yellow] .devsite-landing-row-item-icon-container:not([foreground]), [background=google-yellow] :link:not(.button), [background=google-yellow]:not(.devsite-landing-row-cards) h3, [background=google-yellow]:not([foreground]):not(.devsite-landing-row-cards), [background=google-yellow] :visited:not(.button), [background=google-yellow] h2 {
    color: #202124
    }
[background=google-yellow] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, [background=google-yellow] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover {
    color: rgba(154, 160, 166, 0.5)
    }
[background=google-yellow] .devsite-landing-row-item-list-item-icon-container:not([foreground]), [background=google-yellow] :focus .devsite-landing-row-item-icon-container[background], [background=google-yellow] :link .devsite-landing-row-item-icon-container[background]:hover {
    color: #202124
    }
[background=google-yellow] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, [background=google-yellow] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: rgba(154, 160, 166, 0.5)
    }
[background=google-yellow] :link .devsite-landing-row-item-list-item-description h4 + p, [background=light-green] .devsite-landing-row-description, [background=light-green] .devsite-landing-row-item-icon-container:not([foreground]), [background=light-green] :link:not(.button), [background=light-green]:not(.devsite-landing-row-cards) h3, [background=light-green]:not([foreground]):not(.devsite-landing-row-cards), [background=light-green] :visited:not(.button), [background=light-green] h2 {
    color: #202124
    }
[background=light-green] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, [background=light-green] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover {
    color: rgba(154, 160, 166, 0.5)
    }
[background=light-green] .devsite-landing-row-item-list-item-icon-container:not([foreground]), [background=light-green] :focus .devsite-landing-row-item-icon-container[background], [background=light-green] :link .devsite-landing-row-item-icon-container[background]:hover {
    color: #202124
    }
[background=light-green] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, [background=light-green] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: rgba(154, 160, 166, 0.5)
    }
[background=light-green] :link .devsite-landing-row-item-list-item-description h4 + p, [background=orange] .devsite-landing-row-description, [background=orange] .devsite-landing-row-item-icon-container:not([foreground]), [background=orange] :link:not(.button), [background=orange]:not(.devsite-landing-row-cards) h3, [background=orange]:not([foreground]):not(.devsite-landing-row-cards), [background=orange] :visited:not(.button), [background=orange] h2 {
    color: #202124
    }
[background=orange] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, [background=orange] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover {
    color: rgba(154, 160, 166, 0.5)
    }
[background=orange] .devsite-landing-row-item-list-item-icon-container:not([foreground]), [background=orange] :focus .devsite-landing-row-item-icon-container[background], [background=orange] :link .devsite-landing-row-item-icon-container[background]:hover {
    color: #202124
    }
[background=orange] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, [background=orange] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: rgba(154, 160, 166, 0.5)
    }
[background=orange] :link .devsite-landing-row-item-list-item-description h4 + p, [background=white] .devsite-landing-row-description, [background=white] .devsite-landing-row-item-icon-container:not([foreground]), [background=white] :link:not(.button), [background=white]:not(.devsite-landing-row-cards) h3, [background=white]:not([foreground]):not(.devsite-landing-row-cards), [background=white] :visited:not(.button), [background=white] h2 {
    color: #202124
    }
[background=white] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, [background=white] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover {
    color: hsla(0, 0%, 100%, 0.7)
    }
[background=white] .devsite-landing-row-item-list-item-icon-container:not([foreground]), [background=white] :focus .devsite-landing-row-item-icon-container[background], [background=white] :link .devsite-landing-row-item-icon-container[background]:hover {
    color: #202124
    }
[background=white] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, [background=white] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
[background=white] :link .devsite-landing-row-item-list-item-description h4 + p {
    color: #202124
    }
body[theme=white] devsite-user div.devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=white] devsite-user div.devsite-user-dialog .devsite-user-dialog-photo {
    background-color: #1a73e8;
    color: #fff
    }
body[theme=white] .devsite-product-button-row .button:not(.button-primary) {
    border: 1px solid #dadce0;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 34px
    }
body[theme=white] .devsite-product-button-row .button:not(.button-primary):focus, body[theme=white] .devsite-product-button-row .button:not(.button-primary):hover {
    border: 1px solid #d2e3fc
    }
body[theme=white] .devsite-product-button-row .button:not(.button-primary):active {
    border: 1px solid #e8f0fe;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
body[theme=cloud-theme] .devsite-feedback-item-icon-container.devsite-feedback-item-icon-color, body[theme=white] .devsite-feedback-item-icon-container.devsite-feedback-item-icon-color {
    background-color: #1a73e8
    }
devsite-content {
    display: block;
    position: relative
    }
body[layout=docs] devsite-content {
    align-self: start;
    -ms-grid-column: 3;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 24px 0;
    max-width: 936px;
    min-width: 0
    }
body[layout=docs] .devsite-article {
    background-color: #fff;
    padding: 40px
    }
body[layout=docs][type=landing] .devsite-article {
    padding: 0
    }
.devsite-article-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 20px
    }
.devsite-banner + .devsite-article-meta {
    margin-top: -16px
    }
body[layout=full] .devsite-article-meta, body[type=landing] .devsite-article-meta {
    margin: 0
    }
devsite-feedback[position=header] {
    display: block;
    position: relative;
    top: -4px
    }
[dir=ltr] devsite-feedback[position=header] {
    float: right;
    margin-left: 24px
    }
[dir=rtl] devsite-feedback[position=header] {
    float: left;
    margin-right: 24px
    }
body[layout=full] devsite-feedback[position=header], body[type=landing] devsite-feedback[position=header] {
    display: none
    }
@media screen and (max-width: 840px) {
    body[layout=docs] devsite-content {
        margin: 0
        }
    body[layout=docs] .devsite-article {
        padding: 24px
        }
    .devsite-banner + .devsite-article-meta {
        margin-top: 0
        }
    }
@media screen and (max-width: 600px) {
    body[layout=docs] .devsite-article {
        padding: 16px
        }
    .devsite-article-meta {
        display: block;
        margin: 0 0 12px
        }
    [dir] devsite-feedback[position=header] {
        float: none;
        margin: 0 0 12px;
        position: static
        }
    }
#devsite-support-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 -40px
    }
#devsite-support-form > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 0 0 40px
    }
.devsite-support-form-error {
    color: #dd2c00
    }
.devsite-support-form-hidden {
    display: none
    }
.devsite-support-form-field {
    margin: 0 0 8px
    }
.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: #5f6368;
    display: block;
    font-size: 13px
    }
#devsite-support-form > .devsite-support-form-half {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%
    }
.devsite-support-quota {
    font: italic 400 12px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin-bottom: 8px
    }
.devsite-support-quota-help {
    font-size: 18px;
    margin-left: 4px;
    vertical-align: top
    }
.devsite-support-quota-help:after {
    content: "help";
    color: #bdc1c6
    }
@media screen and (max-width: 600px) {
    #devsite-support-form {
        display: block
        }
    }
.devsite-404-wrapper, .devsite-offline-wrapper {
    margin: 0 auto;
    max-width: 804px;
    position: relative;
    text-align: center
    }
.devsite-404-header, .devsite-offline-header {
    margin: 120px 24px 20px;
    position: relative;
    z-index: 2
    }
.devsite-404-search, .devsite-offline-reload, .devsite-offline-suggestions {
    margin: 0 0 160px;
    position: relative;
    z-index: 1
    }
.devsite-404-search devsite-search .devsite-popout-result {
    max-height: 304px
    }
.devsite-offline-reload {
    text-align: center
    }
.devsite-404-header h3 {
    font: 400 64px/64px Roboto Mono, monospace
    }
.devsite-offline-header h3 {
    font: 400 32px/48px Roboto Mono, monospace
    }
.devsite-404-wrapper devsite-search, .devsite-404-wrapper devsite-search .devsite-searchbox, [dir=rtl] .devsite-404-wrapper devsite-search, [dir=rtl] .devsite-404-wrapper devsite-search .devsite-searchbox {
    margin: 0;
    width: 100%
    }
.devsite-404-wrapper devsite-search .devsite-search-button {
    display: none
    }
.devsite-offline-wrapper .devsite-offline-suggestions {
    text-align: left
    }
[dir=rtl] .devsite-offline-wrapper .devsite-offline-suggestions {
    text-align: right
    }
.devsite-offline-wrapper .devsite-offline-suggestions h3, .devsite-offline-wrapper .devsite-offline-suggestions ul {
    margin: 0
    }
.devsite-404-wrapper .devsite-404-links {
    border-top: 1px solid #dadce0;
    margin: 0 calc(50% - 50vw) 40px;
    padding: 0 calc(50vw - 50%);
    text-align: left
    }
[dir=rtl] .devsite-404-wrapper .devsite-404-links {
    text-align: right
    }
.devsite-404-wrapper .devsite-404-links ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
    }
.devsite-404-wrapper .devsite-404-links li {
    -webkit-box-flex: 0;
    margin-left: 24px
    }
[dir=rtl] .devsite-404-wrapper .devsite-404-links li {
    margin-left: 0;
    margin-right: 24px
    }
.devsite-404-wrapper .devsite-404-links li:nth-of-type(4n+1) {
    margin-left: 0
    }
[dir=rtl] .devsite-404-wrapper .devsite-404-links li:nth-of-type(4n+1) {
    margin-right: 0
    }
@media screen and (max-width: 840px) {
    .devsite-404-header, .devsite-offline-header {
        margin-top: 40px
        }
    .devsite-404-search, .devsite-offline-reload, .devsite-offline-suggestions {
        margin-bottom: 80px
        }
    .devsite-404-wrapper .devsite-404-links li {
        -webkit-box-flex: 0
        }
    .devsite-404-wrapper .devsite-404-links li:nth-of-type(odd) {
        margin-left: 0
        }
    [dir=rtl] .devsite-404-wrapper .devsite-404-links li:nth-of-type(odd) {
        margin-right: 0
        }
    }
@media screen and (max-width: 600px) {
    .devsite-404-search, .devsite-offline-reload, .devsite-offline-suggestions {
        margin-bottom: 40px
        }
    }
devsite-dynamic-content .devsite-card-image-bg {
    background-image: url(../images/dynamic-content-card-default.png)
    }
@media print {
    .beta, .beta a, .caution, .caution a, .devsite-banner, .devsite-banner a, .dogfood, .dogfood a, .key-point, .key-point a, .key-term, .key-term a, .note, .note a, .objective, .objective a, .prettyprint a, .special, .special a, .success, .success a, .warning, .warning a, :link, :visited, a .atn, a .atv, a .com, a .dec, a .kwd, a .lit, a .pln, a .pun, a .str, a .tag, a .typ, a code, aside, aside :link, aside :visited, body, code, h1, h1 code, h2, h2 code, h3, h3 code, h4, h4 code, h5, h5 code, h6, h6 code, html, pre, pre .atn, pre .atv, pre .com, pre .dec, pre .kwd, pre .lit, pre .pln, pre .pun, pre .str, pre .tag, pre .typ, td, td code, th, th :link, th :visited, th code, var {
        color: #000 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
        }
    #gc-wrapper {
        margin: 0 !important
        }
    devsite-expandable > :not(.showalways):not(.exw-control):not(.exw-expanded-content):not(.expand-control) {
        display: block !important
        }
    :link, :visited {
        text-decoration: underline
        }
    .devsite-article-meta, .devsite-banner-confidential .button, .devsite-book-nav-bg, .devsite-code-buttons-container, devsite-book-nav, devsite-feedback, devsite-footer-linkboxes, devsite-footer-promos, devsite-footer-utility, devsite-googler-buttons, devsite-header, devsite-page-rating, devsite-toc {
        display: none !important
        }
    .devsite-article, .devsite-main-content, devsite-content {
        background: 0 !important;
        border: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        display: block !important;
        margin: 0 !important;
        max-width: none !important;
        padding: 0 !important;
        width: auto !important
        }
    .devsite-banner {
        margin-top: 0
        }
    .attempt-left, .attempt-right, .video-wrapper {
        float: none;
        margin: 16px 0
        }
    img, video {
        display: block !important;
        page-break-inside: avoid !important
        }
    .devsite-main-content a[href]:after {
        content: " (" attr(href) ")";
        display: inline-block;
        font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
        max-width: 100%;
        word-wrap: break-word
        }
    }
@page {
    margin: 0.75in
    }
.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;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 40px;
    margin: 0 auto;
    width: 40px
    }
.devsite-platform-icon {
    color: #5f6368;
    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: 600px) {
    .devsite-product-platform-row {
        padding: 0 16px
        }
    }
.devsite-landing-row {
    padding: 40px 0
    }
.devsite-landing-row-group, .devsite-landing-row-html {
    margin: 0 auto;
    max-width: 1520px;
    padding: 0 40px
    }
.devsite-landing-row:not([background]) {
    background-color: #fff
    }
.devsite-landing-row:not([background]) + .devsite-landing-row:not([background]), .devsite-landing-row[background=grey] + .devsite-landing-row[background=grey], .devsite-landing-row[background=theme] + .devsite-landing-row[background=theme] {
    padding-top: 0
    }
.devsite-landing-row:not([background]) + .devsite-landing-row.devsite-landing-row-cta {
    padding-top: 40px
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row {
        padding: 24px 0
        }
    .devsite-landing-row-group, .devsite-landing-row-html {
        padding: 0 24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row {
        padding: 16px 0
        }
    .devsite-landing-row-group, .devsite-landing-row-html {
        padding: 0 16px
        }
    }
.devsite-landing-row-cta {
    text-align: center
    }
.devsite-landing-row-cta .devsite-landing-row-item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
    }
.devsite-landing-row-cta h3 {
    font: 400 32px/40px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0;
    margin-bottom: 16px
    }
.devsite-landing-row-cta h3 + .devsite-landing-row-item-buttons {
    margin-top: 8px
    }
.devsite-landing-row-cta.devsite-landing-row-1-up .devsite-landing-row-item-description {
    margin: 0
    }
.devsite-landing-row-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 0 auto 32px;
    max-width: 1520px;
    padding: 0 40px
    }
.devsite-landing-row-header + .devsite-landing-row-group {
    margin-top: 32px
    }
.devsite-landing-row-header-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
    }
.devsite-landing-row-header-text > h2 {
    margin: 0
    }
.devsite-landing-row-description {
    font: 18px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
h2 + .devsite-landing-row-description {
    margin-top: 16px
    }
.devsite-landing-row-header-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: -4px
    }
.devsite-landing-row-header-buttons > .button {
    margin: 4px
    }
.devsite-landing-row-header-centered .devsite-landing-row-header {
    display: block;
    text-align: center
    }
.devsite-landing-row-header-centered .devsite-landing-row-description {
    margin-left: auto;
    margin-right: auto;
    max-width: 856px
    }
.devsite-landing-row-header-centered .devsite-landing-row-header-buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 24px
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-header {
        padding: 0 24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-header {
        display: block;
        padding: 0 16px
        }
    .devsite-landing-row-header-text + .devsite-landing-row-header-buttons {
        display: block;
        margin: 16px 0 0 -4px
        }
    }
.devsite-landing-row-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
    }
.devsite-landing-row-column > .devsite-landing-row-item:not(:first-child) {
    margin-top: 32px
    }
.devsite-landing-row-column, .devsite-landing-row-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    flex: 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    min-width: 0
    }
.devsite-landing-row-item-hidden {
    visibility: hidden
    }
.devsite-landing-row-1-up .devsite-landing-row-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
    }
.devsite-landing-row-1-up.devsite-landing-row-100 .devsite-landing-row-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
    }
.devsite-landing-row-column:not(:first-child), .devsite-landing-row-item:not(:first-child) {
    margin-left: 24px
    }
[dir=rtl] .devsite-landing-row-column:not(:first-child), [dir=rtl] .devsite-landing-row-item:not(:first-child) {
    margin-left: 0;
    margin-right: 24px
    }
.devsite-landing-row-column > .devsite-landing-row-item {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    margin-left: 0
    }
[dir=rtl] .devsite-landing-row-column > .devsite-landing-row-item {
    margin-right: 0
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child) {
        margin: 24px 0 0
        }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(2), .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child) {
        margin: 0 0 0 24px
        }
    [dir=rtl] .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(2), [dir=rtl] .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child) {
        margin: 0 24px 0 0
        }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(3) {
        margin: 24px 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: 24px 0 0 24px
        }
    [dir=rtl] .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(4), [dir=rtl] .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(4) {
        margin: 24px 24px 0 0
        }
    .devsite-landing-row:not(.devsite-landing-row-4-up) .devsite-landing-row-item-no-media:not(:first-child) {
        margin: 0 0 0 24px
        }
    [dir=rtl] .devsite-landing-row:not(.devsite-landing-row-4-up) .devsite-landing-row-item-no-media:not(:first-child) {
        margin: 0 24px 0 0
        }
    .devsite-landing-row-group {
        -webkit-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: 24px 0 0
        }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-media), .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-media) {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        margin-left: 0
        }
    .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item.devsite-landing-row-item-no-description {
        display: block
        }
    .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item.devsite-landing-row-item-no-description, .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item.devsite-landing-row-item-no-description .devsite-landing-row-item-media {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%
        }
    .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 {
        -webkit-flex-basis: auto;
        flex-basis: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
        }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(2) {
        margin: 0 0 0 24px
        }
    [dir=rtl] .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(2) {
        margin: 0 24px 0 0
        }
    .devsite-landing-row-3-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-4-up.devsite-landing-row-cards .devsite-landing-row-item-hidden:nth-of-type(3) ~ .devsite-landing-row-item-hidden, .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: 600px) {
    .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-media), .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-media) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-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 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
        }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(2n), .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(2n), .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) {
        margin: 24px 0 0
        }
    .devsite-landing-row .devsite-landing-row-item-no-media {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
        }
    .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: 24px 0 0
        }
    .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(2n) {
        margin-left: 24px
        }
    [dir=rtl] .devsite-landing-row-logos .devsite-landing-row-item:nth-child(2n) {
        margin-left: 0;
        margin-right: 24px
        }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column {
        width: 100%
        }
    .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, .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item-hidden {
        display: none
        }
    }
.devsite-landing-row-item-media {
    margin: 0 0 32px;
    min-width: 0
    }
.devsite-landing-row-item-code devsite-code, .devsite-landing-row-item[background] .devsite-landing-row-item-media {
    margin: 0
    }
.devsite-landing-row-item-video {
    display: block
    }
.devsite-landing-row-item[background] .devsite-landing-row-item-description {
    padding: 16px
    }
.devsite-landing-row-item-body, .devsite-landing-row-item-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    width: 100%
    }
.devsite-landing-row-item .devsite-landing-row-item-buttons {
    margin: auto 0 -4px;
    padding-top: 8px
    }
[dir=ltr] .devsite-landing-row-item .devsite-landing-row-item-buttons {
    margin-left: -12px
    }
[dir=rtl] .devsite-landing-row-item .devsite-landing-row-item-buttons {
    margin-right: -12px
    }
.devsite-landing-row-1-up .devsite-landing-row-item-media {
    -webkit-box-flex: 0;
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2
    }
.devsite-landing-row-1-up .devsite-landing-row-item-description {
    display: block;
    -webkit-box-flex: 0;
    margin: 0 24px 0 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1
    }
[dir=rtl] .devsite-landing-row-1-up .devsite-landing-row-item-description {
    margin: 0 0 0 24px
    }
.devsite-landing-row-75 .devsite-landing-row-item-description, .devsite-landing-row-100 .devsite-landing-row-item-description {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 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-media-left {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1
    }
.devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    margin: 0 0 0 40px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2
    }
[dir=rtl] .devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    margin: 0 24px 0 0
    }
.devsite-landing-row-1-up .devsite-landing-row-item[background] .devsite-landing-row-item-media + .devsite-landing-row-item-description, .devsite-landing-row-1-up .devsite-landing-row-item[background] .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    margin: 0 40px
    }
.devsite-landing-row-50 .devsite-landing-row-item-media {
    -webkit-box-flex: 0
    }
.devsite-landing-row-67 .devsite-landing-row-item-media {
    -webkit-box-flex: 0
    }
.devsite-landing-row-75 .devsite-landing-row-item-media {
    -webkit-box-flex: 0
    }
.devsite-landing-row-100 .devsite-landing-row-item-media {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 32px 0 0
    }
.devsite-landing-row-item-description h2, .devsite-landing-row-large-headings h3, .devsite-landing-row h3:first-child, .devsite-landing-row h4 + p, .devsite-landing-row h4:first-child, .devsite-landing-row h5:first-child, .devsite-landing-row h6:first-child, .devsite-landing-row p:first-child {
    margin-top: 0
    }
.devsite-landing-row-item-description-content > :last-child {
    margin-bottom: 0
    }
.devsite-landing-row-item-centered .devsite-landing-row-item-description-content, .devsite-landing-row-item-centered h3 {
    text-align: center
    }
.devsite-landing-row-item-centered .devsite-landing-row-item-buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-1-up .devsite-landing-row-item-media, .devsite-landing-row-1-up .devsite-landing-row-item-media-left, .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item-media {
        -webkit-box-flex: 0;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
        overflow: hidden
        }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item-media {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        flex: none;
        margin: 0 0 32px
        }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item[background] .devsite-landing-row-item-media {
        margin: 0
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-description, .devsite-landing-row .devsite-landing-row-item-description {
        display: block;
        margin: 0 24px 0 0
        }
    [dir=rtl] .devsite-landing-row-1-up .devsite-landing-row-item-description, [dir=rtl] .devsite-landing-row .devsite-landing-row-item-description {
        margin: 0 0 0 24px
        }
    .devsite-landing-row-4-up .devsite-landing-row-item-description {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
        }
    .devsite-landing-row .devsite-landing-row-item-no-media {
        -webkit-box-flex: 0
        }
    .devsite-landing-row-3-up .devsite-landing-row-item-no-media {
        -webkit-box-flex: 0
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-no-media {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%
        }
    .devsite-landing-row-item-no-media .devsite-landing-row-item-description {
        margin: 0
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-description {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
        margin: 0 24px 0 0
        }
    [dir=rtl] .devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
        margin: 0 0 0 24px
        }
    .devsite-landing-row-1-up .devsite-landing-row-item[background] .devsite-landing-row-item-media + .devsite-landing-row-item-description {
        margin: 0;
        padding: 24px
        }
    .devsite-landing-row-logos .devsite-landing-row-item-description {
        margin: 0
        }
    .devsite-landing-row-100 .devsite-landing-row-item-media, .devsite-landing-row-100:not(.devsite-landing-row-logos) .devsite-landing-row-item-media {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 32px 0 0
        }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-media, .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-media {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 32px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
        }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-description, .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-description {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
        width: 100%
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-1-up .devsite-landing-row-item-media, .devsite-landing-row-1-up .devsite-landing-row-item-media-left, .devsite-landing-row-item-media, .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item-media {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 32px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-description, .devsite-landing-row-item-description {
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
        }
    .devsite-landing-row .devsite-landing-row-item-no-media {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
        margin: 0
        }
    .devsite-landing-row-1-up .devsite-landing-row-item[background] .devsite-landing-row-item-media + .devsite-landing-row-item-description {
        padding: 16px
        }
    .devsite-landing-row-item-no-media:not(:first-child), .devsite-landing-row .devsite-landing-row-item-no-media + .devsite-landing-row-item-no-media:nth-of-type(2n) {
        margin: 24px 0 0
        }
    .devsite-landing-row-cta .devsite-landing-row-item-description {
        font: 400 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
        }
    }
.devsite-landing-row-item-buttons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    padding-top: 8px
    }
.devsite-landing-row-item-buttons .button {
    margin: 4px 4px 4px 12px
    }
.devsite-landing-row-item-buttons .button > .material-icons {
    top: -1px
    }
.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 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 24px 0 0
    }
p + .devsite-landing-row-item-buttons {
    margin-top: -8px
    }
.devsite-landing-row-item-custom-image {
    padding: 0 0 56.25%;
    position: relative
    }
.devsite-landing-row-item-image.devsite-landing-row-item-custom-image:not([background]) {
    background: #455a64
    }
.devsite-landing-row-item-custom-image[background=grey] {
    background: #f1f3f4
    }
.devsite-landing-row-item-custom-image[background=white] {
    background: #fff
    }
.devsite-landing-row-no-image-background .devsite-landing-row-item-custom-image:not([background]) {
    background: 0
    }
.devsite-landing-row-item-custom-image-icon-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    width: 100%
    }
.devsite-landing-row-item-custom-image-icon-container[background] {
    background: 0
    }
.devsite-landing-row-item-custom-image-icon {
    color: #fff
    }
.devsite-landing-row-item-custom-image[background=grey]:not([foreground]) .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-item-custom-image[background=white]:not([foreground]) .devsite-landing-row-item-custom-image-icon {
    color: #5f6368
    }
.devsite-landing-row-item-custom-image-icon.material-icons {
    opacity: 0.8
    }
.devsite-landing-row-1-up .devsite-landing-row-item-custom-image-icon {
    font-size: 256px;
    max-height: 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;
    max-height: 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, [layout=docs] .devsite-landing-row-2-up .devsite-landing-row-item-custom-image-icon {
    font-size: 128px;
    max-height: 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, [layout=docs] .devsite-landing-row-2-up .devsite-landing-row-item-custom-image-icon {
    font-size: 96px;
    max-height: 96px;
    width: 96px
    }
@media screen and (max-width: 840px) {
    .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;
        max-height: 128px;
        width: 128px
        }
    }
.devsite-landing-row-1-up .devsite-landing-row-item-description[icon-position=left], .devsite-landing-row-item-description[icon-position] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
    }
.devsite-landing-row-item-description[icon-position=top] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
    }
.devsite-landing-row-item-icon-container {
    color: #5f6368;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 56px;
    margin: 0 20px 8px 0;
    -webkit-transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    -o-transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    width: 56px
    }
[dir=rtl] .devsite-landing-row-item-icon-container {
    margin: 0 0 8px 20px
    }
.devsite-landing-row-item-icon {
    font-size: 48px;
    height: 48px;
    margin: 0 0 0 4px;
    width: 48px
    }
[dir=rtl] .devsite-landing-row-item-icon {
    margin: 0 4px 0 0
    }
.devsite-landing-row-item-icon-container[background] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px
    }
.devsite-landing-row-item-icon-container[background] .devsite-landing-row-item-icon {
    font-size: 36px;
    height: 36px;
    margin: 0;
    width: 36px
    }
[background] .devsite-landing-row-item-icon-container:not([foreground]) {
    color: #fff
    }
[background=grey] .devsite-landing-row-item-icon-container:not([foreground]) {
    color: #5f6368
    }
:focus .devsite-landing-row-item-icon-container, :link .devsite-landing-row-item-icon-container:hover {
    color: #1a73e8
    }
[foreground] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, [foreground] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover {
    color: rgba(154, 160, 166, 0.5)
    }
[background] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, [background] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover {
    color: hsla(0, 0%, 100%, 0.7)
    }
.devsite-landing-row-item-icon-container[background=grey]:not([foreground]), .devsite-landing-row-item-icon-container[background=white]:not([foreground]), .devsite-landing-row-item-icon-container[foreground=grey] {
    color: #5f6368
    }
.devsite-landing-row-item-icon-container[background=grey] {
    background: #f1f3f4
    }
.devsite-landing-row-item-icon-container[background=white] {
    background: #fff
    }
.devsite-landing-row-item-icon-container[background][foreground=white], .devsite-landing-row-item-icon-container[foreground=white] {
    color: #fff
    }
:focus .devsite-landing-row-item-icon-container[background][foreground=grey], :link .devsite-landing-row-item-icon-container[background][foreground=grey]:hover {
    color: #5f6368
    }
:focus .devsite-landing-row-item-icon-container[background][foreground=white], :link .devsite-landing-row-item-icon-container[background][foreground=white]:hover {
    color: #fff
    }
:focus .devsite-landing-row-item-icon-container[background], :link .devsite-landing-row-item-icon-container[background]:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
[background] :focus .devsite-landing-row-item-icon-container[background], [background] :link .devsite-landing-row-item-icon-container[background]:hover {
    color: #fff
    }
[background=grey] :focus .devsite-landing-row-item-icon-container[background], [background=grey] :link .devsite-landing-row-item-icon-container[background]:hover {
    color: #5f6368
    }
.devsite-landing-row-item-image {
    -webkit-align-self: flex-start;
    align-self: flex-start
    }
.devsite-landing-row-item-image:not([background]) {
    background: #e8eaed
    }
.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([background]) {
    background: 0
    }
.devsite-landing-row-item-labels > a, .devsite-landing-row-item-labels > span {
    display: inline-block;
    font: 500 11px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.8px;
    margin-bottom: 8px;
    text-transform: uppercase
    }
.devsite-landing-row-item-labels > a + a, .devsite-landing-row-item-labels > a + span, .devsite-landing-row-item-labels > span + a, .devsite-landing-row-item-labels > span + span {
    margin-left: 8px
    }
.devsite-landing-row-item-labels > a[background], .devsite-landing-row-item-labels > span[background] {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 4px 8px
    }
.devsite-landing-row-item-description-callout {
    font-weight: 700
    }
.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 #e8eaed;
    font-weight: 500;
    padding: 12px 0 11px
    }
.devsite-landing-row-item-description-feature-tooltip {
    background: #455a64;
    color: hsla(0, 0%, 100%, 0.7);
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    min-width: 200px;
    opacity: 0;
    padding: 24px;
    position: absolute;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    -o-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
    visibility: hidden;
    width: 67%;
    z-index: 1020
    }
.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-item-description-feature-tooltip h3, .devsite-landing-row-large-headings .devsite-landing-row-item-description-feature-tooltip h3 {
    color: #fff;
    font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin-bottom: 8px;
    padding: 0
    }
.devsite-landing-row-item-list {
    padding: 0
    }
.devsite-landing-row-item-description-content + .devsite-landing-row-item-list {
    margin-top: 32px
    }
.devsite-landing-row-item-list-item {
    list-style: none
    }
.devsite-landing-row-item-list-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
    }
.devsite-landing-row-item-list-item-content[icon-position=top] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
    }
.devsite-landing-row-item-list-item-icon-container {
    color: #5f6368;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px;
    margin: 0 20px 0 0;
    -webkit-transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    -o-transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    width: 40px
    }
[dir=rtl] .devsite-landing-row-item-list-item-icon-container {
    margin: 0 0 0 20px
    }
.devsite-landing-row-item-list-item-icon {
    font-size: 32px;
    height: 32px;
    width: 32px
    }
.devsite-landing-row-item-list-item-icon-container[background] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
    }
.devsite-landing-row-item-list-item-icon-container[background] .devsite-landing-row-item-list-item-icon {
    font-size: 24px;
    height: 24px;
    width: 24px
    }
.devsite-landing-row-item-list h4 {
    font: 400 16px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
.devsite-landing-row .devsite-landing-row-item-list h4 {
    margin: 0 0 4px
    }
.devsite-landing-row-item-list-item-description {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font: 400 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    max-width: calc(100% - 40px)
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-item-list-item-description {
        max-width: none
        }
    }
.devsite-landing-row-item-list-item:not(:last-child) .devsite-landing-row-item-list-item-description-content {
    margin-bottom: 24px
    }
[background] .devsite-landing-row-item-list-item-icon-container:not([foreground]) {
    color: #fff
    }
.devsite-landing-row-item-list-item-icon-container[background=grey]:not([foreground]), .devsite-landing-row-item-list-item-icon-container[background=white]:not([foreground]), .devsite-landing-row-item-list-item-icon-container[background][foreground=grey], .devsite-landing-row-item-list-item-icon-container[foreground=grey] {
    color: #5f6368
    }
.devsite-landing-row-item-list-item-icon-container[background=grey] {
    background: #f1f3f4
    }
.devsite-landing-row-item-list-item-icon-container[background=white] {
    background: #fff
    }
.devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=white] {
    color: #fff
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=grey], :link .devsite-landing-row-item-list-item-icon-container[foreground=grey]:hover {
    color: rgba(154, 160, 166, 0.5)
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=white], :link .devsite-landing-row-item-list-item-icon-container[foreground=white]:hover {
    color: hsla(0, 0%, 100%, 0.7)
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=grey], :link .devsite-landing-row-item-list-item-icon-container[background][foreground=grey]:hover {
    color: #5f6368
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=white], :link .devsite-landing-row-item-list-item-icon-container[background][foreground=white]:hover {
    color: #fff
    }
:link > .devsite-landing-row-item-list-item-content:not(.material-icons):hover, [background] :link > .devsite-landing-row-item-list-item-content:not(.material-icons):hover {
    text-decoration: none
    }
[foreground] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, [foreground] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: rgba(154, 160, 166, 0.5)
    }
[background] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, [background] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7)
    }
:link .devsite-landing-row-item-list-item-description h4 + p {
    color: #202124;
    text-decoration: none
    }
[background] :link .devsite-landing-row-item-list-item-description h4 + p {
    color: #fff
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background], :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container[background] {
    background: hsla(0, 0%, 100%, 0.7);
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
.devsite-landing-row :focus .devsite-landing-row-item-list-item-description > :first-child, [background] :link .devsite-landing-row-item-list-item-description > :first-child {
    text-decoration: underline
    }
.devsite-landing-row-logos .devsite-landing-row-item-media {
    margin: 0
    }
.devsite-landing-row-logos .devsite-landing-row-item-custom-image {
    padding-bottom: 96px
    }
body[theme] .devsite-landing-row-logos .devsite-landing-row-item-custom-image:not([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
    }
.devsite-landing-row-logos .devsite-landing-row-item-no-media {
    -webkit-box-flex: 0
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-logos .devsite-landing-row-item-no-media {
        -webkit-box-flex: 0
        }
    }
.devsite-landing-row-cards .devsite-landing-row-item {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #dadce0;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    position: relative
    }
.devsite-landing-row-cards .devsite-landing-row-item:not([background]) {
    background-color: #fff
    }
body[theme] .devsite-landing-row-cards[background=theme] :link:not(.button), body[theme] .devsite-landing-row-cards[background=theme] :visited:not(.button) {
    color: #1a73e8
    }
.devsite-landing-row-cards .devsite-landing-row-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
    }
.devsite-landing-row-cards .devsite-landing-row-column > .devsite-landing-row-item:not(:first-child) {
    margin-top: 24px
    }
.devsite-landing-row-cards .devsite-landing-row-column .devsite-landing-row-item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
    }
.devsite-landing-row-cards .devsite-landing-row-item-media {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1
    }
.devsite-landing-row-cards .devsite-landing-row-item-description {
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-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-media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
    }
.devsite-landing-row-cards[background=theme] .devsite-landing-row-item-icon {
    color: #5f6368
    }
.devsite-landing-row-cards .devsite-landing-row-item-no-media h3 {
    font: 400 24px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0 0 20px
    }
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-media {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    flex: 1 0;
    margin: 0
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-media, .devsite-landing-row-cards:not(.devsite-landing-row-logos) .devsite-landing-row-item-media {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0
        }
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-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:not(.devsite-landing-row-item-no-media), .devsite-landing-row-cards.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-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 24px
        }
    [dir=rtl] .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-child(2), [dir=rtl] .devsite-landing-row-cards.devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-child(2) {
        margin: 0 24px 0 0
        }
    .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: 24px 0 0
        }
    .devsite-landing-row-cards .devsite-landing-row-item-description {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-cards {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-bottom: 16px;
        padding-top: 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 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 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-media .devsite-landing-row-item-description {
        padding-top: 16px
        }
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee, .devsite-landing-row-1-up.devsite-landing-row-marquee[background] {
    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-media {
    -webkit-align-self: 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 {
    -webkit-align-self: center;
    align-self: center;
    padding: 40px 0
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
        }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media {
        margin: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
        overflow: visible;
        width: 100%
        }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description {
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
        width: 100%
        }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
        margin: 0
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-1-up.devsite-landing-row-marquee[background] {
        margin: 0 -16px;
        padding: 0
        }
    .devsite-landing-row-1-up.devsite-landing-row-marquee[background] .devsite-landing-row-item-description {
        padding: 32px 16px
        }
    }
body devsite-book-nav .devsite-product-name {
    font: 400 22px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
body devsite-book-nav .devsite-nav-title {
    margin-right: 8px
    }
[dir=rtl] body devsite-book-nav .devsite-nav-title {
    margin-left: 8px;
    margin-right: 0
    }
body devsite-book-nav .devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-title-no-path {
    margin-right: 0
    }
[dir=rtl] body devsite-book-nav .devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-title-no-path {
    margin-left: 0
    }
body devsite-book-nav .devsite-nav-title.devsite-nav-active {
    background: #e8f0fe;
    -webkit-border-radius: 0 12px 12px 0;
    border-radius: 0 12px 12px 0
    }
[dir=rtl] body devsite-book-nav .devsite-nav-title.devsite-nav-active {
    -webkit-border-radius: 12px 0 0 12px;
    border-radius: 12px 0 0 12px
    }
body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active), body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav > .devsite-nav-title-no-path {
    -webkit-border-radius: 0 12px 12px 0;
    border-radius: 0 12px 12px 0
    }
[dir=rtl] body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active), [dir=rtl] body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav > .devsite-nav-title-no-path {
    -webkit-border-radius: 12px 0 0 12px;
    border-radius: 12px 0 0 12px
    }
body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active):focus, body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active):hover, body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav > .devsite-nav-title-no-path:focus, body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav > .devsite-nav-title-no-path:hover {
    background: #f1f3f4;
    color: inherit
    }
body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav-heading > .devsite-nav-title-no-path {
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: default
    }
body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav-heading > .devsite-nav-title-no-path:focus, body devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav-heading > .devsite-nav-title-no-path:hover {
    background: 0;
    color: #5f6368
    }
body devsite-book-nav .devsite-nav-item.devsite-nav-deprecated:not(.devsite-nav-accordion) .devsite-nav-heading > .devsite-nav-title-no-path:focus, body devsite-book-nav .devsite-nav-item.devsite-nav-deprecated:not(.devsite-nav-accordion) .devsite-nav-heading > .devsite-nav-title-no-path:hover {
    color: #bdc1c6
    }
body devsite-book-nav .devsite-mobile-nav-top .devsite-nav-list > .devsite-nav-item > .devsite-nav-active {
    background: 0
    }
body devsite-book-nav .devsite-mobile-nav-top .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title {
    -webkit-border-radius: 0;
    border-radius: 0
    }
body devsite-book-nav .devsite-mobile-nav-top .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:focus, body devsite-book-nav .devsite-mobile-nav-top .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:hover {
    background: 0
    }
body devsite-book-nav .devsite-nav-heading.devsite-nav-divider {
    background: #f1f3f4
    }
devsite-content devsite-code[dark-code] .devsite-github-link:after, devsite-content devsite-code[dark-code] .devsite-github-link > a, devsite-content devsite-code[dark-code] .prettyprint :not(.devsite-github-link) > a:not(.devsite-github-link), devsite-content devsite-code[dark-code] a .atn, devsite-content devsite-code[dark-code] a .atv, devsite-content devsite-code[dark-code] a .com, devsite-content devsite-code[dark-code] a .dec, devsite-content devsite-code[dark-code] a .kwd, devsite-content devsite-code[dark-code] a .lit, devsite-content devsite-code[dark-code] a .pln, devsite-content devsite-code[dark-code] a .pun, devsite-content devsite-code[dark-code] a .str, devsite-content devsite-code[dark-code] a .tag, devsite-content devsite-code[dark-code] a .typ {
    color: #669df6
    }
devsite-content devsite-code pre {
    padding: 24px
    }
devsite-content devsite-code .devsite-code-buttons-container button {
    height: 32px;
    width: 32px
    }
devsite-content .devsite-article-body > devsite-code {
    margin: 16px -40px
    }
devsite-content .devsite-article-body > devsite-code pre {
    padding-left: 40px;
    padding-right: 40px
    }
devsite-content .devsite-article-body > devsite-code:last-child {
    margin-bottom: -16px
    }
.devsite-article-body > devsite-code .devsite-code-buttons-container {
    right: 40px
    }
@media screen and (max-width: 840px) {
    devsite-content .devsite-article-body > devsite-code {
        margin: 16px -24px
        }
    devsite-content .devsite-article-body > devsite-code pre {
        padding-left: 24px;
        padding-right: 24px
        }
    devsite-content .devsite-article-body > devsite-code .devsite-code-buttons-container {
        right: 24px
        }
    }
@media screen and (max-width: 600px) {
    devsite-content .devsite-article-body > devsite-code {
        margin: 16px -16px
        }
    devsite-content .devsite-article-body > devsite-code pre {
        padding-left: 16px;
        padding-right: 16px
        }
    devsite-content .devsite-article-body > devsite-code .devsite-code-buttons-container {
        right: 16px
        }
    }
body[layout=full] devsite-code {
    overflow: visible
    }
body[layout=full] devsite-code:after {
    background: #f1f3f4;
    content: "";
    display: block;
    height: 100%;
    left: calc(50% - 50vw);
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1
    }
body[layout=full] devsite-code[dark-code]:after {
    background: #283142
    }
body devsite-content .devsite-search-title .devsite-search-term {
    color: #5f6368;
    font-weight: 400
    }
body devsite-dialog {
    -webkit-border-radius: 8px;
    border-radius: 8px
    }
body devsite-dialog h3 {
    color: #202124;
    font: 400 18px/30px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    text-align: center
    }
body devsite-dialog.devsite-feedback .devsite-feedback-buttons {
    padding: 16px 24px 8px
    }
body devsite-footer-promos .devsite-footer-promo-title {
    color: #202124
    }
body devsite-footer-linkboxes .devsite-footer-linkbox-heading, body devsite-footer-promos .devsite-footer-promo-title {
    font: 400 16px/26px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
body devsite-footer-linkboxes .devsite-footer-linkbox-heading {
    margin: 1px 0 4px
    }
body devsite-footer-linkboxes .devsite-footer-linkbox-list .devsite-footer-linkbox-heading {
    margin-top: 34px
    }
body devsite-header .devsite-product-name {
    font: 400 22px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
body devsite-header .devsite-header-billboard h1 {
    font: 400 44px/52px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: -0.5px
    }
body devsite-jump-to .devsite-jump-to-link {
    background: #fff !important
    }
body devsite-jump-to .devsite-jump-to-link:focus, body devsite-jump-to .devsite-jump-to-link:hover {
    background: #e8f0fe !important
    }
body devsite-jump-to .devsite-jump-to-link, body devsite-jump-to .devsite-jump-to-link:focus, body devsite-jump-to .devsite-jump-to-link:hover {
    color: #1a73e8 !important
    }
body[theme] devsite-multiple-choice {
    background: #fff;
    border: 1px solid #dadce0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
    }
body[theme] devsite-multiple-choice .devsite-multiple-choice-question {
    background-color: #e8eaed;
    color: #202124;
    font: 500 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
body[theme] devsite-multiple-choice .devsite-multiple-choice-answer {
    border-bottom: 0;
    border-top: 1px solid #dadce0
    }
body devsite-nav-buttons button {
    color: #1a73e8;
    border: 1px solid #dadce0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500
    }
body devsite-nav-buttons button:focus, body devsite-nav-buttons button:hover {
    background: #e8f0fe
    }
body devsite-nav-buttons button, body devsite-nav-buttons button[class^=button-] {
    padding: 0 16px
    }
body devsite-nav-buttons button[class^=button-][selected], body devsite-nav-buttons button[selected] {
    background: #1a73e8;
    border: 0;
    color: #fff
    }
body devsite-nav-buttons button.button-primary[selected] {
    background: #174ea6
    }
devsite-page-rating .devsite-rating-caption {
    font: 400 24px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
body devsite-search {
    -webkit-border-radius: 4px;
    border-radius: 4px
    }
body .devsite-header-billboard-search devsite-search[search-active] .devsite-search-form, body[type=error] devsite-search[search-active] .devsite-search-form, body devsite-header[search-expanded] .devsite-search-form {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    overflow: auto
    }
body[theme] devsite-header .devsite-header-billboard-search devsite-search[search-active] .devsite-search-field, body[theme] devsite-header .devsite-header-billboard-search devsite-search[search-active] .devsite-search-field:hover, body[theme] devsite-header[search-expanded] devsite-search[search-active] .devsite-search-field, body[theme] devsite-header[search-expanded] devsite-search[search-active] .devsite-search-field:hover, body[type=error] devsite-search[search-active] .devsite-search-field, body[type=error] devsite-search[search-active] .devsite-search-field:hover {
    background: #fff;
    color: #5f6368
    }
body[theme] devsite-header devsite-search .devsite-searchbox:before {
    display: none
    }
body[theme] devsite-search .devsite-popout {
    display: none;
    margin-top: 0;
    position: relative;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    z-index: auto
    }
body .devsite-header-billboard-search devsite-search[search-active] .devsite-popout, body[type=error] devsite-search[search-active] .devsite-popout, body devsite-header[search-expanded] devsite-search .devsite-popout {
    display: block
    }
body devsite-search .devsite-popout-result {
    -webkit-box-shadow: none;
    box-shadow: none
    }
@media screen and (max-width: 840px) {
    body devsite-header devsite-search[search-active] .devsite-search-form {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
        box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
        left: 0;
        overflow: auto;
        position: absolute;
        right: 40px;
        top: 0
        }
    [dir=rtl] body devsite-header devsite-search[search-active] .devsite-search-form {
        left: 40px;
        right: 0
        }
    body .devsite-top-logo-row devsite-search form .devsite-result-item a, body .devsite-top-logo-row devsite-search form .devsite-result-label, body .devsite-top-logo-row devsite-search form .devsite-suggest-footer, body .devsite-top-logo-row devsite-search form .devsite-suggest-header {
        padding-left: 40px
        }
    [dir=rtl] body .devsite-top-logo-row devsite-search form .devsite-result-item a, [dir=rtl] body .devsite-top-logo-row devsite-search form .devsite-result-label, [dir=rtl] body .devsite-top-logo-row devsite-search form .devsite-suggest-footer, [dir=rtl] body .devsite-top-logo-row devsite-search form .devsite-suggest-header {
        padding-left: 8px;
        padding-right: 40px
        }
    body devsite-header .devsite-header-billboard-search devsite-search[search-active] .devsite-search-form {
        right: 0
        }
    [dir=rtl] body devsite-header .devsite-header-billboard-search devsite-search[search-active] .devsite-search-form {
        left: 0;
        right: auto
        }
    body devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button {
        margin: 0 0 0 auto
        }
    [dir=rtl] body devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button {
        margin: 0 auto 0 0
        }
    body[theme] devsite-header devsite-search[search-active] form .devsite-search-field, body[theme] devsite-header devsite-search[search-active] form .devsite-search-field:hover {
        background: #fff;
        color: #5f6368
        }
    body[theme] devsite-search .devsite-popout {
        display: block
        }
    body devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-popout {
        left: 0;
        width: auto
        }
    [dir=rtl] body devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-popout {
        left: auto;
        right: 0
        }
    }
@media screen and (max-width: 600px) {
    body .devsite-top-logo-row devsite-search form .devsite-result-item a, body .devsite-top-logo-row devsite-search form .devsite-result-label, body .devsite-top-logo-row devsite-search form .devsite-suggest-footer, body .devsite-top-logo-row devsite-search form .devsite-suggest-header {
        padding-left: 12px
        }
    [dir=rtl] body .devsite-top-logo-row devsite-search form .devsite-result-item a, [dir=rtl] body .devsite-top-logo-row devsite-search form .devsite-result-label, [dir=rtl] body .devsite-top-logo-row devsite-search form .devsite-suggest-footer, [dir=rtl] body .devsite-top-logo-row devsite-search form .devsite-suggest-header {
        padding-right: 12px
        }
    }
body devsite-select .devsite-select-toggle {
    border: 1px solid #dadce0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font: 500 14px/36px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    line-height: 34px;
    padding: 0 27px 0 15px
    }
body devsite-select .devsite-select-list {
    border: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px
    }
body devsite-select .devsite-select-item[data-selected] {
    background-color: #e3f2fd;
    font-weight: 400
    }
body devsite-selector {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #dadce0;
    -webkit-box-shadow: none;
    box-shadow: none
    }
body devsite-selector devsite-tabs tab a {
    line-height: 48px;
    padding: 0 18px
    }
body devsite-selector devsite-tabs tab a:link, body devsite-selector devsite-tabs tab a:visited {
    color: #5f6368
    }
body devsite-selector devsite-tabs[connected] {
    border-bottom: 1px solid #dadce0
    }
body devsite-selector devsite-tabs > div > tab[tab] a:focus:after, body devsite-selector devsite-tabs > div > tab[tab] a:hover:after {
    background: #5f6368
    }
body devsite-selector devsite-tabs > div > tab[active] a:after, body devsite-selector devsite-tabs > div > tab[active] a:focus:after, body devsite-selector devsite-tabs > div > tab[active] a:hover:after {
    background: #1a73e8
    }
body devsite-selector .devsite-table-wrapper:last-child, body devsite-selector > section > .github-docwidget-gitinclude-code > devsite-code:last-child > pre, body devsite-selector > section > aside:last-child, body devsite-selector > section > devsite-code:last-child > pre {
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px
    }
body devsite-selector devsite-tabs[overflow-menu--open] tab[overflow-tab] {
    background: #f1f3f4;
    -webkit-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0
    }
[dir=rtl] body devsite-selector devsite-tabs[overflow-menu--open] tab[overflow-tab] {
    -webkit-border-radius: 8px 0 0;
    border-radius: 8px 0 0
    }
body devsite-selector devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:focus, body devsite-selector devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:hover {
    background: #e8f0fe
    }
body[layout=docs] devsite-significatio {
    margin: 0 -40px;
    padding: 12px 40px
    }
@media screen and (max-width: 840px) {
    body[layout=docs] devsite-significatio {
        margin: 0 -24px;
        padding: 12px 24px
        }
    }
@media screen and (max-width: 600px) {
    body[layout=docs] devsite-significatio {
        margin: 0 -16px;
        padding: 12px 16px
        }
    }
body[layout=docs][type=landing] devsite-significatio {
    margin: 0
    }
[dir] body devsite-significatio .significatio-card {
    border: 1px solid #dadce0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 8px;
    border-radius: 8px
    }
body[layout=docs] .devsite-article-body > devsite-significatio:last-child {
    margin-bottom: -16px
    }
body devsite-snackbar .devsite-snackbar-snack {
    max-width: 568px;
    min-width: 288px
    }
@media screen and (max-width: 840px) {
    body devsite-snackbar .devsite-snackbar-snack {
        width: 100%
        }
    }
body devsite-snackbar .devsite-snackbar-inner {
    background: #202124;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #ddd
    }
@media screen and (max-width: 840px) {
    body devsite-snackbar .devsite-snackbar-inner {
        -webkit-border-radius: 0;
        border-radius: 0
        }
    }
body devsite-snackbar .devsite-snackbar-message {
    padding: 16px 24px
    }
body devsite-snackbar .devsite-snackbar-action, body devsite-snackbar .devsite-snackbar-link {
    color: #669df6;
    font: 500 16px/1 Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin-right: 16px;
    padding: 8px
    }
body devsite-snackbar [type=cookie-notification] .devsite-snackbar-inner, body devsite-snackbar [type^=notification-] .devsite-snackbar-inner {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
    }
body devsite-snackbar [type=cookie-notification] .devsite-snackbar-message, body devsite-snackbar [type^=notification-] .devsite-snackbar-message {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 24px
    }
body devsite-snackbar [type=cookie-notification] .devsite-snackbar-action, body devsite-snackbar [type=cookie-notification] .devsite-snackbar-link, body devsite-snackbar [type^=notification-] .devsite-snackbar-action, body devsite-snackbar [type^=notification-] .devsite-snackbar-link {
    padding: 4px 8px 24px
    }
body devsite-snackbar [type=cookie-notification] .devsite-snackbar-link, body devsite-snackbar [type^=notification-] .devsite-snackbar-action {
    margin-left: auto
    }
@media screen and (max-width: 840px) {
    body devsite-snackbar [type=cookie-notification] .devsite-snackbar-message, body devsite-snackbar [type^=notification-] .devsite-snackbar-message {
        padding-bottom: 24px
        }
    }
body devsite-tabs tab > a {
    font: 500 14px/20px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0 18px;
    text-transform: none
    }
body devsite-tabs tab[dropdown] > a {
    padding: 0 0 0 18px
    }
[dir=rtl] body devsite-tabs tab[dropdown] > a {
    padding: 0 18px 0 0
    }
body devsite-tabs.upper-tabs tab[overflow-tab] tab > a {
    padding: 0 18px
    }
body[theme] devsite-tabs tab[active] a:after, body[theme] devsite-tabs tab a:focus:after, body[theme] devsite-tabs tab a:hover:after {
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    bottom: 0;
    height: 3px;
    left: 22px;
    right: 22px
    }
body devsite-tabs.upper-tabs tab a {
    font-weight: 500
    }
body devsite-tabs.lower-tabs .devsite-tabs-wrapper {
    left: 6px
    }
[dir=rtl] body devsite-tabs.lower-tabs .devsite-tabs-wrapper {
    left: auto;
    right: 6px
    }
body devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle {
    padding-right: 12px
    }
body devsite-tabs tab[active][dropdown] a:not(.devsite-tabs-dropdown-toggle):after, body devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):focus:after, body devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):hover:after {
    right: 4px
    }
[dir=rtl] body devsite-tabs tab[active][dropdown] a:not(.devsite-tabs-dropdown-toggle):after, [dir=rtl] body devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):focus:after, [dir=rtl] body devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):hover:after {
    left: 4px;
    right: 22px
    }
body devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    top: 44px
    }
devsite-analytics > iframe {
    display: none
    }
devsite-book-nav {
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    z-index: 1004
    }
body[pending] devsite-book-nav {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    height: 100vh
    }
body[ready] devsite-book-nav[fixed] {
    -webkit-box-shadow: none;
    box-shadow: none;
    contain: content;
    max-height: 100%;
    position: fixed;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    will-change: top, max-height, transform
    }
.devsite-book-nav-bg {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15)
    }
body[ready] .devsite-book-nav-bg[fixed] {
    bottom: 0;
    display: block;
    position: fixed;
    top: 0;
    z-index: 1
    }
.devsite-book-nav-bg:after {
    bottom: -10px;
    content: "";
    display: block;
    height: 10px;
    position: fixed;
    width: 278px
    }
[dir=ltr] .devsite-book-nav-bg:after {
    left: 0
    }
[dir=rtl] .devsite-book-nav-bg:after {
    right: 0
    }
devsite-book-nav .devsite-nav {
    -webkit-transform: translatez(0);
    transform: translatez(0)
    }
devsite-book-nav .devsite-nav-list {
    padding-bottom: 36px
    }
devsite-book-nav .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
    border-top: 0;
    margin-top: 20px;
    padding-top: 0
    }
devsite-book-nav li .devsite-nav-title {
    padding-left: 24px
    }
[dir=rtl] devsite-book-nav li .devsite-nav-title {
    padding-left: 8px;
    padding-right: 24px
    }
devsite-book-nav devsite-expandable-nav li .devsite-nav-title {
    padding-left: 40px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li .devsite-nav-title {
    padding-left: 8px;
    padding-right: 40px
    }
devsite-book-nav devsite-expandable-nav li li .devsite-nav-title {
    padding-left: 56px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li .devsite-nav-title {
    padding-left: 8px;
    padding-right: 56px
    }
devsite-book-nav devsite-expandable-nav li li li .devsite-nav-title {
    padding-left: 72px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li .devsite-nav-title {
    padding-left: 8px;
    padding-right: 72px
    }
devsite-book-nav devsite-expandable-nav li li li li .devsite-nav-title {
    padding-left: 88px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li li .devsite-nav-title {
    padding-left: 8px;
    padding-right: 88px
    }
devsite-book-nav devsite-expandable-nav li li li li li .devsite-nav-title {
    padding-left: 104px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li li li .devsite-nav-title {
    padding-left: 8px;
    padding-right: 104px
    }
devsite-book-nav li.devsite-nav-divider .devsite-nav-title {
    padding-left: 0
    }
[dir=rtl] devsite-book-nav li.devsite-nav-divider .devsite-nav-title {
    padding-right: 0
    }
devsite-book-nav .devsite-nav-title {
    padding-right: 8px
    }
[dir=rtl] devsite-book-nav .devsite-nav-title {
    padding-left: 8px;
    padding-right: 0
    }
devsite-book-nav .devsite-nav-list > .devsite-nav-heading:not(.devsite-nav-divider) {
    border-top: 1px solid #dadce0;
    padding-top: 11px
    }
devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) {
    margin-top: 12px
    }
[dir=ltr] devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 24px
    }
[dir=rtl] devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 24px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 40px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 40px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 56px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 56px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 72px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 72px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 88px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 88px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 104px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 104px
    }
devsite-book-nav .devsite-nav-heading.devsite-nav-divider {
    background: #eceff1;
    border-bottom: 1px solid #dadce0;
    border-top: 1px solid #dadce0;
    padding: 4px 24px 2px
    }
devsite-book-nav .devsite-nav-heading.devsite-nav-divider:first-child {
    padding-top: 4px
    }
devsite-book-nav .devsite-nav-divider > .devsite-nav-title {
    font: 500 11px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.8px;
    text-transform: uppercase
    }
devsite-book-nav .devsite-nav-accordion + .devsite-nav-accordion, devsite-book-nav .devsite-nav-divider + .devsite-nav-accordion {
    border-top: 0;
    padding-top: 12px
    }
devsite-book-nav .devsite-nav-accordion + .devsite-nav-divider {
    border-top: 0;
    padding-top: 4px
    }
devsite-book-nav .devsite-nav-accordion + .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider), devsite-book-nav .devsite-nav-divider + .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider), devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider) + .devsite-nav-accordion, devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider) + .devsite-nav-divider {
    margin-top: 12px
    }
devsite-book-nav .devsite-nav-break {
    height: 24px
    }
#devsite-hamburger-menu, #devsite-hamburger-menu[visually-hidden], devsite-book-nav .devsite-mobile-header, devsite-book-nav .devsite-mobile-nav-top {
    display: none
    }
#devsite-hamburger-menu:before, devsite-book-nav #devsite-close-nav:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 8px;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s
    }
#devsite-hamburger-menu:focus:before, #devsite-hamburger-menu:hover:before, devsite-book-nav #devsite-close-nav:focus:before, devsite-book-nav #devsite-close-nav:hover:before {
    background: #f1f3f4
    }
#devsite-hamburger-menu:before {
    content: "menu"
    }
[dir=ltr] devsite-book-nav #devsite-close-nav:before {
    content: "arrow_back"
    }
[dir=rtl] devsite-book-nav #devsite-close-nav:before {
    content: "arrow_forward"
    }
devsite-book-nav[top-level-nav] #devsite-close-nav:before {
    content: "close"
    }
@media screen and (max-width: 840px) {
    devsite-book-nav {
        display: none;
        height: 100vh;
        max-height: 100vh !important;
        top: 0 !important;
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: -o-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -o-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 1013
        }
    [dir=ltr] devsite-book-nav {
        -webkit-transform: translate3d(-280px, 0, 0) !important;
        transform: translate3d(-280px, 0, 0) !important
        }
    [dir=rtl] devsite-book-nav {
        -webkit-transform: translate3d(280px, 0, 0) !important;
        transform: translate3d(280px, 0, 0) !important
        }
    devsite-book-nav:not([animatable]) {
        -webkit-transition: -webkit-transform 1ms;
        transition: -webkit-transform 1ms;
        -o-transition: -o-transform 1ms;
        transition: transform 1ms;
        transition: transform 1ms, -webkit-transform 1ms, -o-transform 1ms
        }
    body[ready] .devsite-book-nav-bg[fixed] {
        display: none
        }
    body[ready] devsite-book-nav[fixed] {
        background: #fff;
        display: block !important;
        -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
        box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
        }
    devsite-book-nav[visually-hidden] {
        opacity: 1 !important;
        pointer-events: auto !important;
        visibility: visible !important
        }
    #devsite-hamburger-menu, devsite-book-nav #devsite-close-nav {
        height: 100%;
        position: relative;
        width: auto;
        z-index: 20
        }
    #devsite-hamburger-menu {
        display: inline-block
        }
    [dir=ltr] #devsite-hamburger-menu {
        margin: 0 8px 0 -4px
        }
    [dir=rtl] #devsite-hamburger-menu {
        margin: 0 -4px 0 8px
        }
    devsite-book-nav #devsite-close-nav {
        color: #5f6368;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
        }
    [dir=ltr] devsite-book-nav #devsite-close-nav {
        margin: 0 0 0 -12px
        }
    [dir=rtl] devsite-book-nav #devsite-close-nav {
        margin: 0 -12px 0 0
        }
    devsite-book-nav .devsite-mobile-nav-top {
        display: block
        }
    devsite-book-nav .devsite-book-nav-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: -o-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -o-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)
        }
    [dir=ltr] devsite-book-nav .devsite-book-nav-wrapper {
        -webkit-transform: translate3d(-268px, 0, 0) !important;
        transform: translate3d(-268px, 0, 0) !important
        }
    [dir=rtl] devsite-book-nav .devsite-book-nav-wrapper {
        -webkit-transform: translate3d(268px, 0, 0) !important;
        transform: translate3d(268px, 0, 0) !important
        }
    devsite-book-nav:not([animatable]) .devsite-book-nav-wrapper {
        -webkit-transition: -webkit-transform 1ms;
        transition: -webkit-transform 1ms;
        -o-transition: -o-transform 1ms;
        transition: transform 1ms;
        transition: transform 1ms, -webkit-transform 1ms, -o-transform 1ms
        }
    devsite-book-nav .devsite-nav-list {
        padding-bottom: 120px
        }
    devsite-book-nav .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
        margin-top: 0
        }
    devsite-book-nav .devsite-mobile-nav-bottom .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
        margin-top: 13px
        }
    devsite-book-nav .devsite-mobile-nav-top .devsite-nav-text {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
        }
    devsite-book-nav[top-level-nav] .devsite-book-nav-wrapper {
        -webkit-transform: translatez(0) !important;
        transform: translatez(0) !important
        }
    devsite-book-nav:not([top-level-nav]) .devsite-mobile-nav-top, devsite-book-nav[top-level-nav] .devsite-mobile-nav-bottom {
        height: calc(100vh - 64px);
        overflow: hidden
        }
    devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-nav-item {
        border-bottom: 1px solid #dadce0
        }
    devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-nav-item > .devsite-nav-title {
        font-weight: 700;
        padding-bottom: 15px;
        padding-top: 16px
        }
    devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-nav-item > .devsite-nav-title:not(.devsite-nav-active) {
        color: #5f6368
        }
    devsite-book-nav .devsite-mobile-nav-bottom, devsite-book-nav .devsite-mobile-nav-top {
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        width: 268px
        }
    devsite-book-nav .devsite-mobile-header {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        height: 48px;
        padding: 0 16px;
        position: relative
        }
    devsite-book-nav .devsite-mobile-header .devsite-nav-active {
        font-weight: 400
        }
    devsite-book-nav .devsite-nav-responsive-tabs {
        margin-bottom: 12px;
        margin-top: -11px
        }
    devsite-book-nav .devsite-lower-tab-item {
        margin: 0
        }
    devsite-book-nav .devsite-nav-responsive-tabs > .devsite-nav-item:last-child {
        margin-bottom: 8px
        }
    }
@media screen and (max-width: 600px) {
    #devsite-hamburger-menu, devsite-book-nav #devsite-close-nav {
        margin: 0 4px 0 -12px
        }
    }
devsite-book-nav .devsite-product-id-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 56px;
    padding: 20px 24px 2px
    }
devsite-book-nav .devsite-header-no-lower-tabs .devsite-product-id-row {
    min-height: 72px;
    padding: 20px 24px
    }
devsite-book-nav .devsite-product-description-row {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-book-nav .devsite-breadcrumb-list + .devsite-product-description:not(:empty) {
    margin-top: 8px
    }
devsite-book-nav .devsite-product-description {
    font: 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0 180px 0 0
    }
[dir=rtl] devsite-book-nav .devsite-product-description {
    margin: 0 0 0 180px
    }
devsite-book-nav .devsite-product-button-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 0 0 24px;
    z-index: 1
    }
[dir=rtl] devsite-book-nav .devsite-product-button-row {
    margin: 0 24px 0 0
    }
@media screen and (max-width: 840px) {
    devsite-book-nav .devsite-product-id-row {
        min-height: 72px;
        padding: 20px 24px
        }
    [dir=rtl] devsite-book-nav .devsite-product-description, devsite-book-nav .devsite-product-description {
        margin: 0
        }
    }
@media screen and (max-width: 600px) {
    devsite-book-nav .devsite-header-no-lower-tabs .devsite-product-id-row, devsite-book-nav .devsite-product-id-row {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 16px
        }
    devsite-book-nav .devsite-product-button-row {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 16px 0 0
        }
    }
devsite-book-nav .devsite-product-name-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0
    }
devsite-book-nav .devsite-product-name-link, devsite-book-nav .devsite-site-logo-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
    }
devsite-book-nav .devsite-product-name-link:focus, devsite-book-nav .devsite-product-name-link:hover, devsite-book-nav .devsite-site-logo-link:focus {
    opacity: 0.7;
    text-decoration: none
    }
devsite-book-nav .devsite-site-logo {
    height: 32px
    }
devsite-book-nav .devsite-has-google-wordmark > .devsite-breadcrumb-link, devsite-book-nav .devsite-has-google-wordmark > .devsite-product-name {
    direction: ltr
    }
devsite-book-nav .devsite-google-wordmark {
    height: 24px;
    margin: 0 4px 0 0;
    position: relative;
    top: 5px
    }
devsite-book-nav .devsite-google-wordmark-svg-path {
    -webkit-transition: fill 0.2s;
    -o-transition: fill 0.2s;
    transition: fill 0.2s
    }
devsite-book-nav .devsite-site-logo-link canvas {
    height: auto !important
    }
devsite-book-nav .devsite-product-logo-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 36px
    }
[dir=ltr] devsite-book-nav .devsite-product-logo-container {
    margin-right: 4px
    }
[dir=rtl] devsite-book-nav .devsite-product-logo-container {
    margin-left: 4px
    }
devsite-book-nav .devsite-product-logo {
    font-size: 32px;
    height: 32px;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    white-space: nowrap
    }
devsite-book-nav .devsite-product-logo-container[background] .devsite-product-logo {
    font-size: 28px;
    height: 28px;
    max-width: 28px;
    min-width: 28px
    }
devsite-book-nav .devsite-product-name {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0;
    margin: 0;
    max-height: 32px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    white-space: nowrap
    }
devsite-book-nav .devsite-site-logo:not([src*=\.svg]) {
    height: auto;
    max-height: 32px
    }
devsite-book-nav .devsite-breadcrumb-link > .devsite-product-name {
    color: inherit
    }
@media screen and (max-width: 840px) {
    devsite-book-nav .devsite-product-name-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 0
        }
    devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-item:not(:first-of-type), devsite-book-nav .devsite-product-name-wrapper .devsite-site-logo-link + .devsite-product-name {
        display: none
        }
    devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-item, devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-link, devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-list, devsite-book-nav .devsite-product-name-wrapper .devsite-product-name {
        width: 100%
        }
    devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-link {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
        }
    }
devsite-expandable-nav {
    cursor: pointer;
    display: block;
    position: relative
    }
devsite-expandable-nav > .devsite-nav-section {
    max-width: 100%;
    overflow-y: hidden;
    -webkit-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
    width: 100%;
    will-change: height
    }
devsite-expandable-nav:not([animatable]) > .devsite-nav-section {
    -webkit-transition: height 1ms;
    -o-transition: height 1ms;
    transition: height 1ms
    }
devsite-expandable-nav[collapsed]:not([animating]) > .devsite-nav-section {
    display: none
    }
devsite-expandable-nav[collapsed]:not([connected]) > .devsite-nav-section {
    height: 0
    }
devsite-expandable-nav > .devsite-nav-title-no-path {
    cursor: pointer;
    outline: 0
    }
devsite-expandable-nav > .devsite-nav-title {
    padding-left: 24px
    }
[dir=rtl] devsite-expandable-nav > .devsite-nav-title {
    padding-left: 0;
    padding-right: 24px
    }
devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 40px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 0;
    padding-right: 40px
    }
devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 56px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 0;
    padding-right: 56px
    }
devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 72px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 0;
    padding-right: 72px
    }
devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 88px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 0;
    padding-right: 88px
    }
devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 104px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 0;
    padding-right: 104px
    }
devsite-expandable-nav > .devsite-nav-toggle {
    color: #bdc1c6;
    cursor: pointer;
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal
    }
.devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav > .devsite-nav-toggle {
    font-size: 18px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease, -o-transform 0.2s ease;
    will-change: transform
    }
.devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav:not([animatable]) > .devsite-nav-toggle {
    -webkit-transition: -webkit-transform 1ms;
    transition: -webkit-transform 1ms;
    -o-transition: -o-transform 1ms;
    transition: transform 1ms;
    transition: transform 1ms, -webkit-transform 1ms, -o-transform 1ms
    }
devsite-expandable-nav > .devsite-nav-toggle {
    left: 4px
    }
[dir=rtl] devsite-expandable-nav > .devsite-nav-toggle {
    left: auto;
    right: 4px
    }
devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 20px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: auto;
    right: 20px
    }
devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 36px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: auto;
    right: 36px
    }
devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 52px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: auto;
    right: 52px
    }
devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 68px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: auto;
    right: 68px
    }
devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 84px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: auto;
    right: 84px
    }
.devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav[collapsed] > .devsite-nav-toggle {
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
    }
[dir=rtl] .devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav[collapsed] > .devsite-nav-toggle {
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
    }
devsite-expandable-nav > .devsite-nav-toggle:before {
    content: "arrow_drop_down"
    }
.devsite-nav-accordion {
    border-bottom: 1px solid #dadce0;
    border-top: 1px solid #dadce0;
    padding: 11px 0
    }
.devsite-nav-accordion > devsite-expandable-nav {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
    }
.devsite-nav-accordion > devsite-expandable-nav, .devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
    }
.devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-title {
    color: rgba(0, 0, 0, 0.65);
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 196px;
    flex: 1 0 196px;
    font-weight: 700;
    overflow: hidden
    }
.devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-toggle {
    font-size: 24px;
    margin: 0 8px 0 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s
    }
[dir=rtl] .devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-toggle {
    margin: 0 0 0 8px
    }
.devsite-nav-accordion > devsite-expandable-nav:not([animatable]) > .devsite-nav-toggle {
    -webkit-transition: -webkit-transform 1ms;
    transition: -webkit-transform 1ms;
    -o-transition: -o-transform 1ms;
    transition: transform 1ms;
    transition: transform 1ms, -webkit-transform 1ms, -o-transform 1ms
    }
.devsite-nav-accordion > devsite-expandable-nav[collapsed] > .devsite-nav-toggle {
    -webkit-transform: rotatex(180deg);
    transform: rotatex(180deg)
    }
.devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-toggle:before {
    content: "expand_less"
    }
.devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-section {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2
    }
devsite-footer-linkboxes {
    background: #fff;
    display: block;
    font: 400 14px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0 24px
    }
devsite-footer-linkboxes .devsite-footer-linkboxes-list {
    border-bottom: 1px solid #dadce0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    padding: 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 24px 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox:not(:first-child) {
    margin-left: 24px
    }
devsite-footer-linkboxes .devsite-footer-linkbox-heading {
    font: 500 14px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0 0 8px
    }
devsite-footer-linkboxes .devsite-footer-linkbox-list .devsite-footer-linkbox-heading {
    margin-top: 40px
    }
devsite-footer-linkboxes .devsite-footer-linkbox-list {
    list-style-type: none;
    padding: 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox-item {
    margin: 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox-link {
    color: #202124;
    display: block;
    padding: 8px 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox-link:focus, devsite-footer-linkboxes .devsite-footer-linkbox-link:hover {
    color: #1a73e8;
    text-decoration: none
    }
@media screen and (max-width: 1252px) {
    .devsite-main-content[has-book-nav] ~ devsite-footer-linkboxes .devsite-footer-linkbox {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
        }
    }
@media screen and (max-width: 600px) {
    devsite-footer-linkboxes {
        padding: 0 16px
        }
    devsite-footer-linkboxes .devsite-footer-linkboxes-list {
        display: block
        }
    devsite-footer-linkboxes .devsite-footer-linkbox {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
        }
    devsite-footer-linkboxes .devsite-footer-linkbox:not(:first-child) {
        margin-left: 0
        }
    }
devsite-footer-promos {
    border-top: 1px solid #dadce0;
    background: #fff;
    display: block;
    font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0 24px
    }
devsite-footer-promos .devsite-footer-promos-list {
    border-bottom: 1px solid #dadce0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 18px 0
    }
devsite-footer-promos .devsite-footer-promo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 192px;
    flex: 0 1 192px;
    margin: 20px 0;
    text-align: center
    }
devsite-footer-promos .devsite-footer-promo:not(:first-child) {
    margin-left: 24px
    }
devsite-footer-promos .devsite-footer-promo-icon {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 48px;
    height: 48px;
    margin: 0 auto 8px;
    width: 48px
    }
devsite-footer-promos .devsite-footer-promo-title {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-weight: 500
    }
devsite-footer-promos .devsite-footer-promo-title:focus, devsite-footer-promos .devsite-footer-promo-title:hover {
    color: #1a73e8;
    text-decoration: none
    }
@media screen and (max-width: 1252px) {
    .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promos-list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 20px
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promo:not(:first-child) {
        margin-left: 0
        }
    }
@media screen and (max-width: 840px) {
    .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promos-list, devsite-footer-promos .devsite-footer-promos-list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: 12px 0
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promo, devsite-footer-promos .devsite-footer-promo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        margin: 0;
        padding: 8px 8px 8px 0;
        text-align: left
        }
    [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promo, [dir=rtl] devsite-footer-promos .devsite-footer-promo {
        text-align: right
        }
    devsite-footer-promos .devsite-footer-promo:not(:first-child) {
        margin-left: 0
        }
    devsite-footer-promos .devsite-footer-promo-icon {
        height: 32px;
        margin: 0 8px 0 0;
        width: 32px
        }
    devsite-footer-promos .devsite-footer-promo-title {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        font-weight: 400
        }
    devsite-footer-promos .devsite-footer-promo-description {
        display: none
        }
    }
@media screen and (max-width: 600px) {
    devsite-footer-promos {
        padding: 0 16px
        }
    devsite-footer-promos .devsite-footer-promos-list {
        display: block
        }
    }
devsite-footer-utility {
    background: #fff;
    display: block;
    font: 400 14px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0 24px
    }
devsite-footer-utility nav {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 24px 0
    }
devsite-footer-utility .devsite-footer-sites {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #dadce0;
    padding: 24px 0 23px
    }
devsite-footer-utility .devsite-footer-sites-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    padding: 0
    }
devsite-footer-utility .devsite-footer-sites-item {
    margin: 0 0 0 40px
    }
[dir=rtl] devsite-footer-utility .devsite-footer-sites-item {
    margin: 0 40px 0 0
    }
devsite-footer-utility .devsite-footer-sites-link {
    color: #202124;
    display: block;
    padding: 8px 0
    }
devsite-footer-utility .devsite-footer-sites-link:focus, devsite-footer-utility .devsite-footer-sites-link:hover {
    color: #1a73e8;
    text-decoration: none
    }
devsite-footer-utility .devsite-footer-sites-logo-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
    }
devsite-footer-utility .devsite-footer-sites-logo {
    height: 32px;
    margin-top: -4px;
    width: 185px
    }
devsite-footer-utility .devsite-footer-utility-list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    list-style: none;
    min-height: 36px;
    padding: 0
    }
devsite-footer-utility .devsite-footer-utility-link {
    color: #202124
    }
devsite-footer-utility .devsite-footer-utility-link:focus, devsite-footer-utility .devsite-footer-utility-link:hover {
    color: #1a73e8
    }
devsite-footer-utility .devsite-footer-utility-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 8px 0 0
    }
[dir=rtl] devsite-footer-utility .devsite-footer-utility-item {
    margin: 0 0 0 8px
    }
devsite-footer-utility .devsite-footer-utility-item:last-child {
    margin-right: 0
    }
[dir=rtl] devsite-footer-utility .devsite-footer-utility-item:last-child {
    margin-left: 0
    }
devsite-footer-utility .devsite-footer-utility-item:not(:first-child):before {
    content: "|";
    margin: 0 8px 0 0
    }
[dir=rtl] devsite-footer-utility .devsite-footer-utility-item:not(:first-child):before {
    margin: 0 0 0 8px
    }
devsite-footer-utility .devsite-footer-utility-item.devsite-footer-utility-button:before {
    content: "";
    margin: 0
    }
devsite-footer-utility .devsite-footer-utility-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 20px;
    margin-left: auto;
    padding-left: 16px
    }
devsite-footer-utility .devsite-footer-utility-button > a {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px
    }
[dir=rtl] devsite-footer-utility .devsite-footer-utility-button > a {
    margin: 0 16px 0 0
    }
devsite-footer-utility .devsite-footer-utility-button > a:focus {
    text-decoration: none
    }
devsite-footer-utility devsite-language-selector {
    margin: 0 0 0 16px
    }
[dir=rtl] devsite-footer-utility devsite-language-selector {
    margin: 0 16px 0 0
    }
@media screen and (max-width: 1252px) {
    .devsite-main-content[has-book-nav] ~ devsite-footer-utility .devsite-footer-sites {
        display: block
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-utility .devsite-footer-sites-item {
        margin: 0 40px 0 0
        }
    [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-utility .devsite-footer-sites-item {
        margin: 0 0 0 40px
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-utility .devsite-footer-sites-logo {
        margin-bottom: 16px
        }
    }
@media screen and (max-width: 840px) {
    devsite-footer-utility .devsite-footer-sites {
        display: block
        }
    devsite-footer-utility .devsite-footer-sites-item {
        margin: 0 40px 0 0
        }
    [dir=rtl] devsite-footer-utility .devsite-footer-sites-item {
        margin: 0 0 0 40px
        }
    devsite-footer-utility .devsite-footer-sites-logo {
        margin-bottom: 16px;
        margin-top: 0
        }
    }
@media screen and (max-width: 600px) {
    devsite-footer-utility {
        padding: 0 16px
        }
    devsite-footer-utility .devsite-footer-sites, devsite-footer-utility .devsite-footer-sites-list, devsite-footer-utility nav {
        display: block
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-utility .devsite-footer-sites-item, devsite-footer-utility .devsite-footer-sites-item {
        margin: 0
        }
    devsite-footer-utility devsite-language-selector {
        display: block;
        margin: 16px 0 0
        }
    devsite-footer-utility .devsite-footer-utility-list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
        }
    devsite-footer-utility .devsite-footer-utility-button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 16px 0 0;
        padding: 0
        }
    devsite-footer-utility .devsite-footer-utility-button > a {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto
        }
    }
devsite-header {
    display: block;
    position: relative;
    z-index: 1006
    }
body[ready] devsite-header[fixed] {
    contain: layout;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%
    }
devsite-header .devsite-top-logo-row-wrapper-wrapper {
    position: relative;
    z-index: 1
    }
body[ready] devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper:before {
    content: "";
    height: 400px;
    position: absolute;
    -webkit-transform: translatey(-400px);
    -o-transform: translatey(-400px);
    transform: translatey(-400px);
    width: 100%
    }
devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper {
    pointer-events: all
    }
devsite-header .devsite-collapsible-section {
    position: relative
    }
devsite-header .devsite-collapsible-section, devsite-header[no-lower-row][fixed] {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
devsite-header[fixed] .devsite-collapsible-section {
    contain: style;
    pointer-events: all;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    will-change: transform
    }
devsite-header .devsite-top-logo-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 48px;
    padding: 0 24px;
    position: relative
    }
devsite-header .devsite-top-button {
    background: 0;
    padding: 0 8px;
    -webkit-transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    -o-transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s, -webkit-box-shadow 0.2s
    }
devsite-header .devsite-top-button, devsite-header .devsite-top-button:active, devsite-header .devsite-top-button:focus, devsite-header .devsite-top-button:hover {
    border: 0
    }
devsite-header .devsite-header-icon-button {
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 24px;
    min-width: 24px;
    padding: 0;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    width: 24px
    }
devsite-header .devsite-top-logo-row-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative
    }
@media screen and (max-width: 840px) {
    devsite-header {
        -webkit-transform: translatez(0);
        transform: translatez(0)
        }
    devsite-header .devsite-top-logo-row {
        padding: 0 16px
        }
    devsite-header .devsite-header-upper-tabs devsite-tabs {
        margin: 0 0 0 16px
        }
    [dir=rtl] devsite-header .devsite-header-upper-tabs devsite-tabs {
        margin: 0 16px 0 0
        }
    devsite-header .devsite-header-upper-tabs .devsite-doc-set-nav {
        display: none
        }
    }
devsite-header .devsite-header-billboard {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 40px 24px 20px;
    position: relative;
    z-index: 100
    }
devsite-header .devsite-header-billboard h1 {
    font: 300 24px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    line-height: 1;
    margin: 14px 0;
    overflow: visible;
    padding: 0
    }
devsite-header .devsite-header-billboard-logo {
    max-height: 64px
    }
devsite-header .devsite-header-billboard-search {
    margin: 0 auto;
    max-width: 816px;
    padding-bottom: 48px
    }
devsite-header .devsite-header-billboard-search devsite-search {
    width: 100%
    }
devsite-header .devsite-header-billboard-search devsite-search .devsite-popout-result {
    max-height: 50vh
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-header-billboard-search {
        margin: 0 24px
        }
    }
devsite-header .devsite-doc-set-nav-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 24px 0 0
    }
[dir=rtl] devsite-header .devsite-doc-set-nav-row {
    padding: 0 0 0 24px
    }
[dir=ltr] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-list {
    padding-left: 24px
    }
[dir=rtl] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-list {
    padding-right: 24px
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-doc-set-nav-row {
        display: none
        }
    }
devsite-header devsite-language-selector {
    margin: 0 0 0 16px
    }
[dir=rtl] devsite-header devsite-language-selector {
    margin: 0 16px 0 0
    }
@media screen and (max-width: 840px) {
    devsite-header devsite-language-selector {
        margin: 0 0 0 8px
        }
    [dir=rtl] devsite-header devsite-language-selector {
        margin: 0 8px 0 0
        }
    }
@media screen and (max-width: 600px) {
    devsite-header devsite-language-selector {
        display: none
        }
    }
devsite-header .devsite-header-link {
    margin: 0 -8px 0 16px;
    -webkit-transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    -o-transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s, -webkit-box-shadow 0.2s
    }
[dir=rtl] devsite-header .devsite-header-link {
    margin: 0 16px 0 -8px
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-header-link {
        display: none
        }
    }
devsite-header .devsite-product-name-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0
    }
devsite-header .devsite-product-name-link, devsite-header .devsite-site-logo-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
    }
devsite-header .devsite-product-name-link:focus, devsite-header .devsite-product-name-link:hover, devsite-header .devsite-site-logo-link:focus {
    opacity: 0.7;
    text-decoration: none
    }
devsite-header .devsite-site-logo {
    height: 32px
    }
devsite-header .devsite-has-google-wordmark > .devsite-breadcrumb-link, devsite-header .devsite-has-google-wordmark > .devsite-product-name {
    direction: ltr
    }
devsite-header .devsite-google-wordmark {
    height: 24px;
    margin: 0 4px 0 0;
    position: relative;
    top: 5px
    }
devsite-header .devsite-google-wordmark-svg-path {
    -webkit-transition: fill 0.2s;
    -o-transition: fill 0.2s;
    transition: fill 0.2s
    }
devsite-header .devsite-site-logo-link canvas {
    height: auto !important
    }
devsite-header .devsite-product-logo-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 36px
    }
[dir=ltr] devsite-header .devsite-product-logo-container {
    margin-right: 4px
    }
[dir=rtl] devsite-header .devsite-product-logo-container {
    margin-left: 4px
    }
devsite-header .devsite-product-logo {
    font-size: 32px;
    height: 32px;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    white-space: nowrap
    }
devsite-header .devsite-product-logo-container[background] .devsite-product-logo {
    font-size: 28px;
    height: 28px;
    max-width: 28px;
    min-width: 28px
    }
devsite-header .devsite-product-name {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0;
    margin: 0;
    max-height: 32px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    white-space: nowrap
    }
devsite-header .devsite-site-logo:not([src*=\.svg]) {
    height: auto;
    max-height: 32px
    }
devsite-header .devsite-breadcrumb-link > .devsite-product-name {
    color: inherit
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-product-name-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 0
        }
    devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-item:not(:first-of-type), devsite-header .devsite-product-name-wrapper .devsite-site-logo-link + .devsite-product-name {
        display: none
        }
    devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-item, devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-link, devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-list, devsite-header .devsite-product-name-wrapper .devsite-product-name {
        width: 100%
        }
    devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-link {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
        }
    }
devsite-header .devsite-product-id-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 56px;
    padding: 20px 24px 2px
    }
devsite-header .devsite-header-no-lower-tabs .devsite-product-id-row {
    min-height: 72px;
    padding: 20px 24px
    }
devsite-header .devsite-product-description-row {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-header .devsite-breadcrumb-list + .devsite-product-description:not(:empty) {
    margin-top: 8px
    }
devsite-header .devsite-product-description {
    font: 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0 180px 0 0
    }
[dir=rtl] devsite-header .devsite-product-description {
    margin: 0 0 0 180px
    }
devsite-header .devsite-product-button-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 0 0 24px;
    z-index: 1
    }
[dir=rtl] devsite-header .devsite-product-button-row {
    margin: 0 24px 0 0
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-product-id-row {
        min-height: 72px;
        padding: 20px 24px
        }
    [dir=rtl] devsite-header .devsite-product-description, devsite-header .devsite-product-description {
        margin: 0
        }
    }
@media screen and (max-width: 600px) {
    devsite-header .devsite-header-no-lower-tabs .devsite-product-id-row, devsite-header .devsite-product-id-row {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 16px
        }
    devsite-header .devsite-product-button-row {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 16px 0 0
        }
    }
devsite-header[search-expanded] .devsite-header-upper-tabs {
    display: none
    }
devsite-header[search-expanded] devsite-search {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    flex: 1 0
    }
devsite-header [transition] {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s, -o-transform 0.2s
    }
@media screen and (max-width: 840px) {
    devsite-header[search-active] .devsite-product-name-wrapper, devsite-header[search-active] devsite-language-selector, devsite-header[search-active] devsite-user {
        display: none
        }
    devsite-header[search-active] devsite-search {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-transform: none !important;
        -o-transform: none !important;
        transform: none !important
        }
    devsite-header[search-active] .devsite-header-upper-tabs {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1;
        flex: 0 1;
        overflow: hidden
        }
    devsite-header[search-active] .devsite-top-logo-row devsite-search {
        margin: 6px 0
        }
    devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-searchbox {
        width: 100%
        }
    devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-searchbox .devsite-search-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox:before, devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-popout {
        left: -60px;
        width: calc(100vw + 16px)
        }
    [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox:before, [dir=rtl] devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-popout {
        left: auto;
        right: -60px
        }
    devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button {
        margin: 0 0 0 16px
        }
    [dir=rtl] devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button {
        margin: 0 16px 0 0
        }
    devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button[search-open] {
        display: none
        }
    devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button[search-close] {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
        }
    devsite-header [transition] {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
        }
    }
devsite-header .devsite-search-background {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    margin: 0 0 0 24px;
    padding: 6px 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s, -o-transform 0.2s;
    will-change: transition;
    z-index: 9
    }
[dir=rtl] devsite-header .devsite-search-background {
    left: 0;
    margin: 0 24px 0 0;
    right: auto;
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
    }
devsite-header .devsite-search-background:after {
    background: #f1f3f4;
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 100%;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s
    }
devsite-header[billboard] .devsite-search-background {
    display: none
    }
devsite-header[billboard][bottom-row--hidden] .devsite-search-background {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
    }
devsite-header[billboard] .devsite-top-logo-row devsite-search .devsite-search-form {
    opacity: 1;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: opacity 0.2s, -o-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s, -o-transform 0.2s
    }
devsite-header[billboard][bottom-row--hidden] .devsite-top-logo-row devsite-search .devsite-search-form {
    -webkit-transform: translatez(0);
    transform: translatez(0)
    }
body[type=error] devsite-header .devsite-top-logo-row .devsite-search-form, devsite-header[billboard]:not([bottom-row--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0)
    }
devsite-header[billboard][bottom-row--hidden] .devsite-header-billboard-search devsite-search {
    opacity: 0
    }
devsite-header[billboard] .devsite-header-billboard-search devsite-search {
    margin-left: 0
    }
[dir=rtl] devsite-header[billboard] .devsite-header-billboard-search devsite-search {
    margin-right: 0
    }
devsite-header[billboard] .devsite-header-billboard-search devsite-search .devsite-popout {
    max-height: calc(100vh - 255px)
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-top-logo-row devsite-search {
        width: auto
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox {
        width: 0
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox .devsite-search-image {
        display: none
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-search-button {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #5f6368;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        z-index: 1
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-open] {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-close] {
        display: none
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-open]:before {
        content: "search"
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-close]:before {
        content: "cancel"
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-result-item a, devsite-header .devsite-top-logo-row devsite-search .devsite-result-label, devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-footer, devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-header {
        padding-left: 60px;
        padding-right: 8px
        }
    [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-result-item a, [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-result-label, [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-footer, [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-header {
        padding-left: 8px;
        padding-right: 60px
        }
    }
devsite-header .devsite-header-upper-tabs {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    margin: 0 0 0 48px;
    position: relative;
    z-index: 8
    }
[dir=rtl] devsite-header .devsite-header-upper-tabs {
    margin: 0 48px 0 0
    }
devsite-header devsite-tabs tab a:focus, devsite-header devsite-tabs tab a:hover {
    text-decoration: none
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-header-upper-tabs {
        margin-left: 0
        }
    [dir=rtl] devsite-header .devsite-header-upper-tabs {
        margin-right: 0
        }
    devsite-header devsite-tabs.lower-tabs, devsite-header devsite-tabs.upper-tabs {
        display: none
        }
    }
devsite-language-selector > devsite-select .devsite-select-toggle {
    color: #3c4043;
    max-width: 124px;
    padding: 0 31px 0 15px
    }
devsite-progress {
    pointer-events: none;
    -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scaley(0);
    -o-transform: scaley(0);
    transform: scaley(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease, -o-transform 0.2s ease
    }
devsite-progress[type=indeterminate] {
    -webkit-transform: scaley(1);
    -o-transform: scaley(1);
    transform: scaley(1)
    }
devsite-progress .devsite-progress--indeterminate {
    position: relative;
    height: 2px
    }
devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-2, devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-4 {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scalex(0);
    -o-transform: scalex(0);
    transform: scalex(0)
    }
devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1 {
    -webkit-animation: progress-indeterminate-1 2.5s linear infinite;
    -o-animation: progress-indeterminate-1 2.5s linear infinite;
    animation: progress-indeterminate-1 2.5s linear infinite;
    z-index: 1
    }
devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-2 {
    -webkit-animation: progress-indeterminate-2 2.5s ease-in infinite;
    -o-animation: progress-indeterminate-2 2.5s ease-in infinite;
    animation: progress-indeterminate-2 2.5s ease-in infinite;
    z-index: 2
    }
devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3 {
    -webkit-animation: progress-indeterminate-3 2.5s ease-out infinite;
    -o-animation: progress-indeterminate-3 2.5s ease-out infinite;
    animation: progress-indeterminate-3 2.5s ease-out infinite;
    z-index: 3
    }
devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-4 {
    -webkit-animation: progress-indeterminate-4 2.5s ease-out infinite;
    -o-animation: progress-indeterminate-4 2.5s ease-out infinite;
    animation: progress-indeterminate-4 2.5s ease-out infinite;
    z-index: 4
    }
@-webkit-keyframes progress-indeterminate-1 {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } 50%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@-o-keyframes progress-indeterminate-1 {
    0% {
        -o-transform: scaleX(0);
        transform: scaleX(0)
        } 50%, to {
        -o-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@keyframes progress-indeterminate-1 {
    0% {
        -webkit-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
        } 50%, to {
        -webkit-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@-webkit-keyframes progress-indeterminate-2 {
    0%, 20% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } 70%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@-o-keyframes progress-indeterminate-2 {
    0%, 20% {
        -o-transform: scaleX(0);
        transform: scaleX(0)
        } 70%, to {
        -o-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@keyframes progress-indeterminate-2 {
    0%, 20% {
        -webkit-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
        } 70%, to {
        -webkit-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@-webkit-keyframes progress-indeterminate-3 {
    0%, 60% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } 90%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@-o-keyframes progress-indeterminate-3 {
    0%, 60% {
        -o-transform: scaleX(0);
        transform: scaleX(0)
        } 90%, to {
        -o-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@keyframes progress-indeterminate-3 {
    0%, 60% {
        -webkit-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
        } 90%, to {
        -webkit-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@-webkit-keyframes progress-indeterminate-4 {
    0%, 75% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@-o-keyframes progress-indeterminate-4 {
    0%, 75% {
        -o-transform: scaleX(0);
        transform: scaleX(0)
        } to {
        -o-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@keyframes progress-indeterminate-4 {
    0%, 75% {
        -webkit-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
        } to {
        -webkit-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
devsite-search {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0 6px 24px;
    overflow: hidden;
    position: relative;
    text-align: left;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    vertical-align: top;
    width: 200px;
    will-change: transition;
    z-index: 10
    }
[dir=rtl] devsite-search {
    margin: 6px 24px 6px 0;
    text-align: right
    }
body[pending] devsite-search {
    visibility: hidden !important
    }
devsite-search .devsite-search-image {
    color: #5f6368;
    left: 8px;
    position: absolute;
    top: 6px;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s
    }
[dir=rtl] devsite-search .devsite-search-image {
    left: auto;
    right: 8px
    }
devsite-search .devsite-search-image:before {
    content: "search"
    }
devsite-search .devsite-search-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
    }
devsite-search .devsite-suggest-results-container {
    border-top: 1px solid #dadce0
    }
devsite-search input.devsite-search-field {
    background: none;
    border: 0;
    color: #5f6368;
    height: 36px;
    outline: 0;
    padding: 8px 8px 8px 40px;
    -webkit-transition: background 0.2s, color 0.2s;
    -o-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    width: 100%
    }
[dir=rtl] devsite-search input.devsite-search-field {
    padding: 8px 40px 8px 8px
    }
devsite-search input.devsite-search-field::-ms-input-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-search input.devsite-search-field::placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-search input.devsite-search-field::-webkit-input-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-search input.devsite-search-field::-moz-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-search input.devsite-search-field:-ms-input-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-search input.devsite-search-field:focus {
    border: 0;
    padding-bottom: 8px
    }
devsite-search .devsite-searchbox {
    width: 100%
    }
devsite-search .devsite-searchbox:before {
    background: #fff;
    content: "";
    height: 500px;
    left: -6px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -458px;
    -webkit-transition: opacity 1ms 0.2s;
    -o-transition: opacity 1ms 0.2s;
    transition: opacity 1ms 0.2s;
    width: calc(100% + 12px);
    will-change: opacity;
    z-index: -1
    }
[dir=rtl] devsite-search .devsite-searchbox:before {
    left: auto;
    right: -6px
    }
devsite-search[search-active] {
    overflow: visible
    }
devsite-search[search-active] .devsite-searchbox:before {
    opacity: 1
    }
devsite-search[search-active] .devsite-searchbox:hover {
    background: #f1f3f4
    }
devsite-search[search-active] .devsite-search-field {
    color: #202124
    }
devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
devsite-search .devsite-popout {
    display: block;
    margin-top: 6px;
    position: absolute;
    -webkit-transform: translatey(-100vh);
    -o-transform: translatey(-100vh);
    transform: translatey(-100vh);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s, -o-transform 0.2s;
    visibility: hidden;
    width: 100%;
    z-index: -2
    }
devsite-search[search-active] .devsite-popout {
    display: block;
    -webkit-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    visibility: visible;
    will-change: transform
    }
devsite-search .devsite-popout-result {
    max-height: calc(100vh - 56px);
    overflow-y: auto;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
devsite-search .devsite-popout-result:empty, devsite-search[search-active][no-suggest] .devsite-popout {
    display: none
    }
devsite-search .devsite-suggest-wrapper {
    padding: 16px 0 0;
    font-size: 14px
    }
devsite-search .devsite-result-item, devsite-search .devsite-result-label {
    font: 13px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0
    }
devsite-search .devsite-result-label {
    padding-left: 40px
    }
[dir=rtl] devsite-search .devsite-result-label {
    padding-left: 0;
    padding-right: 40px
    }
devsite-search .devsite-result-item a {
    color: #202124;
    display: block;
    outline: 0;
    padding: 8px;
    text-decoration: none;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    will-change: transition
    }
[dir=ltr] devsite-search .devsite-result-item a {
    padding-left: 40px
    }
[dir=rtl] devsite-search .devsite-result-item a {
    padding-right: 40px
    }
devsite-search .devsite-result-item.highlight a, devsite-search .devsite-result-item a:focus, devsite-search .devsite-result-item a:hover {
    background: #f1f3f4
    }
devsite-search .devsite-result-item b {
    font-weight: 500
    }
devsite-search .devsite-suggest-footer {
    border-top: 1px solid #dadce0;
    margin: 8px 0 0;
    padding: 7px 0 8px 40px
    }
[dir=rtl] devsite-search .devsite-suggest-footer {
    padding: 7px 40px 8px 0
    }
devsite-search .devsite-suggest-footer > .button {
    display: inline-block;
    margin: 6px 0;
    max-width: calc(100% - 16px)
    }
[dir=ltr] devsite-search .devsite-suggest-footer > .button {
    margin-right: 16px
    }
[dir=rtl] devsite-search .devsite-suggest-footer > .button {
    margin-left: 16px
    }
devsite-search .devsite-suggest-footer > .button-white {
    max-width: 100%
    }
[dir=ltr] devsite-search .devsite-suggest-footer > .button-white {
    margin-left: -8px
    }
[dir=rtl] devsite-search .devsite-suggest-footer > .button-white {
    margin-right: -8px
    }
devsite-search .devsite-suggest-header {
    font: 500 11px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.8px;
    margin: 12px 0;
    padding-left: 40px;
    text-transform: uppercase
    }
[dir=rtl] devsite-search .devsite-suggest-header {
    padding-left: 0;
    padding-right: 40px
    }
devsite-search hr + .devsite-suggest-header {
    margin-top: 24px
    }
devsite-search .devsite-suggest-header .devsite-suggest-project:before {
    content: "|";
    margin: 0 8px
    }
devsite-search hr {
    background: #ddd;
    margin: 8px 0
    }
devsite-search .devsite-suggestion-fragment + .devsite-suggestion-fragment:before {
    content: "|";
    margin: 0 8px
    }
devsite-search .devsite-search-disabled {
    padding-bottom: 16px
    }
devsite-search[compact] {
    width: auto
    }
devsite-search[compact] input.devsite-search-field {
    width: 0
    }
devsite-search[compact] .devsite-search-image {
    left: calc(50% - 12px);
    pointer-events: none
    }
[dir=ltr] devsite-search[compact][search-active] .devsite-search-image {
    left: 8px;
    right: auto
    }
[dir=rtl] devsite-search[compact][search-active] .devsite-search-image {
    right: 8px;
    left: auto
    }
devsite-search[compact][search-active] input.devsite-search-field {
    width: 100%
    }
body[theme] devsite-search[compact] .devsite-search-field, body[theme] devsite-search[compact] .devsite-searchbox {
    background-color: transparent
    }
@media screen and (max-width: 840px) {
    devsite-search input.devsite-search-field {
        padding-left: 40px
        }
    [dir=rtl] devsite-search input.devsite-search-field {
        padding-left: 0;
        padding-right: 40px
        }
    .devsite-search-background, .devsite-search-background:after, [search-active] .devsite-search-background:after, devsite-search .devsite-search-field, devsite-search .devsite-search-field:hover {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
        }
    devsite-search .devsite-search-image {
        left: 8px
        }
    [dir=rtl] devsite-search .devsite-search-image {
        left: auto;
        right: 8px
        }
    devsite-header devsite-search {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-left: 8px;
        overflow: visible
        }
    [dir=rtl] devsite-header devsite-search {
        margin-left: 0;
        margin-right: 8px
        }
    devsite-header devsite-search .devsite-search-form {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
        }
    devsite-header .devsite-top-logo-row devsite-search:not([search-active]) input.devsite-search-field {
        padding: 0
        }
    }
devsite-select {
    display: inline-block;
    position: relative
    }
devsite-select + devsite-select {
    margin: 0 0 0 16px
    }
devsite-select select {
    display: none !important;
    pointer-events: none !important;
    position: absolute;
    z-index: -1
    }
devsite-select .devsite-select {
    position: relative
    }
devsite-select .devsite-select-toggle {
    border: 1px solid #e8eaed;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 27px 0 7px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='4' viewBox='0 0 20 4'><path d='M0,0l4,4l4-4H0z' fill='%23212121'/></svg>") no-repeat 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #202124;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/36px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    height: 36px;
    line-height: 34px;
    max-width: 256px;
    min-width: 72px;
    outline: 0;
    overflow: hidden;
    text-align: left;
    text-indent: 0.01px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
    vertical-align: middle;
    white-space: nowrap
    }
devsite-select .devsite-select-toggle:focus, devsite-select .devsite-select-toggle:hover {
    background-color: #f1f3f4
    }
devsite-select .devsite-select-toggle:active {
    background-color: #e8eaed
    }
devsite-select .devsite-select-toggle:disabled {
    background: #f1f3f4 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='4' viewBox='0 0 20 4'><path d='M0,0l4,4l4-4H0z' fill='%23bdbdbd'/></svg>") no-repeat 100%;
    border-color: transparent;
    color: #bdc1c6;
    cursor: default
    }
devsite-select .devsite-select-list {
    background: #fff;
    border: 1px solid #e8eaed;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: none;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    font: 400 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    max-height: 304px;
    opacity: 0;
    outline: 0;
    overflow-y: auto;
    padding: 8px 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    -o-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 1015
    }
devsite-select[menu--open] .devsite-select-list {
    display: block;
    pointer-events: auto
    }
devsite-select[menu--show] .devsite-select-list {
    opacity: 1
    }
devsite-select[menu-position=above] .devsite-select-list {
    bottom: 36px
    }
devsite-select[menu-position=below] .devsite-select-list {
    top: 36px
    }
devsite-select .devsite-select-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    min-height: 48px;
    min-width: 100%;
    padding: 8px 16px;
    white-space: nowrap
    }
devsite-select .devsite-select-item.devsite-focused, devsite-select .devsite-select-item:focus, devsite-select .devsite-select-item:hover {
    background-color: #f1f3f4;
    cursor: pointer
    }
devsite-select .devsite-select-item[data-selected] {
    background-color: #f1f3f4;
    font-weight: 500
    }
devsite-select.devsite-select--multiple .devsite-select-item {
    padding-left: 48px;
    position: relative
    }
devsite-select.devsite-select--multiple .devsite-select-item:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    color: #80868b;
    content: "check_box_outline_blank";
    display: block;
    font-size: 24px;
    left: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%)
    }
devsite-select.devsite-select--multiple .devsite-select-item[data-selected]:before {
    color: #1976d2;
    content: "check_box"
    }
@media screen and (max-width: 600px) {
    devsite-select {
        display: block
        }
    devsite-select + devsite-select {
        margin: 16px 0 0
        }
    }
devsite-sitemask {
    background: rgba(0, 0, 0, 0.4);
    bottom: -200px;
    cursor: pointer;
    left: -200px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: -200px;
    top: -200px;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s linear;
    -o-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s linear;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s linear;
    visibility: hidden;
    z-index: 1012;
    -webkit-tap-highlight-color: transparent
    }
devsite-sitemask[visible] {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    visibility: visible
    }
devsite-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 48px;
    max-width: calc(100% - 208px);
    position: relative
    }
devsite-tabs[connected] {
    max-width: none
    }
devsite-tabs .devsite-tabs-wrapper {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
    }
devsite-tabs[no-overflow] .devsite-tabs-wrapper {
    overflow: auto
    }
devsite-tabs[dropdown--open] .devsite-tabs-wrapper, devsite-tabs[overflow-menu--open] .devsite-tabs-wrapper {
    overflow: visible
    }
devsite-tabs tab {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative
    }
devsite-tabs tab, devsite-tabs tab > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
    }
devsite-tabs tab > a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font: 500 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0;
    padding: 0 24px;
    text-transform: uppercase;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    white-space: nowrap
    }
devsite-tabs tab > a, devsite-tabs tab > a:focus, devsite-tabs tab > a:hover {
    text-decoration: none
    }
devsite-tabs.upper-tabs tab a {
    font-weight: 400;
    text-transform: none
    }
devsite-tabs.upper-tabs tab[active] > a {
    font-weight: 500
    }
devsite-tabs tab[active] a:after, devsite-tabs tab a:focus:after, devsite-tabs tab a:hover:after {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
    }
devsite-tabs tab[dropdown] > a {
    padding: 0 0 0 24px;
    position: relative;
    z-index: 2
    }
[dir=rtl] devsite-tabs tab[dropdown] > a {
    padding: 0 24px 0 0
    }
devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
    }
[dir=rtl] devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle, devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle {
    padding: 0
    }
devsite-tabs.upper-tabs .devsite-icon-arrow-drop-down:before, devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle:before {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: color 0.2s, -webkit-transform 0.2s;
    transition: color 0.2s, -webkit-transform 0.2s;
    -o-transition: color 0.2s, -o-transform 0.2s;
    transition: color 0.2s, transform 0.2s;
    transition: color 0.2s, transform 0.2s, -webkit-transform 0.2s, -o-transform 0.2s
    }
devsite-tabs.upper-tabs[overflow-menu--open] tab:hover .devsite-icon-arrow-drop-down:before, devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-toggle:before {
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
    }
devsite-tabs tab[overflow-tab] {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative
    }
devsite-tabs tab[overflow-tab][collapsed] {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
    }
devsite-tabs.upper-tabs tab[overflow-tab]:after {
    content: "";
    height: 48px;
    position: absolute;
    z-index: -1
    }
[dir=ltr] devsite-tabs.upper-tabs tab[overflow-tab]:after {
    left: -6px;
    right: -100%
    }
[dir=rtl] devsite-tabs.upper-tabs tab[overflow-tab]:after {
    left: -100%;
    right: -6px
    }
devsite-tabs tab[overflow-tab] tab > a {
    padding: 0 24px
    }
devsite-tabs tab[overflow-tab] a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative
    }
devsite-tabs tab[overflow-tab] tab .devsite-tabs-dropdown, devsite-tabs tab[overflow-tab] tab .devsite-tabs-dropdown-toggle {
    display: none
    }
devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-height: 320px;
    overflow-y: auto;
    padding: 16px 0;
    position: absolute;
    top: -16px;
    z-index: 1005
    }
devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15), inset 0 4px 6px -4px rgba(154, 160, 166, 0.5);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15), inset 0 4px 6px -4px rgba(154, 160, 166, 0.5);
    top: 48px;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s, -o-transform 0.2s;
    z-index: -1
    }
devsite-tabs.upper-tabs .devsite-tabs-overflow-menu .devsite-tabs-dropdown-toggle {
    display: none !important
    }
devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu[hidden] {
    display: block !important;
    pointer-events: none;
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0)
    }
body devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a {
    background: #fff;
    color: #5f6368;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 48px
    }
body devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:focus, body devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:hover {
    background: #f1f3f4;
    color: #202124
    }
devsite-tabs .devsite-tabs-dropdown {
    display: block;
    font-size: 13px;
    left: -6px;
    min-width: calc(100% + 12px);
    outline: 0;
    overflow: hidden;
    padding: 0 6px 6px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    z-index: -1
    }
[dir=rtl] devsite-tabs .devsite-tabs-dropdown {
    right: -6px;
    left: auto
    }
devsite-tabs [dropdown-full] .devsite-tabs-dropdown {
    left: 0;
    padding: 0 0 6px;
    width: 100vw
    }
devsite-tabs .devsite-tabs-dropdown-content {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15), inset 0 4px 6px -4px rgba(154, 160, 166, 0.5);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15), inset 0 4px 6px -4px rgba(154, 160, 166, 0.5);
    overflow: auto;
    max-height: 600px;
    max-width: 100vw;
    padding: 0 12px;
    pointer-events: none;
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0);
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    -o-transition: -o-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s, -o-transform 0s;
    white-space: nowrap
    }
devsite-tabs .devsite-tabs-dropdown[dropdown-transition] .devsite-tabs-dropdown-content {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s
    }
devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-content {
    pointer-events: all;
    -webkit-transform: translatez(0);
    transform: translatez(0)
    }
devsite-tabs [dropdown-full] .devsite-tabs-dropdown-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
    }
devsite-tabs .devsite-tabs-dropdown-section {
    list-style: none;
    padding: 0 12px
    }
devsite-tabs .devsite-tabs-dropdown-section:first-child {
    margin-top: 18px
    }
devsite-tabs .devsite-tabs-dropdown-section:not(:first-child) {
    margin-top: 54px
    }
devsite-tabs tab[dropdown] .devsite-nav-item, devsite-tabs tab[dropdown] .devsite-nav-title {
    line-height: 18px;
    margin: 0 0 18px
    }
devsite-tabs tab[dropdown] .devsite-nav-title {
    color: #5f6368;
    font-weight: 700;
    padding: 0
    }
devsite-tabs [dropdown-full] .devsite-nav-item > a, devsite-tabs [dropdown-full] .devsite-nav-title {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal
    }
devsite-tabs tab[dropdown] .devsite-nav-item-description {
    color: #5f6368;
    white-space: normal
    }
body[theme] devsite-tabs .devsite-tabs-dropdown a, body[theme] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124;
    display: block;
    font-weight: 400
    }
body[theme] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
devsite-tabs[render-hidden] {
    width: 100%
    }
devsite-tabs[render-hidden] tab[overflow-tab], devsite-tabs tab[overflow-tab][render-hidden] {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none
    }
devsite-tabs tab[dropdown] .devsite-tabs-close-button {
    color: #202124;
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    visibility: hidden;
    z-index: 1
    }
devsite-tabs tab[dropdown] .devsite-tabs-close-button:focus, devsite-tabs tab[dropdown] .devsite-tabs-close-button:hover {
    color: #1a73e8
    }
devsite-tabs tab[dropdown--open] .devsite-tabs-close-button {
    visibility: visible
    }
devsite-toc.devsite-toc {
    float: right;
    width: 160px
    }
[dir=rtl] devsite-toc.devsite-toc {
    float: left
    }
devsite-toc > .devsite-nav-list {
    border-left: 4px solid #5f6368;
    width: 160px
    }
[dir=rtl] devsite-toc > .devsite-nav-list {
    border-left: 0;
    border-right: 4px solid #5f6368
    }
devsite-toc[fixed] > .devsite-nav-list {
    contain: content;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    will-change: max-height, transform
    }
[dir=ltr] devsite-toc[fixed] > .devsite-nav-list {
    padding-right: 8px
    }
[dir=rtl] devsite-toc[fixed] > .devsite-nav-list {
    padding-left: 8px
    }
devsite-toc > .devsite-nav-list > :first-child > .devsite-nav-title {
    padding-top: 0
    }
devsite-toc > .devsite-nav-list > :last-child > .devsite-nav-list > :last-child > .devsite-nav-title:last-child, devsite-toc > .devsite-nav-list > :last-child > .devsite-nav-title:only-child {
    padding-bottom: 0
    }
devsite-toc.devsite-toc-embedded {
    display: none
    }
devsite-toc.devsite-toc-embedded > .devsite-nav-list {
    width: auto
    }
devsite-toc .devsite-nav-list {
    padding: 0 0 0 12px
    }
[dir=rtl] devsite-toc .devsite-nav-list {
    padding: 0 12px 0 0
    }
devsite-toc .devsite-nav-more-items, devsite-toc .devsite-nav-show-all {
    display: none
    }
devsite-toc[expandable] .devsite-nav-more-items, devsite-toc[expandable] .devsite-nav-show-all {
    color: #5f6368;
    display: block;
    height: 24px;
    padding: 0
    }
devsite-toc .devsite-nav-show-all {
    margin: -4px 0 0 4px;
    min-width: 20px
    }
devsite-toc .devsite-nav-show-all:before {
    content: "expand_more"
    }
devsite-toc .devsite-nav-more-items {
    margin-bottom: -8px;
    min-width: 0
    }
devsite-toc .devsite-nav-more-items:before {
    content: "more_horiz"
    }
devsite-toc[expanded] .devsite-nav-more-items:before, devsite-toc[expanded] .devsite-nav-show-all:before {
    content: "expand_less"
    }
devsite-toc .devsite-toc-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0
    }
devsite-toc .devsite-show-apix {
    margin-top: 12px
    }
@media screen and (max-width: 1252px) {
    devsite-toc.devsite-toc, devsite-toc[visible].devsite-toc {
        display: none
        }
    devsite-toc.devsite-toc-embedded:not(:empty) {
        display: block;
        margin: 20px 0 24px
        }
    body[type=landing] devsite-toc.devsite-toc-embedded:not(:empty) {
        margin: 20px 40px 24px
        }
    }
@media screen and (max-width: 840px) {
    body[type=landing] devsite-toc.devsite-toc-embedded:not(:empty) {
        margin: 20px 24px 24px
        }
    }
@media screen and (max-width: 600px) {
    body[type=landing] devsite-toc.devsite-toc-embedded:not(:empty) {
        margin: 20px 16px 24px
        }
    }
devsite-user {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
    }
devsite-user:not(:empty) {
    margin: 0 -8px 0 0;
    min-width: 60px
    }
[dir=rtl] devsite-user:not(:empty) {
    margin: 0 0 0 -8px
    }
devsite-user #devsite-signin-btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font: 500 14px/36px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-user devsite-spinner {
    margin: 4px 8px 4px 20px
    }
devsite-user devsite-spinner.hide {
    opacity: 0;
    -webkit-transition: opacity 0.45s ease;
    -o-transition: opacity 0.45s ease;
    transition: opacity 0.45s ease;
    -webkit-animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    animation-delay: 0.45s
    }
devsite-user .ogb-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1)
    }
devsite-user .ogb-pending {
    opacity: 0
    }
devsite-user .ogb-si {
    margin: 0 0 0 16px
    }
[dir=rtl] devsite-user .ogb-si {
    margin: 0 16px 0 0
    }
devsite-user .ogb-so {
    margin: 0 0 0 12px
    }
[dir=rtl] devsite-user .ogb-so {
    margin: 0 12px 0 0
    }
devsite-user .gb_Sb > .gb_Rb {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
    }
devsite-user button.devsite-user-change-account, devsite-user button.devsite-user-signout {
    height: auto;
    color: #3c4043
    }
devsite-user button.devsite-user-change-account .material-icons, devsite-user button.devsite-user-signout .material-icons {
    margin: 0;
    height: auto;
    width: auto;
    top: auto
    }
devsite-user button.devsite-user-change-account {
    border: 0
    }
devsite-user .devsite-user-dialog {
    display: none
    }
devsite-user .devsite-user-dialog a:link, devsite-user .devsite-user-dialog a:visited {
    text-decoration: none
    }
devsite-user[dialog--open] .devsite-user-dialog {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    color: #000;
    display: block;
    max-height: calc(100vh - 86px);
    outline: none;
    overflow: auto;
    position: absolute;
    right: 24px;
    top: 62px;
    width: 354px
    }
[dir=rtl] devsite-user[dialog--open] .devsite-user-dialog {
    left: 24px;
    right: auto
    }
devsite-user .devsite-user-dialog-photo, devsite-user .devsite-user-dialog-toggle, devsite-user .devsite-user-dialog-toggle .devsite-user-dialog-letter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0
    }
devsite-user .devsite-user-dialog-toggle {
    border: 4px solid transparent;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 32px;
    margin: 0 4px 0 0;
    overflow: hidden;
    text-decoration: none;
    width: 32px
    }
[dir=rtl] devsite-user .devsite-user-dialog-toggle {
    margin: 0 0 0 4px
    }
devsite-user .devsite-user-dialog-toggle:focus {
    border-color: rgba(0, 0, 0, 0.2) !important
    }
devsite-user .devsite-user-dialog-photo-thumbnail {
    height: 32px;
    width: 32px
    }
devsite-user[js-signin] button {
    -webkit-box-shadow: none;
    box-shadow: none
    }
devsite-user[js-signin] .devsite-user-dialog-toggle {
    opacity: 0;
    -webkit-transition: opacity 0.45s ease;
    -o-transition: opacity 0.45s ease;
    transition: opacity 0.45s ease
    }
devsite-user[js-signin] .devsite-user-dialog-toggle.show {
    opacity: 1
    }
devsite-user .devsite-user-dialog-toggle .devsite-user-dialog-letter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    flex: 0 0 32px;
    font-size: 17px;
    height: 32px
    }
devsite-user .devsite-user-dialog-learn-more {
    background-color: #e8f0fe;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #5f6368;
    font: 12px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 4px 4px 0;
    padding: 4px 29px;
    text-align: center
    }
devsite-user .devsite-user-dialog-learn-more a, devsite-user .devsite-user-dialog-learn-more span {
    font-weight: 500
    }
devsite-user .devsite-user-dialog-learn-more a {
    color: #1a73e8
    }
devsite-user .devsite-user-dialog-learn-more a:focus, devsite-user .devsite-user-dialog-learn-more a:hover {
    text-decoration: underline
    }
devsite-user .devsite-user-dialog-user {
    padding: 20px 33px 23px;
    text-align: center
    }
devsite-user .devsite-user-dialog-photo {
    margin: 0 auto 16px;
    position: relative;
    left: -2px
    }
devsite-user .devsite-user-dialog-photo, devsite-user .devsite-user-dialog-photo-portrait {
    height: 80px;
    width: 80px
    }
devsite-user .devsite-user-dialog-letter {
    text-transform: uppercase
    }
devsite-user .devsite-user-dialog-photo .devsite-user-dialog-letter {
    font-size: 52px
    }
devsite-user .devsite-user-dialog-email, devsite-user .devsite-user-dialog-name {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
    }
devsite-user .devsite-user-dialog-name {
    color: #202124;
    font: 500 16px/22px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.29px
    }
devsite-user .devsite-user-dialog-email {
    color: #5f6368;
    font: 400 14px/19px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-user .devsite-user-manage {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: 0;
    border: 1px solid #dadce0;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font: 500 14px/20px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    height: 34px;
    letter-spacing: 0.25px;
    margin: 16px 0 0;
    padding: 0 16px;
    white-space: nowrap
    }
devsite-user .devsite-user-manage:link, devsite-user .devsite-user-manage:visited {
    color: #3c4043
    }
devsite-user .devsite-user-manage:focus, devsite-user .devsite-user-manage:hover {
    background-color: #f8f9fa
    }
devsite-user .devsite-user-manage:active {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #e8eaed;
    border-color: transparent
    }
devsite-user .devsite-user-dialog-buttons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
    }
devsite-user .devsite-user-dialog .developer-profile:link, devsite-user .devsite-user-dialog .developer-profile:visited, devsite-user .devsite-user-dialog .devsite-user-developer-profile:link, devsite-user .devsite-user-dialog .devsite-user-developer-profile:visited, devsite-user .devsite-user-dialog .devsite-user-signin:link, devsite-user .devsite-user-dialog .devsite-user-signin:visited, devsite-user .devsite-user-signout:link, devsite-user .devsite-user-signout:visited {
    color: #3c4043
    }
devsite-user .devsite-user-dialog .developer-profile:focus, devsite-user .devsite-user-dialog .developer-profile:hover, devsite-user .devsite-user-dialog .devsite-user-developer-profile:focus, devsite-user .devsite-user-dialog .devsite-user-developer-profile:hover, devsite-user .devsite-user-dialog .devsite-user-signin:focus, devsite-user .devsite-user-dialog .devsite-user-signin:hover, devsite-user .devsite-user-signout:focus, devsite-user .devsite-user-signout:hover {
    background-color: #f8f9fa
    }
devsite-user .devsite-user-dialog .developer-profile:active, devsite-user .devsite-user-dialog .devsite-user-developer-profile:active, devsite-user .devsite-user-dialog .devsite-user-signin:active, devsite-user .devsite-user-signout:active {
    background-color: #e8eaed
    }
devsite-user .devsite-user-dialog .devsite-user-developer-profile, devsite-user .devsite-user-dialog .devsite-user-signin {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font: 500 14px/16px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.25px;
    padding: 15px 39px 16px;
    width: 100%
    }
devsite-user .devsite-user-dialog-buttons > :first-child {
    border-top: 1px solid #e8eaed
    }
devsite-user .devsite-user-dialog .devsite-user-signin {
    border-bottom: 1px solid #e8eaed
    }
devsite-user .devsite-user-dialog .new-notification {
    background: #1967d2;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 2px 8px
    }
[dir=ltr] devsite-user .devsite-user-dialog .new-notification {
    margin-left: 12px
    }
[dir=ltr] devsite-user .devsite-user-signin .devsite-switch-account-icon, [dir=rtl] devsite-user .devsite-user-dialog .new-notification {
    margin-right: 12px
    }
[dir=rtl] devsite-user .devsite-user-signin .devsite-switch-account-icon {
    margin-left: 12px
    }
devsite-user .devsite-user-developer-profile .google-dev-icon {
    width: 28px;
    position: relative
    }
[dir=ltr] devsite-user .devsite-user-developer-profile .google-dev-icon {
    margin-left: -4px;
    margin-right: 8px
    }
[dir=rtl] devsite-user .devsite-user-developer-profile .google-dev-icon {
    margin-left: 8px;
    margin-right: -4px
    }
devsite-user .devsite-user-signout {
    border: 1px solid #dadce0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    font: 500 14px/16px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.15px;
    margin: 16px auto;
    padding: 10px 24px
    }
devsite-user .devsite-user-signout:active {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #e8eaed;
    border-color: transparent
    }
devsite-user .devsite-user-dialog-footer {
    border-top: 1px solid #e8eaed;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 14px 20px
    }
devsite-user .devsite-user-dialog-footer-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 0
    }
devsite-user .devsite-user-dialog-footer-link:not(:first-child):before {
    color: #5f6368;
    content: "•";
    font-size: 13px
    }
devsite-user .devsite-user-dialog-footer-link > a {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    font: 400 12px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 4px 8px
    }
devsite-user .devsite-user-dialog-footer-link > a:link, devsite-user .devsite-user-dialog-footer-link > a:visited {
    color: #5f6368
    }
devsite-user .devsite-user-dialog-footer-link > a:focus, devsite-user .devsite-user-dialog-footer-link > a:hover {
    background-color: #f8f9fa
    }
devsite-user .devsite-user-dialog-footer-link > a:active {
    background-color: #e8eaed
    }
@media screen and (max-width: 840px) {
    devsite-user .ogb-si {
        margin: 0 0 0 4px
        }
    [dir=rtl] devsite-user .ogb-si {
        margin: 0 4px 0 0
        }
    devsite-user[dialog--open] .devsite-user-dialog {
        right: 16px
        }
    [dir=rtl] devsite-user[dialog--open] .devsite-user-dialog {
        left: 16px;
        right: auto
        }
    }
devsite-content-footer {
    clear: both;
    color: rgba(0, 0, 0, 0.65);
    display: block;
    font: 13px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }