body, div, dl, dd, form, img, input, figure, menu {
    margin: 0;
    padding: 0
    }
iframe {
    border: 0
    }
.caution > :first-child, .dogfood > :first-child, .key-point > :first-child, .key-term > :first-child, .note > :first-child, .objective > :first-child, .quickstart-left > :first-child, .quickstart-wide > :first-child, .special > :first-child, .success > :first-child, .warning > :first-child, aside > :first-child, blockquote > :first-child, dd > :first-child, li > p:first-child, td > :first-child, td > :first-child > li:first-child, td > .devsite-table-wrapper:first-child > table, td > .expandable:first-child > :nth-child(2) {
    margin-top: 0
    }
.caution > :last-child, .dogfood > :last-child, .key-point > :last-child, .key-term > :last-child, .note > :last-child, .objective > :last-child, .quickstart-left > :last-child, .quickstart-wide > :last-child, .special > :last-child, .success > :last-child, .warning > :last-child, aside > :last-child, blockquote > :last-child, dd > :last-child, li > p:last-child, td > :last-child, td > :last-child > li:last-child, td > .devsite-table-wrapper:last-child > table, td > .expandable:last-child > :last-child {
    margin-bottom: 0
    }
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
    }
.clearfix:after, .quickstart-step:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    visibility: hidden
    }
body, html {
    color: #212121;
    font: 400 16px/24px Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
    }
p {
    margin: 16px 0;
    padding: 0
    }
img, video {
    border: 0;
    max-width: 100%
    }
table img {
    max-width: 272px
    }
:link, :visited {
    color: #1a73e8;
    outline: 0;
    text-decoration: none
    }
a:focus {
    text-decoration: underline
    }
th :link, th :visited, .devsite-toast-content :link, .devsite-toast-content :visited {
    color: #fff;
    text-decoration: underline
    }
th a:focus, .devsite-toast-content a:focus {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
sup {
    line-height: 1
    }
dd, ol, ul {
    margin: 0;
    padding-left: 40px
    }
td > dl > dd, td > ol, td > ul {
    padding-left: 20px
    }
ol {
    list-style: decimal outside
    }
ol ol {
    list-style-type: lower-alpha
    }
ol ol ol {
    list-style-type: lower-roman
    }
ol.upper-alpha {
    list-style-type: upper-alpha
    }
ul {
    list-style: disc outside
    }
li, li p {
    margin: 8px 0;
    padding: 0
    }
dt {
    font: 700 16px/24px Roboto, sans-serif
    }
dt, dd {
    margin: 16px 0
    }
blockquote {
    background: #f7f7f7;
    margin: 16px 0;
    padding: 8px;
    quotes: none
    }
hr {
    background: #ebebeb;
    border: 0;
    height: 1px;
    margin: 16px 0;
    width: 100%
    }
abbr, acronym {
    border-bottom: 1px dotted #757575;
    cursor: help
    }
address, cite, dfn, em {
    font-style: italic
    }
strong {
    font-weight: bold
    }
.devsite-article-body .material-icons, .devsite-landing-page .devsite-article .material-icons {
    vertical-align: bottom
    }
.devsite-article-body .material-icons:not(:link), .devsite-landing-page .devsite-article .material-icons:not(:link) {
    cursor: default
    }
.devsite-hidden {
    display: none
    }
.footnotes ol {
    padding-left: 16px
    }
.footnotes li {
    font: 13px/20px Roboto, sans-serif
    }
.no-feedback .devsite-feedback-button {
    display: none
    }
.preserve-case {
    text-transform: none
    }
a[href*="oracle.com"]::after, a.external::after {
    content: "open_in_new";
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    margin-left: 4px;
    vertical-align: text-bottom
    }
h2.numbered {
    line-height: 48px;
    margin-top: 60px;
    padding-bottom: 19px
    }
h2.numbered:before {
    background: #bdbdbd;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin-right: 20px;
    text-align: center;
    width: 48px
    }
h2.numbered:nth-of-type(1):before {
    content: "1"
    }
h2.numbered:nth-of-type(2):before {
    content: "2"
    }
h2.numbered:nth-of-type(3):before {
    content: "3"
    }
h2.numbered:nth-of-type(4):before {
    content: "4"
    }
h2.numbered:nth-of-type(5):before {
    content: "5"
    }
h2.numbered:nth-of-type(6):before {
    content: "6"
    }
h2.numbered:nth-of-type(7):before {
    content: "7"
    }
h2.numbered:nth-of-type(8):before {
    content: "8"
    }
h2.numbered:nth-of-type(9):before {
    content: "9"
    }
.compare-better, .compare-no, .compare-worse, .compare-yes {
    font-weight: bold
    }
.compare-better::before, .compare-blank::before, .compare-no::before, .compare-worse::before, .compare-yes::before {
    content: "";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Icons";
    -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
    }
.compare-better::before {
    color: #0f9d58;
    content: "thumb_up"
    }
.compare-no::before {
    color: #dd2c00;
    content: "not_interested"
    }
.compare-worse::before {
    color: #dd2c00;
    content: "thumb_down"
    }
.compare-yes::before {
    color: #0f9d58;
    content: "check"
    }
.align-center {
    text-align: center
    }
.align-right {
    text-align: right
    }
.hanging-indent, .members.function td:first-child {
    padding-left: 25px;
    text-indent: -17px
    }
.bad-table {
    table-layout: fixed
    }
.bad-table tr, .bad-table td {
    word-wrap: break-word
    }
.bad-table pre {
    word-wrap: normal
    }
.screenshot {
    border: 1px solid #ebebeb;
    padding: 3px
    }
.columns tr, .columns td, .columns th {
    background: 0;
    border: 0;
    font: 16px/24px Roboto, sans-serif;
    padding: 0
    }
.columns th {
    color: #212121;
    font-weight: 500
    }
.columns code, .columns pre {
    background: #f7f7f7
    }
.inline:not(.expandable) {
    display: inline
    }
.inline-block {
    display: inline-block
    }
.block {
    display: block
    }
.attempt-left {
    float: left;
    margin: 0 40px 40px 0
    }
.attempt-right {
    float: right;
    margin: 0 0 40px 40px
    }
.attempt-left + .attempt-right {
    margin-left: 0
    }
img.inline-icon {
    height: 1.2em;
    vertical-align: sub
    }
.video-wrapper, .video-wrapper-left {
    float: right;
    overflow: hidden;
    margin: 0 0 40px 40px;
    position: relative
    }
.video-wrapper-left {
    float: none;
    margin: 16px 0
    }
.video-wrapper-full-width {
    margin: 16px 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
    }
.video-wrapper embed, .video-wrapper iframe, .video-wrapper object, .video-wrapper-left embed, .video-wrapper-left iframe, .video-wrapper-left object, .video-wrapper-full-width embed, .video-wrapper-full-width iframe, .video-wrapper-full-width object {
    height: 101%;
    left: -0.5%;
    position: absolute;
    top: -0.5%;
    width: 101%
    }
@media screen and (max-width: 1000px) {
    .attempt-left, .attempt-right {
        display: block;
        float: none;
        margin: 16px 0;
        max-width: 100%
        }
    .video-wrapper, .video-wrapper-left {
        float: none;
        margin: 16px 0;
        padding-bottom: 56.25%;
        width: 100%
        }
    }
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.devsite-wrapper {
    margin-top: 64px;
    overflow: hidden;
    width: 100%
    }
.devsite-main-content {
    margin: 40px auto;
    max-width: 1400px;
    padding: 0 24px;
    position: relative
    }
@media screen and (min-width: 1201px) {
    .devsite-has-apix .devsite-main-content {
        margin-right: 400px;
        max-width: 1000px;
        padding-right: 0
        }
    }
@media screen and (min-width: 1401px) {
    .devsite-has-apix .devsite-main-content {
        max-width: 1000px
        }
    }
.devsite-full-width-page .devsite-main-content, .devsite-landing-page .devsite-main-content, .devsite-products-page .devsite-main-content {
    max-width: 1592px;
    padding: 0 120px
    }
.devsite-article-inner, .devsite-main-content {
    min-height: calc(100vh - 582px)
    }
.devsite-header-no-upper-tabs .devsite-article-inner, .devsite-header-no-upper-tabs .devsite-main-content {
    min-height: calc(100vh - 526px)
    }
.devsite-header-no-lower-tabs .devsite-article-inner, .devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 562px)
    }
.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-article-inner, .devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 478px)
    }
.devsite-home-page.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 710px)
    }
.devsite-404.devsite-header-no-upper-tabs .devsite-article-inner, .devsite-404.devsite-header-no-upper-tabs .devsite-main-content, .devsite-404.devsite-header-no-lower-tabs .devsite-article-inner, .devsite-404.devsite-header-no-lower-tabs .devsite-main-content, .devsite-404.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-article-inner, .devsite-404.devsite-header-no-upper-tabs.devsite-header-no-lower-tabs .devsite-main-content {
    min-height: calc(100vh - 356px)
    }
.devsite-site-mask, .ui-widget-overlay {
    background: #212121;
    cursor: pointer;
    display: none;
    height: 100vh;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10011
    }
.ui-widget-overlay {
    display: block
    }
.devsite-article {
    margin-left: 320px;
    position: relative;
    width: calc(100% - 496px)
    }
@media screen and (min-width: 1201px) {
    .devsite-has-apix .devsite-article {
        width: calc(100% - 272px);
        margin-left: 256px
        }
    }
.devsite-article-inner {
    float: left;
    width: 100%
    }
@media screen and (max-width: 1200px) {
    .devsite-section-nav + .devsite-article, .devsite-section-nav + .devsite-page-nav + .devsite-article {
        width: calc(100% - 280px - 40px)
        }
    .devsite-article {
        width: calc(100% - 496px)
        }
    }
@media screen and (max-width: 1000px) {
    .devsite-full-width-page .devsite-main-content, .devsite-landing-page .devsite-main-content, .devsite-products-page .devsite-main-content {
        padding: 0 80px
        }
    .devsite-section-nav + .devsite-article, .devsite-section-nav + .devsite-page-nav + .devsite-article {
        margin-left: 320px
        }
    .devsite-article {
        margin: 0;
        width: 100%
        }
    }
@media screen and (max-width: 720px) {
    .devsite-full-width-page .devsite-main-content, .devsite-landing-page .devsite-main-content, .devsite-products-page .devsite-main-content, .devsite-main-content {
        padding: 0 16px
        }
    .devsite-section-nav + .devsite-article, .devsite-section-nav + .devsite-page-nav + .devsite-article {
        margin: 0;
        width: 100%
        }
    }
aside, .caution, .dogfood, .key-point, .key-term, .note, .objective, .special, .success, .warning, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 12px 24px 12px 60px
    }
aside::before, .caution::before, .dogfood::before, .key-point::before, .key-term::before, .note::before, .objective::before, .special::before, .success::before, .warning::before, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error .gwt-Label::before {
    float: left;
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -36px
    }
aside :link, aside :visited, .caution :link, .caution :visited, .dogfood :link, .dogfood :visited, .key-point :link, .key-point :visited, .key-term :link, .key-term :visited, .note :link, .note :visited, .objective :link, .objective :visited, .special :link, .special :visited, .success :link, .success :visited, .warning :link, .warning :visited {
    text-decoration: underline
    }
aside a:focus, .caution a:focus, .dogfood a:focus, .key-point a:focus, .key-term a:focus, .note a:focus, .objective a:focus, .special a:focus, .success a:focus, .warning a:focus {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
aside pre, .caution pre, .dogfood pre, .key-point pre, .key-term pre, .note pre, .objective pre, .special pre, .success pre, .warning pre {
    background: rgba(255, 255, 255, 0.75)
    }
aside code, aside var, .caution code, .dogfood code, .key-point code, .key-term code, .note code, .objective code, .special code, .success code, .warning code {
    font-weight: 700;
    padding: 0
    }
aside var {
    background: inherit
    }
aside, aside code, aside :link, aside :visited, .note, .note code, .note :link, .note :visited, .special, .special code, .special :link, .special :visited {
    background: #e1f5fe;
    color: #01579b
    }
aside::before, .note::before, .special::before {
    content: "star"
    }
.caution, .caution code, .caution :link, .caution :visited {
    background: #fff3e0;
    color: #bf360c
    }
.caution::before {
    content: "error"
    }
.dogfood, .dogfood code, .dogfood :link, .dogfood :visited {
    background: #eceff1;
    color: #546e7a
    }
.dogfood::before {
    content: "pets"
    }
.key-point, .key-point code, .key-point :link, .key-point :visited {
    background: #e8eaf6;
    color: #3f51b5
    }
.key-point::before {
    content: "lightbulb_outline"
    }
.key-term, .key-term code, .key-term :link, .key-term :visited {
    background: #f3e5f5;
    color: #8e24aa
    }
.key-term::before {
    content: "font_download"
    }
.objective, .objective code, .objective :link, .objective :visited, .success, .success code, .success :link, .success :visited {
    background: #e0f2f1;
    color: #00796b
    }
.objective::before {
    content: "school"
    }
.success::before {
    content: "check_circle"
    }
.warning, .warning code, .warning :link, .warning :visited, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error :link, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error :visited {
    background: #fbe9e7;
    color: #d50000
    }
.warning::before, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error .gwt-Label::before {
    content: "warning"
    }
.devsite-no-page-title > aside:first-child, .devsite-no-page-title > .caution:first-child, .devsite-no-page-title > .dogfood:first-child, .devsite-no-page-title > .key-point:first-child, .devsite-no-page-title > .key-term:first-child, .devsite-no-page-title > .note:first-child, .devsite-no-page-title > .objective:first-child, .devsite-no-page-title > .special:first-child, .devsite-no-page-title > .success:first-child, .devsite-no-page-title > .warning:first-child {
    clear: right
    }
.devsite-banner {
    font-size: 14px;
    margin: -40px -10024px 40px;
    text-align: left
    }
.devsite-landing-page .devsite-banner {
    margin: 0 -10024px
    }
.devsite-landing-page-with-side-navs .devsite-banner {
    margin: -40px -10024px 24px
    }
.devsite-banner :link, .devsite-banner :visited {
    text-decoration: underline
    }
.devsite-banner a:focus, .devsite-banner.devsite-background a:focus {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.devsite-banner-confidential, .devsite-banner-confidential :link, .devsite-banner-confidential :visited {
    background: #fbe9e7;
    color: #d50000
    }
.devsite-banner-announcement, .devsite-banner-announcement :link, .devsite-banner-announcement :visited {
    background: #fff3e0;
    color: #bf360c;
    font-weight: 500
    }
.devsite-banner-announcement.devsite-background :link, .devsite-banner-announcement.devsite-background :visited {
    background: 0
    }
.devsite-banner-inner {
    margin: 0 10000px;
    padding: 20px 24px
    }
.devsite-banner-confidential .devsite-banner-inner {
    padding-left: 60px
    }
.devsite-banner-confidential .devsite-banner-inner::before {
    content: "warning";
    float: left;
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -36px
    }
.devsite-banner-icon {
    display: inline;
    height: 24px;
    margin-right: 24px;
    vertical-align: bottom;
    width: 24px
    }
.devsite-banner-header {
    font-weight: bold
    }
@media screen and (max-width: 720px) {
    .devsite-banner {
        margin: -40px -10016px 40px
        }
    .devsite-landing-page .devsite-banner {
        margin: 0 -10016px
        }
    .devsite-banner-inner {
        padding: 20px 16px
        }
    .devsite-banner-confidential .devsite-banner-inner {
        padding-left: 52px
        }
    }
.button, .fc-button, button, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute, #embedded-explorer div.com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders, .gwt-PopupPanel .popupContent button, input[type="button"], input[type="file"], input[type="image"], input[type="reset"], input[type="submit"] {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1a73e8;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/20px Roboto, sans-serif;
    height: 36px;
    margin: 0;
    min-width: 36px;
    outline: 0;
    overflow: hidden;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    -webkit-transition: background-color 0.2s, -webkit-box-shadow 0.2s;
    transition: background-color 0.2s, -webkit-box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
    vertical-align: middle;
    white-space: nowrap
    }
.button + .button, button + button, input[type="button"] + input[type="button"], input[type="file"] + input[type="file"], input[type="image"] + input[type="image"], input[type="reset"] + input[type="reset"], input[type="submit"] + input[type="submit"] {
    margin-left: 16px
    }
.button-flat + .button-flat, .button-white + .button-white, button + .button {
    margin-left: 8px
    }
.button:focus, .button:hover, button:focus, button:hover, #embedded-explorer button:focus, #embedded-explorer button:hover, #embedded-explorer div.com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders:focus, #embedded-explorer div.com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders:hover, .gwt-PopupPanel .popupContent button:focus, .gwt-PopupPanel .popupContent button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="file"]:focus, input[type="file"]:hover, input[type="image"]:focus, input[type="image"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
    background-color: #e1f3fc
    }
.button:active, button:active, #embedded-explorer button:active, #embedded-explorer div.com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders:active, .gwt-PopupPanel .popupContent button:active, input[type="button"]:active, input[type="file"]:active, input[type="image"]:active, input[type="reset"]:active, input[type="submit"]:active {
    background-color: #c3e7f9
    }
.button, button, input[type="button"], input[type="file"], input[type="image"], input[type="reset"], input[type="submit"], #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    padding: 8px 16px
    }
.button:focus {
    text-decoration: none
    }
.button:active, .button-blue:active, .button-green:active, .button-primary:active, .button-red:active, button:active, input[type="button"]:active, input[type="file"]:active, input[type="image"]:active, input[type="reset"]:active, input[type="submit"]:active, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:active {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.38);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.38)
    }
.button-blue, .button-green, .button-primary, .button-red, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute {
    background-color: #039be5;
    color: #fff
    }
.button-blue:focus, .button-blue:hover, .button-green:focus, .button-green:hover, .button-primary:focus, .button-primary:hover, .button-red:focus, .button-red:hover, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:focus, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:hover {
    background-color: #0388ca
    }
.button-blue:active, .button-green:active, .button-primary:active, .button-red:active, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:active {
    background-color: #0277bd
    }
.button-white, .fc-button, .gwt-PopupPanel .popupContent button {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1a73e8;
    padding: 8px
    }
.button-white:focus, .button-white:hover {
    -webkit-box-shadow: none;
    box-shadow: none
    }
.button-flat, .button-flat:focus, .button-flat:hover, .button-flat:active {
    background: 0;
    -webkit-box-shadow: none;
    box-shadow: none
    }
.button-transparent, .button-transparent:focus, .button-transparent:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
    }
.button-flat, .button-transparent {
    padding: 8px
    }
.fc-button:focus, .fc-button:hover {
    background-color: #ebebeb
    }
.fc-button:active {
    background-color: #ddd
    }
.devsite-top-button {
    background: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5f6368;
    -webkit-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
    padding: 8px
    }
.devsite-top-button:focus, .devsite-top-button:hover {
    background-color: rgba(204, 204, 204, 0.15);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000
    }
.devsite-top-button:active {
    background-color: rgba(204, 204, 204, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000
    }
.devsite-top-logo-row .devsite-top-button {
    background-color: transparent;
    color: #1e88e5
    }
.devsite-top-logo-row .devsite-top-button:focus, .devsite-top-logo-row .devsite-top-button:hover, .devsite-top-logo-row .devsite-top-button:active {
    background-color: transparent;
    color: #1565c0
    }
.button-text-white {
    color: #fff
    }
.button-text-blue, #embedded-explorer div.com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-showHideHeaders {
    color: #1a73e8
    }
.button-lowercase {
    text-transform: none
    }
.button-unindented {
    margin-left: -8px
    }
.button > .material-icons, button > .material-icons {
    font-size: 18px;
    vertical-align: middle
    }
.button-with-icon > .material-icons {
    margin: -2px 8px 0 -4px
    }
.button-with-icon > .material-icons.icon-after {
    margin: -2px -4px 0 8px
    }
.button.button-disabled, .button.button-disabled:hover, .button.button-disabled:focus, .button.button-disabled:active, button:disabled, .fc-button:disabled, #embedded-explorer button:disabled, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:disabled, .gwt-PopupPanel .popupContent button:disabled, input[type="button"]:disabled, input[type="file"]:disabled, input[type="image"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
    background-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.26);
    cursor: default
    }
.button-flat:disabled, .button-white:disabled, .gwt-PopupPanel .popupContent button:disabled {
    background-color: transparent
    }
.devsite-background:not(.devsite-background-grey):not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
.devsite-background.devsite-background-theme:not(.devsite-landing-row-cards) .button-white {
    color: #fff
    }
.devsite-background.devsite-background-cyan:not(.devsite-landing-row-cards) .button-white, .devsite-background.devsite-background-google-yellow:not(.devsite-landing-row-cards) .button-white, .devsite-background.devsite-background-light-green:not(.devsite-landing-row-cards) .button-white, .devsite-background.devsite-background-orange:not(.devsite-landing-row-cards) .button-white {
    color: #212121
    }
.devsite-background:not(.devsite-background-grey):not(.devsite-landing-row-cards) .button-white:hover {
    background: rgba(153, 153, 153, 0.3)
    }
.devsite-background:not(.devsite-background-grey):not(.devsite-landing-row-cards) .button-white:focus {
    background: rgba(153, 153, 153, 0.5)
    }
.devsite-background:not(.devsite-background-grey) .button-primary {
    background: #fff;
    color: #1a73e8
    }
.devsite-background:not(.devsite-background-grey) .button-primary:active, .devsite-background:not(.devsite-background-grey) .button-primary:focus {
    background: #e1f3fc
    }
.devsite-background:not(.devsite-background-grey) .button-primary:hover {
    background: #c3e7f9
    }
.devsite-foreground-theme .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-theme .button:not(.button-disabled) {
    color: #039be5
    }
.devsite-foreground-theme .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled) {
    background: #039be5
    }
.devsite-foreground-theme .button.button-primary:not(.button-disabled):active, .devsite-foreground-theme .button.button-primary:not(.button-disabled):hover, .devsite-foreground-theme .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-theme .button.button-primary:not(.button-disabled):focus {
    background: #0277bd
    }
.devsite-foreground-blue-grey .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-blue-grey .button:not(.button-disabled) {
    color: #607d8b
    }
.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled) {
    background: #607d8b
    }
.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):active, .devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):hover, .devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-blue-grey .button.button-primary:not(.button-disabled):focus {
    background: #455a64
    }
.devsite-foreground-cyan .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-cyan .button:not(.button-disabled) {
    color: #00bcd4
    }
.devsite-foreground-cyan .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled) {
    background: #00bcd4
    }
.devsite-foreground-cyan .button.button-primary:not(.button-disabled):active, .devsite-foreground-cyan .button.button-primary:not(.button-disabled):hover, .devsite-foreground-cyan .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-cyan .button.button-primary:not(.button-disabled):focus {
    background: #0097a7
    }
.devsite-foreground-deep-orange .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-deep-orange .button:not(.button-disabled) {
    color: #ff5722
    }
.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled) {
    background: #ff5722
    }
.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):active, .devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):hover, .devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-deep-orange .button.button-primary:not(.button-disabled):focus {
    background: #e64a19
    }
.devsite-foreground-deep-purple .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-deep-purple .button:not(.button-disabled) {
    color: #673ab7
    }
.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled) {
    background: #673ab7
    }
.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):active, .devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):hover, .devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-deep-purple .button.button-primary:not(.button-disabled):focus {
    background: #512da8
    }
.devsite-foreground-google-blue .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-blue .button:not(.button-disabled) {
    color: #4285f4
    }
.devsite-foreground-google-blue .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-blue .button.button-primary:not(.button-disabled) {
    background: #4285f4
    }
.devsite-foreground-google-blue .button.button-primary:not(.button-disabled):active, .devsite-foreground-google-blue .button.button-primary:not(.button-disabled):hover, .devsite-foreground-google-blue .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-google-blue .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-google-blue .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-google-blue .button.button-primary:not(.button-disabled):focus {
    background: #3367d6
    }
.devsite-foreground-google-green .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-green .button:not(.button-disabled) {
    color: #00c853
    }
.devsite-foreground-google-green .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-green .button.button-primary:not(.button-disabled) {
    background: #00c853
    }
.devsite-foreground-google-green .button.button-primary:not(.button-disabled):active, .devsite-foreground-google-green .button.button-primary:not(.button-disabled):hover, .devsite-foreground-google-green .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-google-green .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-google-green .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-google-green .button.button-primary:not(.button-disabled):focus {
    background: #008c3a
    }
.devsite-foreground-google-red .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-red .button:not(.button-disabled) {
    color: #db4437
    }
.devsite-foreground-google-red .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-red .button.button-primary:not(.button-disabled) {
    background: #db4437
    }
.devsite-foreground-google-red .button.button-primary:not(.button-disabled):active, .devsite-foreground-google-red .button.button-primary:not(.button-disabled):hover, .devsite-foreground-google-red .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-google-red .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-google-red .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-google-red .button.button-primary:not(.button-disabled):focus {
    background: #c53929
    }
.devsite-foreground-google-yellow .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-yellow .button:not(.button-disabled) {
    color: #f4b400
    }
.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled) {
    background: #f4b400
    }
.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):active, .devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):hover, .devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-google-yellow .button.button-primary:not(.button-disabled):focus {
    background: #f09300
    }
.devsite-foreground-grey .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-grey .button:not(.button-disabled) {
    color: #757575
    }
.devsite-foreground-grey .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled) {
    background: #757575
    }
.devsite-foreground-grey .button.button-primary:not(.button-disabled):active, .devsite-foreground-grey .button.button-primary:not(.button-disabled):hover, .devsite-foreground-grey .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-grey .button.button-primary:not(.button-disabled):focus {
    background: #424242
    }
.devsite-foreground-indigo .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-indigo .button:not(.button-disabled) {
    color: #3f51b5
    }
.devsite-foreground-indigo .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled) {
    background: #3f51b5
    }
.devsite-foreground-indigo .button.button-primary:not(.button-disabled):active, .devsite-foreground-indigo .button.button-primary:not(.button-disabled):hover, .devsite-foreground-indigo .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-indigo .button.button-primary:not(.button-disabled):focus {
    background: #303f9f
    }
.devsite-foreground-light-blue .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-light-blue .button:not(.button-disabled) {
    color: #0288d1
    }
.devsite-foreground-light-blue .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-light-blue .button.button-primary:not(.button-disabled) {
    background: #0288d1
    }
.devsite-foreground-light-blue .button.button-primary:not(.button-disabled):active, .devsite-foreground-light-blue .button.button-primary:not(.button-disabled):hover, .devsite-foreground-light-blue .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-light-blue .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-light-blue .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-light-blue .button.button-primary:not(.button-disabled):focus {
    background: #01579b
    }
.devsite-foreground-light-green .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-light-green .button:not(.button-disabled) {
    color: #8bc34a
    }
.devsite-foreground-light-green .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-light-green .button.button-primary:not(.button-disabled) {
    background: #8bc34a
    }
.devsite-foreground-light-green .button.button-primary:not(.button-disabled):active, .devsite-foreground-light-green .button.button-primary:not(.button-disabled):hover, .devsite-foreground-light-green .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-light-green .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-light-green .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-light-green .button.button-primary:not(.button-disabled):focus {
    background: #689f38
    }
.devsite-foreground-orange .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-orange .button:not(.button-disabled) {
    color: #fb8c00
    }
.devsite-foreground-orange .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled) {
    background: #fb8c00
    }
.devsite-foreground-orange .button.button-primary:not(.button-disabled):active, .devsite-foreground-orange .button.button-primary:not(.button-disabled):hover, .devsite-foreground-orange .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-orange .button.button-primary:not(.button-disabled):focus {
    background: #ef6c00
    }
.devsite-foreground-pink .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-pink .button:not(.button-disabled) {
    color: #e91e63
    }
.devsite-foreground-pink .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled) {
    background: #e91e63
    }
.devsite-foreground-pink .button.button-primary:not(.button-disabled):active, .devsite-foreground-pink .button.button-primary:not(.button-disabled):hover, .devsite-foreground-pink .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-pink .button.button-primary:not(.button-disabled):focus {
    background: #c2185b
    }
.devsite-foreground-purple .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-purple .button:not(.button-disabled) {
    color: #9c27b0
    }
.devsite-foreground-purple .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled) {
    background: #9c27b0
    }
.devsite-foreground-purple .button.button-primary:not(.button-disabled):active, .devsite-foreground-purple .button.button-primary:not(.button-disabled):hover, .devsite-foreground-purple .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-purple .button.button-primary:not(.button-disabled):focus {
    background: #7b1fa2
    }
.devsite-foreground-teal .button:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-teal .button:not(.button-disabled) {
    color: #009688
    }
.devsite-foreground-teal .button.button-primary:not(.button-disabled), .devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled) {
    background: #009688
    }
.devsite-foreground-teal .button.button-primary:not(.button-disabled):active, .devsite-foreground-teal .button.button-primary:not(.button-disabled):hover, .devsite-foreground-teal .button.button-primary:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground-teal .button.button-primary:not(.button-disabled):focus {
    background: #00796b
    }
.devsite-foreground .button.button-primary:not(.button-disabled) {
    color: #fff
    }
.devsite-foreground .button:not(.button-disabled):active, .devsite-foreground .button:not(.button-disabled):hover, .devsite-landing-row-item.devsite-foreground .button:not(.button-disabled):active, .devsite-landing-row-item.devsite-foreground .button:not(.button-disabled):hover {
    background: rgba(153, 153, 153, 0.3)
    }
.devsite-foreground .button:not(.button-disabled):focus, .devsite-landing-row-item.devsite-foreground .button:not(.button-disabled):focus {
    background: rgba(153, 153, 153, 0.5)
    }
.devsite-foreground .button.button-disabled, .devsite-foreground .button.button-disabled:hover, .devsite-foreground .button.button-disabled:focus, .devsite-foreground .button.button-disabled:active, .devsite-foreground button:disabled, .devsite-foreground .fc-button:disabled, .devsite-foreground #embedded-explorer button:disabled, .devsite-foreground #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-execute:disabled, .devsite-foreground .gwt-PopupPanel .popupContent button:disabled, .devsite-foreground input[type="button"]:disabled, .devsite-foreground input[type="file"]:disabled, .devsite-foreground input[type="image"]:disabled, .devsite-foreground input[type="reset"]:disabled, .devsite-foreground input[type="submit"]:disabled {
    background-color: rgba(153, 153, 153, 0.3)
    }
code, pre, .pre-style {
    background: #f7f7f7;
    color: #37474f;
    font: 400 100%/1 Roboto Mono, monospace;
    padding: 1px 4px
    }
.devsite-dark-code pre, .devsite-dark-code pre code, .devsite-dark-code .pre-style {
    background: #212121;
    color: #eceff1
    }
code {
    font: 500 90%/1 Roboto Mono, monospace;
    word-break: break-word
    }
table code, pre code, .pre-style code {
    font-weight: 400;
    word-break: normal
    }
pre, .pre-style {
    font: 14px/20px Roboto Mono, monospace;
    margin: 16px 0;
    overflow-x: auto;
    padding: 8px;
    position: relative
    }
pre code, .pre-style code {
    background: 0;
    font-size: 14px;
    padding: 0
    }
b code, strong code {
    font-weight: 700
    }
.devsite-code-highlight.prettyprint > span {
    opacity: 0.54
    }
table pre {
    background: rgba(255, 255, 255, 0.95)
    }
td > pre:only-child {
    padding: 0
    }
body:not(.devsite-dark-code) td > pre:only-child {
    background: 0
    }
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
    background: 0;
    color: #212121;
    padding: 0
    }
h1 code {
    color: #757575
    }
#embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonString, pre .com {
    color: #d81b60
    }
.devsite-dark-code pre .com {
    color: #f06292
    }
#embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonNumber, pre .lit, pre .dec {
    color: #c53929
    }
.devsite-dark-code pre .lit, .devsite-dark-code pre .dec {
    color: #fbc02d
    }
pre .kwd, pre .tag {
    color: #3b78e7
    }
.devsite-dark-code pre .kwd, .devsite-dark-code pre .tag {
    color: #4dd0e1
    }
#embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonBoolean, pre .str, pre .atv {
    color: #0d904f
    }
.devsite-dark-code pre .str, .devsite-dark-code pre .atv {
    color: #9ccc65
    }
#embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonKey, pre .typ, pre .atn {
    color: #9c27b0
    }
.devsite-dark-code pre .typ, .devsite-dark-code pre .atn {
    color: #ce93d8
    }
a code, td a code {
    color: #1a73e8
    }
a .atv, a .atn, a .com, a .dec, a .kwd, a .lit, a .str, a .tag, a .typ, .prettyprint :not(.devsite-github-link) > a:not(.devsite-github-link) {
    color: #1a73e8;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
    }
.devsite-dark-code a .atv, .devsite-dark-code a .atn, .devsite-dark-code a .com, .devsite-dark-code a .dec, .devsite-dark-code a .kwd, .devsite-dark-code a .lit, .devsite-dark-code a .str, .devsite-dark-code a .tag, .devsite-dark-code a .typ, .devsite-dark-code .prettyprint :not(.devsite-github-link) > a:not(.devsite-github-link) {
    color: #29b6f6
    }
a:hover .atv, a:hover .atn, a:hover .com, a:hover .dec, a:hover .kwd, a:hover .lit, a:hover .str, a:hover .tag, a:hover .typ, .prettyprint a:hover {
    text-decoration: underline
    }
var, var code, var span, .prettyprint var span, .devsite-dark-code .prettyprint var span {
    color: #ec407a;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
    }
.devsite-terminal::before {
    color: #bdbdbd;
    content: "$ "
    }
.devsite-terminal[data-terminal-prefix]::before {
    content: attr(data-terminal-prefix)
    }
.devsite-github-link {
    display: block;
    text-align: right
    }
a.devsite-github-link:hover, a.devsite-github-link:focus {
    text-decoration: none
    }
.devsite-github-link::after {
    color: #1a73e8;
    content: "open_in_new";
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    margin-left: 8px;
    vertical-align: bottom
    }
.devsite-dark-code .devsite-github-link > a, .devsite-dark-code .devsite-github-link::after {
    color: #29b6f6
    }
.replaceable-credential {
    border: 1px dashed #e91e63;
    cursor: pointer;
    padding: 2px
    }
.devsite-dialog {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 17px 17px rgba(0, 0, 0, 0.15), 0 27px 55px rgba(0, 0, 0, 0.3);
    box-shadow: 0 17px 17px rgba(0, 0, 0, 0.15), 0 27px 55px rgba(0, 0, 0, 0.3);
    display: none;
    font: 14px/20px Roboto, sans-serif;
    margin: 24px;
    max-height: calc(100% - 48px);
    max-width: calc(100% - 48px);
    overflow: auto;
    padding: 8px;
    position: fixed;
    z-index: 10012
    }
.devsite-dialog.devsite-henhouse-dialog {
    left: calc(50% - 300px);
    padding: 0;
    margin: 0;
    top: calc(50% - 182px);
    width: auto;
    height: auto;
    background: transparent
    }
.devsite-henhouse-inner {
    background: #fff;
    margin-top: 2px
    }
.devsite-henhouse-spinner-container {
    width: 600px;
    height: 365px
    }
.devsite-henhouse-cross-container {
    height: 160px
    }
.devsite-henhouse-cross {
    margin: 16px;
    float: right;
    cursor: pointer
    }
.devsite-dialog-contents {
    color: #757575;
    padding: 16px
    }
.devsite-dialog-contents > p:first-child:last-child {
    margin: 0
    }
.devsite-dialog h3 {
    margin: 0 0 20px
    }
.devsite-dialog-buttons {
    text-align: right
    }
@media screen and (max-width: 720px) {
    div.devsite-dialog {
        left: 0;
        margin: 16px;
        max-height: calc(100% - 32px);
        max-width: calc(100% - 32px);
        top: 0
        }
    }
fieldset {
    border: 0;
    margin: 0;
    padding: 0
    }
label {
    color: #757575;
    display: block;
    font-size: 12px
    }
input + label {
    color: #212121;
    display: inline;
    font-size: 16px
    }
label[for] {
    cursor: pointer
    }
input[type="checkbox"], input[type="radio"] {
    -webkit-appearance: none;
    background: #fff;
    border-radius: 2px;
    color: #757575;
    cursor: pointer;
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 18px;
    margin: -2px 8px 2px 0;
    outline: 0;
    position: relative;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    vertical-align: middle;
    width: 18px
    }
input[type="radio"] {
    border-radius: 50%;
    -webkit-transition: none;
    transition: none
    }
input[type="checkbox"]:checked, input[type="checkbox"]:indeterminate, input[type="radio"]:checked {
    color: #1a73e8
    }
input[type="checkbox"]::after, input[type="radio"]::after {
    content: "check_box_outline_blank";
    position: relative;
    right: 3px;
    top: -3px
    }
input[type="checkbox"]:checked::after {
    content: "check_box"
    }
input[type="checkbox"]:indeterminate::after {
    content: "indeterminate_check_box"
    }
input[type="radio"]::after {
    content: "radio_button_unchecked"
    }
input[type="radio"]:checked::after {
    content: "radio_button_checked"
    }
input[type="checkbox"]:focus::before, input[type="radio"]:focus::before {
    background: #ebebeb;
    border-radius: 50%;
    content: "";
    display: block;
    height: 36px;
    left: -9px;
    position: absolute;
    top: -9px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    width: 36px;
    z-index: -1
    }
input[type="checkbox"]:checked:focus::before, input[type="checkbox"]:indeterminate:focus::before, input[type="radio"]:focus::before {
    background: #b3e5fc
    }
input[type="checkbox"]:disabled, input[type="radio"]:disabled, input:disabled + label, .google-visualization-controls-categoryfilter .goog-menuitem-disabled {
    color: #bdbdbd;
    cursor: default
    }
.devsite-navigating-radio:checked + label {
    color: #1a73e8
    }
label + .devsite-navigating-radio {
    margin-left: 40px
    }
.google-visualization-controls-stringfilter input, #embedded-explorer input[type="text"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select[multiple], select[size], textarea {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #212121;
    font: 16px/20px Roboto, sans-serif;
    margin: 0;
    max-width: 100%;
    outline: 0;
    padding: 7px;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    vertical-align: middle
    }
#embedded-explorer input[type="text"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select[multiple]:focus, select[size]:focus, textarea:focus {
    border-bottom: 2px solid #1a73e8;
    padding-bottom: 6px
    }
#embedded-explorer input[type="text"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, select[multiple]:disabled, select[size]:disabled, textarea:disabled {
    background: #f7f7f7
    }
.kd-select, select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #212121;
    cursor: pointer;
    display: inline-block;
    font: 14px/20px Roboto, sans-serif;
    height: 36px;
    min-width: 72px;
    outline: 0;
    overflow: hidden;
    padding: 7px 27px 7px 7px;
    text-align: left;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    text-overflow: "";
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    vertical-align: middle;
    white-space: nowrap
    }
.kd-select:focus, .kd-select:hover, select:focus, select:hover {
    background-color: #f7f7f7
    }
.kd-select:active, select:active {
    background-color: #ebebeb
    }
select {
    background: #fff url(../images/redesign-14/button-down-black.svg) no-repeat right
    }
select:disabled {
    background: #f7f7f7 url(../images/redesign-14/button-down-grey.svg) no-repeat right;
    border-color: transparent;
    color: #bdbdbd;
    cursor: default
    }
select:-ms-expand {
    display: none
    }
.kd-select {
    font-weight: 500;
    position: relative;
    text-transform: uppercase
    }
.kd-select::before {
    content: "arrow_drop_down";
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    position: absolute;
    right: 8px;
    text-transform: lowercase;
    top: 8px
    }
.kd-select .label {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
    }
.kd-menulist, .google-visualization-controls-categoryfilter .goog-menu {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37);
    margin: 0 24px 0 0;
    max-height: 512px;
    overflow: auto;
    padding: 8px 0 !important;
    position: absolute;
    white-space: nowrap;
    z-index: 10013
    }
.kd-menulistitem, .google-visualization-controls-categoryfilter .goog-menuitem {
    cursor: default;
    font: 14px/32px Roboto, sans-serif;
    margin: 0;
    padding: 8px 16px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
    }
.kd-menulistitem:hover, .kd-menulistitem.devsite-selected-option, .google-visualization-controls-categoryfilter .goog-menuitem:hover {
    background: #f7f7f7
    }
.devsite-form-error {
    color: #dd2c00
    }
@media screen and (max-width: 720px) {
    .kd-menulist, .google-visualization-controls-categoryfilter .goog-menu {
        margin: 0 16px;
        max-height: 400px;
        padding: 8px 0 !important
        }
    .kd-menulistitem, .google-visualization-controls-categoryfilter .goog-menuitem {
        line-height: 48px;
        padding: 0 16px
        }
    }
h1, h2, h3, h4, h5, h6 {
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis
    }
h1, .devsite-landing-row h2, .devsite-landing-row-large-headings .devsite-landing-row-item-description h3, .devsite-products-alphabet-letter-heading {
    color: inherit;
    font: 400 32px/40px Google Sans, sans-serif;
    letter-spacing: 0;
    margin: 48px 0 24px
    }
.devsite-article h1:first-of-type {
    margin-top: 0;
    position: relative;
    top: -4px
    }
h2, .devsite-landing-row h3 {
    border-bottom: 0;
    font: 400 22px/30px Google Sans, sans-serif;
    letter-spacing: 0;
    margin: 48px 0 24px;
    padding-bottom: 0
    }
.exw-control + h2.showalways {
    margin: 44px 0 20px;
    padding-bottom: 7px
    }
h3, #embedded-explorer .com-google-api-explorer-client-embedded-EmbeddedView_EmbeddedViewUiBinderImpl_GenCss_style-all h3 {
    font: 400 18px/30px Google Sans, sans-serif;
    margin: 32px 0 16px
    }
.devsite-landing-row-item-no-image h3, .devsite-landing-row h4 {
    font: 400 20px/32px Roboto, sans-serif;
    margin: 32px 0 12px;
    padding: 0
    }
.devsite-landing-row-large-headings .devsite-landing-row-item-list h4 {
    font: 400 20px/32px Roboto, sans-serif;
    letter-spacing: -0.01em
    }
.exw-control + h3.showalways, .exw-control + h4.showalways {
    margin: 36px 0 20px
    }
h4, h5, h6 {
    margin: 32px 0 16px
    }
h4 {
    font: 500 16px/24px Roboto, sans-serif
    }
h5 {
    font: 700 14px/24px Roboto, sans-serif
    }
h6 {
    font: 500 14px/24px Roboto, sans-serif
    }
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, h1 + dl > dt:first-child, h2 + dl > dt:first-child, h3 + dl > dt:first-child, h4 + dl > dt:first-child, h5 + dl > dt:first-child, h6 + dl > dt:first-child {
    margin-top: 0
    }
@media screen and (max-width: 720px) {
    h1, .devsite-landing-row h2, .devsite-products-alphabet-letter-heading {
        font: 400 24px/32px Google Sans, sans-serif;
        letter-spacing: 0
        }
    }
table, table.google-visualization-table-table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font: 14px/20px Roboto, sans-serif;
    margin: 16px 0;
    width: 100%
    }
caption {
    background: #f7f7f7;
    font-weight: 500;
    padding: 12px 8px;
    text-align: center
    }
tr, table.google-visualization-table-table .google-visualization-table-tr-head, table.google-visualization-table-table .google-visualization-table-tr-even, table.google-visualization-table-table .google-visualization-table-tr-odd {
    background: #78909c;
    border: 0;
    border-top: 1px solid #cfd8dc
    }
th, td, table.google-visualization-table-table .google-visualization-table-th, table.google-visualization-table-table .google-visualization-table-td {
    border: 0;
    margin: 0;
    text-align: left
    }
table.google-visualization-table-table .google-visualization-table-th, table.google-visualization-table-table .google-visualization-table-td {
    background: 0;
    border: 0
    }
th {
    font: 500 16px/24px Roboto, sans-serif;
    height: 48px;
    padding: 8px;
    vertical-align: middle
    }
th > h2, th > h3 {
    border: 0;
    font: 500 16px/24px Roboto, sans-serif;
    margin: 0;
    padding: 0
    }
td > h2:only-child, td > h3:only-child, td > .expandable > h2.showalways, td > .expandable > h3.showalways {
    border: 0;
    font: 14px/20px Roboto, sans-serif;
    margin: 0;
    padding-bottom: 0
    }
td > .expandable > h2.showalways, td > .expandable > h3.showalways {
    line-height: 24px
    }
th b, th strong, td b, td strong {
    font-weight: 500
    }
th, th code {
    color: #fff
    }
td, td code, table.google-visualization-table-table .google-visualization-table-td {
    color: #212121;
    padding: 7px 8px 8px
    }
th code, td code {
    background: 0;
    font: 500 100%/1 Roboto Mono, monospace;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    padding: 0
    }
table.responsive td, table.responsive th {
    min-width: 214px
    }
table.responsive table:not(.responsive) td, table.responsive table:not(.responsive) th {
    min-width: 120px
    }
table.responsive th code, table.responsive td code {
    word-break: break-all;
    word-break: break-word
    }
td, table.responsive tr:not(.alt) td td:first-child, table.responsive td tr:not(.alt) td:first-child, table.google-visualization-table-table .google-visualization-table-td {
    background: rgba(255, 255, 255, 0.95);
    vertical-align: top
    }
table.responsive > * > tr:not(.alt) td:first-child, table.responsive > tr:not(.alt) td:first-child {
    background: rgba(255, 255, 255, 0.87)
    }
table.vertical-rules tr > th:not(:last-child), table.vertical-rules tr > td:not(:last-child) {
    border-right: 1px solid #cfd8dc
    }
td.alt, .alt td {
    background: rgba(255, 255, 255, 0.75)
    }
table.blue tr {
    background: #3949ab;
    border-top-color: #7986cb
    }
table.cyan tr {
    background: #00acc1;
    border-top-color: #4dd0e1
    }
table.green tr {
    background: #7cb342;
    border-top-color: #aed581
    }
table.orange tr {
    background: #fb8c00;
    border-top-color: #ffb74d
    }
table.pink tr {
    background: #d81b60;
    border-top-color: #f06292
    }
table.purple tr {
    background: #8e24aa;
    border-top-color: #ba68c8
    }
.devsite-table-wrapper {
    margin: 16px 0;
    overflow: auto
    }
.devsite-table-wrapper .devsite-table-wrapper {
    overflow: visible
    }
.devsite-table-wrapper table {
    margin: 0
    }
.devsite-table-wrapper .devsite-table-wrapper table {
    margin: 16px 0
    }
table.responsive table.responsive {
    margin: 0
    }
table.responsive > * > tr:first-child, table.responsive > tr:first-child {
    border-top: 0
    }
table.responsive td tr:first-child td {
    padding-top: 0
    }
table.responsive td tr:last-child td {
    padding-bottom: 0
    }
table.responsive td td:first-child {
    padding-left: 0
    }
table.responsive > * > tr > th:not(:first-child), table.responsive > tr > th:not(:first-child) {
    display: none
    }
@media screen and (max-width: 1000px) {
    table.responsive tr, table.responsive th, table.responsive td {
        display: block
        }
    table.responsive table:not(.responsive) tr {
        display: table-row
        }
    table.responsive table:not(.responsive) th, table.responsive table:not(.responsive) td {
        display: table-cell
        }
    table.responsive > * > th, table.responsive > th {
        height: auto;
        padding: 14px 8px
        }
    }
.devsite-rating-description, .devsite-tooltip {
    background: rgba(97, 97, 97, 0.9);
    border-radius: 2px;
    color: #fff;
    font: 500 10px/10px Roboto, sans-serif;
    position: absolute
    }
.devsite-tooltip {
    margin-top: 8px;
    max-width: 400px;
    opacity: 1;
    padding: 6px 8px;
    text-align: center;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    visibility: visible;
    z-index: 10020
    }
.devsite-tooltip-hide {
    opacity: 0;
    visibility: hidden
    }
.devsite-tooltip-data {
    display: none
    }
.com-google-api-explorer-client-auth-AuthView_AuthUiBinderImpl_GenCss_style-scopePanel::-webkit-scrollbar, .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-fields::-webkit-scrollbar, .devsite-apix::-webkit-scrollbar, .devsite-dialog::-webkit-scrollbar, .devsite-nav-responsive::-webkit-scrollbar, .devsite-overflow-menu::-webkit-scrollbar, .devsite-page-nav::-webkit-scrollbar, .devsite-popout::-webkit-scrollbar, .devsite-section-nav::-webkit-scrollbar, .devsite-section-nav-responsive::-webkit-scrollbar, .kd-menulist::-webkit-scrollbar {
    height: 4px;
    width: 4px
    }
.devsite-table-wrapper::-webkit-scrollbar, pre::-webkit-scrollbar {
    height: 8px;
    width: 4px
    }
.devsite-header-upper-tabs::-webkit-scrollbar, .devsite-doc-set-nav-row::-webkit-scrollbar {
    height: 0;
    width: 0
    }
.com-google-api-explorer-client-auth-AuthView_AuthUiBinderImpl_GenCss_style-scopePanel::-webkit-scrollbar-thumb, .com-google-api-explorer-client-embedded-EmbeddedParameterForm_EmbeddedParameterFormUiBinderImpl_GenCss_style-fields::-webkit-scrollbar-thumb, .devsite-apix::-webkit-scrollbar-thumb, .devsite-dialog::-webkit-scrollbar-thumb, .devsite-nav-responsive::-webkit-scrollbar-thumb, .devsite-overflow-menu::-webkit-scrollbar-thumb, .devsite-page-nav::-webkit-scrollbar-thumb, .devsite-popout::-webkit-scrollbar-thumb, .devsite-section-nav::-webkit-scrollbar-thumb, .devsite-section-nav-responsive::-webkit-scrollbar-thumb, .devsite-table-wrapper::-webkit-scrollbar-thumb, .kd-menulist::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.26)
    }
.devsite-dark-code pre::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.7)
    }
.devsite-table-wrapper::-webkit-scrollbar-corner, pre::-webkit-scrollbar-corner {
    background: 0
    }
.devsite-top-section-wrapper {
    position: relative;
    z-index: 10007
    }
.devsite-top-section {
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    position: static;
    top: 0;
    width: 100%;
    z-index: 10005
    }
.devsite-top-section-pinned {
    position: fixed;
    -webkit-transform: translatez(0);
    transform: translatez(0)
    }
.devsite-full-site-width, .devsite-toast-fill {
    margin: 0 auto;
    max-width: 1400px
    }
.devsite-top-logo-row-wrapper-wrapper {
    border-bottom: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    width: 100%;
    z-index: 10006
    }
.devsite-top-logo-row-wrapper {
    background: #fff
    }
.devsite-top-logo-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    padding: 0 24px;
    position: relative
    }
.devsite-header-upper-tabs {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    overflow-y: auto;
    vertical-align: top;
    -webkit-transition: margin 0.2s, width 0.2s, -webkit-box-flex 0.2s;
    transition: margin 0.2s, width 0.2s, -webkit-box-flex 0.2s;
    transition: flex 0.2s, margin 0.2s, width 0.2s;
    transition: flex 0.2s, margin 0.2s, width 0.2s, -webkit-box-flex 0.2s, -ms-flex 0.2s
    }
.devsite-header-upper-tabs:not(:empty) {
    margin-left: 48px
    }
.devsite-top-section-wrapper:not(.devsite-billboard-search-active) .devsite-top-logo-row.devsite-search-active .devsite-header-upper-tabs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    visibility: hidden;
    width: 0
    }
.devsite-header-background {
    position: relative
    }
.devsite-header-background > .devsite-feedback-button {
    bottom: 0;
    margin: 6px 0;
    position: absolute;
    right: 16px
    }
.devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.54);
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 24px;
    min-width: 24px;
    padding: 0;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    width: 24px
    }
.devsite-expand-section-nav, .devsite-nav-responsive-back {
    margin: 12px 24px 12px 0
    }
.devsite-header-icon-button:focus, .devsite-header-icon-button:hover, .devsite-header-icon-button:active {
    color: rgba(0, 0, 0, 0.87)
    }
.devsite-top-section .devsite-language {
    margin: 6px 0 6px 16px
    }
.devsite-top-section .devsite-language .kd-button {
    color: #1e88e5;
    max-width: 130px
    }
.devsite-top-section .devsite-language .kd-button:hover, .devsite-top-section .devsite-language .kd-button:focus, .devsite-top-section .devsite-language .kd-button:active {
    color: #1565c0
    }
@media screen and (max-width: 1200px) {
    .devsite-top-section .devsite-language {
        display: none
        }
    }
@media screen and (max-width: 720px) {
    .devsite-top-logo-row {
        padding: 0 16px
        }
    .devsite-header-upper-tabs, .devsite-header-upper-tabs:not(:empty) {
        margin-left: 16px
        }
    .devsite-top-section-wrapper:not(.devsite-billboard-search-active) .devsite-top-logo-row.devsite-search-active .devsite-header-upper-tabs {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
        }
    .devsite-header-upper-tabs .devsite-doc-set-nav, .devsite-feedback-button {
        display: none
        }
    }
.devsite-product-name-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0
    }
.devsite-product-name-link, .devsite-site-logo-link {
    display: inline-block;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
    }
.devsite-product-name-link:hover, .devsite-product-name-link:focus, .devsite-site-logo-link:focus {
    opacity: 0.7;
    text-decoration: none
    }
.devsite-site-logo-link canvas {
    -o-object-fit: cover !important;
    object-fit: cover !important
    }
.devsite-product-logo-container {
    background: #039be5;
    border-radius: 50%;
    display: inline-block;
    height: 36px;
    margin-right: 16px;
    text-align: center;
    width: 36px
    }
.devsite-product-logo {
    color: #039be5;
    font-size: 32px;
    height: 32px;
    margin: 2px 16px 2px 0;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    white-space: nowrap
    }
.devsite-product-logo-white {
    color: #fff;
    margin: 2px 0
    }
.devsite-product-name {
    color: rgba(0, 0, 0, 0.54);
    display: inline-block;
    font: 400 20px/36px Google Sans, sans-serif;
    letter-spacing: 0;
    margin: 0;
    vertical-align: top;
    white-space: nowrap
    }
.devsite-site-logo {
    height: 32px;
    margin: 2px 0
    }
.devsite-site-logo-no-text {
    width: 32px
    }
.devsite-site-logo + .devsite-site-name {
    display: none
    }
.devsite-breadcrumb-link > .devsite-product-name {
    color: inherit
    }
@media screen and (max-width: 720px) {
    .devsite-product-name-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 0
        }
    .devsite-site-logo-link {
        overflow: hidden
        }
    .devsite-product-name-link + .devsite-product-name {
        padding-right: 48px
        }
    .devsite-site-logo + .devsite-site-name {
        display: block
        }
    .devsite-site-logo {
        display: none
        }
    }
.devsite-search-form {
    background: #f1f3f4;
    border-radius: 2px;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0 6px 24px;
    opacity: 1;
    position: relative;
    text-align: left;
    -webkit-transition: background 0.2s, opacity 0.2s, width 0.2s, -webkit-box-flex 0.2s;
    transition: background 0.2s, opacity 0.2s, width 0.2s, -webkit-box-flex 0.2s;
    transition: background 0.2s, flex 0.2s, opacity 0.2s, width 0.2s;
    transition: background 0.2s, flex 0.2s, opacity 0.2s, width 0.2s, -webkit-box-flex 0.2s, -ms-flex 0.2s;
    vertical-align: top;
    width: 200px
    }
.devsite-billboard-search-active .devsite-search-form:not(.devsite-billboard-search), .devsite-top-section-wrapper:not(.devsite-billboard-search-active) .devsite-billboard-search {
    opacity: 0;
    pointer-events: none;
    width: 0
    }
.devsite-high-contrast .devsite-search-form {
    background: #039be5
    }
.devsite-search-form:hover {
    background: #f1f3f4
    }
.devsite-high-contrast .devsite-search-form:hover {
    background: #03a9f4
    }
.devsite-top-section-wrapper:not(.devsite-billboard-search-active) .devsite-top-logo-row.devsite-search-active .devsite-search-form {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
    }
.devsite-high-contrast .devsite-search-active .devsite-search-form, .devsite-search-active .devsite-search-form {
    background: #f1f3f4
    }
.devsite-search-image {
    color: #5f6368;
    left: 24px;
    position: absolute;
    top: 6px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
.devsite-search-image::before {
    content: "search"
    }
.devsite-search-active .devsite-search-image {
    color: #757575
    }
input.devsite-search-field {
    background: 0;
    border: 0;
    color: #5f6368;
    height: 36px;
    padding: 8px 8px 8px 72px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    width: 100%
    }
.devsite-search-active .devsite-search-field {
    color: #212121
    }
input.devsite-search-field:focus {
    border: 0;
    padding-bottom: 8px
    }
.devsite-search-form ::-webkit-input-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
.devsite-search-form :-moz-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
.devsite-search-form ::-moz-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
.devsite-search-form :-ms-input-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
.devsite-search-active .devsite-search-form ::-webkit-input-placeholder {
    color: #757575
    }
.devsite-search-active .devsite-search-form :-moz-placeholder {
    color: #757575
    }
.devsite-search-active .devsite-search-form ::-moz-placeholder {
    color: #757575
    }
.devsite-search-active .devsite-search-form :-ms-input-placeholder {
    color: #757575
    }
.devsite-search-button {
    margin: 12px 0
    }
.devsite-search-button::before {
    content: "search"
    }
.devsite-responsive-search-open .devsite-search-button {
    margin: 12px 0 12px 16px
    }
.devsite-responsive-search-open .devsite-search-button::before {
    content: "cancel"
    }
@media screen and (max-width: 720px) {
    .devsite-search-button {
        display: inline-block
        }
    .devsite-billboard-search-active .devsite-search-button, .devsite-responsive-search-open .devsite-header-upper-tabs, .devsite-responsive-search-open .devsite-product-name-wrapper, .devsite-responsive-search-open .devsite-settings-menu-wrapper, .devsite-responsive-search-open .devsite-user-avatar, .devsite-responsive-search-open .devsite-user-signin, .devsite-top-logo-row .devsite-search-form {
        display: none
        }
    .devsite-responsive-search-open .devsite-search-form {
        display: inline-block;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 6px 0
        }
    }
.devsite-popout {
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24), inset 0 4px 6px -4px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24), inset 0 4px 6px -4px rgba(0, 0, 0, 0.24);
    margin-top: 6px;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    position: absolute;
    -webkit-transition: visibility 0.2s, -webkit-transform 0.2s;
    transition: visibility 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, visibility 0.2s;
    transition: transform 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    -webkit-transform: translatey(0);
    transform: translatey(0);
    width: 100%;
    z-index: -1
    }
.devsite-popout-closed {
    -webkit-transform: translatey(-110%);
    transform: translatey(-110%);
    visibility: hidden
    }
.devsite-history-side-column {
    float: left;
    width: 72px
    }
.devsite-history-icon {
    color: #757575;
    display: block;
    height: 24px;
    margin: 16px auto;
    width: 24px
    }
.devsite-history-icon::before {
    content: "history"
    }
.devsite-history-main-column {
    font-size: 14px;
    float: right;
    width: calc(100% - 72px);
    margin-top: 16px
    }
.devsite-history-message {
    padding-right: 16px
    }
.devsite-history-column {
    display: inline-block;
    vertical-align: top
    }
.devsite-history-column + .devsite-history-column {
    margin-left: 8px
    }
.devsite-suggest-results {
    padding: 16px 0 16px 72px
    }
.devsite-suggest-category, .devsite-suggest-project {
    color: #757575;
    font-size: 12px
    }
.devsite-suggest-category:not(:first-child), .devsite-suggest-project:not(:first-child) {
    border-top: 1px solid #ebebeb;
    margin: 8px 0 0;
    padding-top: 12px
    }
.devsite-history-item, .devsite-suggest-item {
    font: 13px/20px Roboto, sans-serif;
    margin: 0
    }
.devsite-history-item a, .devsite-suggest-item a {
    color: #212121;
    display: block;
    margin-left: -8px;
    outline: 0;
    padding: 8px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
    }
.devsite-history-item.goog-menuitem-highlight a, .devsite-history-item a:focus, .devsite-suggest-item.goog-menuitem-highlight a, .devsite-suggest-item:not(.goog-menuitem-highlight) a:hover, .devsite-suggest-item a:focus {
    background: #f7f7f7;
    text-decoration: none
    }
.devsite-suggest-item.goog-menuitem-highlight {
    margin-left: -8px;
    padding-left: 8px
    }
.devsite-suggest-item b {
    font-weight: 500
    }
.devsite-history-footer, .devsite-suggest-footer {
    border-top: 1px solid #ebebeb;
    margin: 8px 0 0;
    padding: 7px 0 8px
    }
.devsite-suggest-footer {
    margin-bottom: -16px
    }
.devsite-history-preferences-link, .devsite-suggest-all-results {
    margin-left: -8px
    }
.devsite-suggestion-fragment + .devsite-suggestion-fragment::before {
    content: "|";
    margin: 0 8px
    }
@media screen and (max-width: 720px) {
    .devsite-popout {
        margin-left: -64px;
        width: calc(100% + 120px)
        }
    .devsite-header-billboard-search-wrapper .devsite-popout {
        margin-left: -32px
        }
    .devsite-history-item, .devsite-suggest-item {
        font: 16px/22px Roboto, sans-serif
        }
    .devsite-suggest-category label {
        font: 14px/22px Roboto, sans-serif
        }
    }
.devsite-header-billboard {
    background: #fff;
    padding: 40px 24px 20px;
    position: relative;
    text-align: center;
    z-index: 8888
    }
.devsite-header-billboard h1 {
    font: 400 44px/52px Google Sans, sans-serif;
    letter-spacing: -0.5px;
    margin: 14px 0;
    overflow: visible;
    padding: 0
    }
.devsite-header-billboard-search-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 7777
    }
.devsite-header-billboard-search-wrapper .devsite-search-form {
    border: 6px solid #fff;
    border-radius: 8px;
    height: 48px;
    margin: -8px 0 48px;
    max-width: 816px;
    width: 100%
    }
.devsite-header-billboard-search-wrapper .devsite-popout {
    max-height: calc(100vh - 234px)
    }
@media screen and (max-width: 1000px) {
    .devsite-header-billboard {
        padding: 24px
        }
    .devsite-header-billboard-search-wrapper {
        margin: 0 24px
        }
    .devsite-header-billboard-search-wrapper .devsite-search-form {
        margin: 0 0 24px
        }
    }
.devsite-user-dropdown {
    position: absolute;
    right: -6px;
    top: 4px;
    width: 100%
    }
.devsite-user-dropdown #gb, .devsite-user-dropdown #gba {
    margin-top: -100px
    }
.devsite-user-dropdown > div > div > div > div > div > div > a {
    display: none
    }
.devsite-wrapper .devsite-user-dropdown > div > div > div > div > div > div + div {
    margin-top: 100px
    }
.devsite-user-avatar, .devsite-user-link, .devsite-user-signin {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
    }
.devsite-user-avatar {
    border-radius: 50%;
    height: 32px;
    margin: 8px 0 8px 24px;
    outline: 0;
    vertical-align: top;
    width: 32px
    }
.devsite-settings-menu-wrapper + .devsite-user-avatar, .devsite-settings-menu-wrapper + .devsite-user-link > .devsite-user-avatar {
    margin: 8px 0 8px 8px
    }
a.devsite-user-signin {
    margin: 6px -8px 6px 16px
    }
@media screen and (max-width: 720px) {
    .devsite-user-avatar {
        margin-left: 16px
        }
    .devsite-settings-menu-wrapper + .devsite-user-avatar, .devsite-settings-menu-wrapper + .devsite-user-link > .devsite-user-avatar {
        margin: 8px 0 8px 4px
        }
    a.devsite-user-signin {
        margin-left: 8px
        }
    }
.devsite-product-id-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 24px 8px
    }
.devsite-header-no-lower-tabs .devsite-product-id-row {
    padding-bottom: 24px
    }
.devsite-product-description-row {
    color: #000;
    font: 20px/36px Roboto, sans-serif
    }
.devsite-breadcrumb-list + .devsite-product-description:not(:empty) {
    margin-top: 16px
    }
.devsite-product-description {
    font: 16px/24px Roboto, sans-serif
    }
.devsite-product-button-row {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: auto 0 auto 24px;
    text-align: right;
    z-index: 1
    }
:not(.cloud-free-trial-eligible) > .cloud-free-trial-button {
    display: none
    }
@media screen and (max-width: 720px) {
    .devsite-product-id-row, .devsite-header-no-lower-tabs .devsite-product-id-row {
        display: block;
        padding: 16px
        }
    .devsite-product-button-row {
        margin: 16px 0 0;
        text-align: left
        }
    }
.devsite-product-platform-row {
    margin: 8px 0;
    padding: 0 24px
    }
.devsite-header-no-lower-tabs .devsite-product-platform-row {
    margin-top: -12px;
    padding-bottom: 24px
    }
.devsite-platform-container {
    display: inline-block
    }
.devsite-platform-container + .devsite-platform-container {
    margin-left: 16px
    }
.devsite-platform-icon-container {
    background: #fff;
    border-radius: 50%;
    height: 40px;
    margin: 0 auto;
    width: 40px
    }
.devsite-platform-icon {
    color: #757575;
    font-size: 24px;
    height: 24px;
    margin: 8px;
    width: 24px
    }
@media screen and (max-width: 1000px) {
    div.devsite-collapsible-section, div.devsite-header-background {
        background-image: none
        }
    }
@media screen and (max-width: 720px) {
    .devsite-product-platform-row {
        padding: 0 16px
        }
    }
.devsite-doc-set-nav-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    padding: 0;
    width: 100%
    }
.devsite-doc-set-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
    }
.devsite-doc-set-nav-tab-list {
    white-space: nowrap
    }
.devsite-doc-set-nav-tab-container {
    display: inline-block;
    margin: 0
    }
.devsite-doc-set-nav-tab {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    color: #5f6368;
    display: inline-block;
    font: 500 14px/44px Roboto, sans-serif;
    margin: 0;
    padding: 0 24px;
    text-transform: uppercase;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
.devsite-doc-set-nav-tab:hover, .devsite-doc-set-nav-tab:focus {
    color: #000;
    text-decoration: none
    }
.devsite-doc-set-nav-row > .devsite-secondary-branding {
    -ms-flex-item-align: center;
    align-self: center;
    color: #5f6368;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font: 400 22px/28px Google Sans, sans-serif;
    padding: 0 24px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
.devsite-doc-set-nav-active {
    border-bottom-color: #1a73e8;
    color: #000
    }
.devsite-header-upper-tabs .devsite-doc-set-nav-tab {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 400;
    text-transform: none
    }
.devsite-header-upper-tabs .devsite-doc-set-nav-tab:hover, .devsite-header-upper-tabs .devsite-doc-set-nav-tab:focus {
    color: rgba(0, 0, 0, 0.87)
    }
.devsite-header-upper-tabs .devsite-doc-set-nav-active {
    border-bottom-color: #1a73e8;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500
    }
.devsite-collapsible-section .devsite-doc-set-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
    }
.devsite-doc-set-nav-row > .devsite-feedback-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 6px 16px 6px 8px
    }
@media screen and (max-width: 720px) {
    .devsite-doc-set-nav-row {
        display: none
        }
    .devsite-doc-set-nav-row > .devsite-secondary-branding {
        display: none
        }
    }
.devsite-nav-tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
    }
.devsite-menu-toggle::before {
    color: rgba(0, 0, 0, 0.54);
    content: "arrow_drop_down";
    font-size: 24px;
    margin-left: -24px;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, transform 0.3s;
    transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s;
    max-width: 24px
    }
.devsite-dropdown-menu-container:hover .devsite-menu-toggle::before, .devsite-dropdown-menu-expanded .devsite-menu-toggle::before {
    color: rgba(0, 0, 0, 0.87);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
    }
.devsite-dropdown-menu-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24), inset 0 4px 6px -4px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24), inset 0 4px 6px -4px rgba(0, 0, 0, 0.24);
    font-size: 13px;
    max-height: 600px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: -650px;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
    visibility: hidden;
    z-index: -1
    }
.devsite-dropdown-menu-container:hover .devsite-dropdown-menu-wrapper, .devsite-dropdown-menu-expanded .devsite-dropdown-menu-wrapper {
    top: 64px;
    visibility: visible;
    overflow-x: auto
    }
.devsite-dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1400px
    }
.devsite-dropdown-menu-overflow, .devsite-dropdown-menu-full {
    left: 0;
    width: 100%
    }
.devsite-dropdown-menu-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 12px;
    max-width: 326px
    }
.devsite-dropdown-menu-column .devsite-nav-item {
    margin: 0 0 20px;
    white-space: normal
    }
.devsite-dropdown-menu-column .devsite-nav-list .devsite-nav-item-heading {
    margin: 0 0 16px;
    padding: 0
    }
.devsite-dropdown-menu-section {
    list-style: none;
    margin: 12px 12px 16px;
    padding-left: 0
    }
.devsite-dropdown-menu-section:last-child {
    margin-bottom: 0
    }
.devsite-header-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px -16px 6px 8px
    }
.devsite-header-link-icon {
    margin-right: 4px
    }
@media screen and (max-width: 1000px) {
    .devsite-header-link {
        display: none
        }
    body[cloud-alternate-top-links-layout] .devsite-header-link {
        display: inherit
        }
    }
.devsite-settings-menu-open-touch {
    cursor: pointer
    }
.devsite-settings-menu-wrapper {
    position: relative
    }
.devsite-home-page-user-row .devsite-settings-menu-wrapper {
    display: none
    }
.devsite-settings-kabob {
    display: block;
    margin: 12px 0 12px 12px
    }
.devsite-settings-menu {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37);
    padding: 8px 0;
    position: absolute;
    right: 0;
    top: 4px;
    white-space: nowrap;
    z-index: 10012
    }
.devsite-settings-menu ul {
    list-style: none;
    padding: 0
    }
.devsite-settings-menu li {
    margin: 0
    }
.devsite-settings-menu-link {
    font: 14px/20px Roboto, sans-serif;
    padding: 4px 16px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
    }
.devsite-settings-menu-link:hover, .devsite-settings-menu-link:focus {
    background: #f7f7f7;
    text-decoration: none
    }
.devsite-settings-menu-link::after {
    content: "open_in_new";
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    padding-left: 8px;
    vertical-align: middle
    }
@media screen and (max-width: 720px) {
    .devsite-settings-kabob {
        margin: 12px 0
        }
    }
.devsite-footer-promos {
    background: #f7f7f7;
    font: 14px/20px Roboto, sans-serif
    }
.devsite-footer-promos-list {
    padding: 20px 4px;
    text-align: center
    }
.devsite-footer-promo {
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    width: 192px
    }
.devsite-footer-promo-icon {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 48px;
    height: 48px;
    margin: 0 auto 8px;
    width: 48px
    }
.devsite-footer-promo-title {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-weight: 500
    }
.devsite-footer-promo-title:hover, .devsite-footer-promo-title:focus {
    color: #039be5;
    text-decoration: none
    }
.devsite-footer-linkboxes {
    background: #263238;
    font: 14px/16px Roboto, sans-serif
    }
.devsite-footer-linkboxes-with-sites {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #263238), color-stop(50%, #37424b));
    background: linear-gradient(90deg, #263238 50%, #37424b 50%)
    }
.devsite-footer-linkboxes-all-backup {
    background: #303c42
    }
.devsite-footer-linkboxes-all-backup.devsite-footer-linkboxes-with-sites {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #303c42), color-stop(50%, #37424b));
    background: linear-gradient(90deg, #303c42 50%, #37424b 50%)
    }
.devsite-footer-linkboxes > .devsite-full-site-width {
    max-width: 1400px
    }
.devsite-footer-linkboxes-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
    }
.devsite-footer-linkbox {
    background: #263238;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    margin: 0;
    padding: 24px 20px 32px
    }
.devsite-footer-linkbox:first-child {
    padding-left: 24px
    }
.devsite-footer-linkbox:last-child {
    padding-right: 24px
    }
.devsite-footer-linkbox-backup {
    background: #303c42
    }
.devsite-footer-linkbox-sites {
    background: #37424b
    }
.devsite-footer-linkbox-logo-link {
    border-bottom: 1px solid #455a64;
    display: block;
    margin: 0 -24px 12px -20px;
    padding: 0 24px 16px 20px
    }
@media screen and (min-width: 1400px) {
    .devsite-footer-linkbox-logo-link {
        border-bottom-color: transparent
        }
    }
.devsite-footer-linkbox-logo {
    margin: -5px 0 0;
    max-width: 181px;
    width: 100%;
    vertical-align: top
    }
.devsite-footer-linkbox-heading {
    color: #fff;
    font: 500 14px/16px Roboto, sans-serif;
    margin: 0 0 8px
    }
.devsite-footer-linkbox-list {
    list-style-type: none;
    padding: 0
    }
.devsite-footer-linkbox-item {
    margin: 0
    }
.devsite-footer-linkbox-item a {
    color: #cfd8dc;
    display: block;
    padding: 8px 0
    }
.devsite-footer-linkbox-item a:hover, .devsite-footer-linkbox-item a:focus {
    color: #fff;
    text-decoration: none
    }
.devsite-utility-footer {
    background: #455a64
    }
.devsite-utility-footer-nav {
    color: #fff;
    overflow: auto;
    padding: 14px 24px
    }
.devsite-utility-footer-nav-left, .devsite-utility-footer-nav-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
.devsite-utility-footer-nav-left {
    float: left
    }
.devsite-utility-footer-nav-right {
    float: right
    }
.devsite-utility-footer-links, .devsite-utility-footer-newsletter-signup-text {
    font-weight: 500;
    margin: 6px 16px 6px 0
    }
.devsite-utility-footer-link {
    color: #fff
    }
.devsite-utility-footer-link:focus {
    text-decoration: underline
    }
.devsite-utility-footer-link + .devsite-utility-footer-link::before {
    content: "|";
    margin: 0 8px
    }
.devsite-utility-footer .devsite-language {
    margin-right: 16px
    }
.devsite-utility-footer .devsite-language .kd-select {
    border-color: #fff;
    min-width: 96px
    }
@media screen and (max-width: 1000px) {
    .devsite-footer-linkboxes-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
        }
    .devsite-footer-linkbox {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
        }
    .devsite-footer-linkbox:only-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
        }
    .devsite-footer-linkbox:nth-last-child(3):first-child, .devsite-footer-linkbox:nth-last-child(3):first-child ~ .devsite-footer-linkbox {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%
        }
    }
@media screen and (max-width: 720px) {
    .devsite-footer-linkbox, .devsite-footer-linkbox:nth-last-child(3):first-child, .devsite-footer-linkbox:nth-last-child(3):first-child ~ .devsite-footer-linkbox {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
        }
    .devsite-footer-promos-list {
        padding: 20px 16px;
        text-align: left
        }
    .devsite-footer-promo {
        margin: 8px
        }
    .devsite-footer-promo-icon {
        float: left;
        height: 32px;
        margin-right: 16px;
        width: 32px
        }
    .devsite-footer-promo-title {
        font-weight: normal;
        line-height: 32px
        }
    .devsite-footer-promo-description {
        display: none
        }
    .devsite-footer-linkbox {
        padding: 24px 16px 24px
        }
    .devsite-footer-linkbox:first-child {
        padding-left: 16px
        }
    .devsite-footer-linkbox:last-child {
        padding-right: 16px
        }
    .devsite-footer-linkbox-logo-link {
        margin: 0 -16px 16px;
        padding: 0 16px 17px
        }
    .devsite-utility-footer-nav {
        padding: 14px 16px
        }
    .devsite-utility-footer-nav-right {
        clear: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: left;
        margin-top: 8px
        }
    .devsite-utility-footer-newsletter-signup-text {
        margin: 0 0 0 16px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
        }
    .devsite-utility-footer-newsletter-signup-button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
        }
    }
.devsite-breadcrumb-list {
    font-family: Google Sans, sans-serif;
    padding: 0;
    white-space: nowrap
    }
.devsite-breadcrumb-item {
    display: inline-block;
    margin: 0
    }
.devsite-breadcrumb-guillemet {
    font-size: 24px;
    margin: 0 4px;
    position: relative;
    top: 6px;
    vertical-align: top;
    width: 24px
    }
.devsite-breadcrumb-guillemet::before {
    content: "chevron_right"
    }
.devsite-breadcrumb-link {
    color: #000;
    display: inline-block;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
.devsite-breadcrumb-link:hover, .devsite-breadcrumb-link:focus {
    color: #5f6368;
    text-decoration: none
    }
.devsite-product-name .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.54)
    }
.devsite-product-name .devsite-breadcrumb-link:hover, .devsite-product-name .devsite-breadcrumb-link:focus {
    color: rgba(0, 0, 0, 0.87)
    }
.devsite-breadcrumb-nav {
    display: none
    }
.devsite-breadcrumb-nav .devsite-breadcrumb-link {
    color: #757575
    }
.devsite-breadcrumb-nav .devsite-breadcrumb-link:hover, .devsite-breadcrumb-nav .devsite-breadcrumb-link:focus {
    color: #1a73e8
    }
.devsite-breadcrumb-nav .devsite-breadcrumb-guillemet {
    font-size: 16px;
    top: 4px;
    width: 16px
    }
@media screen and (max-width: 720px) {
    .devsite-product-name-wrapper .devsite-breadcrumb-item:not(:first-of-type) {
        display: none
        }
    .devsite-product-name-wrapper .devsite-product-name, .devsite-product-name-wrapper .devsite-breadcrumb-list, .devsite-product-name-wrapper .devsite-breadcrumb-item, .devsite-product-name-wrapper .devsite-breadcrumb-link {
        width: 100%
        }
    .devsite-product-name-wrapper .devsite-breadcrumb-link, .devsite-site-name {
        overflow: hidden;
        text-overflow: ellipsis
        }
    .devsite-breadcrumb-nav {
        display: block;
        margin: -16px 0 16px;
        overflow: auto
        }
    }
.devsite-nav {
    font-size: 13px
    }
.devsite-nav ul {
    list-style-type: none;
    padding: 0
    }
.devsite-nav-item {
    line-height: 16px;
    margin: 8px 0 0;
    position: relative
    }
.devsite-nav-item-description {
    color: #757575
    }
.devsite-nav-item-heading {
    font-weight: bold
    }
.devsite-nav-item-heading:not(:first-child) {
    margin-top: 24px
    }
.devsite-page-nav > ul > :first-child, .devsite-page-nav-embedded > ul > :first-child, .devsite-section-nav > ul > :first-child, .devsite-section-nav-responsive > ul > :first-child {
    margin-top: 0
    }
.devsite-nav-title {
    color: #212121;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.devsite-nav-has-status > .devsite-nav-title {
    overflow: visible
    }
.devsite-nav-title[href]:hover, .devsite-nav-title[href]:focus {
    text-decoration: none;
    color: #1a73e8
    }
.devsite-nav-deprecated .devsite-nav-title {
    color: #bdbdbd
    }
.devsite-nav-active, .devsite-nav-active .devsite-nav-title, .devsite-nav-responsive-tabs .devsite-nav-item-heading > .devsite-nav-title.devsite-nav-active {
    color: #1a73e8;
    font-weight: 500
    }
.devsite-page-nav-embedded .devsite-nav-title {
    display: inline-block;
    overflow: visible
    }
.devsite-nav-text {
    display: inline-block;
    max-width: calc(100% - 22px);
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom
    }
.devsite-nav-icon-wrapper {
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    vertical-align: top;
    width: 18px
    }
.devsite-nav-icon {
    color: #757575;
    cursor: default;
    display: block;
    font-size: 18px;
    margin: -1px 0
    }
.devsite-nav-icon::before {
    content: "info"
    }
.devsite-nav-deprecated > * > .devsite-nav-icon-wrapper .devsite-nav-icon::before {
    color: #bdbdbd;
    content: "not_interested"
    }
.devsite-nav-alpha > * > .devsite-nav-icon-wrapper .devsite-nav-icon::before, .devsite-nav-beta > * > .devsite-nav-icon-wrapper .devsite-nav-icon::before, .devsite-nav-experimental > * > .devsite-nav-icon-wrapper .devsite-nav-icon::before {
    content: url(../images/redesign-14/nav-status-experimental.svg)
    }
.devsite-nav-external > * > .devsite-nav-icon-wrapper .devsite-nav-icon::before {
    content: "open_in_new"
    }
.devsite-nav-limited > * > .devsite-nav-icon-wrapper .devsite-nav-icon::before {
    content: "verified_user"
    }
.devsite-nav-new > * > .devsite-nav-icon-wrapper .devsite-nav-icon::before {
    content: "new_releases"
    }
.devsite-section-nav {
    background: #f7f7f7;
    float: left;
    margin-right: 40px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 12px 16px 16px;
    width: 280px
    }
.devsite-nav-list > .devsite-nav-item-heading {
    border-top: 1px solid #cfd8dc;
    margin: 15px -16px 0;
    padding: 16px 16px 0
    }
.devsite-nav-list > .devsite-nav-item-heading:last-child {
    border-bottom: 1px solid #cfd8dc;
    padding-bottom: 15px
    }
.devsite-nav-item-section-expandable.devsite-nav-accordion {
    border-top: 1px solid #cfd8dc;
    margin: 16px -16px -16px;
    padding: 15px 16px 16px
    }
.devsite-nav-item-section-expandable.devsite-nav-accordion > .devsite-nav-title {
    color: #757575;
    font-weight: bold;
    padding-right: 24px
    }
.devsite-nav-item-heading.devsite-nav-divider {
    background: #eceff1;
    font: 400 12px/16px Roboto, sans-serif;
    margin-bottom: -16px;
    padding: 7px 16px 8px;
    text-transform: uppercase
    }
.devsite-nav-list > .devsite-nav-item-heading:first-child, .devsite-nav-item-section-expandable.devsite-nav-accordion:first-child {
    border: 0;
    padding-top: 0
    }
.devsite-nav-item-section-expandable.devsite-nav-accordion:first-child > .devsite-nav-toggle::before {
    top: -5px
    }
.devsite-nav-item-heading.devsite-nav-divider:first-child {
    border: 0;
    margin-top: -16px;
    padding-top: 8px
    }
.devsite-nav-item-heading > .devsite-nav-title {
    color: #757575
    }
.devsite-nav-item-heading > .devsite-secondary-branding {
    font-weight: normal;
    margin: 10px 0
    }
.devsite-nav-item-heading > .devsite-secondary-branding:first-child {
    color: #757575;
    font-weight: bold;
    margin: 0
    }
.devsite-nav-section {
    overflow: hidden
    }
.devsite-nav-section-collapsed {
    display: none
    }
.devsite-nav-expandable .devsite-nav-item {
    padding-left: 16px
    }
.devsite-nav-only-accordions > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider) {
    padding: 0
    }
.devsite-nav-item-section-expandable > .devsite-nav-title-no-path {
    cursor: pointer
    }
.devsite-nav-item-section-expandable > .devsite-nav-title-no-path:focus {
    color: #03a9f4;
    outline: 0;
    text-decoration: none
    }
.devsite-nav-toggle {
    color: #bdbdbd;
    cursor: pointer;
    font-size: 18px;
    position: absolute
    }
.devsite-nav-toggle::before {
    content: "arrow_drop_down";
    left: -21px;
    position: absolute;
    top: -18px
    }
.devsite-nav-toggle-collapsed::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
    }
.devsite-nav-accordion > .devsite-nav-toggle {
    font-size: 24px;
    right: 0;
    top: 0
    }
.devsite-nav-accordion > .devsite-nav-toggle::before {
    content: "expand_less";
    left: auto;
    right: 12px;
    top: 10px
    }
.devsite-nav-accordion > .devsite-nav-toggle-collapsed::before {
    content: "expand_more";
    -webkit-transform: none;
    transform: none
    }
.devsite-nav-break {
    margin: 12px;
    visibility: hidden
    }
body[cloud-alternate-top-links-layout] .hide-on-large:hover a::after {
    display: none
    }
@media screen and (max-width: 720px) {
    .devsite-section-nav {
        display: none
        }
    }
@media screen and (min-width: 1201px) {
    .devsite-has-apix .devsite-section-nav {
        width: 216px
        }
    }
@media screen and (min-width: 947px) {
    body[cloud-alternate-top-links-layout] .hide-on-small {
        display: inherit
        }
    body[cloud-alternate-top-links-layout] .hide-on-large {
        display: none
        }
    }
@media screen and (max-width: 946px) {
    body[cloud-alternate-top-links-layout] .hide-on-small {
        display: none
        }
    body[cloud-alternate-top-links-layout] .hide-on-large {
        display: inherit;
        position: relative
        }
    body[cloud-alternate-top-links-layout] .hide-on-large a.devsite-nav-tab {
        position: relative
        }
    }
.devsite-nav-responsive {
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    height: 100%;
    max-width: 280px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
    visibility: hidden;
    white-space: nowrap;
    width: calc(100% - 64px);
    z-index: 10012
    }
.devsite-nav-responsive-open {
    left: 0 !important;
    visibility: visible
    }
.devsite-nav-responsive-no-animate {
    -webkit-transition: none;
    transition: none
    }
.devsite-nav-responsive-tabs-panel, .devsite-nav-responsive-sidebar-panel, .devsite-nav-responsive-index-panel {
    display: inline-block;
    margin: 0 16px;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translatex(0);
    transform: translatex(0);
    vertical-align: top;
    width: calc(100% - 32px)
    }
.devsite-nav-responsive-sidebar-panel:only-child {
    margin: 16px
    }
.devsite-nav-responsive-transition {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s
    }
.devsite-nav-responsive-transform {
    display: inline-block;
    -webkit-transform: translatex(-100%);
    transform: translatex(-100%)
    }
.devsite-nav-responsive-tabs .devsite-nav-responsive-tabs .devsite-nav-item-heading {
    border: 0;
    font-weight: 400;
    margin: 16px 0;
    padding: 0 0 0 16px
    }
.devsite-nav-responsive-tabs .devsite-nav-responsive-tabs .devsite-nav-item-heading > .devsite-nav-title:not(.devsite-nav-active):not(.devsite-secondary-branding) {
    color: #212121
    }
.devsite-nav-index-forward, .devsite-nav-responsive-forward {
    cursor: pointer;
    outline: 0;
    padding-right: 24px;
    position: relative
    }
.devsite-nav-index-forward::before, .devsite-nav-responsive-forward::before {
    content: "arrow_forward";
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    position: absolute;
    right: 0;
    top: -4px
    }
.devsite-nav-index-forward {
    font-weight: normal;
    margin: 10px 0
    }
.devsite-expand-section-nav, .devsite-nav-responsive-close, .devsite-nav-responsive-back {
    margin: 12px 24px 12px 0
    }
.devsite-expand-section-nav::before {
    content: "menu"
    }
.devsite-nav-responsive-close::before {
    content: "close"
    }
.devsite-nav-index-back::before, .devsite-nav-responsive-back::before {
    content: "arrow_back"
    }
.devsite-nav-index {
    color: #212121;
    cursor: pointer;
    font-weight: 400;
    margin: 16px 0;
    padding: 0 0 0 16px
    }
.devsite-mobile-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #bdbdbd;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    margin: 0 -16px;
    padding: 0 24px;
    position: relative
    }
@media screen and (max-width: 720px) {
    .devsite-expand-section-nav, .devsite-nav-responsive-close, .devsite-nav-responsive-back, .devsite-nav-index-back {
        display: inline-block;
        margin: 12px 16px 12px 0
        }
    .devsite-mobile-header {
        padding: 0 16px
        }
    }
.devsite-page-nav, .devsite-page-nav-embedded {
    border-left: 4px solid #039be5
    }
.devsite-page-nav {
    background: #fff;
    float: right;
    overflow-x: hidden;
    overflow-y: auto;
    width: 160px;
    z-index: 10000
    }
#contain-402 {
    z-index: 10001 !important
    }
.devsite-page-nav-embedded {
    display: none;
    overflow-y: visible
    }
.devsite-page-nav-list {
    margin-left: 12px
    }
.devsite-nav-show-all, .devsite-nav-show-all:focus, .devsite-nav-show-all:hover {
    color: #757575;
    height: 24px;
    margin-left: 4px;
    min-width: 20px;
    padding: 0;
    position: absolute;
    top: -4px
    }
.devsite-nav-show-all::before {
    content: "expand_more"
    }
.devsite-nav-open::before {
    content: "expand_less"
    }
.devsite-page-nav-embedded .devsite-nav-item-hidden {
    display: none
    }
.devsite-nav-more-items {
    color: #757575
    }
.devsite-nav-more-items::before {
    content: "more_horiz"
    }
.devsite-nav-more-items.devsite-nav-more-items-close::before {
    content: "expand_less"
    }
@media screen and (max-width: 1200px) {
    .devsite-page-nav {
        display: none
        }
    .devsite-page-nav-embedded:not(:empty) {
        display: block;
        margin: 20px 0 24px
        }
    }
#table-of-contents, h2#contents, h3#contents, h2.toc, h3.toc, div.toc:not(.class):not(.group):not(.type):not(.interface), section.toc, ol.toc, ul.toc, .inline-toc, #tb-wrapper, #qv-wrapper {
    display: none
    }
ol.toc, ol.toc ol, ol.toc ul {
    list-style-type: none
    }
.devsite-content-footer {
    border-top: 1px solid #ebebeb;
    clear: both;
    color: #757575;
    font: italic 13px/20px Roboto, sans-serif;
    margin-top: 16px
    }
.devsite-content-footer-date {
    margin-bottom: 0
    }
.MathJax_SVG_Display {
    overflow-x: auto
    }
@media screen and (max-width: 720px) {
    .MathJax_SVG_Display {
        margin: 1em -16px !important;
        padding: 0 16px 16px;
        width: calc(100% + 32px) !important
        }
    }
.framebox {
    margin: -20px
    }
.devsite-framebox {
    overflow: hidden;
    padding: 20px
    }
.quickstart-step {
    margin: 16px 0
    }
.quickstart-left {
    float: left;
    margin-right: 40px
    }
.quickstart-right {
    background: #f7f7f7;
    float: right;
    text-align: center
    }
.quickstart-wide {
    width: calc(100% - 200px)
    }
.quickstart-end {
    margin-top: 60px
    }
@media screen and (max-width: 1000px) {
    .quickstart-left, .quickstart-right, .quickstart-wide {
        float: none;
        width: 100%;
        margin: 16px 0
        }
    }
.devsite-search-project {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 39px;
    margin-bottom: 40px
    }
.devsite-projectless-search-link, .devsite-search-term {
    font-weight: bold
    }
.devsite-page-title .devsite-search-term {
    color: #757575;
    font-weight: 400
    }
aside + .devsite-search-results, .devsite-search-results-restricted aside {
    margin-top: 40px
    }
.devsite-search-results-heading {
    line-height: 24px;
    margin: 40px 0 0
    }
.devsite-search-results-path {
    color: #0d904f;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.devsite-search-results-path, .devsite-search-results-content {
    margin: 0
    }
.devsite-search-loading-restricted {
    border-top: 1px solid #ebebeb;
    margin-top: 40px;
    padding-top: 19px;
    text-align: center
    }
.devsite-search-results table {
    border-collapse: inherit;
    margin: 0
    }
.devsite-search-results tr {
    background: #fff;
    border: 0
    }
.devsite-search-results td {
    padding: 0
    }
.devsite-search-results {
    margin: -8px
    }
.devsite-search-results-references {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    float: right;
    padding: 20px 20px 20px 28px;
    position: relative;
    width: 480px
    }
@media screen and (max-width: 1000px) {
    .devsite-search-results-references {
        display: none
        }
    }
.devsite-search-results-references h3 {
    margin-top: 0
    }
.devsite-search-results-references + .devsite-article {
    margin-left: 0
    }
aside + .devsite-search-results {
    margin: 0 -8px
    }
.devsite-search-results .gsc-control-cse, .devsite-search-results .gsc-control-cse .gsc-table-result {
    font: 400 16px/24px Roboto, sans-serif
    }
.devsite-search-results .gsc-above-wrapper-area {
    display: none
    }
.devsite-search-results .gsc-control-cse {
    background: 0;
    border: 0;
    padding: 0
    }
.devsite-search-results .gsc-webResult.gsc-result, .devsite-search-results .gsc-webResult.gsc-result:hover, .devsite-search-results .gsc-results .gsc-imageResult {
    background: 0;
    border: 0
    }
.devsite-search-results .gsc-control-cse .gs-webResult.gs-result a.gs-title:visited, .devsite-search-results .gsc-control-cse .gs-webResult.gs-result a.gs-title:visited b, .devsite-search-results .gsc-control-cse .gs-imageResult a.gs-title:visited, .devsite-search-results .gsc-control-cse .gs-imageResult a.gs-title:visited b, .devsite-search-results .gsc-control-cse .gs-result .gs-title, .devsite-search-results .gsc-control-cse .gs-result .gs-title * {
    color: #1a73e8;
    font: 500 16px/24px Roboto, sans-serif;
    height: auto;
    text-decoration: none
    }
.devsite-search-results .gsc-control-cse .gs-webResult.gs-result a.gs-title:focus, .devsite-search-results .gsc-control-cse .gs-imageResult a.gs-title:focus, .devsite-search-results .gsc-control-cse .gs-result .gs-title:focus {
    text-decoration: underline
    }
.devsite-search-results .gsc-control-cse .gs-result .gs-title b {
    font-weight: bold
    }
.devsite-search-results .gs-webResult div.gs-visibleUrl, .devsite-search-results .gs-imageResult div.gs-visibleUrl {
    color: #0d904f;
    font-size: 14px
    }
.devsite-search-results .gs-no-results-result .gs-snippet, .devsite-search-results .gs-error-result .gs-snippet {
    background: 0;
    border: 0;
    color: #212121
    }
.devsite-search-results .gcsc-branding {
    display: none
    }
.devsite-support-form-hidden {
    display: none
    }
.devsite-support-form-field {
    margin: 8px 0
    }
.devsite-support-form-field input:not([type="checkbox"]):not([type="radio"]), .devsite-support-form-field select, .devsite-support-form-field textarea {
    width: 100%
    }
.devsite-support-form-cc {
    color: #757575;
    display: block;
    font-size: 13px
    }
.devsite-support-form-half {
    display: inline-block;
    margin-right: 20px
    }
.devsite-support-quota {
    font: italic 400 12px/20px Roboto, sans-serif;
    margin-top: 8px
    }
.devsite-support-quota-help {
    font-size: 18px;
    margin-left: 4px;
    vertical-align: top
    }
.devsite-support-quota-help::after {
    content: "help";
    color: #bdbdbd
    }
@media screen and (max-width: 720px) {
    .devsite-support-form-half {
        width: 100%
        }
    }
.devsite-404-wrapper {
    margin: 0 -10000px;
    padding: 0 10000px
    }
.devsite-404-header h3 {
    color: #039be5;
    font: 400 64px/64px Roboto Mono, monospace
    }
.devsite-search-form.devsite-error-search {
    background: #f7f7f7
    }
.devsite-high-contrast .devsite-search-form.devsite-error-search {
    background: #039be5
    }
.devsite-search-form.devsite-error-search:hover {
    background: #ebebeb
    }
.devsite-high-contrast .devsite-search-form.devsite-error-search:hover {
    background: #03a9f4
    }
.devsite-high-contrast .devsite-search-active .devsite-search-form.devsite-error-search, .devsite-search-active .devsite-search-form.devsite-error-search {
    background: #f7f7f7
    }
.devsite-error-search .devsite-search-image {
    color: rgba(0, 0, 0, 0.54)
    }
.devsite-error-search input.devsite-search-field {
    color: rgba(0, 0, 0, 0.54)
    }
.devsite-search-form.devsite-error-search ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.54)
    }
.devsite-search-form.devsite-error-search :-moz-placeholder {
    color: rgba(0, 0, 0, 0.54)
    }
.devsite-search-form.devsite-error-search ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.54)
    }
.devsite-search-form.devsite-error-search :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54)
    }
.devsite-404-links {
    border-top: 1px solid #f1f3f4;
    margin: 79px -10000px 0;
    padding: 0 10000px
    }
.devsite-404-links:empty {
    display: none
    }
.devsite-404-links-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
    }
.devsite-404-links-list-item {
    -webkit-box-flex: 0;
    margin-left: 40px
    }
.devsite-404-links-list-item:nth-of-type(4n+1) {
    margin-left: 0
    }
@media screen and (max-width: 720px) {
    .devsite-404-links-list-item {
        -webkit-box-flex: 0
        }
    .devsite-404-links-list-item:nth-of-type(2n+1) {
        margin-left: 0
        }
    }
.devsite-landing-page .devsite-main-content {
    margin: 0 auto
    }
.devsite-landing-page .devsite-article {
    margin: 0;
    max-width: none;
    width: 100%
    }
.devsite-landing-page .devsite-content-footer {
    margin-top: 80px
    }
.devsite-landing-page-with-side-navs .devsite-section-nav {
    z-index: 10000
    }
.devsite-landing-page-with-side-navs .devsite-article {
    margin-left: 296px;
    width: calc(100% - 496px)
    }
@media screen and (max-width: 1200px) {
    .devsite-landing-page-with-side-navs .devsite-article {
        width: calc(100% - 296px)
        }
    }
@media screen and (max-width: 720px) {
    .devsite-landing-page-with-side-navs .devsite-article {
        margin: 0;
        width: 100%
        }
    }
.devsite-landing-page-with-side-navs .devsite-main-content {
    margin: 40px auto;
    max-width: 1400px;
    padding: 0 24px
    }
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) {
    padding: 40px 0 0
    }
.devsite-landing-page-with-side-navs .devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee):first-child {
    padding-top: 0
    }
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .devsite-landing-row.devsite-background, .devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee) + .devsite-landing-row-cta {
    margin-top: 40px
    }
.devsite-landing-row:not(.devsite-background):not(.devsite-landing-row-cta):not(.devsite-landing-row-marquee):last-child {
    padding-bottom: 40px
    }
.devsite-landing-row.devsite-background {
    margin: 0 -10000px;
    padding: 40px 10000px
    }
.devsite-landing-page-with-side-navs .devsite-landing-row.devsite-background {
    margin: 0;
    padding: 40px
    }
.devsite-background-theme {
    background-color: #039be5
    }
.devsite-background-blue-grey {
    background: #607d8b
    }
.devsite-background-cyan {
    background: #4dd0e1
    }
.devsite-background-deep-orange {
    background: #ff5722
    }
.devsite-background-deep-purple {
    background: #673ab7
    }
.devsite-background-google-blue {
    background: #4285f4
    }
.devsite-background-google-green {
    background: #00c853
    }
.devsite-background-google-red {
    background: #db4437
    }
.devsite-background-google-yellow {
    background: #f5c04c
    }
.devsite-background-grey {
    background-color: #f7f7f7
    }
.devsite-background-indigo {
    background: #3f51b5
    }
.devsite-background-light-blue {
    background: #0288d1
    }
.devsite-background-light-green {
    background: #aed581
    }
.devsite-background-orange {
    background: #ffb74d
    }
.devsite-background-pink {
    background: #e91e63
    }
.devsite-background-purple {
    background: #9c27b0
    }
.devsite-background-teal {
    background: #009688
    }
.devsite-background:not(.devsite-landing-row-cards), .devsite-background h2, .devsite-background:not(.devsite-landing-row-cards) h3 {
    color: #fff
    }
.devsite-background-theme:not(.devsite-landing-row-cards), .devsite-background-theme h2, .devsite-background-theme:not(.devsite-landing-row-cards) h3 {
    color: #fff
    }
.devsite-background-cyan:not(.devsite-landing-row-cards), .devsite-background-cyan h2, .devsite-background-cyan:not(.devsite-landing-row-cards) h3, .devsite-background-google-yellow:not(.devsite-landing-row-cards), .devsite-background-google-yellow h2, .devsite-background-google-yellow:not(.devsite-landing-row-cards) h3, .devsite-background-light-green:not(.devsite-landing-row-cards), .devsite-background-light-green h2, .devsite-background-light-green:not(.devsite-landing-row-cards) h3, .devsite-background-orange:not(.devsite-landing-row-cards), .devsite-background-orange h2, .devsite-background-orange:not(.devsite-landing-row-cards) h3 {
    color: #212121
    }
.devsite-background-grey h2 {
    color: inherit
    }
.devsite-background-grey:not(.devsite-landing-row-cards), .devsite-background-grey:not(.devsite-landing-row-cards) h3 {
    color: #212121
    }
.devsite-background-grey:not(.devsite-landing-row-cards) .devsite-background h3 {
    color: inherit
    }
.devsite-background .devsite-landing-row-description {
    color: #fff
    }
.devsite-background-theme .devsite-landing-row-description {
    color: #fff
    }
.devsite-background-cyan .devsite-landing-row-description, .devsite-background-google-yellow .devsite-landing-row-description, .devsite-background-grey .devsite-landing-row-description, .devsite-background-light-green .devsite-landing-row-description, .devsite-background-orange .devsite-landing-row-description {
    color: #212121
    }
.devsite-background :link:not(.button), .devsite-background :visited:not(.button) {
    color: #fff
    }
.devsite-background-theme :link:not(.button), .devsite-background-theme :visited:not(.button) {
    color: #fff
    }
.devsite-background-grey :link:not(.button), .devsite-background-grey :visited:not(.button) {
    color: #1a73e8
    }
.devsite-background-cyan :link:not(.button), .devsite-background-cyan :visited:not(.button), .devsite-background-google-yellow :link:not(.button), .devsite-background-google-yellow :visited:not(.button), .devsite-background-light-green :link:not(.button), .devsite-background-light-green :visited:not(.button), .devsite-background-orange :link:not(.button), .devsite-background-orange :visited:not(.button) {
    color: #212121
    }
.devsite-background:not(.devsite-background-grey) :link > *:not(.material-icons):hover, .devsite-background:not(.devsite-background-grey) :focus > *:not(.material-icons), .devsite-background:not(.devsite-background-grey) p > a:not(.button) {
    text-decoration: underline
    }
.devsite-background:not(.devsite-background-grey) p > a:focus {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.devsite-foreground-theme a:not(.button), .devsite-foreground-theme a:not(.button) h2, .devsite-foreground-theme a:not(.button) h3 {
    color: #039be5
    }
.devsite-foreground-grey a:not(.button), .devsite-foreground-grey a:not(.button) h2, .devsite-foreground-grey a:not(.button) h3 {
    color: #757575
    }
.devsite-foreground-blue-grey a:not(.button), .devsite-foreground-blue-grey a:not(.button) h2, .devsite-foreground-blue-grey a:not(.button) h3 {
    color: #607d8b
    }
.devsite-foreground-cyan a:not(.button), .devsite-foreground-cyan a:not(.button) h2, .devsite-foreground-cyan a:not(.button) h3 {
    color: #00bcd4
    }
.devsite-foreground-deep-orange a:not(.button), .devsite-foreground-deep-orange a:not(.button) h2, .devsite-foreground-deep-orange a:not(.button) h3 {
    color: #ff5722
    }
.devsite-foreground-deep-purple a:not(.button), .devsite-foreground-deep-purple a:not(.button) h2, .devsite-foreground-deep-purple a:not(.button) h3 {
    color: #673ab7
    }
.devsite-foreground-google-blue a:not(.button), .devsite-foreground-google-blue a:not(.button) h2, .devsite-foreground-google-blue a:not(.button) h3 {
    color: #4285f4
    }
.devsite-foreground-google-green a:not(.button), .devsite-foreground-google-green a:not(.button) h2, .devsite-foreground-google-green a:not(.button) h3 {
    color: #00c853
    }
.devsite-foreground-google-red a:not(.button), .devsite-foreground-google-red a:not(.button) h2, .devsite-foreground-google-red a:not(.button) h3 {
    color: #db4437
    }
.devsite-foreground-google-yellow a:not(.button), .devsite-foreground-google-yellow a:not(.button) h2, .devsite-foreground-google-yellow a:not(.button) h3 {
    color: #f4b400
    }
.devsite-foreground-indigo a:not(.button), .devsite-foreground-indigo a:not(.button) h2, .devsite-foreground-indigo a:not(.button) h3 {
    color: #3f51b5
    }
.devsite-foreground-light-blue a:not(.button), .devsite-foreground-light-blue a:not(.button) h2, .devsite-foreground-light-blue a:not(.button) h3 {
    color: #0288d1
    }
.devsite-foreground-light-green a:not(.button), .devsite-foreground-light-green a:not(.button) h2, .devsite-foreground-light-green a:not(.button) h3 {
    color: #8bc34a
    }
.devsite-foreground-orange a:not(.button), .devsite-foreground-orange a:not(.button) h2, .devsite-foreground-orange a:not(.button) h3 {
    color: #fb8c00
    }
.devsite-foreground-pink a:not(.button), .devsite-foreground-pink a:not(.button) h2, .devsite-foreground-pink a:not(.button) h3 {
    color: #e91e63
    }
.devsite-foreground-purple a:not(.button), .devsite-foreground-purple a:not(.button) h2, .devsite-foreground-purple a:not(.button) h3 {
    color: #9c27b0
    }
.devsite-foreground-teal a:not(.button), .devsite-foreground-teal a:not(.button) h2, .devsite-foreground-teal a:not(.button) h3 {
    color: #009688
    }
.devsite-foreground :link > *:not(.material-icons):hover, .devsite-foreground :focus > *:not(.material-icons) {
    text-decoration: underline
    }
.devsite-landing-row-cta {
    background-color: #039be5;
    color: #fff;
    margin: 0 -10000px;
    padding: 40px 10000px;
    text-align: center
    }
.devsite-landing-row-cta .devsite-landing-row-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
.devsite-landing-row-cta h3 {
    font: 400 32px/40px Google Sans, sans-serif;
    letter-spacing: 0;
    margin-bottom: 16px
    }
.devsite-landing-row-cta.devsite-landing-row-1-up .devsite-landing-row-item-description {
    margin: 0
    }
.devsite-landing-row-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 32px
    }
.devsite-landing-row-header-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
    }
.devsite-landing-row h2 {
    border-bottom: 0;
    padding-bottom: 0
    }
.devsite-landing-row-header-text > h2 {
    margin: 0
    }
.devsite-landing-row:not(.devsite-background):not(.devsite-foreground) .devsite-landing-row-description {
    color: #757575
    }
h2 + .devsite-landing-row-description {
    margin: 16px 0 0
    }
.devsite-landing-row-header-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: -4px
    }
.devsite-landing-row-header-buttons > .button {
    margin: 4px
    }
@media screen and (max-width: 720px) {
    .devsite-landing-row-header {
        display: block
        }
    .devsite-landing-row-header-buttons {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
        }
    .devsite-landing-row-header-text + .devsite-landing-row-header-buttons {
        display: block;
        margin: 16px 0 0 -4px
        }
    }
.devsite-landing-row-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
    }
.devsite-landing-row-column > .devsite-landing-row-item:not(:first-child) {
    margin-top: 32px
    }
.devsite-landing-row-column, .devsite-landing-row-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    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;
    -ms-flex-direction: row;
    flex-direction: row
    }
.devsite-landing-row-1-up.devsite-landing-row-100 .devsite-landing-row-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
.devsite-landing-row-column:not(:first-child), .devsite-landing-row-item:not(:first-child) {
    margin-left: 40px
    }
.devsite-landing-row-column > .devsite-landing-row-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 0
    }
.devsite-landing-row-item.devsite-foreground-theme :link h2, .devsite-landing-row-item.devsite-foreground-theme :link h3 {
    color: #039be5
    }
.devsite-landing-row-item.devsite-foreground-grey :link h2, .devsite-landing-row-item.devsite-foreground-grey :link h3 {
    color: #757575
    }
.devsite-landing-row-item.devsite-foreground-blue-grey :link h2, .devsite-landing-row-item.devsite-foreground-blue-grey :link h3 {
    color: #607d8b
    }
.devsite-landing-row-item.devsite-foreground-cyan :link h2, .devsite-landing-row-item.devsite-foreground-cyan :link h3 {
    color: #00bcd4
    }
.devsite-landing-row-item.devsite-foreground-deep-orange :link h2, .devsite-landing-row-item.devsite-foreground-deep-orange :link h3 {
    color: #ff5722
    }
.devsite-landing-row-item.devsite-foreground-deep-purple :link h2, .devsite-landing-row-item.devsite-foreground-deep-purple :link h3 {
    color: #673ab7
    }
.devsite-landing-row-item.devsite-foreground-google-blue :link h2, .devsite-landing-row-item.devsite-foreground-google-blue :link h3 {
    color: #4285f4
    }
.devsite-landing-row-item.devsite-foreground-google-green :link h2, .devsite-landing-row-item.devsite-foreground-google-green :link h3 {
    color: #00c853
    }
.devsite-landing-row-item.devsite-foreground-google-red :link h2, .devsite-landing-row-item.devsite-foreground-google-red :link h3 {
    color: #db4437
    }
.devsite-landing-row-item.devsite-foreground-google-yellow :link h2, .devsite-landing-row-item.devsite-foreground-google-yellow :link h3 {
    color: #f4b400
    }
.devsite-landing-row-item.devsite-foreground-indigo :link h2, .devsite-landing-row-item.devsite-foreground-indigo :link h3 {
    color: #3f51b5
    }
.devsite-landing-row-item.devsite-foreground-light-blue :link h2, .devsite-landing-row-item.devsite-foreground-light-blue :link h3 {
    color: #0288d1
    }
.devsite-landing-row-item.devsite-foreground-light-green :link h2, .devsite-landing-row-item.devsite-foreground-light-green :link h3 {
    color: #8bc34a
    }
.devsite-landing-row-item.devsite-foreground-orange :link h2, .devsite-landing-row-item.devsite-foreground-orange :link h3 {
    color: #fb8c00
    }
.devsite-landing-row-item.devsite-foreground-pink :link h2, .devsite-landing-row-item.devsite-foreground-pink :link h3 {
    color: #e91e63
    }
.devsite-landing-row-item.devsite-foreground-purple :link h2, .devsite-landing-row-item.devsite-foreground-purple :link h3 {
    color: #9c27b0
    }
.devsite-landing-row-item.devsite-foreground-teal :link h2, .devsite-landing-row-item.devsite-foreground-teal :link h3 {
    color: #009688
    }
@media screen and (max-width: 1000px) {
    .devsite-landing-row:not(.devsite-landing-row-logos):not(.nothing) .devsite-landing-row-item:not(:first-child) {
        margin: 40px 0 0
        }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child), .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(2) {
        margin: 0 0 0 40px
        }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(3) {
        margin: 40px 0 0
        }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(4), .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(4) {
        margin: 40px 0 0 40px
        }
    .devsite-landing-row:not(.devsite-landing-row-4-up):not(.devsite-landing-row-cards) .devsite-landing-row-item-no-image:not(:first-child) {
        margin: 0 0 0 40px
        }
    .devsite-landing-row-group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
        }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item {
        width: 100%
        }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item:not(:first-child) {
        margin: 40px 0 0
        }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-image), .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-image) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 0
        }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item, .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
        }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(2) {
        margin: 0 0 0 40px
        }
    .devsite-landing-row-3-up.devsite-landing-row-cards .devsite-landing-row-item-hidden:nth-of-type(3) {
        display: none
        }
    .devsite-landing-row-4-up.devsite-landing-row-cards .devsite-landing-row-item-hidden:nth-of-type(3), .devsite-landing-row-4-up.devsite-landing-row-cards .devsite-landing-row-item-hidden:nth-of-type(3) ~ .devsite-landing-row-item-hidden {
        display: none
        }
    .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item-hidden:nth-of-type(n+3) {
        display: none
        }
    }
@media screen and (max-width: 720px) {
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-group {
        display: block
        }
    .devsite-landing-row-1-up .devsite-landing-row-column, .devsite-landing-row-1-up .devsite-landing-row-item, .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-image), .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(.devsite-landing-row-item-no-image) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
        }
    .devsite-landing-row-2-up .devsite-landing-row-column, .devsite-landing-row-3-up .devsite-landing-row-column, .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column, .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
        }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child), .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child), .devsite-landing-row:not(.devsite-landing-row-logos):not(.nothing) .devsite-landing-row-item:not(:first-child), .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-column:nth-of-type(even), .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-of-type(even), .devsite-landing-row-logos .devsite-landing-row-column:nth-child(n+3), .devsite-landing-row-logos .devsite-landing-row-item:nth-child(n+3) {
        margin: 40px 0 0
        }
    .devsite-landing-row .devsite-landing-row-item-no-image {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
        }
    .devsite-landing-row-3-up.devsite-landing-row-logos .devsite-landing-row-column:not(:first-child), .devsite-landing-row-3-up.devsite-landing-row-logos .devsite-landing-row-item:not(:first-child) {
        margin: 0
        }
    .devsite-landing-row-logos .devsite-landing-row-item:nth-child(even) {
        margin-left: 40px
        }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column {
        width: 100%
        }
    .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item-hidden {
        display: none
        }
    .devsite-landing-row-4-up.devsite-landing-row-logos .devsite-landing-row-item-hidden:nth-of-type(3), .devsite-landing-row-4-up.devsite-landing-row-logos .devsite-landing-row-item-hidden:nth-of-type(3) ~ .devsite-landing-row-item-hidden {
        display: none
        }
    }
.devsite-landing-row-item-code, .devsite-landing-row-item-image, .devsite-landing-row-item-media {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 32px;
    min-width: 0;
    width: 100%
    }
.devsite-landing-row-item.devsite-background .devsite-landing-row-item-code, .devsite-landing-row-item.devsite-background .devsite-landing-row-item-image, .devsite-landing-row-item.devsite-background .devsite-landing-row-item-media {
    margin: 0
    }
.devsite-landing-row-item.devsite-background .devsite-landing-row-item-description {
    padding: 16px
    }
.devsite-landing-row-item-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
    }
.devsite-landing-row-item .devsite-landing-row-item-buttons {
    margin: auto 0 -8px -12px;
    padding-top: 8px
    }
.devsite-landing-row-1-up .devsite-landing-row-item-code, .devsite-landing-row-1-up .devsite-landing-row-item-image, .devsite-landing-row-1-up .devsite-landing-row-item-media {
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
    }
.devsite-landing-row-1-up .devsite-landing-row-item-description {
    display: block;
    -webkit-box-flex: 0;
    margin: 0 40px 0 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
    }
.devsite-landing-row-1-up.devsite-landing-row-100 .devsite-landing-row-item-description {
    margin: 0
    }
.devsite-landing-row-1-up .devsite-landing-row-item-image-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
    }
.devsite-landing-row-1-up .devsite-landing-row-item-image-left + .devsite-landing-row-item-description {
    margin: 0 0 0 40px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
    }
.devsite-landing-row-100 .devsite-landing-row-item-code, .devsite-landing-row-100 .devsite-landing-row-item-image, .devsite-landing-row-100 .devsite-landing-row-item-media {
    margin: 32px 0 0;
    width: 100%
    }
.devsite-landing-row-item-description h2, .devsite-landing-row-large-headings h3, .devsite-landing-row h3:first-child, .devsite-landing-row h4:first-child, .devsite-landing-row h5:first-child, .devsite-landing-row h6:first-child, .devsite-landing-row p:first-child, .devsite-landing-row h4 + p {
    margin-top: 0
    }
.devsite-landing-row-item h3 {
    border-bottom: 0;
    padding-bottom: 0
    }
.devsite-landing-row-item-description-content > *:last-child {
    margin-bottom: 0
    }
@media screen and (max-width: 1000px) {
    .devsite-landing-row-item-code, .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item-image, .devsite-landing-row-item-media, .devsite-landing-row-1-up .devsite-landing-row-item-code, .devsite-landing-row-1-up .devsite-landing-row-item-image, .devsite-landing-row-1-up .devsite-landing-row-item-image-left, .devsite-landing-row-1-up .devsite-landing-row-item-media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
        }
    .devsite-landing-row-4-up .devsite-landing-row-item-code, .devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item-image, .devsite-landing-row-4-up .devsite-landing-row-item-media {
        margin: 0 0 32px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
        }
    .devsite-landing-row .devsite-landing-row-item-description, .devsite-landing-row-1-up .devsite-landing-row-item-description {
        display: block;
        margin: 0 40px 0 0
        }
    .devsite-landing-row-4-up .devsite-landing-row-item-description {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-no-image {
        width: 100%
        }
    .devsite-landing-row-item-no-image .devsite-landing-row-item-description {
        margin: 0
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-description {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-image-left + .devsite-landing-row-item-description {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 40px 0 0
        }
    .devsite-landing-row-logos .devsite-landing-row-item-description {
        margin: 0
        }
    .devsite-landing-row-100 .devsite-landing-row-item-code, .devsite-landing-row-100:not(.devsite-landing-row-logos) .devsite-landing-row-item-image, .devsite-landing-row-100 .devsite-landing-row-item-media {
        margin: 32px 0 0;
        width: 100%
        }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-image, .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-image {
        margin: 0 0 32px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
        }
    .devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-description, .devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-column .devsite-landing-row-item-description {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
        }
    }
@media screen and (max-width: 720px) {
    .devsite-landing-row-item-code, .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item-image, .devsite-landing-row-item-media, .devsite-landing-row-1-up .devsite-landing-row-item-code, .devsite-landing-row-1-up .devsite-landing-row-item-image, .devsite-landing-row-1-up .devsite-landing-row-item-image-left, .devsite-landing-row-1-up .devsite-landing-row-item-media {
        margin: 0 0 32px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
        }
    .devsite-landing-row-item-description:not(.devsite-landing-row-item-icon-description), .devsite-landing-row-1-up .devsite-landing-row-item-description {
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
        }
    .devsite-landing-row .devsite-landing-row-item-no-image {
        width: 100%
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-image-left + .devsite-landing-row-item-description {
        margin: 0
        }
    .devsite-landing-row-item-no-image:not(:first-child), .devsite-landing-row .devsite-landing-row-item-no-image + .devsite-landing-row-item-no-image:nth-of-type(even) {
        margin: 40px 0 0
        }
    .devsite-landing-row-cta .devsite-landing-row-item-description {
        font: 400 16px/24px Roboto, sans-serif
        }
    }
.devsite-landing-row-item-buttons {
    margin: 8px 0 0 -12px
    }
.devsite-landing-row-item-buttons .button {
    margin: 4px 4px 4px 12px
    }
.devsite-landing-row-item-buttons .button-white:not(.button-raised), .devsite-landing-row-item-buttons .button-white:not(.button-raised) + .button-white:not(.button-raised) {
    margin: 0 4px
    }
.devsite-landing-row-cta .devsite-landing-row-item-buttons {
    margin: 24px 0 0
    }
p + .devsite-landing-row-item-buttons {
    margin-top: -8px
    }
.devsite-landing-row-item-code pre {
    margin: 0
    }
.devsite-landing-row-item-custom-image {
    width: 100%
    }
.devsite-landing-row-item-image.devsite-landing-row-item-custom-image:not(.devsite-background) {
    background: #039be5
    }
.devsite-landing-row-item-custom-image.devsite-background-grey {
    background: #f7f7f7
    }
.devsite-landing-row-item-custom-image.devsite-background-white {
    background: #fff
    }
.devsite-landing-row-item-custom-image-icon {
    color: #fff;
    display: block;
    margin: 0 auto
    }
.devsite-landing-row-item-custom-image.devsite-background-grey .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-item-custom-image.devsite-background-white .devsite-landing-row-item-custom-image-icon {
    color: #757575
    }
.devsite-landing-row-item-custom-image-icon.material-icons {
    opacity: 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 {
    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 {
    font-size: 96px;
    max-height: 96px;
    width: 96px
    }
@media screen and (max-width: 1000px) {
    .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-item-image {
    -ms-flex-item-align: start;
    align-self: flex-start
    }
.devsite-landing-row-item-image:not(.devsite-background) {
    background: #ebebeb
    }
.devsite-landing-row-item-image img {
    vertical-align: middle;
    width: 100%
    }
.devsite-landing-row-item-image a {
    display: block
    }
.devsite-landing-row-no-image-background .devsite-landing-row-item-image:not(.devsite-background) {
    background: 0
    }
.devsite-landing-row-item-icon-container {
    color: #757575;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 56px;
    margin: 0 20px 8px 0;
    -webkit-transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    transition: background 0.2s, color 0.2s, -webkit-box-shadow 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
    }
.devsite-landing-row-item-icon-background .devsite-landing-row-item-icon-container {
    margin: 0 20px 20px 0
    }
.devsite-landing-row-item-icon {
    font-size: 48px;
    height: 48px;
    margin-left: 4px;
    width: 48px
    }
:link .devsite-landing-row-item-icon-container:hover, :focus .devsite-landing-row-item-icon-container {
    color: #1a73e8
    }
.devsite-landing-row-item-icon-background .devsite-landing-row-item-icon-container {
    border-radius: 50%
    }
.devsite-landing-row-item-icon-background .devsite-landing-row-item-icon {
    font-size: 36px;
    height: 56px;
    margin-left: 0;
    padding: 10px;
    width: 56px
    }
.devsite-background .devsite-landing-row-item-icon-container {
    color: #fff
    }
.devsite-background.devsite-background-theme .devsite-landing-row-item-icon-container {
    color: #fff
    }
.devsite-background.devsite-background-grey .devsite-landing-row-item-icon-container {
    color: #757575
    }
.devsite-background.devsite-background-cyan .devsite-landing-row-item-icon-container, .devsite-background.devsite-background-google-yellow .devsite-landing-row-item-icon-container, .devsite-background.devsite-background-light-green .devsite-landing-row-item-icon-container, .devsite-background.devsite-background-orange .devsite-landing-row-item-icon-container {
    color: #212121
    }
.devsite-foreground .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover, .devsite-foreground .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container {
    color: rgba(153, 153, 153, 0.5)
    }
.devsite-background .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover, .devsite-background .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container {
    color: rgba(255, 255, 255, 0.7)
    }
.devsite-background-theme .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover, .devsite-background-theme .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container {
    color: rgba(255, 255, 255, 0.7)
    }
.devsite-background-cyan .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover, .devsite-background-cyan .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, .devsite-background-google-yellow .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover, .devsite-background-google-yellow .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, .devsite-background-grey .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover, .devsite-background-grey .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, .devsite-background-light-green .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover, .devsite-background-light-green .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, .devsite-background-orange .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover, .devsite-background-orange .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container {
    color: rgba(153, 153, 153, 0.5)
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme .devsite-landing-row-item-icon-container {
    color: #039be5
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-blue-grey .devsite-landing-row-item-icon-container {
    color: #607d8b
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-cyan .devsite-landing-row-item-icon-container {
    color: #00bcd4
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-deep-orange .devsite-landing-row-item-icon-container {
    color: #ff5722
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-deep-purple .devsite-landing-row-item-icon-container {
    color: #673ab7
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-google-blue .devsite-landing-row-item-icon-container {
    color: #4285f4
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-google-green .devsite-landing-row-item-icon-container {
    color: #0f9d58
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-google-red .devsite-landing-row-item-icon-container {
    color: #db4437
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-google-yellow .devsite-landing-row-item-icon-container {
    color: #f4b400
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey .devsite-landing-row-item-icon-container {
    color: #757575
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-indigo .devsite-landing-row-item-icon-container {
    color: #3f51b5
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-light-blue .devsite-landing-row-item-icon-container {
    color: #0288d1
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-light-green .devsite-landing-row-item-icon-container {
    color: #8bc34a
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-orange .devsite-landing-row-item-icon-container {
    color: #fb8c00
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-pink .devsite-landing-row-item-icon-container {
    color: #e91e63
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-purple .devsite-landing-row-item-icon-container {
    color: #9c27b0
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-teal .devsite-landing-row-item-icon-container {
    color: #009688
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white .devsite-landing-row-item-icon-container {
    color: #fff
    }
.devsite-landing-row-item-icon-background-theme .devsite-landing-row-item-icon-container {
    background: #039be5
    }
.devsite-landing-row-item-icon-background-blue-grey .devsite-landing-row-item-icon-container {
    background: #607d8b
    }
.devsite-landing-row-item-icon-background-cyan .devsite-landing-row-item-icon-container {
    background: #00bcd4
    }
.devsite-landing-row-item-icon-background-deep-orange .devsite-landing-row-item-icon-container {
    background: #ff5722
    }
.devsite-landing-row-item-icon-background-deep-purple .devsite-landing-row-item-icon-container {
    background: #673ab7
    }
.devsite-landing-row-item-icon-background-google-blue .devsite-landing-row-item-icon-container {
    background: #4285f4
    }
.devsite-landing-row-item-icon-background-google-green .devsite-landing-row-item-icon-container {
    background: #0f9d58
    }
.devsite-landing-row-item-icon-background-google-red .devsite-landing-row-item-icon-container {
    background: #db4437
    }
.devsite-landing-row-item-icon-background-google-yellow .devsite-landing-row-item-icon-container {
    background: #f4b400
    }
.devsite-landing-row-item-icon-background-grey .devsite-landing-row-item-icon-container {
    background: #f7f7f7
    }
.devsite-landing-row-item-icon-background-indigo .devsite-landing-row-item-icon-container {
    background: #3f51b5
    }
.devsite-landing-row-item-icon-background-light-blue .devsite-landing-row-item-icon-container {
    background: #0288d1
    }
.devsite-landing-row-item-icon-background-light-green .devsite-landing-row-item-icon-container {
    background: #8bc34a
    }
.devsite-landing-row-item-icon-background-orange .devsite-landing-row-item-icon-container {
    background: #fb8c00
    }
.devsite-landing-row-item-icon-background-pink .devsite-landing-row-item-icon-container {
    background: #e91e63
    }
.devsite-landing-row-item-icon-background-purple .devsite-landing-row-item-icon-container {
    background: #9c27b0
    }
.devsite-landing-row-item-icon-background-teal .devsite-landing-row-item-icon-container {
    background: #009688
    }
.devsite-landing-row-item-icon-background-white .devsite-landing-row-item-icon-container {
    background: #fff
    }
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey :link .devsite-landing-row-item-icon-container:hover, .devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey :focus .devsite-landing-row-item-icon-container {
    color: #757575
    }
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme :link .devsite-landing-row-item-icon-container:hover, .devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme :focus .devsite-landing-row-item-icon-container {
    color: #039be5
    }
.devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white :link .devsite-landing-row-item-icon-container:hover, .devsite-landing-row .devsite-landing-row-item.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white :focus .devsite-landing-row-item-icon-container {
    color: #fff
    }
.devsite-landing-row-item-icon-background :link .devsite-landing-row-item-icon-container:hover, .devsite-landing-row-item-icon-background :focus .devsite-landing-row-item-icon-container {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 4px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 4px rgba(0, 0, 0, 0.28)
    }
.devsite-background .devsite-landing-row-item.devsite-landing-row-item-icon-background :link .devsite-landing-row-item-icon-container:hover, .devsite-background .devsite-landing-row-item.devsite-landing-row-item-icon-background :focus .devsite-landing-row-item-icon-container {
    color: #fff
    }
.devsite-background-theme .devsite-landing-row-item.devsite-landing-row-item-icon-background :link .devsite-landing-row-item-icon-container:hover, .devsite-background-theme .devsite-landing-row-item.devsite-landing-row-item-icon-background :focus .devsite-landing-row-item-icon-container {
    color: #fff
    }
.devsite-background-cyan .devsite-landing-row-item.devsite-landing-row-item-icon-background :link .devsite-landing-row-item-icon-container:hover, .devsite-background-cyan .devsite-landing-row-item.devsite-landing-row-item-icon-background :focus .devsite-landing-row-item-icon-container, .devsite-background-google-yellow .devsite-landing-row-item.devsite-landing-row-item-icon-background :link .devsite-landing-row-item-icon-container:hover, .devsite-background-google-yellow .devsite-landing-row-item.devsite-landing-row-item-icon-background :focus .devsite-landing-row-item-icon-container, .devsite-background-light-green .devsite-landing-row-item.devsite-landing-row-item-icon-background :link .devsite-landing-row-item-icon-container:hover, .devsite-background-light-green .devsite-landing-row-item.devsite-landing-row-item-icon-background :focus .devsite-landing-row-item-icon-container, .devsite-background-orange .devsite-landing-row-item.devsite-landing-row-item-icon-background :link .devsite-landing-row-item-icon-container:hover, .devsite-background-orange .devsite-landing-row-item.devsite-landing-row-item-icon-background :focus .devsite-landing-row-item-icon-container {
    color: #212121
    }
.devsite-background-grey .devsite-landing-row-item.devsite-landing-row-item-icon-background :link .devsite-landing-row-item-icon-container:hover, .devsite-background-grey .devsite-landing-row-item.devsite-landing-row-item-icon-background :focus .devsite-landing-row-item-icon-container {
    color: #757575
    }
.devsite-landing-row-item.devsite-landing-row-item-with-icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
    }
.devsite-landing-row-item.devsite-landing-row-item-icon-position-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
.devsite-landing-row-item-video {
    display: block
    }
.devsite-landing-row-item-youtube {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
    }
.devsite-landing-row-item-youtube iframe {
    height: 101%;
    left: -0.5%;
    position: absolute;
    top: -0.5%;
    width: 101%
    }
.devsite-landing-row-item-description-callout {
    font-weight: bold
    }
.devsite-landing-row-item-description-feature {
    margin-top: 16px;
    position: relative
    }
.devsite-landing-row-item-description-feature + .devsite-landing-row-item-description-feature {
    margin: 0
    }
.devsite-landing-row-item-description-feature-link {
    border-bottom: 1px solid #ebebeb;
    font-weight: 500;
    padding: 12px 0 11px
    }
.devsite-landing-row-item-description-feature-tooltip {
    background: #455a64;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37);
    color: rgba(255, 255, 255, 0.7);
    font: 14px/20px Roboto, sans-serif;
    min-width: 200px;
    opacity: 0;
    padding: 24px;
    position: absolute;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
    visibility: hidden;
    width: 67%;
    z-index: 10020
    }
.no-touch .devsite-landing-row-item-description-feature-link:hover + .devsite-landing-row-item-description-feature-tooltip {
    opacity: 1;
    visibility: visible
    }
.devsite-landing-row-item-description-feature-tooltip:before {
    border-bottom: 8px solid #455a64;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    position: absolute;
    top: -8px
    }
.devsite-landing-row-large-headings .devsite-landing-row-item-description-feature-tooltip h3, .devsite-landing-row-item-description-feature-tooltip h3 {
    color: white;
    font: 14px/20px Roboto, sans-serif;
    margin-bottom: 8px;
    padding: 0
    }
.devsite-landing-row-item-list {
    margin: 32px 0;
    padding: 0
    }
.devsite-landing-row-item-list-item {
    list-style: none
    }
.devsite-landing-row-item-list-item:not(:first-child) {
    margin: 24px 0 0
    }
.devsite-landing-row-item-list-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
    }
.devsite-landing-row-item-list-item-icon-container {
    color: #757575;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px;
    margin: 0 20px 0 0;
    -webkit-transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
    transition: background 0.2s, color 0.2s, -webkit-box-shadow 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
    }
.devsite-landing-row-item-list-item-icon {
    font-size: 32px;
    height: 32px;
    width: 32px
    }
.devsite-landing-row-item-icon-background .devsite-landing-row-item-list-item-icon-container {
    border-radius: 50%
    }
.devsite-landing-row-item-icon-background .devsite-landing-row-item-list-item-icon {
    font-size: 24px;
    height: 40px;
    padding: 8px;
    width: 40px
    }
.devsite-landing-row-item-list h4 {
    font: 400 16px/20px Roboto, sans-serif;
    margin: 0 0 4px
    }
.devsite-landing-row-item-list-item p {
    font: 400 14px/20px Roboto, sans-serif
    }
.devsite-background .devsite-landing-row-item-list-item-icon-container {
    color: #fff
    }
.devsite-background-theme .devsite-landing-row-item-list-item-icon-container {
    color: #fff
    }
.devsite-background-cyan .devsite-landing-row-item-list-item-icon-container, .devsite-background-google-yellow .devsite-landing-row-item-list-item-icon-container, .devsite-background-grey .devsite-landing-row-item-list-item-icon-container, .devsite-background-light-green .devsite-landing-row-item-list-item-icon-container, .devsite-background-orange .devsite-landing-row-item-list-item-icon-container {
    color: #212121
    }
.devsite-landing-row-item-icon-background-grey .devsite-landing-row-item-list-item-icon-container {
    background: #f7f7f7;
    color: #757575
    }
.devsite-landing-row-item-icon-background-theme .devsite-landing-row-item-list-item-icon-container {
    background: #039be5;
    color: #fff
    }
.devsite-landing-row-item-icon-background-white .devsite-landing-row-item-list-item-icon-container {
    background: #fff;
    color: #757575
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #757575
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #039be5
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #fff
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey :link .devsite-landing-row-item-list-item-icon-container:hover, .devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-grey :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, 0.5)
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme :link .devsite-landing-row-item-list-item-icon-container:hover, .devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-theme :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(255, 255, 255, 0.7)
    }
.devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white :link .devsite-landing-row-item-list-item-icon-container:hover, .devsite-landing-row-item-icon-foreground.devsite-landing-row-item-icon-foreground-white :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(255, 255, 255, 0.7)
    }
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey :link .devsite-landing-row-item-list-item-icon-container:hover, .devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-grey :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #757575
    }
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme :link .devsite-landing-row-item-list-item-icon-container:hover, .devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-theme :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #039be5
    }
.devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white :link .devsite-landing-row-item-list-item-icon-container:hover, .devsite-landing-row-item-icon-background.devsite-landing-row-item-icon-foreground-white :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #fff
    }
.devsite-background-theme .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: #fff
    }
:link > .devsite-landing-row-item-list-item-content:not(.material-icons):hover, .devsite-background :link > .devsite-landing-row-item-list-item-content:not(.material-icons):hover {
    text-decoration: none
    }
.devsite-landing-row-item-list-item a:focus {
    text-decoration: none
    }
.devsite-foreground :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container, .devsite-foreground :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, 0.5)
    }
.devsite-background :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container, .devsite-background :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(255, 255, 255, 0.7)
    }
.devsite-background-theme :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container, .devsite-background-theme :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(255, 255, 255, 0.7)
    }
.devsite-background-cyan :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container, .devsite-background-cyan :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, .devsite-background-google-yellow :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container, .devsite-background-google-yellow :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, .devsite-background-grey :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container, .devsite-background-grey :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, .devsite-background-light-green :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container, .devsite-background-light-green :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, .devsite-background-orange :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container, .devsite-background-orange :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    color: rgba(153, 153, 153, 0.5)
    }
:link .devsite-landing-row-item-list-item-description h4 + p {
    color: #212121;
    text-decoration: none
    }
.devsite-background :link .devsite-landing-row-item-list-item-description h4 + p {
    color: #fff
    }
.devsite-background-cyan :link .devsite-landing-row-item-list-item-description h4 + p, .devsite-background-google-yellow :link .devsite-landing-row-item-list-item-description h4 + p, .devsite-background-grey :link .devsite-landing-row-item-list-item-description h4 + p, .devsite-background-light-green :link .devsite-landing-row-item-list-item-description h4 + p, .devsite-background-orange :link .devsite-landing-row-item-list-item-description h4 + p {
    color: #212121
    }
.devsite-background-theme :link .devsite-landing-row-item-list-item-description h4 + p {
    color: #fff
    }
.devsite-landing-row-item-icon-background :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container, .devsite-landing-row-item-icon-background :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container {
    background: rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 4px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 4px rgba(0, 0, 0, 0.28)
    }
.devsite-background:not(.devsite-background-grey) :link .devsite-landing-row-item-list-item-description > *:first-child, .devsite-landing-row :focus .devsite-landing-row-item-list-item-description > *:first-child {
    text-decoration: underline
    }
.devsite-landing-row-logos .devsite-landing-row-item-custom-image {
    margin: 0;
    padding: 0
    }
.devsite-landing-row-logos .devsite-landing-row-item-custom-image:not(.devsite-background) {
    background: 0
    }
.devsite-landing-row-logos .devsite-landing-row-item-custom-image-icon {
    opacity: 1;
    width: 96px
    }
.devsite-landing-row-logos .devsite-landing-row-item-description {
    text-align: center
    }
@media screen and (max-width: 1000px) {
    .devsite-landing-row-logos .devsite-landing-row-item-custom-image {
        margin: 0;
        padding: 0
        }
    }
.devsite-landing-row-cards + .devsite-landing-row-cards {
    padding-top: 0
    }
.devsite-landing-row-cards + .devsite-landing-row-cards .devsite-landing-row-header {
    padding-top: 40px
    }
.devsite-landing-row-cards.devsite-background + .devsite-landing-row-cards:not(.devsite-background) .devsite-landing-row-header {
    padding-top: 0
    }
.devsite-landing-row-cards .devsite-landing-row-item {
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    position: relative
    }
.devsite-landing-row-cards .devsite-landing-row-item:not(.devsite-background) {
    background: #fff
    }
.devsite-landing-row-cards.devsite-landing-row-theme, .devsite-landing-row-cards.devsite-landing-row-theme h3, .devsite-landing-row-cards.devsite-landing-row-theme .devsite-landing-row-description {
    color: #212121
    }
.devsite-landing-row-cards.devsite-landing-row-theme .button-white, .devsite-landing-row-cards.devsite-landing-row-theme :link:not(.button), .devsite-landing-row-cards.devsite-landing-row-theme :visited {
    color: #1a73e8
    }
.devsite-landing-row-cards .devsite-landing-row-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
    }
.devsite-landing-row-cards .devsite-landing-row-column > .devsite-landing-row-item:not(:first-child) {
    margin-top: 40px
    }
.devsite-landing-row-cards .devsite-landing-row-column .devsite-landing-row-item {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
    }
.devsite-landing-row-cards .devsite-landing-row-item-code, .devsite-landing-row-cards .devsite-landing-row-item-image, .devsite-landing-row-cards .devsite-landing-row-item-media {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
    }
.devsite-landing-row-cards .devsite-landing-row-item-description {
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 16px
    }
.devsite-landing-row-cards .devsite-landing-row-item-buttons {
    padding-top: 16px
    }
.devsite-landing-row-cards .devsite-landing-row-item-no-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
.devsite-landing-row-cards .devsite-landing-row-item-icon-container {
    margin: 16px 16px 0
    }
.devsite-landing-row-cards .devsite-landing-row-item-icon {
    margin-left: 0
    }
.devsite-landing-row-cards.devsite-landing-row-theme .devsite-landing-row-item-icon {
    color: #757575
    }
.devsite-landing-row-cards .devsite-landing-row-item-no-image h3 {
    font: 400 22px/30px Google Sans, sans-serif;
    margin: 0 0 20px
    }
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-code, .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-image, .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-media {
    margin: 0;
    width: 100%
    }
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-description {
    left: 0;
    position: absolute;
    top: 0
    }
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:hover, .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:focus {
    background-color: rgba(255, 255, 255, 0.7)
    }
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:active {
    background-color: rgba(255, 255, 255, 0.85)
    }
@media screen and (max-width: 1000px) {
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-description {
        position: relative;
        width: 100%
        }
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:hover, .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:focus {
        background-color: #e1f3fc
        }
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-buttons .button:active {
        background-color: #c3e7f9
        }
    .devsite-landing-row-cards .devsite-landing-row-item-code, .devsite-landing-row-cards:not(.devsite-landing-row-logos) .devsite-landing-row-item-image, .devsite-landing-row-cards .devsite-landing-row-item-media, .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-code, .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-image, .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-media {
        margin: 0;
        width: 100%
        }
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
        }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item, .devsite-landing-row-cards.devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item, .devsite-landing-row-cards.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
        }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-child(2), .devsite-landing-row-cards.devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:nth-child(2) {
        margin: 0 0 0 40px
        }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column > .devsite-landing-row-item:nth-child(2), .devsite-landing-row-cards .devsite-landing-row-column > .devsite-landing-row-item:nth-child(n+2) {
        margin: 40px 0 0
        }
    }
@media screen and (max-width: 720px) {
    .devsite-landing-row-cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-top: 16px;
        padding-bottom: 16px
        }
    .devsite-landing-row-cards + .devsite-landing-row-cards .devsite-landing-row-header {
        padding-top: 16px
        }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-column > .devsite-landing-row-item:nth-child(2), .devsite-landing-row-cards .devsite-landing-row-column > .devsite-landing-row-item:nth-child(n+2), .devsite-landing-row-cards:not(.devsite-landing-row-logos) .devsite-landing-row-column:not(:first-child) {
        margin: 16px 0 0
        }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item, .devsite-landing-row-cards.devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item, .devsite-landing-row-cards.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item {
        width: 100%
        }
    .devsite-landing-row-cards.devsite-landing-row-2-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child), .devsite-landing-row-cards.devsite-landing-row-3-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child), .devsite-landing-row-cards.devsite-landing-row-4-up:not(.devsite-landing-row-logos) .devsite-landing-row-item:not(:first-child) {
        margin: 16px 0 0
        }
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee {
    padding: 0
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-header {
    margin: 0;
    padding: 40px 0 0
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-code, .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image, .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media {
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image {
    background: 0
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 40px 0
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee.devsite-background {
    padding: 0 10000px
    }
@media screen and (max-width: 1000px) {
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
        }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image {
        margin: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
        }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description {
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
        }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image-left + .devsite-landing-row-item-description {
        margin: 0
        }
    }
@media screen and (max-width: 720px) {
    .devsite-landing-row-1-up.devsite-landing-row-marquee.devsite-background {
        margin: 0 -16px;
        padding: 0
        }
    .devsite-landing-row-1-up.devsite-landing-row-marquee.devsite-background .devsite-landing-row-item-description {
        padding: 32px 16px
        }
    }
.devsite-products-page .devsite-doc-set-nav-row {
    display: none
    }
.devsite-products-page .devsite-product-id-row {
    padding-bottom: 24px
    }
.devsite-background-grey:not(.devsite-landing-row-cards) h3 {
    color: inherit
    }
h2.devsite-products-alphabet-row-heading {
    border-bottom: 0;
    border-top: 1px solid #ebebeb;
    margin: 0;
    padding: 80px 0 40px;
    text-transform: capitalize
    }
.devsite-products-alphabet {
    border-bottom: 1px solid #ebebeb;
    color: #bdbdbd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 40px
    }
.devsite-products-alphabet-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 0
    }
.devsite-products-alphabet-link:hover, .devsite-products-alphabet-link:focus {
    color: #212121;
    text-decoration: none
    }
.devsite-products-alphabet-letter {
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
.devsite-pre-uhura-products .devsite-products-alphabet-letter-list-item :link.devsite-products-alphabet-letter-link, .devsite-pre-uhura-products .devsite-products-alphabet-letter-list-item :visited.devsite-products-alphabet-letter-link {
    color: #757575
    }
.devsite-products-alphabet-letter-list-item :hover.devsite-products-alphabet-letter-link, .devsite-products-alphabet-letter-list-item :focus.devsite-products-alphabet-letter-link, .devsite-pre-uhura-products .devsite-products-alphabet-letter-list-item :hover.devsite-products-alphabet-letter-link, .devsite-pre-uhura-products .devsite-products-alphabet-letter-list-item :focus.devsite-products-alphabet-letter-link {
    color: #1a73e8;
    text-decoration: none
    }
.devsite-products-alphabet-link-disabled:hover, .devsite-products-alphabet-link-disabled:focus {
    color: #bdbdbd;
    cursor: default
    }
.devsite-landing-row h2.devsite-products-alphabet-letter-heading {
    color: #212121;
    font-weight: 300;
    margin: 20px 0;
    text-transform: uppercase;
    width: 40px
    }
.devsite-products-alphabet-letter-list {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    column-gap: 40px;
    list-style: none;
    margin: 0 0 40px;
    padding: 0
    }
.devsite-products-alphabet-letter-list-item {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 16px
    }
.devsite-products-alphabet-letter-link {
    display: block;
    padding: 8px 0
    }
.devsite-products-product-name {
    margin: 0
    }
@media screen and (max-width: 1000px) {
    .devsite-products-alphabet {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
        }
    .devsite-products-alphabet-letter-list {
        -webkit-column-count: 2;
        column-count: 2
        }
    .devsite-products-alphabet-link {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 44px;
        flex: 0 0 44px;
        text-align: center
        }
    }
@media screen and (max-width: 720px) {
    .devsite-products-page .devsite-product-id-row {
        padding-bottom: 0
        }
    h2.devsite-products-alphabet-row-heading {
        padding: 20px 0
        }
    .devsite-products-alphabet {
        padding: 0 0 20px
        }
    .devsite-products-alphabet-letter-list {
        -webkit-column-count: 1;
        column-count: 1
        }
    }
.devsite-back-to-top-link {
    border-radius: 50%;
    display: none;
    position: absolute;
    right: 0
    }
.devsite-back-to-top-link::before {
    content: "arrow_upward"
    }
.devsite-back-to-top-link:focus {
    background: #b3e5fc;
    text-decoration: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
    }
@media screen and (max-width: 1200px) {
    .devsite-back-to-top-link {
        display: inline
        }
    *:not(.code-sample):not(.data-sample):not(.kd-tabbed-horz):not(.kd-tabbed-vert) > * > h2:not(.hide-from-toc):not(#contents):not(#table-of-contents) {
        padding-right: 48px
        }
    }
.goog-inline-block {
    display: inline-block
    }
.google-visualization-table-th {
    outline: 0
    }
.google-visualization-table-th.unsorted, .google-visualization-table-th.sort-ascending, .google-visualization-table-th.sort-descending {
    cursor: pointer;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
    }
.google-visualization-table-table .google-visualization-table-th.sort-ascending, .google-visualization-table-table .google-visualization-table-th.sort-descending {
    background: #607d8b
    }
.google-visualization-table-sortind {
    display: inline-block;
    height: 12px;
    margin: 0 0 0 4px;
    overflow: hidden
    }
.google-visualization-table-sortind::after {
    content: "arrow_drop_down";
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    position: relative;
    top: -6px
    }
.sort-descending .google-visualization-table-sortind::after {
    content: "arrow_drop_up"
    }
.google-visualization-controls-categoryfilter .goog-combobox-button {
    display: none
    }
.google-visualization-controls-categoryfilter .goog-combobox {
    position: relative
    }
.google-visualization-controls-categoryfilter .goog-combobox::after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "arrow_drop_down";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    height: 36px;
    position: absolute;
    right: 4px
    }
.google-visualization-controls-categoryfilter input[type="text"] {
    font-size: 14px
    }
.google-visualization-controls-categoryfilter-selected {
    list-style: none;
    padding: 0
    }
.google-visualization-controls-categoryfilter-selected .goog-container-horizontal {
    font-size: 14px;
    margin: 0 0 0 12px;
    padding: 0;
    vertical-align: middle
    }
.google-visualization-controls-categoryfilter-selected .goog-link-button {
    cursor: pointer;
    height: 18px;
    margin: 0 4px 0 0;
    overflow: hidden;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 18px
    }
.google-visualization-controls-categoryfilter-selected .goog-link-button::before {
    color: #757575;
    content: "cancel";
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px
    }
.google-visualization-controls-categoryfilter-selected .goog-link-button:hover::before {
    color: #212121
    }
.devsite-code-button-wrapper {
    margin-top: -8px;
    position: absolute;
    right: 0
    }
.devsite-terminal > .devsite-code-button-wrapper {
    margin-top: -28px
    }
.devsite-code-button {
    background: rgba(0, 0, 0, 0.26);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    outline: 0;
    padding: 3px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
    }
.devsite-dark-code .devsite-code-button {
    background: rgba(204, 204, 204, 0.15)
    }
td > pre:only-child > .devsite-code-button {
    margin-top: 0
    }
.devsite-code-button-wrapper .devsite-code-button:hover {
    cursor: pointer
    }
.devsite-code-button:hover, .devsite-code-button:focus {
    background: rgba(0, 0, 0, 0.54)
    }
.devsite-dark-code .devsite-code-button:hover, .devsite-dark-code .devsite-code-button:focus {
    background: rgba(204, 204, 204, 0.3)
    }
.devsite-click-to-copy-button::before {
    content: "content_copy"
    }
.devsite-dark-code-button::before {
    content: "hdr_strong"
    }
.devsite-dark-code .devsite-dark-code-button::before {
    content: "hdr_weak"
    }
.devsite-jsfiddle-button::before {
    content: "code"
    }
.devsite-jsfiddle-hide {
    opacity: 0;
    position: absolute;
    z-index: -10
    }
.devsite-code-button-clone {
    position: absolute;
    left: -99999px
    }
.devsite-credentials-dialog {
    left: 50%;
    margin-left: -274px;
    top: 25%;
    width: 548px
    }
.devsite-credentials-dialog-selector {
    width: 100%
    }
.devsite-credentials-dialog-selector-region {
    margin-top: 20px
    }
.devsite-credentials-spinner-region {
    width: 28px;
    margin: 8px auto
    }
.devsite-credentials-spinner {
    height: 28px;
    overflow: hidden;
    -webkit-animation: cred-spin-rotate 1568.63ms infinite linear;
    width: 28px
    }
.devsite-credentials-spinner > div {
    -webkit-animation: cred-spin-revrot 5332ms infinite steps(4)
    }
.devsite-credentials-spinner > div > div {
    background-image: url(../images/credentials-spinner.svg);
    width: 11340px;
    height: 28px;
    -webkit-animation: cred-spin-film 5332ms infinite steps(324)
    }
@-webkit-keyframes cred-spin-film {
    from {
        -webkit-transform: translateX(0)
        } to {
        -webkit-transform: translateX(-11340px)
        }
    }
@keyframes cred-spin-film {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
        } to {
        -webkit-transform: translateX(-11340px);
        transform: translateX(-11340px)
        }
    }
@-webkit-keyframes cred-spin-rotate {
    from {
        -webkit-transform: rotate(0deg)
        } to {
        -webkit-transform: rotate(360deg)
        }
    }
@keyframes cred-spin-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
        } to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
@-webkit-keyframes cred-spin-revrot {
    from {
        -webkit-transform: rotate(0deg)
        } to {
        -webkit-transform: rotate(-360deg)
        }
    }
@keyframes cred-spin-revrot {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
        } to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
        }
    }
.devsite-easter-egg-err-background {
    background-color: #0404b4
    }
.devsite-easter-egg-err {
    color: #fff;
    font-family: "Droid Sans Mono", monospace;
    margin: 50px auto;
    max-width: 600px
    }
.devsite-feedback-dialog {
    left: 50%;
    margin-left: -200px;
    top: 25%;
    width: 400px
    }
.devsite-feedback-item {
    display: inline-block;
    text-align: center;
    vertical-align: top
    }
.devsite-feedback-item + .devsite-feedback-item {
    margin-left: 20px
    }
.devsite-feedback-item-icon {
    color: #039be5;
    display: block;
    font-size: 48px;
    height: 48px;
    margin: 12px auto;
    width: 48px
    }
.devsite-feedback-item-icon-container {
    background: #039be5;
    border-radius: 50%;
    display: block;
    height: 56px;
    margin: 8px auto;
    width: 56px
    }
.devsite-feedback-item-icon-white {
    color: #fff;
    font-size: 36px;
    height: 36px;
    margin: 10px;
    width: 36px
    }
.devsite-feedback-item-icon-docs::before {
    content: "description"
    }
.devsite-feedback-dialog a {
    color: #1a73e8;
    cursor: pointer;
    outline: 0
    }
.devsite-feedback-support {
    margin-top: 20px;
    text-align: center
    }
.devsite-feedback-support img {
    vertical-align: middle
    }
.devsite-firebase-status-content aside {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 24px
    }
.devsite-firebase-status-content aside::before {
    float: none;
    margin-left: 0;
    margin-right: 24px
    }
.devsite-firebase-status-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
.devsite-firebase-status-view:link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    padding: 0 0 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
    }
.devsite-firebase-status-view:link::after {
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    content: "open_in_new";
    font-size: 18px;
    margin-left: 8px;
    text-transform: lowercase
    }
.devsite-googler-buttons {
    bottom: 32px;
    position: fixed;
    right: 24px;
    z-index: 10010
    }
.devsite-googler-buttons > a:focus {
    text-decoration: none
    }
.devsite-googler-button {
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37);
    cursor: pointer;
    height: 40px;
    margin: 8px auto 0;
    outline: 0;
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
    width: 40px
    }
.devsite-googler-button::before {
    color: #fff;
    display: block;
    padding: 8px
    }
.devsite-googler-button:hover, .devsite-googler-button:focus, a:focus > .devsite-googler-button {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.3)
    }
.devsite-googler-button:active, a:active > .devsite-googler-button {
    -webkit-box-shadow: 0 11px 7px rgba(0, 0, 0, 0.19), 0 13px 25px rgba(0, 0, 0, 0.3);
    box-shadow: 0 11px 7px rgba(0, 0, 0, 0.19), 0 13px 25px rgba(0, 0, 0, 0.3)
    }
.devsite-googler-buttons-hide {
    background: #fff;
    height: 24px;
    margin-top: 4px;
    width: 24px
    }
.devsite-googler-buttons-hide::before {
    color: #757575;
    content: "close";
    display: block;
    font-size: 18px;
    padding: 3px
    }
.devsite-googler-bug {
    background: #e91e63
    }
.devsite-googler-bug::before {
    content: "bug_report"
    }
.devsite-googler-edit {
    background: #8bc34a
    }
.devsite-googler-edit::before {
    content: "edit"
    }
.devsite-googler-details {
    background: #f57c00
    }
.devsite-googler-details::before {
    content: "build"
    }
.devsite-googler-env {
    background: #00bcd4
    }
.devsite-googler-env::before {
    content: "swap_horiz"
    }
.devsite-googler-two {
    background: #9c27b0
    }
.devsite-googler-two::before {
    content: "looks_two"
    }
.devsite-multiple-choice {
    background: #fff;
    border-radius: 2px;
    margin: 16px 0
    }
.devsite-multiple-choice-question {
    background: #039be5;
    color: #fff;
    padding: 16px 24px
    }
.devsite-multiple-answer .devsite-multiple-choice-explanation {
    background: #f7f7f7;
    font-size: 14px;
    padding: 16px 24px
    }
.devsite-multiple-choice-explanation-correctness {
    margin-top: 16px;
    text-align: center
    }
.devsite-multiple-choice .expandable {
    border-bottom: 1px solid rgba(207, 216, 220, 0.87);
    color: #757575
    }
.devsite-multiple-choice .expandable .expand-control {
    background: #f7f7f7;
    color: #212121;
    padding: 16px 60px 16px 24px
    }
.devsite-multiple-choice .expand-control::after {
    color: #757575;
    content: "expand_more";
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 24px;
    position: absolute;
    right: 24px;
    width: 24px
    }
.devsite-multiple-choice .exw-expanded::after {
    content: "expand_less"
    }
.devsite-home-page .devsite-notification-promo, .devsite-notification-eu-cookie.devsite-notification-promo {
    bottom: 0;
    display: block;
    left: 0;
    top: auto;
    width: 200px
    }
.devsite-notification-eu-cookie.devsite-notification-promo {
    max-width: 600px;
    width: 50%
    }
@media screen and (max-width: 720px) {
    .devsite-notification-eu-cookie.devsite-notification-promo {
        max-width: none;
        width: calc(100% - 32px)
        }
    }
.devsite-rating-container {
    float: right;
    margin: 0 0 20px 40px;
    overflow: visible;
    position: relative;
    text-align: right
    }
.devsite-rating-position-bottom {
    clear: both;
    float: none;
    margin: 16px 0;
    text-align: left
    }
.devsite-rating-feedback {
    margin: 0 -8px
    }
.devsite-rating-star {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    vertical-align: bottom;
    width: 24px
    }
.devsite-rating-caption {
    font-style: italic;
    margin-bottom: 8px
    }
.devsite-rating-description {
    line-height: 22px;
    padding: 0 8px;
    right: 0;
    white-space: nowrap
    }
.devsite-rating-position-bottom .devsite-rating-description {
    left: 0;
    right: auto
    }
.devsite-rating-star-outline::before {
    color: #757575;
    content: "star_border"
    }
.devsite-rating-star-full::before {
    color: #f57c00;
    content: "star"
    }
.devsite-rating-internal {
    color: #dd2c00;
    font-size: 10px;
    height: 0;
    line-height: 1;
    white-space: nowrap
    }
.devsite-rating-stats {
    color: #757575
    }
@media screen and (max-width: 720px) {
    .devsite-rating-container {
        display: none
        }
    }
.devsite-embedded-youtube-video-placeholder span {
    color: #212121;
    padding: 8px;
    position: absolute
    }
.devsite-embedded-youtube-video-placeholder img {
    position: absolute
    }
.devsite-future-version, .devsite-future-version * {
    color: #bdbdbd;
    text-decoration: none
    }
.devsite-nav-version-selector {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
    }
.devsite-nav-version-selector-label {
    margin-right: 12px
    }
.devsite-section-back-to-top-container, .devsite-section-back-to-top-container.devsite-background {
    padding-bottom: 136px;
    position: relative
    }
.devsite-section-back-to-top-link {
    background: #1a73e8;
    border-radius: 50%;
    bottom: 40px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 4px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 4px rgba(0, 0, 0, 0.28);
    color: #fff;
    font-size: 36px;
    height: 56px;
    margin-top: 40px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    right: 0;
    -webkit-transition: background 0.2s, color 0.2s, opacity 0.5s;
    transition: background 0.2s, color 0.2s, opacity 0.5s;
    width: 56px
    }
.devsite-section-back-to-top-link:hover, .devsite-section-back-to-top-link:focus {
    color: #1a73e8;
    background: #fff;
    text-decoration: none
    }
.devsite-section-back-to-top-link::before {
    color: white;
    content: "arrow_upward"
    }
.devsite-section-back-to-top-link:hover::before, .devsite-section-back-to-top-link:focus::before {
    color: #1a73e8
    }
.devsite-landing-row.devsite-background .devsite-section-back-to-top-link {
    right: 10000px
    }
.devsite-section-back-to-top-invisible {
    opacity: 0;
    pointer-events: none
    }
.devsite-section-back-to-top-pinned {
    position: fixed
    }
.devsite-section-back-to-top-pinned, .devsite-landing-row.devsite-background .devsite-section-back-to-top-pinned {
    right: 120px
    }
@media screen and (min-width: 1592px) {
    .devsite-section-back-to-top-pinned, .devsite-landing-row.devsite-background .devsite-section-back-to-top-pinned {
        right: calc(50% - 676px)
        }
    }
@media screen and (max-width: 1000px) {
    .devsite-section-back-to-top-pinned, .devsite-landing-row.devsite-background .devsite-section-back-to-top-pinned {
        right: 80px
        }
    }
@media screen and (max-width: 720px) {
    .devsite-section-back-to-top-pinned, .devsite-landing-row.devsite-background .devsite-section-back-to-top-pinned {
        right: 16px
        }
    }
.devsite-share-links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
.devsite-share-links-text {
    font-family: Google Sans, sans-serif;
    font-size: 16px;
    margin: 8px 8px 8px 0
    }
.devsite-share-links-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
    }
.devsite-share-links-icon {
    margin: 0 8px
    }
.devsite-share-links-icon {
    fill: #545454;
    -webkit-transition: fill 0.33s;
    transition: fill 0.33s
    }
.devsite-share-links-icon.facebook, .devsite-share-links-icon.linkedin {
    height: 22px
    }
.devsite-share-links-icon.google-plus, .devsite-share-links-icon.twitter {
    height: 26px
    }
.devsite-share-links-icon.twitter:hover, .devsite-share-links-icon.twitter:focus {
    fill-rule: evenodd;
    fill: #4099ff
    }
.devsite-share-links-icon.linkedin:hover, .devsite-share-links-icon.linkedin:focus {
    fill: #007bb6
    }
.devsite-share-links-icon.google-plus:hover, .devsite-share-links-icon.google-plus:focus {
    fill: #d50f25
    }
.devsite-share-links-icon.facebook:hover, .devsite-share-links-icon.facebook:focus {
    fill: #3b5998
    }
.devsite-share-links-copy-link-container {
    position: relative
    }
.devsite-share-links-copy-card {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24), 0 0 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24), 0 0 2px rgba(0, 0, 0, 0.12);
    display: none;
    left: 0;
    padding: 4px 0 0;
    position: absolute;
    top: -4px;
    z-index: 1
    }
.devsite-share-links-copy-link, .devsite-share-links-copy-icon {
    color: #545454
    }
.devsite-share-links-copy-link:focus {
    text-decoration: none
    }
.devsite-share-links-copy-icon::before {
    content: "link"
    }
.devsite-share-links-copy-card[data-expanded] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 256px
    }
.devsite-share-links-copy-container {
    width: 100%
    }
input.devsite-share-links-copy-text {
    border: 0;
    border-bottom: 2px solid #ebebeb;
    font-family: Roboto Mono, monospace;
    font-size: 12px;
    padding: 0 8px 8px 0;
    width: 100%
    }
input.devsite-share-links-copy-text:focus {
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 8px
    }
.devsite-share-links-copy-status {
    color: #616161;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    padding: 8px 0
    }
.devsite-share-links-copy-status[data-prompt] {
    cursor: pointer
    }
@media screen and (max-width: 1200px) {
    .devsite-share-links-copy-card {
        left: auto;
        right: 0
        }
    input.devsite-share-links-copy-text {
        padding: 8px 12px
        }
    .devsite-share-links-copy-status {
        padding: 8px 12px
        }
    .devsite-share-links-copy-container {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
        }
    .devsite-share-links-copy-card .devsite-share-links-copy-icon {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
        }
    }
.devsite-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    }
.devsite-steps-direction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
.devsite-steps-previous {
    margin-left: 40px
    }
.devsite-steps-next {
    margin-right: 40px;
    text-align: right
    }
.devsite-steps-link:focus {
    text-decoration: none
    }
.devsite-steps-link-direction {
    color: #1a73e8;
    display: block;
    font-size: 14px
    }
.devsite-steps-link-title {
    color: #01579b;
    font-size: 18px;
    position: relative
    }
.devsite-steps-link:focus .devsite-steps-link-title {
    border-bottom: 1px solid #01579b
    }
.devsite-steps-link-arrow {
    color: #1a73e8;
    height: 24px;
    position: absolute;
    width: 24px
    }
.devsite-steps-link-arrow-left {
    left: -40px
    }
.devsite-steps-link-arrow-right {
    right: -40px
    }
@media screen and (max-width: 1000px) {
    .devsite-steps-link-title {
        font-size: 14px
        }
    .devsite-steps-previous {
        margin-left: 24px
        }
    .devsite-steps-link-arrow-left {
        left: -24px
        }
    .devsite-steps-next {
        margin-right: 24px
        }
    .devsite-steps-link-arrow-right {
        right: -24px
        }
    .devsite-steps-link-arrow {
        height: 16px;
        font-size: 16px;
        top: 0;
        width: 16px
        }
    }
@media screen and (max-width: 720px) {
    .devsite-steps {
        margin: 8px -8px 24px
        }
    .devsite-steps-direction {
        margin: 0 8px
        }
    .devsite-steps-link-arrow {
        display: none
        }
    }
.devsite-toast {
    bottom: auto !important;
    position: fixed;
    right: 24px;
    top: 56px;
    z-index: 10018
    }
.devsite-toast-content {
    background: #323232;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: 14px/24px Roboto;
    max-width: 568px;
    min-width: 288px;
    padding: 16px 24px
    }
.devsite-toast-content-span {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
    }
.devsite-toast-caution, .devsite-toast-error, .devsite-toast-success {
    padding-left: 40px
    }
.devsite-toast-caution::before, .devsite-toast-error::before, .devsite-toast-success::before {
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin-left: -40px;
    position: absolute
    }
.devsite-toast-caution::before {
    color: #f4b400;
    content: "error"
    }
.devsite-toast-error::before {
    color: #ff5252;
    content: "warning"
    }
.devsite-toast-success::before {
    color: #00bfa5;
    content: "check_circle"
    }
.devsite-toast-buttons {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto 0 auto 48px
    }
.devsite-toast-action {
    margin: -6px 0
    }
.devsite-toast-dismiss {
    color: #bdbdbd;
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 24px;
    min-width: 24px;
    padding: 0;
    text-transform: none
    }
.devsite-toast-dismiss:focus, .devsite-toast-dismiss:hover, .devsite-toast-dismiss:active {
    color: #fff
    }
.devsite-toast-dismiss::before {
    content: "close"
    }
@media screen and (max-width: 720px) {
    .devsite-toast {
        max-width: calc(100% - 32px);
        right: 16px
        }
    }
.devsite-tracking-question {
    background-color: #f7f7f7;
    padding: 8px
    }
.devsite-tracking-question-text {
    font-weight: bold
    }
.devsite-tracking-question-choice-button {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    color: #000;
    cursor: pointer;
    line-height: 50px;
    margin: 8px 0;
    padding: 0 20px;
    -webkit-transition: background 0.2s, -webkit-box-shadow 0.2s;
    transition: background 0.2s, -webkit-box-shadow 0.2s;
    transition: background 0.2s, box-shadow 0.2s;
    transition: background 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s
    }
.devsite-tracking-question-choice-button:focus, .devsite-tracking-question-choice-button:hover {
    background: #03a9f4;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.38);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.38)
    }
.devsite-vtags-container {
    position: relative
    }
.devsite-vtags {
    color: #757575
    }
.devsite-vtag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 16px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 13px;
    height: 32px;
    margin: 0 12px 12px 0;
    padding: 0 12px;
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s
    }
.devsite-vtag:focus, .devsite-vtag:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.38);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.38)
    }
.devsite-vtags-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: -24px
    }
.devsite-vtags-feedback {
    font-size: 12px;
    margin: 0 32px
    }
.devsite-vtags-feedback a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
    }
.devsite-vtags-feedback .material-icons {
    margin-right: 4px;
    position: relative;
    top: 2px
    }
.devsite-vtags-feedback :link, .devsite-vtags-feedback :visited {
    background: 0;
    color: #757575;
    text-decoration: none
    }
.devsite-vtags-feedback :hover, .devsite-vtags-feedback :active, .devsite-vtags-feedback :focus {
    color: #1a73e8
    }
.devsite-vtags-closer {
    color: #757575
    }
.devsite-vtags-closer:hover {
    color: #1a73e8;
    cursor: pointer
    }
.devsite-vtags-notice-text {
    display: block;
    margin: 0 0 12px
    }
.devsite-vtags-display-off {
    display: none !important
    }
.devsite-vplus-content-container {
    border: 1px solid black;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    visibility: hidden
    }
.devsite-vplus-slide-frame {
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 100%
    }
.devsite-vplus-video {
    bottom: 0;
    height: 26%;
    position: absolute;
    right: 0;
    -webkit-transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
    transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
    width: 26%;
    z-index: 1
    }
.devsite-vplus-video.devsite-vplus-large {
    height: 100%;
    width: 100%
    }
.devsite-vplus-video-container {
    bottom: 0;
    height: 26%;
    position: absolute;
    right: 0;
    -webkit-transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
    transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
    width: 26%;
    z-index: 1
    }
.devsite-vplus-video-container.devsite-vplus-large {
    height: 100%;
    width: 100%
    }
.devsite-vplus-video-container > video {
    width: 100%
    }
@media (max-width: 1049px) {
    #video-caption-container span {
        font-size: 1.9vw
        }
    }
@media (min-width: 1050px) {
    #video-caption-container span {
        font-size: 1.1vw
        }
    }
.devsite-vplus-controls {
    background-color: white;
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-top: 20px;
    margin: 0 auto;
    max-width: 490px;
    padding: 6px;
    text-align: center
    }
.devsite-vplus-controls-text {
    font-size: 16px;
    font-style: normal;
    font-weight: bold
    }
.devsite-vplus-slide-status {
    margin: auto
    }
.devsite-vplus-slide-status span {
    font-size: 18px
    }
.devsite-vplus-slide-status span:not(:first-of-type) {
    padding-left: 5px
    }
.devsite-vplus-player-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 16px
    }
.devsite-vplus-control-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    height: 43px;
    padding-top: 0;
    width: 50px
    }
.devsite-vplus-control-button:hover {
    -webkit-animation: 1s focus-fade;
    animation: 1s focus-fade
    }
.devsite-vplus-prev-button > div {
    margin-left: 4px
    }
.devsite-vplus-next-button > div {
    margin-left: 6px
    }
.devsite-vplus-video-controls-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
    }
.devsite-vplus-play-icon {
    margin-left: 0
    }
.devsite-vplus-pause-icon {
    margin-left: 0
    }
.devsite-vplus-play-button {
    padding-left: 0;
    width: 50px
    }
.devsite-vplus-triangle {
    border-style: solid;
    height: 0;
    margin: auto;
    position: relative;
    width: 0
    }
.devsite-vplus-back {
    border-color: transparent #24508d transparent transparent;
    border-width: 8px 16px 8px 0
    }
.devsite-vplus-back-triangle-1 {
    left: -16px;
    top: 15px
    }
.devsite-vplus-back-triangle-2 {
    left: 0;
    top: -1px
    }
.devsite-vplus-forward-single {
    border-color: transparent transparent transparent #24508d;
    border-width: 16px 0 16px 25px;
    margin-left: 8px;
    top: 5px
    }
.devsite-vplus-forward {
    border-color: transparent transparent transparent #24508d;
    border-width: 8px 0 8px 16px;
    top: 5px
    }
.devsite-vplus-forward-triangle-1 {
    left: -16px;
    top: 15px
    }
.devsite-vplus-forward-triangle-2 {
    left: 0;
    top: -1px
    }
.devsite-vplus-pause {
    background-color: #24508d;
    height: 30px;
    width: 9px
    }
.devsite-vplus-rect-1 {
    left: 6px;
    position: relative;
    top: 6px
    }
.devsite-vplus-rect-2 {
    left: 22px;
    position: relative;
    top: -24px
    }
.devsite-vplus-playbackrate select.kd-select:hover {
    -webkit-animation: 1s focus-fade;
    animation: 1s focus-fade
    }
.devsite-vplus-playbackrate .material-icons {
    margin-top: 10px
    }
.devsite-vplus-playbackrate select.kd-select {
    background: transparent url(../images/redesign-14/button-down-black.svg) no-repeat right;
    border-color: transparent;
    font-size: 18px;
    height: 46px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align-last: center;
    text-transform: none
    }
.devsite-vplus-caption-control-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px
    }
.devsite-vplus-caption-control {
    background-color: #24508d;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border: 0;
    color: white;
    display: inline-block;
    height: 35px;
    line-height: 39px;
    margin-right: 10px;
    margin-top: 1px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    vertical-align: 10%;
    width: 50px
    }
.devsite-vplus-captions-off {
    background-color: white;
    color: #24508d
    }
.devsite-vplus-controls .devsite-vplus-control-button.disabled {
    background-color: transparent
    }
.devsite-vplus-prev-button.disabled .devsite-vplus-triangle {
    border-right-color: #94969a
    }
.devsite-vplus-prev-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-right-color: #18345c
    }
.devsite-vplus-next-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-right-color: #18345c
    }
.devsite-vplus-next-button.disabled .devsite-vplus-triangle {
    border-left-color: #94969a
    }
.devsite-vplus-play-button:hover:not(.disabled) .devsite-vplus-triangle, .next-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-left-color: #18345c
    }
.devsite-vplus-navigation-button-container {
    margin: 0 auto;
    text-align: center
    }
.devsite-vplus-navigation-button-link {
    text-decoration: none
    }
.devsite-vplus-navigation-button {
    background-color: #24508d;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: white;
    display: inline-block;
    font-size: 16px;
    margin: 12px 36px;
    padding: 12px 36px
    }
@-webkit-keyframes focus-fade {
    from {
        color: #607d8b;
        -webkit-box-shadow: 0 2px 5px 0;
        box-shadow: 0 2px 5px 0
        } to {
        }
    }
@keyframes focus-fade {
    from {
        color: #607d8b;
        -webkit-box-shadow: 0 2px 5px 0;
        box-shadow: 0 2px 5px 0
        } to {
        }
    }
.devsite-vplus-addendums {
    border-top: 0;
    border: 1px solid black;
    cursor: pointer
    }
.devsite-vplus-addendums-header {
    background-color: #e0e0e0;
    outline: none;
    padding: 8px 8px 8px 0;
    width: 100%
    }
.devsite-vplus-addendums-control {
    display: table-cell
    }
.devsite-vplus-addendums-control > div {
    white-space: nowrap;
    margin-left: 8px;
    margin-right: 8px
    }
.devsite-vplus select.kd-select {
    outline: 2px
    }
.devsite-vplus-notes-control > div > div:hover, .devsite-vplus-transcript-control > div > div:hover, .devsite-vplus select.kd-select:hover {
    -webkit-animation: 1s focus-fade;
    animation: 1s focus-fade;
    background-color: #e1f3fc
    }
.devsite-vplus select.kd-select:focus {
    background-color: #e1f3fc
    }
.devsite-vplus-addendums-control.devsite-vplus-search-widget > div {
    margin-left: 0;
    margin-right: 0
    }
.devsite-vplus-addendums-label {
    white-space: nowrap
    }
.devsite-vplus-addendums-control .devsite-hidden {
    display: none
    }
.devsite-vplus-notes-control .devsite-vplus-addendums-opened, .devsite-vplus-notes-control .devsite-vplus-addendums-closed, .devsite-vplus-transcript-control .devsite-vplus-addendums-opened, .devsite-vplus-transcript-control .devsite-vplus-addendums-closed {
    display: none
    }
.devsite-vplus-notes-control.goog-zippy-expanded .devsite-vplus-addendums-opened, .devsite-vplus-notes-control.goog-zippy-collapsed .devsite-vplus-addendums-closed, .devsite-vplus-transcript-control.goog-zippy-expanded .devsite-vplus-addendums-opened, .devsite-vplus-transcript-control.goog-zippy-collapsed .devsite-vplus-addendums-closed {
    display: inline
    }
.devsite-vplus-search-widget {
    background-color: #f7f7f7;
    padding: 2px 4px;
    position: relative;
    width: 100%
    }
.devsite-vplus-search-widget > div {
    width: 100%
    }
.devsite-vplus-search-input {
    background-color: transparent;
    border-width: 0;
    font-size: 14px;
    width: 100%
    }
.devsite-vplus-search-input:hover {
    -webkit-animation: 1s focus-fade;
    animation: 1s focus-fade
    }
.devsite-vplus-search-autocomplete {
    position: relative;
    white-space: normal;
    width: 100%;
    z-index: 1
    }
.devsite-vplus-search-autocomplete .ac-renderer {
    background: #fff;
    border: 1px solid #757575;
    -webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.4);
    box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.4);
    font: normal 13px Arial, sans-serif;
    position: absolute;
    width: 100%
    }
.devsite-vplus-search-autocomplete .ac-row {
    cursor: pointer;
    padding: 6px
    }
.devsite-vplus-search-autocomplete .ac-highlighted {
    font-weight: bold
    }
.devsite-vplus-search-autocomplete .ac-active {
    background-color: #bdbdbd
    }
.devsite-vplus-addendums-control div.devsite-vplus-captions-language-selector-wrapper, .devsite-vplus-addendums-control div.devsite-vplus-video-language-selector-wrapper {
    display: inline-block;
    height: auto;
    margin-right: 2px;
    padding: 0;
    vertical-align: bottom
    }
.devsite-vplus-captions-language-selector-wrapper .material-icons, .devsite-vplus-video-language-selector-wrapper .material-icons {
    vertical-align: middle
    }
.devsite-vplus-captions-language-selector-wrapper:focus-within .material-icons, .devsite-vplus-video-language-selector-wrapper:focus-within .material-icons {
    display: none
    }
.devsite-vplus-captions-language-selector-wrapper select, .devsite-vplus-video-language-selector-wrapper select {
    min-width: 0;
    padding-right: 16px;
    width: 0
    }
.devsite-vplus-captions-language-selector-wrapper select:focus, .devsite-vplus-video-language-selector-wrapper select:focus {
    outline: -webkit-focus-ring-color auto 5px;
    padding-right: 27px;
    width: auto
    }
.devsite-vplus-captions-language-selector-wrapper select.kd-select, .devsite-vplus-video-language-selector-wrapper select.kd-select {
    background: transparent url(../images/redesign-14/button-down-black.svg) no-repeat right;
    border-color: transparent;
    font-size: small;
    height: auto;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align-last: right
    }
.devsite-vplus-addendums-opened .material-icons {
    width: 1em
    }
.devsite-vplus-addendums-closed .material-icons {
    background-color: #bdbdbd;
    color: #fff;
    width: 1em
    }
.devsite-vplus-notes {
    border-top: 1 solid #000;
    height: 100px;
    margin: 0;
    overflow: auto;
    padding: 16px;
    position: relative;
    resize: vertical;
    width: 100%
    }
.devsite-vplus-transcript-captions {
    border-top: 1 solid #000;
    height: 4.5em;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    resize: vertical;
    width: 100%
    }
.devsite-vplus-transcript-captions table {
    border-collapse: unset;
    margin: 0
    }
.devsite-vplus-transcript-caption {
    padding: 0.15em 1em;
    width: 100%
    }
.devsite-vplus-transcript-slide-separator {
    font-weight: bold;
    font-style: italic
    }
.devsite-vplus-transcript-slide-separator hr {
    padding: 1px 0
    }
.devsite-vplus-transcript-caption:focus {
    outline-offset: -3px
    }
.devsite-vplus-transcript-caption td {
    background-color: #fff;
    border-color: #fff;
    padding: 0 0.25em;
    text-shadow: 0 0 0 currentColor
    }
.devsite-vplus-transcript-caption:hover td {
    text-shadow: 0.5px 0 0.1px #757575, -0.5px 0 0.1px #757575
    }
.devsite-vplus-transcript-caption:hover .devsite-vplus-transcript-caption-bullet {
    visibility: visible
    }
.devsite-vplus-transcript-caption.devsite-vplus-caption-highlighted td {
    background-color: #fff176
    }
.devsite-vplus-transcript-caption .devsite-vplus-transcript-caption-bullet {
    padding: 0 0 0 4px;
    visibility: hidden
    }
.devsite-vplus-transcript-caption-time {
    font-weight: lighter;
    min-width: 2.5em;
    text-align: right
    }
.devsite-vplus-transcript-caption-text {
    width: 100%
    }
.devsite-vplus-fullscreen-icon {
    color: #24508d;
    padding: 0;
    text-overflow: unset;
    text-transform: none
    }
.devsite-apix, .apis-explorer {
    background: #f7f7f7
    }
.devsite-apix-error {
    padding: 32px
    }
.devsite-apix-controls {
    position: absolute;
    right: 8px;
    z-index: 10001
    }
.devsite-apix:not(.devsite-dialog) .devsite-apix-controls {
    top: 24px
    }
.devsite-hide-apix::before, .devsite-fullscreen-apix::before, .devsite-dock-apix::before {
    color: #212121
    }
.devsite-hide-apix::before {
    content: "close"
    }
.devsite-fullscreen-apix::before {
    content: "fullscreen"
    }
.devsite-dock-apix::before {
    content: "fullscreen_exit"
    }
.devsite-apix.devsite-dialog .devsite-hide-apix, .devsite-apix.devsite-dialog .devsite-fullscreen-apix, .devsite-apix:not(.devsite-dialog) .devsite-dock-apix {
    display: none
    }
.devsite-apix.devsite-dialog {
    max-height: none !important
    }
.devsite-apix.devsite-dialog .apis-explorer {
    height: 100%;
    min-height: 100%
    }
@media screen and (min-width: 1201px) {
    .devsite-apix:not(.devsite-dialog) {
        bottom: 0;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
        display: none;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 128px;
        width: 400px;
        z-index: 10001
        }
    .devsite-apix.devsite-dialog {
        bottom: 20px;
        margin: 0;
        top: 50px;
        width: 1152px
        }
    .devsite-has-apix .devsite-apix {
        display: block
        }
    .devsite-show-apix {
        margin: 12px 0 8px 12px
        }
    }
@media screen and (max-width: 1200px) {
    .devsite-apix:not(.devsite-dialog) {
        margin-top: 32px;
        max-height: none !important;
        position: relative
        }
    .devsite-apix.devsite-dialog {
        bottom: 20px;
        left: 24px;
        margin: 0;
        top: 50px;
        width: calc(100% - 48px)
        }
    .devsite-apix {
        display: block
        }
    .devsite-hide-apix {
        display: none
        }
    }
.expandable {
    position: relative
    }
.expandable > *:not(.showalways):not(.exw-control):not(.exw-expanded-content):not(.expand-control) {
    display: none
    }
.expand-control:not(button):not(.button) {
    color: #1a73e8;
    cursor: pointer
    }
.exw-control + .showalways {
    line-height: 24px;
    padding-left: 40px
    }
a.exw-control, a.exw-control:hover {
    background: #757575;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    height: 20px;
    margin: 2px 0;
    outline: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px
    }
a.exw-control:focus {
    background: #1a73e8
    }
a.exw-control::before {
    color: #fff;
    content: "expand_more";
    position: relative;
    right: 2px;
    top: -2px
    }
a.exw-control.exw-expanded::before {
    content: "expand_less"
    }
.exw-expanded-content {
    display: block
    }
.treelist li {
    list-style-type: none
    }
.feed.rendered > article {
    display: block
    }
.feed > article {
    display: none;
    margin: 40px 0
    }
.feed header {
    font: 500 18px/32px Roboto, sans-serif
    }
.devsite-filter {
    width: 100%
    }
.kd-tabbed-horz, .kd-tabbed-vert, .ui-datasection-main {
    background: #fff;
    border: 1px solid #ebebeb;
    font: 14px/20px Roboto, sans-serif;
    margin: 16px 0
    }
.ui-datasection-main .material-icons {
    font-size: 18px
    }
.kd-buttonbar {
    border-bottom: 1px solid #ebebeb;
    height: 48px;
    overflow: visible;
    position: relative;
    white-space: nowrap
    }
.kd-tabbutton {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    color: #757575;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/43px Roboto, sans-serif;
    height: 47px;
    max-width: 200px;
    margin: 0;
    outline: 0;
    overflow: hidden;
    padding: 0 24px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    -webkit-transition: color 0.2s, border-bottom 0.2s;
    transition: color 0.2s, border-bottom 0.2s;
    white-space: nowrap
    }
.kd-tabbutton[value="curl"], .kd-tabbutton[value="ios"] {
    text-transform: none
    }
.kd-tabbutton > .two-line-tab {
    -webkit-box-orient: vertical;
    display: inline-block;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    line-height: 20px;
    max-height: 43px;
    overflow: hidden;
    vertical-align: middle;
    white-space: normal
    }
.devsite-overflow-menu .kd-tabbutton {
    display: block;
    overflow-x: visible
    }
.devsite-overflow-menu .kd-tabbutton:hover {
    background: #f7f7f7
    }
.devsite-overflow-menu-button {
    padding-right: 28px;
    position: absolute;
    right: 0
    }
.devsite-overflow-menu-button::before {
    color: #757575;
    content: "arrow_drop_down";
    font: normal normal normal 24px/1 "Material Icons";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 18px;
    position: absolute;
    right: 8px;
    text-transform: lowercase;
    top: 12px
    }
.devsite-overflow-menu {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.37);
    max-height: 272px;
    overflow-y: auto;
    padding: 16px 0;
    position: absolute
    }
.kd-tabbutton.selected, .kd-tabbutton:focus {
    border-bottom-color: #1a73e8;
    color: #1a73e8
    }
.kd-tabbed-horz > article, .kd-tabbed-vert > article, .ui-datasection-main > section {
    padding: 7px
    }
.kd-tabbed-vert > article {
    margin: 0 !important
    }
.kd-buttonbar ~ :not(.selected) {
    display: none
    }
.kd-tabbed-horz > article > pre, .kd-tabbed-vert > article > pre, .ui-datasection-main > section > pre {
    background: #f7f7f7;
    margin: 8px -7px;
    padding: 8px 7px
    }
.devsite-dark-code .kd-tabbed-horz > article > pre, .devsite-dark-code .kd-tabbed-vert > article > pre, .devsite-dark-code .ui-datasection-main > section > pre {
    background: #212121
    }
.kd-tabbed-horz > article > p + pre, .kd-tabbed-vert > article > p + pre, .ui-datasection-main > section > p + pre {
    margin-top: -8px
    }
.kd-tabbed-horz > article > pre + p, .kd-tabbed-vert > article > pre + p, .ui-datasection-main > section > pre + p {
    margin-top: 0
    }
.kd-tabbed-horz > article > :first-child, .kd-tabbed-vert > article > :first-child, .ui-datasection-main > section > :first-child {
    margin-top: 0
    }
.kd-tabbed-horz > article > pre:first-child, .kd-tabbed-vert > article > pre:first-child, .ui-datasection-main > section > pre:first-child {
    margin-top: -7px;
    padding-top: 7px
    }
.ui-datasection-main > section > h3:first-child + p:empty {
    display: none
    }
.kd-tabbed-horz > article > :last-child, .kd-tabbed-vert > article > :last-child, .ui-datasection-main > section > :last-child {
    margin-bottom: 0
    }
.kd-tabbed-horz > article > pre:last-child, .kd-tabbed-vert > article > pre:last-child, .ui-datasection-main > section > pre:last-child {
    margin-bottom: -7px;
    padding-bottom: 7px
    }
.ui-datasection-main > section > p:last-child:empty {
    margin-bottom: -15px
    }
@media screen and (max-width: 720px) {
    .kd-tabbutton {
        padding: 0 12px
        }
    .devsite-overflow-menu-button {
        padding-right: 28px
        }
    }
.devsite-overflow-tabs-scroll-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%
    }
.devsite-doc-set-nav-row .devsite-overflow-tabs-scroll-wrapper {
    padding-right: 24px
    }
.devsite-overflow-tabs-scroll {
    left: 0;
    position: relative;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
    width: 100%
    }
.devsite-overflow-tabs-scroll .devsite-feedback-button {
    position: absolute;
    right: 0;
    margin: 6px -8px 6px 0
    }
.devsite-overflow-tabs-scroll-button, .devsite-overflow-tabs-scroll-button:focus, .devsite-overflow-tabs-scroll-button:hover, .devsite-overflow-tabs-scroll-button:active {
    background: #fff;
    border-radius: 0;
    height: 48px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
    }
.devsite-top-logo-row .devsite-overflow-tabs-scroll-button, .devsite-top-logo-row .devsite-overflow-tabs-scroll-button:focus, .devsite-top-logo-row .devsite-overflow-tabs-scroll-button:hover, .devsite-top-logo-row .devsite-overflow-tabs-scroll-button:active {
    background: #fff
    }
.devsite-overflow-tabs-scroll-button::before {
    content: "chevron_right"
    }
.devsite-overflow-tabs-scroll-button.devsite-scroll-back {
    left: 0
    }
.devsite-overflow-tabs-scroll-button.devsite-scroll-back::before {
    content: "chevron_left"
    }
@media screen and (max-width: 720px) {
    .devsite-overflow-tabs-scroll-wrapper {
        padding-right: 16px
        }
    }
@media print {
    body, html, :link, :visited, h1, h2, h3, h4, h5, h6, code, pre, h1 code, h2 code, h3 code, h4 code, h5 code, h6 code, pre .com, pre .lit, pre .dec, pre .kwd, pre .tag, pre .str, pre .atv, pre .typ, pre .atn, a code, a .atv, a .atn, a .com, a .dec, a .kwd, a .lit, a .str, a .tag, a .typ, .prettyprint a, var, aside, aside :link, aside :visited, th, th code, td, td code, th :link, th :visited, .caution, .caution a, .dogfood, .devsite-banner, .devsite-banner a, .dogfood a, .key-point, .key-point a, .key-term, .key-term a, .note, .note a, .objective, .objective a, .special, .special a, .success, .success a, .warning, .warning a, #embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonString, #embedded-explorer .com-google-api-explorer-client-history-EmbeddedHistoryItemView_HistoryItemUiBinderImpl_GenCss_style-error, #embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonNumber, #embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonBoolean, #embedded-explorer .com-google-api-explorer-client-Resources-Css-jsonKey {
        color: #000;
        padding-left: 0;
        padding-right: 0
        }
    .expandable > *:not(.showalways):not(.exw-control):not(.exw-expanded-content):not(.expand-control) {
        display: block
        }
    :link, :visited {
        text-decoration: underline
        }
    .devsite-top-section, .devsite-nav-responsive, .devsite-section-nav, .devsite-section-nav-responsive, .devsite-page-nav, .devsite-page-embedded, .devsite-rating-container, .devsite-googler-buttons, .devsite-googler-buttons-show, .devsite-footer, .devsite-site-footer, .devsite-utility-footer, .devsite-footer-linkboxes {
        display: none
        }
    .devsite-main-content, .devsite-landing-page .devsite-main-content, .devsite-full-width-page .devsite-main-content, .devsite-article {
        margin: 0 !important;
        max-width: none;
        padding: 0;
        width: auto
        }
    .devsite-banner {
        margin-top: 0
        }
    .attempt-left, .attempt-right, .video-wrapper {
        float: none;
        margin: 16px 0
        }
    .devsite-main-content a[href]::after {
        content: " (" attr(href) ")";
        display: inline-block;
        font: 14px/20px Roboto, sans-serif;
        max-width: 100%;
        word-wrap: break-word
        }
    }
@page {
    margin: 0.75in
    }
.dynamic-content-widget {
    margin: 20px 0
    }
.dynamic-content-widget .dynamic-content-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -40px 0 0 -40px
    }
.dynamic-content-widget .dynamic-card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    min-width: 0;
    padding: 40px 0 0 40px
    }
.dynamic-content-widget .dynamic-card {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21);
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    min-width: 0;
    position: relative
    }
.dynamic-content-widget [dynamic-card-style=small] .dynamic-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
    }
.dynamic-content-widget .dynamic-card-wrapper[hidden] {
    display: none
    }
.dynamic-content-widget .dynamic-card-image-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 170px
    }
.dynamic-content-widget [dynamic-card-style=small] .dynamic-card-image-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%
    }
.dynamic-content-widget .dynamic-card h3 {
    color: #212121;
    font: 400 18px/20px Roboto, sans-serif;
    margin: 10px 0
    }
.dynamic-content-widget .dynamic-card-content {
    padding: 10px 20px 20px;
    word-break: break-word
    }
.dynamic-content-list {
    list-style: none;
    padding: 0
    }
.dynamic-content-list-item {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21)
    }
.dynamic-content-list-item:not(:last-child) {
    margin: 0 0 20px;
    padding: 0
    }
.dynamic-content-list-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f9fa;
    color: #757575;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: 500 20px/24px Roboto, sans-serif;
    padding: 16px 20px 20px;
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    width: 100%
    }
.dynamic-content-list-link:hover, .dynamic-content-list-link:focus {
    background: #455a64;
    color: #fff
    }
.dynamic-content-list-link:focus {
    text-decoration: none
    }
.dynamic-content-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;
    word-wrap: normal;
    margin-left: auto;
    opacity: 0;
    -webkit-transform: translatex(-20px);
    transform: translatex(-20px);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s
    }
.dynamic-content-list-link:hover::after, .dynamic-content-list-link:focus::after {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0)
    }
.dynamic-content-widget .dynamic-card-category {
    color: #757575;
    font: 700 11px/20px Roboto, sans-serif;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    margin-top: 10px
    }
.dynamic-content-widget .dynamic-card-summary {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font: 400 16px/1.5 Roboto, sans-serif;
    margin: 16px 0 0;
    max-height: 6em;
    overflow: hidden
    }
@media (max-width: 720px) {
    .dynamic-content-widget .dynamic-card-summary {
        font-size: 14px
        }
    }
.dynamic-content-widget-paging {
    display: block;
    margin-top: 20px;
    text-align: center
    }
.dynamic-content-widget-paging .paging-btn-more {
    margin-right: 20px
    }
.dynamic-content-widget-paging button[hidden] {
    display: none
    }
@media screen and (max-width: 1000px) {
    .dynamic-content-widget .dynamic-card-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
        }
    }
@media screen and (max-width: 720px) {
    .dynamic-content-widget .dynamic-content-results {
        margin: -20px 0 0 -20px
        }
    .dynamic-content-widget .dynamic-card-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 20px 0 0 20px
        }
    }