@charset "utf-8";
[theme=developers] {
    --devsite-primary-color: #1a73e8;
    --devsite-dark-color: #185abc;
    --devsite-light-color: #4285f4
    }
.devsite-site-logo {
    width: 185px
    }
[theme=blue-grey] {
    --devsite-primary-color: #607d8b;
    --devsite-dark-color: #455a64;
    --devsite-light-color: #78909c;
    --devsite-upper-tab-active: #455a64
    }
[theme=blue-grey-dark] {
    --devsite-primary-color: #455a64;
    --devsite-dark-color: #37474f;
    --devsite-light-color: #607d8b;
    --devsite-upper-tab-active: #37474f
    }
[theme=cyan] {
    --devsite-primary-color: #12b5cb;
    --devsite-dark-color: #098591;
    --devsite-light-color: #24c1e0;
    --devsite-upper-tab-active: #098591
    }
[theme=deep-orange] {
    --devsite-primary-color: #ff5722;
    --devsite-dark-color: #e64a19;
    --devsite-light-color: #ff7043;
    --devsite-upper-tab-active: #e64a19
    }
[theme=deep-purple] {
    --devsite-primary-color: #673ab7;
    --devsite-dark-color: #512da8;
    --devsite-light-color: #7e57c2;
    --devsite-upper-tab-active: #512da8
    }
[theme=google-blue] {
    --devsite-primary-color: #1a73e8;
    --devsite-dark-color: #185abc;
    --devsite-light-color: #4285f4;
    --devsite-upper-tab-active: #185abc
    }
[theme=google-green] {
    --devsite-primary-color: #1e8e3e;
    --devsite-dark-color: #137333;
    --devsite-light-color: #34a853;
    --devsite-upper-tab-active: #137333
    }
[theme=google-red] {
    --devsite-primary-color: #d93025;
    --devsite-dark-color: #b31412;
    --devsite-light-color: #ea4335;
    --devsite-upper-tab-active: #b31412
    }
[theme=google-yellow] {
    --devsite-primary-color: #f9ab00;
    --devsite-dark-color: #ea8600;
    --devsite-light-color: #fbbc04;
    --devsite-upper-tab-active: #ea8600
    }
[theme=indigo] {
    --devsite-primary-color: #3f51b5;
    --devsite-dark-color: #303f9f;
    --devsite-light-color: #5c6bc0;
    --devsite-upper-tab-active: #303f9f
    }
[theme=orange] {
    --devsite-primary-color: #e8710a;
    --devsite-dark-color: #c26401;
    --devsite-light-color: #fa7b17;
    --devsite-upper-tab-active: #c26401
    }
[theme=pink] {
    --devsite-primary-color: #e52592;
    --devsite-dark-color: #b80672;
    --devsite-light-color: #f439a0;
    --devsite-upper-tab-active: #b80672
    }
[theme=purple] {
    --devsite-primary-color: #9334e6;
    --devsite-dark-color: #7627bb;
    --devsite-light-color: #a142f4;
    --devsite-upper-tab-active: #7627bb
    }
[theme=teal] {
    --devsite-primary-color: #009688;
    --devsite-dark-color: #00796b;
    --devsite-light-color: #26a69a;
    --devsite-upper-tab-active: #00796b
    }
[theme=blue] {
    --devsite-primary-color: #1a73e8;
    --devsite-dark-color: #185abc;
    --devsite-light-color: #4285f4;
    --devsite-upper-tab-active: #185abc
    }
[theme=green] {
    --devsite-primary-color: #1e8e3e;
    --devsite-dark-color: #137333;
    --devsite-light-color: #34a853;
    --devsite-upper-tab-active: #137333
    }
[theme=light-blue] {
    --devsite-primary-color: #0288d1;
    --devsite-dark-color: #01579b;
    --devsite-light-color: #039be5;
    --devsite-upper-tab-active: #01579b
    }
[theme=light-green] {
    --devsite-primary-color: #8bc34a;
    --devsite-dark-color: #689f38;
    --devsite-light-color: #9ccc65;
    --devsite-upper-tab-active: #689f38
    }
[theme=navy] {
    --devsite-primary-color: #3f51b5;
    --devsite-dark-color: #303f9f;
    --devsite-light-color: #5c6bc0;
    --devsite-upper-tab-active: #303f9f
    }
[theme=google-yellow], [theme=light-green] {
    --devsite-header-foreground-lower: rgba(0, 0, 0, 0.87)
    }
[theme=white] {
    --devsite-primary-color: #fff;
    --devsite-dark-color: #202124;
    --devsite-light-color: #bdc1c6;
    --devsite-header-border: 1px solid #bdc1c6;
    --devsite-header-foreground-lower: #5f6368;
    --devsite-progress-background-color: #5f6368;
    --devsite-toc-border: #039be5
    }
[foreground=white], [theme=white] [foreground=theme] {
    --devsite-foreground-color: #039be5;
    --devsite-foreground-button-background: #e6f5fc;
    --devsite-foreground-button-background-hover: #039be5;
    --devsite-foreground-button-border: 1px solid #c0e6f9;
    --devsite-foreground-button-border-active: 1px solid #e6f5fc
    }
[theme=google-yellow], [theme=light-green], [theme=white] {
    --devsite-header-foreground-lower-hover: #202124;
    --devsite-header-foreground-lower-active: #202124
    }
[theme=cyan] [background=theme] {
    --devsite-background-color: #43cde6
    }
[theme=google-yellow] [background=theme] {
    --devsite-background-color: #fcc934
    }
[theme=light-green] [background=theme] {
    --devsite-background-color: #aed581
    }
[theme=orange] [background=theme] {
    --devsite-background-color: #fcad70
    }
[theme=cyan] .devsite-landing-row-cta:not([background]), [theme=cyan] [background=theme], [theme=google-yellow] .devsite-landing-row-cta:not([background]), [theme=google-yellow] [background=theme], [theme=light-green] .devsite-landing-row-cta:not([background]), [theme=light-green] [background=theme], [theme=orange] .devsite-landing-row-cta:not([background]), [theme=orange] [background=theme], [theme=white] .devsite-landing-row-cta:not([background]), [theme=white] [background=theme] {
    --devsite-text-color: #202124;
    --devsite-text-color-hover: rgba(154, 160, 166, 0.5)
    }
[theme=cars-theme] {
    --devsite-primary-color: #3ddc84;
    --devsite-dark-color: #00a956;
    --devsite-light-color: #7affb4;
    --devsite-header-color-lower: #f7f9fa;
    --devsite-header-foreground-lower: rgba(32, 33, 36, 0.7);
    --devsite-header-foreground-lower-hover: #202124;
    --devsite-header-foreground-lower-active: #202124;
    --devsite-header-foreground-lower-border-active: #3ddc84;
    --devsite-header-foreground-lower-description: #202124;
    --devsite-header-link-color: #1a73e8;
    --devsite-header-link-color-active: #185abc;
    --devsite-page-background: #fff;
    --devsite-page-border: 1px solid #dadce0;
    --devsite-page-border-radius: 8px;
    --devsite-page-box-shadow: none;
    --devsite-first-row-border-radius: 8px 8px 0 0;
    --devsite-last-row-border-radius: 0 0 8px 8px;
    --devsite-upper-tab-active: #202124;
    --devsite-upper-tab-border: #3ddc84
    }
[foreground=cars-theme], [theme=cars-theme] [foreground=theme] {
    --devsite-foreground-color: #3ddc84;
    --devsite-foreground-button-background: #ecfcf3;
    --devsite-foreground-button-background-hover: #00a956;
    --devsite-foreground-button-border: 1px solid #cff6e0;
    --devsite-foreground-button-border-active: 1px solid #ecfcf3
    }
[theme=nest-theme] {
    --devsite-primary-color: #00afd8;
    --devsite-dark-color: #0096c8;
    --devsite-light-color: #26bbde;
    --devsite-header-icon-color-active: #bdc1c6;
    --devsite-header-link-color: #039be5;
    --devsite-header-link-color-active: #0277bd;
    --devsite-upper-tab-border: #0096c8
    }
[foreground=nest-theme], [theme=nest-theme] [foreground=theme] {
    --devsite-foreground-color: #00afd8;
    --devsite-foreground-button-background: #e6f7fb;
    --devsite-foreground-button-background-hover: #0096c8;
    --devsite-foreground-button-border: 1px solid #bfebf5;
    --devsite-foreground-button-border-active: 1px solid #e6f7fb
    }
[theme=stadia-theme] {
    --devsite-primary-color: #9b0063;
    --devsite-dark-color: #680039;
    --devsite-light-color: #d04791;
    --devsite-header-link-color: #9b0063;
    --devsite-header-link-color-active: #680039;
    --devsite-header-link-color-visited: #d04791
    }
[foreground=stadia-theme], [theme=stadia-theme] [foreground=theme] {
    --devsite-foreground-color: #9b0063;
    --devsite-foreground-button-background: #f5e6ef;
    --devsite-foreground-button-background-hover: #680039;
    --devsite-foreground-button-border: 1px solid #e6bfd8;
    --devsite-foreground-button-border-active: 1px solid #f5e6ef
    }
[theme=youtube-theme] {
    --devsite-primary-color: red;
    --devsite-dark-color: #c20000;
    --devsite-light-color: #ff2626
    }
[foreground=youtube-theme], [theme=youtube-theme] [foreground=theme] {
    --devsite-foreground-color: red;
    --devsite-foreground-button-background: #ffe6e6;
    --devsite-foreground-button-background-hover: #c20000;
    --devsite-foreground-button-border: 1px solid #ffbfbf;
    --devsite-foreground-button-border-active: 1px solid #ffe6e6
    }
body, dd, div, dl, figure, form, img, input, menu {
    margin: 0;
    padding: 0
    }
body[no-overflow] {
    overflow: hidden
    }
iframe {
    border: 0
    }
iframe:not([src]) {
    display: none
    }
.beta > :first-child, .caution > :first-child, .dogfood > :first-child, .key-point > :first-child, .key-term > :first-child, .note > :first-child, .objective > :first-child, .quickstart-left > :first-child, .quickstart-wide > :first-child, .special > :first-child, .success > :first-child, .warning > :first-child, aside > :first-child, blockquote > :first-child, dd > :first-child, li > p:first-child, td > .devsite-table-wrapper:first-child > table, td > .expandable:first-child > :nth-child(2), td > :first-child, td > :first-child > li:first-child {
    margin-top: 0
    }
.beta > :last-child, .caution > :last-child, .dogfood > :last-child, .key-point > :last-child, .key-term > :last-child, .note > :last-child, .objective > :last-child, .quickstart-left > :last-child, .quickstart-wide > :last-child, .special > :last-child, .success > :last-child, .warning > :last-child, aside > :last-child, blockquote > :last-child, dd > :last-child, li > p:last-child, td > .devsite-table-wrapper:last-child > table, td > .expandable:last-child > :last-child, td > :last-child, td > :last-child > li:last-child {
    margin-bottom: 0
    }
html {
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
*, :after, :before {
    -moz-box-sizing: inherit;
    box-sizing: inherit
    }
.clearfix:after, .quickstart-step:after {
    clear: both;
    content: "";
    display: table;
    height: 0;
    visibility: hidden
    }
:root {
    --devsite-item-gap: 24px
    }
@media screen and (max-width: 600px) {
    :root {
        --devsite-item-gap: 16px
        }
    }
:root {
    --devsite-heading-color: #202124;
    --devsite-display-font: 400 44px/52px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-h1-font: 400 32px/40px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-h1-letter-spacing: 0;
    --devsite-h1-margin: 48px 0 24px;
    --devsite-h2-border: 0;
    --devsite-h2-font: 400 24px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-h2-letter-spacing: 0;
    --devsite-h2-margin: 48px 0 24px;
    --devsite-h2-padding: 0;
    --devsite-h3-font: 400 20px/28px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-table-heading-font: 500 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-wordmark-font: 400 22px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-button-background-hover: #e8f0fe;
    --devsite-button-background-active: #e8f0fe;
    --devsite-button-border: 1px solid #dadce0;
    --devsite-button-border-hover: 1px solid #d2e3fc;
    --devsite-button-border-active: 1px solid #e8f0fe;
    --devsite-button-border-radius: 4px;
    --devsite-button-box-shadow: none;
    --devsite-button-box-shadow-active: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    --devsite-button-font: 500 14px/36px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-button-line-height: 34px;
    --devsite-button-padding: 0 24px;
    --devsite-button-text-transform: none;
    --devsite-button-disabled-background: transparent;
    --devsite-button-disabled-border: 1px solid #f8f9fa;
    --devsite-button-disabled-color: #9aa0a6;
    --devsite-button-disabled-line-height: 34px;
    --devsite-button-primary-background: #1a73e8;
    --devsite-button-primary-background-hover: #1a73e8;
    --devsite-button-primary-background-active: #1a73e8;
    --devsite-button-primary-box-shadow-hover: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    --devsite-background-button-primary-background-hover: #e8f0fe;
    --devsite-button-white-background-hover: #e8f0fe;
    --devsite-button-white-background-active: #e8f0fe;
    --devsite-button-white-box-shadow-active: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    --devsite-button-raised-background-hover: #e8f0fe;
    --devsite-button-raised-background-active: #e8f0fe;
    --devsite-button-with-icon-padding: 0 15px;
    --devsite-button-material-icon-margin-x: -12px;
    --devsite-button-white-material-icon-margin-x: 0;
    --devsite-card-border: 1px solid #dadce0;
    --devsite-card-border-radius: 8px;
    --devsite-card-box-shadow: none;
    --devsite-card-content-border-radius: 7px 7px 0 0;
    --devsite-card-list-item-border-radius: 0;
    --devsite-card-list-item-margin: 0;
    --devsite-card-list-overflow: hidden;
    --devsite-link-background-hover: #e8f0fe;
    --devsite-nav-active-color: #185abc;
    --devsite-input-background-focus: #d2e3fc;
    --devsite-input-border: 1px solid #dadce0;
    --devsite-input-color-disabled: rgba(95, 99, 104, 0.38);
    --devsite-input-file-padding: 8px 24px
    }
@media screen and (max-width: 600px) {
    :root {
        --devsite-display-font: 400 24px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
        --devsite-h1-font: 400 24px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
        }
    }
.devsite-breadcrumb-list {
    --devsite-font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
.devsite-header-billboard {
    --devsite-h1-font: 400 44px/52px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-h1-letter-spacing: 0.5px
    }
.devsite-landing-row-item {
    --devsite-buttons-margin: auto 0 -4px
    }
.devsite-nav-active {
    --devsite-link-color-active: #185abc
    }
devsite-book-nav {
    --devsite-nav-divider-background: #f1f3f4;
    --devsite-nav-heading-color-hover: #5f6368;
    --devsite-nav-title-background-active: #e8f0fe;
    --devsite-nav-title-background-hover: #f1f3f4;
    --devsite-nav-title-color-hover: #202124;
    --devsite-nav-title-margin-x: 8px;
    --devsite-nav-title-no-path-color-hover: #bdc1c6
    }
devsite-code {
    --devsite-code-button-size: 32px
    }
.devsite-article-body > devsite-code {
    --devsite-code-buttons-container-right: 40px;
    --devsite-code-margin: 16px -40px;
    --devsite-code-padding: 24px 40px
    }
@media screen and (max-width: 840px) {
    .devsite-article-body > devsite-code {
        --devsite-code-buttons-container-right: 24px;
        --devsite-code-margin: 16px -24px;
        --devsite-code-padding: 24px 24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-article-body > devsite-code {
        --devsite-code-buttons-container-right: 16px;
        --devsite-code-margin: 16px -16px;
        --devsite-code-padding: 24px 16px
        }
    }
.devsite-article-body > devsite-code:last-child {
    --devsite-code-margin: 16px -40px -16px
    }
@media screen and (max-width: 840px) {
    .devsite-article-body > devsite-code:last-child {
        --devsite-code-margin: 16px -24px -16px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-article-body > devsite-code:last-child {
        --devsite-code-margin: 16px -16px -16px
        }
    }
devsite-content {
    --devsite-search-term-color: #5f6368;
    --devsite-search-term-weight: 400
    }
devsite-dialog {
    --devsite-border-radius: 8px;
    --devsite-feedback-buttons-padding: 16px 24px 8px;
    --devsite-heading-font: 400 18px/30px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-heading-text-align: center
    }
devsite-footer-linkboxes, devsite-footer-promos {
    --devsite-heading-font: 400 16px/26px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-footer-linkboxes {
    --devsite-heading-margin: 1px 0 4px;
    --devsite-list-heading-margin: 34px 0 0
    }
devsite-footer-promos {
    --devsite-heading-font-weight: 400
    }
devsite-jump-to {
    --devsite-link-background: #fff;
    --devsite-link-background-hover: #e8f0fe;
    --devsite-link-color: #1a73e8
    }
devsite-multiple-choice {
    --devsite-background-color: #fff;
    --devsite-border: 1px solid #dadce0;
    --devsite-border-radius: 8px;
    --devsite-overflow: hidden;
    --devsite-answer-border-bottom: 0;
    --devsite-answer-border-top: 1px solid #dadce0;
    --devsite-question-background-color: #e8eaed;
    --devsite-question-color: #202124
    }
devsite-nav-buttons {
    --devsite-button-background-hover: #e8f0fe;
    --devsite-button-background-selected: #1a73e8;
    --devsite-button-border: 1px solid #dadce0;
    --devsite-button-border-selected: 0;
    --devsite-button-color: #1a73e8;
    --devsite-button-color-selected: #fff;
    --devsite-button-font-weight: 500;
    --devsite-button-padding: 0 16px
    }
devsite-page-rating {
    --devsite-heading-font: 400 24px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-search {
    --devsite-search-border-radius: 4px;
    --devsite-search-active-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    --devsite-search-active-overflow: hidden;
    --devsite-searchbox-before-display: none;
    --devsite-search-form-background-active: #fff;
    --devsite-search-form-text-active: #5f6368;
    --devsite-popout-box-shadow: none;
    --devsite-popout-display: none;
    --devsite-popout-active-display: block;
    --devsite-popout-margin-top: 0;
    --devsite-popout-position: relative;
    --devsite-popout-transform: none;
    --devsite-popout-transition: none;
    --devsite-popout-z-index: auto
    }
@media screen and (max-width: 840px) {
    devsite-search {
        --devsite-search-button-margin-before: auto;
        --devsite-search-form-position: absolute;
        --devsite-search-form-position-end: 40px;
        --devsite-search-form-position-start: 0;
        --devsite-popout-display: block;
        --devsite-popout-position-start: 0;
        --devsite-popout-width: auto;
        --devsite-search-content-padding-start: 40px
        }
    }
@media screen and (max-width: 600px) {
    devsite-search {
        --devsite-search-content-padding-start: 12px
        }
    }
devsite-select, select {
    --devsite-select-border: 1px solid #dadce0;
    --devsite-select-border-radius: 4px;
    --devsite-select-font: 500 14px/36px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-select-padding: 0 27px 0 15px;
    --devsite-list-border: 0;
    --devsite-list-border-radius: 4px;
    --devsite-item-background-selected: #e3f2fd;
    --devsite-item-font-weight-selected: 400
    }
devsite-selector {
    --devsite-border: 1px solid #dadce0;
    --devsite-border-radius: 8px;
    --devsite-content-border-radius: 0 0 7px 7px;
    --devsite-link-hover: #5f6368;
    --devsite-marker-background: #5f6368;
    --devsite-overflow-tab-background: #f1f3f4;
    --devsite-overflow-tab-border-radius: 0 7px 0 0;
    --devsite-overflow-link-background-hover: #e8f0fe
    }
[dir=rtl] devsite-selector {
    --devsite-overflow-tab-border-radius: 7px 0 0
    }
devsite-snackbar {
    --devsite-snack-max-width: 568px;
    --devsite-snack-min-width: 288px;
    --devsite-snackbar-inner-background: #202124;
    --devsite-snackbar-inner-border-radius: 4px;
    --devsite-snackbar-inner-color: #ddd;
    --devsite-snackbar-action-color: #669df6;
    --devsite-snackbar-action-font: 500 16px/1 Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-snackbar-action-margin-left: auto;
    --devsite-snackbar-action-margin-right: 16px;
    --devsite-snackbar-action-padding: 8px;
    --devsite-snackbar-message-padding: 16px 24px
    }
devsite-snackbar [type=cookie-notification], devsite-snackbar [type^=notification-] {
    --devsite-snackbar-inner-flex-wrap: wrap;
    --devsite-snackbar-action-padding: 4px 8px 24px;
    --devsite-snackbar-message-flex: 0 0 100%;
    --devsite-snackbar-message-padding: 24px 24px 16px
    }
@media screen and (max-width: 840px) {
    devsite-snackbar {
        --devsite-snack-width: 100%;
        --devsite-snackbar-inner-border-radius: 0
        }
    devsite-snackbar [type=cookie-notification], devsite-snackbar [type^=notification-] {
        --devsite-snackbar-message-padding: 24px
        }
    }
devsite-tabs {
    --devsite-tabs-wrapper-x: 6px;
    --devsite-link-font: 500 14px/20px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    --devsite-link-padding: 0 18px;
    --devsite-link-text-transform: none;
    --devsite-dropdown-tab-padding-x: 18px;
    --devsite-dropdown-toggle-padding-x: 12px;
    --devsite-overflow-menu-border-radius: 4px;
    --devsite-overflow-menu-top: 44px;
    --devsite-overflow-tab-padding: 0 18px;
    --devsite-tab-marker-border-radius: 3px 3px 0 0;
    --devsite-tab-marker-height: 3px;
    --devsite-tab-marker-inset-x: 4px;
    --devsite-tab-marker-position-x: 22px;
    --devsite-upper-tab-font-weight: 500
    }
body, html {
    color: #202124;
    font: 400 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
    }
.devsite-book-nav-bg:after, body[layout=docs] {
    background-color: #e8eaed;
    background-color: var(--devsite-page-background, #e8eaed)
    }
body[sitemask--active] {
    overflow: hidden
    }
p {
    margin: 16px 0;
    padding: 0
    }
img, video {
    border: 0;
    height: auto;
    max-width: 100%
    }
table img {
    max-width: 272px
    }
:link, :visited {
    color: #1a73e8;
    outline: 0;
    text-decoration: none;
    word-break: break-word
    }
table :link, table :visited {
    word-break: normal
    }
a:focus {
    text-decoration: underline
    }
a:focus img {
    -webkit-filter: brightness(75%);
    filter: brightness(75%)
    }
.devsite-toast-content :link, .devsite-toast-content :visited {
    color: #fff;
    text-decoration: underline
    }
.devsite-toast-content a:focus {
    background: hsla(0, 0%, 100%, 0.3);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
sup {
    line-height: 1
    }
dd, ol, ul {
    margin: 0;
    padding-left: 40px
    }
td > dl > dd, td > ol, td > ul {
    padding-left: 20px
    }
ol {
    list-style: decimal outside
    }
ol ol {
    list-style-type: lower-alpha
    }
ol ol ol {
    list-style-type: lower-roman
    }
ol.upper-alpha {
    list-style-type: upper-alpha
    }
ul {
    list-style: disc outside
    }
li, li p {
    margin: 12px 0;
    padding: 0
    }
dt {
    font: 700 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
blockquote, dd, dt {
    margin: 16px 0
    }
blockquote {
    background: #f1f3f4;
    padding: 8px;
    quotes: none
    }
hr {
    background: #dadce0;
    border: 0;
    height: 1px;
    margin: 16px 0;
    width: 100%
    }
.devsite-article-body > hr.full-width {
    margin: 16px -40px;
    width: calc(100% + 80px)
    }
@media screen and (max-width: 840px) {
    .devsite-article-body > hr.full-width {
        margin: 16px -24px;
        width: calc(100% + 48px)
        }
    }
@media screen and (max-width: 600px) {
    .devsite-article-body > hr.full-width {
        margin: 16px -16px;
        width: calc(100% + 32px)
        }
    }
abbr, acronym {
    border-bottom: 1px dotted #5f6368;
    cursor: help
    }
address, cite, dfn, em {
    font-style: italic
    }
strong {
    font-weight: 700
    }
[visually-hidden] {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important
    }
.hidden, [hidden] {
    display: none !important
    }
[render-hidden] {
    display: inline !important;
    position: absolute !important;
    visibility: hidden !important
    }
[no-scroll] {
    overflow: hidden
    }
#app-progress {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1011
    }
#app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, #app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3 {
    background-color: #5f6368;
    background-color: var(--devsite-progress-background-color, var(--devsite-primary-color, #5f6368))
    }
.devsite-article .material-icons {
    vertical-align: bottom
    }
.devsite-article-body .material-icons:not(:link), [type=landing] .devsite-article .material-icons:not(:link) {
    cursor: default
    }
.footnotes ol {
    padding-left: 16px
    }
.footnotes li {
    font: 400 13px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
#qv-wrapper, #table-of-contents, #tb-wrapper, .inline-toc, div.toc:not(.class):not(.group):not(.type):not(.interface), h2#contents, h2.toc, h3#contents, h3.toc, ol.toc, section.toc, ul.toc {
    display: none
    }
@media screen and (max-width: 840px) {
    #app-progress {
        z-index: 1014
        }
    }
.no-feedback devsite-feedback {
    display: none !important
    }
.preserve-case {
    text-transform: none
    }
a.external:after, a[href*=man7\.org]:after, a[href*=oracle\.com]:after {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    content: "open_in_new";
    font-size: 18px;
    margin: 0;
    vertical-align: text-bottom
    }
[dir=ltr] a.external:after, [dir=ltr] a[href*=man7\.org]:after, [dir=ltr] a[href*=oracle\.com]:after {
    margin-left: 4px
    }
[dir=rtl] a.external:after, [dir=rtl] a[href*=man7\.org]:after, [dir=rtl] a[href*=oracle\.com]:after {
    margin-right: 4px;
    -webkit-transform: scalex(-1);
    transform: scalex(-1)
    }
a.download:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    content: "file_download";
    display: inline-block;
    font-size: 18px;
    margin: 0;
    vertical-align: text-bottom
    }
[dir=ltr] a.download:before {
    margin-right: 4px
    }
[dir=rtl] a.download:before {
    margin-left: 4px
    }
devsite-content {
    counter-reset: numbered
    }
h2.numbered {
    line-height: 48px;
    margin-top: 60px;
    padding-bottom: 19px
    }
h2.numbered:before {
    background: #bdc1c6;
    border-radius: 50%;
    color: #fff;
    content: counter(numbered);
    counter-increment: numbered;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin: 0 20px 0 0;
    text-align: center;
    width: 48px
    }
[dir=rtl] h2.numbered:before {
    margin: 0 0 0 20px
    }
.compare-better, .compare-no, .compare-worse, .compare-yes {
    font-weight: 700
    }
.compare-better:before, .compare-blank:before, .compare-no:before, .compare-worse:before, .compare-yes:before {
    content: "";
    display: inline-block;
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    margin: -4px 4px 0 0;
    text-transform: none;
    vertical-align: middle;
    width: 24px
    }
[dir=rtl] .compare-better:before, [dir=rtl] .compare-blank:before, [dir=rtl] .compare-no:before, [dir=rtl] .compare-worse:before, [dir=rtl] .compare-yes:before {
    margin: -4px 0 0 4px
    }
.compare-better:before {
    color: #34a853;
    content: "thumb_up"
    }
.compare-no:before {
    color: #dd2c00;
    content: "not_interested"
    }
.compare-worse:before {
    color: #dd2c00;
    content: "thumb_down"
    }
.compare-yes:before {
    color: #34a853;
    content: "check"
    }
.align-center {
    text-align: center
    }
.align-right {
    text-align: right
    }
.hanging-indent, .members.function td:first-child {
    padding-left: 25px;
    text-indent: -17px
    }
[dir=rtl] .hanging-indent, [dir=rtl] .members.function td:first-child {
    padding-left: 0;
    padding-right: 25px
    }
.bad-table {
    table-layout: fixed
    }
.bad-table td, .bad-table tr {
    word-wrap: break-word
    }
.bad-table pre {
    word-wrap: normal
    }
.screenshot {
    border: 1px solid #e8eaed;
    padding: 3px
    }
.columns td, .columns th, .columns tr {
    background: 0;
    border: 0;
    font: 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0
    }
[dir=ltr] .columns td, [dir=ltr] .columns th {
    padding-right: 20px
    }
[dir=rtl] .columns td, [dir=rtl] .columns th {
    padding-left: 20px
    }
.columns th {
    color: #202124;
    font-weight: 500
    }
.columns code, .columns pre {
    background: #f1f3f4
    }
.inline:not(.expandable) {
    display: inline
    }
.inline-block {
    display: inline-block
    }
.block {
    display: block
    }
img.inline-icon {
    height: 1.2em;
    vertical-align: sub
    }
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.attempt-left, .video-wrapper-left, aside.attempt-left {
    float: left;
    margin: 0 40px 40px 0
    }
.attempt-right, .video-wrapper, [dir=rtl] .attempt-left, [dir=rtl] .video-wrapper-left, [dir=rtl] aside.attempt-left, aside.attempt-right {
    float: right;
    margin: 0 0 40px 40px
    }
[dir=rtl] .attempt-right, [dir=rtl] .video-wrapper, [dir=rtl] aside.attempt-right {
    float: left;
    margin: 0 40px 40px 0
    }
.attempt-left + .attempt-right, .attempt-left + .video-wrapper, .video-wrapper-left + .attempt-right, .video-wrapper-left + .video-wrapper, [dir=rtl] .attempt-left + .attempt-right, [dir=rtl] .attempt-left + .video-wrapper, [dir=rtl] .video-wrapper-left + .attempt-right, [dir=rtl] .video-wrapper-left + .video-wrapper {
    margin: 0 0 40px
    }
.video-wrapper, .video-wrapper-full-width {
    overflow: hidden;
    position: relative
    }
.video-wrapper-full-width {
    margin: 16px 0;
    width: 100%
    }
.video-wrapper-full-width embed, .video-wrapper-full-width iframe, .video-wrapper-full-width object, .video-wrapper-left embed, .video-wrapper-left iframe, .video-wrapper-left object, .video-wrapper embed, .video-wrapper iframe, .video-wrapper object {
    height: 101%;
    left: -0.5%;
    position: absolute;
    top: -0.5%;
    width: 101%
    }
@media screen and (max-width: 840px) {
    .attempt-left, .attempt-right, aside.attempt-left, aside.attempt-right {
        display: block;
        max-width: 100%
        }
    .attempt-left, .attempt-right, .video-wrapper, .video-wrapper-left, aside.attempt-left, aside.attempt-right {
        float: none;
        margin: 16px 0;
        width: 100%
        }
    }
body[pending] #gc-wrapper {
    margin-top: 0 !important
    }
body[ready] #gc-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
.devsite-wrapper {
    min-height: 100vh
    }
body[ready] .devsite-wrapper {
    min-height: 100%;
    overflow: hidden
    }
@supports ((display: -webkit-flex) or (display: flex)) {
    body [ready]. devsite-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
        }
    }
.full-bleed {
    margin: 0;
    padding: 0
    }
.devsite-book-nav-bg, devsite-book-nav {
    width: 268px
    }
body[pending] devsite-book-nav {
    position: absolute
    }
@media screen and (max-width: 840px) {
    body[devsite-book-nav--open] {
        overflow: hidden
        }
    body[devsite-book-nav--open] devsite-book-nav[fixed] {
        -webkit-transform: translatez(0) !important;
        transform: translatez(0) !important
        }
    }
body devsite-toc.devsite-toc {
    -ms-grid-column: 5;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 24px 24px 0 0;
    min-width: 0;
    width: auto
    }
[dir=rtl] body devsite-toc.devsite-toc {
    margin: 24px 0 0 24px
    }
body devsite-toc > .devsite-nav-list {
    width: auto
    }
.devsite-main-content {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1003
    }
#contain-402 {
    z-index: 1004 !important
    }
body[pending] .devsite-main-content {
    min-height: calc(100vh - 456px)
    }
body[ready] .devsite-main-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: auto
    }
body[layout=full] .devsite-main-content {
    max-width: 1600px;
    padding: 40px 80px
    }
body[layout=full][type=error] .devsite-main-content {
    max-width: 1600px;
    padding: 0 80px
    }
body[layout=full][type=landing] .devsite-main-content {
    max-width: none;
    padding: 0
    }
body[layout=docs] .devsite-main-content {
    display: -ms-grid;
    display: grid;
    grid-gap: 24px;
    -ms-grid-columns: 1fr 24px minmax(752px, 936px) 24px 1fr;
    grid-template-columns: 1fr minmax(752px, 936px) 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr
    }
body[layout=docs] .devsite-main-content[has-toc] {
    -ms-grid-columns: 1fr 24px minmax(752px, 936px) 24px minmax(160px, 1fr);
    grid-template-columns: 1fr minmax(752px, 936px) minmax(160px, 1fr)
    }
body[layout=docs] .devsite-main-content[has-book-nav] {
    -ms-grid-columns: minmax(268px, 1fr) 24px minmax(752px, 936px) 24px 1fr;
    grid-template-columns: minmax(268px, 1fr) minmax(752px, 936px) 1fr
    }
body[layout=docs] .devsite-main-content[has-book-nav][has-toc] {
    -ms-grid-columns: minmax(268px, 1fr) 24px minmax(752px, 936px) 24px minmax(160px, 1fr);
    grid-template-columns: minmax(268px, 1fr) minmax(752px, 936px) minmax(160px, 1fr)
    }
.devsite-main-content[has-book-nav] ~ .devsite-footer, .devsite-main-content[has-book-nav] ~ devsite-footer-promos, .devsite-main-content[has-book-nav] ~ devsite-footer-utility {
    margin: 0 0 0 268px
    }
[dir=rtl] .devsite-main-content[has-book-nav] ~ .devsite-footer, [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-promos, [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-utility {
    margin: 0 268px 0 0
    }
@media screen and (max-width: 840px) {
    .devsite-main-content[has-book-nav] ~ .devsite-footer, .devsite-main-content[has-book-nav] ~ devsite-footer-promos, .devsite-main-content[has-book-nav] ~ devsite-footer-utility {
        margin-left: 0
        }
    [dir=rtl] .devsite-main-content[has-book-nav] ~ .devsite-footer, [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-promos, [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-utility {
        margin-right: 0
        }
    }
@media screen and (max-width: 1252px) {
    body[layout=docs] .devsite-main-content[has-toc] {
        -ms-grid-columns: 1fr 24px minmax(752px, 936px) 24px 1fr;
        grid-template-columns: 1fr minmax(752px, 936px) 1fr
        }
    body[layout=docs] .devsite-main-content[has-book-nav], body[layout=docs] .devsite-main-content[has-book-nav][has-toc] {
        -ms-grid-columns: 268px 24px 1fr 24px;
        grid-template-columns: 268px 1fr 0
        }
    }
@media screen and (max-width: 840px) {
    body[layout=full] .devsite-main-content {
        padding: 24px
        }
    body[layout=full][type=error] .devsite-main-content {
        padding: 0 24px
        }
    body[layout=docs] .devsite-main-content {
        display: block;
        min-width: 100%
        }
    devsite-content-footer {
        padding: 0 24px
        }
    }
@media screen and (max-width: 600px) {
    body[layout=full] .devsite-main-content {
        padding: 16px
        }
    body[layout=full][type=error] .devsite-main-content, devsite-content-footer {
        padding: 0 16px
        }
    }
.devsite-icon:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal
    }
.devsite-icon-arrow-drop-down:before {
    content: "arrow_drop_down"
    }
.devsite-icon-close:before {
    content: "close"
    }
.devsite-icon-code:before {
    content: "code"
    }
.devsite-icon-code-dark:before, .devsite-icon-code-light:before {
    content: "brightness_medium"
    }
.devsite-icon-copy:before {
    content: "content_copy"
    }
.devsite-icon-edit:before {
    content: "edit"
    }
aside {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] aside {
    padding-left: 60px
    }
[dir=rtl] aside {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) aside {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) aside {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) aside {
    padding-right: calc(50vw - 50% + 36px)
    }
aside:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] aside:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] aside:before {
    float: right;
    margin-right: -36px
    }
aside :link, aside :visited {
    text-decoration: underline
    }
aside a:focus, aside a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
aside pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
aside code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > aside:not([class*=attempt]), .devsite-article-body > div > aside:not([class*=attempt]), .devsite-article-body > p > aside:not([class*=attempt]), .devsite-article-body > section > aside:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > aside:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > aside:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > aside:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > aside:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > aside:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > aside:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > aside:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > aside:not([class*=attempt]) {
    padding-right: 76px
    }
.beta {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .beta {
    padding-left: 60px
    }
[dir=rtl] .beta {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .beta {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .beta {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .beta {
    padding-right: calc(50vw - 50% + 36px)
    }
.beta:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .beta:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .beta:before {
    float: right;
    margin-right: -36px
    }
.beta :link, .beta :visited {
    text-decoration: underline
    }
.beta a:focus, .beta a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.beta pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.beta code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .beta:not([class*=attempt]), .devsite-article-body > div > .beta:not([class*=attempt]), .devsite-article-body > p > .beta:not([class*=attempt]), .devsite-article-body > section > .beta:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .beta:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .beta:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .beta:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .beta:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .beta:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .beta:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .beta:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .beta:not([class*=attempt]) {
    padding-right: 76px
    }
.caution {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .caution {
    padding-left: 60px
    }
[dir=rtl] .caution {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .caution {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .caution {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .caution {
    padding-right: calc(50vw - 50% + 36px)
    }
.caution:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .caution:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .caution:before {
    float: right;
    margin-right: -36px
    }
.caution :link, .caution :visited {
    text-decoration: underline
    }
.caution a:focus, .caution a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.caution pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.caution code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .caution:not([class*=attempt]), .devsite-article-body > div > .caution:not([class*=attempt]), .devsite-article-body > p > .caution:not([class*=attempt]), .devsite-article-body > section > .caution:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .caution:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .caution:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .caution:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .caution:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .caution:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .caution:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .caution:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .caution:not([class*=attempt]) {
    padding-right: 76px
    }
.dogfood {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .dogfood {
    padding-left: 60px
    }
[dir=rtl] .dogfood {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .dogfood {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .dogfood {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .dogfood {
    padding-right: calc(50vw - 50% + 36px)
    }
.dogfood:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .dogfood:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .dogfood:before {
    float: right;
    margin-right: -36px
    }
.dogfood :link, .dogfood :visited {
    text-decoration: underline
    }
.dogfood a:focus, .dogfood a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.dogfood pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.dogfood code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .dogfood:not([class*=attempt]), .devsite-article-body > div > .dogfood:not([class*=attempt]), .devsite-article-body > p > .dogfood:not([class*=attempt]), .devsite-article-body > section > .dogfood:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .dogfood:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .dogfood:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .dogfood:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .dogfood:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .dogfood:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .dogfood:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .dogfood:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .dogfood:not([class*=attempt]) {
    padding-right: 76px
    }
.key-point {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .key-point {
    padding-left: 60px
    }
[dir=rtl] .key-point {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .key-point {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .key-point {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .key-point {
    padding-right: calc(50vw - 50% + 36px)
    }
.key-point:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .key-point:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .key-point:before {
    float: right;
    margin-right: -36px
    }
.key-point :link, .key-point :visited {
    text-decoration: underline
    }
.key-point a:focus, .key-point a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.key-point pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.key-point code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .key-point:not([class*=attempt]), .devsite-article-body > div > .key-point:not([class*=attempt]), .devsite-article-body > p > .key-point:not([class*=attempt]), .devsite-article-body > section > .key-point:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .key-point:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .key-point:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .key-point:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .key-point:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .key-point:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .key-point:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .key-point:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .key-point:not([class*=attempt]) {
    padding-right: 76px
    }
.key-term {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .key-term {
    padding-left: 60px
    }
[dir=rtl] .key-term {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .key-term {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .key-term {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .key-term {
    padding-right: calc(50vw - 50% + 36px)
    }
.key-term:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .key-term:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .key-term:before {
    float: right;
    margin-right: -36px
    }
.key-term :link, .key-term :visited {
    text-decoration: underline
    }
.key-term a:focus, .key-term a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.key-term pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.key-term code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .key-term:not([class*=attempt]), .devsite-article-body > div > .key-term:not([class*=attempt]), .devsite-article-body > p > .key-term:not([class*=attempt]), .devsite-article-body > section > .key-term:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .key-term:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .key-term:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .key-term:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .key-term:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .key-term:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .key-term:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .key-term:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .key-term:not([class*=attempt]) {
    padding-right: 76px
    }
.note {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .note {
    padding-left: 60px
    }
[dir=rtl] .note {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .note {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .note {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .note {
    padding-right: calc(50vw - 50% + 36px)
    }
.note:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .note:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .note:before {
    float: right;
    margin-right: -36px
    }
.note :link, .note :visited {
    text-decoration: underline
    }
.note a:focus, .note a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.note pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.note code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .note:not([class*=attempt]), .devsite-article-body > div > .note:not([class*=attempt]), .devsite-article-body > p > .note:not([class*=attempt]), .devsite-article-body > section > .note:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .note:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .note:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .note:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .note:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .note:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .note:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .note:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .note:not([class*=attempt]) {
    padding-right: 76px
    }
.objective {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .objective {
    padding-left: 60px
    }
[dir=rtl] .objective {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .objective {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .objective {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .objective {
    padding-right: calc(50vw - 50% + 36px)
    }
.objective:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .objective:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .objective:before {
    float: right;
    margin-right: -36px
    }
.objective :link, .objective :visited {
    text-decoration: underline
    }
.objective a:focus, .objective a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.objective pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.objective code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .objective:not([class*=attempt]), .devsite-article-body > div > .objective:not([class*=attempt]), .devsite-article-body > p > .objective:not([class*=attempt]), .devsite-article-body > section > .objective:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .objective:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .objective:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .objective:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .objective:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .objective:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .objective:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .objective:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .objective:not([class*=attempt]) {
    padding-right: 76px
    }
.special {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .special {
    padding-left: 60px
    }
[dir=rtl] .special {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .special {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .special {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .special {
    padding-right: calc(50vw - 50% + 36px)
    }
.special:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .special:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .special:before {
    float: right;
    margin-right: -36px
    }
.special :link, .special :visited {
    text-decoration: underline
    }
.special a:focus, .special a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.special pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.special code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .special:not([class*=attempt]), .devsite-article-body > div > .special:not([class*=attempt]), .devsite-article-body > p > .special:not([class*=attempt]), .devsite-article-body > section > .special:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .special:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .special:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .special:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .special:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .special:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .special:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .special:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .special:not([class*=attempt]) {
    padding-right: 76px
    }
.success {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .success {
    padding-left: 60px
    }
[dir=rtl] .success {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .success {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .success {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .success {
    padding-right: calc(50vw - 50% + 36px)
    }
.success:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .success:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .success:before {
    float: right;
    margin-right: -36px
    }
.success :link, .success :visited {
    text-decoration: underline
    }
.success a:focus, .success a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.success pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.success code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .success:not([class*=attempt]), .devsite-article-body > div > .success:not([class*=attempt]), .devsite-article-body > p > .success:not([class*=attempt]), .devsite-article-body > section > .success:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .success:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .success:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .success:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .success:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .success:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .success:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .success:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .success:not([class*=attempt]) {
    padding-right: 76px
    }
.warning {
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px
    }
[dir=ltr] .warning {
    padding-left: 60px
    }
[dir=rtl] .warning {
    padding-right: 60px
    }
body[layout=full]:not([type=landing]) .warning {
    margin: 16px calc(50% - 50vw);
    padding: 16px calc(50vw - 50%)
    }
[dir=ltr] body[layout=full]:not([type=landing]) .warning {
    padding-left: calc(50vw - 50% + 36px)
    }
[dir=rtl] body[layout=full]:not([type=landing]) .warning {
    padding-right: calc(50vw - 50% + 36px)
    }
.warning:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: 0
    }
[dir=ltr] .warning:before {
    float: left;
    margin-left: -36px
    }
[dir=rtl] .warning:before {
    float: right;
    margin-right: -36px
    }
.warning :link, .warning :visited {
    text-decoration: underline
    }
.warning a:focus, .warning a:hover {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.warning pre {
    background: hsla(0, 0%, 100%, 0.75)
    }
.warning code {
    font-weight: 700;
    padding: 0
    }
.devsite-article-body > .warning:not([class*=attempt]), .devsite-article-body > div > .warning:not([class*=attempt]), .devsite-article-body > p > .warning:not([class*=attempt]), .devsite-article-body > section > .warning:not([class*=attempt]) {
    margin: 16px -40px;
    padding: 16px 40px
    }
[dir=ltr] .devsite-article-body > .warning:not([class*=attempt]), [dir=ltr] .devsite-article-body > div > .warning:not([class*=attempt]), [dir=ltr] .devsite-article-body > p > .warning:not([class*=attempt]), [dir=ltr] .devsite-article-body > section > .warning:not([class*=attempt]) {
    padding-left: 76px
    }
[dir=rtl] .devsite-article-body > .warning:not([class*=attempt]), [dir=rtl] .devsite-article-body > div > .warning:not([class*=attempt]), [dir=rtl] .devsite-article-body > p > .warning:not([class*=attempt]), [dir=rtl] .devsite-article-body > section > .warning:not([class*=attempt]) {
    padding-right: 76px
    }
@media screen and (max-width: 600px) {
    body[layout=full] aside {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] aside {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] aside {
        padding-right: 76px
        }
    body[layout=full] .beta {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .beta {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .beta {
        padding-right: 76px
        }
    body[layout=full] .caution {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .caution {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .caution {
        padding-right: 76px
        }
    body[layout=full] .dogfood {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .dogfood {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .dogfood {
        padding-right: 76px
        }
    body[layout=full] .key-point {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .key-point {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .key-point {
        padding-right: 76px
        }
    body[layout=full] .key-term {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .key-term {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .key-term {
        padding-right: 76px
        }
    body[layout=full] .note {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .note {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .note {
        padding-right: 76px
        }
    body[layout=full] .objective {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .objective {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .objective {
        padding-right: 76px
        }
    body[layout=full] .special {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .special {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .special {
        padding-right: 76px
        }
    body[layout=full] .success {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .success {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .success {
        padding-right: 76px
        }
    body[layout=full] .warning {
        margin: 16px -40px;
        padding: 16px 40px
        }
    [dir=ltr] body[layout=full] .warning {
        padding-left: 76px
        }
    [dir=rtl] body[layout=full] .warning {
        padding-right: 76px
        }
    }
aside var {
    background: inherit;
    font-weight: 700;
    padding: 0
    }
.beta, .beta :link, .beta :visited, .beta code, .note, .note :link, .note :visited, .note code, .special, .special :link, .special :visited, .special code, aside, aside :link, aside :visited, aside code {
    background: #e1f5fe;
    color: #01579b
    }
.note:before, .special:before, aside:before {
    content: "star"
    }
.beta:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M20.21,17.64l-6.15-8.22V5.57h2.57V3H6.35v2.57h2.57v3.86l-6.3,8.4c-0.44,0.6-0.5,1.41-0.15,2.08C2.8,20.58,3.49,21,4.24,21h14.5c1.11,0,2.01-0.9,2.01-2.01C20.75,18.48,20.53,18,20.21,17.64z' fill='%2301579b'/></svg>")
    }
.caution, .caution :link, .caution :visited, .caution code {
    background: #feefe3;
    color: #bf360c
    }
.caution:before {
    content: "error"
    }
.dogfood, .dogfood :link, .dogfood :visited, .dogfood code {
    background: #eceff1;
    color: #546e7a
    }
.dogfood:before {
    content: "pets"
    }
.key-point, .key-point :link, .key-point :visited, .key-point code {
    background: #e8eaf6;
    color: #3f51b5
    }
.key-point:before {
    content: "lightbulb_outline"
    }
.key-term, .key-term :link, .key-term :visited, .key-term code {
    background: #f3e8fd;
    color: #9334e6
    }
.key-term:before {
    content: "font_download"
    }
.objective, .objective :link, .objective :visited, .objective code, .success, .success :link, .success :visited, .success code {
    background: #e0f2f1;
    color: #00796b
    }
.objective:before {
    content: "school"
    }
.success:before {
    content: "check_circle"
    }
.warning, .warning :link, .warning :visited, .warning code {
    background: #fce8e6;
    color: #d50000
    }
.warning:before {
    content: "warning"
    }
.caution :focus code, .caution :hover code, .dogfood :focus code, .dogfood :hover code, .key-point :focus code, .key-point :hover code, .key-term :focus code, .key-term :hover code, .note :focus code, .note :hover code, .objective :focus code, .objective :hover code, .special :focus code, .special :hover code, .success :focus code, .success :hover code, .warning :focus code, .warning :hover code, aside :focus code, aside :hover code {
    background: transparent
    }
.devsite-no-page-title > .beta:first-child, .devsite-no-page-title > .caution:first-child, .devsite-no-page-title > .dogfood:first-child, .devsite-no-page-title > .key-point:first-child, .devsite-no-page-title > .key-term:first-child, .devsite-no-page-title > .note:first-child, .devsite-no-page-title > .objective:first-child, .devsite-no-page-title > .special:first-child, .devsite-no-page-title > .success:first-child, .devsite-no-page-title > .warning:first-child, .devsite-no-page-title > aside:first-child {
    clear: right
    }
.devsite-banner {
    font-size: 14px
    }
.devsite-banner :link, .devsite-banner :visited {
    text-decoration: underline
    }
body[layout=full] .devsite-banner {
    margin: -40px calc(50% - 50vw) 40px
    }
body[type=landing][layout] .devsite-banner {
    margin: 0
    }
body[layout=docs] .devsite-banner {
    margin: -40px -40px 40px
    }
.devsite-banner-message {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1488px;
    padding: 20px 40px
    }
body[layout=full] .devsite-banner-message, body[type=landing] .devsite-banner-message {
    padding: 20px 24px
    }
body[type=landing][layout=docs] .devsite-banner-message {
    padding: 20px 40px
    }
[dir=ltr] .devsite-banner-message-text {
    margin-right: auto
    }
[dir=rtl] .devsite-banner-message-text {
    margin-left: auto
    }
.devsite-banner[background] a:not(.button):focus, .devsite-banner a:not(.button):focus {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
.devsite-banner[background=white] {
    border-bottom: 1px solid #dadce0
    }
.devsite-banner-announcement, .devsite-banner-announcement :link, .devsite-banner-announcement :visited {
    background: #e1f5fe
    }
body[layout=docs] .devsite-banner-announcement {
    border-radius: 0
    }
.devsite-banner-announcement[background] :link, .devsite-banner-announcement[background] :visited {
    background: 0
    }
.devsite-banner-confidential {
    background: #feefe3;
    color: #bf360c
    }
.devsite-banner-confidential .devsite-banner-message:before {
    content: "warning";
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal
    }
[dir=ltr] .devsite-banner-confidential .devsite-banner-message:before {
    margin-right: 16px
    }
[dir=rtl] .devsite-banner-confidential .devsite-banner-message:before {
    margin-left: 16px
    }
.devsite-banner-translated {
    background: #f1f3f4;
    color: rgba(0, 0, 0, 0.65)
    }
.devsite-banner-translated :link {
    text-decoration: none
    }
.devsite-banner .button, .devsite-banner button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: -6px 0;
    text-decoration: none
    }
[dir=ltr] .devsite-banner .button, [dir=ltr] .devsite-banner button {
    margin-left: 16px
    }
[dir=rtl] .devsite-banner .button, [dir=rtl] .devsite-banner button {
    margin-right: 16px
    }
.devsite-banner .material-icons {
    margin: -2px 0;
    vertical-align: middle
    }
.devsite-banner-translated-image {
    margin: 4px 0 -4px;
    width: 122px
    }
[dir=ltr] .devsite-banner-translated-image {
    margin-right: 24px
    }
[dir=rtl] .devsite-banner-translated-image {
    margin-left: 24px
    }
.devsite-banner-heading {
    font-weight: 700
    }
@media screen and (max-width: 1252px) {
    .devsite-banner-translated .devsite-banner-translated-text {
        display: block
        }
    }
@media screen and (max-width: 840px) {
    body[layout=docs] .devsite-banner, body[layout=full] .devsite-banner {
        margin: -24px -24px 24px
        }
    body[layout=docs] .devsite-banner-announcement {
        border-radius: 0
        }
    .devsite-banner-message, body[layout] .devsite-banner-message, body[layout][type] .devsite-banner-message, body[type] .devsite-banner-message {
        padding: 20px 24px
        }
    body[layout=full] .devsite-banner {
        margin-bottom: 40px
        }
    }
@media screen and (max-width: 600px) {
    body[layout=docs] .devsite-banner, body[layout=full] .devsite-banner {
        margin: -16px -16px 16px
        }
    body[layout=full] .devsite-banner {
        margin-bottom: 40px
        }
    .devsite-banner-message, body[layout] .devsite-banner-message, body[layout][type] .devsite-banner-message, body[type] .devsite-banner-message {
        display: block;
        padding: 16px
        }
    [dir] .devsite-banner .button, [dir] .devsite-banner button {
        margin: 12px 0 0
        }
    }
.devsite-card-group {
    display: grid;
    grid-gap: var(--devsite-item-gap, 24px);
    grid-template-columns: repeat(var(--devsite-columns, 3), 1fr)
    }
[ie-11] .devsite-card-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    }
[ie-11] [items-across=1] .devsite-card-group {
    display: block
    }
.devsite-card-wrapper {
    min-width: 0
    }
[ie-11] .devsite-card-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 30%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%
    }
[dir=ltr] [ie-11] .devsite-card-wrapper {
    margin-left: 24px
    }
[dir=rtl] [ie-11] .devsite-card-wrapper {
    margin-right: 24px
    }
[dir=ltr] [ie-11] .devsite-card-wrapper:nth-of-type(3n+1) {
    margin-left: 0
    }
[dir=rtl] [ie-11] .devsite-card-wrapper:nth-of-type(3n+1) {
    margin-right: 0
    }
[ie-11] .devsite-card-wrapper:nth-of-type(n+4) {
    margin-top: 24px
    }
[ie-11] [items-across=4] .devsite-card-wrapper:nth-of-type(n+4) {
    margin-top: 0
    }
[ie-11] [items-across=1] .devsite-card-wrapper {
    margin: 0;
    max-width: none
    }
[ie-11] [items-across=2] .devsite-card-wrapper {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%
    }
[ie-11] [items-across=3] .devsite-card-wrapper {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
    }
[ie-11] [items-across=4] .devsite-card-wrapper {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
    }
[dir=ltr] [ie-11] [items-across] .devsite-card-wrapper {
    margin-left: 24px
    }
[dir=rtl] [ie-11] [items-across] .devsite-card-wrapper {
    margin-right: 24px
    }
[dir=ltr] [ie-11] [items-across=1] .devsite-card-wrapper:nth-of-type(n), [dir=ltr] [ie-11] [items-across=2] .devsite-card-wrapper:nth-of-type(odd), [dir=ltr] [ie-11] [items-across=3] .devsite-card-wrapper:nth-of-type(3n+1), [dir=ltr] [ie-11] [items-across=4] .devsite-card-wrapper:nth-of-type(4n+1) {
    margin-left: 0
    }
[dir=rtl] [ie-11] [items-across=1] .devsite-card-wrapper:nth-of-type(n), [dir=rtl] [ie-11] [items-across=2] .devsite-card-wrapper:nth-of-type(odd), [dir=rtl] [ie-11] [items-across=3] .devsite-card-wrapper:nth-of-type(3n+1), [dir=rtl] [ie-11] [items-across=4] .devsite-card-wrapper:nth-of-type(4n+1) {
    margin-right: 0
    }
[ie-11] [items-across=1] .devsite-card-wrapper:nth-of-type(n+2), [ie-11] [items-across=2] .devsite-card-wrapper:nth-of-type(n+3), [ie-11] [items-across=3] .devsite-card-wrapper:nth-of-type(n+4), [ie-11] [items-across=4] .devsite-card-wrapper:nth-of-type(n+5) {
    margin-top: 24px
    }
.devsite-card-wrapper[hidden] {
    display: none
    }
.devsite-card-list-link, .devsite-card h3 {
    font: 300 24px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: var(--devsite-h2-letter-spacing, -0.01em)
    }
.devsite-card h3 {
    margin: 0 0 10px
    }
.devsite-card {
    background: #fff;
    background: var(--devsite-card-background, #fff);
    border: 0;
    border: var(--devsite-card-border, 0);
    border-radius: 2px;
    border-radius: var(--devsite-card-border-radius, 2px);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative
    }
.devsite-card-image {
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%
    }
[ie-11] .devsite-card-image {
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
    }
.devsite-card-image-container {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 56.25%
    }
.devsite-card-image-no-background {
    background-image: none !important;
    overflow: hidden;
    position: relative
    }
.devsite-card-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
.devsite-card-author, .devsite-card-buttons, .devsite-card-content {
    padding: 16px;
    padding: var(--devsite-card-content-padding, 16px)
    }
.devsite-card-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    word-break: break-word
    }
.devsite-card-category {
    color: inherit;
    color: var(--devsite-card-category-color, inherit);
    font: 700 12px/22px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.3px;
    letter-spacing: var(--devsite-card-category-letter-spacing, 0.3px);
    margin-top: 0;
    text-transform: uppercase
    }
.devsite-card-summary {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    font: 400 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 16px 0 0;
    max-height: 96px;
    overflow: hidden
    }
.devsite-card-author {
    border-top: 1px solid #dadce0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 16px;
    min-height: 40px;
    position: relative
    }
.devsite-card-author-date, .devsite-card-author-name, .devsite-card-duration {
    margin: 0
    }
.devsite-card-author-name + .devsite-card-author-date {
    margin-top: 8px
    }
.devsite-card-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
    }
.devsite-card-author + .devsite-card-buttons, .devsite-card-content + .devsite-card-buttons, .devsite-card-content + .devsite-card-section .activity-card-icons, .devsite-card-content + .devsite-card-section .devsite-card-buttons {
    padding-top: 0
    }
.devsite-card-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: auto 0 0
    }
[dynamic-card-style=activity] .devsite-card h3 {
    margin-bottom: 4px
    }
[dynamic-card-style=activity] .devsite-card-author-date, [dynamic-card-style=activity] .devsite-card-duration {
    font: 400 12px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.3px;
    color: #5f6368
    }
[dynamic-card-style=activity] .codelab-card-icons {
    padding: 0 8px
    }
[dynamic-card-style=activity] .codelab-card-icon {
    height: 32px;
    margin: 8px;
    width: 32px
    }
.devsite-card-list {
    border: 0;
    border: var(--devsite-card-border, 0);
    border-radius: 0;
    border-radius: var(--devsite-card-border-radius, 0);
    overflow: visible;
    overflow: var(--devsite-card-list-overflow, visible);
    list-style: none;
    padding: 0
    }
.devsite-card-list-item {
    border-radius: 2px;
    border-radius: var(--devsite-card-list-item-border-radius, 2px);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    margin: 0 0 20px
    }
.devsite-card-list-item:not(:last-child) {
    border-bottom: 0;
    border-bottom: var(--devsite-card-border, 0)
    }
.devsite-card-list-item:last-child {
    border-bottom: 0;
    margin: 0
    }
.devsite-card-list-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a73e8;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 16px 20px;
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    width: 100%
    }
.devsite-card-list-link:focus, .devsite-card-list-link:hover {
    background: #e4eefc;
    background: var(--devsite-link-background-hover, #e4eefc)
    }
.devsite-card-list-link:focus {
    text-decoration: none
    }
.devsite-card-list-link:after {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    content: "arrow_forward";
    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
    }
.devsite-card-list-link:focus:after, .devsite-card-list-link:hover:after {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0)
    }
@media screen and (max-width: 840px) {
    .devsite-card-group {
        --devsite-columns: 2
        }
    [ie-11] .devsite-card-wrapper:nth-of-type(n) {
        -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        margin: 0
        }
    [ie-11] [items-across=1] .devsite-card-wrapper:nth-of-type(n) {
        max-width: none
        }
    [dir=ltr] [ie-11] .devsite-card-wrapper:nth-of-type(2n), [dir=ltr] [ie-11] [items-across] .devsite-card-wrapper:nth-of-type(2n) {
        margin-left: 24px
        }
    [dir=rtl] [ie-11] .devsite-card-wrapper:nth-of-type(2n), [dir=rtl] [ie-11] [items-across] .devsite-card-wrapper:nth-of-type(2n) {
        margin-right: 24px
        }
    [dir=ltr] [ie-11] [items-across=1] .devsite-card-wrapper:nth-of-type(n), [dir=ltr] [ie-11] [items-across=3] .devsite-card-wrapper:nth-of-type(odd), [dir=ltr] [ie-11] [items-across=4] .devsite-card-wrapper:nth-of-type(odd) {
        margin-left: 0
        }
    [dir=rtl] [ie-11] [items-across=1] .devsite-card-wrapper:nth-of-type(n), [dir=rtl] [ie-11] [items-across=3] .devsite-card-wrapper:nth-of-type(odd), [dir=rtl] [ie-11] [items-across=4] .devsite-card-wrapper:nth-of-type(odd) {
        margin-right: 0
        }
    [ie-11] .devsite-card-wrapper:nth-of-type(n+3), [ie-11] [items-across=1] .devsite-card-wrapper:nth-of-type(n+2), [ie-11] [items-across=3] .devsite-card-wrapper:nth-of-type(n+3), [ie-11] [items-across=4] .devsite-card-wrapper:nth-of-type(n+3) {
        margin-top: 24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-card-group {
        display: block
        }
    [ie-11] .devsite-card-wrapper:nth-of-type(n), [ie-11] [items-across] .devsite-card-wrapper:nth-of-type(n) {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0;
        max-width: none
        }
    [dir=ltr] [ie-11] .devsite-card-wrapper:nth-of-type(n), [dir=ltr] [ie-11] [items-across] .devsite-card-wrapper:nth-of-type(n) {
        margin-left: 0
        }
    [dir=rtl] [ie-11] .devsite-card-wrapper:nth-of-type(n), [dir=rtl] [ie-11] [items-across] .devsite-card-wrapper:nth-of-type(n) {
        margin-right: 0
        }
    .devsite-card-wrapper:not(:first-of-type), [ie-11] .devsite-card-wrapper:nth-of-type(n+2), [ie-11] [items-across] .devsite-card-wrapper:nth-of-type(n+2) {
        margin-top: 16px
        }
    .devsite-card-summary {
        font-size: 14px;
        line-height: 20px;
        max-height: 80px
        }
    }
.pre-style, code, pre {
    background: #f1f3f4;
    color: #37474f;
    direction: ltr !important;
    font: 400 100%/1 Roboto Mono, monospace;
    padding: 1px 4px;
    text-align: left !important
    }
code {
    font: 500 90%/1 Roboto Mono, monospace;
    word-break: break-word
    }
.pre-style code, pre code, table code {
    font-weight: 400;
    word-break: normal
    }
.pre-style, pre {
    font: 14px/20px Roboto Mono, monospace;
    margin: 16px 0;
    overflow-x: auto;
    padding: 24px;
    position: relative
    }
.pre-style code, pre code {
    background: 0;
    font-size: 14px;
    padding: 0
    }
b code, strong code {
    font-weight: 700
    }
pre.devsite-code-highlight > code > span, pre.devsite-code-highlight > span {
    opacity: 0.54
    }
td > pre:only-child {
    padding: 0
    }
td > devsite-code:only-child pre, td > devsite-code pre.inline-code {
    padding: 0 64px 0 0
    }
td > devsite-code:not([dark-code]):only-child pre, td > devsite-code pre.inline-code {
    background: 0
    }
td > devsite-code:only-child pre ~ .devsite-code-buttons-container, td > devsite-code pre.inline-code ~ .devsite-code-buttons-container {
    top: -6px
    }
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
    background: 0;
    color: #212121;
    padding: 0
    }
h1 code {
    color: #757575
    }
a code, td a code {
    color: #185abc
    }
body[layout] .devsite-main-content var span, var, var code {
    color: #ec407a;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
    }
pre.clear-for-copy {
    all: initial;
    left: -99999px;
    position: absolute;
    top: -99999px;
    white-space: pre
    }
pre.clear-for-copy * {
    all: unset;
    font-family: Roboto Mono, monospace;
    white-space: pre
    }
fieldset {
    border: 0;
    margin: 0;
    padding: 0
    }
label {
    color: #5f6368;
    display: block;
    font-size: 12px
    }
input + label {
    color: #202124;
    display: inline;
    font-size: 16px
    }
label[for] {
    cursor: pointer
    }
input[type=checkbox], input[type=radio] {
    -webkit-appearance: none;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    height: 18px;
    margin: -2px 8px 2px 0;
    outline: 0;
    position: relative;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    vertical-align: middle;
    width: 18px
    }
[dir=rtl] input[type=checkbox], [dir=rtl] input[type=radio] {
    margin: -2px 0 2px 8px
    }
input[type=checkbox] {
    color: #5f6368
    }
input[type=radio] {
    border-radius: 50%;
    color: #5f6368;
    -webkit-transition: none;
    transition: none
    }
input[type=checkbox]:focus:before, input[type=radio]:focus:before {
    background: #e8eaed
    }
input[type=checkbox]:checked, input[type=checkbox]:indeterminate, input[type=radio]:checked {
    color: #1a73e8
    }
input[type=checkbox]:checked:focus:before, input[type=checkbox]:indeterminate:focus:before, input[type=radio]:focus:before {
    background: #d2e3fc;
    background: var(--devsite-input-background-focus, #d2e3fc)
    }
input[type=checkbox]:after, input[type=radio]:after {
    content: "check_box_outline_blank";
    position: relative;
    right: 3px;
    top: -3px;
    z-index: 1
    }
[dir=rtl] input[type=checkbox]:after, [dir=rtl] input[type=radio]:after {
    left: 3px;
    right: auto
    }
input[type=checkbox]:checked:after {
    content: "check_box"
    }
input[type=checkbox]:indeterminate:after {
    content: "indeterminate_check_box"
    }
input[type=radio]:after {
    content: "radio_button_unchecked"
    }
input[type=radio]:checked:after {
    content: "radio_button_checked"
    }
input[type=checkbox]:before, input[type=radio]:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 36px;
    position: absolute;
    top: -9px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    width: 36px
    }
[dir=ltr] input[type=checkbox]:before, [dir=ltr] input[type=radio]:before {
    left: -9px
    }
[dir=rtl] input[type=checkbox]:before, [dir=rtl] input[type=radio]:before {
    right: -9px
    }
input:disabled + label, input[type=checkbox]:disabled, input[type=radio]:disabled {
    color: #bdc1c6;
    color: var(--devsite-input-color-disabled, #bdc1c6);
    cursor: default
    }
input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select[multiple], select[size], textarea {
    border: 1px solid #e8eaed;
    border-radius: 2px;
    color: #202124;
    font: 16px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0;
    max-width: 100%;
    outline: 0;
    padding: 7px;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    vertical-align: middle
    }
input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select[multiple]:focus, select[size]:focus, textarea:focus {
    border-bottom: 2px solid #1a73e8;
    padding-bottom: 6px
    }
input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=datetime]:disabled, input[type=email]:disabled, input[type=month]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=tel]:disabled, input[type=text]:disabled, input[type=time]:disabled, input[type=url]:disabled, input[type=week]:disabled, select[multiple]:disabled, select[size]:disabled, textarea:disabled {
    background: #f1f3f4
    }
body input[type=file] {
    padding: 8px 16px;
    height: auto;
    line-height: 1
    }
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"4\" viewBox=\"0 0 20 4\"><path d=\"M0,0l4,4l4-4H0z\" fill=\"%23212121\"/></svg>") #fff no-repeat 100%;
    border: 1px solid #e8eaed;
    border-radius: 2px;
    border-radius: var(--devsite-select-border-radius, 2px);
    box-shadow: none;
    color: #202124;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/36px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    height: 36px;
    line-height: 34px;
    max-width: 340px;
    min-width: 72px;
    outline: 0;
    overflow: hidden;
    padding: 0 27px 0 7px;
    text-align: left;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    vertical-align: middle;
    white-space: nowrap
    }
@media screen and (-ms-high-contrast: active) {
    select {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"4\" viewBox=\"0 0 20 4\"><path d=\"M0,0l4,4l4-4H0z\" fill=\"%23ffffff\"/></svg>")
        }
    }
@media screen and (-ms-high-contrast: black-on-white) {
    select {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"4\" viewBox=\"0 0 20 4\"><path d=\"M0,0l4,4l4-4H0z\" fill=\"%23000000\"/></svg>")
        }
    }
select:focus, select:hover {
    background-color: #f1f3f4
    }
select:active {
    background-color: #e8eaed
    }
select:disabled {
    background-color: #f1f3f4;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"4\" viewBox=\"0 0 20 4\"><path d=\"M0,0l4,4l4-4H0z\" fill=\"%23bdbdbd\"/></svg>");
    border-color: transparent;
    color: #bdc1c6;
    cursor: default
    }
select::-ms-expand {
    display: none
    }
devsite-book-nav .devsite-breadcrumb-list, devsite-content .devsite-breadcrumb-list, devsite-header .devsite-breadcrumb-list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    white-space: nowrap
    }
.devsite-search-project .devsite-breadcrumb-list, devsite-book-nav .devsite-breadcrumb-list, devsite-header .devsite-breadcrumb-list {
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-content .devsite-breadcrumb-list {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 13px
    }
body[layout=full] devsite-content .devsite-breadcrumb-list, body[type=landing] devsite-content .devsite-breadcrumb-list {
    display: none
    }
devsite-book-nav .devsite-breadcrumb-item, devsite-content .devsite-breadcrumb-item, devsite-header .devsite-breadcrumb-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
    }
devsite-book-nav .devsite-breadcrumb-guillemet, devsite-book-nav .devsite-breadcrumb-link, devsite-header .devsite-breadcrumb-guillemet, devsite-header .devsite-breadcrumb-link {
    color: rgba(0, 0, 0, 0.65);
    fill: rgba(0, 0, 0, 0.65)
    }
devsite-book-nav .devsite-breadcrumb-guillemet:focus, devsite-book-nav .devsite-breadcrumb-guillemet:hover, devsite-book-nav .devsite-breadcrumb-link:focus, devsite-book-nav .devsite-breadcrumb-link:hover, devsite-header .devsite-breadcrumb-guillemet:focus, devsite-header .devsite-breadcrumb-guillemet:hover, devsite-header .devsite-breadcrumb-link:focus, devsite-header .devsite-breadcrumb-link:hover {
    color: rgba(0, 0, 0, 0.87)
    }
devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path, devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path, devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
    fill: rgba(0, 0, 0, 0.87)
    }
devsite-book-nav .devsite-breadcrumb-guillemet, devsite-header .devsite-breadcrumb-guillemet {
    font-size: 24px;
    margin: 0 4px;
    width: 24px
    }
devsite-content .devsite-breadcrumb-guillemet {
    color: #5f6368;
    font-size: 18px;
    margin: 0 4px;
    width: 18px
    }
devsite-book-nav .devsite-breadcrumb-guillemet:before, devsite-content .devsite-breadcrumb-guillemet:before, devsite-header .devsite-breadcrumb-guillemet:before {
    content: "chevron_right"
    }
[dir=rtl] devsite-book-nav .devsite-breadcrumb-guillemet:before, [dir=rtl] devsite-content .devsite-breadcrumb-guillemet:before, [dir=rtl] devsite-header .devsite-breadcrumb-guillemet:before {
    content: "chevron_left"
    }
devsite-book-nav .devsite-breadcrumb-link, devsite-content .devsite-breadcrumb-link, devsite-header .devsite-breadcrumb-link {
    display: inline-block;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet, devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
    color: #fff;
    color: var(--devsite-header-foreground-lower-hover, #fff);
    fill: #fff;
    fill: var(--devsite-header-foreground-lower-hover, #fff)
    }
devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus, devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover, devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus, devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
    color: hsla(0, 0%, 100%, 0.7);
    color: var(--devsite-header-foreground-lower, hsla(0, 0%, 100%, 0.7));
    fill: hsla(0, 0%, 100%, 0.7);
    fill: var(--devsite-header-foreground-lower, hsla(0, 0%, 100%, 0.7))
    }
devsite-book-nav .devsite-breadcrumb-link:focus, devsite-book-nav .devsite-breadcrumb-link:hover, devsite-header .devsite-breadcrumb-link:focus, devsite-header .devsite-breadcrumb-link:hover {
    text-decoration: none
    }
devsite-content .devsite-breadcrumb-link {
    color: #5f6368
    }
devsite-content .devsite-breadcrumb-link:focus, devsite-content .devsite-breadcrumb-link:hover {
    color: #1a73e8;
    text-decoration: none
    }
.devsite-nav {
    font-size: 13px
    }
.devsite-nav-list, .devsite-nav-responsive-tabs, .devsite-nav-section {
    list-style-type: none;
    padding: 0
    }
.devsite-nav-item {
    line-height: 16px;
    margin: 0
    }
.devsite-nav-title {
    color: #202124;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
.devsite-nav-title[href]:focus, .devsite-nav-title[href]:hover {
    color: #1a73e8;
    text-decoration: none
    }
.devsite-nav-heading > .devsite-nav-title {
    color: rgba(0, 0, 0, 0.65);
    font-weight: 700
    }
.devsite-nav-active {
    font-weight: 500
    }
.devsite-nav-active, .devsite-nav-active.devsite-nav-title, .devsite-nav-active.devsite-nav-title > .devsite-nav-icon:before, .devsite-nav-deprecated .devsite-nav-active.devsite-nav-title {
    color: #1a73e8;
    color: var(--devsite-link-color-active, #1a73e8)
    }
.devsite-nav-text {
    overflow: hidden;
    text-overflow: ellipsis
    }
.devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-title-no-path:focus, .devsite-nav-title-no-path:focus {
    color: #1a73e8
    }
.devsite-nav-icon {
    cursor: default;
    font-size: 18px;
    margin: -1px 0 -1px 4px
    }
[dir=rtl] .devsite-nav-icon {
    margin: -1px 4px -1px 0
    }
.devsite-nav-icon:before {
    color: #5f6368;
    content: "info"
    }
.devsite-nav-icon[data-icon=alpha]:before, .devsite-nav-icon[data-icon=beta]:before, .devsite-nav-icon[data-icon=experimental]:before, .devsite-nav-icon[data-icon=preview]:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><path d='M15.78,13.39L11,7V4h2V2H5v2h2v3l-4.9,6.53c-0.34,0.47-0.39,1.1-0.12,1.62C2.24,15.67,2.77,16,3.36,16h11.28 c0.86,0,1.56-0.7,1.56-1.56C16.2,14.04,16.03,13.67,15.78,13.39z' fill='%2380868b'/></svg>")
    }
.devsite-nav-deprecated.devsite-nav-accordion .devsite-nav-title, .devsite-nav-deprecated .devsite-nav-title, .devsite-nav-icon[data-icon=deprecated]:before {
    color: #bdc1c6
    }
.devsite-nav-icon[data-icon=deprecated]:before {
    content: "not_interested"
    }
.devsite-nav-icon[data-icon=external]:before {
    content: "open_in_new"
    }
[dir=rtl] .devsite-nav-icon[data-icon=external]:before {
    display: inline-block;
    -webkit-transform: scalex(-1);
    transform: scalex(-1)
    }
.devsite-nav-icon[data-icon=forward]:before {
    content: "arrow_forward";
    cursor: pointer
    }
[dir=rtl] .devsite-nav-icon[data-icon=forward]:before {
    content: "arrow_back"
    }
.devsite-nav-icon[data-icon=limited]:before {
    content: "verified_user"
    }
.devsite-nav-icon[data-icon=new]:before {
    content: "new_releases"
    }
.devsite-nav-icon[data-icon=nightly]:before {
    content: "nights_stay"
    }
.button, .devsite-footer-utility-button > a, button, input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit] {
    background: #fff;
    background: var(--devsite-button-background, #fff);
    border: 0;
    border: var(--devsite-button-border, 0);
    border-radius: 2px;
    border-radius: var(--devsite-button-border-radius, 2px);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    color: #1a73e8;
    color: var(--devsite-button-color, #1a73e8);
    font: 500 14px/36px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    height: 36px;
    height: var(--devsite-button-height, 36px);
    line-height: 36px;
    line-height: var(--devsite-button-line-height, 36px);
    padding: 0 16px;
    text-transform: uppercase;
    text-transform: var(--devsite-button-text-transform, uppercase);
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    min-width: 36px;
    outline: 0;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-transition: background-color 0.2s, border 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, border 0.2s, box-shadow 0.2s;
    vertical-align: middle;
    white-space: nowrap
    }
.button:focus, .button:hover, .devsite-footer-utility-button > a:focus, .devsite-footer-utility-button > a:hover, button:focus, button:hover, input[type=button]:focus, input[type=button]:hover, input[type=file]:focus, input[type=file]:hover, input[type=image]:focus, input[type=image]:hover, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:focus, input[type=submit]:hover {
    background: #e4eefc;
    background: var(--devsite-button-background-hover, #e4eefc);
    border: 0;
    border: var(--devsite-button-border-hover, 0);
    color: #1a73e8;
    color: var(--devsite-button-color-hover, #1a73e8);
    font-weight: 500
    }
.button:focus, .devsite-footer-utility-button > a:focus, button:focus, input[type=button]:focus, input[type=file]:focus, input[type=image]:focus, input[type=reset]:focus, input[type=submit]:focus {
    box-shadow: none;
    box-shadow: var(--devsite-button-box-shadow-focus, none)
    }
.button:active, .devsite-footer-utility-button > a:active, button:active, input[type=button]:active, input[type=file]:active, input[type=image]:active, input[type=reset]:active, input[type=submit]:active {
    background: #c8ddf9;
    background: var(--devsite-button-background-active, #c8ddf9);
    border: 0;
    border: var(--devsite-button-border-active, 0);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    -webkit-transform: none;
    transform: none;
    -webkit-transform: var(--devsite-button-transform-active, none);
    transform: var(--devsite-button-transform-active, none)
    }
[foreground] .button, [foreground] .button:active, [foreground] .button:focus, [foreground] .button:hover {
    color: #1a73e8;
    color: var(--devsite-foreground-color, var(--devsite-primary-color, #1a73e8))
    }
[foreground] .button:active, [foreground] .button:focus, [foreground] .button:hover {
    background: #d2e3fc;
    background: var(--devsite-foreground-button-background, #d2e3fc);
    border: 0;
    border: var(--devsite-foreground-button-border, 0)
    }
[foreground] .button:active {
    border: 0;
    border: var(--devsite-foreground-button-border-active, 0)
    }
.button.button-disabled, .button.button-disabled:active, .button.button-disabled:focus, .button.button-disabled:hover, [foreground] .button.button-disabled, [foreground] .button.button-disabled:active, [foreground] .button.button-disabled:focus, [foreground] .button.button-disabled:hover, body[theme] [foreground] .button.button-disabled, body[theme] [foreground] .button.button-disabled:active, body[theme] [foreground] .button.button-disabled:focus, body[theme] [foreground] .button.button-disabled:hover, button[disabled], button[disabled]:active, button[disabled]:focus, button[disabled]:hover, input[type=button][disabled], input[type=button][disabled]:active, input[type=button][disabled]:focus, input[type=button][disabled]:hover, input[type=file][disabled], input[type=file][disabled]:active, input[type=file][disabled]:focus, input[type=file][disabled]:hover, input[type=image][disabled], input[type=image][disabled]:active, input[type=image][disabled]:focus, input[type=image][disabled]:hover, input[type=reset][disabled], input[type=reset][disabled]:active, input[type=reset][disabled]:focus, input[type=reset][disabled]:hover, input[type=submit][disabled], input[type=submit][disabled]:active, input[type=submit][disabled]:focus, input[type=submit][disabled]:hover {
    background: #ddd;
    background: var(--devsite-button-disabled-background, #ddd);
    border: 0;
    border: var(--devsite-button-disabled-border, 0);
    color: rgba(0, 0, 0, 0.26);
    color: var(--devsite-button-disabled-color, rgba(0, 0, 0, 0.26));
    line-height: 36px;
    line-height: var(--devsite-button-disabled-line-height, 36px);
    box-shadow: none;
    cursor: default;
    pointer-events: none
    }
.button-blue, .button-green, .button-primary, .button-red, body devsite-footer-utility .devsite-footer-utility-button > a {
    background: #1a73e8;
    background: var(--devsite-button-primary-background, #1a73e8);
    color: #fff;
    color: var(--devsite-button-primary-color, #fff);
    line-height: 36px;
    line-height: var(--devsite-button-primary-line-height, 36px)
    }
.button-blue, .button-blue:active, .button-blue:focus, .button-blue:hover, .button-green, .button-green:active, .button-green:focus, .button-green:hover, .button-primary, .button-primary:active, .button-primary:focus, .button-primary:hover, .button-red, .button-red:active, .button-red:focus, .button-red:hover, body devsite-footer-utility .devsite-footer-utility-button > a, body devsite-footer-utility .devsite-footer-utility-button > a:active, body devsite-footer-utility .devsite-footer-utility-button > a:focus, body devsite-footer-utility .devsite-footer-utility-button > a:hover {
    border: 0
    }
.button-blue:hover, .button-green:hover, .button-primary:hover, .button-red:hover, body devsite-footer-utility .devsite-footer-utility-button > a:hover {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15)
    }
.button-blue:focus, .button-blue:hover, .button-green:focus, .button-green:hover, .button-primary:focus, .button-primary:hover, .button-red:focus, .button-red:hover, body devsite-footer-utility .devsite-footer-utility-button > a:focus, body devsite-footer-utility .devsite-footer-utility-button > a:hover {
    background: #1765cc;
    background: var(--devsite-button-primary-background-hover, #1765cc);
    border: #1765cc;
    border: var(--devsite-button-primary-border-hover, #1765cc);
    color: #fff;
    color: var(--devsite-button-primary-color-hover, #fff)
    }
.button-blue:active, .button-green:active, .button-primary:active, .button-red:active, body devsite-footer-utility .devsite-footer-utility-button > a:active {
    background: #0277bd;
    background: var(--devsite-button-primary-background-active, #0277bd);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    color: #fff;
    color: var(--devsite-button-primary-color-active, #fff)
    }
.button-primary.button-disabled, .button-primary.button-disabled:active, .button-primary.button-disabled:focus, .button-primary.button-disabled:hover, .button-primary[disabled], .button-primary[disabled]:active, .button-primary[disabled]:focus, .button-primary[disabled]:hover {
    background: rgba(241, 243, 244, 0.38);
    border: 0
    }
[foreground] .button-primary {
    background: #1a73e8;
    background: var(--devsite-foreground-color, var(--devsite-primary-color, #1a73e8))
    }
[foreground] .button-primary, [foreground] .button-primary:active, [foreground] .button-primary:focus, [foreground] .button-primary:hover {
    color: #fff;
    color: var(--devsite-text-color, #fff)
    }
[foreground] .button-primary:active, [foreground] .button-primary:focus, [foreground] .button-primary:hover {
    background: #d2e3fc;
    background: var(--devsite-foreground-button-background-hover, var(--devsite-dark-color, #d2e3fc))
    }
[background]:not([background=grey]):not(.devsite-landing-row-cards) .button-primary {
    background: #fff;
    color: #1a73e8
    }
[background]:not([background=grey]):not(.devsite-landing-row-cards) .button-primary:focus, [background]:not([background=grey]):not(.devsite-landing-row-cards) .button-primary:hover {
    background: #e4eefc;
    background: var(--devsite-background-button-primary-background-hover, #e4eefc)
    }
[background]:not([background=grey]):not(.devsite-landing-row-cards) .button-primary:active {
    background: #c8ddf9;
    background: var(--devsite-background-button-primary-background-hover, #c8ddf9)
    }
.button-white {
    line-height: 36px;
    line-height: var(--devsite-button-white-line-height, 36px);
    padding: 0 8px;
    background: 0
    }
.button-white, .button-white:active, .button-white:focus, .button-white:hover {
    color: #1a73e8;
    color: var(--devsite-button-white-color, #1a73e8);
    border: 0
    }
.button-white, .button-white:hover {
    box-shadow: none;
    box-shadow: var(--devsite-button-white-box-shadow-hover, none)
    }
.button-white:focus, .button-white:hover {
    background: #e4eefc;
    background: var(--devsite-button-white-background-hover, #e4eefc)
    }
.button-white:focus {
    box-shadow: none;
    box-shadow: var(--devsite-button-white-box-shadow-focus, none)
    }
.button-white:active {
    background: #c8ddf9;
    background: var(--devsite-button-white-background-active, #c8ddf9);
    box-shadow: none;
    box-shadow: var(--devsite-button-white-box-shadow-active, none)
    }
[background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white {
    color: #fff;
    color: var(--devsite-text-color, #fff)
    }
[background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white:hover {
    background: rgba(154, 160, 166, 0.3)
    }
[background]:not([background=grey]):not(.devsite-landing-row-cards) .button-white:focus {
    background: rgba(154, 160, 166, 0.5)
    }
[background=theme]:not(.devsite-landing-row-cards) .button-white {
    color: #fff;
    color: var(--devsite-text-color, #fff)
    }
.button-white.button-disabled, .button-white[disabled] {
    background: 0
    }
.button-raised {
    line-height: 36px;
    line-height: var(--devsite-button-raised-line-height, 36px);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    background: #fff
    }
.button-raised, .button-raised:active, .button-raised:focus, .button-raised:hover {
    color: #1a73e8;
    color: var(--devsite-button-raised-color, #1a73e8);
    border: 0
    }
.button-raised:focus, .button-raised:hover {
    background: #e4eefc;
    background: var(--devsite-button-raised-background-hover, #e4eefc);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
.button-raised:active {
    background: #c8ddf9;
    background: var(--devsite-button-raised-background-active, #c8ddf9);
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15)
    }
.button-raised.button-disabled, .button-raised.button-disabled:active, .button-raised.button-disabled:focus, .button-raised.button-disabled:hover, .button-raised[disabled], .button-raised[disabled]:active, .button-raised[disabled]:focus, .button-raised[disabled]:hover {
    background: rgba(241, 243, 244, 0.38);
    border: 0
    }
.button + .button, button + button, input[type=button] + input[type=button], input[type=file] + input[type=file], input[type=image] + input[type=image], input[type=reset] + input[type=reset], input[type=submit] + input[type=submit] {
    margin-left: 16px
    }
[dir=rtl] .button + .button, [dir=rtl] button + button, [dir=rtl] input[type=button] + input[type=button], [dir=rtl] input[type=file] + input[type=file], [dir=rtl] input[type=image] + input[type=image], [dir=rtl] input[type=reset] + input[type=reset], [dir=rtl] input[type=submit] + input[type=submit] {
    margin-left: 0;
    margin-right: 16px
    }
.button-flat + .button-flat, .button-white + .button-white, button + .button {
    margin-left: 8px
    }
[dir=rtl] .button-flat + .button-flat, [dir=rtl] .button-white + .button-white, [dir=rtl] button + .button {
    margin-left: 0;
    margin-right: 8px
    }
.button:focus {
    text-decoration: none
    }
.button-flat {
    padding: 0 8px
    }
.button-flat, .button-flat:active, .button-flat:focus, .button-flat:hover {
    background: 0;
    border: 0;
    box-shadow: none
    }
.button-flat:disabled {
    background-color: transparent
    }
.devsite-landing-row-cta .button, .devsite-landing-row-cta .button:active, .devsite-landing-row-cta .button:focus, .devsite-landing-row-cta .button:hover, .devsite-product-button-row .button, .devsite-product-button-row .button:active, .devsite-product-button-row .button:focus, .devsite-product-button-row .button:hover, [foreground] .button-primary:active, [foreground] .button-primary:focus, [foreground] .button-primary:hover, [foreground] .button-raised:active, [foreground] .button-raised:focus, [foreground] .button-raised:hover, [foreground] .button-white:active, [foreground] .button-white:focus, [foreground] .button-white:hover {
    border: 0
    }
.button-transparent {
    padding: 0 8px
    }
.button-transparent, .button-transparent:focus, .button-transparent:hover {
    background-color: transparent;
    border: 0;
    box-shadow: none
    }
.button-text-white {
    color: #fff
    }
.button-text-blue {
    color: #1a73e8
    }
.button-lowercase {
    text-transform: none
    }
[dir=ltr] .button-unindented {
    margin-left: -8px;
    margin-left: var(--devsite-button-unindented-margin-x, -8px)
    }
[dir=rtl] .button-unindented {
    margin-right: -8px;
    margin-right: var(--devsite-button-unindented-margin-x, -8px)
    }
.button-icon, .button > .material-icons, button > .material-icons {
    font-size: 18px;
    height: 18px;
    width: 18px
    }
.button.button-with-icon, .button.external {
    padding: 0 16px
    }
.button-primary.button-with-icon, .button-primary.external, .button-raised.button-with-icon, .button-raised.external {
    padding: 0 16px
    }
.button-white.button-with-icon, .button-white.external {
    padding: 0 16px
    }
.button > .material-icons, button > .material-icons {
    margin: 0 8px;
    position: relative;
    top: -2px;
    vertical-align: middle
    }
.button > .button-icon, button > .button-icon {
    margin: 0 8px
    }
.button-with-icon > .button-icon, .button-with-icon > .material-icons {
    margin: 0 8px 0 -4px
    }
.button-with-icon > .icon-after, .button.external:not(.button-with-icon):after, [dir=rtl] .button-with-icon > .button-icon, [dir=rtl] .button-with-icon > .material-icons, button.external:not(.button-with-icon):after {
    margin: 0 -4px 0 8px
    }
[dir=rtl] .button-with-icon > .icon-after, [dir=rtl] .button.external:not(.button-with-icon):after, [dir=rtl] button.external:not(.button-with-icon):after {
    margin: 0 8px 0 -4px
    }
[dir=ltr] .button:not(.button-with-icon) > .material-icons:not(.icon-after) {
    margin-left: -4px;
    margin-left: var(--devsite-button-material-icon-margin-x, -4px)
    }
[dir=ltr] .button:not(.button-with-icon) > .icon-after, [dir=rtl] .button:not(.button-with-icon) > .material-icons:not(.icon-after) {
    margin-right: -4px;
    margin-right: var(--devsite-button-material-icon-margin-x, -4px)
    }
[dir=rtl] .button:not(.button-with-icon) > .icon-after {
    margin-left: -4px;
    margin-left: var(--devsite-button-material-icon-margin-x, -4px)
    }
[dir=ltr] .button-white:not(.button-with-icon) > .material-icons:not(.icon-after) {
    margin-left: 4px;
    margin-left: var(--devsite-button-white-material-icon-margin-x, 4px)
    }
[dir=ltr] .button-white:not(.button-with-icon) > .icon-after, [dir=rtl] .button-white:not(.button-with-icon) > .material-icons:not(.icon-after) {
    margin-right: 4px;
    margin-right: var(--devsite-button-white-material-icon-margin-x, 4px)
    }
[dir=rtl] .button-white:not(.button-with-icon) > .icon-after {
    margin-left: 4px;
    margin-left: var(--devsite-button-white-material-icon-margin-x, 4px)
    }
.devsite-landing-row-item[foreground=grey] .button, [foreground=grey] .button {
    background: #5f6368
    }
.devsite-landing-row-item[foreground=grey] .button:active, .devsite-landing-row-item[foreground=grey] .button:focus, .devsite-landing-row-item[foreground=grey] .button:hover, [foreground=grey] .button:active, [foreground=grey] .button:focus, [foreground=grey] .button:hover {
    background: #3c4043
    }
devsite-header .button {
    line-height: 36px
    }
h1, h2, h3, h4, h5, h6 {
    outline: 0
    }
[layout=docs] h1, [layout=docs] h2, [layout=docs] h3, [layout=docs] h4, [layout=docs] h5, [layout=docs] h6 {
    overflow: hidden;
    text-overflow: ellipsis
    }
.devsite-article h1:first-of-type {
    margin-top: 0;
    position: relative;
    top: -4px
    }
.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, .devsite-landing-row h2, h1 {
    color: #5f6368;
    color: var(--devsite-heading-color, #5f6368);
    font: 300 34px/40px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: var(--devsite-h1-letter-spacing, -0.01em);
    margin: 40px 0 20px
    }
.devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-item-description h3, .devsite-landing-row-large-headings h2 {
    font: 300 48px/56px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
.devsite-landing-row .devsite-catalog-alphabet-letter-heading h2 {
    margin: 20px 0
    }
[layout=docs] h2 {
    border-bottom: 1px solid #e8eaed;
    padding: 0 0 3px
    }
.devsite-landing-row h3, h2 {
    font: 300 24px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: var(--devsite-h2-letter-spacing, -0.01em);
    margin: 40px 0 20px
    }
h3 {
    letter-spacing: normal;
    letter-spacing: var(--devsite-h3-letter-spacing, normal);
    margin: 32px 0 16px
    }
.devsite-landing-row-item-no-media h3, .devsite-landing-row h4, h3 {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
.devsite-landing-row-item-no-media h3, .devsite-landing-row h4 {
    margin: 32px 0 12px;
    padding: 0
    }
.devsite-landing-row-large-headings .devsite-landing-row-item-list h4 {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: -0.01em
    }
h4, h5, h6 {
    margin: 32px 0 16px
    }
h4 {
    font: 500 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
h5 {
    font: 700 14px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
h6 {
    font: 500 14px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
h1 + dl > dt:first-child, h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + dl > dt:first-child, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + dl > dt:first-child, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + dl > dt:first-child, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + dl > dt:first-child, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + dl > dt:first-child, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
    margin-top: 0
    }
table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 16px 0 15px;
    width: 100%
    }
caption {
    background: #f1f3f4;
    font-weight: 500;
    padding: 12px 8px;
    text-align: center
    }
tr {
    border: 0;
    border-bottom: 1px solid #dadce0
    }
tr:first-child {
    border-top: 1px solid #dadce0
    }
td, th {
    border: 0;
    margin: 0;
    text-align: left
    }
[dir=rtl] td, [dir=rtl] th {
    text-align: right
    }
th {
    height: 48px;
    padding: 8px;
    vertical-align: middle
    }
th, th > h2, th > h3 {
    font: 500 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
th > h2, th > h3 {
    border: 0;
    margin: 0 !important;
    padding: 0 !important
    }
td > .expandable > h2.showalways, td > .expandable > h3.showalways, td > h2:only-child, td > h3:only-child {
    border: 0;
    font: 500 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0;
    padding-bottom: 0
    }
td > .expandable > h2.showalways, td > .expandable > h3.showalways {
    line-height: 24px
    }
table h4, table h5, table h6 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important
    }
td b, td strong, th b, th strong {
    font-weight: 500
    }
td, td code {
    padding: 7px 8px 8px
    }
td code, th code {
    background: 0;
    font: 500 100%/1 Roboto Mono, monospace;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    padding: 0
    }
td pre code {
    color: #37474f;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
    }
table.responsive td, table.responsive th {
    min-width: 214px
    }
table.responsive table:not(.responsive) td, table.responsive table:not(.responsive) th {
    min-width: 120px
    }
table.responsive td code, table.responsive th code {
    word-break: break-all;
    word-break: break-word
    }
table.responsive td tr:not(.alt) td:first-child, table.responsive tr:not(.alt) td td:first-child, td {
    background: hsla(0, 0%, 100%, 0.95);
    vertical-align: top
    }
table.fixed {
    table-layout: fixed
    }
table.fixed td, table.fixed td code, table.fixed th, table.fixed th code {
    word-break: break-word
    }
.devsite-table-wrapper {
    margin: 16px 0;
    overflow: auto
    }
.devsite-table-wrapper .devsite-table-wrapper {
    margin: 0;
    overflow: visible
    }
.devsite-table-wrapper table {
    margin: 0
    }
.devsite-table-wrapper .devsite-table-wrapper table {
    margin: 16px 0
    }
table.responsive table.responsive {
    margin: 0
    }
table.responsive td tr:first-child td {
    padding-top: 0
    }
table.responsive td tr:last-child td {
    padding-bottom: 0
    }
[dir=ltr] table.responsive td td:first-child {
    padding-left: 0
    }
[dir=rtl] table.responsive td td:first-child {
    padding-right: 0
    }
table.responsive > * > tr > th:not(:first-child), table.responsive > tr > th:not(:first-child) {
    display: none
    }
table.columns tr {
    border: 0
    }
table table tr:first-child {
    border-top: 0
    }
devsite-selector .devsite-table-wrapper:last-child tr:last-child, table table tr:last-child {
    border-bottom: 0
    }
th, th code {
    background: #e8eaed;
    color: #202124
    }
table.vertical-rules tr > td:not(:last-child), table.vertical-rules tr > th:not(:last-child) {
    border-right: 1px solid #dadce0
    }
.alt td, td.alt {
    background: rgba(241, 243, 244, 0.75)
    }
table.responsive > * > tr:not(.alt) td:first-child, table.responsive > tr:not(.alt) td:first-child {
    background: #f1f3f4
    }
table.blue tr {
    background: #e8eaf6;
    border-bottom-color: #c5cae9
    }
table.cyan tr {
    background: #e4f7fb;
    border-bottom-color: #a1e4f2
    }
table.green tr {
    background: #e0f2f1;
    border-bottom-color: #b2dfdb
    }
table.orange tr {
    background: #feefe3;
    border-bottom-color: #fedfc8
    }
table.pink tr {
    background: #fde7f3;
    border-bottom-color: #fdcfe8
    }
table.purple tr {
    background: #f3e8fd;
    border-bottom-color: #e9d2fd
    }
table.blue tr:first-child {
    border-top-color: #c5cae9
    }
table.cyan tr:first-child {
    border-top-color: #a1e4f2
    }
table.green tr:first-child {
    border-top-color: #b2dfdb
    }
table.orange tr:first-child {
    border-top-color: #fedfc8
    }
table.pink tr:first-child {
    border-top-color: #fdcfe8
    }
table.purple tr:first-child {
    border-top-color: #e9d2fd
    }
table.blue th, table.cyan th, table.green th, table.orange th, table.pink th, table.purple th {
    background: inherit
    }
table.blue tr.alt td, table.responsive.blue tr:not(.alt) td:first-child {
    background: #f6f7fb
    }
table.responsive.blue table td:first-child {
    background: #fff
    }
table.cyan tr.alt td, table.responsive.cyan tr:not(.alt) td:first-child {
    background: #f4fcfd
    }
table.responsive.cyan table td:first-child {
    background: #fff
    }
table.green tr.alt td, table.responsive.green tr:not(.alt) td:first-child {
    background: #f3faf9
    }
table.responsive.green table td:first-child {
    background: #fff
    }
table.orange tr.alt td, table.responsive.orange tr:not(.alt) td:first-child {
    background: #fff9f4
    }
table.responsive.orange table td:first-child {
    background: #fff
    }
table.pink tr.alt td, table.responsive.pink tr:not(.alt) td:first-child {
    background: #fef5fa
    }
table.responsive.pink table td:first-child {
    background: #fff
    }
table.purple tr.alt td, table.responsive.purple tr:not(.alt) td:first-child {
    background: #faf6fe
    }
table.responsive.purple table td:first-child {
    background: #fff
    }
table.vertical-rules.blue tr > td:not(:last-child), table.vertical-rules.blue tr > th:not(:last-child) {
    border-right: 1px solid #c5cae9
    }
table.vertical-rules.cyan tr > td:not(:last-child), table.vertical-rules.cyan tr > th:not(:last-child) {
    border-right: 1px solid #a1e4f2
    }
table.vertical-rules.green tr > td:not(:last-child), table.vertical-rules.green tr > th:not(:last-child) {
    border-right: 1px solid #b2dfdb
    }
table.vertical-rules.orange tr > td:not(:last-child), table.vertical-rules.orange tr > th:not(:last-child) {
    border-right: 1px solid #fedfc8
    }
table.vertical-rules.pink tr > td:not(:last-child), table.vertical-rules.pink tr > th:not(:last-child) {
    border-right: 1px solid #fdcfe8
    }
table.vertical-rules.purple tr > td:not(:last-child), table.vertical-rules.purple tr > th:not(:last-child) {
    border-right: 1px solid #e9d2fd
    }
.devsite-article-body > .devsite-full-width-table, .devsite-article-body > table.full-width {
    margin: 16px -40px
    }
@media screen and (max-width: 840px) {
    .devsite-article-body > .devsite-full-width-table, .devsite-article-body > table.full-width {
        margin: 16px -24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-article-body > .devsite-full-width-table, .devsite-article-body > table.full-width {
        margin: 16px -16px
        }
    }
.devsite-article-body > .devsite-full-width-table td:first-child, .devsite-article-body > .devsite-full-width-table th:first-child, .devsite-article-body > table.full-width td:first-child, .devsite-article-body > table.full-width th:first-child {
    padding-left: 40px
    }
@media screen and (max-width: 840px) {
    .devsite-article-body > .devsite-full-width-table td:first-child, .devsite-article-body > .devsite-full-width-table th:first-child, .devsite-article-body > table.full-width td:first-child, .devsite-article-body > table.full-width th:first-child {
        padding-left: 24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-article-body > .devsite-full-width-table td:first-child, .devsite-article-body > .devsite-full-width-table th:first-child, .devsite-article-body > table.full-width td:first-child, .devsite-article-body > table.full-width th:first-child {
        padding-left: 16px
        }
    }
.devsite-article-body > .devsite-full-width-table td:last-child, .devsite-article-body > .devsite-full-width-table th:last-child, .devsite-article-body > table.full-width td:last-child, .devsite-article-body > table.full-width th:last-child {
    padding-right: 40px
    }
@media screen and (max-width: 840px) {
    .devsite-article-body > .devsite-full-width-table td:last-child, .devsite-article-body > .devsite-full-width-table th:last-child, .devsite-article-body > table.full-width td:last-child, .devsite-article-body > table.full-width th:last-child {
        padding-right: 24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-article-body > .devsite-full-width-table td:last-child, .devsite-article-body > .devsite-full-width-table th:last-child, .devsite-article-body > table.full-width td:last-child, .devsite-article-body > table.full-width th:last-child {
        padding-right: 16px
        }
    }
.devsite-full-width-table table table td:first-child, .devsite-full-width-table table table th:first-child {
    padding-left: 0
    }
@media screen and (max-width: 840px) {
    .devsite-full-width-table table table td:first-child, .devsite-full-width-table table table th:first-child {
        padding-right: 0
        }
    }
.devsite-full-width-table table table td:last-child, .devsite-full-width-table table table th:last-child {
    padding-right: 0
    }
@media screen and (max-width: 840px) {
    .devsite-full-width-table table table td:last-child, .devsite-full-width-table table table th:last-child {
        padding-left: 0
        }
    }
@media screen and (max-width: 840px) {
    table.responsive td, table.responsive th, table.responsive tr {
        display: block
        }
    table.responsive table:not(.responsive) tr {
        display: table-row
        }
    table.responsive table:not(.responsive) td, table.responsive table:not(.responsive) th {
        display: table-cell
        }
    table.responsive > * > th, table.responsive > th {
        height: auto;
        padding: 14px 8px
        }
    table.fixed.responsive col {
        display: contents
        }
    }
.devsite-book-nav::-webkit-scrollbar, .devsite-dialog::-webkit-scrollbar, .devsite-popout::-webkit-scrollbar, .devsite-table-wrapper::-webkit-scrollbar, .devsite-tabs-overflow-menu::-webkit-scrollbar, .devsite-toc::-webkit-scrollbar, [scrollbars]::-webkit-scrollbar, pre::-webkit-scrollbar {
    height: 8px;
    width: 8px
    }
.devsite-book-nav::-webkit-scrollbar-thumb, .devsite-dialog::-webkit-scrollbar-thumb, .devsite-popout::-webkit-scrollbar-thumb, .devsite-table-wrapper::-webkit-scrollbar-thumb, .devsite-tabs-overflow-menu::-webkit-scrollbar-thumb, .devsite-toc::-webkit-scrollbar-thumb, [scrollbars]::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb {
    background: rgba(128, 134, 139, 0.26);
    border-radius: 8px
    }
.devsite-doc-set-nav-row::-webkit-scrollbar, .devsite-header-upper-tabs::-webkit-scrollbar, [no-horizontal-scrollbars]::-webkit-scrollbar {
    height: 0;
    width: 0
    }
.devsite-table-wrapper::-webkit-scrollbar-corner, [scrollbars]::-webkit-scrollbar-corner, pre::-webkit-scrollbar-corner {
    background: 0
    }
.devsite-cse-confidential-results {
    background: rgba(254, 239, 227, 0.5);
    margin: 16px -40px;
    padding: 0 40px 16px
    }
.devsite-cse-confidential-results + aside {
    margin-top: -16px !important
    }
.devsite-search-results-stats {
    margin-bottom: 8px
    }
.devsite-search-results-restricted .gs-title {
    font-weight: 500
    }
.devsite-search-results-restricted .gs-title:link, .devsite-search-results-restricted .gs-title:visited {
    color: #1a73e8
    }
.devsite-search-results-restricted .gs-webResult .gs-visibleUrl {
    color: #1e8e3e;
    font-size: 14px
    }
.devsite-search-results-restricted .gs-snippet {
    margin-top: 0
    }
.devsite-result-item-link .devsite-result-item-confidential, .devsite-search-results-restricted .gs-title-label {
    background: #feefe3;
    border-radius: 4px;
    color: #bf360c;
    display: inline-block;
    font: 500 11px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.8px;
    margin: 0 8px;
    padding: 5px 8px 3px;
    text-transform: uppercase
    }
body[type=search] .gsc-webResult .gsc-result {
    border: none;
    margin: 24px 0;
    padding: 0
    }
.devsite-search-page-controls {
    margin-top: 8px
    }
.devsite-search-project {
    border-bottom: 1px solid #dadce0;
    margin-bottom: 24px;
    padding-bottom: 23px
    }
.devsite-search-project .devsite-project-scoped-results-title {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 8px
    }
.devsite-search-project .devsite-project-scoped-results-title, .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-link, .devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-link:focus, .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-link:hover, .devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo-link:focus {
    opacity: 0.7;
    text-decoration: none
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo {
    height: 32px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-has-google-wordmark > .devsite-breadcrumb-link, .devsite-search-project .devsite-project-scoped-results-title .devsite-has-google-wordmark > .devsite-product-name {
    direction: ltr
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-google-wordmark {
    height: 24px;
    margin: 0 4px 0 0;
    position: relative;
    top: 5px;
    width: 74px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-google-wordmark-svg-path {
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo-link canvas {
    height: auto !important
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container {
    color: #202124;
    color: var(--devsite-primary-color, #202124);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px
    }
[dir=ltr] .devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container {
    margin-right: 4px
    }
[dir=rtl] .devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container {
    margin-left: 4px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container[background] {
    background: #202124;
    background: var(--devsite-primary-color, #202124);
    color: #fff
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo {
    color: inherit;
    font-size: 32px;
    height: 32px;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    white-space: nowrap
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container[background] .devsite-product-logo {
    font-size: 28px;
    height: 28px;
    max-width: 28px;
    min-width: 28px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0;
    margin: 0;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    white-space: nowrap
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo:not([src*=\.svg]) {
    height: auto;
    max-height: 32px
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-breadcrumb-link > .devsite-product-name {
    color: inherit
    }
@media screen and (max-width: 840px) {
    .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 0
        }
    .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-item:not(:first-of-type), .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-site-logo-link + .devsite-product-name {
        display: none
        }
    .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-item, .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-link, .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-list, .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-product-name {
        width: 100%
        }
    .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-link {
        overflow: hidden;
        text-overflow: ellipsis
        }
    }
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper {
    position: relative;
    margin-left: 0.3em
    }
.devsite-search-project .devsite-breadcrumb-list, .devsite-search-project .devsite-project-scoped-results-title {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
.devsite-search-project .devsite-breadcrumb-link, .devsite-search-project .devsite-breadcrumb-link:hover {
    color: #202124
    }
.devsite-search-project .devsite-product-logo-container {
    color: #202124;
    color: var(--devsite-primary-color, #202124)
    }
.devsite-search-project .devsite-product-logo-container[background] {
    background: #202124;
    background: var(--devsite-primary-color, #202124);
    color: #fff
    }
.devsite-search-project .devsite-breadcrumb-link .devsite-google-wordmark {
    fill: currentColor
    }
.devsite-search-title {
    margin: 0;
    padding: 0
    }
.devsite-search-title .devsite-search-term {
    color: #202124;
    color: var(--devsite-search-term-color, #202124);
    font-weight: 500;
    font-weight: var(--devsite-search-term-weight, 500)
    }
.devsite-steps {
    padding: 24px 0 40px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    }
.devsite-steps, .devsite-steps .steps-direction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
.devsite-steps .steps-direction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
    }
.devsite-steps .steps-previous {
    margin-left: 40px
    }
.devsite-steps .steps-next {
    margin-right: 40px;
    text-align: right
    }
.devsite-steps .steps-link:focus {
    text-decoration: none
    }
.devsite-steps .steps-link-direction {
    color: #1a73e8;
    display: block;
    font-size: 14px
    }
.devsite-steps .steps-link-title {
    color: #174ea6;
    font-size: 18px
    }
.devsite-steps .steps-link:focus .steps-link-title {
    border-bottom: 1px solid #174ea6
    }
.devsite-steps .steps-link-arrow {
    color: #1a73e8;
    position: absolute
    }
.devsite-steps .steps-link-arrow-left {
    left: -40px
    }
.devsite-steps .steps-link-arrow-right {
    right: -40px
    }
@media screen and (max-width: 840px) {
    .devsite-steps .steps-link-title {
        font-size: 14px
        }
    .devsite-steps .steps-previous {
        margin-left: 24px
        }
    .devsite-steps .steps-next {
        margin-right: 24px
        }
    .devsite-steps .steps-link-arrow-left {
        left: -24px
        }
    .devsite-steps .steps-link-arrow-right {
        right: -24px
        }
    .devsite-steps .steps-link-arrow {
        bottom: 4px;
        font-size: 16px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-steps {
        padding: 8px 0 16px
        }
    .devsite-steps .steps-next, .devsite-steps .steps-previous {
        margin: 0
        }
    .devsite-steps .steps-link-arrow {
        display: none
        }
    }
.devsite-jsfiddle-hide, html[cached] .devsite-wrapper {
    display: none
    }
.devsite-dialog:not([is-upgraded]), iframe.devsite-embedded-youtube-video:not([is-upgraded]) {
    pointer-events: none;
    visibility: hidden
    }
.code-sample, .data-sample, .ds-selector-dropdown, .ds-selector-tabs, .expandable, .kd-tabbed-horz, .kd-tabbed-vert {
    display: none
    }
devsite-selector {
    pointer-events: none;
    visibility: hidden
    }
devsite-search .devsite-searchbox {
    background: #f1f3f4;
    border-radius: 2px
    }
devsite-page-rating[position=header] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 120px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    margin: 0 0 0 16px;
    width: 120px
    }
[dir=rtl] devsite-page-rating[position=header] {
    margin: 0 16px 0 0
    }
iframe.framebox, iframe.inherit-locale {
    display: block;
    width: 100%
    }
[background=blue-grey] {
    --devsite-background-color: #607d8b
    }
[foreground=blue-grey], [theme=blue-grey] [foreground=theme] {
    --devsite-foreground-color: #607d8b;
    --devsite-foreground-button-background: #eff2f3;
    --devsite-foreground-button-background-hover: #455a64;
    --devsite-foreground-button-border: 1px solid #d7dfe2;
    --devsite-foreground-button-border-active: 1px solid #eff2f3
    }
[background=blue-grey-dark] {
    --devsite-background-color: #455a64
    }
[foreground=blue-grey-dark], [theme=blue-grey-dark] [foreground=theme] {
    --devsite-foreground-color: #455a64;
    --devsite-foreground-button-background: #eceff0;
    --devsite-foreground-button-background-hover: #37474f;
    --devsite-foreground-button-border: 1px solid #d1d6d8;
    --devsite-foreground-button-border-active: 1px solid #eceff0
    }
[background=cyan] {
    --devsite-background-color: #12b5cb
    }
[foreground=cyan], [theme=cyan] [foreground=theme] {
    --devsite-foreground-color: #12b5cb;
    --devsite-foreground-button-background: #e7f8fa;
    --devsite-foreground-button-background-hover: #098591;
    --devsite-foreground-button-border: 1px solid #c4edf2;
    --devsite-foreground-button-border-active: 1px solid #e7f8fa
    }
[background=deep-orange] {
    --devsite-background-color: #ff5722
    }
[foreground=deep-orange], [theme=deep-orange] [foreground=theme] {
    --devsite-foreground-color: #ff5722;
    --devsite-foreground-button-background: #ffeee9;
    --devsite-foreground-button-background-hover: #e64a19;
    --devsite-foreground-button-border: 1px solid #ffd5c8;
    --devsite-foreground-button-border-active: 1px solid #ffeee9
    }
[background=deep-purple] {
    --devsite-background-color: #673ab7
    }
[foreground=deep-purple], [theme=deep-purple] [foreground=theme] {
    --devsite-foreground-color: #673ab7;
    --devsite-foreground-button-background: #f0ebf8;
    --devsite-foreground-button-background-hover: #512da8;
    --devsite-foreground-button-border: 1px solid #d9ceed;
    --devsite-foreground-button-border-active: 1px solid #f0ebf8
    }
[background=google-blue] {
    --devsite-background-color: #1a73e8
    }
[foreground=google-blue], [theme=google-blue] [foreground=theme] {
    --devsite-foreground-color: #1a73e8;
    --devsite-foreground-button-background: #e8f1fd;
    --devsite-foreground-button-background-hover: #185abc;
    --devsite-foreground-button-border: 1px solid #c6dcf9;
    --devsite-foreground-button-border-active: 1px solid #e8f1fd
    }
[background=google-green] {
    --devsite-background-color: #1e8e3e
    }
[foreground=google-green], [theme=google-green] [foreground=theme] {
    --devsite-foreground-color: #1e8e3e;
    --devsite-foreground-button-background: #e9f4ec;
    --devsite-foreground-button-background-hover: #137333;
    --devsite-foreground-button-border: 1px solid #c7e3cf;
    --devsite-foreground-button-border-active: 1px solid #e9f4ec
    }
[background=google-red] {
    --devsite-background-color: #d93025
    }
[foreground=google-red], [theme=google-red] [foreground=theme] {
    --devsite-foreground-color: #d93025;
    --devsite-foreground-button-background: #fbeae9;
    --devsite-foreground-button-background-hover: #b31412;
    --devsite-foreground-button-border: 1px solid #f6cbc9;
    --devsite-foreground-button-border-active: 1px solid #fbeae9
    }
[background=google-yellow] {
    --devsite-background-color: #f9ab00
    }
[foreground=google-yellow], [theme=google-yellow] [foreground=theme] {
    --devsite-foreground-color: #f9ab00;
    --devsite-foreground-button-background: #fef7e6;
    --devsite-foreground-button-background-hover: #ea8600;
    --devsite-foreground-button-border: 1px solid #feeabf;
    --devsite-foreground-button-border-active: 1px solid #fef7e6
    }
[background=indigo] {
    --devsite-background-color: #3f51b5
    }
[foreground=indigo], [theme=indigo] [foreground=theme] {
    --devsite-foreground-color: #3f51b5;
    --devsite-foreground-button-background: #eceef8;
    --devsite-foreground-button-background-hover: #303f9f;
    --devsite-foreground-button-border: 1px solid #cfd4ed;
    --devsite-foreground-button-border-active: 1px solid #eceef8
    }
[background=orange] {
    --devsite-background-color: #e8710a
    }
[foreground=orange], [theme=orange] [foreground=theme] {
    --devsite-foreground-color: #e8710a;
    --devsite-foreground-button-background: #fdf1e7;
    --devsite-foreground-button-background-hover: #c26401;
    --devsite-foreground-button-border: 1px solid #f9dcc2;
    --devsite-foreground-button-border-active: 1px solid #fdf1e7
    }
[background=pink] {
    --devsite-background-color: #e52592
    }
[foreground=pink], [theme=pink] [foreground=theme] {
    --devsite-foreground-color: #e52592;
    --devsite-foreground-button-background: #fce9f4;
    --devsite-foreground-button-background-hover: #b80672;
    --devsite-foreground-button-border: 1px solid #f9c9e4;
    --devsite-foreground-button-border-active: 1px solid #fce9f4
    }
[background=purple] {
    --devsite-background-color: #9334e6
    }
[foreground=purple], [theme=purple] [foreground=theme] {
    --devsite-foreground-color: #9334e6;
    --devsite-foreground-button-background: #f4ebfd;
    --devsite-foreground-button-background-hover: #7627bb;
    --devsite-foreground-button-border: 1px solid #e4ccf9;
    --devsite-foreground-button-border-active: 1px solid #f4ebfd
    }
[background=teal] {
    --devsite-background-color: #009688
    }
[foreground=teal], [theme=teal] [foreground=theme] {
    --devsite-foreground-color: #009688;
    --devsite-foreground-button-background: #e6f5f3;
    --devsite-foreground-button-background-hover: #00796b;
    --devsite-foreground-button-border: 1px solid #bfe5e1;
    --devsite-foreground-button-border-active: 1px solid #e6f5f3
    }
[background=blue] {
    --devsite-background-color: #1a73e8
    }
[foreground=blue], [theme=blue] [foreground=theme] {
    --devsite-foreground-color: #1a73e8;
    --devsite-foreground-button-background: #e8f1fd;
    --devsite-foreground-button-background-hover: #185abc;
    --devsite-foreground-button-border: 1px solid #c6dcf9;
    --devsite-foreground-button-border-active: 1px solid #e8f1fd
    }
[background=green] {
    --devsite-background-color: #1e8e3e
    }
[foreground=green], [theme=green] [foreground=theme] {
    --devsite-foreground-color: #1e8e3e;
    --devsite-foreground-button-background: #e9f4ec;
    --devsite-foreground-button-background-hover: #137333;
    --devsite-foreground-button-border: 1px solid #c7e3cf;
    --devsite-foreground-button-border-active: 1px solid #e9f4ec
    }
[background=light-blue] {
    --devsite-background-color: #0288d1
    }
[foreground=light-blue], [theme=light-blue] [foreground=theme] {
    --devsite-foreground-color: #0288d1;
    --devsite-foreground-button-background: #e6f3fa;
    --devsite-foreground-button-background-hover: #01579b;
    --devsite-foreground-button-border: 1px solid #c0e1f4;
    --devsite-foreground-button-border-active: 1px solid #e6f3fa
    }
[background=light-green] {
    --devsite-background-color: #8bc34a
    }
[foreground=light-green], [theme=light-green] [foreground=theme] {
    --devsite-foreground-color: #8bc34a;
    --devsite-foreground-button-background: #f3f9ed;
    --devsite-foreground-button-background-hover: #689f38;
    --devsite-foreground-button-border: 1px solid #e2f0d2;
    --devsite-foreground-button-border-active: 1px solid #f3f9ed
    }
[background=navy] {
    --devsite-background-color: #3f51b5
    }
[foreground=navy], [theme=navy] [foreground=theme] {
    --devsite-foreground-color: #3f51b5;
    --devsite-foreground-button-background: #eceef8;
    --devsite-foreground-button-background-hover: #303f9f;
    --devsite-foreground-button-border: 1px solid #cfd4ed;
    --devsite-foreground-button-border-active: 1px solid #eceef8
    }
[background=cyan] {
    --devsite-background-color: #43cde6
    }
[background=google-yellow] {
    --devsite-background-color: #fcc934
    }
[background=grey]:not([foreground]) {
    --devsite-text-color: #202124;
    --devsite-text-color-hover: rgba(154, 160, 166, 0.5)
    }
[background=light-green] {
    --devsite-background-color: #aed581
    }
[background=orange] {
    --devsite-background-color: #fcad70
    }
[background=cyan], [background=google-yellow], [background=orange] {
    --devsite-icon-color: #202124;
    --devsite-icon-color-hover: rgba(154, 160, 166, 0.5)
    }
[background=cyan], [background=google-yellow], [background=orange], [background=white]:not([foreground]) {
    --devsite-text-color: #202124;
    --devsite-text-color-hover: rgba(154, 160, 166, 0.5)
    }
[foreground=cyan] .button-primary, [foreground=google-yellow] .button-primary, [foreground=orange] .button-primary {
    --devsite-text-color: #202124
    }
.devsite-landing-row-item-labels [background]:not([foreground]) {
    --devsite-text-color: #fff
    }
.devsite-landing-row-item-labels [background=cyan]:not([foreground]), .devsite-landing-row-item-labels [background=google-yellow]:not([foreground]), .devsite-landing-row-item-labels [background=orange]:not([foreground]) {
    --devsite-text-color: #202124
    }
[background=light-green] {
    --devsite-icon-color: #202124;
    --devsite-icon-color-hover: rgba(154, 160, 166, 0.5);
    --devsite-text-color: #202124;
    --devsite-text-color-hover: rgba(154, 160, 166, 0.5)
    }
.devsite-landing-row-item-labels [background=light-green]:not([foreground]), [foreground=light-green] .button-primary {
    --devsite-text-color: #202124
    }
[background] {
    background-color: #202124;
    background-color: var(--devsite-background-color, var(--devsite-primary-color, #202124))
    }
[background] :link:not(.button), [background]:not([background=grey]):not(.devsite-landing-row-cards), [background]:not([background=grey]):not(.devsite-landing-row-cards) h3, [background]:not([background=grey]):not([foreground]):not(.devsite-landing-row-cards), [background]:not([background=grey]) h2, [background] :visited:not(.button) {
    color: #fff;
    color: var(--devsite-text-color, #fff)
    }
[background=white] {
    background-color: #fff
    }
[background=grey] {
    background-color: #f1f3f4;
    background-color: var(--devsite-background-color, #f1f3f4)
    }
[background=grey] h2 {
    color: #5f6368;
    color: var(--devsite-heading-color, #5f6368)
    }
[background=grey]:not(.devsite-landing-row-cards), [background=grey]:not(.devsite-landing-row-cards) [background] h3, [background=grey]:not(.devsite-landing-row-cards) h3 {
    color: inherit;
    color: var(--devsite-text-color, inherit)
    }
[background=grey] :link:not(.button), [background=grey] :visited:not(.button), [background].devsite-landing-row-cards :link:not(.button), [background].devsite-landing-row-cards :visited:not(.button) {
    color: #1a73e8;
    color: var(--devsite-foreground-color, #1a73e8)
    }
[background]:not([background=grey]) :focus > :not(.material-icons), [background]:not([background=grey]) :link > :not(.material-icons):hover, [background]:not([background=grey]) p > a:not(.button) {
    text-decoration: underline
    }
[background]:not([background=grey]) p > a:focus {
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 2px;
    margin: -4px;
    padding: 4px;
    text-decoration: none
    }
[foreground] :focus > :not(.material-icons), [foreground] :link > :not(.material-icons):hover {
    color: #1a73e8;
    color: var(--devsite-foreground-color, var(--devsite-primary-color, #1a73e8));
    text-decoration: underline
    }
.devsite-landing-row-item[foreground] h2 a:not(.button), .devsite-landing-row-item[foreground] h3 a:not(.button), [foreground] h2 a:not(.button), [foreground] h3 a:not(.button) {
    color: #1a73e8;
    color: var(--devsite-foreground-color, var(--devsite-primary-color, #1a73e8))
    }
.devsite-landing-row-header-icon-container[background][foreground], .devsite-landing-row-header-icon-container[foreground], .devsite-landing-row-item-icon-container[background][foreground], .devsite-landing-row-item-icon-container[foreground], .devsite-landing-row-item-list-item-icon-container[background][foreground], .devsite-landing-row-item-list-item-icon-container[foreground] {
    color: #202124;
    color: var(--devsite-foreground-color, var(--devsite-primary-color, #202124))
    }
body[theme=white] devsite-user div.devsite-user-dialog-signin .devsite-user-dialog-letter, body[theme=white] devsite-user div.devsite-user-dialog .devsite-user-dialog-photo {
    background-color: #1a73e8;
    color: #fff
    }
body[theme=white] .devsite-product-button-row .button:not(.button-primary) {
    border: 1px solid #dadce0;
    box-shadow: none;
    line-height: 34px
    }
body[theme=white] .devsite-product-button-row .button:not(.button-primary):focus, body[theme=white] .devsite-product-button-row .button:not(.button-primary):hover {
    border: 1px solid #d2e3fc
    }
body[theme=white] .devsite-product-button-row .button:not(.button-primary):active {
    border: 1px solid #e8f0fe;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
body[theme=cloud-theme] .devsite-feedback-item-icon-container.devsite-feedback-item-icon-color, body[theme=white] .devsite-feedback-item-icon-container.devsite-feedback-item-icon-color {
    background-color: #1a73e8
    }
devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab > a:focus:after, devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab > a:hover:after {
    background: #5f6368;
    background: var(--devsite-upper-tab-inactive, #5f6368)
    }
devsite-tabs.lower-tabs tab > a:focus:after, devsite-tabs.lower-tabs tab > a:hover:after {
    background: hsla(0, 0%, 100%, 0.7);
    background: var(--devsite-header-foreground-lower, hsla(0, 0%, 100%, 0.7))
    }
devsite-content {
    display: block;
    position: relative
    }
body[layout=docs] devsite-content {
    align-self: start;
    -ms-grid-column: 3;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 24px 0;
    max-width: 936px;
    min-width: 0
    }
body[layout=docs] .devsite-article {
    border: 0;
    border: var(--devsite-page-border, 0);
    border-radius: 2px;
    border-radius: var(--devsite-page-border-radius, 2px);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    background-color: #fff;
    padding: 40px
    }
body[layout=docs][type=landing] .devsite-article {
    padding: 0
    }
.devsite-article-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 20px
    }
.devsite-banner + .devsite-article-meta {
    margin-top: -16px
    }
body[layout=full] .devsite-article-meta, body[type=landing] .devsite-article-meta {
    margin: 0
    }
devsite-feedback[position=header] {
    display: block;
    position: relative;
    top: -4px
    }
[dir=ltr] devsite-feedback[position=header] {
    float: right;
    margin-left: 24px
    }
[dir=rtl] devsite-feedback[position=header] {
    float: left;
    margin-right: 24px
    }
body[layout=full] devsite-feedback[position=header], body[type=landing] devsite-feedback[position=header] {
    display: none
    }
@media screen and (max-width: 840px) {
    body[layout=docs] devsite-content {
        margin: 0
        }
    body[layout=docs] .devsite-article {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 24px
        }
    .devsite-banner + .devsite-article-meta {
        margin-top: 0
        }
    }
@media screen and (max-width: 600px) {
    body[layout=docs] .devsite-article {
        padding: 16px
        }
    .devsite-article-meta {
        display: block;
        margin: 0 0 12px
        }
    [dir] devsite-feedback[position=header] {
        float: none;
        margin: 0 0 12px;
        position: static
        }
    }
#devsite-support-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 -40px
    }
#devsite-support-form > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 0 0 40px
    }
.devsite-support-form-error {
    color: #dd2c00
    }
.devsite-support-form-hidden {
    display: none
    }
.devsite-support-form-field {
    margin: 0 0 8px
    }
.devsite-support-form-field input:not([type=checkbox]):not([type=radio]), .devsite-support-form-field select, .devsite-support-form-field textarea {
    width: 100%
    }
.devsite-support-form-cc {
    color: #5f6368;
    display: block;
    font-size: 13px
    }
#devsite-support-form > .devsite-support-form-half {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
    }
.devsite-support-quota {
    font: italic 400 12px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin-bottom: 8px
    }
.devsite-support-quota-help {
    font-size: 18px;
    margin-left: 4px;
    vertical-align: top
    }
.devsite-support-quota-help:after {
    content: "help";
    color: #bdc1c6
    }
@media screen and (max-width: 600px) {
    #devsite-support-form {
        display: block
        }
    }
.devsite-404-wrapper, .devsite-offline-wrapper {
    margin: 0 auto;
    max-width: 804px;
    position: relative;
    text-align: center
    }
.devsite-404-header, .devsite-offline-header {
    margin: 120px 24px 20px;
    position: relative;
    z-index: 2
    }
.devsite-404-search, .devsite-offline-reload, .devsite-offline-suggestions {
    margin: 0 0 160px;
    position: relative;
    z-index: 1
    }
.devsite-404-search devsite-search .devsite-popout-result {
    max-height: 304px
    }
.devsite-offline-reload {
    text-align: center
    }
.devsite-404-header h3, .devsite-offline-header h3 {
    color: #202124;
    color: var(--devsite-offline-heading-color, var(--devsite-dark-color, #202124))
    }
.devsite-404-header h3 {
    font: 400 64px/64px Roboto Mono, monospace
    }
.devsite-offline-header h3 {
    font: 400 32px/48px Roboto Mono, monospace
    }
.devsite-404-wrapper devsite-search, .devsite-404-wrapper devsite-search .devsite-searchbox, [dir=rtl] .devsite-404-wrapper devsite-search, [dir=rtl] .devsite-404-wrapper devsite-search .devsite-searchbox {
    margin: 0;
    width: 100%
    }
.devsite-404-wrapper devsite-search .devsite-search-button {
    display: none
    }
.devsite-offline-wrapper .devsite-offline-suggestions {
    text-align: left
    }
[dir=rtl] .devsite-offline-wrapper .devsite-offline-suggestions {
    text-align: right
    }
.devsite-offline-wrapper .devsite-offline-suggestions h3, .devsite-offline-wrapper .devsite-offline-suggestions ul {
    margin: 0
    }
.devsite-404-wrapper .devsite-404-links {
    border-top: 1px solid #dadce0;
    margin: 0 calc(50% - 50vw) 40px;
    padding: 0 calc(50vw - 50%);
    text-align: left
    }
[dir=rtl] .devsite-404-wrapper .devsite-404-links {
    text-align: right
    }
.devsite-404-wrapper .devsite-404-links ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
    }
.devsite-404-wrapper .devsite-404-links li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    margin-left: 24px
    }
[dir=rtl] .devsite-404-wrapper .devsite-404-links li {
    margin-left: 0;
    margin-right: 24px
    }
.devsite-404-wrapper .devsite-404-links li:nth-of-type(4n+1) {
    margin-left: 0
    }
[dir=rtl] .devsite-404-wrapper .devsite-404-links li:nth-of-type(4n+1) {
    margin-right: 0
    }
@media screen and (max-width: 840px) {
    .devsite-404-header, .devsite-offline-header {
        margin-top: 40px
        }
    .devsite-404-search, .devsite-offline-reload, .devsite-offline-suggestions {
        margin-bottom: 80px
        }
    .devsite-404-wrapper .devsite-404-links li {
        -webkit-box-flex: 0;
        -moz-box-flex: 0
        }
    .devsite-404-wrapper .devsite-404-links li:nth-of-type(odd) {
        margin-left: 0
        }
    [dir=rtl] .devsite-404-wrapper .devsite-404-links li:nth-of-type(odd) {
        margin-right: 0
        }
    }
@media screen and (max-width: 600px) {
    .devsite-404-search, .devsite-offline-reload, .devsite-offline-suggestions {
        margin-bottom: 40px
        }
    }
devsite-dynamic-content .devsite-card-image-container {
    background-image: url(../images/dynamic-content-card-default.png)
    }
devsite-dynamic-content[items-across=1] {
    --devsite-columns: 1
    }
devsite-dynamic-content[items-across=2] {
    --devsite-columns: 2
    }
devsite-dynamic-content[items-across=3] {
    --devsite-columns: 3
    }
devsite-dynamic-content[items-across=4] {
    --devsite-columns: 4
    }
@media screen and (max-width: 840px) {
    devsite-dynamic-content[items-across=3] devsite-dynamic-content[items-across=4] {
        --devsite-columns: 2
        }
    }
@media print {
    .beta, .beta a, .caution, .caution a, .devsite-banner, .devsite-banner a, .dogfood, .dogfood a, .key-point, .key-point a, .key-term, .key-term a, .note, .note a, .objective, .objective a, .prettyprint a, .special, .special a, .success, .success a, .warning, .warning a, :link, :visited, a .atn, a .atv, a .com, a .dec, a .kwd, a .lit, a .pln, a .pun, a .str, a .tag, a .typ, a code, aside, aside :link, aside :visited, body, code, h1, h1 code, h2, h2 code, h3, h3 code, h4, h4 code, h5, h5 code, h6, h6 code, html, pre, pre .atn, pre .atv, pre .com, pre .dec, pre .kwd, pre .lit, pre .pln, pre .pun, pre .str, pre .tag, pre .typ, td, td code, th, th :link, th :visited, th code, var {
        color: #000 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
        }
    #gc-wrapper {
        margin: 0 !important
        }
    devsite-code {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
        }
    devsite-expandable > :not(.showalways):not(.exw-control):not(.exw-expanded-content):not(.expand-control) {
        display: block !important
        }
    :link, :visited {
        text-decoration: underline
        }
    .devsite-article-meta, .devsite-banner-confidential .button, .devsite-banner-translated .button, .devsite-book-nav-bg, .devsite-code-buttons-container, devsite-book-nav, devsite-feedback, devsite-footer-linkboxes, devsite-footer-promos, devsite-footer-utility, devsite-googler-buttons, devsite-header, devsite-page-rating, devsite-recommendations, devsite-thumb-rating, devsite-toc {
        display: none !important
        }
    .devsite-article, .devsite-main-content, devsite-content {
        background: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        display: block !important;
        margin: 0 !important;
        max-width: none !important;
        padding: 0 !important;
        width: auto !important
        }
    .devsite-banner {
        margin-top: 0
        }
    .attempt-left, .attempt-right, .video-wrapper {
        float: none;
        margin: 16px 0
        }
    img, video {
        display: block !important;
        page-break-inside: avoid !important
        }
    .devsite-main-content a[href]:after {
        content: " (" attr(href) ")";
        display: inline-block;
        font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
        max-width: 100%;
        word-wrap: break-word
        }
    }
@page {
    margin: 0.75in
    }
.devsite-product-platform-row {
    margin: 8px 0;
    padding: 0 24px
    }
.devsite-header-no-lower-tabs .devsite-product-platform-row {
    margin-top: -12px;
    padding-bottom: 24px
    }
.devsite-platform-container {
    display: inline-block
    }
.devsite-platform-container + .devsite-platform-container {
    margin-left: 16px
    }
.devsite-platform-icon-container {
    background: #fff;
    border-radius: 50%;
    height: 40px;
    margin: 0 auto;
    width: 40px
    }
.devsite-platform-icon {
    color: #5f6368;
    font-size: 24px;
    height: 24px;
    margin: 8px;
    width: 24px
    }
@media screen and (max-width: 1000px) {
    div.devsite-collapsible-section, div.devsite-header-background {
        background-image: none
        }
    }
@media screen and (max-width: 600px) {
    .devsite-product-platform-row {
        padding: 0 16px
        }
    }
.devsite-landing-row-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
    }
.devsite-landing-row[header-position=left] .devsite-landing-row-header, .devsite-landing-row[header-position=right] .devsite-landing-row-header {
    display: block;
    -ms-grid-row: 1;
    margin: 0
    }
.devsite-landing-row[header-position=left] .devsite-landing-row-header {
    grid-column: 1;
    -ms-grid-column: 1
    }
.devsite-landing-row[header-position=right] .devsite-landing-row-header {
    grid-column: 3;
    -ms-grid-column: 5;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
    }
.devsite-landing-row[header-position=top] .devsite-landing-row-header + .devsite-landing-row-group {
    margin-top: 32px
    }
.devsite-landing-row-header-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
    }
.devsite-landing-row-header-text > h2 {
    margin: 0
    }
.devsite-landing-row-description {
    font-size: 18px;
    font-size: var(--devsite-font-size, 18px);
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    line-height: 24px;
    max-width: 856px
    }
[background] .devsite-landing-row-description {
    color: #fff;
    color: var(--devsite-text-color, #fff)
    }
[background=grey] .devsite-landing-row-description, [background=white] .devsite-landing-row-description {
    color: #202124;
    color: var(--devsite-text-color, #202124)
    }
.devsite-landing-row:not([background]):not([foreground]) .devsite-landing-row-description {
    color: #5f6368;
    color: var(--devsite-text-color, var(--devsite-heading-color, #5f6368))
    }
h2 + .devsite-landing-row-description {
    margin-top: 16px
    }
.devsite-landing-row-header-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0
    }
[dir=ltr] .devsite-landing-row-header-buttons {
    margin-left: auto
    }
[dir=rtl] .devsite-landing-row-header-buttons {
    margin-right: auto
    }
.devsite-landing-row-header-centered .devsite-landing-row-header, .devsite-landing-row-header[icon-position=top] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
[dir] .devsite-landing-row-header-centered .devsite-landing-row-header-buttons, [dir] .devsite-landing-row-header[icon-position=top] .devsite-landing-row-header-buttons {
    margin-left: 0;
    margin-right: 0
    }
.devsite-landing-row-header-centered .devsite-landing-row-header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
    }
.devsite-landing-row-header-centered .devsite-landing-row-description {
    margin-left: auto;
    margin-right: auto
    }
.devsite-landing-row-header-centered .devsite-landing-row-header-buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
.devsite-landing-row-header-centered .devsite-landing-row-header-buttons, .devsite-landing-row-header[icon-position=top] .devsite-landing-row-header-buttons, .devsite-landing-row[header-position=left] .devsite-landing-row-header-buttons, .devsite-landing-row[header-position=right] .devsite-landing-row-header-buttons {
    margin-top: 24px
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-header + .devsite-landing-row-group {
        margin-top: 32px
        }
    .devsite-landing-row-header {
        display: block
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-header-text + .devsite-landing-row-header-buttons {
        display: block;
        margin: 16px 0 0
        }
    }
.devsite-landing-row-1-up .devsite-landing-row-item-description[icon-position=left], .devsite-landing-row-item-description[icon-position] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
    }
.devsite-landing-row-item-description[icon-position=top] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
.devsite-landing-row-item-description[icon-position^=bottom] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
    }
.devsite-landing-row-header-icon-container, .devsite-landing-row-item-icon-container {
    color: #5f6368;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 8px;
    -webkit-transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s
    }
[dir=ltr] .devsite-landing-row-header-icon-container, [dir=ltr] .devsite-landing-row-item-icon-container {
    margin-right: 20px
    }
[dir=rtl] .devsite-landing-row-header-icon-container, [dir=rtl] .devsite-landing-row-item-icon-container {
    margin-left: 20px
    }
.devsite-landing-row-header-icon-container {
    margin: 0
    }
.devsite-landing-row-header-icon-container[size=small], .devsite-landing-row-item-icon-container[size=small] {
    height: 28px;
    width: 28px
    }
.devsite-landing-row-header-icon-container[size=medium], .devsite-landing-row-item-icon-container[size=medium] {
    height: 56px;
    width: 56px
    }
.devsite-landing-row-header-icon-container[size=large], .devsite-landing-row-item-icon-container[size=large] {
    height: 112px;
    width: 112px
    }
.devsite-landing-row-header-icon-container[size=xlarge], .devsite-landing-row-item-icon-container[size=xlarge] {
    height: 168px;
    width: 168px
    }
.devsite-landing-row-item-description[icon-position=bottom-right] .devsite-landing-row-item-icon-container, .devsite-landing-row-item-description[icon-position=bottom] .devsite-landing-row-item-icon-container {
    margin: 0
    }
.devsite-landing-row-header-centered .devsite-landing-row-header-icon-container, .devsite-landing-row-header[icon-position=top] .devsite-landing-row-header-icon-container {
    margin: 0 0 20px
    }
[dir=ltr] .devsite-landing-row-item-description[icon-position=bottom-right] .devsite-landing-row-item-icon-container {
    margin-left: 20px
    }
[dir=rtl] .devsite-landing-row-item-description[icon-position=bottom-right] .devsite-landing-row-item-icon-container {
    margin-right: 20px
    }
.devsite-landing-row-item-description[icon-position^=bottom] .devsite-landing-row-item-icon-container {
    margin-bottom: 0;
    margin-top: 8px
    }
.devsite-landing-row-item-description[icon-position=bottom] .devsite-landing-row-item-icon-container, .devsite-landing-row-item-description[icon-position=bottom] > a {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
    }
.devsite-landing-row-item-description[icon-position=bottom-right] .devsite-landing-row-item-icon-container, .devsite-landing-row-item-description[icon-position=bottom-right] > a {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
    }
.devsite-landing-row-header-icon-container[background], .devsite-landing-row-item-icon-container[background] {
    background: #202124;
    background: var(--devsite-background-color, var(--devsite-primary-color, #202124))
    }
.devsite-landing-row-header-icon-container[background][foreground=theme], .devsite-landing-row-header-icon-container[foreground=theme], .devsite-landing-row-item-icon-container[background][foreground=theme], .devsite-landing-row-item-icon-container[foreground=theme], .devsite-landing-row :focus .devsite-landing-row-header-icon-container[background][foreground=theme], .devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme], .devsite-landing-row :link .devsite-landing-row-header-icon-container[background][foreground=theme]:hover, .devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover {
    color: #202124;
    color: var(--devsite-primary-color, #202124)
    }
.devsite-landing-row-header-icon, .devsite-landing-row-item-icon {
    margin: 0
    }
[dir=ltr] .devsite-landing-row-item-icon {
    margin-left: 4px
    }
[dir=rtl] .devsite-landing-row-item-icon {
    margin-right: 4px
    }
.devsite-landing-row-header-icon-container[size=small] .devsite-landing-row-header-icon, .devsite-landing-row-item-icon-container[size=small] .devsite-landing-row-item-icon {
    font-size: 24px;
    height: 24px;
    width: 24px
    }
.devsite-landing-row-header-icon-container[size=medium] .devsite-landing-row-header-icon, .devsite-landing-row-item-icon-container[size=medium] .devsite-landing-row-item-icon {
    font-size: 48px;
    height: 48px;
    width: 48px
    }
.devsite-landing-row-header-icon-container[size=large] .devsite-landing-row-header-icon, .devsite-landing-row-item-icon-container[size=large] .devsite-landing-row-item-icon {
    font-size: 96px;
    height: 96px;
    width: 96px
    }
.devsite-landing-row-header-icon-container[size=xlarge] .devsite-landing-row-header-icon, .devsite-landing-row-item-icon-container[size=xlarge] .devsite-landing-row-item-icon {
    font-size: 144px;
    height: 144px;
    width: 144px
    }
.devsite-landing-row-item-description[icon-position=bottom-right] .devsite-landing-row-item-icon, .devsite-landing-row-item-description[icon-position=bottom] .devsite-landing-row-item-icon {
    margin: 0
    }
[dir=ltr] .devsite-landing-row-item-description[icon-position=bottom-right] .devsite-landing-row-item-icon {
    margin-right: 4px
    }
[dir=rtl] .devsite-landing-row-item-description[icon-position=bottom-right] .devsite-landing-row-item-icon {
    margin-left: 4px
    }
.devsite-landing-row-item-centered .devsite-landing-row-item-description[icon-position=top] .devsite-landing-row-item-icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
    }
.devsite-landing-row-item-centered .devsite-landing-row-item-description[icon-position=top] .devsite-landing-row-item-icon {
    margin: 0
    }
.devsite-landing-row-header-icon-container[background], .devsite-landing-row-item-icon-container[background] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
.devsite-landing-row-item-icon-container[background] {
    margin-bottom: 20px
    }
.devsite-landing-row-item-icon-container[background] .devsite-landing-row-item-icon {
    margin: 0
    }
.devsite-landing-row-header-icon-container[background][size=small] .devsite-landing-row-header-icon, .devsite-landing-row-item-icon-container[background][size=small] .devsite-landing-row-item-icon {
    font-size: 18px;
    height: 18px;
    width: 18px
    }
.devsite-landing-row-header-icon-container[background][size=medium] .devsite-landing-row-header-icon, .devsite-landing-row-item-icon-container[background][size=medium] .devsite-landing-row-item-icon {
    font-size: 36px;
    height: 36px;
    width: 36px
    }
.devsite-landing-row-header-icon-container[background][size=large] .devsite-landing-row-header-icon, .devsite-landing-row-item-icon-container[background][size=large] .devsite-landing-row-item-icon {
    font-size: 72px;
    height: 72px;
    width: 72px
    }
.devsite-landing-row-header-icon-container[background][size=xlarge] .devsite-landing-row-header-icon, .devsite-landing-row-item-icon-container[background][size=xlarge] .devsite-landing-row-item-icon {
    font-size: 108px;
    height: 108px;
    width: 108px
    }
[background] .devsite-landing-row-header-icon-container:not([foreground]), [background] .devsite-landing-row-item-icon-container:not([foreground]) {
    color: #fff;
    color: var(--devsite-icon-color, #fff)
    }
[background=grey] .devsite-landing-row-header-icon-container:not([foreground]):not([background]), [background=grey] .devsite-landing-row-item-icon-container:not([foreground]):not([background]) {
    color: #5f6368;
    color: var(--devsite-icon-color, #5f6368)
    }
:focus .devsite-landing-row-header-icon-container, :focus .devsite-landing-row-item-icon-container, :link .devsite-landing-row-header-icon-container:hover, :link .devsite-landing-row-item-icon-container:hover {
    color: #1a73e8
    }
[foreground] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, [foreground] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover, [foreground] :focus .devsite-landing-row-header-icon-container, [foreground] :link .devsite-landing-row-header-icon-container:hover {
    color: rgba(154, 160, 166, 0.5)
    }
[background] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container, [background] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover, [background] :focus .devsite-landing-row-header-icon-container, [background] :link .devsite-landing-row-header-icon-container:hover {
    color: hsla(0, 0%, 100%, 0.7);
    color: var(--devsite-icon-color-hover, hsla(0, 0%, 100%, 0.7))
    }
.devsite-landing-row-header-icon-container[background=grey]:not([foreground]), .devsite-landing-row-header-icon-container[background=white]:not([foreground]), .devsite-landing-row-header-icon-container[foreground=grey], .devsite-landing-row-item-icon-container[background=grey]:not([foreground]), .devsite-landing-row-item-icon-container[background=white]:not([foreground]), .devsite-landing-row-item-icon-container[foreground=grey] {
    color: #5f6368;
    color: var(--devsite-icon-color, #5f6368)
    }
.devsite-landing-row-header-icon-container[background=grey], .devsite-landing-row-item-icon-container[background=grey] {
    background: #f1f3f4;
    background: var(--devsite-background-color, #f1f3f4)
    }
.devsite-landing-row-header-icon-container[background=white], .devsite-landing-row-item-icon-container[background=white] {
    background: #fff
    }
.devsite-landing-row-header-icon-container[background][foreground=white], .devsite-landing-row-header-icon-container[foreground=white], .devsite-landing-row-item-icon-container[background][foreground=white], .devsite-landing-row-item-icon-container[foreground=white] {
    color: #fff
    }
:focus .devsite-landing-row-header-icon-container[background][foreground=grey], :focus .devsite-landing-row-item-icon-container[background][foreground=grey], :link .devsite-landing-row-header-icon-container[background][foreground=grey]:hover, :link .devsite-landing-row-item-icon-container[background][foreground=grey]:hover {
    color: #5f6368;
    color: var(--devsite-icon-color, #5f6368)
    }
:focus .devsite-landing-row-header-icon-container[background][foreground=white], :focus .devsite-landing-row-item-icon-container[background][foreground=white], :link .devsite-landing-row-header-icon-container[background][foreground=white]:hover, :link .devsite-landing-row-item-icon-container[background][foreground=white]:hover {
    color: #fff
    }
:focus .devsite-landing-row-header-icon-container[background], :focus .devsite-landing-row-item-icon-container[background], :link .devsite-landing-row-header-icon-container[background]:hover, :link .devsite-landing-row-item-icon-container[background]:hover {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
[background] :focus .devsite-landing-row-header-icon-container[background], [background] :focus .devsite-landing-row-item-icon-container[background], [background] :link .devsite-landing-row-header-icon-container[background]:hover, [background] :link .devsite-landing-row-item-icon-container[background]:hover {
    color: #fff;
    color: var(--devsite-icon-color, #fff)
    }
[background=grey] :focus .devsite-landing-row-header-icon-container[background], [background=grey] :focus .devsite-landing-row-item-icon-container[background], [background=grey] :link .devsite-landing-row-header-icon-container[background]:hover, [background=grey] :link .devsite-landing-row-item-icon-container[background]:hover {
    color: #5f6368;
    color: var(--devsite-icon-color-hover, #5f6368)
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-item-description[icon-position^=bottom] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
        }
    .devsite-landing-row-item-description[icon-position^=bottom] .devsite-landing-row-item-icon, .devsite-landing-row-item-description[icon-position^=bottom] .devsite-landing-row-item-icon-container, .devsite-landing-row-item-description[icon-position^=bottom] > a {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin: 0
        }
    [dir=ltr] .devsite-landing-row-item-description[icon-position=bottom-left] .devsite-landing-row-item-icon-container, [dir=ltr] .devsite-landing-row-item-description[icon-position=bottom] .devsite-landing-row-item-icon-container {
        margin-left: 20px
        }
    [dir=rtl] .devsite-landing-row-item-description[icon-position=bottom-left] .devsite-landing-row-item-icon-container, [dir=rtl] .devsite-landing-row-item-description[icon-position=bottom] .devsite-landing-row-item-icon-container {
        margin-right: 20px
        }
    [dir=ltr] .devsite-landing-row-item-description[icon-position=bottom-left] .devsite-landing-row-item-icon, [dir=ltr] .devsite-landing-row-item-description[icon-position=bottom] .devsite-landing-row-item-icon {
        margin-right: 4px
        }
    [dir=rtl] .devsite-landing-row-item-description[icon-position=bottom-left] .devsite-landing-row-item-icon, [dir=rtl] .devsite-landing-row-item-description[icon-position=bottom] .devsite-landing-row-item-icon {
        margin-left: 4px
        }
    }
.devsite-landing-row-item-buttons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px
    }
.devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-item-buttons {
    padding-top: 32px
    }
.devsite-landing-row-item-buttons .button {
    margin: 4px 4px 4px 12px
    }
.devsite-landing-row-item-buttons .button > .material-icons {
    top: -1px
    }
.devsite-landing-row-item-buttons .button-white:not(.button-raised), .devsite-landing-row-item-buttons .button-white:not(.button-raised) + .button-white:not(.button-raised) {
    margin: 0 4px
    }
.devsite-landing-row-cta .devsite-landing-row-item-buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 24px 0 0
    }
p + .devsite-landing-row-item-buttons {
    margin-top: -8px
    }
.devsite-landing-row-item-custom-image {
    padding: 0 0 56.25%;
    position: relative
    }
.devsite-landing-row-item-custom-image:not([background]) {
    background-color: #202124;
    background-color: var(--devsite-background-color, var(--devsite-primary-color, #202124))
    }
.devsite-landing-row-item-image.devsite-landing-row-item-custom-image:not([background]) {
    background: #455a64
    }
.devsite-landing-row-item-custom-image[background=grey] {
    background: #f1f3f4;
    background: var(--devsite-background-color, #f1f3f4)
    }
.devsite-landing-row-item-custom-image[background=white] {
    background: #fff
    }
.devsite-landing-row-no-image-background .devsite-landing-row-item-custom-image:not([background]) {
    background: 0
    }
.devsite-landing-row-item-custom-image-icon-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%
    }
.devsite-landing-row-item-custom-image-icon-container[background] {
    background: 0
    }
.devsite-landing-row-item-custom-image-icon {
    color: #fff
    }
.devsite-landing-row-item-custom-image[background=grey]:not([foreground]) .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-item-custom-image[background=white]:not([foreground]) .devsite-landing-row-item-custom-image-icon {
    color: #5f6368;
    color: var(--devsite-icon-color, #5f6368)
    }
.devsite-landing-row-item-custom-image-icon.material-icons {
    opacity: 0.8
    }
.devsite-landing-row-1-up .devsite-landing-row-item-custom-image-icon {
    font-size: 256px;
    max-height: 256px;
    width: 256px
    }
.devsite-landing-row-2-up .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-50 .devsite-landing-row-item-custom-image-icon {
    font-size: 192px;
    max-height: 192px;
    width: 192px
    }
.devsite-landing-row-3-up .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-67 .devsite-landing-row-item-custom-image-icon, [layout=docs] .devsite-landing-row-2-up .devsite-landing-row-item-custom-image-icon {
    font-size: 128px;
    max-height: 128px;
    width: 128px
    }
.devsite-landing-row-4-up .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-75 .devsite-landing-row-item-custom-image-icon, [layout=docs] .devsite-landing-row-2-up .devsite-landing-row-item-custom-image-icon {
    font-size: 96px;
    max-height: 96px;
    width: 96px
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-1-up .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-2-up .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-3-up .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-4-up .devsite-landing-row-item-custom-image-icon {
        font-size: 128px;
        max-height: 128px;
        width: 128px
        }
    }
.devsite-landing-row-item-description-callout {
    font-weight: 700
    }
.devsite-landing-row-item-description-feature {
    margin-top: 16px;
    position: relative
    }
.devsite-landing-row-item-description-feature + .devsite-landing-row-item-description-feature {
    margin: 0
    }
.devsite-landing-row-item-description-feature-link {
    border-bottom: 1px solid #e8eaed;
    font-weight: 500;
    padding: 12px 0 11px
    }
.devsite-landing-row-item-description-feature-tooltip {
    background: #455a64;
    color: hsla(0, 0%, 100%, 0.7);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    min-width: 200px;
    opacity: 0;
    padding: 24px;
    position: absolute;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
    visibility: hidden;
    width: 67%;
    z-index: 1020
    }
.no-touch .devsite-landing-row-item-description-feature-link:hover + .devsite-landing-row-item-description-feature-tooltip {
    opacity: 1;
    visibility: visible
    }
.devsite-landing-row-item-description-feature-tooltip:before {
    border-bottom: 8px solid #455a64;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    position: absolute;
    top: -8px
    }
.devsite-landing-row-item-description-feature-tooltip h3, .devsite-landing-row-large-headings .devsite-landing-row-item-description-feature-tooltip h3 {
    color: #fff;
    font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin-bottom: 8px;
    padding: 0
    }
.devsite-landing-row-item-image {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
    }
.devsite-landing-row-item-image:not([background]) {
    background: #e8eaed
    }
.devsite-landing-row-item-image img {
    vertical-align: middle;
    width: 100%
    }
.devsite-landing-row-item-image a {
    display: block
    }
.devsite-landing-row-no-image-background .devsite-landing-row-item-image:not([background]) {
    background: 0
    }
.devsite-landing-row-item-list {
    padding: 0
    }
.devsite-landing-row-item-description-content + .devsite-landing-row-item-list {
    margin-top: 32px
    }
.devsite-landing-row-item-list-item {
    list-style: none
    }
.devsite-landing-row-item-list-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
.devsite-landing-row-item-list-item-content[icon-position=top] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
.devsite-landing-row-item-list-item-icon-container {
    color: #5f6368;
    color: var(--devsite-icon-color, #5f6368);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px;
    margin: 0 20px 0 0;
    -webkit-transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    width: 40px
    }
[dir=rtl] .devsite-landing-row-item-list-item-icon-container {
    margin: 0 0 0 20px
    }
.devsite-landing-row-item-list-item-icon-container[background] {
    background: #202124;
    background: var(--devsite-background-color, var(--devsite-primary-color, #202124))
    }
.devsite-landing-row-item-list-item-icon {
    font-size: 32px;
    height: 32px;
    width: 32px
    }
.devsite-landing-row-item-list-item-icon-container[background] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
.devsite-landing-row-item-list-item-icon-container[background] .devsite-landing-row-item-list-item-icon {
    font-size: 24px;
    height: 24px;
    width: 24px
    }
.devsite-landing-row-item-list h4 {
    font: 400 16px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
.devsite-landing-row .devsite-landing-row-item-list h4 {
    margin: 0 0 4px
    }
.devsite-landing-row-item-list-item-description {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font: 400 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    max-width: calc(100% - 40px)
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-item-list-item-description {
        max-width: none
        }
    }
.devsite-landing-row-item-list-item:not(:last-child) .devsite-landing-row-item-list-item-description-content {
    margin-bottom: 24px
    }
[background] .devsite-landing-row-item-list-item-icon-container:not([foreground]) {
    color: #fff;
    color: var(--devsite-icon-color, #fff)
    }
.devsite-landing-row-item-list-item-icon-container[background=grey]:not([foreground]), .devsite-landing-row-item-list-item-icon-container[background=white]:not([foreground]), .devsite-landing-row-item-list-item-icon-container[background][foreground=grey], .devsite-landing-row-item-list-item-icon-container[foreground=grey] {
    color: #5f6368;
    color: var(--devsite-icon-color, #5f6368)
    }
.devsite-landing-row-item-list-item-icon-container[background=grey] {
    background: #f1f3f4;
    background: var(--devsite-background-color, #f1f3f4)
    }
.devsite-landing-row-item-list-item-icon-container[background=white] {
    background: #fff
    }
.devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme] {
    color: #202124;
    color: var(--devsite-primary-color, #202124)
    }
.devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=white] {
    color: #fff
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=grey], :link .devsite-landing-row-item-list-item-icon-container[foreground=grey]:hover {
    color: rgba(154, 160, 166, 0.5)
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=white], :link .devsite-landing-row-item-list-item-icon-container[foreground=white]:hover {
    color: hsla(0, 0%, 100%, 0.7)
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=theme], :link .devsite-landing-row-item-list-item-icon-container[background][foreground=theme]:hover {
    color: #202124;
    color: var(--devsite-primary-color, #202124)
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=grey], :link .devsite-landing-row-item-list-item-icon-container[background][foreground=grey]:hover {
    color: #5f6368
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background][foreground=white], :link .devsite-landing-row-item-list-item-icon-container[background][foreground=white]:hover {
    color: #fff
    }
:link > .devsite-landing-row-item-list-item-content:not(.material-icons):hover, [background] :link > .devsite-landing-row-item-list-item-content:not(.material-icons):hover {
    text-decoration: none
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme], :link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover {
    color: hsla(0, 0%, 100%, 0.7);
    color: var(--devsite-icon-color-hover, var(--devsite-primary-color, hsla(0, 0%, 100%, 0.7)))
    }
[foreground] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, [foreground] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: rgba(154, 160, 166, 0.5)
    }
[background] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container, [background] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
    color: hsla(0, 0%, 100%, 0.7);
    color: var(--devsite-icon-color-hover, hsla(0, 0%, 100%, 0.7))
    }
:link .devsite-landing-row-item-list-item-description h4 + p {
    color: #202124;
    text-decoration: none
    }
[background] :link .devsite-landing-row-item-list-item-description h4 + p {
    color: #fff;
    color: var(--devsite-text-color, #fff)
    }
:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background], :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container[background] {
    background: hsla(0, 0%, 100%, 0.7);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
.devsite-landing-row :focus .devsite-landing-row-item-list-item-description > :first-child, [background] :link .devsite-landing-row-item-list-item-description > :first-child {
    text-decoration: underline
    }
.devsite-landing-row-item-labels > a, .devsite-landing-row-item-labels > span {
    display: inline-block;
    font: 500 11px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.8px;
    margin-bottom: 8px;
    text-transform: uppercase
    }
.devsite-landing-row-item-labels > a + a, .devsite-landing-row-item-labels > a + span, .devsite-landing-row-item-labels > span + a, .devsite-landing-row-item-labels > span + span {
    margin-left: 8px
    }
.devsite-landing-row-item-labels > a[background], .devsite-landing-row-item-labels > span[background] {
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 4px 8px
    }
.devsite-landing-row {
    --devsite-landing-group-padding: 0 24px;
    --devsite-landing-row-padding: 40px 0
    }
[layout=docs] .devsite-landing-row {
    --devsite-landing-group-padding: 0 40px
    }
.devsite-landing-row-padding-small {
    --devsite-landing-row-padding: 32px 0
    }
.devsite-landing-row-padding-medium {
    --devsite-landing-row-padding: 64px 0
    }
.devsite-landing-row-padding-large {
    --devsite-landing-row-padding: 96px 0
    }
.devsite-landing-row-padding-xlarge {
    --devsite-landing-row-padding: 128px 0
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row, [class^=devsite-landing-row-padding-] {
        --devsite-landing-row-padding: 24px 0
        }
    [layout=docs] .devsite-landing-row {
        --devsite-landing-group-padding: 0 24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row, [class^=devsite-landing-row-padding-] {
        --devsite-landing-group-padding: 0 16px;
        --devsite-landing-row-padding: 16px 0
        }
    [layout=docs] .devsite-landing-row {
        --devsite-landing-group-padding: 0 16px
        }
    }
.devsite-landing-row {
    padding: var(--devsite-landing-row-padding)
    }
.devsite-landing-row:not([background]) {
    background-color: #fff
    }
body[layout=docs] .devsite-landing-row:first-child {
    border-radius: 2px 2px 0 0
    }
body[layout=docs] .devsite-landing-row:last-child {
    border-radius: 0 0 2px 2px
    }
.devsite-landing-row:not([background]) + :not([background]):not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=blue-grey-dark] + [background=blue-grey-dark]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=blue-grey] + [background=blue-grey]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=blue] + [background=blue]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=cyan] + [background=cyan]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=deep-orange] + [background=deep-orange]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=deep-purple] + [background=deep-purple]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=google-blue] + [background=google-blue]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=google-green] + [background=google-green]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=google-red] + [background=google-red]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=google-yellow] + [background=google-yellow]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=green] + [background=green]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=grey] + [background=grey]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=indigo] + [background=indigo]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=light-blue] + [background=light-blue]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=light-green] + [background=light-green]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=navy] + [background=navy]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=orange] + [background=orange]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=pink] + [background=pink]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=purple] + [background=purple]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=teal] + [background=teal]:not([class^=devsite-landing-row-padding-]), .devsite-landing-row[background=theme] + [background=theme]:not([class^=devsite-landing-row-padding-]) {
    padding-top: 0
    }
.devsite-landing-row:not([background]) + .devsite-landing-row-cta:not([class^=devsite-landing-row-padding-]) {
    padding-top: 40px
    }
.devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-small {
    padding-top: 32px
    }
.devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-medium {
    padding-top: 64px
    }
.devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-large {
    padding-top: 96px
    }
.devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-xlarge {
    padding-top: 128px
    }
.devsite-landing-row-inner {
    margin: 0 auto;
    max-width: 1488px;
    padding: var(--devsite-landing-group-padding)
    }
.devsite-landing-row-group, .devsite-landing-row-html {
    margin: 0 auto
    }
.devsite-landing-row-group {
    display: grid;
    grid-gap: var(--devsite-item-gap)
    }
.devsite-landing-row-1-up .devsite-landing-row-group {
    display: block
    }
.devsite-landing-row-2-up .devsite-landing-row-group {
    grid-template-columns: repeat(2, 1fr)
    }
.devsite-landing-row-3-up .devsite-landing-row-group {
    grid-template-columns: repeat(3, 1fr)
    }
.devsite-landing-row-4-up .devsite-landing-row-group {
    grid-template-columns: repeat(4, 1fr)
    }
.devsite-landing-row[header-position=left] .devsite-landing-row-inner, .devsite-landing-row[header-position=right] .devsite-landing-row-inner {
    display: grid;
    grid-gap: var(--devsite-item-gap);
    grid-template-columns: repeat(3, 1fr)
    }
[ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-inner, [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-inner {
    display: -ms-grid;
    -ms-grid-rows: 1fr
    }
.devsite-landing-row[header-position=left] .devsite-landing-row-group, .devsite-landing-row[header-position=right] .devsite-landing-row-group {
    grid-template-columns: repeat(2, 1fr)
    }
[ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-group, [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-group {
    -ms-grid-columns: 1fr 24px 1fr;
    -ms-grid-rows: 1fr
    }
.devsite-landing-row[header-position=left] .devsite-landing-row-group {
    grid-column: 2/span 2
    }
[ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-group {
    -ms-grid-column: 3;
    -ms-grid-column-span: 3
    }
.devsite-landing-row[header-position=right] .devsite-landing-row-group {
    grid-column: 1/span 2;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
    }
[ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-group {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row[header-position] .devsite-landing-row-inner {
        display: block
        }
    .devsite-landing-row-3-up .devsite-landing-row-group, .devsite-landing-row-4-up .devsite-landing-row-group {
        grid-template-columns: repeat(2, 1fr)
        }
    .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-large, .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-medium, .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-small, .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-xlarge, .devsite-landing-row:not([background]) + .devsite-landing-row-cta:not([class^=devsite-landing-row-padding-]) {
        padding-top: 24px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-2-up .devsite-landing-row-group, .devsite-landing-row-3-up .devsite-landing-row-group, .devsite-landing-row-4-up .devsite-landing-row-group, .devsite-landing-row[header-position] .devsite-landing-row-group {
        grid-template-columns: 1fr
        }
    .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-large, .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-medium, .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-small, .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-xlarge, .devsite-landing-row:not([background]) + .devsite-landing-row-cta:not([class^=devsite-landing-row-padding-]) {
        padding-top: 16px
        }
    }
[ie-11] .devsite-landing-row {
    padding: 40px 0
    }
[ie-11] .devsite-landing-row-inner {
    padding: 0 24px
    }
[ie-11][layout=docs] .devsite-landing-row-inner {
    padding: 0 40px
    }
[ie-11] .devsite-landing-row-2-up .devsite-landing-row-group, [ie-11] .devsite-landing-row-3-up .devsite-landing-row-group, [ie-11] .devsite-landing-row-4-up .devsite-landing-row-group, [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-group, [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    }
[ie-11] .devsite-landing-row-2-up .devsite-landing-row-column, [ie-11] .devsite-landing-row-2-up .devsite-landing-row-item, [ie-11] .devsite-landing-row-3-up .devsite-landing-row-column, [ie-11] .devsite-landing-row-3-up .devsite-landing-row-item, [ie-11] .devsite-landing-row-4-up .devsite-landing-row-column, [ie-11] .devsite-landing-row-4-up .devsite-landing-row-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0
    }
[ie-11] .devsite-landing-row-2-up .devsite-landing-row-column, [ie-11] .devsite-landing-row-2-up .devsite-landing-row-item, [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-column, [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-item, [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-column, [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-item {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%
    }
[ie-11] .devsite-landing-row-3-up .devsite-landing-row-column, [ie-11] .devsite-landing-row-3-up .devsite-landing-row-item {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
    }
[ie-11] .devsite-landing-row-4-up .devsite-landing-row-column, [ie-11] .devsite-landing-row-4-up .devsite-landing-row-item {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
    }
[dir=ltr] [ie-11] .devsite-landing-row-2-up .devsite-landing-row-column, [dir=ltr] [ie-11] .devsite-landing-row-2-up .devsite-landing-row-item, [dir=ltr] [ie-11] .devsite-landing-row-3-up .devsite-landing-row-column, [dir=ltr] [ie-11] .devsite-landing-row-3-up .devsite-landing-row-item, [dir=ltr] [ie-11] .devsite-landing-row-4-up .devsite-landing-row-column, [dir=ltr] [ie-11] .devsite-landing-row-4-up .devsite-landing-row-item, [dir=ltr] [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-column, [dir=ltr] [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-item, [dir=ltr] [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-column, [dir=ltr] [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-item {
    margin-left: 24px
    }
[dir=rtl] [ie-11] .devsite-landing-row-2-up .devsite-landing-row-column, [dir=rtl] [ie-11] .devsite-landing-row-2-up .devsite-landing-row-item, [dir=rtl] [ie-11] .devsite-landing-row-3-up .devsite-landing-row-column, [dir=rtl] [ie-11] .devsite-landing-row-3-up .devsite-landing-row-item, [dir=rtl] [ie-11] .devsite-landing-row-4-up .devsite-landing-row-column, [dir=rtl] [ie-11] .devsite-landing-row-4-up .devsite-landing-row-item, [dir=rtl] [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-column, [dir=rtl] [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-item, [dir=rtl] [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-column, [dir=rtl] [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-item {
    margin-right: 24px
    }
[dir=ltr] [ie-11] .devsite-landing-row-2-up .devsite-landing-row-column:nth-of-type(odd), [dir=ltr] [ie-11] .devsite-landing-row-2-up .devsite-landing-row-item:nth-of-type(odd), [dir=ltr] [ie-11] .devsite-landing-row-3-up .devsite-landing-row-column:nth-of-type(3n+1), [dir=ltr] [ie-11] .devsite-landing-row-3-up .devsite-landing-row-item:nth-of-type(3n+1), [dir=ltr] [ie-11] .devsite-landing-row-4-up .devsite-landing-row-column:nth-of-type(4n+1), [dir=ltr] [ie-11] .devsite-landing-row-4-up .devsite-landing-row-item:nth-of-type(4n+1), [dir=ltr] [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-column:nth-of-type(odd), [dir=ltr] [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-item:nth-of-type(odd), [dir=ltr] [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-column:nth-of-type(odd), [dir=ltr] [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-item:nth-of-type(odd) {
    margin-left: 0
    }
[dir=rtl] [ie-11] .devsite-landing-row-2-up .devsite-landing-row-column:nth-of-type(odd), [dir=rtl] [ie-11] .devsite-landing-row-2-up .devsite-landing-row-item:nth-of-type(odd), [dir=rtl] [ie-11] .devsite-landing-row-3-up .devsite-landing-row-column:nth-of-type(3n+1), [dir=rtl] [ie-11] .devsite-landing-row-3-up .devsite-landing-row-item:nth-of-type(3n+1), [dir=rtl] [ie-11] .devsite-landing-row-4-up .devsite-landing-row-column:nth-of-type(4n+1), [dir=rtl] [ie-11] .devsite-landing-row-4-up .devsite-landing-row-item:nth-of-type(4n+1), [dir=rtl] [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-column:nth-of-type(odd), [dir=rtl] [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-item:nth-of-type(odd), [dir=rtl] [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-column:nth-of-type(odd), [dir=rtl] [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-item:nth-of-type(odd) {
    margin-right: 0
    }
[ie-11] .devsite-landing-row-2-up .devsite-landing-row-column:nth-of-type(n+3), [ie-11] .devsite-landing-row-2-up .devsite-landing-row-item:nth-of-type(n+3), [ie-11] .devsite-landing-row-3-up .devsite-landing-row-column:nth-of-type(n+4), [ie-11] .devsite-landing-row-3-up .devsite-landing-row-item:nth-of-type(n+4), [ie-11] .devsite-landing-row-4-up .devsite-landing-row-column:nth-of-type(n+5), [ie-11] .devsite-landing-row-4-up .devsite-landing-row-item:nth-of-type(n+5), [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-column:nth-of-type(n+3), [ie-11] .devsite-landing-row[header-position=left] .devsite-landing-row-item:nth-of-type(n+3), [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-column:nth-of-type(n+3), [ie-11] .devsite-landing-row[header-position=right] .devsite-landing-row-item:nth-of-type(n+3) {
    margin-top: 24px
    }
[ie-11] .devsite-landing-row .devsite-landing-row-column > .devsite-landing-row-item {
    -webkit-flex-basis: 95%;
    -ms-flex-preferred-size: 95%;
    flex-basis: 95%;
    margin: 24px 0 0;
    max-width: 100%
    }
[ie-11] .devsite-landing-row .devsite-landing-row-column > .devsite-landing-row-item:first-child {
    margin-top: 0
    }
.devsite-landing-row-cta {
    text-align: center
    }
.devsite-landing-row-cta:not([background]) {
    background-color: #202124;
    background-color: var(--devsite-primary-color, #202124);
    color: #fff;
    color: var(--devsite-text-color, #fff)
    }
.devsite-landing-row.devsite-landing-row-cta .devsite-landing-row-item {
    display: block
    }
.devsite-landing-row.devsite-landing-row-cta .devsite-landing-row-item-description {
    margin: 0 auto;
    max-width: 856px
    }
.devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3, .devsite-landing-row-cta.devsite-landing-row h2 {
    color: #fff;
    color: var(--devsite-text-color, #fff)
    }
.devsite-landing-row-cta h3 {
    font: 400 34px/40px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: var(--devsite-h1-letter-spacing, -0.01em);
    margin-bottom: 16px;
    text-decoration: inherit
    }
.devsite-landing-row-cta :link h3, .devsite-landing-row-cta :visited h3 {
    color: #fff;
    color: var(--devsite-text-color, #fff)
    }
.devsite-landing-row-cta h3 + .devsite-landing-row-item-buttons {
    margin-top: 8px
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-cta .devsite-landing-row-item-description {
        font: 400 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
        }
    }
.devsite-landing-row-cards .devsite-landing-row-item {
    border: 0;
    border: var(--devsite-card-border, 0);
    border-radius: 2px;
    border-radius: var(--devsite-card-border-radius, 2px);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    overflow: hidden;
    position: relative
    }
.devsite-landing-row-cards .devsite-landing-row-item:not([background]) {
    background-color: #fff;
    background-color: var(--devsite-card-background, #fff)
    }
body[theme] .devsite-landing-row-cards[background=theme] :link:not(.button), body[theme] .devsite-landing-row-cards[background=theme] :visited:not(.button) {
    color: #1a73e8
    }
.devsite-landing-row-cards .devsite-landing-row-column .devsite-landing-row-item {
    display: block
    }
.devsite-landing-row-cards .devsite-landing-row-item-media + .devsite-landing-row-item-description {
    margin: 0
    }
.devsite-landing-row-cards .devsite-landing-row-item-description {
    padding: 16px
    }
.devsite-landing-row-cards .devsite-landing-row-item-buttons {
    padding-top: 16px
    }
.devsite-landing-row-cards[background=theme] .devsite-landing-row-item-icon {
    color: #5f6368
    }
.devsite-landing-row-cards .devsite-landing-row-item-no-media h3 {
    font: 300 24px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0 0 20px
    }
.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-media {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    margin: 0
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item {
        display: block
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-media + .devsite-landing-row-item-description {
        margin: 0;
        padding: 16px
        }
    }
.devsite-landing-row-column > .devsite-landing-row-item:nth-of-type(n+2) {
    margin: 32px 0 0
    }
.devsite-landing-row-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%
    }
.devsite-landing-row-item[description-position=left], .devsite-landing-row-item[description-position=right] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
    }
.devsite-landing-row-column, .devsite-landing-row-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    min-width: 0
    }
.devsite-landing-row-column > .devsite-landing-row-item {
    display: block
    }
.devsite-landing-row-item-hidden {
    visibility: hidden
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-item[description-position] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-1-up .devsite-landing-row-item, .devsite-landing-row-2-up .devsite-landing-row-item, .devsite-landing-row-3-up .devsite-landing-row-item {
        display: block
        }
    }
.devsite-landing-row-1-up .devsite-landing-row-item {
    display: grid;
    grid-gap: var(--devsite-item-gap);
    grid-template-columns: repeat(12, 1fr)
    }
[ie-11] .devsite-landing-row-1-up .devsite-landing-row-item {
    display: -ms-grid;
    -ms-grid-rows: 1fr
    }
.devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: var(--devsite-hero-align-items, center);
    -webkit-align-items: var(--devsite-hero-align-items, center);
    -moz-box-align: var(--devsite-hero-align-items, center);
    -ms-flex-align: var(--devsite-hero-align-items, center);
    align-items: var(--devsite-hero-align-items, center)
    }
.devsite-landing-row-1-up .devsite-landing-row-item-description, .devsite-landing-row-1-up .devsite-landing-row-item-media-left {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
    }
.devsite-landing-row-1-up .devsite-landing-row-item-media, .devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
    }
.devsite-landing-row-1-up .devsite-landing-row-item-description {
    display: block;
    grid-column: 1/span 4
    }
[ie-11] .devsite-landing-row-1-up .devsite-landing-row-item-description {
    -ms-grid-column: 1;
    -ms-grid-column-span: 7
    }
.devsite-landing-row-1-up .devsite-landing-row-item-media {
    grid-column: 5/span 8;
    margin: 0
    }
[ie-11] .devsite-landing-row-1-up .devsite-landing-row-item-media {
    -ms-grid-column: 9;
    -ms-grid-column-span: 15
    }
.devsite-landing-row-1-up .devsite-landing-row-item-media-left {
    grid-column: 1/span 8
    }
[ie-11] .devsite-landing-row-1-up .devsite-landing-row-item-media-left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 15
    }
.devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    grid-column: 9/span 4
    }
[ie-11] .devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    -ms-grid-column: 17;
    -ms-grid-column-span: 7
    }
.devsite-landing-row.devsite-landing-row-1-up .devsite-landing-row-item-description {
    margin-top: 0
    }
.devsite-landing-row-1-up .devsite-landing-row-item-no-media .devsite-landing-row-item-description {
    grid-column: 1/span 8
    }
[ie-11] .devsite-landing-row-1-up .devsite-landing-row-item-no-media .devsite-landing-row-item-description {
    -ms-grid-column: 1;
    -ms-grid-column-span: 15
    }
.devsite-landing-row-50 .devsite-landing-row-item-description {
    grid-column: 1/span 6
    }
[ie-11] .devsite-landing-row-50 .devsite-landing-row-item-description {
    -ms-grid-column: 1;
    -ms-grid-column-span: 11
    }
.devsite-landing-row-50 .devsite-landing-row-item-media, .devsite-landing-row-50 .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    grid-column: 7/span 6
    }
[ie-11] .devsite-landing-row-50 .devsite-landing-row-item-media, [ie-11] .devsite-landing-row-50 .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    -ms-grid-column: 13;
    -ms-grid-column-span: 11
    }
.devsite-landing-row-50 .devsite-landing-row-item-media-left {
    grid-column: 1/span 6
    }
[ie-11] .devsite-landing-row-50 .devsite-landing-row-item-media-left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 11
    }
.devsite-landing-row-67 .devsite-landing-row-item-description {
    grid-column: 1/span 8
    }
[ie-11] .devsite-landing-row-67 .devsite-landing-row-item-description {
    -ms-grid-column: 1;
    -ms-grid-column-span: 15
    }
.devsite-landing-row-67 .devsite-landing-row-item-media {
    grid-column: 9/span 4
    }
[ie-11] .devsite-landing-row-67 .devsite-landing-row-item-media {
    -ms-grid-column: 17;
    -ms-grid-column-span: 7
    }
.devsite-landing-row-67 .devsite-landing-row-item-media-left {
    grid-column: 1/span 4
    }
[ie-11] .devsite-landing-row-67 .devsite-landing-row-item-media-left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 7
    }
.devsite-landing-row-67 .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    grid-column: 5/span 8
    }
[ie-11] .devsite-landing-row-67 .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    -ms-grid-column: 9;
    -ms-grid-column-span: 15
    }
.devsite-landing-row-75 .devsite-landing-row-item-description {
    grid-column: 1/span 9
    }
[ie-11] .devsite-landing-row-75 .devsite-landing-row-item-description {
    -ms-grid-column: 1;
    -ms-grid-column-span: 17
    }
.devsite-landing-row-75 .devsite-landing-row-item-media {
    grid-column: 10/span 3
    }
[ie-11] .devsite-landing-row-75 .devsite-landing-row-item-media {
    -ms-grid-column: 19;
    -ms-grid-column-span: 5
    }
.devsite-landing-row-75 .devsite-landing-row-item-media-left {
    grid-column: 1/span 3
    }
[ie-11] .devsite-landing-row-75 .devsite-landing-row-item-media-left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5
    }
.devsite-landing-row-75 .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    grid-column: 4/span 9
    }
[ie-11] .devsite-landing-row-75 .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
    -ms-grid-column: 7;
    -ms-grid-column-span: 17
    }
.devsite-landing-row-100 .devsite-landing-row-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
.devsite-landing-row-100 .devsite-landing-row-item-media + .devsite-landing-row-item-description {
    margin-bottom: 32px
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-1-up .devsite-landing-row-item {
        grid-template-columns: repeat(2, 1fr)
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-description, .devsite-landing-row-1-up .devsite-landing-row-item-media-left {
        grid-column: 1;
        grid-row: 1;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-landing-row-item-description, .devsite-landing-row-1-up .devsite-landing-row-item-media:not(.devsite-landing-row-item-media-left) {
        grid-column: 2
        }
    .devsite-landing-row-1-up .devsite-landing-row-item-no-media .devsite-landing-row-item-description {
        grid-column: 1/span 2
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-1-up .devsite-landing-row-item {
        display: block
        }
    }
.devsite-landing-row-item-media {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0
    }
.devsite-landing-row-item-code devsite-code {
    margin: 0
    }
.devsite-landing-row-item-video {
    display: block
    }
.devsite-landing-row-item-media + .devsite-landing-row-item-description {
    margin: 32px 0 0
    }
.devsite-landing-row-item[description-position=left] .devsite-landing-row-item-description, .devsite-landing-row-item[description-position=left] .devsite-landing-row-item-media, .devsite-landing-row-item[description-position=right] .devsite-landing-row-item-description, .devsite-landing-row-item[description-position=right] .devsite-landing-row-item-media {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 45%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%;
    margin: 0
    }
.devsite-landing-row-item[description-position=left] .devsite-landing-row-item-media {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
    }
.devsite-landing-row-item[description-position=left] .devsite-landing-row-item-description {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
    }
.devsite-landing-row-item[background] .devsite-landing-row-item-description, .devsite-landing-row-item[background][description-position=left] .devsite-landing-row-item-description, .devsite-landing-row-item[background][description-position=right] .devsite-landing-row-item-description {
    padding: 16px
    }
[dir=ltr] .devsite-landing-row-cards .devsite-landing-row-item[description-position=left] .devsite-landing-row-item-description, [dir=ltr] .devsite-landing-row-item[background][description-position=left] .devsite-landing-row-item-description {
    padding-right: 0
    }
[dir=ltr] .devsite-landing-row-cards .devsite-landing-row-item[description-position=right] .devsite-landing-row-item-description, [dir=ltr] .devsite-landing-row-item[background][description-position=right] .devsite-landing-row-item-description, [dir=rtl] .devsite-landing-row-cards .devsite-landing-row-item[description-position=left] .devsite-landing-row-item-description, [dir=rtl] .devsite-landing-row-item[background][description-position=left] .devsite-landing-row-item-description {
    padding-left: 0
    }
[dir=rtl] .devsite-landing-row-cards .devsite-landing-row-item[description-position=right] .devsite-landing-row-item-description, [dir=rtl] .devsite-landing-row-item[background][description-position=right] .devsite-landing-row-item-description {
    padding-right: 0
    }
.devsite-landing-row-item-body, .devsite-landing-row-item-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    width: 100%
    }
.devsite-landing-row-item-buttons {
    margin: auto 0 -8px;
    padding-top: 8px
    }
[dir=ltr] .devsite-landing-row-item-buttons {
    margin-left: -12px
    }
[dir=rtl] .devsite-landing-row-item-buttons {
    margin-right: -12px
    }
.devsite-landing-row-item-description h2, .devsite-landing-row-large-headings h3, .devsite-landing-row h3:first-child, .devsite-landing-row h3:first-of-type, .devsite-landing-row h4 + p, .devsite-landing-row h4:first-child, .devsite-landing-row h5:first-child, .devsite-landing-row h6:first-child, .devsite-landing-row p:first-child {
    margin-top: 0
    }
.devsite-landing-row-item-description-content > :last-child {
    margin-bottom: 0
    }
.devsite-landing-row-item-centered .devsite-landing-row-item-description-content, .devsite-landing-row-item-centered h3 {
    text-align: center
    }
.devsite-landing-row-item-centered .devsite-landing-row-item-buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-item[description-position] .devsite-landing-row-item-description, .devsite-landing-row-item[description-position] .devsite-landing-row-item-media {
        max-width: none
        }
    .devsite-landing-row-item[description-position] .devsite-landing-row-item-media {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
        }
    .devsite-landing-row-item[description-position] .devsite-landing-row-item-description {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
        }
    [dir] .devsite-landing-row-cards .devsite-landing-row-item[description-position] .devsite-landing-row-item-description, [dir] .devsite-landing-row-item[background][description-position] .devsite-landing-row-item-description {
        padding: 16px
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-1-up .devsite-landing-row-item-media + .devsite-landing-row-item-description {
        margin: 32px 0 0;
        padding: 0
        }
    }
.devsite-landing-row-logos .devsite-landing-row-item-custom-image {
    padding-bottom: 96px
    }
body[theme] .devsite-landing-row-logos .devsite-landing-row-item-custom-image:not([background]) {
    background: 0
    }
.devsite-landing-row-logos .devsite-landing-row-item-custom-image-icon {
    opacity: 1;
    width: 96px
    }
.devsite-landing-row-logos .devsite-landing-row-item-description {
    margin: 0;
    text-align: center
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-logos.devsite-landing-row-3-up .devsite-landing-row-group {
        grid-template-columns: repeat(3, 1fr)
        }
    .devsite-landing-row-logos.devsite-landing-row-4-up .devsite-landing-row-group {
        grid-template-columns: repeat(4, 1fr)
        }
    }
@media screen and (max-width: 600px) {
    .devsite-landing-row-logos.devsite-landing-row-2-up .devsite-landing-row-group, .devsite-landing-row-logos.devsite-landing-row-4-up .devsite-landing-row-group {
        grid-template-columns: repeat(2, 1fr)
        }
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee, .devsite-landing-row-1-up.devsite-landing-row-marquee[background] {
    padding: 0
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-header {
    margin: 0;
    padding: 40px 0 0
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description, .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
    }
[ie-11] .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description, [ie-11] .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media {
    -ms-grid-row-align: center
    }
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media {
    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 {
    padding: 40px 0
    }
@media screen and (max-width: 840px) {
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item {
        display: block
        }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description, .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media {
        width: 100%
        }
    .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description, .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media-left + .devsite-landing-row-item-description {
        margin: 0
        }
    }
body[layout=full].playlist .devsite-main-content, body[layout=full][type=playlist] .devsite-main-content {
    max-width: none;
    padding: 0
    }
body[layout=full].playlist .devsite-main-content .devsite-banner, body[layout=full][type=playlist] .devsite-main-content .devsite-banner {
    margin: 0
    }
devsite-playlist .devsite-playlist--header {
    background: #f5f5f5 url(../images/playlist_header.svg) top/1240px 293px no-repeat
    }
devsite-playlist .devsite-playlist--section[expanded] {
    background: #f5f5f5 url(../images/playlist_active.svg) top repeat-x
    }
body[layout=full].topic .devsite-main-content, body[layout=full][type=topic] .devsite-main-content {
    max-width: none;
    padding: 0
    }
body[layout=full].topic .devsite-main-content .devsite-banner, body[layout=full][type=topic] .devsite-main-content .devsite-banner {
    margin: 0
    }
body[layout=full].quiz .devsite-main-content, body[layout=full][type=quiz] .devsite-main-content {
    max-width: none;
    padding: 0
    }
body[layout=full].quiz .devsite-main-content .devsite-banner, body[layout=full][type=quiz] .devsite-main-content .devsite-banner {
    margin: 0
    }
devsite-analytics > iframe {
    display: none
    }
devsite-anselm {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
    }
devsite-anselm .anselm-loading {
    display: none
    }
devsite-anselm .anselm-loading devsite-spinner {
    margin: 0 auto
    }
devsite-anselm[loading] .anselm-loading {
    display: block
    }
devsite-anselm[type=playlist] .anselm-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -12px
    }
devsite-anselm h3:first-child {
    margin-bottom: 4px
    }
devsite-anselm[active] .anselm-suggest-container input {
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15)
    }
devsite-anselm[pending-suggestions] .anselm-suggest-container .anselm-suggest-search-icon {
    opacity: 0
    }
devsite-anselm[pending-suggestions] .anselm-suggest-container .anselm-suggest-spinner {
    opacity: 1
    }
devsite-anselm[has-query] .anselm-suggest-container .anselm-suggest-close-icon {
    opacity: 1;
    pointer-events: all
    }
devsite-anselm[has-suggestions][active] .anselm-suggest-container input {
    border-radius: 2px 2px 0
    }
devsite-anselm .anselm-suggest-container {
    max-width: 492px;
    margin-bottom: 36px
    }
devsite-anselm .anselm-suggest-container form {
    position: relative
    }
devsite-anselm .anselm-suggest-container input {
    border: 0 !important;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    color: #3c4043;
    line-height: 26px;
    padding: 8px 46px;
    width: 100%
    }
devsite-anselm .anselm-suggest-container input:hover {
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15)
    }
devsite-anselm .anselm-suggest-container input:focus {
    border: 0 !important;
    padding-bottom: 8px
    }
devsite-anselm .anselm-suggest-container .anselm-suggestions {
    background: #fff;
    border-top: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 3px 0 rgba(60, 64, 67, 0.3), 0 6px 10px 4px rgba(60, 64, 67, 0.15);
    position: absolute;
    width: 100%;
    z-index: 100
    }
devsite-anselm .anselm-suggest-container .anselm-suggestions:empty {
    box-shadow: none
    }
devsite-anselm .anselm-suggest-container .anselm-suggest-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 56px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
devsite-anselm .anselm-suggest-container .anselm-suggest-result a {
    color: #3c4043;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 16px
    }
devsite-anselm .anselm-suggest-container .anselm-suggest-result.highlight a, devsite-anselm .anselm-suggest-container .anselm-suggest-result a:focus, devsite-anselm .anselm-suggest-container .anselm-suggest-result a:hover {
    text-decoration: none;
    background: #f1f3f4
    }
devsite-anselm .anselm-suggest-input-container {
    position: relative
    }
devsite-anselm .anselm-suggest-input-container .anselm-suggest-close-icon, devsite-anselm .anselm-suggest-input-container .anselm-suggest-search-icon, devsite-anselm .anselm-suggest-input-container .anselm-suggest-spinner {
    color: #5f6368;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity 0.3s cubic-bezier(0, 0.795, 0, 1);
    transition: opacity 0.3s cubic-bezier(0, 0.795, 0, 1)
    }
devsite-anselm .anselm-suggest-input-container .anselm-suggest-close-icon, devsite-anselm .anselm-suggest-input-container .anselm-suggest-close-icon:focus {
    text-decoration: none
    }
devsite-anselm .anselm-suggest-input-container .anselm-suggest-search-icon {
    opacity: 1
    }
devsite-anselm .anselm-suggest-input-container .anselm-suggest-search-icon, devsite-anselm .anselm-suggest-input-container .anselm-suggest-spinner {
    top: 8px;
    left: 16px
    }
devsite-anselm .anselm-suggest-input-container .anselm-suggest-close-icon {
    top: 8px;
    right: 16px
    }
devsite-anselm .anselm-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 32px
    }
devsite-anselm .anselm-cell {
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1)
    }
devsite-anselm .anselm-cell[show] {
    opacity: 1
    }
devsite-anselm .anselm-cell .bull {
    padding: 0 4px
    }
devsite-anselm .anselm-cell .anselm-meta {
    color: #6a6e74
    }
devsite-anselm .anselm-cell .anselm--tags span, devsite-anselm .anselm-cell .anselm-meta {
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    font-size: 12px;
    letter-spacing: 0.3px;
    text-align: left;
    line-height: 16px
    }
devsite-anselm .anselm-cell .anselm--tags span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #5f6368;
    border: 1px solid #dadce0;
    border-radius: 16px;
    height: 30px;
    padding: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
devsite-anselm .anselm-cell--list p {
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    font-size: 14px;
    color: #3c4043;
    letter-spacing: 0.2px;
    line-height: 20px;
    margin: 8px 0;
    text-align: left
    }
devsite-anselm .anselm-card {
    background: #fff;
    background: var(--devsite-card-background, #fff);
    border: 0;
    border: var(--devsite-card-border, 0);
    border-radius: 2px;
    border-radius: var(--devsite-card-border-radius, 2px);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
    }
devsite-anselm .anselm-card, devsite-anselm .anselm-card .anselm-card--top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-anselm .anselm-card .anselm-card--top {
    border-radius: 1px 1px 0 0;
    height: 158px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
    }
devsite-anselm .anselm-card .anselm-card--top .badge-icon {
    width: 110px;
    height: 110px;
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
    }
@-webkit-keyframes bounce {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
        } 50% {
        opacity: 1;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
        } to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        }
    }
devsite-anselm .anselm-card .anselm-card--top .badge-icon.bounce {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
    }
devsite-anselm .anselm-card .anselm-card--progress {
    overflow: hidden;
    height: 2px;
    background: #dadce0
    }
devsite-anselm .anselm-card .anselm-card--progress .anselm-card--progress--bar {
    background: #fbbc04;
    height: 2px;
    -webkit-transform: translatex(-101%);
    transform: translatex(-101%);
    -webkit-transition: background 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.213s cubic-bezier(0, 0, 0.2, 1);
    transition: background 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.213s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.213s cubic-bezier(0, 0, 0.2, 1), background 0.213s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.213s cubic-bezier(0, 0, 0.2, 1), background 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.213s cubic-bezier(0, 0, 0.2, 1)
    }
devsite-anselm .anselm-card .anselm-card--progress .anselm-card--progress--bar.completed {
    background: #34a853
    }
devsite-anselm .anselm-card .anselm-card--progress--info:empty:before {
    content: " "
    }
devsite-anselm .anselm-card .anselm-card--progress--info {
    font-size: 12px;
    font-weight: 700;
    color: #45494c;
    padding: 0 16px;
    opacity: 0;
    -webkit-transform: translatey(12px);
    transform: translatey(12px);
    -webkit-transition: opacity 0.213s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.213s cubic-bezier(0.4, 0, 1, 1);
    transition: opacity 0.213s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.213s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.213s cubic-bezier(0.4, 0, 1, 1), opacity 0.213s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.213s cubic-bezier(0.4, 0, 1, 1), opacity 0.213s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.213s cubic-bezier(0.4, 0, 1, 1)
    }
devsite-anselm .anselm-card .anselm-card--progress--info.show {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition: opacity 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.213s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.213s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.213s cubic-bezier(0, 0, 0.2, 1), opacity 0.213s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.213s cubic-bezier(0, 0, 0.2, 1), opacity 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.213s cubic-bezier(0, 0, 0.2, 1)
    }
devsite-anselm .anselm-card .anselm-card--body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 16px
    }
devsite-anselm .anselm-card .anselm--tags:not(:empty) {
    border-bottom: 1px solid #dadce0;
    margin: 0 16px;
    padding: 0 0 16px
    }
devsite-anselm .anselm-card .anselm-card--bottom {
    margin: 16px
    }
devsite-anselm .anselm-card .anselm-card--summary {
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    font-size: 12px;
    color: #6a6e74;
    letter-spacing: 0.3px;
    text-align: left;
    line-height: 16px
    }
devsite-anselm .anselm-card .anselm-card--actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
    }
devsite-anselm .anselm-cell--card {
    -webkit-flex-basis: calc(33.33% - 24px);
    -ms-flex-preferred-size: calc(33.33% - 24px);
    flex-basis: calc(33.33% - 24px);
    margin: 12px
    }
devsite-anselm .anselm-cell--list {
    margin-bottom: 32px
    }
devsite-anselm .anselm-cell--list a {
    color: #346cf2
    }
devsite-anselm .anselm-no-results-found {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 36px
    }
devsite-anselm .anselm-no-results-found .no-results-text {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 0 12px
    }
devsite-anselm .anselm-no-results-found .no-results-text h3 {
    font-size: 28px;
    color: #3c4043;
    line-height: 36px;
    margin: 0
    }
devsite-anselm .anselm-no-results-found .no-results-text p {
    margin: 0;
    padding: 8px 0 0;
    font-size: 14px;
    color: #5f6368;
    line-height: 20px
    }
devsite-anselm .anselm-no-results-found .no-results-img {
    margin: 0 12px;
    padding: 0 12px;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    background-image: url(../../images/not-found.svg);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    height: 206px
    }
devsite-anselm .anselm-results-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
    }
devsite-anselm .anselm-results-container .anselm-featured-cell, devsite-anselm .anselm-results-container .anselm-results-cell {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
    }
devsite-anselm .anselm-results-container .anselm-featured-cell {
    display: none;
    max-width: 292px;
    padding-left: 18px
    }
devsite-anselm .anselm-results-container .anselm-featured-cell h4 {
    font-size: 10px;
    font-weight: 500;
    color: #666;
    line-height: 16px;
    text-transform: uppercase
    }
devsite-anselm.has-featured .anselm-no-results-found {
    display: block
    }
devsite-anselm.has-featured .anselm-no-results-found .no-results-img {
    margin: 48px 12px;
    height: 295px
    }
devsite-anselm.has-featured .anselm-no-results-found .no-results-text {
    text-align: center
    }
devsite-anselm.has-featured .anselm-results-container .anselm-results-cell {
    max-width: 491px
    }
devsite-anselm.has-featured .anselm-results-container .anselm-featured-cell {
    display: block
    }
devsite-anselm .anselm--featured {
    border: 0;
    border: var(--devsite-card-border, 0);
    border-radius: 2px;
    border-radius: var(--devsite-card-border-radius, 2px);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    margin-bottom: 12px;
    padding: 16px
    }
devsite-anselm .anselm--featured .topic__meta {
    border-top: 1px solid #d8d8d8;
    color: #3c4043;
    font-size: 12px;
    line-height: 16px;
    margin: 16px 0 8px;
    padding: 16px 0 0
    }
devsite-anselm .anselm--featured .topic__updated {
    padding-top: 4px
    }
@media screen and (max-width: 840px) {
    devsite-anselm .anselm-cell--card {
        -webkit-flex-basis: calc(50% - 24px);
        -ms-flex-preferred-size: calc(50% - 24px);
        flex-basis: calc(50% - 24px)
        }
    devsite-anselm.has-featured .anselm-results-container .anselm-featured-cell {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
        }
    devsite-anselm .anselm-results-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
        }
    devsite-anselm .anselm-results-container .anselm-featured-cell {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        min-width: 100%;
        margin: 0 0 24px;
        padding: 24px 0 0;
        position: relative
        }
    devsite-anselm .anselm-results-container .anselm-featured-cell h4 {
        position: absolute;
        top: 0;
        left: 0
        }
    devsite-anselm .anselm-results-container .anselm--featured {
        min-width: 200px;
        margin-right: 8px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 300px
        }
    devsite-anselm .anselm-results-container .anselm--featured .devsite-landing-row-item-description {
        position: relative
        }
    devsite-anselm .anselm-results-container .anselm--featured a {
        position: absolute;
        right: 8px;
        top: 8px;
        padding: 0;
        height: 30px;
        width: 30px
        }
    devsite-anselm .anselm-results-container .anselm--featured a .devsite-landing-row-item-icon-container {
        width: 30px;
        height: 30px
        }
    devsite-anselm .anselm-results-container .anselm--featured a .devsite-landing-row-item-icon-container img {
        width: 30px;
        height: 30px;
        margin: 0
        }
    devsite-anselm .anselm-results-container .anselm--featured h3 {
        margin: 0
        }
    devsite-anselm .anselm-results-container .anselm--featured .devsite-landing-row-item-body a {
        position: static;
        text-overflow: ellipsis;
        margin: 12px 54px 12px 12px;
        width: auto;
        height: auto
        }
    devsite-anselm .anselm-results-container .anselm--featured .devsite-landing-row-item-body .topic__meta {
        margin-top: 0
        }
    devsite-anselm .anselm-results-container .anselm--featured .devsite-landing-row-item-body .devsite-landing-row-item-buttons, devsite-anselm .anselm-results-container .anselm--featured .devsite-landing-row-item-body p {
        display: none
        }
    }
@media screen and (max-width: 600px) {
    devsite-anselm .anselm-cell--card {
        -webkit-flex-basis: calc(100% - 24px);
        -ms-flex-preferred-size: calc(100% - 24px);
        flex-basis: calc(100% - 24px)
        }
    devsite-anselm .anselm-no-results-found {
        margin-top: 12px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
        }
    devsite-anselm .anselm-no-results-found .no-results-img, devsite-anselm .anselm-no-results-found .no-results-text {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
        }
    devsite-anselm .anselm-no-results-found .no-results-img {
        margin-top: 32px;
        height: 163px
        }
    }
devsite-dialog[open].devsite-henhouse-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
    }
.devsite-henhouse-inner {
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2px;
    overflow: hidden
    }
.devsite-henhouse-inner, .devsite-henhouse-spinner-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
    }
.devsite-henhouse-spinner-container {
    min-height: 240px
    }
.devsite-credentials-spinner-region, .devsite-henhouse-spinner-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
.devsite-credentials-spinner-region, .devsite-henhouse-cross-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
.devsite-henhouse-cross-container {
    height: 160px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
    }
.devsite-henhouse-cross {
    margin: 16px;
    float: right;
    cursor: pointer
    }
.devsite-apix-error {
    padding: 32px
    }
.devsite-apix-controls {
    position: absolute;
    right: 8px;
    z-index: 1001
    }
.devsite-apix-controls .button-flat {
    cursor: pointer !important
    }
.devsite-apix-controls .devsite-dock-apix:before, .devsite-apix-controls .devsite-fullscreen-apix:before, .devsite-apix-controls .devsite-hide-apix:before {
    color: #202124
    }
.devsite-apix-controls .devsite-hide-apix:before {
    content: "close"
    }
.devsite-apix-controls .devsite-fullscreen-apix:before {
    content: "fullscreen"
    }
.devsite-apix-controls .devsite-dock-apix:before {
    content: "fullscreen_exit"
    }
.apis-explorer, .devsite-apix {
    background: #f1f3f4
    }
.devsite-apix {
    -webkit-transform: translatez(0);
    transform: translatez(0);
    will-change: height, transform
    }
.devsite-apix:not(.dialog) .devsite-apix-controls {
    top: 24px
    }
.devsite-apix:not(.dialog) .devsite-apix-controls .devsite-dock-apix {
    display: none
    }
.devsite-apix.dialog {
    border-radius: 2px;
    box-shadow: 0 17px 17px rgba(0, 0, 0, 0.15), 0 27px 55px rgba(0, 0, 0, 0.3);
    font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    max-width: calc(100% - 48px);
    overflow: auto;
    padding: 8px;
    position: fixed;
    z-index: 10012;
    max-height: none !important
    }
.devsite-apix.dialog .apis-explorer {
    height: 100%;
    min-height: 100%
    }
.devsite-apix.dialog .devsite-fullscreen-apix, .devsite-apix.dialog .devsite-hide-apix {
    display: none
    }
.devsite-has-apix .devsite-main-content {
    z-index: auto
    }
@media screen and (min-width: 1201px) {
    .devsite-apix:not(.dialog) {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
        display: none;
        max-height: 100vh;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 96px;
        width: 400px;
        z-index: 1001
        }
    .devsite-apix.dialog {
        bottom: 20px;
        margin: 0;
        top: 50px;
        width: 1152px
        }
    .devsite-has-apix .devsite-apix {
        display: block
        }
    }
@media screen and (max-width: 1200px) {
    .devsite-apix {
        display: block
        }
    .devsite-apix:not(.dialog) {
        margin-top: 32px;
        max-height: none !important;
        position: relative;
        -webkit-transform: none !important;
        transform: none !important;
        top: auto !important;
        height: auto !important
        }
    .devsite-apix.dialog {
        bottom: 20px;
        left: 24px;
        margin: 0;
        top: 50px;
        width: calc(100% - 48px)
        }
    .devsite-hide-apix {
        display: none
        }
    }
devsite-badger {
    display: none
    }
.devsite-badger-award {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    -webkit-transform: translatey(150%);
    transform: translatey(150%);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 1, 1);
    z-index: 99999
    }
.devsite-badger-award[show] {
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1)
    }
.devsite-badger-award[show] .devsite-badger-award-actions, .devsite-badger-award[show] .devsite-badger-award-details {
    opacity: 1
    }
.devsite-badger-award .devsite-badger-award-inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 600px;
    margin: 0 16px 16px;
    pointer-events: all
    }
.devsite-badger-award .devsite-badger-award-actions {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-top: 1px solid #d8d8d8;
    padding: 8px
    }
.devsite-claim-badge-dialog.devsite-claim-badge-dialog, devsite-badge-awarded.devsite-claim-badge-dialog {
    padding: 0
    }
.devsite-claim-badge-dialog .card, devsite-badge-awarded .card {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    border-radius: 5px;
    background: #fff;
    display: block;
    max-width: 856px;
    border-top: 5px solid #1a73e8;
    position: relative
    }
.devsite-claim-badge-dialog .card .card-content, devsite-badge-awarded .card .card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 32px);
    overflow: auto
    }
.devsite-claim-badge-dialog .card .illustration-container, .devsite-claim-badge-dialog .card .text-container, devsite-badge-awarded .card .illustration-container, devsite-badge-awarded .card .text-container {
    width: 50%
    }
@media screen and (max-width: 600px) {
    .devsite-claim-badge-dialog .card .illustration-container, .devsite-claim-badge-dialog .card .text-container, devsite-badge-awarded .card .illustration-container, devsite-badge-awarded .card .text-container {
        width: 100%
        }
    }
.devsite-claim-badge-dialog .card .profile-creation-container, devsite-badge-awarded .card .profile-creation-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    max-height: 50vh;
    border-top: 1px solid #e8eaed;
    padding: 16px 24px
    }
.devsite-claim-badge-dialog .card .profile-creation-container p, devsite-badge-awarded .card .profile-creation-container p {
    margin: 8px 0;
    color: #3c4043;
    font-size: 14px;
    line-height: 22px
    }
.devsite-claim-badge-dialog .card .profile-creation-container-email-options, devsite-badge-awarded .card .profile-creation-container-email-options {
    margin-top: 8px
    }
.devsite-claim-badge-dialog .card .profile-creation-container-email-options .profile-creation-container-email-option, devsite-badge-awarded .card .profile-creation-container-email-options .profile-creation-container-email-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
.devsite-claim-badge-dialog .card .profile-creation-container-email-options .profile-creation-container-email-option input, devsite-badge-awarded .card .profile-creation-container-email-options .profile-creation-container-email-option input {
    margin-top: 0
    }
.devsite-claim-badge-dialog .card .profile-creation-container-email-options .profile-creation-container-email-option label, devsite-badge-awarded .card .profile-creation-container-email-options .profile-creation-container-email-option label {
    font-size: 14px
    }
.devsite-claim-badge-dialog .spinner-container, devsite-badge-awarded .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: hsla(0, 0%, 100%, 0.8);
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)
    }
.devsite-claim-badge-dialog[loading] .spinner-container, devsite-badge-awarded[loading] .spinner-container {
    opacity: 1
    }
.devsite-claim-badge-dialog .qr-code-container, devsite-badge-awarded .qr-code-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 225px;
    background-image: url(../images/claim-badge-dialog-background.png);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50%;
    background-size: 700px
    }
.devsite-claim-badge-dialog .qr-code-container canvas, devsite-badge-awarded .qr-code-container canvas {
    display: none
    }
.devsite-claim-badge-dialog .qr-code-container img, devsite-badge-awarded .qr-code-container img {
    height: 150px;
    width: 150px;
    padding: 10px;
    background: #fff
    }
.devsite-claim-badge-dialog .redeem-code-section, devsite-badge-awarded .redeem-code-section {
    padding: 18px 24px 0;
    margin-bottom: -15px
    }
.devsite-claim-badge-dialog .redeem-code-title, devsite-badge-awarded .redeem-code-title {
    text-transform: uppercase;
    font-size: 10.5px;
    font-weight: 600;
    color: #80868b;
    margin-bottom: 3px
    }
.devsite-claim-badge-dialog .redeem-code, devsite-badge-awarded .redeem-code {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 12px;
    color: #000;
    padding: 8px 2px 8px 12px;
    border: 2px solid #1a73e8;
    border-radius: 4px;
    background-color: rgba(227, 242, 253, 0.6)
    }
.devsite-claim-badge-dialog .content-container, devsite-badge-awarded .content-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
@media screen and (max-width: 600px) {
    .devsite-claim-badge-dialog .content-container, devsite-badge-awarded .content-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
        }
    }
.devsite-claim-badge-dialog .text-container, devsite-badge-awarded .text-container {
    padding: 36px 24px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
    }
.devsite-claim-badge-dialog .illustration-container, devsite-badge-awarded .illustration-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 164px;
    min-width: 303px;
    height: 164px;
    width: 303px !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-image: url(../images/badge-award-background.svg);
    background-size: 100% calc(100% + 2px);
    background-position: 1px -1px;
    background-repeat: no-repeat
    }
.devsite-claim-badge-dialog .illustration-container .badge-icon, devsite-badge-awarded .illustration-container .badge-icon {
    width: 124px;
    height: 124px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    z-index: 1000
    }
@keyframes bounce {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
        } 50% {
        opacity: 1;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
        } to {
        -webkit-transform: scale(1);
        transform: scale(1)
        }
    }
.devsite-claim-badge-dialog .illustration-container .badge-animation, devsite-badge-awarded .illustration-container .badge-animation {
    position: absolute;
    width: 195px;
    height: 170px;
    background-image: url(../images/badge-award-animation.gif);
    background-size: 100% 100%
    }
.devsite-claim-badge-dialog .badge-earned-title, devsite-badge-awarded .badge-earned-title {
    font-size: 24px;
    margin-bottom: 8px;
    line-height: 30px;
    color: #000;
    font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
.devsite-claim-badge-dialog .badge-name, devsite-badge-awarded .badge-name {
    font-weight: 700
    }
.devsite-claim-badge-dialog .badge-added-text, .devsite-claim-badge-dialog .claim-badge-text, .devsite-claim-badge-dialog .create-profile-text, .devsite-claim-badge-dialog .not-eligible-text, .devsite-claim-badge-dialog .sign-in-text, devsite-badge-awarded .badge-added-text, devsite-badge-awarded .claim-badge-text, devsite-badge-awarded .create-profile-text, devsite-badge-awarded .not-eligible-text, devsite-badge-awarded .sign-in-text {
    font-size: 14px
    }
.devsite-claim-badge-dialog .buttons-container, devsite-badge-awarded .buttons-container {
    border-top: 1px solid #e8eaed;
    padding: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
    }
@media screen and (max-width: 600px) {
    .devsite-claim-badge-dialog .buttons-container, devsite-badge-awarded .buttons-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 0;
        text-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
        }
    .devsite-claim-badge-dialog .buttons-container .button, devsite-badge-awarded .buttons-container .button {
        margin: 10px auto 0;
        width: 190px
        }
    .devsite-claim-badge-dialog .buttons-container .buttons, devsite-badge-awarded .buttons-container .buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
        }
    .devsite-claim-badge-dialog .buttons-container .sharing, devsite-badge-awarded .buttons-container .sharing {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 8px 0 0
        }
    }
.devsite-claim-badge-dialog .buttons-container .sharing, devsite-badge-awarded .buttons-container .sharing {
    font-size: 14px;
    color: #3c4043;
    padding-left: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
.devsite-claim-badge-dialog .buttons-container .sharing span, devsite-badge-awarded .buttons-container .sharing span {
    margin: 0 8px
    }
.devsite-claim-badge-dialog .buttons-container .sharing button, devsite-badge-awarded .buttons-container .sharing button {
    box-shadow: none;
    margin: 0 8px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    height: auto;
    min-width: 0
    }
.devsite-claim-badge-dialog .buttons-container .sharing button:focus, .devsite-claim-badge-dialog .buttons-container .sharing button:hover, devsite-badge-awarded .buttons-container .sharing button:focus, devsite-badge-awarded .buttons-container .sharing button:hover {
    background: none
    }
.devsite-claim-badge-dialog .buttons-container .sharing button:active, devsite-badge-awarded .buttons-container .sharing button:active {
    box-shadow: none
    }
.devsite-claim-badge-dialog .error, devsite-badge-awarded .error {
    padding: 20px
    }
.devsite-claim-badge-dialog .error .material-icons, devsite-badge-awarded .error .material-icons {
    margin-right: 10px
    }
devsite-badge-redeemer {
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.7s ease-in;
    transition: opacity 0.7s ease-in
    }
devsite-badge-redeemer .redeem-code-page-subtitle {
    margin-bottom: 50px;
    margin-top: -28px;
    font-size: 18px;
    color: #202124;
    font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-badge-redeemer devsite-badge-awarded {
    display: block
    }
devsite-badge-redeemer.redeem-success {
    opacity: 0
    }
devsite-badge-redeemer .waiting-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
devsite-badge-redeemer .waiting-container devsite-spinner {
    margin-top: 15px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
    }
devsite-badge-redeemer .change-account-button, devsite-badge-redeemer .create-profile-button, devsite-badge-redeemer .sign-in-button {
    margin-top: 10px
    }
devsite-badge-redeemer .enter-button {
    margin-top: 15px
    }
devsite-badge-redeemer .redeem-code-title {
    text-transform: uppercase;
    font-size: 10.5px;
    font-weight: 600;
    color: #80868b;
    letter-spacing: 1px
    }
devsite-badge-redeemer .redeem-code-error-icon, devsite-badge-redeemer .redeem-code-error-message, devsite-badge-redeemer .redeem-code-success-icon {
    display: none
    }
devsite-badge-redeemer.redeem-success .redeem-code-input {
    border-color: #1e8e3e !important;
    color: default !important
    }
devsite-badge-redeemer.redeem-success .redeem-code-success-icon {
    display: inline;
    font-size: 25px;
    color: #1e8e3e;
    margin-left: 10px;
    line-height: 44px
    }
devsite-badge-redeemer.redeem-error .redeem-code-input {
    border-color: #d93025
    }
devsite-badge-redeemer.redeem-error .redeem-code-error-message {
    display: block;
    font-size: 12px;
    color: #80868b;
    font-style: italic;
    font-weight: 600
    }
devsite-badge-redeemer.redeem-error .redeem-code-error-icon {
    display: inline;
    font-size: 25px;
    color: #d93025;
    margin-left: 10px;
    line-height: 44px
    }
devsite-badge-redeemer .redeem-code-spinner {
    display: inline-block;
    margin-left: 10px;
    top: 6px
    }
devsite-badge-redeemer .redeem-code-input {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 12px;
    color: #000;
    padding: 8px 2px 8px 12px;
    border: 2px solid #1a73e8;
    border-radius: 4px;
    background-color: rgba(227, 242, 253, 0.6);
    width: 450px;
    height: 45px
    }
devsite-badge-redeemer .redeem-code-input:disabled {
    border-color: #80868b;
    color: #80868b
    }
devsite-book-nav {
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    z-index: 1004
    }
body[pending] devsite-book-nav {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    height: 100vh
    }
body[ready] devsite-book-nav[fixed] {
    box-shadow: none;
    contain: content;
    max-height: 100%;
    position: fixed;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    will-change: top, max-height, transform
    }
.devsite-book-nav-bg {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15)
    }
body[ready] .devsite-book-nav-bg[fixed] {
    bottom: 0;
    display: block;
    position: fixed;
    top: 0;
    z-index: 1
    }
.devsite-book-nav-bg:after {
    bottom: -10px;
    content: "";
    display: block;
    height: 10px;
    position: fixed;
    width: 278px
    }
[dir=ltr] .devsite-book-nav-bg:after {
    left: 0
    }
[dir=rtl] .devsite-book-nav-bg:after {
    right: 0
    }
devsite-book-nav .devsite-nav {
    -webkit-transform: translatez(0);
    transform: translatez(0)
    }
devsite-book-nav .devsite-nav-list {
    padding-bottom: 36px
    }
devsite-book-nav .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
    border-top: 0;
    margin-top: 20px;
    padding-top: 0
    }
[dir=ltr] devsite-book-nav li .devsite-nav-title {
    padding-left: 24px
    }
[dir=rtl] devsite-book-nav li .devsite-nav-title {
    padding-left: 8px;
    padding-right: 24px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li .devsite-nav-title {
    padding-left: 40px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li .devsite-nav-title {
    padding-right: 40px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li .devsite-nav-title {
    padding-left: 56px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li .devsite-nav-title {
    padding-right: 56px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li li .devsite-nav-title {
    padding-left: 72px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li .devsite-nav-title {
    padding-right: 72px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li li li .devsite-nav-title {
    padding-left: 88px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li li .devsite-nav-title {
    padding-right: 88px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li li li li .devsite-nav-title {
    padding-left: 104px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li li li .devsite-nav-title {
    padding-right: 104px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li li li li li .devsite-nav-title {
    padding-left: 120px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li li li li .devsite-nav-title {
    padding-right: 120px
    }
[dir=ltr] devsite-book-nav li.devsite-nav-divider .devsite-nav-title {
    padding-left: 0
    }
[dir=rtl] devsite-book-nav li.devsite-nav-divider .devsite-nav-title {
    padding-right: 0
    }
[dir=ltr] devsite-book-nav .devsite-nav-title {
    margin-right: 0;
    margin-right: var(--devsite-nav-title-margin-x, 0);
    padding-right: 8px
    }
[dir=rtl] devsite-book-nav .devsite-nav-title {
    margin-left: 0;
    margin-left: var(--devsite-nav-title-margin-x, 0);
    padding-left: 8px
    }
devsite-book-nav .devsite-nav-title.devsite-nav-active {
    background: 0;
    background: var(--devsite-nav-title-background-active, 0)
    }
[dir=ltr] devsite-book-nav .devsite-nav-title.devsite-nav-active {
    border-radius: 0 12px 12px 0
    }
[dir=rtl] devsite-book-nav .devsite-nav-title.devsite-nav-active {
    border-radius: 12px 0 0 12px
    }
[dir=ltr] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active), [dir=ltr] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav > .devsite-nav-title-no-path {
    border-radius: 0 12px 12px 0
    }
[dir=rtl] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active), [dir=rtl] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav > .devsite-nav-title-no-path {
    border-radius: 12px 0 0 12px
    }
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active):focus, devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active):hover, devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav > .devsite-nav-title-no-path:focus, devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav > .devsite-nav-title-no-path:hover {
    background: 0;
    background: var(--devsite-nav-title-background-hover, 0)
    }
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active):focus, devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active):hover {
    color: #1a73e8;
    color: var(--devsite-nav-title-color-hover, #1a73e8)
    }
devsite-book-nav .devsite-nav-list > .devsite-nav-heading:not(.devsite-nav-divider) {
    border-top: 1px solid #dadce0;
    padding-top: 11px
    }
devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) {
    margin-top: 12px
    }
[dir=ltr] devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 24px
    }
[dir=rtl] devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 24px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 40px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 40px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 56px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 56px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 72px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 72px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 88px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 88px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 104px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 104px
    }
[dir=ltr] devsite-book-nav devsite-expandable-nav li li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-left: 120px
    }
[dir=rtl] devsite-book-nav devsite-expandable-nav li li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
    padding-right: 120px
    }
[dir=ltr] devsite-book-nav .devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-title-no-path {
    margin-right: 0
    }
[dir=rtl] devsite-book-nav .devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-title-no-path {
    margin-left: 0
    }
devsite-book-nav .devsite-nav-heading.devsite-nav-divider {
    background: #eceff1;
    background: var(--devsite-nav-divider-background, #eceff1);
    border-bottom: 1px solid #dadce0;
    border-top: 1px solid #dadce0;
    padding: 4px 24px 2px
    }
devsite-book-nav .devsite-nav-heading.devsite-nav-divider:first-child {
    padding-top: 4px
    }
devsite-book-nav .devsite-nav-divider > .devsite-nav-title {
    font: 500 11px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.8px;
    text-transform: uppercase
    }
devsite-book-nav .devsite-nav-accordion + .devsite-nav-accordion, devsite-book-nav .devsite-nav-divider + .devsite-nav-accordion {
    border-top: 0;
    padding-top: 12px
    }
devsite-book-nav .devsite-nav-accordion + .devsite-nav-divider {
    border-top: 0;
    padding-top: 4px
    }
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav-heading > .devsite-nav-title-no-path {
    border-radius: 0;
    cursor: default
    }
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav-heading > .devsite-nav-title-no-path:focus, devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav-heading > .devsite-nav-title-no-path:hover {
    background: 0
    }
devsite-book-nav .devsite-nav-item.devsite-nav-deprecated:not(.devsite-nav-accordion) .devsite-nav-heading > .devsite-nav-title-no-path:focus, devsite-book-nav .devsite-nav-item.devsite-nav-deprecated:not(.devsite-nav-accordion) .devsite-nav-heading > .devsite-nav-title-no-path:hover {
    color: #1a73e8;
    color: var(--devsite-nav-title-no-path-color-hover, #1a73e8)
    }
devsite-book-nav .devsite-nav-accordion + .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider), devsite-book-nav .devsite-nav-divider + .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider), devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider) + .devsite-nav-accordion, devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider) + .devsite-nav-divider {
    margin-top: 12px
    }
devsite-book-nav .devsite-nav-break {
    height: 24px
    }
#devsite-hamburger-menu, #devsite-hamburger-menu[visually-hidden], devsite-book-nav .devsite-mobile-header, devsite-book-nav .devsite-mobile-nav-top {
    display: none
    }
devsite-book-nav .devsite-mobile-header {
    background: #fff;
    background: var(--devsite-header-color-upper, #fff);
    border-bottom: 1px solid #dadce0
    }
#devsite-hamburger-menu:before, devsite-book-nav #devsite-close-nav:before {
    border-radius: 50%;
    padding: 8px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
    }
#devsite-hamburger-menu:focus:before, #devsite-hamburger-menu:hover:before, devsite-book-nav #devsite-close-nav:focus:before, devsite-book-nav #devsite-close-nav:hover:before {
    background: #f1f3f4
    }
#devsite-hamburger-menu:before {
    content: "menu"
    }
[dir=ltr] devsite-book-nav #devsite-close-nav:before {
    content: "arrow_back"
    }
[dir=rtl] devsite-book-nav #devsite-close-nav:before {
    content: "arrow_forward"
    }
devsite-book-nav[top-level-nav] #devsite-close-nav:before {
    content: "close"
    }
@media screen and (max-width: 840px) {
    devsite-book-nav {
        display: none;
        height: 100vh;
        max-height: 100vh !important;
        top: 0 !important;
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 1013
        }
    [dir=ltr] devsite-book-nav {
        -webkit-transform: translate3d(-280px, 0, 0) !important;
        transform: translate3d(-280px, 0, 0) !important
        }
    [dir=rtl] devsite-book-nav {
        -webkit-transform: translate3d(280px, 0, 0) !important;
        transform: translate3d(280px, 0, 0) !important
        }
    devsite-book-nav:not([animatable]) {
        -webkit-transition: -webkit-transform 1ms;
        transition: -webkit-transform 1ms;
        transition: transform 1ms;
        transition: transform 1ms, -webkit-transform 1ms
        }
    body[ready] .devsite-book-nav-bg[fixed] {
        display: none
        }
    body[ready] devsite-book-nav[fixed] {
        background: #fff;
        display: block !important;
        box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
        }
    devsite-book-nav[visually-hidden] {
        opacity: 1 !important;
        pointer-events: auto !important;
        visibility: visible !important
        }
    #devsite-hamburger-menu, devsite-book-nav #devsite-close-nav {
        height: 100%;
        position: relative;
        width: auto;
        z-index: 20
        }
    #devsite-hamburger-menu {
        display: inline-block
        }
    [dir=ltr] #devsite-hamburger-menu {
        margin: 0 8px 0 -4px
        }
    [dir=rtl] #devsite-hamburger-menu {
        margin: 0 -4px 0 8px
        }
    devsite-book-nav #devsite-close-nav {
        color: #5f6368;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
        }
    [dir=ltr] devsite-book-nav #devsite-close-nav {
        margin: 0 0 0 -12px
        }
    [dir=rtl] devsite-book-nav #devsite-close-nav {
        margin: 0 -12px 0 0
        }
    devsite-book-nav .devsite-mobile-nav-top {
        display: block
        }
    devsite-book-nav .devsite-book-nav-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)
        }
    [dir=ltr] devsite-book-nav .devsite-book-nav-wrapper {
        -webkit-transform: translate3d(-268px, 0, 0) !important;
        transform: translate3d(-268px, 0, 0) !important
        }
    [dir=rtl] devsite-book-nav .devsite-book-nav-wrapper {
        -webkit-transform: translate3d(268px, 0, 0) !important;
        transform: translate3d(268px, 0, 0) !important
        }
    devsite-book-nav:not([animatable]) .devsite-book-nav-wrapper {
        -webkit-transition: -webkit-transform 1ms;
        transition: -webkit-transform 1ms;
        transition: transform 1ms;
        transition: transform 1ms, -webkit-transform 1ms
        }
    devsite-book-nav .devsite-nav-list {
        padding-bottom: 120px
        }
    devsite-book-nav .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
        margin-top: 0
        }
    devsite-book-nav .devsite-mobile-nav-bottom .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
        margin-top: 13px
        }
    devsite-book-nav .devsite-mobile-nav-top .devsite-nav-text {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
        }
    devsite-book-nav[top-level-nav] .devsite-book-nav-wrapper {
        -webkit-transform: translatez(0) !important;
        transform: translatez(0) !important
        }
    devsite-book-nav:not([top-level-nav]) .devsite-mobile-nav-top, devsite-book-nav[top-level-nav] .devsite-mobile-nav-bottom {
        height: calc(100vh - 64px);
        overflow: hidden
        }
    devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-nav-item {
        border-bottom: 1px solid #dadce0
        }
    devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-nav-item > .devsite-nav-title {
        font-weight: 700;
        padding-bottom: 15px;
        padding-top: 16px
        }
    devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-nav-item > .devsite-nav-active {
        background: 0
        }
    devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-nav-item > .devsite-nav-title:not(.devsite-nav-active) {
        color: #5f6368
        }
    devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title {
        border-radius: 0
        }
    devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:focus, devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-nav-title:hover {
        background: 0
        }
    devsite-book-nav .devsite-mobile-nav-bottom, devsite-book-nav .devsite-mobile-nav-top {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 268px
        }
    devsite-book-nav .devsite-mobile-header {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 48px;
        padding: 0 16px;
        position: relative
        }
    devsite-book-nav .devsite-mobile-header .devsite-nav-active {
        font-weight: 400
        }
    devsite-book-nav .devsite-nav-responsive-tabs {
        margin-bottom: 12px;
        margin-top: -11px
        }
    devsite-book-nav .devsite-lower-tab-item {
        margin: 0
        }
    devsite-book-nav .devsite-nav-responsive-tabs > .devsite-nav-item:last-child {
        margin-bottom: 8px
        }
    }
@media screen and (max-width: 600px) {
    #devsite-hamburger-menu, devsite-book-nav #devsite-close-nav {
        margin: 0 4px 0 -12px
        }
    }
devsite-book-nav .devsite-product-id-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 60px;
    padding: 20px 24px 2px
    }
devsite-book-nav .devsite-header-no-lower-tabs .devsite-product-id-row {
    min-height: 72px;
    padding: 20px 24px
    }
devsite-book-nav .devsite-product-description-row {
    color: #fff;
    color: var(--devsite-header-foreground-lower-description, var(--devsite-header-foreground-lower-hover, #fff));
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-book-nav .devsite-breadcrumb-list + .devsite-product-description:not(:empty) {
    margin-top: 8px
    }
devsite-book-nav .devsite-product-description {
    font: 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0 180px 0 0
    }
[dir=rtl] devsite-book-nav .devsite-product-description {
    margin: 0 0 0 180px
    }
devsite-book-nav .devsite-product-button-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 24px;
    z-index: 1
    }
[dir=rtl] devsite-book-nav .devsite-product-button-row {
    margin: 0 24px 0 0
    }
@media screen and (max-width: 840px) {
    devsite-book-nav .devsite-product-id-row {
        min-height: 72px;
        padding: 20px 24px
        }
    [dir=rtl] devsite-book-nav .devsite-product-description, devsite-book-nav .devsite-product-description {
        margin: 0
        }
    }
@media screen and (max-width: 600px) {
    devsite-book-nav .devsite-header-no-lower-tabs .devsite-product-id-row, devsite-book-nav .devsite-product-id-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 16px
        }
    devsite-book-nav .devsite-product-button-row {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 16px 0 0
        }
    }
devsite-book-nav .devsite-product-name-wrapper {
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0
    }
devsite-book-nav .devsite-product-name-link, devsite-book-nav .devsite-product-name-wrapper, devsite-book-nav .devsite-site-logo-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-book-nav .devsite-product-name-link, devsite-book-nav .devsite-site-logo-link {
    -ms-flex-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
    }
devsite-book-nav .devsite-product-name-link:focus, devsite-book-nav .devsite-product-name-link:hover, devsite-book-nav .devsite-site-logo-link:focus {
    opacity: 0.7;
    text-decoration: none
    }
devsite-book-nav .devsite-site-logo {
    height: 32px
    }
devsite-book-nav .devsite-has-google-wordmark > .devsite-breadcrumb-link, devsite-book-nav .devsite-has-google-wordmark > .devsite-product-name {
    direction: ltr
    }
devsite-book-nav .devsite-google-wordmark {
    height: 24px;
    margin: 0 4px 0 0;
    position: relative;
    top: 5px;
    width: 74px
    }
devsite-book-nav .devsite-google-wordmark-svg-path {
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s
    }
devsite-book-nav .devsite-site-logo-link canvas {
    height: auto !important
    }
devsite-book-nav .devsite-product-logo-container {
    color: #202124;
    color: var(--devsite-primary-color, #202124);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px
    }
[dir=ltr] devsite-book-nav .devsite-product-logo-container {
    margin-right: 4px
    }
[dir=rtl] devsite-book-nav .devsite-product-logo-container {
    margin-left: 4px
    }
devsite-book-nav .devsite-product-logo-container[background] {
    background: #202124;
    background: var(--devsite-primary-color, #202124);
    color: #fff
    }
devsite-book-nav .devsite-product-logo {
    color: inherit;
    font-size: 32px;
    height: 32px;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    white-space: nowrap
    }
devsite-book-nav .devsite-product-logo-container[background] .devsite-product-logo {
    font-size: 28px;
    height: 28px;
    max-width: 28px;
    min-width: 28px
    }
devsite-book-nav .devsite-product-name {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0;
    margin: 0;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    white-space: nowrap
    }
devsite-book-nav .devsite-site-logo:not([src*=\.svg]) {
    height: auto;
    max-height: 32px
    }
devsite-book-nav .devsite-breadcrumb-link > .devsite-product-name {
    color: inherit
    }
@media screen and (max-width: 840px) {
    devsite-book-nav .devsite-product-name-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 0
        }
    devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-item:not(:first-of-type), devsite-book-nav .devsite-product-name-wrapper .devsite-site-logo-link + .devsite-product-name {
        display: none
        }
    devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-item, devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-link, devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-list, devsite-book-nav .devsite-product-name-wrapper .devsite-product-name {
        width: 100%
        }
    devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-link {
        overflow: hidden;
        text-overflow: ellipsis
        }
    }
devsite-code {
    margin: 16px 0;
    clear: both;
    direction: ltr !important;
    display: block;
    overflow: hidden;
    position: relative
    }
devsite-code .devsite-code-buttons-container {
    right: 0;
    right: var(--devsite-code-buttons-container-right, 0);
    position: absolute;
    top: 0
    }
devsite-code .devsite-code-buttons-container button {
    height: 24px;
    height: var(--devsite-code-button-size, 24px);
    width: 24px;
    width: var(--devsite-code-button-size, 24px);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #202124;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    min-width: auto;
    padding: 0;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-code .devsite-code-buttons-container button:focus, devsite-code .devsite-code-buttons-container button:hover {
    color: #5f6368
    }
devsite-code .devsite-code-buttons-container button.material-icons, devsite-code .devsite-code-buttons-container button.material-icons:hover {
    cursor: pointer
    }
devsite-code[dark-code] .devsite-code-buttons-container button {
    color: hsla(0, 0%, 100%, 0.7)
    }
devsite-code[dark-code] .devsite-code-buttons-container button:focus, devsite-code[dark-code] .devsite-code-buttons-container button:hover {
    color: #fff
    }
devsite-code .devsite-code-buttons-container .devsite-toggle-dark, devsite-code[dark-code] .devsite-code-buttons-container .devsite-toggle-light {
    display: inline
    }
devsite-code:not([dark-code]) .devsite-code-buttons-container .devsite-toggle-light, devsite-code[dark-code] .devsite-code-buttons-container .devsite-toggle-dark {
    display: none
    }
devsite-code[dark-code] .pre-style, devsite-code[dark-code] pre, devsite-code[dark-code] pre code {
    background: #283142;
    color: #eceff1
    }
devsite-code pre {
    margin: 0;
    padding: 24px;
    padding: var(--devsite-code-padding, 24px)
    }
devsite-code pre .com {
    color: #d81b60
    }
devsite-code[dark-code] pre .com {
    color: #f06292
    }
devsite-code pre .dec, devsite-code pre .lit {
    color: #c53929
    }
devsite-code[dark-code] pre .dec, devsite-code[dark-code] pre .lit {
    color: #fbc02d
    }
devsite-code pre .kwd, devsite-code pre .tag {
    color: #3b78e7
    }
devsite-code[dark-code] pre .kwd, devsite-code[dark-code] pre .tag {
    color: #4dd0e1
    }
devsite-code pre .atv, devsite-code pre .str {
    color: #0d904f
    }
devsite-code[dark-code] pre .atv, devsite-code[dark-code] pre .str {
    color: #9ccc65
    }
devsite-code pre .atn, devsite-code pre .typ {
    color: #9c27b0
    }
devsite-code[dark-code] pre .atn, devsite-code[dark-code] pre .typ {
    color: #ce93d8
    }
devsite-code .prettyprint :not(.devsite-github-link) > a:not(.devsite-github-link), devsite-code a, devsite-code a .atn, devsite-code a .atv, devsite-code a .com, devsite-code a .dec, devsite-code a .kwd, devsite-code a .lit, devsite-code a .pln, devsite-code a .pun, devsite-code a .str, devsite-code a .tag, devsite-code a .typ {
    color: #1a73e8;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-weight: 700
    }
devsite-code[dark-code] .prettyprint :not(.devsite-github-link) > a:not(.devsite-github-link), devsite-code[dark-code] a, devsite-code[dark-code] a .atn, devsite-code[dark-code] a .atv, devsite-code[dark-code] a .com, devsite-code[dark-code] a .dec, devsite-code[dark-code] a .kwd, devsite-code[dark-code] a .lit, devsite-code[dark-code] a .pln, devsite-code[dark-code] a .pun, devsite-code[dark-code] a .str, devsite-code[dark-code] a .tag, devsite-code[dark-code] a .typ {
    color: #669df6
    }
devsite-code .prettyprint a:focus, devsite-code .prettyprint a:hover, devsite-code a:focus .atn, devsite-code a:focus .atv, devsite-code a:focus .com, devsite-code a:focus .dec, devsite-code a:focus .kwd, devsite-code a:focus .lit, devsite-code a:focus .pln, devsite-code a:focus .pun, devsite-code a:focus .str, devsite-code a:focus .tag, devsite-code a:focus .typ, devsite-code a:hover .atn, devsite-code a:hover .atv, devsite-code a:hover .com, devsite-code a:hover .dec, devsite-code a:hover .kwd, devsite-code a:hover .lit, devsite-code a:hover .pln, devsite-code a:hover .pun, devsite-code a:hover .str, devsite-code a:hover .tag, devsite-code a:hover .typ {
    text-decoration: underline
    }
devsite-code .devsite-terminal:before {
    color: #bdbdbd;
    content: "$";
    padding-right: 8px
    }
devsite-code .devsite-terminal[data-terminal-prefix]:before {
    content: attr(data-terminal-prefix)
    }
devsite-code .devsite-github-link {
    display: block;
    text-align: right
    }
devsite-code a.devsite-github-link:focus, devsite-code a.devsite-github-link:hover {
    text-decoration: none
    }
devsite-code .devsite-github-link:after {
    color: #1a73e8;
    content: "open_in_new";
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    font-size: 18px;
    margin-left: 8px;
    vertical-align: middle
    }
devsite-code[dark-code] .devsite-github-link:after, devsite-code[dark-code] .devsite-github-link > a {
    color: #669df6
    }
devsite-code[highlight] .prettyprint > span {
    opacity: 0.54
    }
devsite-code[dark-code] pre::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, 0.7)
    }
devsite-code devsite-selector pre {
    margin: 0
    }
body[layout=full] devsite-code {
    overflow: visible
    }
body[layout=full] devsite-code:after {
    background: #f1f3f4;
    content: "";
    display: block;
    height: 100%;
    left: calc(50% - 50vw);
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1
    }
body[layout=full] devsite-code[dark-code]:after {
    background: #283142
    }
devsite-catalog .devsite-catalog-alphabet {
    border-bottom: 1px solid #dadce0;
    border-top: 1px solid #dadce0;
    color: #bdc1c6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0
    }
devsite-catalog .devsite-catalog-alphabet-link, devsite-catalog .devsite-catalog-alphabet-link-disabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 0
    }
devsite-catalog .devsite-catalog-alphabet-letter:not(:last-child) {
    border-bottom: 1px solid #dadce0
    }
devsite-catalog .devsite-catalog-alphabet-letter-heading {
    margin: 20px 0
    }
devsite-catalog .devsite-catalog-alphabet-letter-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    list-style: none;
    margin: 0 0 40px;
    padding: 0
    }
devsite-catalog .devsite-catalog-alphabet-letter-list-item {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 16px
    }
devsite-catalog .devsite-catalog-alphabet-letter-link {
    display: block;
    padding: 8px 0
    }
devsite-catalog .devsite-catalog-item-name {
    margin: 0
    }
devsite-catalog devsite-filter:not(:first-of-type) {
    border-top: 1px solid #dadce0
    }
devsite-catalog .devsite-filter-input + .devsite-catalog-alphabet {
    margin-top: 32px
    }
devsite-catalog .devsite-filter-input:valid + .devsite-catalog-alphabet {
    display: none
    }
@media screen and (max-width: 840px) {
    devsite-catalog .devsite-catalog-alphabet {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
        }
    devsite-catalog .devsite-catalog-alphabet-letter-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
        }
    devsite-catalog .devsite-catalog-alphabet-link, devsite-catalog .devsite-catalog-alphabet-link-disabled {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 44px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 44px;
        flex: 0 0 44px;
        text-align: center
        }
    }
@media screen and (max-width: 600px) {
    devsite-catalog .devsite-catalog-alphabet {
        padding: 0 0 20px
        }
    devsite-catalog .devsite-catalog-alphabet-letter-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
        }
    }
devsite-codelab-catalog .controls {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
    }
devsite-codelab-catalog .catalog-selector, devsite-codelab-catalog .category-selector, devsite-codelab-catalog .sort-controls {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
devsite-codelab-catalog .catalog-selector, devsite-codelab-catalog .category-selector, devsite-codelab-catalog .controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-codelab-catalog .catalog-selector {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
    }
devsite-codelab-catalog .category-selector {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
    }
devsite-codelab-catalog[sortorder=-timestamp] .button[sortorder=-timestamp], devsite-codelab-catalog[sortorder=displaytitle] .button[sortorder=displaytitle], devsite-codelab-catalog[sortorder=durationminutes] .button[sortorder=durationminutes] {
    border-bottom: 2px solid;
    border-radius: 4px 4px 0 0
    }
devsite-content-footer {
    clear: both;
    color: rgba(0, 0, 0, 0.65);
    display: block;
    font: 13px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-credentials-dialog {
    border: 1px dashed #e91e63;
    cursor: pointer;
    padding: 2px
    }
.devsite-credentials-dialog .devsite-credentials-dialog-credentials, .devsite-credentials-dialog .devsite-credentials-dialog-oauth-message, .devsite-credentials-dialog .devsite-credentials-dialog-projects {
    margin-top: 16px
    }
.devsite-credentials-dialog devsite-spinner {
    margin: auto
    }
.devsite-credentials-dialog .devsite-credentials-dialog-selector {
    width: 100%
    }
devsite-cse {
    display: block
    }
devsite-cse table {
    border-collapse: inherit;
    margin: 0
    }
devsite-cse tr {
    background: #fff;
    border: 0
    }
devsite-cse td {
    padding: 0
    }
devsite-cse .gsc-control-cse, devsite-cse .gsc-control-cse .gsc-table-result {
    background: 0;
    border: 0;
    font: 400 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0
    }
devsite-cse .gsc-above-wrapper-area {
    display: none
    }
devsite-cse .gsc-results {
    width: 100%
    }
devsite-cse .gsc-results .gsc-imageResult, devsite-cse .gsc-webResult.gsc-result, devsite-cse .gsc-webResult.gsc-result:hover {
    background: 0
    }
devsite-cse .gsc-results .gsc-cursor-box {
    margin: 8px 0
    }
devsite-cse .gsc-table-result, devsite-cse .gsc-thumbnail-inside, devsite-cse .gsc-url-top {
    padding-left: 0;
    padding-right: 0
    }
devsite-cse .gs-error-result .gs-snippet, devsite-cse .gs-no-results-result .gs-snippet {
    background: 0;
    border: 0;
    color: #202124;
    margin: 0;
    padding: 0
    }
devsite-cse .gcsc-find-more-on-google {
    margin: 0
    }
devsite-cse .gcsc-find-more-on-google, devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:link, devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:link b, devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:visited, devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:visited b, devsite-cse .gsc-control-cse .gs-result .gs-title, devsite-cse .gsc-control-cse .gs-result .gs-title *, devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:link, devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:link b, devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:visited, devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:visited b {
    color: #1a73e8;
    font: 500 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    height: auto;
    text-decoration: none
    }
devsite-cse .gcsc-find-more-on-google-magnifier {
    fill: #1a73e8
    }
devsite-cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: #1a73e8
    }
devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:focus, devsite-cse .gsc-control-cse .gs-result .gs-title:focus, devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:focus {
    text-decoration: underline
    }
devsite-cse .gsc-control-cse .gs-result .gs-title b {
    font-weight: 700
    }
devsite-cse .gs-imageResult div.gs-visibleUrl, devsite-cse .gs-webResult div.gs-visibleUrl {
    color: #1e8e3e;
    font-size: 14px
    }
devsite-cse .gcsc-branding {
    display: none
    }
devsite-device {
    display: block
    }
devsite-device > .devsite-device-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 24px
    }
[dir=ltr] devsite-device .devsite-device-button:nth-child(n+2) {
    margin-left: 12px
    }
[dir=rtl] devsite-device .devsite-device-button:nth-child(n+2) {
    margin-right: 12px
    }
devsite-device .devsite-device-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 24px
    }
devsite-device .devsite-device-input > input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
[dir=ltr] devsite-device .devsite-device-input > input {
    margin-right: 16px
    }
[dir=rtl] devsite-device .devsite-device-input > input {
    margin-left: 16px
    }
devsite-device [type=radio], devsite-device [type=radio]:after, devsite-device [type=radio]:before {
    display: none
    }
devsite-device [type=radio] + label {
    border: 1px solid #dadce0;
    box-shadow: none;
    font: 500 14px/36px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px;
    color: #1a73e8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    padding: 0 16px;
    -webkit-transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s
    }
devsite-device [type=radio] + label:focus, devsite-device [type=radio] + label:hover {
    background: #e8f0fe
    }
devsite-device [type=radio]:checked + label {
    background: #1a73e8;
    border-color: #1a73e8;
    color: #fff
    }
devsite-device > .devsite-device {
    overflow: hidden;
    position: relative
    }
devsite-device[device=desktop] > .devsite-device {
    max-width: 100%;
    padding-bottom: 62.5%
    }
devsite-device[device=tablet] > .devsite-device {
    max-width: 60%;
    padding-bottom: 80%
    }
devsite-device[device=mobile] > .devsite-device {
    max-width: 32.109375%;
    padding-bottom: 57.109375%
    }
devsite-device iframe {
    background: #fff;
    border: solid #ddd;
    height: 166.666667%;
    position: absolute;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    width: 166.666667%
    }
[dir=ltr] devsite-device iframe {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
    }
[dir=rtl] devsite-device iframe {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
    }
devsite-device[device=desktop] iframe {
    border-radius: 16px;
    border-width: 32px 16px
    }
devsite-device[device=tablet] iframe {
    border-radius: 24px;
    border-width: 60px 16px
    }
devsite-device[device=mobile] iframe {
    border-radius: 36px;
    border-width: 60px 12px
    }
devsite-dynamic-content {
    margin: 20px 0;
    display: block;
    width: 100%
    }
devsite-dynamic-content devsite-pagination {
    margin-top: 20px
    }
devsite-expandable {
    display: block;
    min-height: 24px
    }
devsite-expandable:not([expanded]) > :not(.showalways):not(.expand-control):not(.exw-control) {
    display: none
    }
devsite-expandable .exw-control > h2.showalways {
    margin: 40px 0 20px;
    padding-bottom: 7px
    }
devsite-expandable .exw-control > h3.showalways {
    margin: 34px 0 20px
    }
devsite-expandable .exw-control > h4.showalways {
    margin: 36px 0 20px
    }
devsite-expandable .expand-control:not(button):not(.button) {
    color: #1a73e8;
    cursor: pointer
    }
devsite-expandable a.exw-control:active, devsite-expandable a.exw-control:focus, devsite-expandable a.exw-control:hover {
    color: #1a73e8;
    cursor: pointer;
    outline: 0;
    text-decoration: none
    }
devsite-expandable a.exw-control > .showalways:before {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #5f6368;
    border-radius: 50%;
    color: #fff;
    content: "add";
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 20px
    }
[dir=ltr] devsite-expandable a.exw-control > .showalways:before {
    margin-right: 12px
    }
[dir=rtl] devsite-expandable a.exw-control > .showalways:before {
    margin-left: 12px
    }
devsite-expandable .exw-control > h2.showalways:before {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
    }
devsite-expandable[expanded] > a.exw-control > .showalways:before {
    content: "remove"
    }
devsite-expandable a.exw-control:focus > .showalways:before, devsite-expandable a.exw-control:hover > .showalways:before {
    background: #1a73e8
    }
devsite-content devsite-expandable devsite-expandable {
    margin-left: 40px
    }
devsite-expandable-nav {
    cursor: pointer;
    display: block;
    position: relative
    }
devsite-expandable-nav > .devsite-nav-section {
    max-width: 100%;
    overflow-y: hidden;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
    width: 100%;
    will-change: height
    }
devsite-expandable-nav:not([animatable]) > .devsite-nav-section {
    -webkit-transition: height 1ms;
    transition: height 1ms
    }
devsite-expandable-nav > .devsite-nav-section .devsite-nav-heading:not(.devsite-nav-divider):first-child {
    margin-top: 0
    }
devsite-expandable-nav[collapsed]:not([animating]) > .devsite-nav-section {
    display: none
    }
devsite-expandable-nav[collapsed]:not([connected]) > .devsite-nav-section {
    height: 0
    }
devsite-expandable-nav > .devsite-nav-title-no-path {
    cursor: pointer;
    outline: 0
    }
[dir=ltr] devsite-expandable-nav > .devsite-nav-title {
    padding-left: 24px
    }
[dir=rtl] devsite-expandable-nav > .devsite-nav-title {
    padding-right: 24px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 40px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-right: 40px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 56px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-right: 56px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 72px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-right: 72px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 88px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-right: 88px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 104px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-right: 104px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-left: 120px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-title {
    padding-right: 120px
    }
devsite-expandable-nav > .devsite-nav-toggle {
    cursor: pointer;
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal
    }
.devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav > .devsite-nav-toggle {
    font-size: 18px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    will-change: transform
    }
.devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav:not([animatable]) > .devsite-nav-toggle {
    -webkit-transition: -webkit-transform 1ms;
    transition: -webkit-transform 1ms;
    transition: transform 1ms;
    transition: transform 1ms, -webkit-transform 1ms
    }
[dir=ltr] devsite-expandable-nav > .devsite-nav-toggle {
    left: 4px
    }
[dir=rtl] devsite-expandable-nav > .devsite-nav-toggle {
    left: auto;
    right: 4px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 20px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    right: 20px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 36px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    right: 36px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 52px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    right: 52px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 68px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    right: 68px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 84px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    right: 84px
    }
[dir=ltr] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    left: 100px
    }
[dir=rtl] devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav > .devsite-nav-toggle {
    right: 100px
    }
.devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav[collapsed] > .devsite-nav-toggle {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
    }
[dir=rtl] .devsite-nav-item:not(.devsite-nav-accordion) > devsite-expandable-nav[collapsed] > .devsite-nav-toggle {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
    }
devsite-expandable-nav > .devsite-nav-toggle:before {
    content: "arrow_drop_down"
    }
.devsite-nav-accordion {
    border-bottom: 1px solid #dadce0;
    border-top: 1px solid #dadce0;
    padding: 11px 0
    }
.devsite-nav-accordion > devsite-expandable-nav {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    }
.devsite-nav-accordion > devsite-expandable-nav, .devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
.devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-title {
    color: rgba(0, 0, 0, 0.65);
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 196px;
    -moz-box-flex: 1;
    -ms-flex: 1 0 196px;
    flex: 1 0 196px;
    font-weight: 700;
    overflow: hidden
    }
.devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-toggle {
    font-size: 24px;
    margin: 0 8px 0 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s
    }
[dir=rtl] .devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-toggle {
    margin: 0 0 0 8px
    }
.devsite-nav-accordion > devsite-expandable-nav:not([animatable]) > .devsite-nav-toggle {
    -webkit-transition: -webkit-transform 1ms;
    transition: -webkit-transform 1ms;
    transition: transform 1ms;
    transition: transform 1ms, -webkit-transform 1ms
    }
.devsite-nav-accordion > devsite-expandable-nav[collapsed] > .devsite-nav-toggle {
    -webkit-transform: rotatex(180deg);
    transform: rotatex(180deg)
    }
.devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-toggle:before {
    content: "expand_less"
    }
.devsite-nav-accordion > devsite-expandable-nav > .devsite-nav-section {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
    }
devsite-extradory, devsite-extradory .devsite-extra-dory-iframe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
devsite-extradory .devsite-extra-dory-iframe {
    width: 100%;
    height: 100%
    }
devsite-extradory .devsite-extra-dory-iframe iframe {
    width: 100%;
    height: 100%;
    border: 0
    }
devsite-extradory h2 {
    font-size: 24px;
    color: #424242;
    text-align: center;
    line-height: 32px;
    margin: 0
    }
devsite-extradory .devsite-extradory-create-profile, devsite-extradory h2 {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
    }
devsite-extradory .devsite-extradory-step1, devsite-extradory .devsite-extradory-step2, devsite-extradory .devsite-extradory-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    padding: 20px
    }
devsite-extradory .devsite-extradory-create-profile {
    margin-top: 26px
    }
devsite-extradory p {
    font-size: 16px;
    color: #424242;
    line-height: 24px
    }
devsite-extradory .devsite-extradory-cta label, devsite-extradory .devsite-extradory-cta p {
    font-size: 14px;
    color: #424242;
    line-height: 29px;
    margin: 0
    }
devsite-extradory .devsite-extradory-buttons, devsite-extradory .devsite-extradory-join-group, devsite-extradory .devsite-extradory-try-again-buttons {
    margin-top: 36px
    }
devsite-extradory .devsite-extradory-spinner {
    padding: 64px
    }
devsite-extradory .devsite-extradory-spinner, devsite-extradory .devsite-extradory-try-again-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
    }
devsite-extradory .devsite-extradory-authorize, devsite-extradory .devsite-extradory-change-account, devsite-extradory .devsite-extradory-join-group, devsite-extradory .devsite-extradory-not-eligible, devsite-extradory .devsite-extradory-sign-in, devsite-extradory .devsite-extradory-try-again {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
    }
devsite-dialog.devsite-feedback .devsite-dialog-contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
    }
devsite-dialog.devsite-feedback h3 {
    margin: 0 0 20px;
    padding: 16px 16px 0
    }
devsite-dialog.devsite-feedback .devsite-feedback-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 6px
    }
devsite-dialog.devsite-feedback .devsite-feedback-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5f6368;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
    }
devsite-dialog.devsite-feedback .devsite-feedback-item-type {
    color: #1a73e8
    }
devsite-dialog.devsite-feedback .devsite-feedback-item:focus > .devsite-feedback-item-type {
    text-decoration: underline
    }
devsite-dialog.devsite-feedback .devsite-feedback-item-icon-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 8px 0;
    width: 48px
    }
devsite-dialog.devsite-feedback .devsite-feedback-item-icon-color {
    background-color: #202124;
    background-color: var(--devsite-primary-color, #202124);
    border-radius: 50%;
    color: #fff
    }
devsite-dialog.devsite-feedback .devsite-feedback-item-icon {
    font-size: 32px
    }
devsite-dialog.devsite-feedback .devsite-feedback-item-icon-container img {
    max-width: 100%
    }
devsite-dialog.devsite-feedback .devsite-feedback-notice, devsite-dialog.devsite-feedback .devsite-feedback-support {
    padding: 16px 16px 0;
    text-align: center
    }
devsite-dialog.devsite-feedback .devsite-feedback-support-icon {
    font-size: 18px;
    margin-right: 4px;
    vertical-align: middle
    }
devsite-dialog.devsite-feedback .devsite-feedback-support-icon + span {
    vertical-align: middle
    }
devsite-dialog.devsite-feedback .devsite-feedback-buttons {
    padding: 16px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
    }
devsite-filter {
    display: block
    }
.devsite-filter-input, devsite-filter input[type=text] {
    width: 100%
    }
devsite-filter > .devsite-table-wrapper:first-child > table {
    margin-top: 0
    }
devsite-filter[sortable] th:hover {
    cursor: pointer
    }
devsite-filter th[sort-ascending], devsite-filter th[sort-descending] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
    }
devsite-filter th[sort-ascending]:after, devsite-filter th[sort-descending]:after {
    content: "arrow_drop_down";
    display: inline-block;
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    margin: -2px 0 0;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    vertical-align: middle
    }
devsite-filter th[sort-descending]:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
    }
devsite-filter[hide-if-empty][empty] {
    display: none
    }
devsite-filter[highlight] mark {
    background-color: #ffe168
    }
devsite-filter[highlight] mark:after, devsite-filter[highlight] mark:before {
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
    }
devsite-filter[highlight] mark:before {
    content: " [highlight start] "
    }
devsite-filter[highlight] mark:after {
    content: " [highlight end] "
    }
devsite-footer-linkboxes {
    background: #fff;
    background: var(--devsite-footer-background, #fff);
    color: inherit;
    color: var(--devsite-link-color, inherit);
    display: block;
    font: 400 14px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0 24px
    }
devsite-footer-linkboxes .devsite-footer-linkboxes-list {
    border-bottom: 1px solid #dadce0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 24px 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox:not(:first-child) {
    margin-left: 24px
    }
devsite-footer-linkboxes .devsite-footer-linkbox-heading {
    font: 500 14px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0 0 8px
    }
devsite-footer-linkboxes .devsite-footer-linkbox-list .devsite-footer-linkbox-heading {
    margin: 40px 0 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox-list {
    list-style-type: none;
    padding: 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox-item {
    margin: 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox-link {
    color: #202124;
    color: var(--devsite-link-color, #202124);
    display: block;
    padding: 8px 0
    }
devsite-footer-linkboxes .devsite-footer-linkbox-link:focus, devsite-footer-linkboxes .devsite-footer-linkbox-link:hover {
    color: #1a73e8;
    color: var(--devsite-link-hover, #1a73e8);
    font-weight: inherit;
    font-weight: var(--devsite-link-font-weight-hover, inherit);
    text-decoration: none
    }
@media screen and (max-width: 1252px) {
    .devsite-main-content[has-book-nav] ~ devsite-footer-linkboxes .devsite-footer-linkbox {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
        }
    }
@media screen and (max-width: 600px) {
    devsite-footer-linkboxes {
        padding: 0 16px
        }
    devsite-footer-linkboxes .devsite-footer-linkboxes-list {
        display: block
        }
    devsite-footer-linkboxes .devsite-footer-linkbox {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
        }
    devsite-footer-linkboxes .devsite-footer-linkbox:not(:first-child) {
        margin-left: 0
        }
    }
devsite-footer-promos {
    background: #fff;
    background: var(--devsite-footer-background, #fff);
    color: inherit;
    color: var(--devsite-text-color, inherit);
    border-top: 1px solid #dadce0;
    display: block;
    font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0 24px
    }
devsite-footer-promos .devsite-footer-promos-list {
    border-bottom: 1px solid #dadce0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 18px 0
    }
devsite-footer-promos .devsite-footer-promo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 192px;
    -moz-box-flex: 0;
    -ms-flex: 0 1 192px;
    flex: 0 1 192px;
    margin: 20px 0;
    text-align: center
    }
devsite-footer-promos .devsite-footer-promo:not(:first-child) {
    margin-left: 24px
    }
devsite-footer-promos .devsite-footer-promo-icon {
    color: rgba(0, 0, 0, 0.87);
    color: var(--devsite-text-color, rgba(0, 0, 0, 0.87));
    display: block;
    font-size: 48px;
    height: 48px;
    margin: 0 auto 8px;
    width: 48px
    }
devsite-footer-promos .devsite-footer-promo-title {
    color: rgba(0, 0, 0, 0.87);
    color: var(--devsite-heading-color, rgba(0, 0, 0, 0.87));
    font: inherit;
    font: var(--devsite-heading-font, inherit);
    font-weight: 500;
    font-weight: var(--devsite-heading-font-weight, 500);
    display: block
    }
devsite-footer-promos .devsite-footer-promo-title:focus, devsite-footer-promos .devsite-footer-promo-title:hover {
    color: #1a73e8;
    color: var(--devsite-link-hover, #1a73e8);
    font-weight: inherit;
    font-weight: var(--devsite-link-font-weight-hover, inherit);
    text-decoration: none
    }
@media screen and (max-width: 1252px) {
    .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promos-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 20px
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promo:not(:first-child) {
        margin-left: 0
        }
    }
@media screen and (max-width: 840px) {
    .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promos-list, devsite-footer-promos .devsite-footer-promos-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 12px 0
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promo, devsite-footer-promos .devsite-footer-promo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin: 0;
        padding: 8px 8px 8px 0;
        text-align: left
        }
    [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-footer-promo, [dir=rtl] devsite-footer-promos .devsite-footer-promo {
        text-align: right
        }
    devsite-footer-promos .devsite-footer-promo:not(:first-child) {
        margin-left: 0
        }
    devsite-footer-promos .devsite-footer-promo-icon {
        height: 32px;
        margin: 0 8px 0 0;
        width: 32px
        }
    devsite-footer-promos .devsite-footer-promo-title {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: 400
        }
    devsite-footer-promos .devsite-footer-promo-description {
        display: none
        }
    }
@media screen and (max-width: 600px) {
    devsite-footer-promos {
        padding: 0 16px
        }
    devsite-footer-promos .devsite-footer-promos-list {
        display: block
        }
    }
devsite-footer-utility {
    background: #fff;
    background: var(--devsite-footer-background, #fff);
    color: inherit;
    color: var(--devsite-text-color, inherit);
    display: block;
    font: 400 14px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0 24px
    }
devsite-footer-utility nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 0
    }
devsite-footer-utility .devsite-footer-sites, devsite-footer-utility nav {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
devsite-footer-utility .devsite-footer-sites {
    border-bottom: 1px solid #dadce0;
    padding: 24px 0 23px
    }
devsite-footer-utility .devsite-footer-sites-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0
    }
devsite-footer-utility .devsite-footer-sites-item {
    margin: 0 0 0 40px
    }
[dir=rtl] devsite-footer-utility .devsite-footer-sites-item {
    margin: 0 40px 0 0
    }
devsite-footer-utility .devsite-footer-sites-link {
    color: #202124;
    display: block;
    padding: 8px 0
    }
devsite-footer-utility .devsite-footer-sites-link:focus, devsite-footer-utility .devsite-footer-sites-link:hover {
    color: #1a73e8;
    text-decoration: none
    }
devsite-footer-utility .devsite-footer-sites-logo-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-footer-utility .devsite-footer-sites-logo {
    height: 32px;
    margin-top: -4px;
    width: 185px
    }
devsite-footer-utility .devsite-footer-utility-list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    list-style: none;
    min-height: 36px;
    padding: 0
    }
devsite-footer-utility .devsite-footer-utility-link {
    color: #202124;
    color: var(--devsite-text-color, #202124)
    }
devsite-footer-utility .devsite-footer-utility-link:focus, devsite-footer-utility .devsite-footer-utility-link:hover {
    color: #1a73e8;
    color: var(--devsite-link-hover, #1a73e8)
    }
devsite-footer-utility a:focus, devsite-footer-utility a:hover {
    font-weight: inherit;
    font-weight: var(--devsite-link-font-weight-hover, inherit)
    }
devsite-footer-utility .devsite-footer-utility-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 8px 0 0
    }
[dir=rtl] devsite-footer-utility .devsite-footer-utility-item {
    margin: 0 0 0 8px
    }
devsite-footer-utility .devsite-footer-utility-item:last-child {
    margin-right: 0
    }
[dir=rtl] devsite-footer-utility .devsite-footer-utility-item:last-child {
    margin-left: 0
    }
devsite-footer-utility .devsite-footer-utility-item:not(:first-child):before {
    content: "|";
    margin: 0 8px 0 0
    }
[dir=rtl] devsite-footer-utility .devsite-footer-utility-item:not(:first-child):before {
    margin: 0 0 0 8px
    }
devsite-footer-utility .devsite-footer-utility-item.devsite-footer-utility-button:before {
    content: "";
    margin: 0
    }
devsite-footer-utility .devsite-footer-utility-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
    margin-left: auto;
    padding-left: 16px
    }
devsite-footer-utility .devsite-footer-utility-button > a {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px
    }
[dir=rtl] devsite-footer-utility .devsite-footer-utility-button > a {
    margin: 0 16px 0 0
    }
devsite-footer-utility .devsite-footer-utility-button > a:focus {
    text-decoration: none
    }
devsite-footer-utility devsite-language-selector {
    margin: 0 0 0 16px
    }
[dir=rtl] devsite-footer-utility devsite-language-selector {
    margin: 0 16px 0 0
    }
@media screen and (max-width: 1252px) {
    .devsite-main-content[has-book-nav] ~ devsite-footer-utility .devsite-footer-sites {
        display: block
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-utility .devsite-footer-sites-item {
        margin: 0 40px 0 0
        }
    [dir=rtl] .devsite-main-content[has-book-nav] ~ devsite-footer-utility .devsite-footer-sites-item {
        margin: 0 0 0 40px
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-utility .devsite-footer-sites-logo {
        margin-bottom: 16px
        }
    }
@media screen and (max-width: 840px) {
    devsite-footer-utility .devsite-footer-sites {
        display: block
        }
    devsite-footer-utility .devsite-footer-sites-item {
        margin: 0 40px 0 0
        }
    [dir=rtl] devsite-footer-utility .devsite-footer-sites-item {
        margin: 0 0 0 40px
        }
    devsite-footer-utility .devsite-footer-sites-logo {
        margin-bottom: 16px;
        margin-top: 0
        }
    }
@media screen and (max-width: 600px) {
    devsite-footer-utility {
        padding: 0 16px
        }
    devsite-footer-utility .devsite-footer-sites, devsite-footer-utility .devsite-footer-sites-list, devsite-footer-utility nav {
        display: block
        }
    .devsite-main-content[has-book-nav] ~ devsite-footer-utility .devsite-footer-sites-item, devsite-footer-utility .devsite-footer-sites-item {
        margin: 0
        }
    devsite-footer-utility devsite-language-selector {
        display: block;
        margin: 16px 0 0
        }
    devsite-footer-utility .devsite-footer-utility-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
        }
    devsite-footer-utility .devsite-footer-utility-button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 16px 0 0;
        padding: 0
        }
    devsite-footer-utility .devsite-footer-utility-button > a {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
        }
    }
devsite-googler-buttons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    right: 24px;
    z-index: 1009
    }
[dir=rtl] devsite-googler-buttons {
    left: 24px;
    right: auto
    }
devsite-googler-buttons > a:focus {
    text-decoration: none
    }
devsite-googler-buttons .devsite-googler-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -48px auto;
    outline: 0;
    position: relative;
    -webkit-transition: background 0.2s, box-shadow 0.2s, margin 0.2s;
    transition: background 0.2s, box-shadow 0.2s, margin 0.2s;
    width: 40px
    }
devsite-googler-buttons[active] .devsite-googler-button {
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    margin: 4px auto
    }
devsite-googler-buttons .devsite-googler-button:focus, devsite-googler-buttons .devsite-googler-button:hover, devsite-googler-buttons a:focus > .devsite-googler-button {
    background: #e3f2fd
    }
devsite-googler-buttons .devsite-googler-button:active, devsite-googler-buttons a:active > .devsite-googler-button {
    background: #bbdefb
    }
devsite-googler-buttons .devsite-googler-admin:before {
    color: #80868b;
    content: "storage"
    }
devsite-googler-buttons .devsite-googler-analytics:before {
    color: #e8710a;
    content: "timeline"
    }
devsite-googler-buttons .devsite-googler-bug:before {
    color: #e52592;
    content: "bug_report"
    }
devsite-googler-buttons .devsite-googler-cache {
    background: #689f38
    }
devsite-googler-buttons .devsite-googler-cache:hover {
    background: #7cb342
    }
devsite-googler-buttons .devsite-googler-cache:active, devsite-googler-buttons .devsite-googler-cache:focus {
    background: #8bc34a
    }
devsite-googler-buttons .devsite-googler-cache[active] {
    background: #d93025
    }
devsite-googler-buttons .devsite-googler-cache[active]:hover {
    background: #ea4335
    }
devsite-googler-buttons .devsite-googler-cache[active]:active, devsite-googler-buttons .devsite-googler-cache[active]:focus {
    background: #ee675c
    }
devsite-googler-buttons .devsite-googler-cache:before {
    color: #fff;
    content: "cached"
    }
devsite-googler-buttons .devsite-googler-cache[active]:after {
    background: #fff;
    border-bottom: 2px solid #d93025;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    -webkit-transform: rotate(45deg) translatey(1px);
    transform: rotate(45deg) translatey(1px);
    width: 28px
    }
devsite-googler-buttons .devsite-googler-cache[active]:active:after, devsite-googler-buttons .devsite-googler-cache[active]:focus:after {
    border-color: #ee675c
    }
devsite-googler-buttons .devsite-googler-devrel:before {
    color: #607d8b;
    content: "build"
    }
devsite-googler-buttons .devsite-googler-edit:before {
    color: #689f38;
    content: "edit"
    }
devsite-googler-buttons .devsite-googler-env:before {
    color: #1e88e5;
    content: "swap_horiz"
    }
devsite-googler-buttons .devsite-googler-speed-dial {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    height: 56px;
    margin: 0;
    width: 56px
    }
devsite-googler-buttons[active] .devsite-googler-speed-dial {
    margin: 16px 0 0
    }
devsite-googler-buttons .devsite-googler-speed-dial:before {
    content: url(../../images/fab.svg);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s
    }
devsite-googler-buttons[active] .devsite-googler-speed-dial:before {
    content: "close";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
    }
devsite-header {
    display: block;
    position: relative;
    z-index: 1006
    }
body[ready] devsite-header[fixed] {
    contain: layout;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%
    }
devsite-header .devsite-top-logo-row-wrapper-wrapper {
    border-bottom: 0;
    border-bottom: var(--devsite-header-border, 0);
    position: relative;
    z-index: 1
    }
devsite-header .devsite-top-logo-row-wrapper-wrapper, devsite-header .devsite-top-logo-row-wrapper-wrapper:before {
    background: #fff;
    background: var(--devsite-header-color-upper, #fff)
    }
body[ready] devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper:before {
    content: "";
    height: 400px;
    position: absolute;
    -webkit-transform: translatey(-400px);
    transform: translatey(-400px);
    width: 100%
    }
devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper {
    pointer-events: all
    }
devsite-header .devsite-collapsible-section {
    position: relative
    }
devsite-header .devsite-collapsible-section, devsite-header[no-lower-row][fixed] {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
devsite-header[fixed] .devsite-collapsible-section {
    contain: style;
    pointer-events: all;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    will-change: transform
    }
devsite-header .devsite-top-logo-row {
    background: #fff;
    background: var(--devsite-header-color-upper, #fff);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0 24px;
    position: relative
    }
devsite-header .devsite-top-button {
    background: 0;
    padding: 0 8px;
    -webkit-transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s
    }
devsite-header .devsite-top-button, devsite-header .devsite-top-button:active, devsite-header .devsite-top-button:focus, devsite-header .devsite-top-button:hover {
    border: 0
    }
devsite-header .devsite-header-icon-button {
    color: rgba(0, 0, 0, 0.65);
    color: var(--devsite-header-icon-color, rgba(0, 0, 0, 0.65));
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-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-header .devsite-header-icon-button:active, devsite-header .devsite-header-icon-button:focus, devsite-header .devsite-header-icon-button:hover {
    color: rgba(0, 0, 0, 0.87);
    color: var(--devsite-header-icon-color-active, rgba(0, 0, 0, 0.87))
    }
devsite-header .devsite-top-logo-row-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
    }
devsite-header .devsite-collapsible-section {
    background-color: #5f6368;
    background-color: var(--devsite-header-color-lower, var(--devsite-primary-color, #5f6368))
    }
@media screen and (max-width: 840px) {
    devsite-header {
        -webkit-transform: translatez(0);
        transform: translatez(0)
        }
    devsite-header .devsite-top-logo-row {
        padding: 0 16px
        }
    devsite-header .devsite-header-upper-tabs devsite-tabs {
        margin: 0 0 0 16px
        }
    [dir=rtl] devsite-header .devsite-header-upper-tabs devsite-tabs {
        margin: 0 16px 0 0
        }
    devsite-header .devsite-header-upper-tabs .devsite-doc-set-nav {
        display: none
        }
    }
devsite-header .devsite-header-billboard {
    background-color: #fff;
    background-color: var(--devsite-header-color-lower, var(--devsite-primary-color, #fff));
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px 24px 20px;
    position: relative;
    z-index: 100
    }
devsite-header .devsite-header-billboard h1 {
    font: 300 24px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0;
    letter-spacing: var(--devsite-h1-letter-spacing, 0);
    line-height: 1;
    margin: 14px 0;
    overflow: visible;
    padding: 0
    }
devsite-header .devsite-header-billboard-logo {
    max-height: 64px
    }
devsite-header .devsite-header-billboard-search {
    margin: 0 auto;
    max-width: 816px;
    padding-bottom: 48px
    }
devsite-header .devsite-header-billboard-search devsite-search {
    width: 100%
    }
devsite-header .devsite-header-billboard-search devsite-search .devsite-popout-result {
    max-height: 50vh
    }
devsite-header .devsite-header-billboard-search .devsite-search-background, devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
    background: #fff;
    background: var(--devsite-header-color-lower, var(--devsite-primary-color, #fff))
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-header-billboard-search {
        margin: 0 24px
        }
    }
devsite-header .devsite-doc-set-nav-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 24px 0 0
    }
[dir=rtl] devsite-header .devsite-doc-set-nav-row {
    padding: 0 0 0 24px
    }
[dir=ltr] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-list {
    padding-left: 24px
    }
[dir=rtl] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-list {
    padding-right: 24px
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-doc-set-nav-row {
        display: none
        }
    }
devsite-header devsite-language-selector {
    margin: 0 0 0 16px
    }
[dir=rtl] devsite-header devsite-language-selector {
    margin: 0 16px 0 0
    }
@media screen and (max-width: 840px) {
    devsite-header devsite-language-selector {
        margin: 0 0 0 8px
        }
    [dir=rtl] devsite-header devsite-language-selector {
        margin: 0 8px 0 0
        }
    }
@media screen and (max-width: 600px) {
    devsite-header devsite-language-selector {
        display: none
        }
    }
devsite-header .devsite-header-link {
    margin: 0 -8px 0 16px;
    -webkit-transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s
    }
[dir=rtl] devsite-header .devsite-header-link {
    margin: 0 16px 0 -8px
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-header-link {
        display: none
        }
    }
devsite-header .devsite-product-name-wrapper {
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0
    }
devsite-header .devsite-product-name-link, devsite-header .devsite-product-name-wrapper, devsite-header .devsite-site-logo-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-header .devsite-product-name-link, devsite-header .devsite-site-logo-link {
    -ms-flex-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
    }
devsite-header .devsite-product-name-link:focus, devsite-header .devsite-product-name-link:hover, devsite-header .devsite-site-logo-link:focus {
    opacity: 0.7;
    text-decoration: none
    }
devsite-header .devsite-site-logo {
    height: 32px
    }
devsite-header .devsite-has-google-wordmark > .devsite-breadcrumb-link, devsite-header .devsite-has-google-wordmark > .devsite-product-name {
    direction: ltr
    }
devsite-header .devsite-google-wordmark {
    height: 24px;
    margin: 0 4px 0 0;
    position: relative;
    top: 5px;
    width: 74px
    }
devsite-header .devsite-google-wordmark-svg-path {
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s
    }
devsite-header .devsite-site-logo-link canvas {
    height: auto !important
    }
devsite-header .devsite-product-logo-container {
    color: #202124;
    color: var(--devsite-primary-color, #202124);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px
    }
[dir=ltr] devsite-header .devsite-product-logo-container {
    margin-right: 4px
    }
[dir=rtl] devsite-header .devsite-product-logo-container {
    margin-left: 4px
    }
devsite-header .devsite-product-logo-container[background] {
    background: #202124;
    background: var(--devsite-primary-color, #202124);
    color: #fff
    }
devsite-header .devsite-product-logo {
    color: inherit;
    font-size: 32px;
    height: 32px;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    white-space: nowrap
    }
devsite-header .devsite-product-logo-container[background] .devsite-product-logo {
    font-size: 28px;
    height: 28px;
    max-width: 28px;
    min-width: 28px
    }
devsite-header .devsite-product-name {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0;
    margin: 0;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    white-space: nowrap
    }
devsite-header .devsite-site-logo:not([src*=\.svg]) {
    height: auto;
    max-height: 32px
    }
devsite-header .devsite-breadcrumb-link > .devsite-product-name {
    color: inherit
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-product-name-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 0
        }
    devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-item:not(:first-of-type), devsite-header .devsite-product-name-wrapper .devsite-site-logo-link + .devsite-product-name {
        display: none
        }
    devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-item, devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-link, devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-list, devsite-header .devsite-product-name-wrapper .devsite-product-name {
        width: 100%
        }
    devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-link {
        overflow: hidden;
        text-overflow: ellipsis
        }
    }
devsite-header .devsite-product-id-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 60px;
    padding: 20px 24px 2px
    }
devsite-header .devsite-header-no-lower-tabs .devsite-product-id-row {
    min-height: 72px;
    padding: 20px 24px
    }
devsite-header .devsite-product-description-row {
    color: #fff;
    color: var(--devsite-header-foreground-lower-description, var(--devsite-header-foreground-lower-hover, #fff));
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-header .devsite-breadcrumb-list + .devsite-product-description:not(:empty) {
    margin-top: 8px
    }
devsite-header .devsite-product-description {
    font: 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0 180px 0 0
    }
[dir=rtl] devsite-header .devsite-product-description {
    margin: 0 0 0 180px
    }
devsite-header .devsite-product-button-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 24px;
    z-index: 1
    }
[dir=rtl] devsite-header .devsite-product-button-row {
    margin: 0 24px 0 0
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-product-id-row {
        min-height: 72px;
        padding: 20px 24px
        }
    [dir=rtl] devsite-header .devsite-product-description, devsite-header .devsite-product-description {
        margin: 0
        }
    }
@media screen and (max-width: 600px) {
    devsite-header .devsite-header-no-lower-tabs .devsite-product-id-row, devsite-header .devsite-product-id-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 16px
        }
    devsite-header .devsite-product-button-row {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 16px 0 0
        }
    }
devsite-header[search-expanded] .devsite-header-upper-tabs {
    opacity: 0;
    position: absolute
    }
devsite-header[search-expanded] devsite-search {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0
    }
devsite-header [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-header[search-active] .devsite-search-background:after {
    background: #f1f3f4;
    background: var(--devsite-searchbox-active, #f1f3f4)
    }
devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: var(--devsite-searchbox-placeholder-active, #5f6368)
    }
devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: var(--devsite-searchbox-placeholder-active, #5f6368)
    }
devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: var(--devsite-searchbox-placeholder-active, #5f6368)
    }
devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: var(--devsite-searchbox-placeholder-active, #5f6368)
    }
devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
    color: var(--devsite-searchbox-placeholder-active, #5f6368)
    }
[ie-11] devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
devsite-header devsite-search[search-active] .devsite-search-field, devsite-header devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    background: var(--devsite-searchbox-active, #f1f3f4);
    color: #202124;
    color: var(--devsite-searchbox-text-active, #202124)
    }
devsite-header devsite-search[search-active] .devsite-search-image {
    color: #5f6368;
    color: var(--devsite-searchbox-placeholder, #5f6368)
    }
@media screen and (max-width: 840px) {
    devsite-header[search-active] .devsite-product-name-wrapper, devsite-header[search-active] devsite-language-selector, devsite-header[search-active] devsite-user {
        display: none
        }
    devsite-header[search-active] devsite-search {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-transform: none !important;
        transform: none !important
        }
    devsite-header[search-active] .devsite-header-upper-tabs {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1;
        -moz-box-flex: 0;
        -ms-flex: 0 1;
        flex: 0 1;
        overflow: hidden
        }
    devsite-header[search-active] .devsite-top-logo-row devsite-search {
        margin: 6px 0
        }
    devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-searchbox {
        width: 100%
        }
    devsite-header devsite-search[search-active] .devsite-search-form {
        border-radius: 0;
        border-radius: var(--devsite-search-border-radius, 0);
        box-shadow: none;
        box-shadow: var(--devsite-search-active-box-shadow, none);
        overflow: visible;
        overflow: var(--devsite-search-active-overflow, visible);
        position: relative;
        position: var(--devsite-search-form-position, relative);
        left: 0;
        top: 0
        }
    [dir=ltr] devsite-header devsite-search[search-active] .devsite-search-form {
        right: auto;
        right: var(--devsite-search-form-position-end, auto)
        }
    [dir=rtl] devsite-header devsite-search[search-active] .devsite-search-form {
        left: auto;
        left: var(--devsite-search-form-position-end, auto)
        }
    devsite-header devsite-search[search-active] .devsite-search-field, devsite-header devsite-search[search-active] .devsite-search-field:hover {
        background: #f1f3f4;
        background: var(--devsite-search-form-background-active, #f1f3f4);
        color: #202124;
        color: var(--devsite-search-form-text-active, #202124)
        }
    [dir=ltr] devsite-header .devsite-header-billboard-search devsite-search[search-active] .devsite-search-form {
        right: auto;
        right: var(--devsite-search-form-position-start, auto)
        }
    [dir=rtl] devsite-header .devsite-header-billboard-search devsite-search[search-active] .devsite-search-form {
        left: auto;
        left: var(--devsite-search-form-position-start, auto)
        }
    devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-searchbox .devsite-search-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox:before, devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-popout {
        width: calc(100vw + 16px);
        width: var(--devsite-popout-width, calc(100vw + 16px))
        }
    [dir=ltr] devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox:before, [dir=ltr] devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-popout {
        left: -60px;
        left: var(--devsite-popout-position-start, -60px)
        }
    [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox:before, [dir=rtl] devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-popout {
        right: -60px;
        right: var(--devsite-popout-position-start, -60px)
        }
    devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button {
        margin: 0
        }
    [dir=ltr] devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button {
        margin-left: 16px;
        margin-left: var(--devsite-search-button-margin-before, 16px)
        }
    [dir=rtl] devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button {
        margin-right: 16px;
        margin-right: var(--devsite-search-button-margin-before, 16px)
        }
    devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button[search-open] {
        display: none
        }
    devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button[search-close] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
        }
    devsite-header [transition] {
        -webkit-transition: none;
        transition: none
        }
    }
devsite-header .devsite-search-background {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -moz-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    margin: 0;
    padding: 6px 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    will-change: transition;
    z-index: 9
    }
[dir=ltr] devsite-header .devsite-search-background {
    margin-left: 24px;
    right: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center
    }
[dir=rtl] devsite-header .devsite-search-background {
    left: 0;
    margin-right: 24px;
    -webkit-transform-origin: left center;
    transform-origin: left center
    }
devsite-header .devsite-search-background, devsite-header .devsite-searchbox:before {
    background: #fff;
    background: var(--devsite-header-color-upper, #fff)
    }
devsite-header .devsite-search-background:after {
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    -webkit-transition: background 0.2s;
    transition: background 0.2s
    }
devsite-header .devsite-search-background:after, devsite-header devsite-search input.devsite-search-field {
    background: #f1f3f4;
    background: var(--devsite-searchbox-inactive, #f1f3f4)
    }
devsite-header devsite-search input.devsite-search-field::-webkit-input-placeholder {
    color: var(--devsite-searchbox-placeholder, #5f6368)
    }
devsite-header devsite-search input.devsite-search-field::-moz-placeholder {
    color: var(--devsite-searchbox-placeholder, #5f6368)
    }
devsite-header devsite-search input.devsite-search-field:-ms-input-placeholder {
    color: var(--devsite-searchbox-placeholder, #5f6368)
    }
devsite-header devsite-search input.devsite-search-field::-ms-input-placeholder {
    color: var(--devsite-searchbox-placeholder, #5f6368)
    }
devsite-header devsite-search input.devsite-search-field::placeholder {
    color: var(--devsite-searchbox-placeholder, #5f6368)
    }
[ie-11] devsite-header devsite-search input.devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
devsite-header devsite-search input.devsite-search-field:hover {
    background: #e8eaed;
    background: var(--devsite-searchbox-hover, #e8eaed)
    }
devsite-header devsite-search .devsite-search-image, devsite-header devsite-search input.devsite-search-field {
    color: #5f6368;
    color: var(--devsite-searchbox-placeholder, #5f6368)
    }
devsite-header[billboard] .devsite-search-background {
    display: none
    }
devsite-header[billboard][bottom-row--hidden] .devsite-search-background {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-header[billboard] .devsite-top-logo-row devsite-search .devsite-search-form {
    opacity: 1;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s
    }
devsite-header[billboard][bottom-row--hidden] .devsite-top-logo-row devsite-search .devsite-search-form {
    -webkit-transform: translatez(0);
    transform: translatez(0)
    }
body[type=error] devsite-header .devsite-top-logo-row .devsite-search-form, devsite-header[billboard]:not([bottom-row--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form {
    opacity: 0;
    pointer-events: none
    }
[dir=ltr] body[type=error] devsite-header .devsite-top-logo-row .devsite-search-form, [dir=ltr] devsite-header[billboard]:not([bottom-row--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form {
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0)
    }
[dir=rtl] body[type=error] devsite-header .devsite-top-logo-row .devsite-search-form, [dir=rtl] devsite-header[billboard]:not([bottom-row--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form {
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0)
    }
devsite-header[billboard][bottom-row--hidden] .devsite-header-billboard-search devsite-search {
    opacity: 0
    }
devsite-header[billboard] .devsite-header-billboard-search devsite-search {
    margin-left: 0
    }
[dir=rtl] devsite-header[billboard] .devsite-header-billboard-search devsite-search {
    margin-right: 0
    }
devsite-header[billboard] .devsite-header-billboard-search devsite-search .devsite-popout {
    max-height: calc(100vh - 255px)
    }
@media screen and (max-width: 840px) {
    devsite-header .devsite-top-logo-row devsite-search {
        width: auto
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox {
        width: 0
        }
    devsite-header .devsite-search-background, devsite-header .devsite-search-background:after, devsite-header[search-active] .devsite-search-background:after, devsite-header devsite-search .devsite-search-field, devsite-header devsite-search .devsite-search-field:hover {
        background: 0
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox .devsite-search-image {
        display: none
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-search-button {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #5f6368;
        z-index: 1
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-search-button, devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-open] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-close] {
        display: none
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-open]:before {
        content: "search"
        }
    devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-close]:before {
        content: "cancel"
        }
    [dir=ltr] devsite-header .devsite-top-logo-row devsite-search .devsite-result-item a, [dir=ltr] devsite-header .devsite-top-logo-row devsite-search .devsite-result-label, [dir=ltr] devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-footer, [dir=ltr] devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-header {
        padding-left: 60px;
        padding-left: var(--devsite-search-content-padding-start, 60px);
        padding-right: 8px
        }
    [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-result-item a, [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-result-label, [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-footer, [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-header {
        padding-left: 8px;
        padding-right: 60px;
        padding-right: var(--devsite-search-content-padding-start, 60px)
        }
    }
devsite-header .devsite-header-upper-tabs {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    margin: 0;
    opacity: 1;
    position: relative;
    z-index: 8
    }
[dir=ltr] devsite-header .devsite-header-upper-tabs {
    margin-left: 48px
    }
[dir=rtl] devsite-header .devsite-header-upper-tabs {
    margin-right: 48px
    }
devsite-header devsite-tabs tab a:focus, devsite-header devsite-tabs tab a:hover {
    text-decoration: none
    }
devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper, devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper, devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
    background: #fff;
    background: var(--devsite-header-color-upper, #fff)
    }
devsite-header cloudx-tabs-nav.lower-tabs a, devsite-header devsite-tabs.lower-tabs a {
    color: #fff;
    color: var(--devsite-header-foreground-lower, #fff)
    }
devsite-header cloudx-tabs-nav.lower-tabs a:focus, devsite-header cloudx-tabs-nav.lower-tabs a:hover, devsite-header devsite-tabs.lower-tabs a:focus, devsite-header devsite-tabs.lower-tabs a:hover {
    color: hsla(0, 0%, 100%, 0.7);
    color: var(--devsite-header-foreground-lower-hover, var(--devsite-header-foreground-lower, hsla(0, 0%, 100%, 0.7)))
    }
devsite-header cloudx-tabs-nav.lower-tabs tab[active] > a, devsite-header devsite-tabs.lower-tabs tab[active] > a {
    color: #fff;
    color: var(--devsite-header-foreground-lower-active, #fff)
    }
devsite-header cloudx-tabs-nav.lower-tabs tab[active] > a:focus, devsite-header devsite-tabs.lower-tabs tab[active] > a:focus {
    color: hsla(0, 0%, 100%, 0.7);
    color: var(--devsite-header-foreground-lower-active-focus, var(--devsite-header-foreground-lower, hsla(0, 0%, 100%, 0.7)))
    }
devsite-header cloudx-tabs-nav.lower-tabs tab[active] > a:after, devsite-header devsite-tabs.lower-tabs tab[active] > a:after {
    background: #fff;
    background: var(--devsite-header-foreground-lower-border-active, var(--devsite-header-foreground-lower-active, #fff))
    }
devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-overflow-menu, devsite-header devsite-tabs.upper-tabs .devsite-tabs-overflow-menu {
    border-top: 0;
    border-top: var(--devsite-header-border, 0)
    }
@media screen and (max-width: 840px) {
    [dir=ltr] devsite-header .devsite-header-upper-tabs {
        margin-left: 0
        }
    [dir=rtl] devsite-header .devsite-header-upper-tabs {
        margin-right: 0
        }
    devsite-header devsite-tabs.lower-tabs, devsite-header devsite-tabs.upper-tabs {
        display: none
        }
    }
[dir=ltr] [layout=docs] h2:not(.no-link), [dir=ltr] [layout=docs] h3:not(.no-link), [dir=ltr] [layout=docs] h4:not(.no-link), [dir=ltr] [layout=docs] h5:not(.no-link), [dir=ltr] [layout=docs] h6:not(.no-link), [dir=ltr] h1.add-link {
    margin-right: -40px;
    padding-right: 40px
    }
[dir=rtl] [layout=docs] h2:not(.no-link), [dir=rtl] [layout=docs] h3:not(.no-link), [dir=rtl] [layout=docs] h4:not(.no-link), [dir=rtl] [layout=docs] h5:not(.no-link), [dir=rtl] [layout=docs] h6:not(.no-link), [dir=rtl] h1.add-link {
    margin-left: -40px;
    padding-left: 40px
    }
.devsite-heading-link.material-icons {
    color: #5f6368;
    height: 24px;
    margin: 0 -40px 0 0;
    opacity: 0;
    vertical-align: middle
    }
[dir=rtl] .devsite-heading-link.material-icons {
    margin: 0 0 0 -40px
    }
.devsite-heading-link.material-icons:focus, .devsite-heading-link.material-icons:hover {
    color: #1a73e8;
    cursor: pointer !important
    }
[ie-11] .devsite-heading-link {
    display: none !important
    }
h4 > .devsite-heading-link.material-icons, h5 > .devsite-heading-link.material-icons, h6 > .devsite-heading-link.material-icons {
    vertical-align: bottom
    }
.devsite-landing-row-item-list h4 > .devsite-heading-link.material-icons, th > h2 > .devsite-heading-link.material-icons, th > h3 > .devsite-heading-link.material-icons {
    margin: -4px 0;
    vertical-align: middle
    }
.devsite-heading-link.material-icons:focus, .devsite-heading-link.material-icons:hover, :focus > .devsite-heading-link.material-icons, :hover > .devsite-heading-link.material-icons {
    opacity: 1
    }
.devsite-heading-link:after {
    content: "link"
    }
devsite-iframe {
    display: block;
    width: 100%
    }
devsite-iframe + * {
    position: relative
    }
devsite-iframe + devsite-iframe {
    margin-top: 20px
    }
devsite-iframe iframe {
    height: 100%;
    width: 100%
    }
devsite-iframe iframe[src*=\.frame] {
    height: calc(100% + 40px);
    margin: -20px;
    width: calc(100% + 40px)
    }
devsite-jump-to {
    display: block;
    margin: 40px 0 0 !important;
    opacity: 0;
    padding-bottom: 96px;
    pointer-events: none;
    position: relative;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
    }
devsite-jump-to[visible] {
    opacity: 1;
    pointer-events: auto
    }
devsite-jump-to .devsite-jump-to-link {
    background: #1a73e8 !important;
    background: var(--devsite-link-background, #1a73e8) !important;
    color: #fff !important;
    color: var(--devsite-link-color, #fff) !important;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    height: 56px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    -webkit-transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    width: 56px
    }
devsite-jump-to .devsite-jump-to-link:focus, devsite-jump-to .devsite-jump-to-link:hover {
    background: #fff !important;
    background: var(--devsite-link-background-hover, #fff) !important;
    color: #1a73e8 !important;
    color: var(--devsite-link-color, #1a73e8) !important;
    text-decoration: none
    }
devsite-jump-to .devsite-jump-to-link:active {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
[dir=ltr] devsite-jump-to .devsite-jump-to-link {
    right: 0
    }
[dir=rtl] devsite-jump-to .devsite-jump-to-link {
    left: 0
    }
devsite-jump-to[pinned] .devsite-jump-to-link {
    bottom: 40px;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    position: fixed
    }
devsite-jump-to[pinned] .devsite-jump-to-link:active {
    box-shadow: 0 2px 3px 0 rgba(60, 64, 67, 0.3), 0 6px 10px 4px rgba(60, 64, 67, 0.15)
    }
devsite-jump-to .devsite-jump-to-link:before {
    content: "arrow_upward";
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal
    }
@media screen and (max-width: 840px) {
    devsite-jump-to {
        margin: 40px 0 0 !important;
        padding-bottom: 80px
        }
    devsite-jump-to[pinned] .devsite-jump-to-link {
        bottom: 24px
        }
    }
devsite-language-selector > devsite-select .devsite-select-toggle {
    color: #3c4043;
    max-width: 124px;
    padding: 0 31px 0 15px
    }
.devsite-dialog-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1014
    }
devsite-dialog {
    border-radius: 2px;
    border-radius: var(--devsite-border-radius, 2px);
    background: #fff;
    color: #5f6368;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    font-size: 14px;
    line-height: 20px;
    max-height: calc(100vh - 48px);
    max-width: calc(100vw - 48px);
    pointer-events: all;
    overflow: auto;
    padding: 8px;
    width: 480px
    }
@media screen and (max-width: 840px) {
    devsite-dialog {
        max-height: calc(100vh - 32px);
        max-width: calc(100vw - 32px)
        }
    }
devsite-dialog:not([open]) {
    display: none
    }
devsite-dialog .devsite-dialog-contents {
    color: #5f6368;
    overflow: hidden;
    padding: 16px
    }
devsite-dialog .devsite-dialog-close {
    cursor: pointer
    }
devsite-dialog .devsite-dialog-contents > p:first-child:last-child {
    margin: 0
    }
devsite-dialog h3 {
    color: inherit;
    color: var(--devsite-heading-color, inherit);
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    text-align: inherit;
    text-align: var(--devsite-heading-text-align, inherit);
    margin: 0 0 20px;
    outline: 0
    }
devsite-dialog .devsite-dialog-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
    }
devsite-lightbox {
    pointer-events: all
    }
devsite-lightbox:not([open]) {
    display: none
    }
devsite-lightbox .devsite-dialog-contents {
    padding: 0
    }
devsite-lightbox .devsite-lightbox-icon-close {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 40px
    }
[dir=ltr] devsite-lightbox .devsite-lightbox-icon-close {
    right: 0
    }
[dir=rtl] devsite-lightbox .devsite-lightbox-icon-close {
    left: 0
    }
devsite-lightbox .devsite-lightbox-icon-close:hover {
    background: hsla(0, 0%, 100%, 0.3)
    }
devsite-lightbox .devsite-lightbox-icon-close:active {
    box-shadow: none
    }
devsite-lightbox .devsite-lightbox-icon-close:after {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    color: #f1f1f1;
    content: "close";
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out
    }
devsite-lightbox .devsite-lightbox-icon-close:focus:after, devsite-lightbox .devsite-lightbox-icon-close:hover:after {
    color: #fff
    }
.devsite-lightbox-image {
    cursor: pointer;
    outline: 0
    }
.devsite-lightbox-image:focus {
    -webkit-filter: brightness(75%);
    filter: brightness(75%)
    }
.MathJax_SVG_Display {
    overflow-x: auto
    }
@media screen and (max-width: 600px) {
    .MathJax_SVG_Display {
        margin: 1em -16px !important;
        padding: 0 16px 16px;
        width: calc(100% + 32px) !important
        }
    }
devsite-multiple-choice {
    background-color: #f8f9fa;
    background-color: var(--devsite-background-color, #f8f9fa);
    border: 0;
    border: var(--devsite-border, 0);
    border-radius: 0;
    border-radius: var(--devsite-border-radius, 0);
    overflow: visible;
    overflow: var(--devsite-overflow, visible);
    display: block;
    margin: 16px 0;
    visibility: hidden !important
    }
devsite-multiple-choice[ready] {
    visibility: visible !important
    }
devsite-multiple-choice .devsite-multiple-choice-question {
    background-color: #5f6368;
    background-color: var(--devsite-question-background-color, #5f6368);
    color: #fff;
    color: var(--devsite-question-color, #fff);
    font: 500 16px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 16px 24px
    }
devsite-multiple-choice .devsite-multiple-choice-answer {
    border-bottom: 1px solid #dadce0;
    border-top: 0;
    border-top: var(--devsite-answer-border-top, 0)
    }
devsite-multiple-choice .devsite-multiple-choice-answer, devsite-multiple-choice .devsite-multiple-choice-answer:focus, devsite-multiple-choice .devsite-multiple-choice-answer:hover {
    outline: 0
    }
devsite-multiple-choice .devsite-multiple-choice-answer:not([clicked]):focus, devsite-multiple-choice .devsite-multiple-choice-answer:not([clicked]):hover {
    color: #1a73e8;
    cursor: pointer
    }
devsite-multiple-choice .devsite-multiple-choice-option {
    padding: 16px 72px 16px 24px;
    position: relative
    }
devsite-multiple-choice .devsite-multiple-choice-option:after {
    content: "expand_more";
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    height: 100%;
    position: absolute;
    right: 24px;
    top: calc(50% - 12px)
    }
devsite-multiple-choice [correct] {
    background-color: #f8fbf9
    }
devsite-multiple-choice [incorrect] {
    background-color: #fef9f9
    }
devsite-multiple-choice [correct] .devsite-multiple-choice-option:after {
    color: #137333;
    content: "check"
    }
devsite-multiple-choice [incorrect] .devsite-multiple-choice-option:after {
    color: #d32f2f;
    content: "not_interested"
    }
devsite-multiple-choice .devsite-multiple-choice-explanation {
    font-size: 14px;
    padding: 0 24px 16px
    }
devsite-multiple-choice .devsite-multiple-choice-explanation-correctness {
    font-weight: 500;
    margin-top: 16px
    }
devsite-multiple-choice [correct] .devsite-multiple-choice-explanation-correctness {
    color: #137333
    }
devsite-multiple-choice [incorrect] .devsite-multiple-choice-explanation-correctness {
    color: #d32f2f
    }
devsite-nav-buttons {
    display: block
    }
devsite-nav-buttons button {
    border: 1px solid #bdc1c6;
    font-weight: 400;
    font-weight: var(--devsite-button-font-weight, 400);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: none
    }
devsite-nav-buttons button, devsite-nav-buttons button:focus, devsite-nav-buttons button:hover {
    color: #202124;
    color: var(--devsite-button-color, #202124)
    }
devsite-nav-buttons button:focus, devsite-nav-buttons button:hover {
    background: #f1f3f4;
    background: var(--devsite-button-background-hover, #f1f3f4);
    border: 1px solid #bdc1c6
    }
devsite-nav-buttons button, devsite-nav-buttons button[class^=button-] {
    padding: 0 12px;
    border-radius: 16px;
    height: 32px;
    line-height: 30px
    }
devsite-nav-buttons button[class^=button-][selected], devsite-nav-buttons button[selected] {
    border: 1px solid #bdc1c6;
    font-weight: 500;
    padding-left: 8px
    }
devsite-nav-buttons button[class^=button-], devsite-nav-buttons button[class^=button-][selected] {
    border: 0
    }
devsite-nav-buttons button[selected] {
    background: #f1f3f4;
    background: var(--devsite-button-background-selected, #f1f3f4);
    color: inherit;
    color: var(--devsite-button-color-selected, inherit)
    }
devsite-nav-buttons button[class^=button-][selected] {
    background: #1a73e8;
    color: #fff
    }
devsite-nav-buttons button.button-primary[selected] {
    background: #174ea6
    }
devsite-nav-buttons button[selected]:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    content: "checked";
    margin-right: 8px;
    width: 24px
    }
devsite-playlist:defined {
    display: block;
    margin-bottom: 48px
    }
devsite-playlist .devsite-playlist--inner {
    max-width: 936px;
    padding: 0 40px;
    margin: 0 auto
    }
devsite-playlist .devsite-playlist--header .devsite-playlist--inner {
    padding-top: 56px;
    padding-bottom: 24px
    }
devsite-playlist .devsite-playlist--header h1 {
    margin: 0;
    top: auto
    }
devsite-playlist .devsite-playlist--header .devsite-playlist-details {
    font-size: 12px;
    color: #3c4043;
    line-height: 16px
    }
devsite-playlist .devsite-playlist--header p {
    margin: 16px 0 36px;
    padding: 0;
    font-size: 16px;
    color: #3c4043;
    line-height: 24px;
    max-width: 650px
    }
devsite-playlist .devsite-playlist--header .devsite-playlist-return-button {
    margin-top: 24px
    }
devsite-playlist .devsite-playlist--header .devsite-playlist-summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #5f6368;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
    }
devsite-playlist .profile-notification {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
devsite-playlist .profile-notification .profile-notification--inner {
    color: #5f6368;
    margin: 0 auto;
    padding: 16px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 4px
    }
devsite-playlist .devsite-playlist--progress {
    padding: 16px 0
    }
devsite-playlist .devsite-playlist--progress .devsite-playlist--progress-bar {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    border-radius: 4px
    }
devsite-playlist .devsite-playlist--progress .devsite-playlist--progress-bar .devsite-playlist--progress-bar--outer {
    border-radius: 4px;
    background: rgba(218, 220, 224, 0.2);
    -webkit-transition: background 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: background 0.3s cubic-bezier(0, 0, 0.2, 1)
    }
devsite-playlist .devsite-playlist--progress .devsite-playlist--progress-bar .devsite-playlist--progress-bar--outer .devsite-playlist--progress-bar--inner {
    padding: 4px 8px;
    border-radius: 4px;
    width: 0;
    display: inline-block;
    white-space: nowrap;
    -webkit-transition: background 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: background 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1);
    background: rgba(218, 220, 224, 0.2)
    }
devsite-playlist .devsite-playlist--progress .devsite-playlist--progress-bar[started] .devsite-playlist--progress-bar--outer {
    background: rgba(218, 220, 224, 0.2)
    }
devsite-playlist .devsite-playlist--progress .devsite-playlist--progress-bar[started] .devsite-playlist--progress-bar--inner {
    background: #fbbc04
    }
devsite-playlist .devsite-playlist--progress .devsite-playlist--progress-bar[completed] {
    color: #fff
    }
devsite-playlist .devsite-playlist--progress .devsite-playlist--progress-bar[completed] .devsite-playlist--progress-bar--inner, devsite-playlist .devsite-playlist--progress .devsite-playlist--progress-bar[completed] .devsite-playlist--progress-bar--outer {
    background: #34ab53
    }
devsite-playlist .devsite-playlist--section {
    padding: 24px 0;
    position: relative
    }
devsite-playlist .devsite-playlist--section .arrow--up, devsite-playlist[not-signed-in] .devsite-playlist--item--meta em, devsite-playlist[not-signed-in] .devsite-playlist--section .playlist-skip {
    display: none
    }
devsite-playlist .devsite-playlist--item-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-playlist .devsite-playlist--item-top:before {
    position: absolute;
    width: 1px;
    height: 0;
    background: #dadce0;
    content: "";
    display: block;
    margin-left: 15px;
    margin-top: 2px;
    top: 54px;
    z-index: 1;
    -webkit-transition: height 0.16s cubic-bezier(0.4, 0, 1, 1), opacity 0.16s cubic-bezier(0.4, 0, 1, 1);
    transition: height 0.16s cubic-bezier(0.4, 0, 1, 1), opacity 0.16s cubic-bezier(0.4, 0, 1, 1)
    }
devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-index {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30px;
    position: relative
    }
devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-index span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #202124;
    color: #fff;
    margin-top: 2px;
    opacity: 1
    }
devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-index i {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #009231;
    width: 36px;
    height: 36px;
    font-size: 36px;
    position: absolute;
    left: -3px;
    top: -1px
    }
devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-index devsite-spinner {
    position: absolute;
    top: 2px;
    opacity: 0
    }
devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-index devsite-spinner, devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-index i, devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-index span {
    -webkit-transition: opacity 0.16s cubic-bezier(0.4, 0, 1, 1);
    transition: opacity 0.16s cubic-bezier(0.4, 0, 1, 1)
    }
devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-controls {
    width: 32px
    }
devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-controls button {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 50%;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 0;
    color: #202124
    }
devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-controls button .material-icons {
    top: auto;
    position: static;
    margin: 0;
    width: 24px;
    height: 24px;
    font-size: 24px;
    cursor: pointer
    }
devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-title {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 18px;
    cursor: pointer
    }
devsite-playlist .devsite-playlist--item-top .devsite-playlist--item-top-title h2 {
    margin: 0;
    padding: 0;
    font-size: 28px;
    color: #202124;
    line-height: 36px
    }
devsite-playlist .devsite-playlist--item--content, devsite-playlist .devsite-playlist--item--meta {
    padding: 0 48px
    }
devsite-playlist .devsite-playlist--item--meta {
    font-size: 12px;
    color: #3c4043;
    line-height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 0
    }
devsite-playlist .devsite-playlist--item--meta em {
    padding-left: 16px
    }
devsite-playlist .devsite-playlist--item--meta .material-icons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: 4px
    }
devsite-playlist .devsite-playlist--item--actions, devsite-playlist .devsite-playlist--item--content {
    display: none
    }
devsite-playlist .devsite-playlist--item--actions {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 8px 0 32px 48px
    }
devsite-playlist .devsite-playlist--section[ready] .devsite-playlist--item-top:before {
    height: calc(100% - 30px)
    }
devsite-playlist .devsite-playlist--section[expanded] .arrow--down {
    display: none
    }
devsite-playlist .devsite-playlist--section[expanded] .arrow--up {
    display: block
    }
devsite-playlist .devsite-playlist--section[expanded] .devsite-playlist--item-top-index span {
    background: #0070f0
    }
devsite-playlist .devsite-playlist--section[expanded] .devsite-playlist--item--content {
    display: block
    }
devsite-playlist .devsite-playlist--section[expanded] .devsite-playlist--item--actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-playlist .devsite-playlist--section[type=game] .devsite-playlist--item--content, devsite-playlist .devsite-playlist--section[type=video] .devsite-playlist--item--content {
    padding: 12px 48px
    }
devsite-playlist .devsite-playlist--section[completing] .devsite-playlist--item-top-index devsite-spinner {
    opacity: 1
    }
devsite-playlist .devsite-playlist--section[completed] .devsite-playlist--item-top-index span {
    opacity: 0
    }
devsite-playlist .devsite-playlist--section[completed] .devsite-playlist--item-top-index i {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
    }
devsite-playlist .devsite-playlist--section[completed] .playlist-skip {
    display: none
    }
devsite-playlist .devsite-playlist--section[completed][expanded] .devsite-playlist--item-top-index i {
    background-color: rgba(230, 240, 255, 0.24)
    }
devsite-playlist .devsite-playlist--section[last] .devsite-playlist--item-top:before {
    display: none
    }
devsite-playlist .devsite-playlist--section-quiz {
    padding: 24px;
    border-radius: 4px;
    border: 1px solid #dadce0
    }
devsite-playlist .devsite-playlist--section-quiz h2 {
    margin: 0;
    padding: 0
    }
devsite-playlist .devsite-playlist--section-quiz .devsite-playlist--item--actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
@media screen and (max-width: 840px) {
    devsite-playlist .devsite-playlist--inner {
        max-width: 768px;
        padding: 0 40px
        }
    }
@media screen and (max-width: 600px) {
    devsite-playlist .devsite-playlist--inner {
        max-width: 100%;
        padding: 0 24px
        }
    }
devsite-page-rating {
    display: block
    }
devsite-page-rating[position=footer] {
    border-top: 1px solid #dadce0;
    margin: 16px -40px -40px;
    padding: 31px 40px 40px;
    text-align: center
    }
body[layout=full] devsite-page-rating[position=footer] {
    margin: 16px calc(50% - 50vw);
    padding: 31px calc(50vw - 50%)
    }
devsite-page-rating[position=footer] + devsite-feedback {
    display: block;
    margin-top: 20px;
    text-align: center
    }
.devsite-rating-star {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    width: 24px
    }
.devsite-rating-caption {
    font: 400 20px/32px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin-bottom: 16px
    }
.devsite-rating-position-bottom .devsite-rating-description {
    left: 0;
    right: auto
    }
.devsite-rating-star-full:focus, .devsite-rating-star-outline:focus {
    outline: 0
    }
.devsite-rating-star-full:focus:before, .devsite-rating-star-outline:before {
    color: #5f6368;
    content: "star_border"
    }
.devsite-rating-star-full:before, .devsite-rating-star-outline:focus:before {
    color: #d56e0c;
    content: "star"
    }
@media screen and (max-width: 600px) {
    devsite-page-rating[position=header] {
        margin: 8px 0 0
        }
    devsite-page-rating[position=footer] + devsite-feedback {
        margin-bottom: 16px
        }
    }
devsite-pagination {
    display: block
    }
devsite-pagination[buttons], devsite-pagination[initial-results] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
devsite-pagination button {
    margin: 0 10px
    }
devsite-pagination button[hidden] {
    display: none
    }
devsite-pagination a {
    margin: 0 2px
    }
devsite-pagination a[selected] {
    text-decoration: underline
    }
devsite-progress {
    pointer-events: none;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scaley(0);
    transform: scaley(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease
    }
devsite-progress[type=indeterminate] {
    -webkit-transform: scaley(1);
    transform: scaley(1)
    }
devsite-progress .devsite-progress--indeterminate {
    position: relative;
    height: 2px
    }
devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1, devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-2, devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3, devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-4 {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scalex(0);
    transform: scalex(0)
    }
devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1 {
    -webkit-animation: progress-indeterminate-1 2.5s linear infinite;
    animation: progress-indeterminate-1 2.5s linear infinite;
    z-index: 1
    }
devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-2 {
    -webkit-animation: progress-indeterminate-2 2.5s ease-in infinite;
    animation: progress-indeterminate-2 2.5s ease-in infinite;
    z-index: 2
    }
devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3 {
    -webkit-animation: progress-indeterminate-3 2.5s ease-out infinite;
    animation: progress-indeterminate-3 2.5s ease-out infinite;
    z-index: 3
    }
devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-4 {
    -webkit-animation: progress-indeterminate-4 2.5s ease-out infinite;
    animation: progress-indeterminate-4 2.5s ease-out infinite;
    z-index: 4
    }
@-webkit-keyframes progress-indeterminate-1 {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } 50%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@keyframes progress-indeterminate-1 {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } 50%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@-webkit-keyframes progress-indeterminate-2 {
    0%, 20% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } 70%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@keyframes progress-indeterminate-2 {
    0%, 20% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } 70%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@-webkit-keyframes progress-indeterminate-3 {
    0%, 60% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } 90%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@keyframes progress-indeterminate-3 {
    0%, 60% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } 90%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@-webkit-keyframes progress-indeterminate-4 {
    0%, 75% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
@keyframes progress-indeterminate-4 {
    0%, 75% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
        } to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
        }
    }
devsite-quiz {
    font-size: 14px;
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-quiz:defined {
    display: block
    }
devsite-quiz input[type=checkbox], devsite-quiz input[type=radio] {
    margin-top: 0;
    position: relative;
    top: 3px
    }
devsite-quiz input + label {
    color: #3c4043;
    font-size: 14px;
    vertical-align: middle
    }
devsite-quiz devsite-select .devsite-select-toggle {
    color: #3c4043;
    min-width: 200px
    }
devsite-quiz form[answered] input[type=checkbox].variant-success:checked, devsite-quiz form[answered] input[type=radio].variant-success:checked {
    color: #1e8e3e
    }
devsite-quiz form[answered] input[type=checkbox].variant-success:checked:focus:before, devsite-quiz form[answered] input[type=radio].variant-success:focus:before {
    background: #e6f4ea
    }
devsite-quiz form[answered] input[type=text].variant-success {
    background-color: #e6f4ea;
    border-color: #e6f4ea
    }
devsite-quiz form[answered] input[type=text]:focus.variant-success {
    border-bottom-color: #1e8e3e
    }
devsite-quiz form[answered] input[type=checkbox].variant-error:checked, devsite-quiz form[answered] input[type=radio].variant-error:checked {
    color: #d93025
    }
devsite-quiz form[answered] input[type=checkbox].variant-error:checked:focus:before, devsite-quiz form[answered] input[type=radio].variant-error:focus:before {
    background: #fce8e6
    }
devsite-quiz form[answered] input[type=text].variant-error {
    background-color: #fce8e6;
    border-color: #fce8e6
    }
devsite-quiz form[answered] input[type=text]:focus.variant-error {
    border-bottom-color: #d93025
    }
devsite-quiz .devsite-quiz-header {
    background: #f8f9fa;
    border-bottom: 1px solid #dadce0;
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
@media screen and (max-width: 600px) {
    devsite-quiz .devsite-quiz-header {
        text-align: center
        }
    }
devsite-quiz .devsite-quiz-header .devsite-quiz-header-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    padding: 48px 16px
    }
devsite-quiz .devsite-quiz-header .devsite-quiz-header-text .devsite-quiz-title {
    margin: 0 0 8px;
    padding: 0
    }
devsite-quiz .devsite-quiz-header .devsite-quiz-header-text .devsite-quiz-tagline {
    color: #5f6368;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0
    }
devsite-quiz .devsite-quiz-header .devsite-quiz-header-text .devsite-quiz-return-button {
    margin-top: 15px
    }
devsite-quiz .devsite-quiz-header .devsite-quiz-badge {
    display: none
    }
devsite-quiz .devsite-quiz-header .devsite-quiz-partially-correct-indicator {
    background-color: orange
    }
devsite-quiz .devsite-quiz-body {
    margin: 0 auto;
    padding: 48px 16px 0
    }
devsite-quiz .devsite-quiz-body[answered] .devsite-quiz-feedback {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
    -webkit-transition: opacity 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.13s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.13s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.13s cubic-bezier(0, 0, 0.2, 1), opacity 0.213s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.13s cubic-bezier(0, 0, 0.2, 1), opacity 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.13s cubic-bezier(0, 0, 0.2, 1)
    }
devsite-quiz .devsite-quiz-submit-error {
    border-radius: 4px;
    padding: 6px 12px;
    background: #fce8e6;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px
    }
devsite-quiz .devsite-quiz-submit-error i {
    color: #d93025;
    margin-right: 8px;
    line-height: 30px
    }
devsite-quiz .devsite-quiz-submit-button {
    margin-top: 64px
    }
devsite-quiz .devsite-quiz-submit-button devsite-spinner {
    display: inline-block;
    top: 5px;
    margin-left: 15px
    }
devsite-quiz .devsite-quiz-question-list {
    font: 400 18px/30px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    font-weight: 500;
    list-style-position: inside
    }
[dir=ltr] devsite-quiz .devsite-quiz-question-list {
    padding-left: 0
    }
[dir=rtl] devsite-quiz .devsite-quiz-question-list {
    padding-right: 0
    }
devsite-quiz .devsite-quiz-question-list > .devsite-quiz-question {
    color: #202124;
    margin: 0 0 64px
    }
devsite-quiz .devsite-quiz-question-list > .devsite-quiz-question:last-child {
    margin-bottom: 0
    }
@media screen and (max-width: 600px) {
    devsite-quiz .devsite-quiz-question-list > .devsite-quiz-question {
        margin-bottom: 36px
        }
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-question-header {
    font: 400 18px/30px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    color: #202124;
    font-weight: 500;
    margin: 0
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-question-sub-header {
    color: #5f6368;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    margin: 0
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-answer {
    margin: 16px 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-answer label {
    line-height: 24px;
    margin-right: 15px;
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    font-weight: 400
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-match-question {
    border-top: 1px solid #dadce0;
    margin: 24px 0 0
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row {
    border-bottom: 1px solid #dadce0;
    display: block
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row > .devsite-quiz-feedback, devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row > .devsite-quiz-match-question-row-element {
    margin: 24px 0
    }
@media screen and (max-width: 600px) {
    devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row > .devsite-quiz-feedback, devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row > .devsite-quiz-match-question-row-element {
        margin: 12px 0
        }
    }
@media screen and (max-width: 600px) {
    devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row > .devsite-quiz-feedback {
        margin: 0 0 12px;
        top: 0
        }
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-problem-item {
    font-size: 14px;
    line-height: 20px;
    margin: 0
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-fill-in-the-blank-container {
    color: #3c4043;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 8px 0 0
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-fill-in-the-blank-container .devsite-quiz-fill-in-the-blank-question {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    margin-bottom: 0;
    line-height: 32px
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-fill-in-the-blank-container .devsite-quiz-fill-in-the-blank-question + .devsite-quiz-feedback {
    margin-top: 8px
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-fill-in-the-blank-container .devsite-quiz-text-input {
    margin-left: 0;
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 3px 7px
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-fill-in-the-blank-container .devsite-quiz-text-input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 20px;
    font-style: italic
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-fill-in-the-blank-container .devsite-quiz-text-input::-moz-placeholder {
    font-size: 14px;
    line-height: 20px;
    font-style: italic
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-fill-in-the-blank-container .devsite-quiz-text-input:-ms-input-placeholder {
    font-size: 14px;
    line-height: 20px;
    font-style: italic
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-fill-in-the-blank-container .devsite-quiz-text-input::-ms-input-placeholder {
    font-size: 14px;
    line-height: 20px;
    font-style: italic
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-fill-in-the-blank-container .devsite-quiz-text-input::placeholder {
    font-size: 14px;
    line-height: 20px;
    font-style: italic
    }
devsite-quiz .devsite-quiz-question .devsite-quiz-fill-in-the-blank-container .devsite-quiz-feedback {
    position: relative;
    margin: 0
    }
devsite-quiz .devsite-quiz-footer {
    min-height: 48px;
    background: transparent;
    -webkit-transition: background 0.13s cubic-bezier(0, 0, 0.2, 1);
    transition: background 0.13s cubic-bezier(0, 0, 0.2, 1)
    }
devsite-quiz .devsite-quiz-footer devsite-badge-awarded {
    min-height: 200px;
    display: block
    }
devsite-quiz .devsite-quiz-footer[show] {
    background: #f8f9fa;
    -webkit-transition: background 0.13s cubic-bezier(0, 0, 0.2, 1);
    transition: background 0.13s cubic-bezier(0, 0, 0.2, 1)
    }
devsite-quiz .devsite-quiz-footer[show] .devsite-quiz-footer-content {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition: opacity 0.13s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.13s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 0.13s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.13s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.13s cubic-bezier(0, 0, 0.2, 1), opacity 0.13s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.13s cubic-bezier(0, 0, 0.2, 1), opacity 0.13s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.13s cubic-bezier(0, 0, 0.2, 1)
    }
devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content {
    padding: 48px 16px;
    opacity: 0;
    -webkit-transform: translatey(24px);
    transform: translatey(24px);
    -webkit-transition: opacity 0.13s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.13s cubic-bezier(0.4, 0, 1, 1);
    transition: opacity 0.13s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.13s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.13s cubic-bezier(0.4, 0, 1, 1), opacity 0.13s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.13s cubic-bezier(0.4, 0, 1, 1), opacity 0.13s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.13s cubic-bezier(0.4, 0, 1, 1)
    }
devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content .devsite-quiz-results-container {
    width: 100%
    }
devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content .devsite-quiz-footer-header {
    font: 400 32px/40px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content .devsite-quiz-score-copy {
    font: 400 24px/32px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin-bottom: 8px
    }
devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content .devsite-quiz-score-copy.devsite-quiz-score-success {
    margin-bottom: 20px;
    font-size: 20px
    }
devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content .devsite-quiz-score-fail .devsite-quiz-score {
    color: #d93025;
    font-weight: 500
    }
devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content .devsite-quiz-score-success .devsite-quiz-score {
    color: #1e8e3e;
    font-weight: 500
    }
devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content .devsite-quiz-score-subtext {
    color: #3c4043;
    margin-top: 8px
    }
devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content .devsite-quiz-action-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-quiz .devsite-quiz-feedback {
    color: #3c4043;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    opacity: 0;
    -webkit-transform: translatex(-24px);
    transform: translatex(-24px);
    -webkit-transition: opacity 0.13s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.13s cubic-bezier(0.4, 0, 1, 1);
    transition: opacity 0.13s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.13s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.13s cubic-bezier(0.4, 0, 1, 1), opacity 0.13s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.13s cubic-bezier(0.4, 0, 1, 1), opacity 0.13s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.13s cubic-bezier(0.4, 0, 1, 1)
    }
devsite-quiz .devsite-quiz-feedback, devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container {
    border-radius: 4px;
    padding: 4px 12px;
    margin: -9px 0
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container.correct {
    background: #e6f4ea
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container.correct:before {
    color: #1e8e3e;
    content: "check_circle_outline"
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container.partially-correct {
    background: #feefe3;
    margin: 15px 0 0
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container.partially-correct:before {
    color: #e8710a;
    content: "remove_circle_outline"
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container.incorrect {
    background: #fce8e6
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container.incorrect:before {
    color: #d93025;
    content: "not_interested"
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    line-height: inherit;
    margin-right: 8px
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container .devsite-quiz-feedback-text {
    font-size: 14px;
    font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    line-height: 20px;
    margin: 5px 0
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container .devsite-quiz-feedback-title {
    font-size: 16px;
    font-weight: 500;
    font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container .devsite-quiz-feedback-message {
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
[dir=ltr] devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container .devsite-quiz-feedback-message {
    margin-left: 8px
    }
[dir=rtl] devsite-quiz .devsite-quiz-feedback .devsite-quiz-feedback-container .devsite-quiz-feedback-message {
    margin-right: 8px
    }
@media screen and (min-width: 601px) {
    devsite-quiz .devsite-quiz-body, devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content, devsite-quiz .devsite-quiz-header .devsite-quiz-header-content {
        padding-left: 24px;
        padding-right: 24px
        }
    devsite-quiz .devsite-quiz-header .devsite-quiz-badge {
        display: block;
        height: 122px;
        min-width: 122px;
        width: 122px
        }
    [dir=ltr] devsite-quiz .devsite-quiz-header .devsite-quiz-badge {
        margin-left: 48px
        }
    [dir=rtl] devsite-quiz .devsite-quiz-header .devsite-quiz-badge {
        margin-right: 48px
        }
    devsite-quiz .devsite-quiz-question .devsite-quiz-match-question {
        border: 0;
        display: table;
        max-width: 600px;
        width: 100%
        }
    devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row {
        border: 0;
        display: table-row
        }
    devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row > .devsite-quiz-feedback, devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row > .devsite-quiz-match-question-row-element {
        display: table-cell;
        margin: 0;
        padding: 24px;
        vertical-align: middle;
        position: relative;
        top: 0
        }
    devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row > .devsite-quiz-match-question-row-element {
        border-top: 1px solid #dadce0
        }
    devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-match-question-row:last-child > .devsite-quiz-match-question-row-element {
        border-bottom: 1px solid #dadce0
        }
    devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-problem {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #3c4043;
        width: 100%
        }
    [dir=ltr] devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-problem {
        padding-left: 0
        }
    [dir=rtl] devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-problem {
        padding-right: 0
        }
    [dir=ltr] devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-answer {
        padding-right: 0;
        text-align: right
        }
    [dir=rtl] devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-answer {
        padding-left: 0;
        text-align: left
        }
    devsite-quiz .devsite-quiz-question .devsite-quiz-match-question .devsite-quiz-feedback-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
        }
    }
@media screen and (min-width: 841px) {
    devsite-quiz .devsite-quiz-body, devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content, devsite-quiz .devsite-quiz-header .devsite-quiz-header-content {
        max-width: 768px
        }
    devsite-quiz .devsite-quiz-header .devsite-quiz-header-text {
        max-width: 488px
        }
    devsite-quiz .devsite-quiz-footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
        }
    devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
        }
    devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content + .devsite-quiz-footer-content {
        margin-top: 0
        }
    devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content:nth-last-child(2), devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content:nth-last-child(2) + .devsite-quiz-footer-content {
        max-width: 384px
        }
    devsite-quiz .devsite-quiz-footer .devsite-quiz-footer-content:nth-last-child(2) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
        }
    }
devsite-recommendations {
    border-top: 1px solid #dadce0;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 40px -40px -40px;
    padding: 20px 40px 40px
    }
body[layout=full] devsite-recommendations {
    padding: 12px 0
    }
body[layout=docs][type=landing] devsite-recommendations {
    margin: 0;
    padding: 12px 40px
    }
devsite-recommendations .significatio-overview {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
    }
body[layout=full] devsite-recommendations .significatio-overview {
    margin: 0 auto
    }
body[layout=full] devsite-recommendations .significatio-body, body[layout=full] devsite-recommendations .significatio-overview {
    max-width: 1488px;
    padding: 0 24px
    }
devsite-recommendations .significatio-heading {
    font: 700 14px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    color: #01579b;
    margin: 0
    }
devsite-recommendations .significatio-body, devsite-recommendations .significatio-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-recommendations .significatio-body {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 12px 0 0;
    width: 100%
    }
body[layout=full] devsite-recommendations .significatio-body {
    margin: 12px auto 0
    }
devsite-recommendations .significatio-heading-icon {
    fill: currentColor;
    width: 24px
    }
[dir=ltr] devsite-recommendations .significatio-heading-icon {
    margin-right: 4px
    }
[dir=rtl] devsite-recommendations .significatio-heading-icon {
    margin-left: 4px
    }
devsite-recommendations .significatio-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
    }
devsite-recommendations .significatio-buttons button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    width: 40px
    }
devsite-recommendations .significatio-buttons button:focus, devsite-recommendations .significatio-buttons button:hover {
    background-color: #aecbfa
    }
devsite-recommendations .significatio-buttons .material-icons {
    top: auto
    }
devsite-recommendations .significatio-buttons .material-icons:not(:link) {
    pointer-events: none
    }
devsite-recommendations .significatio-loading {
    display: none
    }
devsite-recommendations[loading] .significatio-loading {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
    }
devsite-recommendations .significatio-loading devsite-spinner {
    margin: 0 auto
    }
devsite-recommendations .significatio-recommendations {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-recommendations:not([loading]) .significatio-recommendations {
    width: 100%
    }
devsite-recommendations .significatio-card {
    background: #fff;
    background: var(--devsite-card-background, #fff);
    border: 0;
    border: var(--devsite-card-border, 0);
    border-radius: 2px;
    border-radius: var(--devsite-card-border-radius, 2px);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    color: #202124;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    opacity: 0;
    padding: 20px;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1)
    }
devsite-recommendations .significatio-card[show] {
    opacity: 1
    }
[dir=ltr] devsite-recommendations .significatio-card:not(:first-child) {
    margin-left: 24px
    }
[dir=rtl] devsite-recommendations .significatio-card:not(:first-child) {
    margin-right: 24px
    }
devsite-recommendations .significatio-card-heading {
    font: 700 14px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0 0 8px
    }
devsite-recommendations .significatio-card-description {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 14px;
    -webkit-line-clamp: 2;
    margin: 0 0 20px;
    max-height: 48px;
    overflow: hidden
    }
devsite-recommendations .significatio-card-meta {
    font: 400 14px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    color: #5f6368;
    margin: auto 0 0
    }
devsite-recommendations .significatio-popout-container {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
    }
devsite-recommendations .significatio-popout-toggle {
    color: #5f6368
    }
devsite-recommendations .significatio-popout-toggle:focus, devsite-recommendations .significatio-popout-toggle:hover {
    color: #1a73e8
    }
devsite-recommendations .significatio-icon-info {
    fill: currentColor;
    vertical-align: text-bottom;
    width: 20px
    }
devsite-recommendations .significatio-popout {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    background: #fff;
    max-width: 400px;
    opacity: 0;
    padding: 20px 24px;
    position: absolute;
    top: calc(100% + 8px);
    -webkit-transform: translatey(-12px);
    transform: translatey(-12px);
    -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
    }
[dir=ltr] devsite-recommendations .significatio-popout {
    left: -12px
    }
[dir=rtl] devsite-recommendations .significatio-popout {
    right: -12px
    }
devsite-recommendations .significatio-popout-heading {
    margin-top: 0
    }
[dir=ltr] body[layout=full] devsite-recommendations .significatio-popout {
    right: 32px
    }
[dir=rtl] body[layout=full] devsite-recommendations .significatio-popout {
    left: 32px
    }
devsite-recommendations .significatio-popout[active] {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0)
    }
devsite-recommendations .significatio-popout p {
    margin-top: 0
    }
devsite-recommendations .significatio-interaction-container {
    height: 36px
    }
@media screen and (max-width: 1252px) {
    body[layout] devsite-recommendations .significatio-recommendations {
        display: block
        }
    [dir] body[layout] devsite-recommendations .significatio-card:not(:first-child) {
        margin: 24px 0 0
        }
    }
@media screen and (max-width: 840px) {
    body[layout][type] devsite-recommendations {
        margin: 24px -24px -24px;
        padding: 24px
        }
    body[layout=full] devsite-recommendations .significatio-body, body[layout=full] devsite-recommendations .significatio-overview {
        padding: 0
        }
    [dir=ltr] body[layout=full] devsite-recommendations .significatio-popout {
        right: -8px
        }
    [dir=rtl] body[layout=full] devsite-recommendations .significatio-popout {
        left: -8px
        }
    }
@media screen and (max-width: 600px) {
    body[layout][type] devsite-recommendations {
        margin: 32px -16px -16px;
        padding: 16px
        }
    [dir] body[layout] devsite-recommendations .significatio-card:not(:first-child) {
        margin: 16px 0 0
        }
    }
devsite-reference-results {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    max-height: 305px;
    padding: 20px 10px 20px 28px;
    margin: 16px 0
    }
devsite-reference-results:empty {
    display: none
    }
devsite-reference-results .devsite-reference-results {
    height: auto;
    width: 100%
    }
devsite-reference-results .devsite-reference-results h3 {
    margin-top: 0
    }
devsite-reference-results .devsite-reference-results-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding-left: 0
    }
devsite-reference-results .devsite-reference-results-list-item {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 0 -8px;
    outline: 0;
    overflow: hidden;
    padding: 10px 8px;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    white-space: nowrap
    }
devsite-reference-results .devsite-reference-results-list-item:focus, devsite-reference-results .devsite-reference-results-list-item:hover {
    background: #f1f3f4
    }
devsite-reference-results .devsite-reference-results-list-link {
    color: #202124;
    font: 13px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
@media screen and (max-width: 600px) {
    devsite-reference-results {
        overflow-y: scroll
        }
    devsite-reference-results .devsite-reference-results-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px
        }
    devsite-reference-results .devsite-reference-results {
        width: auto
        }
    }
devsite-search {
    border-radius: 2px;
    border-radius: var(--devsite-search-border-radius, 2px);
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 36px;
    margin: 6px 0 6px 24px;
    overflow: hidden;
    position: relative;
    text-align: left;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    vertical-align: top;
    width: 200px;
    will-change: transition;
    z-index: 10
    }
[dir=rtl] devsite-search {
    margin: 6px 24px 6px 0;
    text-align: right
    }
body[pending] devsite-search {
    visibility: hidden !important
    }
devsite-search .devsite-search-image {
    color: #5f6368;
    position: absolute;
    top: 6px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
[dir=ltr] devsite-search .devsite-search-image {
    left: 8px
    }
[dir=rtl] devsite-search .devsite-search-image {
    right: 8px
    }
devsite-search .devsite-search-image:before {
    content: "search"
    }
devsite-search .devsite-search-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-search .devsite-suggest-results-container {
    border-top: 1px solid #dadce0
    }
devsite-search input.devsite-search-field {
    background: none;
    border: 0;
    color: #5f6368;
    height: 36px;
    outline: 0;
    padding: 8px;
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    width: 100%
    }
[dir=ltr] devsite-search input.devsite-search-field {
    padding-left: 40px
    }
[dir=rtl] devsite-search input.devsite-search-field {
    padding-right: 40px
    }
devsite-search input.devsite-search-field::-webkit-input-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-search input.devsite-search-field::-moz-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-search input.devsite-search-field:-ms-input-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-search input.devsite-search-field::-ms-input-placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-search input.devsite-search-field::placeholder {
    color: #5f6368;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
    }
devsite-search input.devsite-search-field:focus {
    border: 0;
    padding-bottom: 8px
    }
devsite-search .devsite-searchbox {
    width: 100%
    }
devsite-search .devsite-searchbox:before {
    display: block;
    display: var(--devsite-searchbox-before-display, block);
    background: #fff;
    content: "";
    height: 500px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -458px;
    -webkit-transition: opacity 1ms 0.2s;
    transition: opacity 1ms 0.2s;
    width: calc(100% + 12px);
    will-change: opacity;
    z-index: -1
    }
[dir=ltr] devsite-search .devsite-searchbox:before {
    left: -6px
    }
[dir=rtl] devsite-search .devsite-searchbox:before {
    right: -6px
    }
devsite-search[search-active] {
    overflow: visible
    }
devsite-search[search-active] .devsite-searchbox:before {
    opacity: 1
    }
devsite-search[search-active] .devsite-searchbox:hover {
    background: #f1f3f4
    }
.devsite-header-billboard-search devsite-search[search-active] .devsite-search-form, body[type=error] devsite-search[search-active] .devsite-search-form, devsite-header[search-expanded] .devsite-search-form {
    border-radius: 0;
    border-radius: var(--devsite-search-border-radius, 0);
    box-shadow: none;
    box-shadow: var(--devsite-search-active-box-shadow, none);
    overflow: visible;
    overflow: var(--devsite-search-active-overflow, visible)
    }
.devsite-header-billboard-search devsite-search[search-active] .devsite-popout, body[type=error] devsite-search[search-active] .devsite-popout, devsite-header[search-expanded] devsite-search .devsite-popout {
    display: block;
    display: var(--devsite-popout-active-display, block)
    }
.devsite-header-billboard-search devsite-search[search-active] .devsite-search-field, .devsite-header-billboard-search devsite-search[search-active] .devsite-search-field:hover, body[type=error] devsite-search[search-active] .devsite-search-field, body[type=error] devsite-search[search-active] .devsite-search-field:hover, devsite-header[search-expanded] devsite-search[search-active] .devsite-search-field, devsite-header[search-expanded] devsite-search[search-active] .devsite-search-field:hover {
    background: #f1f3f4;
    background: var(--devsite-search-form-background-active, #f1f3f4);
    color: #202124;
    color: var(--devsite-search-form-text-active, #202124)
    }
devsite-search[search-active] .devsite-search-field {
    color: #202124
    }
devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
    color: #5f6368
    }
devsite-search[search-active] .devsite-search-field::-moz-placeholder {
    color: #5f6368
    }
devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
    color: #5f6368
    }
devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
    color: #5f6368
    }
devsite-search[search-active] .devsite-search-field::placeholder {
    color: #5f6368
    }
devsite-search[search-active] .devsite-search-image {
    color: #5f6368
    }
devsite-search .devsite-popout, devsite-search[search-active] .devsite-popout {
    display: block;
    display: var(--devsite-popout-display, block)
    }
devsite-search .devsite-popout {
    margin-top: 6px;
    margin-top: var(--devsite-popout-margin-top, 6px);
    position: absolute;
    position: var(--devsite-popout-position, absolute);
    -webkit-transform: translatey(-100vh);
    transform: translatey(-100vh);
    -webkit-transform: var(--devsite-popout-transform, translatey(-100vh));
    transform: var(--devsite-popout-transform, translatey(-100vh));
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    z-index: -2;
    z-index: var(--devsite-popout-z-index, -2);
    visibility: hidden;
    width: 100%
    }
devsite-search[search-active] .devsite-popout {
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    visibility: visible;
    will-change: transform
    }
devsite-search .devsite-popout-result {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background: #fff;
    max-height: calc(100vh - 56px);
    overflow-y: auto
    }
devsite-search .devsite-popout-result:empty, devsite-search[search-active][no-suggest] .devsite-popout {
    display: none
    }
devsite-search .devsite-suggest-wrapper {
    padding: 16px 0 0;
    font-size: 14px
    }
devsite-search .devsite-result-item, devsite-search .devsite-result-label {
    font: 13px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 0
    }
devsite-search .devsite-result-label {
    padding-left: 40px
    }
[dir=rtl] devsite-search .devsite-result-label {
    padding-left: 0;
    padding-right: 40px
    }
devsite-search .devsite-result-item a {
    color: #202124;
    display: block;
    outline: 0;
    padding: 8px;
    text-decoration: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    will-change: transition
    }
[dir=ltr] devsite-search .devsite-result-item a {
    padding-left: 40px
    }
[dir=rtl] devsite-search .devsite-result-item a {
    padding-right: 40px
    }
devsite-search .devsite-result-item.highlight a, devsite-search .devsite-result-item a:focus, devsite-search .devsite-result-item a:hover {
    background: #f1f3f4
    }
devsite-search .devsite-result-item b {
    font-weight: 500
    }
devsite-search .devsite-suggest-footer {
    border-top: 1px solid #dadce0;
    margin: 8px 0 0;
    padding: 7px 0 8px 40px
    }
[dir=rtl] devsite-search .devsite-suggest-footer {
    padding: 7px 40px 8px 0
    }
devsite-search .devsite-suggest-footer > .button {
    display: inline-block;
    margin: 6px 0;
    max-width: calc(100% - 16px)
    }
[dir=ltr] devsite-search .devsite-suggest-footer > .button {
    margin-right: 16px
    }
[dir=rtl] devsite-search .devsite-suggest-footer > .button {
    margin-left: 16px
    }
devsite-search .devsite-suggest-footer > .button-white {
    max-width: 100%
    }
[dir=ltr] devsite-search .devsite-suggest-footer > .button-white {
    margin-left: -8px
    }
[dir=rtl] devsite-search .devsite-suggest-footer > .button-white {
    margin-right: -8px
    }
devsite-search .devsite-suggest-header {
    font: 500 11px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.8px;
    margin: 12px 0;
    padding-left: 40px;
    text-transform: uppercase
    }
[dir=rtl] devsite-search .devsite-suggest-header {
    padding-left: 0;
    padding-right: 40px
    }
devsite-search hr + .devsite-suggest-sub-section > .devsite-suggest-header {
    margin-top: 24px
    }
devsite-search .devsite-suggest-header .devsite-suggest-project:before {
    content: "|";
    margin: 0 8px
    }
devsite-search hr {
    background: #ddd;
    margin: 8px 0
    }
devsite-search .devsite-suggestion-fragment + .devsite-suggestion-fragment:before {
    content: "|";
    margin: 0 8px
    }
devsite-search .devsite-search-disabled {
    padding-bottom: 16px
    }
devsite-search[compact] {
    width: auto
    }
devsite-search[compact] .devsite-search-field, devsite-search[compact] .devsite-searchbox {
    background-color: transparent
    }
devsite-search[compact] input.devsite-search-field {
    width: 0
    }
devsite-search[compact] .devsite-search-image {
    left: calc(50% - 12px);
    pointer-events: none
    }
[dir=ltr] devsite-search[compact][search-active] .devsite-search-image {
    left: 8px;
    right: auto
    }
[dir=rtl] devsite-search[compact][search-active] .devsite-search-image {
    right: 8px;
    left: auto
    }
devsite-search[compact][search-active] input.devsite-search-field {
    width: 100%
    }
@media screen and (max-width: 840px) {
    devsite-search input.devsite-search-field {
        padding-left: 40px
        }
    [dir=rtl] devsite-search input.devsite-search-field {
        padding-left: 0;
        padding-right: 40px
        }
    .devsite-search-background, .devsite-search-background:after, [search-active] .devsite-search-background:after, devsite-search .devsite-search-field, devsite-search .devsite-search-field:hover {
        -webkit-transition: none;
        transition: none
        }
    devsite-search .devsite-search-image {
        left: 8px
        }
    [dir=rtl] devsite-search .devsite-search-image {
        left: auto;
        right: 8px
        }
    devsite-header devsite-search {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 8px;
        overflow: visible
        }
    [dir=rtl] devsite-header devsite-search {
        margin-left: 0;
        margin-right: 8px
        }
    devsite-header devsite-search .devsite-search-form {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
        }
    devsite-header .devsite-top-logo-row devsite-search:not([search-active]) input.devsite-search-field {
        padding: 0
        }
    }
devsite-select {
    display: inline-block;
    position: relative
    }
devsite-select + devsite-select {
    margin: 0 0 0 16px
    }
devsite-select select {
    display: none !important;
    pointer-events: none !important;
    position: absolute;
    z-index: -1
    }
devsite-select .devsite-select {
    position: relative
    }
devsite-select .devsite-select-toggle {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"4\" viewBox=\"0 0 20 4\"><path d=\"M0,0l4,4l4-4H0z\" fill=\"%23212121\"/></svg>") #fff no-repeat 100%;
    border: 1px solid #e8eaed;
    border-radius: 2px;
    border-radius: var(--devsite-select-border-radius, 2px);
    box-shadow: none;
    color: #202124;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/36px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    height: 36px;
    line-height: 34px;
    max-width: 340px;
    min-width: 72px;
    outline: 0;
    overflow: hidden;
    padding: 0 27px 0 7px;
    text-align: left;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    vertical-align: middle;
    white-space: nowrap
    }
@media screen and (-ms-high-contrast: active) {
    devsite-select .devsite-select-toggle {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"4\" viewBox=\"0 0 20 4\"><path d=\"M0,0l4,4l4-4H0z\" fill=\"%23ffffff\"/></svg>")
        }
    }
@media screen and (-ms-high-contrast: black-on-white) {
    devsite-select .devsite-select-toggle {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"4\" viewBox=\"0 0 20 4\"><path d=\"M0,0l4,4l4-4H0z\" fill=\"%23000000\"/></svg>")
        }
    }
devsite-select .devsite-select-toggle:focus, devsite-select .devsite-select-toggle:hover {
    background-color: #f1f3f4
    }
devsite-select .devsite-select-toggle:active {
    background-color: #e8eaed
    }
devsite-select .devsite-select-toggle:disabled {
    background-color: #f1f3f4;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"4\" viewBox=\"0 0 20 4\"><path d=\"M0,0l4,4l4-4H0z\" fill=\"%23bdbdbd\"/></svg>");
    border-color: transparent;
    color: #bdc1c6;
    cursor: default
    }
devsite-select .devsite-select-list {
    border: 1px solid #e8eaed;
    border-radius: 2px;
    border-radius: var(--devsite-list-border-radius, 2px);
    background: #fff;
    display: none;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    font: 400 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    max-height: 304px;
    opacity: 0;
    outline: 0;
    overflow-y: auto;
    padding: 8px 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 1015
    }
devsite-select[menu--open] .devsite-select-list {
    display: block;
    pointer-events: auto
    }
devsite-select[menu--show] .devsite-select-list {
    opacity: 1
    }
devsite-select[menu-position=above] .devsite-select-list {
    bottom: 36px
    }
devsite-select[menu-position=below] .devsite-select-list {
    top: 36px
    }
devsite-select .devsite-select-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    min-height: 48px;
    min-width: 100%;
    padding: 8px 16px;
    white-space: nowrap
    }
devsite-select .devsite-select-item.devsite-focused, devsite-select .devsite-select-item:focus, devsite-select .devsite-select-item:hover {
    background-color: #f1f3f4;
    cursor: pointer
    }
devsite-select .devsite-select-item[data-selected] {
    background-color: #f1f3f4;
    background-color: var(--devsite-item-background-selected, #f1f3f4);
    font-weight: 500;
    font-weight: var(--devsite-item-font-weight-selected, 500)
    }
@media screen and (-ms-high-contrast: active) {
    devsite-select .devsite-select-item[data-selected] {
        font-weight: 700;
        text-decoration: underline
        }
    }
devsite-select.devsite-select--multiple .devsite-select-item {
    padding-left: 48px;
    position: relative
    }
devsite-select.devsite-select--multiple .devsite-select-item:before {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    color: #80868b;
    content: "check_box_outline_blank";
    display: block;
    font-size: 24px;
    left: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%)
    }
devsite-select.devsite-select--multiple .devsite-select-item[data-selected]:before {
    color: #1976d2;
    content: "check_box"
    }
@media screen and (max-width: 600px) {
    devsite-select {
        display: block
        }
    devsite-select + devsite-select {
        margin: 16px 0 0
        }
    }
devsite-selector {
    border: 1px solid #e8eaed;
    border-radius: 0;
    border-radius: var(--devsite-border-radius, 0);
    background: #fff;
    display: block;
    font: 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 16px 0
    }
devsite-selector devsite-tabs {
    display: none
    }
devsite-selector devsite-tabs[connected] {
    border-bottom: 1px solid #e8eaed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-selector devsite-tabs tab a {
    cursor: pointer;
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 48px;
    margin: 0;
    max-width: 200px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    white-space: nowrap
    }
devsite-selector devsite-tabs tab a, devsite-selector devsite-tabs tab a:link, devsite-selector devsite-tabs tab a:visited {
    color: #5f6368
    }
devsite-selector devsite-tabs tab a:focus, devsite-selector devsite-tabs tab a:hover {
    color: #1a73e8;
    color: var(--devsite-link-hover, #1a73e8)
    }
devsite-selector devsite-tabs tab[active] a:link, devsite-selector devsite-tabs tab[active] a:visited {
    color: #1a73e8
    }
@media screen and (-ms-high-contrast: active) {
    devsite-selector devsite-tabs tab[active] a {
        font-weight: 700;
        text-decoration: underline
        }
    }
devsite-selector devsite-tabs > div > tab[tab] a:focus:after, devsite-selector devsite-tabs > div > tab[tab] a:hover:after {
    background: 0;
    background: var(--devsite-marker-background, 0)
    }
devsite-selector devsite-tabs > div > tab[active] a:after, devsite-selector devsite-tabs > div > tab[active] a:focus:after, devsite-selector devsite-tabs > div > tab[active] a:hover:after {
    background: #1a73e8
    }
devsite-selector devsite-tabs tab[two-line] a {
    line-height: 20px;
    padding-top: 4px;
    white-space: normal
    }
devsite-selector tab[two-line] [tab-label]:after {
    content: attr(tab-label);
    display: block;
    font-size: 12px
    }
body devsite-selector devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a {
    height: auto;
    min-height: 48px;
    width: 100%
    }
devsite-selector devsite-tabs[overflow-menu--open] tab[overflow-tab] {
    background: 0;
    background: var(--devsite-overflow-tab-background, 0);
    border-radius: 0;
    border-radius: var(--devsite-overflow-tab-border-radius, 0)
    }
body devsite-selector devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:focus, body devsite-selector devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:hover {
    background: #f1f3f4;
    background: var(--devsite-overflow-link-background-hover, #f1f3f4)
    }
devsite-selector > section {
    display: none;
    outline: 0
    }
devsite-selector > section[active] {
    display: block;
    padding: 0 23px
    }
devsite-selector > section .devsite-table-wrapper:first-child tbody tr:first-child, devsite-selector > section .devsite-table-wrapper:first-child thead tr {
    border-top: 0
    }
devsite-selector > section > .devsite-table-wrapper, devsite-selector > section > .github-docwidget-gitinclude-code > devsite-code, devsite-selector > section > .github-docwidget-include, devsite-selector > section > aside.beta, devsite-selector > section > aside.caution, devsite-selector > section > aside.dogfood, devsite-selector > section > aside.key-objective, devsite-selector > section > aside.key-point, devsite-selector > section > aside.key-term, devsite-selector > section > aside.note, devsite-selector > section > aside.success, devsite-selector > section > aside.warning, devsite-selector > section > devsite-code, devsite-selector > section > table {
    margin: 0 -23px
    }
devsite-selector > section > :first-child:not(aside):not(devsite-code):not(table):not(.devsite-table-wrapper):not([class^=github-]) {
    margin-top: 15px
    }
devsite-selector > section > :last-child:not(aside):not(devsite-code):not(table):not(.devsite-table-wrapper):not([class^=github-]) {
    margin-bottom: 15px
    }
devsite-selector .devsite-table-wrapper:last-child, devsite-selector > section > .github-docwidget-gitinclude-code > devsite-code:last-child > pre, devsite-selector > section > aside:last-child, devsite-selector > section > devsite-code:last-child > pre {
    border-radius: 0;
    border-radius: var(--devsite-content-border-radius, 0)
    }
devsite-selector .devsite-table-wrapper + .devsite-table-wrapper {
    margin-top: 16px
    }
devsite-selector > section table devsite-code {
    margin: 16px 0
    }
devsite-selector > section > devsite-code pre {
    padding-left: 23px
    }
.devsite-article devsite-selector .material-icons {
    font-size: 18px;
    vertical-align: text-bottom
    }
devsite-selector[ready] {
    pointer-events: auto;
    visibility: visible
    }
devsite-sitemask {
    background: rgba(0, 0, 0, 0.4);
    bottom: -200px;
    cursor: pointer;
    left: -200px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: -200px;
    top: -200px;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s linear;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s linear;
    visibility: hidden;
    z-index: 1012;
    -webkit-tap-highlight-color: transparent
    }
devsite-sitemask[visible] {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    visibility: visible
    }
devsite-snackbar {
    bottom: 0;
    left: 0;
    margin-right: 24px;
    min-width: 288px;
    position: fixed;
    right: 0;
    z-index: 99999
    }
devsite-snackbar .devsite-snackbar-snack {
    max-width: none;
    max-width: var(--devsite-snack-max-width, none);
    min-width: auto;
    min-width: var(--devsite-snack-min-width, auto);
    width: auto;
    width: var(--devsite-snack-width, auto);
    bottom: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 24px 24px;
    position: absolute;
    -webkit-transform: translatey(100px);
    transform: translatey(100px);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 1, 1)
    }
devsite-snackbar [show].devsite-snackbar-snack {
    -webkit-transform: translatey(0);
    transform: translatey(0)
    }
devsite-snackbar .devsite-snackbar-inner {
    background: #3c4043;
    background: var(--devsite-snackbar-inner-background, #3c4043);
    border-radius: 2px;
    border-radius: var(--devsite-snackbar-inner-border-radius, 2px);
    color: #fff;
    color: var(--devsite-snackbar-inner-color, #fff);
    -webkit-flex-wrap: none;
    -ms-flex-wrap: none;
    flex-wrap: none;
    -webkit-flex-wrap: var(--devsite-snackbar-inner-flex-wrap, none);
    -ms-flex-wrap: var(--devsite-snackbar-inner-flex-wrap, none);
    flex-wrap: var(--devsite-snackbar-inner-flex-wrap, none);
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    min-height: 48px;
    padding: 0
    }
devsite-snackbar .devsite-snackbar-message {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 24px;
    padding: var(--devsite-snackbar-message-padding, 24px);
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
    }
devsite-snackbar .devsite-snackbar-action, devsite-snackbar .devsite-snackbar-link {
    color: #eeff41;
    color: var(--devsite-snackbar-action-color, #eeff41);
    font: inherit;
    font: var(--devsite-snackbar-action-font, inherit);
    margin-right: 0;
    margin-right: var(--devsite-snackbar-action-margin-right, 0);
    padding: 14px 24px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    cursor: pointer;
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    float: right;
    font-weight: 500;
    height: auto;
    outline: none;
    position: relative
    }
devsite-snackbar .devsite-snackbar-action, devsite-snackbar .devsite-snackbar-action:active, devsite-snackbar .devsite-snackbar-action:focus, devsite-snackbar .devsite-snackbar-action:hover, devsite-snackbar .devsite-snackbar-link, devsite-snackbar .devsite-snackbar-link:active, devsite-snackbar .devsite-snackbar-link:focus, devsite-snackbar .devsite-snackbar-link:hover {
    background: 0;
    border: 0;
    box-shadow: none
    }
devsite-snackbar .devsite-snackbar-link:focus {
    text-decoration: none
    }
devsite-snackbar [type=cookie-notification] .devsite-snackbar-link, devsite-snackbar [type^=notification-] .devsite-snackbar-action {
    margin-left: 0;
    margin-left: var(--devsite-snackbar-action-margin-left, 0)
    }
@media screen and (max-width: 840px) {
    devsite-snackbar {
        margin-right: 0;
        max-width: 100%
        }
    devsite-snackbar [type=cookie-notification] .devsite-snackbar-inner, devsite-snackbar [type^=notification-] .devsite-snackbar-inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
        }
    devsite-snackbar [type=cookie-notification] .devsite-snackbar-message, devsite-snackbar [type^=notification-] .devsite-snackbar-message {
        padding: 24px 24px 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
        }
    devsite-snackbar .devsite-snackbar-inner {
        border-radius: 0
        }
    devsite-snackbar .devsite-snackbar-snack {
        left: 0;
        padding: 24px 0 0;
        right: 0
        }
    }
devsite-spinner {
    -webkit-animation: devsite-spinner__container-rotate 1.568235s linear infinite;
    animation: devsite-spinner__container-rotate 1.568235s linear infinite;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    position: relative;
    width: 28px
    }
devsite-spinner[centered] {
    margin: 0 auto
    }
@-webkit-keyframes devsite-spinner__container-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
        }
    }
@keyframes devsite-spinner__container-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
        }
    }
devsite-spinner .devsite-spinner__layer {
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%
    }
devsite-spinner .devsite-spinner__layer-1 {
    -webkit-animation: devsite-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, devsite-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: devsite-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, devsite-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    border-color: #42a5f5
    }
devsite-spinner[single-color] .devsite-spinner__layer-1 {
    border-color: #3f51b5
    }
devsite-spinner .devsite-spinner__layer-2 {
    -webkit-animation: devsite-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, devsite-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: devsite-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, devsite-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    border-color: #f44336
    }
devsite-spinner[single-color] .devsite-spinner__layer-2 {
    border-color: #3f51b5
    }
devsite-spinner .devsite-spinner__layer-3 {
    -webkit-animation: devsite-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, devsite-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: devsite-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, devsite-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    border-color: #fdd835
    }
devsite-spinner[single-color] .devsite-spinner__layer-3 {
    border-color: #3f51b5
    }
devsite-spinner .devsite-spinner__layer-4 {
    -webkit-animation: devsite-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, devsite-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: devsite-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, devsite-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    border-color: #4caf50
    }
devsite-spinner[single-color] .devsite-spinner__layer-4 {
    border-color: #3f51b5
    }
@-webkit-keyframes devsite-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
        } 25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
        } 37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
        } 50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
        } 62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
        } 75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
        } 87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
        } to {
        -webkit-transform: rotate(3turn);
        transform: rotate(3turn)
        }
    }
@keyframes devsite-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
        } 25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
        } 37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
        } 50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
        } 62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
        } 75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
        } 87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
        } to {
        -webkit-transform: rotate(3turn);
        transform: rotate(3turn)
        }
    }
@-webkit-keyframes devsite-spinner__layer-1-fade-in-out {
    0%, 25%, 90%, to {
        opacity: .99
        } 26%, 89% {
        opacity: 0
        }
    }
@keyframes devsite-spinner__layer-1-fade-in-out {
    0%, 25%, 90%, to {
        opacity: .99
        } 26%, 89% {
        opacity: 0
        }
    }
@-webkit-keyframes devsite-spinner__layer-2-fade-in-out {
    0%, 15%, 51% {
        opacity: 0
        } 25%, 50% {
        opacity: .99
        }
    }
@keyframes devsite-spinner__layer-2-fade-in-out {
    0%, 15%, 51% {
        opacity: 0
        } 25%, 50% {
        opacity: .99
        }
    }
@-webkit-keyframes devsite-spinner__layer-3-fade-in-out {
    0%, 40%, 76% {
        opacity: 0
        } 50%, 75% {
        opacity: .99
        }
    }
@keyframes devsite-spinner__layer-3-fade-in-out {
    0%, 40%, 76% {
        opacity: 0
        } 50%, 75% {
        opacity: .99
        }
    }
@-webkit-keyframes devsite-spinner__layer-4-fade-in-out {
    0%, 65%, to {
        opacity: 0
        } 75%, 90% {
        opacity: .99
        }
    }
@keyframes devsite-spinner__layer-4-fade-in-out {
    0%, 65%, to {
        opacity: 0
        } 75%, 90% {
        opacity: .99
        }
    }
devsite-spinner .devsite-spinner__gap-patch {
    border-color: inherit;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    left: 45%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 10%
    }
devsite-spinner .devsite-spinner__gap-patch .devsite-spinner__circle {
    left: -450%;
    width: 1000%
    }
devsite-spinner .devsite-spinner__circle-clipper {
    border-color: inherit;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 50%
    }
devsite-spinner .devsite-spinner__circle-clipper.devsite-spinner__left {
    float: left
    }
devsite-spinner .devsite-spinner__circle-clipper.devsite-spinner__right {
    float: right
    }
devsite-spinner .devsite-spinner__circle-clipper .devsite-spinner__circle {
    width: 200%
    }
devsite-spinner .devsite-spinner__circle {
    -webkit-animation: none;
    animation: none;
    border: 3px solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    bottom: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
    }
devsite-spinner .devsite-spinner__left .devsite-spinner__circle {
    -webkit-animation: devsite-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: devsite-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg)
    }
devsite-spinner .devsite-spinner__right .devsite-spinner__circle {
    -webkit-animation: devsite-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: devsite-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    border-left-color: transparent !important;
    left: -100%;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg)
    }
@-webkit-keyframes devsite-spinner__left-spin {
    0%, to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
        } 50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
        }
    }
@keyframes devsite-spinner__left-spin {
    0%, to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
        } 50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
        }
    }
@-webkit-keyframes devsite-spinner__right-spin {
    0%, to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
        } 50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
        }
    }
@keyframes devsite-spinner__right-spin {
    0%, to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
        } 50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
        }
    }
devsite-spinner.devsite-send-spinner {
    margin-left: 78px
    }
#devsite-support-form-button-wrapper {
    height: 36px
    }
.devsite-support-projects {
    position: relative
    }
.devsite-support-projects .devsite-support-projects-placeholder {
    height: 36px;
    position: absolute
    }
devsite-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 48px;
    max-width: calc(100% - 208px);
    position: relative
    }
devsite-tabs[connected] {
    max-width: none
    }
devsite-tabs .devsite-tabs-wrapper {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
    }
[dir=ltr] devsite-tabs.lower-tabs .devsite-tabs-wrapper {
    left: 0;
    left: var(--devsite-tabs-wrapper-x, 0)
    }
[dir=rtl] devsite-tabs.lower-tabs .devsite-tabs-wrapper {
    right: 0;
    right: var(--devsite-tabs-wrapper-x, 0)
    }
devsite-tabs[no-overflow] .devsite-tabs-wrapper {
    overflow: auto
    }
devsite-tabs[dropdown--open] .devsite-tabs-wrapper, devsite-tabs[overflow-menu--open] .devsite-tabs-wrapper {
    overflow: visible
    }
devsite-tabs tab {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
    }
devsite-tabs tab, devsite-tabs tab > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-tabs tab > a {
    font: 500 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 0 24px;
    text-transform: uppercase;
    text-transform: var(--devsite-link-text-transform, uppercase);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    white-space: nowrap
    }
devsite-tabs tab > a, devsite-tabs tab > a:focus, devsite-tabs tab > a:hover {
    text-decoration: none
    }
devsite-tabs.upper-tabs tab a {
    font-weight: 400;
    font-weight: var(--devsite-upper-tab-font-weight, 400);
    text-transform: none
    }
devsite-tabs.upper-tabs tab > a {
    color: #5f6368;
    color: var(--devsite-upper-tab-inactive, #5f6368)
    }
devsite-tabs.upper-tabs tab[active] > a {
    font-weight: 500
    }
devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a {
    color: #202124;
    color: var(--devsite-upper-tab-active, #202124)
    }
devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a:focus {
    color: #5f6368;
    color: var(--devsite-upper-tab-active-focus, #5f6368)
    }
devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a:after {
    background: #202124;
    background: var(--devsite-upper-tab-border, var(--devsite-dark-color, #202124))
    }
devsite-tabs tab[active] a:after, devsite-tabs tab a:focus:after, devsite-tabs tab a:hover:after {
    border-radius: 0;
    border-radius: var(--devsite-tab-marker-border-radius, 0);
    height: 2px;
    height: var(--devsite-tab-marker-height, 2px);
    left: 0;
    left: var(--devsite-tab-marker-position-x, 0);
    right: 0;
    right: var(--devsite-tab-marker-position-x, 0);
    bottom: 0;
    content: "";
    display: block;
    position: absolute
    }
devsite-tabs tab[dropdown] > a {
    padding: 0;
    position: relative;
    z-index: 2
    }
[dir=ltr] devsite-tabs tab[dropdown] > a {
    padding-left: 24px;
    padding-left: var(--devsite-dropdown-tab-padding-x, 24px)
    }
[dir=rtl] devsite-tabs tab[dropdown] > a {
    padding-right: 24px;
    padding-right: var(--devsite-dropdown-tab-padding-x, 24px)
    }
[dir=ltr] devsite-tabs tab[active][dropdown] a:not(.devsite-tabs-dropdown-toggle):after, [dir=ltr] devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):focus:after, [dir=ltr] devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):hover:after {
    right: 0;
    right: var(--devsite-tab-marker-inset-x, 0)
    }
[dir=rtl] devsite-tabs tab[active][dropdown] a:not(.devsite-tabs-dropdown-toggle):after, [dir=rtl] devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):focus:after, [dir=rtl] devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):hover:after {
    left: 0;
    left: var(--devsite-tab-marker-inset-x, 0)
    }
devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a, devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:visited {
    color: #202124;
    color: var(--devsite-upper-tab-dropdown-link, #202124)
    }
devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:focus, devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:hover {
    color: #5f6368;
    color: var(--devsite-upper-tab-dropdown-link-hover, #5f6368)
    }
devsite-tabs .devsite-tabs-dropdown-content {
    border-top: 0;
    border-top: var(--devsite-header-border, 0)
    }
devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    border-radius: 0;
    border-radius: var(--devsite-upper-tab-dropdown-corner-radius, 0)
    }
devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-toggle:before, devsite-tabs.upper-tabs tab[overflow-tab] .devsite-icon-arrow-drop-down:before {
    color: #5f6368;
    color: var(--devsite-upper-tab-dropdown-inactive, var(--devsite-upper-tab-inactive, #5f6368))
    }
devsite-tabs.upper-tabs tab[active][dropdown] .devsite-tabs-dropdown-toggle:before {
    color: #202124;
    color: var(--devsite-upper-tab-dropdown-active, var(--devsite-upper-tab-active, #202124))
    }
devsite-tabs.upper-tabs tab[dropdown] .devsite-nav-item-description {
    color: #5f6368;
    color: var(--devsite-upper-tab-dropdown-description, #5f6368)
    }
devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
[dir] devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle {
    padding: 0
    }
[dir=ltr] devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle {
    padding-right: 0;
    padding-right: var(--devsite-dropdown-toggle-padding-x, 0)
    }
[dir=rtl] devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle {
    padding-left: 0;
    padding-left: var(--devsite-dropdown-toggle-padding-x, 0)
    }
devsite-tabs.upper-tabs .devsite-icon-arrow-drop-down:before, devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: color 0.2s, -webkit-transform 0.2s;
    transition: color 0.2s, -webkit-transform 0.2s;
    transition: color 0.2s, transform 0.2s;
    transition: color 0.2s, transform 0.2s, -webkit-transform 0.2s
    }
devsite-tabs.upper-tabs[overflow-menu--open] tab:hover .devsite-icon-arrow-drop-down:before, devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-toggle:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
    }
devsite-tabs tab[overflow-tab] {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
    }
devsite-tabs tab[overflow-tab][collapsed] {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
    }
devsite-tabs.upper-tabs tab[overflow-tab]:after {
    content: "";
    height: 48px;
    position: absolute;
    z-index: -1
    }
[dir=ltr] devsite-tabs.upper-tabs tab[overflow-tab]:after {
    left: -6px;
    right: -100%
    }
[dir=rtl] devsite-tabs.upper-tabs tab[overflow-tab]:after {
    left: -100%;
    right: -6px
    }
devsite-tabs tab[overflow-tab] tab > a {
    padding: 0 24px
    }
devsite-tabs tab[overflow-tab] a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative
    }
devsite-tabs tab[overflow-tab] tab .devsite-tabs-dropdown, devsite-tabs tab[overflow-tab] tab .devsite-tabs-dropdown-toggle {
    display: none
    }
devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 2px;
    border-radius: var(--devsite-overflow-menu-border-radius, 2px);
    top: -16px;
    top: var(--devsite-overflow-menu-top, -16px);
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 320px;
    overflow-y: auto;
    padding: 16px 0;
    position: absolute;
    z-index: 1005
    }
devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
    border-radius: 0 0 2px 2px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15), inset 0 4px 6px -4px rgba(154, 160, 166, 0.5);
    top: 48px;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    z-index: -1
    }
devsite-tabs.upper-tabs .devsite-tabs-overflow-menu .devsite-tabs-dropdown-toggle {
    display: none !important
    }
devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu[hidden] {
    display: block !important;
    pointer-events: none;
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0)
    }
body devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a {
    background: #fff;
    color: #5f6368;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 48px
    }
body devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:focus, body devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:hover {
    background: #f1f3f4;
    color: #202124
    }
devsite-tabs .devsite-tabs-dropdown {
    display: block;
    font-size: 13px;
    left: -6px;
    min-width: calc(100% + 12px);
    outline: 0;
    overflow: hidden;
    padding: 0 6px 6px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    z-index: -1
    }
[dir=rtl] devsite-tabs .devsite-tabs-dropdown {
    right: -6px;
    left: auto
    }
devsite-tabs [dropdown-full] .devsite-tabs-dropdown {
    left: 0;
    padding: 0 0 6px;
    width: 100vw
    }
devsite-tabs .devsite-tabs-dropdown-content {
    padding: 0 12px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15), inset 0 4px 6px -4px rgba(154, 160, 166, 0.5);
    overflow: auto;
    max-height: 600px;
    max-width: 100vw;
    pointer-events: none;
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0);
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
    white-space: nowrap
    }
devsite-tabs .devsite-tabs-dropdown[dropdown-transition] .devsite-tabs-dropdown-content {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s
    }
devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-content {
    pointer-events: all;
    -webkit-transform: translatez(0);
    transform: translatez(0)
    }
devsite-tabs .devsite-tabs-dropdown-column {
    background: none;
    background: var(--devsite-dropdown-column-background, none)
    }
devsite-tabs [dropdown-full] .devsite-tabs-dropdown-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
    }
devsite-tabs .devsite-tabs-dropdown-section {
    margin: 0;
    margin: var(--devsite-dropdown-section-margin, 0);
    padding: 0 12px;
    list-style: none
    }
devsite-tabs .devsite-tabs-dropdown-section:first-child {
    margin: 18px 0 0
    }
devsite-tabs .devsite-tabs-dropdown-section:not(:first-child) {
    margin-top: 54px
    }
devsite-tabs tab[dropdown] .devsite-nav-item, devsite-tabs tab[dropdown] .devsite-nav-title {
    margin: 0 0 18px;
    line-height: 18px
    }
devsite-tabs tab[dropdown] .devsite-nav-title {
    border-bottom: 0;
    border-bottom: var(--devsite-nav-title-border-bottom, 0);
    color: #5f6368;
    color: var(--devsite-nav-title-color, #5f6368);
    font: inherit;
    font: var(--devsite-nav-title-font, inherit);
    font-weight: 700;
    font-weight: var(--devsite-nav-title-font-weight, 700);
    padding: 0;
    padding: var(--devsite-nav-title-padding, 0);
    text-transform: none;
    text-transform: var(--devsite-nav-title-transform, none)
    }
devsite-tabs tab[dropdown] .devsite-nav-item-title {
    font: inherit;
    font: var(--devsite-nav-item-title-font, inherit)
    }
devsite-tabs [dropdown-full] .devsite-nav-item > a, devsite-tabs [dropdown-full] .devsite-nav-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
    }
devsite-tabs tab[dropdown] .devsite-nav-description, devsite-tabs tab[dropdown] .devsite-nav-item-description {
    font-size: inherit;
    font-size: var(--devsite-nav-description-font-size, inherit);
    line-height: inherit;
    line-height: var(--devsite-nav-description-line-height, inherit)
    }
devsite-tabs tab[dropdown] .devsite-nav-description {
    color: inherit;
    color: var(--devsite-nav-description-color, inherit);
    margin: 12px 0;
    white-space: inherit;
    white-space: var(--devsite-nav-description-white-space, inherit)
    }
devsite-tabs tab[dropdown] .devsite-nav-item-description {
    padding: 0;
    padding: var(--devsite-padding, 0);
    color: #5f6368;
    white-space: normal
    }
body[theme] devsite-tabs .devsite-tabs-dropdown a, body[theme] devsite-tabs .devsite-tabs-dropdown a:visited {
    color: #202124;
    display: block;
    font-weight: 400
    }
body[theme] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme] devsite-tabs .devsite-tabs-dropdown a:hover {
    color: #1a73e8
    }
devsite-tabs[render-hidden] {
    width: 100%
    }
devsite-tabs[render-hidden] tab[overflow-tab], devsite-tabs tab[overflow-tab][render-hidden] {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
    }
devsite-tabs tab[dropdown] .devsite-tabs-close-button {
    color: #202124;
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    visibility: hidden;
    z-index: 1
    }
devsite-tabs tab[dropdown] .devsite-tabs-close-button:focus, devsite-tabs tab[dropdown] .devsite-tabs-close-button:hover {
    color: #1a73e8
    }
devsite-tabs tab[dropdown--open] .devsite-tabs-close-button {
    visibility: visible
    }
devsite-thumb-rating {
    display: block
    }
devsite-thumb-rating[position=footer] {
    text-align: center
    }
devsite-thumb-rating .devsite-thumb-rating {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 3px
    }
devsite-thumb-rating[tabindex] .devsite-thumb-rating {
    border: 1px solid #dadce0
    }
devsite-thumb-rating .devsite-thumb {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    fill: #5f6368;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 40px;
    padding: 0;
    width: 40px
    }
devsite-thumb-rating .devsite-thumb:focus, devsite-thumb-rating .devsite-thumb:hover {
    background: #f1f3f4
    }
devsite-thumb-rating .devsite-thumb + .devsite-thumb {
    margin: 0
    }
[dir=ltr] devsite-thumb-rating .devsite-thumb + .devsite-thumb {
    margin-left: 8px
    }
[dir=rtl] devsite-thumb-rating .devsite-thumb + .devsite-thumb {
    margin-right: 8px
    }
devsite-thumb-rating[rating=down] .devsite-thumb-down, devsite-thumb-rating[rating=up] .devsite-thumb-up {
    fill: #1a73e8
    }
devsite-thumb-rating[rating=down] .devsite-thumb-down:focus, devsite-thumb-rating[rating=down] .devsite-thumb-down:hover, devsite-thumb-rating[rating=up] .devsite-thumb-up:focus, devsite-thumb-rating[rating=up] .devsite-thumb-up:hover {
    background: #e8f0fe
    }
devsite-thumb-rating .devsite-thumb-icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 24px;
    pointer-events: none;
    width: 24px
    }
devsite-thumb-rating .devsite-thumb-label {
    font-size: 13px
    }
[dir=ltr] devsite-thumb-rating .devsite-thumb-label {
    padding: 0 12px 0 8px
    }
[dir=rtl] devsite-thumb-rating .devsite-thumb-label {
    padding: 0 8px 0 12px
    }
devsite-thumb-rating[position=footer] .devsite-thumb-rating {
    margin-top: 24px
    }
devsite-dialog .devsite-thumb-rating-categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
devsite-dialog .devsite-thumb-rating-category {
    padding-bottom: 12px
    }
[dir=ltr] .devsite-thumb-rating-dialog h3 {
    text-align: left
    }
[dir=rtl] .devsite-thumb-rating-dialog h3 {
    text-align: right
    }
.devsite-thumb-rating-dialog h3:only-child {
    margin-bottom: 8px
    }
.devsite-thumb-rating-dialog .devsite-dialog-buttons {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 16px 16px
    }
.devsite-thumb-rating-dialog .devsite-feedback-icon {
    fill: currentColor;
    top: 0
    }
[dir=ltr] .button + devsite-feedback[position=thumb-rating] {
    margin-left: 16px
    }
[dir=rtl] .button + devsite-feedback[position=thumb-rating] {
    margin-right: 16px
    }
@media screen and (max-width: 600px) {
    devsite-thumb-rating[position=header] .devsite-thumb-rating {
        margin: 16px 0 8px
        }
    devsite-thumb-rating[position=footer] .devsite-thumb-rating {
        margin-bottom: 24px
        }
    }
devsite-toc.devsite-toc {
    float: right;
    width: 160px
    }
[dir=rtl] devsite-toc.devsite-toc {
    float: left
    }
devsite-toc > .devsite-nav-list {
    width: 160px
    }
[dir=ltr] devsite-toc > .devsite-nav-list {
    border-left: 4px solid #5f6368;
    border-left-color: var(--devsite-toc-border, var(--devsite-primary-color, #5f6368))
    }
[dir=rtl] devsite-toc > .devsite-nav-list {
    border-right: 4px solid #5f6368;
    border-right-color: var(--devsite-toc-border, var(--devsite-primary-color, #5f6368))
    }
devsite-toc[fixed] > .devsite-nav-list {
    contain: content;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    will-change: max-height, transform
    }
[dir=ltr] devsite-toc[fixed] > .devsite-nav-list {
    padding-right: 8px
    }
[dir=rtl] devsite-toc[fixed] > .devsite-nav-list {
    padding-left: 8px
    }
devsite-toc > .devsite-nav-list > :first-child > .devsite-nav-title {
    padding-top: 0
    }
devsite-toc > .devsite-nav-list > :last-child > .devsite-nav-list > :last-child > .devsite-nav-title:last-child, devsite-toc > .devsite-nav-list > :last-child > .devsite-nav-title:only-child {
    padding-bottom: 0
    }
devsite-toc.devsite-toc-embedded {
    display: none
    }
devsite-toc.devsite-toc-embedded > .devsite-nav-list {
    width: auto
    }
devsite-toc.devsite-toc-embedded .devsite-nav-item {
    display: none
    }
devsite-toc.devsite-toc-embedded .devsite-nav-item[visible], devsite-toc.devsite-toc-embedded[expanded] .devsite-nav-item {
    display: block
    }
devsite-toc.devsite-toc-embedded .devsite-nav-item.devsite-toc-toggle, devsite-toc.devsite-toc-embedded[expanded] .devsite-nav-item.devsite-toc-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
[dir=ltr] devsite-toc .devsite-nav-list {
    padding-left: 12px
    }
[dir=rtl] devsite-toc .devsite-nav-list {
    padding-right: 12px
    }
devsite-toc .devsite-nav-more-items, devsite-toc .devsite-nav-show-all {
    display: none
    }
devsite-toc[expandable] .devsite-nav-more-items, devsite-toc[expandable] .devsite-nav-show-all {
    color: #5f6368;
    display: block;
    height: 24px;
    padding: 0
    }
devsite-toc .devsite-nav-show-all {
    margin: -4px 0 0 4px;
    min-width: 20px
    }
devsite-toc .devsite-nav-show-all:before {
    content: "expand_more"
    }
devsite-toc .devsite-nav-more-items {
    margin-bottom: -8px;
    min-width: 0
    }
devsite-toc .devsite-nav-more-items:before {
    content: "more_horiz"
    }
devsite-toc[expanded] .devsite-nav-more-items:before, devsite-toc[expanded] .devsite-nav-show-all:before {
    content: "expand_less"
    }
devsite-toc .devsite-toc-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
    }
devsite-toc .devsite-show-apix {
    margin-top: 12px
    }
@media screen and (max-width: 1252px) {
    devsite-toc.devsite-toc, devsite-toc[visible].devsite-toc {
        display: none
        }
    devsite-toc.devsite-toc-embedded:not(:empty) {
        display: block;
        margin: 20px 0 24px
        }
    body[type=landing] devsite-toc.devsite-toc-embedded:not(:empty) {
        margin: 20px 40px 24px
        }
    }
@media screen and (max-width: 840px) {
    body[type=landing] devsite-toc.devsite-toc-embedded:not(:empty) {
        margin: 20px 24px 24px
        }
    }
@media screen and (max-width: 600px) {
    body[type=landing] devsite-toc.devsite-toc-embedded:not(:empty) {
        margin: 20px 16px 24px
        }
    }
.devsite-tooltip-msg {
    border-radius: 2px;
    background: rgba(95, 99, 104, 0.9);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font: 500 10px/10px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin-top: 8px;
    max-width: 300px;
    opacity: 1;
    padding: 6px 8px;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1020
    }
devsite-topic {
    display: block
    }
devsite-topic .devsite-topic--inner {
    max-width: 936px;
    padding: 0 40px;
    margin: 0 auto
    }
devsite-topic .devsite-topic--header {
    background-color: #fff;
    background-image: url(../images/devsite_topics_header.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 1440px auto;
    margin-bottom: 40px
    }
devsite-topic .devsite-topic--header .devsite-topic--inner {
    padding-top: 168px
    }
devsite-topic .devsite-topic--header h1 {
    top: auto;
    font-size: 36px;
    line-height: 44px
    }
devsite-topic .devsite-topic--header h1, devsite-topic .devsite-topic--header p {
    margin: 0;
    color: #202124;
    font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-topic .devsite-topic--header p {
    padding: 0;
    font-size: 18px;
    line-height: 24px
    }
devsite-topic .devsite-topic--header .jump-links {
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Google Sans;
    font-weight: 500;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    list-style: none;
    padding: 26px 0 0;
    width: 100%
    }
devsite-topic .devsite-topic--header .jump-links a:after {
    content: "arrow_downward";
    font: normal normal normal 18px/1 Material Icons;
    margin-left: 8px;
    vertical-align: text-bottom
    }
devsite-topic .devsite-topic--header .jump-links a {
    text-decoration: none !important
    }
devsite-topic .devsite-topic--header .jump-links a:link, devsite-topic .devsite-topic--header .jump-links a:visited {
    color: #5f6368 !important
    }
devsite-topic .devsite-topic--header .jump-links a:focus, devsite-topic .devsite-topic--header .jump-links a:hover {
    color: #1a73e8 !important
    }
devsite-topic .devsite-topic--section {
    padding: 40px 0
    }
devsite-topic .devsite-topic--section:nth-child(odd) {
    background: #f8f9fa
    }
devsite-topic .devsite-topic--section h2 {
    margin: 0;
    padding: 0;
    font-size: 32px;
    color: #202124;
    line-height: 40px;
    font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-topic .devsite-topic--section .devsite-topic-section-description {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #3c4043;
    line-height: 24px;
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-topic .devsite-topic-section--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    }
devsite-topic .devsite-topic-section--row .devsite-topic-section--card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 12px 24px
    }
devsite-topic .devsite-topic-section--row .devsite-topic-section--card .devsite-topic-section-card--title {
    font-size: 24px;
    color: #202124;
    line-height: 32px;
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-topic .devsite-topic-section--row .devsite-topic-section--card .devsite-topic-section-card--title a {
    color: #202124
    }
devsite-topic .devsite-topic-section--row .devsite-topic-section--card .devsite-topic-section-card--description {
    font-size: 16px;
    color: #3c4043;
    letter-spacing: 0.1px;
    line-height: 24px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
    }
devsite-topic .devsite-topic-section-card--label {
    padding: 16px
    }
devsite-topic .devsite-topic-section-card--label span {
    border-radius: 4px;
    padding: 2px 8px;
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase
    }
devsite-topic .devsite-topic-section--hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
    }
devsite-topic .devsite-topic-section--hero-media {
    margin-left: 12px
    }
devsite-topic .devsite-topic-section--hero-media .devsite-landing-row-item-image {
    background: none
    }
devsite-topic .devsite-topic-section--hero-description {
    margin-right: 12px
    }
devsite-topic .devsite-topic-section--hero-description p.devsite-topic-section-description {
    max-width: 100%
    }
devsite-topic .devsite-topic-section--hero-description, devsite-topic .devsite-topic-section--hero-media {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(50% - 12px)
    }
devsite-topic .devsite-topic-section--cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 24px;
    margin: 0 -12px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    }
devsite-topic .devsite-topic-section--cards .devsite-topic-section--card {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    margin: 0 12px 24px;
    width: calc(50% - 24px)
    }
devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--title {
    padding: 0 16px
    }
devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--title a {
    font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    font-size: 24px;
    color: #202124;
    line-height: 32px
    }
devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--description {
    padding: 8px 16px 24px;
    border-bottom: 1px solid #ddd;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
    }
devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--description p {
    font-size: 16px;
    color: #3c4043;
    line-height: 24px
    }
devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--meta {
    padding: 16px 16px 12px;
    font-size: 12px;
    line-height: 16px
    }
devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--meta-byline {
    color: #202124
    }
devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--meta-date {
    color: #3c4043
    }
devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 12px 8px 8px
    }
devsite-topic .devsite-topic-section--1-up .devsite-topic-section--card {
    width: calc(100% - 24px);
    margin-bottom: 0
    }
devsite-topic .devsite-topic-section--2-up .devsite-topic-section--card {
    margin-bottom: 0
    }
devsite-topic .devsite-topic-section--3-up .devsite-topic-section--card {
    width: calc(33% - 24px)
    }
devsite-topic .devsite-dynamic-content-message.caution {
    padding-left: 60px;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
    }
@media screen and (max-width: 840px) {
    devsite-topic .devsite-topic--inner {
        max-width: 768px;
        padding: 0 40px
        }
    }
@media screen and (max-width: 600px) {
    devsite-topic .devsite-topic--inner {
        max-width: 100%;
        padding: 0 24px
        }
    devsite-topic .devsite-topic--section {
        padding: 24px 0
        }
    devsite-topic .devsite-topic--section .devsite-topic-section--card {
        width: calc(100% - 24px)
        }
    devsite-topic .devsite-topic-section--hero {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
        }
    devsite-topic .devsite-topic-section--hero-description, devsite-topic .devsite-topic-section--hero-media {
        margin: 0;
        width: 100%
        }
    devsite-topic .devsite-topic-section--hero-media {
        margin-bottom: 24px
        }
    }
devsite-tracking-question {
    background-color: #f1f3f4;
    display: block;
    padding: 8px
    }
devsite-tracking-question .devsite-tracking-question-text {
    font-weight: 700
    }
devsite-tracking-question .devsite-tracking-question-hidden {
    display: none
    }
devsite-tracking-question .devsite-tracking-question-choice-button {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    color: #202124;
    cursor: pointer;
    line-height: 50px;
    margin: 8px 0;
    padding: 0 20px;
    -webkit-transition: background 0.2s, box-shadow 0.2s;
    transition: background 0.2s, box-shadow 0.2s
    }
devsite-tracking-question .devsite-tracking-question-choice-button:focus, devsite-tracking-question .devsite-tracking-question-choice-button:hover {
    background: #bdc1c6;
    box-shadow: 0 4px 8px 0 rgba(154, 160, 166, 0.5)
    }
devsite-user {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
    }
devsite-user:not(:empty) {
    margin: 0 -8px 0 0;
    min-width: 60px
    }
[dir=rtl] devsite-user:not(:empty) {
    margin: 0 0 0 -8px
    }
devsite-user #devsite-signin-btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font: 500 14px/36px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-user devsite-spinner {
    margin: 4px 8px 4px 20px
    }
devsite-user devsite-spinner.hide {
    opacity: 0;
    -webkit-transition: opacity 0.45s ease;
    transition: opacity 0.45s ease;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s
    }
devsite-user .ogb-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1)
    }
devsite-user .ogb-pending {
    opacity: 0
    }
devsite-user .ogb-si {
    margin: 0 0 0 16px
    }
[dir=rtl] devsite-user .ogb-si {
    margin: 0 16px 0 0
    }
devsite-user .ogb-so {
    margin: 0 0 0 12px
    }
[dir=rtl] devsite-user .ogb-so {
    margin: 0 12px 0 0
    }
devsite-user .gb_Rb > .gb_Qb, devsite-user .gb_Sb > .gb_Rb {
    -moz-box-sizing: content-box;
    box-sizing: content-box
    }
devsite-user button.devsite-user-change-account, devsite-user button.devsite-user-signout {
    height: auto;
    color: #3c4043
    }
devsite-user button.devsite-user-change-account .material-icons, devsite-user button.devsite-user-signout .material-icons {
    margin: 0;
    height: auto;
    width: auto;
    top: auto
    }
devsite-user button.devsite-user-change-account {
    border: 0
    }
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), not all {
    [dir=rtl] devsite-user .gb_xa:before {
        -webkit-transform-origin: right 0;
        transform-origin: right 0
        }
    }
devsite-user .devsite-user-dialog {
    display: none
    }
devsite-user .devsite-user-dialog a:link, devsite-user .devsite-user-dialog a:visited {
    text-decoration: none
    }
devsite-user[dialog--open] .devsite-user-dialog {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    color: #000;
    display: block;
    max-height: calc(100vh - 86px);
    outline: none;
    overflow: auto;
    position: absolute;
    right: 24px;
    top: 62px;
    width: 354px
    }
[dir=rtl] devsite-user[dialog--open] .devsite-user-dialog {
    left: 24px;
    right: auto
    }
devsite-user .devsite-user-dialog-photo, devsite-user .devsite-user-dialog-toggle, devsite-user .devsite-user-dialog-toggle .devsite-user-dialog-letter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0
    }
devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter, devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
    background: #202124;
    background: var(--devsite-background-color, var(--devsite-primary-color, #202124));
    color: #fff;
    color: var(--devsite-text-color, #fff)
    }
devsite-user .devsite-user-dialog-toggle {
    border: 4px solid transparent;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 32px;
    margin: 0 4px 0 0;
    overflow: hidden;
    text-decoration: none;
    width: 32px
    }
[dir=rtl] devsite-user .devsite-user-dialog-toggle {
    margin: 0 0 0 4px
    }
devsite-user .devsite-user-dialog-toggle:focus {
    border-color: rgba(0, 0, 0, 0.2)
    }
devsite-user .devsite-user-dialog-photo-thumbnail {
    height: 32px;
    width: 32px
    }
devsite-user[js-signin] button {
    box-shadow: none
    }
devsite-user[js-signin] .devsite-user-dialog-toggle {
    opacity: 0;
    -webkit-transition: opacity 0.45s ease;
    transition: opacity 0.45s ease
    }
devsite-user[js-signin] .devsite-user-dialog-toggle.show {
    opacity: 1
    }
devsite-user .devsite-user-dialog-toggle .devsite-user-dialog-letter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    font-size: 17px;
    height: 32px
    }
devsite-user .devsite-user-dialog-learn-more {
    background-color: #e8f0fe;
    border-radius: 4px;
    color: #5f6368;
    font: 12px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    margin: 4px 4px 0;
    padding: 4px 29px;
    text-align: center
    }
devsite-user .devsite-user-dialog-learn-more a, devsite-user .devsite-user-dialog-learn-more span {
    font-weight: 500
    }
devsite-user .devsite-user-dialog-learn-more a {
    color: #185abc
    }
devsite-user .devsite-user-dialog-learn-more a:focus, devsite-user .devsite-user-dialog-learn-more a:hover {
    text-decoration: underline
    }
devsite-user .devsite-user-dialog-user {
    padding: 20px 33px 23px;
    text-align: center
    }
devsite-user .devsite-user-dialog-photo {
    margin: 0 auto 16px;
    position: relative;
    left: -2px
    }
devsite-user .devsite-user-dialog-photo, devsite-user .devsite-user-dialog-photo-portrait {
    height: 80px;
    width: 80px
    }
devsite-user .devsite-user-dialog-letter {
    text-transform: uppercase
    }
devsite-user .devsite-user-dialog-photo .devsite-user-dialog-letter {
    font-size: 52px
    }
devsite-user .devsite-user-dialog-email, devsite-user .devsite-user-dialog-name {
    text-overflow: ellipsis;
    overflow: hidden
    }
devsite-user .devsite-user-dialog-name {
    color: #202124;
    font: 500 16px/22px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.29px
    }
devsite-user .devsite-user-dialog-email {
    color: #5f6368;
    font: 400 14px/19px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
    }
devsite-user .devsite-user-manage {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0;
    border: 1px solid #dadce0;
    border-radius: 17px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: 500 14px/20px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    height: 34px;
    letter-spacing: 0.25px;
    margin: 16px 0 0;
    padding: 0 16px;
    white-space: nowrap
    }
devsite-user .devsite-user-manage:link, devsite-user .devsite-user-manage:visited {
    color: #3c4043
    }
devsite-user .devsite-user-manage:focus, devsite-user .devsite-user-manage:hover {
    background-color: #f8f9fa
    }
devsite-user .devsite-user-manage:active {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #e8eaed;
    border-color: transparent
    }
devsite-user .devsite-user-dialog-buttons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
devsite-user .devsite-user-dialog .developer-profile:link, devsite-user .devsite-user-dialog .developer-profile:visited, devsite-user .devsite-user-dialog .devsite-user-developer-profile:link, devsite-user .devsite-user-dialog .devsite-user-developer-profile:visited, devsite-user .devsite-user-dialog .devsite-user-signin:link, devsite-user .devsite-user-dialog .devsite-user-signin:visited, devsite-user .devsite-user-signout:link, devsite-user .devsite-user-signout:visited {
    color: #3c4043
    }
devsite-user .devsite-user-dialog .developer-profile:focus, devsite-user .devsite-user-dialog .developer-profile:hover, devsite-user .devsite-user-dialog .devsite-user-developer-profile:focus, devsite-user .devsite-user-dialog .devsite-user-developer-profile:hover, devsite-user .devsite-user-dialog .devsite-user-signin:focus, devsite-user .devsite-user-dialog .devsite-user-signin:hover, devsite-user .devsite-user-signout:focus, devsite-user .devsite-user-signout:hover {
    background-color: #f8f9fa
    }
devsite-user .devsite-user-dialog .developer-profile:active, devsite-user .devsite-user-dialog .devsite-user-developer-profile:active, devsite-user .devsite-user-dialog .devsite-user-signin:active, devsite-user .devsite-user-signout:active {
    background-color: #e8eaed
    }
devsite-user .devsite-user-dialog .devsite-user-developer-profile, devsite-user .devsite-user-dialog .devsite-user-signin {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font: 500 14px/16px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.25px;
    padding: 15px 39px 16px;
    width: 100%
    }
devsite-user .devsite-user-dialog-buttons > :first-child {
    border-top: 1px solid #e8eaed
    }
devsite-user .devsite-user-dialog .devsite-user-signin {
    border-bottom: 1px solid #e8eaed
    }
devsite-user .devsite-user-dialog .new-notification {
    background: #1967d2;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 2px 8px
    }
[dir=ltr] devsite-user .devsite-user-dialog .new-notification {
    margin-left: 12px
    }
[dir=ltr] devsite-user .devsite-user-signin .devsite-switch-account-icon, [dir=rtl] devsite-user .devsite-user-dialog .new-notification {
    margin-right: 12px
    }
[dir=rtl] devsite-user .devsite-user-signin .devsite-switch-account-icon {
    margin-left: 12px
    }
devsite-user .devsite-user-developer-profile .google-dev-icon {
    width: 28px;
    position: relative
    }
[dir=ltr] devsite-user .devsite-user-developer-profile .google-dev-icon {
    margin-left: -4px;
    margin-right: 8px
    }
[dir=rtl] devsite-user .devsite-user-developer-profile .google-dev-icon {
    margin-left: 8px;
    margin-right: -4px
    }
devsite-user .devsite-user-signout {
    border: 1px solid #dadce0;
    border-radius: 4px;
    display: inline-block;
    font: 500 14px/16px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    letter-spacing: 0.15px;
    margin: 16px auto;
    padding: 10px 24px
    }
devsite-user .devsite-user-signout:active {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background-color: #e8eaed;
    border-color: transparent
    }
devsite-user .devsite-user-dialog-footer {
    border-top: 1px solid #e8eaed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px 20px
    }
devsite-user .devsite-user-dialog-footer-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0
    }
devsite-user .devsite-user-dialog-footer-link:not(:first-child):before {
    color: #5f6368;
    content: "•";
    font-size: 13px
    }
devsite-user .devsite-user-dialog-footer-link > a {
    border-radius: 4px;
    display: inline-block;
    font: 400 12px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    padding: 4px 8px
    }
devsite-user .devsite-user-dialog-footer-link > a:link, devsite-user .devsite-user-dialog-footer-link > a:visited {
    color: #5f6368
    }
devsite-user .devsite-user-dialog-footer-link > a:focus, devsite-user .devsite-user-dialog-footer-link > a:hover {
    background-color: #f8f9fa
    }
devsite-user .devsite-user-dialog-footer-link > a:active {
    background-color: #e8eaed
    }
devsite-user .devsite-devprofile-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 4px;
    margin-left: 1px;
    position: relative;
    opacity: 0
    }
devsite-user .devsite-devprofile-wrapper.show {
    opacity: 1;
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s
    }
devsite-user .devsite-devprofile-wrapper devsite-spinner {
    margin: 0 0 0 12px
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-button {
    margin: 0;
    padding: 0;
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    --devsite-button-background-hover: #e8eaed;
    --devsite-button-border-hover: none;
    --devsite-button-box-shadow-active: none;
    --devsite-button-background-active: #e8eaed;
    --devsite-button-border-radius: 50%;
    --devsite-button-box-shadow: none
    }
devsite-user .devsite-devprofile-wrapper.open .devsite-devprofile-button {
    background: #e8eaed
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-notch {
    width: 20px;
    height: 10px;
    position: absolute;
    right: 11px;
    top: -13px
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-notch:before {
    content: "";
    position: absolute;
    height: 3px;
    background: #fff;
    top: 12px;
    width: 22px;
    right: -5px
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout {
    position: absolute;
    background: #fff;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 4px;
    padding: 8px 0;
    margin-top: -1px;
    top: 100%;
    right: 0;
    white-space: nowrap;
    opacity: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    pointer-events: none;
    display: none
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    pointer-events: all
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout.visible {
    display: block
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .devsite-devprofile-popout-view-profile, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout.has-profile .devsite-devprofile-popout-create-profile {
    display: none
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout.has-profile .devsite-devprofile-popout-view-profile {
    display: block
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul {
    margin: 0;
    padding: 0
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul li {
    margin: 0;
    padding: 0;
    list-style: none
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 16px;
    color: #3c4043;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul li a:hover {
    background: #f1f3f4
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul li a svg {
    margin-right: 16px
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout {
    position: absolute;
    background: #fff;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: 8px;
    margin-top: -1px;
    top: 100%;
    right: -1px;
    padding: 16px;
    max-width: 378px;
    width: 100vh;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout.hide {
    opacity: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-error, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-step1, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-step2, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-step3, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-step4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-step3 {
    padding: 24px 0
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-logo svg {
    width: 74px
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout h4 {
    margin: 20px 0 8px;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #3c4043;
    text-align: left
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #3c4043
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .account-note {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.3px;
    color: #4c5155
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-newsletter {
    width: 100%;
    margin-bottom: 16px
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-newsletter label {
    font-size: 14px;
    letter-spacing: 0.25px;
    color: #3c4043;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 16px
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 24px
    }
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-buttons .button-dismiss {
    --devsite-button-border: 0;
    --devsite-button-border-hover: 0;
    --devsite-button-background-hover: #fff;
    --devsite-button-background-active: #fff;
    --devsite-button-border-active: 0;
    --devsite-button-box-shadow-active: none
    }
@media screen and (max-width: 840px) {
    devsite-user .ogb-si {
        margin: 0 0 0 4px
        }
    [dir=rtl] devsite-user .ogb-si {
        margin: 0 4px 0 0
        }
    devsite-user[dialog--open] .devsite-user-dialog {
        right: 16px
        }
    [dir=rtl] devsite-user[dialog--open] .devsite-user-dialog {
        left: 16px;
        right: auto
        }
    }
devsite-var {
    position: relative;
    white-space: nowrap
    }
devsite-var .devsite-var-input-wrapper {
    bottom: -2px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    left: -4px;
    position: absolute;
    width: 100%
    }
devsite-var[active] .devsite-var-input-wrapper {
    display: inline-block
    }
devsite-selector devsite-var .devsite-var-input-wrapper, table devsite-var .devsite-var-input-wrapper {
    bottom: -3px
    }
devsite-code devsite-var .devsite-var-input-wrapper {
    bottom: -2px
    }
devsite-var .devsite-var-input-wrapper + var {
    border-bottom: 1px dotted #ec407a;
    cursor: pointer
    }
devsite-var input.devsite-var-input {
    border: 1px solid #80868b;
    font-family: inherit;
    font-size: inherit;
    padding: 1px 3px 0;
    width: inherit
    }
devsite-var input.devsite-var-input:focus {
    border-bottom: 1px solid #80868b;
    padding-bottom: 0
    }
devsite-var .devsite-icon-edit {
    color: #ec407a;
    margin: 0 0 2px 5px
    }
devsite-var .material-icons.devsite-icon-edit {
    vertical-align: middle
    }
devsite-var .devsite-icon-close {
    bottom: 0;
    color: #212121;
    position: absolute;
    right: -4px;
    top: 0
    }
devsite-var .devsite-icon-close:hover {
    color: #212121
    }
devsite-var .devsite-var-wrapper .material-icons {
    background: none;
    border: none;
    font-size: inherit;
    height: inherit;
    min-width: inherit;
    padding: 0
    }
devsite-var .devsite-var-wrapper .material-icons:active {
    box-shadow: none
    }
devsite-var .devsite-var-wrapper .material-icons:hover {
    cursor: pointer
    }
devsite-version-selector {
    display: block;
    padding: 0 24px
    }
devsite-version-selector .devsite-version-selector-select {
    width: 100%
    }
.devsite-future-version, .devsite-future-version * {
    color: rgba(0, 0, 0, 0.26);
    text-decoration: none
    }
devsite-visibility-analytics[counterfactual] {
    display: block;
    height: 1px;
    opacity: 0
    }
devsite-visibility-analytics[counterfactual] * {
    display: none
    }
devsite-vplus .devsite-vplus-content-container {
    border: 1px solid #000;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    visibility: hidden
    }
devsite-vplus .devsite-vplus-slide-frame {
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 100%
    }
devsite-vplus .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 .devsite-vplus-video.devsite-vplus-large {
    height: 100%;
    width: 100%
    }
devsite-vplus .devsite-vplus-video-container {
    bottom: 0;
    cursor: pointer;
    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 .devsite-vplus-video-container.devsite-vplus-large {
    height: 100%;
    width: 100%
    }
devsite-vplus .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 .devsite-vplus-controls {
    background-color: #fff;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 490px;
    padding: 6px;
    text-align: center
    }
devsite-vplus .devsite-vplus-controls-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 700
    }
devsite-vplus .devsite-vplus-slide-status {
    margin: auto
    }
devsite-vplus .devsite-vplus-slide-status span {
    font-size: 18px
    }
devsite-vplus .devsite-vplus-slide-status span:not(:first-of-type) {
    padding-left: 5px
    }
devsite-vplus .devsite-vplus-player-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 16px
    }
devsite-vplus .devsite-vplus-control-button {
    cursor: pointer;
    box-shadow: none;
    height: 43px;
    padding-top: 0;
    width: 50px
    }
devsite-vplus .devsite-vplus-control-button:hover {
    box-shadow: 0 2px 4px #aaa;
    border-radius: 4px
    }
devsite-vplus .devsite-vplus-video-controls-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
devsite-vplus .devsite-vplus-pause-icon, devsite-vplus .devsite-vplus-play-icon {
    margin-left: 0
    }
devsite-vplus .devsite-vplus-next-button, devsite-vplus .devsite-vplus-play-button {
    padding-left: 0;
    margin-left: 16px;
    width: 50px
    }
devsite-vplus .devsite-vplus-triangle {
    border-style: solid;
    height: 0;
    margin: auto;
    position: relative;
    width: 0
    }
devsite-vplus .devsite-vplus-back {
    border-color: transparent #24508d transparent transparent;
    border-width: 8px 16px 8px 0
    }
devsite-vplus .devsite-vplus-back-triangle-1 {
    left: -8px;
    top: 15px
    }
devsite-vplus .devsite-vplus-back-triangle-2 {
    left: 8px;
    top: -1px
    }
devsite-vplus .devsite-vplus-forward-single {
    border-color: transparent transparent transparent #24508d;
    border-width: 16px 0 16px 25px;
    top: 5px
    }
devsite-vplus .devsite-vplus-forward {
    border-color: transparent transparent transparent #24508d;
    border-width: 8px 0 8px 16px;
    top: 5px
    }
devsite-vplus .devsite-vplus-forward-triangle-1 {
    left: -8px;
    top: 15px
    }
devsite-vplus .devsite-vplus-forward-triangle-2 {
    left: 8px;
    top: -1px
    }
devsite-vplus .devsite-vplus-pause {
    background-color: #24508d;
    height: 30px;
    width: 9px
    }
devsite-vplus .devsite-vplus-rect-1 {
    left: 12px;
    position: relative;
    top: 6px
    }
devsite-vplus .devsite-vplus-rect-2 {
    left: 29px;
    position: relative;
    top: -24px
    }
devsite-vplus .devsite-vplus-playbackrate select:hover {
    box-shadow: 0 2px 4px #aaa
    }
devsite-vplus .devsite-vplus-playbackrate .material-icons {
    margin-top: 10px
    }
devsite-vplus .devsite-vplus-playbackrate select {
    border-color: transparent;
    font-size: 18px;
    height: 46px;
    padding-bottom: 2px;
    padding-top: 2px;
    -moz-text-align-last: center;
    text-align-last: center;
    text-transform: none
    }
devsite-vplus .devsite-vplus-caption-control-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px
    }
devsite-vplus .devsite-vplus-caption-control {
    background-color: #24508d;
    border: 0;
    border-radius: 16px;
    color: #fff;
    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 .devsite-vplus-captions-off {
    background-color: #fff;
    color: #24508d
    }
devsite-vplus .devsite-vplus-controls .devsite-vplus-control-button.disabled {
    background-color: transparent
    }
devsite-vplus .devsite-vplus-prev-button.disabled .devsite-vplus-triangle {
    border-right-color: #94969a
    }
devsite-vplus .devsite-vplus-next-button:hover:not(.disabled) .devsite-vplus-triangle, devsite-vplus .devsite-vplus-prev-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-right-color: #18345c
    }
devsite-vplus .devsite-vplus-next-button.disabled .devsite-vplus-triangle {
    border-left-color: #94969a
    }
.next-button:hover:not(.disabled) .devsite-vplus-triangle, devsite-vplus .devsite-vplus-play-button:hover:not(.disabled) .devsite-vplus-triangle {
    border-left-color: #18345c
    }
devsite-vplus .devsite-vplus-navigation-button-container {
    margin: 0 auto;
    text-align: center
    }
devsite-vplus .devsite-vplus-navigation-button-link {
    text-decoration: none
    }
devsite-vplus .devsite-vplus-navigation-button {
    background-color: #24508d;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin: 12px 36px;
    padding: 12px 36px
    }
devsite-vplus .devsite-vplus-addendums {
    border: 1px solid #000;
    cursor: pointer
    }
devsite-vplus .devsite-vplus-addendums-header {
    background-color: #dadce0;
    outline: none;
    padding: 8px 8px 8px 0;
    width: 100%
    }
devsite-vplus .devsite-vplus-addendums-control {
    cursor: pointer;
    display: table-cell;
    vertical-align: middle
    }
devsite-vplus .devsite-vplus-addendums-control .material-icons.devsite-vplus-caption-button {
    cursor: pointer
    }
devsite-vplus .devsite-vplus-addendums-control > div {
    white-space: nowrap;
    margin-left: 8px;
    margin-right: 8px
    }
devsite-vplus .devsite-vplus select {
    outline: 2px
    }
devsite-vplus .devsite-vplus-notes-control > div > div:hover, devsite-vplus .devsite-vplus-transcript-control > div > div:hover, devsite-vplus .devsite-vplus select:hover {
    box-shadow: 0 2px 4px #aaa;
    background-color: #e1f3fc
    }
devsite-vplus .devsite-vplus select:focus {
    background-color: #e1f3fc
    }
devsite-vplus .devsite-vplus-addendums-control.devsite-vplus-search-widget > div {
    margin-left: 0;
    margin-right: 0
    }
devsite-vplus .devsite-vplus-addendums-label {
    white-space: nowrap
    }
devsite-vplus .devsite-vplus-addendums-control .devsite-hidden, devsite-vplus .devsite-vplus-notes-control .devsite-vplus-addendums-closed, devsite-vplus .devsite-vplus-notes-control .devsite-vplus-addendums-opened, devsite-vplus .devsite-vplus-transcript-control .devsite-vplus-addendums-closed, devsite-vplus .devsite-vplus-transcript-control .devsite-vplus-addendums-opened {
    display: none
    }
devsite-vplus .devsite-vplus-notes-control.goog-zippy-collapsed .devsite-vplus-addendums-closed, devsite-vplus .devsite-vplus-notes-control.goog-zippy-expanded .devsite-vplus-addendums-opened, devsite-vplus .devsite-vplus-transcript-control.goog-zippy-collapsed .devsite-vplus-addendums-closed, devsite-vplus .devsite-vplus-transcript-control.goog-zippy-expanded .devsite-vplus-addendums-opened {
    display: inline
    }
devsite-vplus .devsite-vplus-search-widget {
    background: #f1f3f4;
    padding: 2px 4px;
    position: relative;
    width: 100%
    }
devsite-vplus .devsite-vplus-search-widget > div {
    width: 100%
    }
devsite-vplus .devsite-vplus-search-input {
    background-color: transparent;
    border-width: 0;
    font-size: 14px;
    width: 100%
    }
devsite-vplus .devsite-vplus-search-input:hover {
    box-shadow: 0 2px 4px #aaa
    }
devsite-vplus .devsite-vplus-search-autocomplete {
    position: relative;
    white-space: normal;
    width: 100%;
    z-index: 1
    }
devsite-vplus .devsite-vplus-search-autocomplete .ac-renderer {
    background: #fff;
    border: 1px solid #5f6368;
    box-shadow: 2px 2px 2px hsla(0, 0%, 40%, 0.4);
    font: normal 13px Arial, sans-serif;
    position: absolute;
    width: 100%
    }
devsite-vplus .devsite-vplus-search-autocomplete .ac-row {
    cursor: pointer;
    padding: 6px
    }
devsite-vplus .devsite-vplus-search-autocomplete .ac-highlighted {
    font-weight: 700
    }
devsite-vplus .devsite-vplus-search-autocomplete .ac-active {
    background-color: #bdc1c6
    }
devsite-vplus .devsite-vplus-addendums-control div.devsite-vplus-captions-language-selector-wrapper, devsite-vplus .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 .devsite-vplus-captions-language-selector-wrapper .material-icons, devsite-vplus .devsite-vplus-video-language-selector-wrapper .material-icons {
    vertical-align: middle
    }
devsite-vplus .devsite-vplus-captions-language-selector-wrapper:focus-within .material-icons, devsite-vplus .devsite-vplus-video-language-selector-wrapper:focus-within .material-icons {
    display: none
    }
devsite-vplus .devsite-vplus-captions-language-selector-wrapper select, devsite-vplus .devsite-vplus-video-language-selector-wrapper select {
    background-color: #dadce0;
    min-width: 0;
    padding-right: 16px;
    width: 0
    }
devsite-vplus .devsite-vplus-captions-language-selector-wrapper select:focus, devsite-vplus .devsite-vplus-video-language-selector-wrapper select:focus {
    outline: 5px auto -webkit-focus-ring-color;
    padding-right: 27px;
    width: auto
    }
devsite-vplus .devsite-vplus-captions-language-selector-wrapper select.kd-select, devsite-vplus .devsite-vplus-video-language-selector-wrapper select.kd-select {
    border-color: transparent;
    font-size: small;
    height: auto;
    padding-bottom: 2px;
    padding-top: 2px;
    -moz-text-align-last: right;
    text-align-last: right
    }
devsite-vplus .devsite-vplus-addendums-opened .material-icons {
    width: 1em
    }
devsite-vplus .devsite-vplus-addendums-closed .material-icons {
    background-color: #bdc1c6;
    color: #fff;
    width: 1em
    }
devsite-vplus .devsite-vplus-notes {
    height: 100px;
    padding: 16px
    }
devsite-vplus .devsite-vplus-notes, devsite-vplus .devsite-vplus-transcript-captions {
    border-top: 1 solid #000;
    margin: 0;
    overflow: auto;
    position: relative;
    resize: vertical;
    width: 100%
    }
devsite-vplus .devsite-vplus-transcript-captions {
    height: 4.5em;
    padding: 0
    }
devsite-vplus .devsite-vplus-transcript-captions table {
    border-collapse: separate;
    margin: 0
    }
devsite-vplus .devsite-vplus-transcript-caption {
    padding: 0.15em 1em;
    width: 100%
    }
devsite-vplus .devsite-vplus-transcript-slide-separator {
    font-weight: 700;
    font-style: italic
    }
devsite-vplus .devsite-vplus-transcript-slide-separator hr {
    padding: 1px 0
    }
devsite-vplus .devsite-vplus-transcript-caption:focus {
    outline-offset: -3px
    }
devsite-vplus .devsite-vplus-transcript-caption td {
    background-color: #fff;
    border-color: #fff;
    padding: 0 0.25em;
    text-shadow: 0 0 0 currentColor
    }
devsite-vplus .devsite-vplus-transcript-caption:hover td {
    text-shadow: 0.5px 0 0.1px #5f6368, -0.5px 0 0.1px #5f6368
    }
devsite-vplus .devsite-vplus-transcript-caption:hover .devsite-vplus-transcript-caption-bullet {
    visibility: visible
    }
devsite-vplus .devsite-vplus-transcript-caption.devsite-vplus-caption-highlighted td {
    background-color: #fff176
    }
devsite-vplus .devsite-vplus-transcript-caption .devsite-vplus-transcript-caption-bullet {
    padding: 0 0 0 4px;
    visibility: hidden
    }
devsite-vplus .devsite-vplus-transcript-caption-time {
    font-weight: lighter;
    min-width: 2.5em;
    text-align: right
    }
devsite-vplus .devsite-vplus-transcript-caption-text {
    width: 100%
    }
devsite-vplus .devsite-vplus-fullscreen-icon {
    color: #24508d;
    padding: 0;
    text-overflow: inherit;
    text-transform: none
    }
devsite-vplus .devsite-hidden {
    display: none
    }
devsite-youtube {
    display: block;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
    }
devsite-youtube iframe {
    height: 101%;
    left: -0.5%;
    position: absolute;
    top: -0.5%;
    width: 101%
    }
devsite-youtube .devsite-video-placeholder span {
    color: #202124;
    padding: 8px;
    position: absolute
    }
devsite-youtube .devsite-video-placeholder img {
    position: absolute
    }
google-codelab {
    width: 100%;
    height: 100%;
    padding-top: 64px
    }
google-codelab, google-codelab #main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
google-codelab #main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    background: #f8f9fa
    }
google-codelab #codelab-title {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    color: #3c4043;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 64px;
    padding: 0 36px 0 16px;
    -webkit-font-smoothing: antialiased;
    z-index: 1000
    }
google-codelab #codelab-title h1 {
    font-size: 20px;
    font-weight: 400;
    margin: 0 8px;
    font-family: Roboto, Noto, sans-serif;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 0;
    display: inline-block
    }
google-codelab #codelab-title .time-remaining {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap
    }
google-codelab #codelab-title .time-remaining i {
    margin-right: 3px
    }
google-codelab #codelab-nav-buttons {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
    }
google-codelab #codelab-nav-buttons, google-codelab #codelab-nav-buttons #arrow-back, google-codelab #codelab-nav-buttons #menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
google-codelab #codelab-nav-buttons #arrow-back, google-codelab #codelab-nav-buttons #menu {
    text-decoration: none;
    color: #3c4043;
    width: 40px;
    height: 40px
    }
google-codelab #codelab-nav-buttons #arrow-back, google-codelab #codelab-nav-buttons #menu, google-codelab #controls {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
    }
google-codelab #controls {
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    padding: 0 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1001
    }
google-codelab #controls, google-codelab #fabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
google-codelab #fabs {
    max-width: 1025px;
    width: 100%;
    margin: 0 auto
    }
google-codelab #fabs, google-codelab #fabs .spacer {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
    }
google-codelab #done, google-codelab #next-step, google-codelab #previous-step {
    border-radius: 4px;
    font-family: Google Sans, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 24px;
    padding: 6px 24px;
    pointer-events: auto;
    text-transform: none;
    background: #fff;
    color: #1a73e8;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    -webkit-font-smoothing: antialiased
    }
google-codelab #next-step {
    color: #fff;
    background: #1a73e8
    }
google-codelab #done {
    background: #1e8e3e;
    color: #fff
    }
google-codelab #fabs a[disappear] {
    -webkit-transform: scale(0);
    transform: scale(0)
    }
google-codelab #done {
    background: #0f9d58
    }
google-codelab #drawer .codelab-time-container {
    display: none
    }
@media (max-width: 768px) {
    google-codelab #codelab-title .codelab-time-container {
        display: none
        }
    google-codelab #drawer .codelab-time-container {
        display: block;
        padding: 20px 10px 10px 23px
        }
    google-codelab #drawer .time-remaining i {
        margin-right: 9px
        }
    }
google-codelab #drawer {
    background: #fff;
    width: 256px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 100;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f8f9fa
    }
google-codelab #drawer, google-codelab #drawer .steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
google-codelab #drawer .steps {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-x: visible;
    max-height: calc(100% - 54px)
    }
google-codelab #drawer .steps:only-child {
    max-height: 100%
    }
google-codelab #drawer .metadata .material-icons {
    top: 6px;
    position: relative
    }
google-codelab #drawer ol {
    margin: 0;
    padding: 16px 12px;
    counter-reset: li-count;
    list-style: none;
    overflow-x: visible;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
    }
google-codelab #drawer ol li {
    display: block;
    counter-increment: li-count
    }
google-codelab #drawer ol li a {
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #80868b;
    padding: 3px 10px;
    min-height: 48px;
    font-weight: 400;
    line-height: 20px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    font-family: Roboto, Noto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #dadce0;
    border-radius: 5px;
    margin: 6px 0;
    background: #fff
    }
google-codelab #drawer ol li a:active, google-codelab #drawer ol li a:focus {
    background: #c6c6c6;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    border-color: #c6c6c6 !important
    }
google-codelab #drawer ol li a .step {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
google-codelab #drawer ol li .step:before {
    content: counter(li-count);
    display: inline-block;
    font-style: normal;
    width: 26px;
    min-width: 26px;
    color: #fff;
    background: #80868b;
    border-radius: 50%;
    text-align: center;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
    margin-right: 8px;
    font-weight: 400;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
    }
google-codelab #drawer ol li[selected] a, google-codelab #drawer ol li a:focus {
    color: #212121;
    font-weight: 600;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
google-codelab #drawer ol li[selected] a {
    border-color: #fff
    }
google-codelab #drawer ol li[selected] .step:before {
    font-weight: 600
    }
google-codelab #drawer ol li[completed] a {
    color: #212121
    }
google-codelab #drawer ol li[completed] .step:before {
    background-color: #1a73e8;
    color: #fff
    }
google-codelab #drawer .metadata {
    color: #777;
    font-size: 14px;
    padding: 16px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
    }
google-codelab #drawer .metadata a {
    color: currentcolor;
    margin-left: 4px
    }
google-codelab #codelab-nav-buttons #menu {
    display: none
    }
google-codelab #drawer ol ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
    }
google-codelab #drawer ol ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, 0.5)
    }
@media (max-width: 768px) {
    google-codelab {
        display: block;
        position: relative
        }
    google-codelab #main {
        height: 100%
        }
    google-codelab #codelab-nav-buttons #arrow-back {
        display: none
        }
    google-codelab #codelab-nav-buttons #menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
        }
    google-codelab #drawer {
        width: 256px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 10000;
        will-change: transform;
        box-shadow: 2px 2px 4px transparent;
        pointer-events: none;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3s ease-in-out;
        transition: box-shadow 0.3s, -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, box-shadow 0.3s;
        transition: transform 0.3s ease-in-out, box-shadow 0.3s, -webkit-transform 0.3s ease-in-out
        }
    google-codelab[drawer--open] #drawer {
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
        -webkit-transform: translatez(0);
        transform: translatez(0);
        pointer-events: all
        }
    google-codelab #main:before {
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        -webkit-transition: opacity 0.38s ease-in-out;
        transition: opacity 0.38s ease-in-out;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 10;
        pointer-events: none;
        opacity: 0
        }
    google-codelab[drawer--open] #main:before {
        opacity: 1;
        pointer-events: all
        }
    }
google-codelab #steps {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
    }
google-codelab google-codelab-step {
    display: none;
    width: 100%;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 32px;
    overflow-y: auto;
    overflow-x: hidden
    }
google-codelab google-codelab-step[animating], google-codelab google-codelab-step[selected] {
    display: block;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
    }
google-codelab google-codelab-step[animating] {
    pointer-events: none;
    position: absolute;
    overflow: hidden
    }
google-codelab #drawer ol li {
    padding: 0;
    margin: 0
    }
google-codelab {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0
    }
google-codelab #codelab-title h1 {
    width: auto;
    color: #3c4043;
    top: 0
    }
google-codelab .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    overflow: hidden
    }
google-codelab .no-return-url {
    display: none !important
    }
google-codelab #drawer .metadata .material-icons, google-codelab-about .about-card .material-icons {
    top: 0 !important
    }
body[type=codelab] devsite-footer-utility .devsite-footer-utility-button > a, google-codelab .button-blue, google-codelab .button-green, google-codelab .button-primary, google-codelab .button-red {
    color: #fff !important
    }
body[type=codelab] {
    color: #5c5c5c;
    font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
    overflow: hidden
    }
body[type=codelab] google-codelab {
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
    }
body[type=codelab] devsite-googler-buttons {
    bottom: 95px
    }
body[type=codelab][ready] google-codelab {
    opacity: 1
    }
body[type=codelab] .devsite-main-content {
    max-width: 100% !important;
    padding: 0 !important
    }
body[type=codelab] a:focus {
    text-decoration: none
    }
body[type=codelab] .devsite-badger-award {
    left: 256px
    }
body[type=codelab] .devsite-back-to-top-link, body[type=codelab] .devsite-banner, body[type=codelab] .devsite-footer, body[type=codelab] .devsite-heading-link, body[type=codelab] devsite-code:after, body[type=codelab] devsite-header {
    display: none
    }
@media screen and (max-width: 840px) {
    body[type=codelab] .devsite-badger-award {
        left: 0
        }
    }
google-codelab-about .codelab-title {
    width: 100%;
    text-align: center;
    font-size: 32px;
    margin: 20px auto 30px;
    line-height: 45px;
    max-width: 700px
    }
google-codelab-about .codelab-title .token {
    display: inline-block;
    margin: 0 5px
    }
google-codelab-about .about-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #dadce0;
    border-radius: 5px;
    background: #fff;
    max-width: 800px;
    margin: 0 auto 30px;
    padding: 20px
    }
google-codelab-about .about-card h2 {
    font-weight: 500;
    font-weight: 400 !important;
    line-height: 1em !important;
    margin: 0 !important;
    font-size: 28px
    }
google-codelab-about .about-card > :not(:first-child) {
    padding-top: 30px
    }
google-codelab-about .about-card .material-icons {
    margin-right: 10px;
    top: 6px;
    position: relative
    }
google-codelab-step {
    line-height: 24px;
    display: block
    }
google-codelab-step:focus {
    outline: none
    }
google-codelab-step code, google-codelab-step pre {
    font-family: Source Code Pro, Helvetica, Arial;
    font-size: inherit;
    border-radius: 4px;
    overflow-x: auto;
    overflow-y: visible
    }
google-codelab-step code {
    background-color: #e8eaed;
    padding: 0.1em 0.3em
    }
google-codelab-step pre {
    display: block;
    color: #fff;
    background-color: #28323f;
    padding: 14px;
    -webkit-text-size-adjust: none;
    line-height: 1.4
    }
google-codelab-step pre > code {
    padding: 0;
    background-color: transparent
    }
google-codelab-step code em {
    color: #97c8f2
    }
google-codelab-step code .str, google-codelab-step pre .str {
    color: #34a853
    }
google-codelab-step code .kwd, google-codelab-step pre .kwd {
    color: #f538a0
    }
google-codelab-step code .com, google-codelab-step pre .com {
    color: #bdc1c6
    }
google-codelab-step code .typ, google-codelab-step pre .typ {
    color: #24c1e0
    }
google-codelab-step code .lit, google-codelab-step pre .lit {
    color: #4285f4
    }
google-codelab-step code .pln, google-codelab-step code .pun, google-codelab-step pre .pln, google-codelab-step pre .pun {
    color: #f8f9fa
    }
google-codelab-step code .tag, google-codelab-step pre .tag {
    color: #24c1e0
    }
google-codelab-step code .atn, google-codelab-step pre .atn {
    color: #eda912
    }
google-codelab-step code .atv, google-codelab-step pre .atv {
    color: #34a853
    }
google-codelab-step code .dec, google-codelab-step pre .dec {
    color: #5195ea
    }
google-codelab-step paper-button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 5.14em;
    margin: 0 0.29em;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
    font: inherit;
    text-transform: uppercase;
    outline-width: 0;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    z-index: 0;
    padding: 0.7em 0.57em;
    font-family: Roboto, Noto, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2)
    }
google-codelab-step h2.step-title {
    font-family: Google Sans, Arial, sans-serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1em !important;
    margin: 0 0 30px !important
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    background: #fff;
    max-width: 800px;
    font-size: 14px;
    margin: 0 auto 90px;
    border-radius: 4px
    }
google-codelab-step .instructions .inner {
    padding: 24px
    }
google-codelab[theme=minimal] google-codelab-step .instructions .inner {
    padding: 0 24px
    }
@media (max-width: 800px) {
    google-codelab .instructions {
        margin: 0 0 16px
        }
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions a, google-codelab:not([theme=minimal]) google-codelab-step .instructions a:visited {
    color: #1a73e8
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions h2, google-codelab:not([theme=minimal]) google-codelab-step .instructions h3, google-codelab:not([theme=minimal]) google-codelab-step .instructions h4 {
    font-weight: 400;
    margin: 0
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions h2 {
    font-weight: 300;
    line-height: 1em;
    font-size: 22px
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions {
    line-height: 24px
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions li {
    margin: 0.5em 0
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions h2 {
    font-weight: 500;
    margin: 20px 0 0;
    font-size: 20px
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0 0
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions aside {
    padding: 0.5em 1em;
    margin: 2em 0;
    border-left: 4px solid;
    border-radius: 4px
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions aside p {
    margin: 0.5em 0
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.note, google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.notice {
    border-color: #ea8600;
    background: #fef7e0;
    color: #212124
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.special, google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.tip {
    border-color: #137333;
    background: #e6f4ea;
    color: #212124
    }
google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.warning {
    border-color: #ea8600;
    background: #fef7e0;
    color: #212124
    }
google-codelab-step .instructions aside.callout {
    background-color: #e8f0fe;
    margin: 20px 0;
    padding: 15px;
    border-left: 3px solid #185abc;
    border-radius: 4px;
    color: #212124;
    font-size: 14px;
    line-height: 1.5
    }
google-codelab-step aside.callout b {
    color: #185abc
    }
google-codelab-step .instructions ul.checklist {
    list-style: none;
    padding: 0 0 0 1em
    }
google-codelab-step .instructions ::content ul.checklist li, google-codelab-step .instructions ul.checklist li {
    padding-left: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEUAAAAxokwwoks1pFAxokwxokwxokwxokwxokwnnkQnnkQnnkRou3y84cTS69cxokwonkQxokwnnkRqvH1VsmtluXlVsmsnnkRdtnLw+PIxokwqn0YinEAfmj3goh/UAAAAGnRSTlMA2CcEo+6AQT7+2IOBJxPl27alhoBnX15SCCe258UAAAB+SURBVEjH7dA5EoAgEERR3BcQ923Q+1/T0SqKlNbMouP3gxkRFvZpyQb64VSQT4mOcYc8mU5DnqIG8zXoozj4d34tML+YrET8XBFx4e2F4oAL4N7J3EUB/EfSUwD/zG3hvFdROu9XtL31vgXguQA9F6DnAvM8WbOHpkXYD3cBBCcPjtASYjwAAAAASUVORK5CYII=")
    }
google-codelab-step .instructions h2 code, google-codelab-step .instructions table code {
    background: #fff
    }
google-codelab-step .instructions .indented {
    margin-left: 40px
    }
google-codelab-step .instructions strong {
    font-weight: 600
    }
google-codelab-step .instructions :link paper-button {
    text-decoration: none !important
    }
google-codelab-step .instructions paper-button {
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    font-family: Google Sans, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.6px;
    padding: 6px 16px 6px 12px;
    text-transform: none
    }
google-codelab-step .instructions paper-button a {
    text-decoration: none;
    color: inherit !important
    }
google-codelab-step a paper-button {
    display: inline-block
    }
google-codelab-step .instructions paper-button.colored {
    background-color: #1e8e3e
    }
google-codelab-step .instructions paper-button.red {
    background-color: #d93025
    }
google-codelab-step .instructions iron-icon {
    vertical-align: sub;
    margin-right: 7px;
    margin-left: 3px;
    font-size: 16px;
    top: -1px;
    position: relative
    }
google-codelab-step .instructions img {
    max-width: 100%;
    vertical-align: bottom
    }
google-codelab-step .instructions .image-container {
    text-align: center
    }
google-codelab-step .instructions table {
    border-spacing: 0
    }
google-codelab-step .instructions td {
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding: 8px
    }
google-codelab-step .instructions table p {
    margin: 0
    }
google-codelab:not([theme=minimal]) .instructions h3.faq {
    border-bottom: 1px solid #ddd
    }
google-codelab:not([theme=minimal]) .instructions ul.faq {
    list-style: none;
    padding-left: 1em
    }
google-codelab:not([theme=minimal]) .instructions .faq li {
    font-size: 1.1em;
    margin-bottom: 0.8em
    }
google-codelab:not([theme=minimal]) .instructions .faq a {
    color: inherit;
    text-decoration: none
    }
google-codelab:not([theme=minimal]) .instructions .faq a:hover {
    text-decoration: underline
    }
google-codelab-step .instructions .faq a[href*=cloud\.google\.com] {
    padding-left: 22px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC9FBMVEX////u7u7v7+/ZRDf/zEH/zkPbRTlJifT/z0XYRDhRj/XWRDdPjvVOjfX/zkH/z0fXQzdGiPXUQzdMi/VKi/Xr6+3t7e1SkPXbRDdLjPW70fPaQjVOjPXx8PD9/f1nnff19fXRQzdHifVJhOxEh/Tu7/JLifH9y0DUQjVtofhOi/NKh+9HgelGf+b+7saaWXX/zDz+yTrZRzrRQjT7+/vxx8PeqkTsuj32uzrOQzdqn/j39/fr6Oj9yT/3vjvaQDPUPTBJivVKifPq7O/z0Mz968T4wj7zwD3NPTHGPDD0+P9Bifrv8/Xx8vJJhu5EfOPo3Nv/0Ez8y0rxvT3ZPjBDi/tBhPT55ePkysj+3Hr/0VLHVErcpkPcTUH7xD35wTzztznpsTjKRTjo8P3U4/z6+vr//PmQt/mBrff//fayy/ZUkfZjmfSXufP78/L18+//+Oj66Of+9eBCdt3t59f/89TvxcPsurXasKztqKL+4Y7jjIT0033ShH3hc2ngaV7/1F3/0ljjv1fbWU37xkDaoEDCSj/xujvptjvutjrxtjn8xDflrDb5vjXJQjX2tzP4+v+bwf3I3Pyiw/t0pvhel/VZlPW90fP/+/DV3/Cdu+/e4uv33Nk+btP+8Mz+8Mniwb7+7L3u371Vdrv+6bDusq3+56j+5aTx2Z+Gjpj+4pbolI3RjYehnIT+2XPedW370mbHaGDMZl3bY1jQVUvbU0f/00PYTkLKSj/tsjjwpjfeXjfnfjbEQjbXPjTSPS/w9vu50vs7hfr5+flypPf89vb89fTF1fHM2vBsnfB3ou/67+6swOpekert6uNdi+M5deLq4OA/dt83bt80a9xmjdby19VKc8jx5cf12cP/7r/gwr+pnr/v4b7xwLtffbf+6rHx3KnorKjYqKTXpqHXo57aop3ZkovTwIboh3+jX3f30XDgenCWUm3Kc2zIsGnMcGj4y1zgYFXgX1TfrEXWlz7mhjfsrTbkljbabDbcVTbsmTBDSJ02AAAFFklEQVRYw+2WV1jTUABGkyZpi6W0tKUWC0hBsAporbMWrCgqKA6WCooK7r333nvvvffee++99957b33x3uTetIEGnnzx83y89Tunf25SWuI/f4Oqk6cU4ijLkr9sfp5Ckyfk6h8o5JkH4umpVPr5+fnqdLro6GiZTBYkk3l71z5SNbdA8zyt8wLYhKefUunr66vV6WQsMDExF3/StLytka/0VPopfbUgoEWBoCBv76lNcj6AFnnQ+6MB0BcsKNA8x2M4iPbjAThQgVsAA545TWg8RQlc5MMBflrg8wHgg3NsIX6OAa10Lr6SDQgHgAXetSeJD5iqRTrytfAKdHwgiAu0EZ3QvEBhYLLAu6+LDoIOtCApKSnVUqoBDondyiahoTggazt9ej4hd94Wxbya4z5wskZoYVgA0/NXlGSlVr3iJpOpOMsbt36r4BphsACQHSezBfSP4zQQs8Zs3n7P3QmeDQ8OAwVwdkEt0ADhhI3jFCxms7lfu+yBthHhwcFhoaCgnXZC4obqPYbZPABqgHVpNj/yak1QABdRQatriwcIiXy312alrBRFqff175jFb9lrZecIVGgz09+NTurjbw/LNFmtUqnVw8PRM0AY6JowaHFN7iIKz2rvtCIjfbBPkvF992aapABKakzvKByQymxbO5e7iDb8BfjoA5uWsPv7kJxPSi4Oy7RpgA/+kl8KArdolUq1uDMshLXCA8jD6NXqpEQPAmDCszibTSFlccS4+DMGMCrVtvdzO0eEh59CPulfgsDYoQ/Rb4q1mbiCsX8zZ2AVrQLIV16uGRGMTxD6PIEkh2TBOPA4og09nSeYJoe+fND1SxdmSRCBgg+6PypE9o01mTRq6Bs+1yEQqcCHJK69cn62xDnA3YS6W4qD51kBA9LV6MX5aXKuIB90/wyJnztCQFMJKuif2zQANfANn9CnchlYzyWYF7OFV8ATgAPV624BAzQKCgTSSxIsDxIYOQR00m7kFgjpsQP6CgUlNWxFd7LDAEaOoPvoc74ESa1NsUBXK9QelLHfafTqclZmKwXvsjpJihyi/mkc9j3Su/P7BngxeMJHPXoru9vbCP4vYZ9aT/DMpxkAW7CsCCFZ3D5I5BowAPnp1wgnqRaGQ84kduEKemchwC5BJ1jX6Tt6Ey50SvBiMH1AgCvYA1i9BP8UkRtjsW8c3E5wjcstfCBxUQgW/APt9sBAfxIR/2ScBvnS5O6EgA4baL7w+hzpRELyhNSqZ1Jgf/0xQsgSuXPCQzxBSPwaG/YpawyRhRnrvBh0DvSGLkITn2A9M/Kljt5HiawsTGAwxVbohS7+JGPfOBgNEJDK3wg60d2EBTvM2KdWE27opPLCWPqEZP9W+BCLfIoa3JFwxyoLX4haVNFHSMUecQrsGx8RbmmZxgfoIV9KIeoDhg4d+jXTzPubCREWWmhOB0SV5hgxYkRGxpgxY36i+2cEgRixQLN1FpqnYJWkKklJScNLjxy5MyPjhwf0Kegn9yZEmZdAuxQqVwEkDR8+auTO77uhD3XKsbWOeKBZL4ugULlyuXJlyjQaNeqbFfhG6BuSwdeqOF0H0q6FBmyhUaNdu6FPQd/RHw4Qpxfj4heMatCwIZywh1JTLAYD+mkhSoeBLoGoqCENYGDXL943oB834iyhLdjHgfF79mHfsb0bkRvLBhZDjB49euzYsePH/96/vzyHeXN3Inc6zSuCqcRys1tJjm4xdYj//JP8AXE5S/JuAn7MAAAAAElFTkSuQmCC")
    }
google-codelab-step .instructions .faq a[href*=stackoverflow\.com] {
    padding-left: 22px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATwAAAE8CAMAAABq2/00AAAA4VBMVEUAAACCg4aCg4aCg4bIj0P1fx/2hh+ojHCojHCojHD2ih/UjCn0eiD0eiD2hB/2hR/RjjDUjCnKkkPUjCnUjCn2ih/UjCnCllPCllP2ih/CllPCllPCllP2ih/CllPCllPCllP2ih/2ih/CllPCllP2ih/2ih/CllPUjCnCllPUjCn0eiD0eiD2ih+ojHD0eiDUjCn0eiD0eiCojHDUjCn0eiDUjCn0eiDUjCnUjCn0eiCojHD0eiCojHD2ih+ojHD2ih+ojHCojHCdiXaViHuCg4aojHD0eiDCllPUjCn2ih8XYwy7AAAARXRSTlMAv0CAEEAQv4BA7++/gCBQQN8wIIDPv2Dfv5+PUDDPryCAcO+/r49wn4Bg79/frJ9QcGDPr6+Pj3DPz2AwIJ9wYOaPVDAbIL/gAAAGhElEQVR42uzbsYrCQBDG8WmyxaJJlcIixQmxMSIRgiBB7Bbm/R/oPAnH3e0SxwSvyf/3DLt8zDeMAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F9k7Xm1Xwlek53WqyY87AVWfbHumvCTE5hkIZYJTFyIrQU2+xA5CmxWIULcWq1DTGBzCrFcMDluC4ENcTtDEyKdwKYLkYuAuH27ggFtuj7ETgLiNo0B7Z3c1YnNMUQaWbTC6/W1uKUPHbha7wr60GnP7ot3YpGHWCsL5Wod1JP70LMsU+H12424nfDsBj4XgzMD2kN20F82YtDSh965nf61JW7Nzy7iKwY067OLlfJcw/qx1KQPQ9zSh1aaVtGHGnxoUummrB97WZhSk3byRM/6UST3mpQRtwZbTTo4GXdhQLvbaNJVxnX0oSMftyBuDQpN8o4BzaDWpFrG5KwfH5zXpJuMCfShox83pw812GnSxrx+XPI5hjvowF7ttawfB5km+Yq4nf5xS84x5lR7nGPMqfaI2znVHgPajGqPc4w51R7nGJ/sm29P2zAQh49h1kJgJHGWlrbQItAIebNO67owadpgwOzv/4Wm8S8NLsXxGSTu/HyEk/O78+McRu0FH4pQe2EdA6P2wjoGRu2FdotQe2EdA6P2wjoGRu2FdotQe+GChlF7DNcxKulN7bFbx4h1lPlSe+x8aKK1Tqae1B6zdYxM35BLP2qP1TqGjPQdmfCi9ji125l+ICp9qD1G6xixXiSPPag9PusYiW5SCLza49JuK/2YKEOrPSYXNBFpkyTGqj0e6xiFXkoukWqPwzpGrJ8iEyi1x8GHnuknSUqU2qO/jlHpVeQpwhB8oL6OISK9mkK4qz3q7bbQzxFV7mqP9jpGqi1IYme1R3sdI060BTPpaAiot9ss0hZkwk3tUb+gyUJbkEzd1B55HxqfaQvy1Ent0V/HKCNtwVy0NwSfGPhQMdcWRJWD2uOwjiFzbcFZ3F7tsVjHmDqMLTZqj3S7bTm2RJloZwh2maxjyJnd2NJS7XFZx7AcW2QrtUe93dZUDmOLjdrbaTTa7e9fNgj1i7ZjS9lK7dU+dPvzzgaRZ8elpPZji73a2/j749vOLuWytRtbCmmv9jghLMcWuw936zfwwnZssTAEexw+VidTmstn1N4Wr2/2gcrBlO6HY3eHKNqPLYfh2FmPLeZ/aXvh2D1Q2o0tYkHt8ZxQliIybTm2NNXex30IWI8tcePDPYSAywPv+61w7NwfeHfJHrvJS44tSQmUGan+oCfAgTi3fOCly1D952A4eqkH3gTocqDuOT5NX2JsmQJZhFrkaHwy8fzAmwNdeuoRRgQiTakEugyUSR2B+LFlDoTpK4M6AvH/pUUC6JIqAyMCMQ+8pMe8E2XgGIFlxKxbAIyVgUUEWj/wUh6QAZQBIgJlzqlbQKwMUBE4Tdh0C4ChMsBFoMgiJt2ivpvVoCNQznh0CxDKAB2B9dgSA2l6ygAbgfUDbwG0GSgDPxEo5tS7xYq7GT4CU8Im6pbRsNkxMBFIex5ezqQ3qM8fPgL5kZ6Mj1QNLgKpR90y4tNjpbxFID+ExwjsAUN8ReAYmOIjAlmePF8RyLHv+orAPgScI3AIb531tQZ/XjECR3DL5VoTeDOsXTVYf8UIFHDLu6sm8GZAFA8ZgccQimcgLCPwNBRvOROLCExD8Z4mXR2BRxCK5+wCx6F47hHYC8Vzj8BJKJ5zBPYhFM85Agf0i3dx3ulcdLubm5e+I3BEv3id65r7Ov70EoGCV/EW+NrpdLu/cHWkX7zz65pn6hiK9689O8hJKIaiMCxK0nYzTBgSYxDs/pekiTohEq/v0eRKv28J/+zkXMbrF2IdxQvEC3ScOF7r6+3LrtZDa1vxVinfHaeId+qjTBCv9kGO4i1XJoi365/EWxCv9EF24i1XJ4jXv4iXKd7p/uNt+yjt/uO1PspZvOVmmGcPrZ1q3ZUi3qoDaNva4WYdj5PFu2nHMm+8nzqKF4y3vuOreL923PcrqngRz6291FrKXrxbdWzifXB6iydehHh5iDco3maQpxnivQ2yEU888cQLEi8R8cSLES8R8cSLES8R8cSLES8R8cSLES8R8QbFexzkPEO86xxA4on3F+LlIZ54QeLlIZ54QeLlIZ54QeLlId6qeOk8/BviiRciXibiiRciXibiiRciXibiiRciXibiiQcAAAAAAAAAAAAAAAAAwHTeAe21evvWi2VXAAAAAElFTkSuQmCC")
    }
google-codelab-step .instructions .faq a[href*=support\.google\.com\/webmasters\/] {
    padding-left: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAolBMVEUAAADW1tbW1tZ6enrQ0dJ6enrMzMzq6+zq6+x6enru7+/m5+ju7+/m5+j////S09REi/XW1tbm5+ju7+9PT0/Q0dK8vLxGjfVZWVlNTU16enrMzMzIyMj09PS/0uuSkpJpaWmbm5tim/e0tLSEhIStx+3e3+GsrKxwcHBZk/dPk/R1p/KPtu/U3eqmpqZlZWVfmO5woeqHreWvwN6nu9qLi4vZSE73AAAADnRSTlMAEcxmzO7MzDMz7u6IiHn/rpYAAALMSURBVHja7dXpjtowFIZhUkqZlSV1ncQdEsK+zD7T+7+1xjTiwxVOAmeORyP5+2UspPchEtDy8/Pz8/Pz8/M7cZeduHKdyxbL0FfVAMUraHdUHUB12i22tZWqBRSDgKFfC4CApV8PgIClXw/gE6hyTd/lAR7gAV8fEHwbWtc/ul/WfQ8IfQKAIECfCoCA3sdq+nQB+nQABIQ+CQABtY9Z+lQB+gwACBj6AFAE6DM9AL0fAalPB/yGgNAfntwHAAJKnwCAwNLneQAAVAvM/ttzVLlB4z2/A6AFVoDRf43IfewVgGKNAG/Uvrl39BsCXqh9cy8nA/51tmk63+jDZp6m9wTA4DzANiyW6lOqTxAMHAD22XASReuwpKDvELCNookBGJwx9E8B3OvsQp8e9GmOviNANA/Dh4k+TApBukHfFSBa7/I7whqf3xWA/gOAoU8DDJwBCHk+wIAw9CsAPw/W++CFB/MAD/hCgL59PXPS8toRYKHEndkTauEQIIUQ0hToG2eAXOicKdBXmSPAo9CTpkDo5U4Ad6IEGILy0gFgFJctCACIh/yATABwIChvVyE3IBR7AAQAiOmIGZADAMEBQMkRL+AJAAgOALGUI07AQgBgCPb3uRbwAaYAGAIAZlIL2AA5AIYAgJXUAjaAAsAQADCWO4EjAAQGQAvYAUsDsDQAeuwAMZvu89PZ/jZhBmQCi2dl60+MPiMAf8UgZEUpK/LoJ4oX0C9LIIyF0U8yXkBPVCzRWzIDZjX9sWQG9Kv7ScYN6KnKfizZAf2qfpLzA3p5RV9JboDeytp/kk4Ao5WtP+UFQKCO9sdTSQQ03+OR/kxKdgAWZv/11VI6AWBmP5HSNQD5zwQknwxIqIBu468hBgDqNYCuFXBDASSNAbdWQHB1PiBpDLgOWtZdXPEDri/QswjYAOjbF9x0OQHd26Dl5+fn5+fn5+dn7i/3LEaKJNV/0wAAAABJRU5ErkJggg==")
    }
google-codelab-step .instructions .faq a[href*=android-developer], google-codelab-step .instructions .faq a[href*=developer\.android\.com] {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAq1BMVEX///+lyjmfxyGhyCqkyjakyTP+/vuiyS7z+OWlyjKgxyTX57ChyCfa6bTx9uLy9+Sz0l6szk/D24Tt9NrN4ZnK4JSiyCyexh34+/D6/PTp8dPh7cjf7L7k78vc6rnW5qzU5ajS5KPP4p+21GWnzD3F3Yi813Kx0ViqzUWexhr8/vjv9d7Z6LKy0lyZxADh7cLA2n2rzkr1+erJ35C61m6uz1KcxRHn8M6/2XgEePWtAAACr0lEQVRo3u3Z2XKiQBiG4Y9ebNO2aCCyzOC+7zH7/V/ZRJZQZaJpWnKS4TlJUItXbX4pFJXK71DTusvccI6z5oMSAutdhDP2uzpK4CxwxsRBGYJdA19qLAOU4s4LkyUN7G4Ude2glmzuRihHKDqAPZhNuJRKSckms37rvctrKMnG728l5cxKMU7JuCF7KEvf87h1gnu0iXK4B2p9Sc3dUgZNMusMLvu42r20LiBXT8JMWRepN1xlGu+fK8/6xFPxwsvH697/eP/j7uDTOvB+dxwX/AaM2SQ+6icrYHDyGmgfWE3irNeCqTaPAwcArydroboAbuMAb8NQRNJn20SYtHK8HaKZzoffhZl5tlNxsD5PsnUQ2b9jwwnO35WvRo3lN/o2TDwKS5M3gokF0w2wZxgIlpY2FpgsgdQPkLXJQar0A/LVIDB6Idp2GxQQrJI/rbq2Voijlc5S9LZs8uYCqBVyXLTZhLW/fSn3hDMmZAQ05I020gT2PmeM+w4uGpLksFs+oEEtbaqJVnpUkz4uyebf6xQK0CY6XjoSC1xQ9/PPr4KB52zuvTrOa5EssC0auM0C0tYKtI0DqgpUgSpQBapAFfifAj90Tn5YZoGnooH8eutB56KDDosGhlTrYiTyk0epVdFAKJLn9rLHRSNfcE4tF0UDcAXlXPhDfGPtjGejEMUDCEdPY8eFHoOADvPAxiDQLBBQkUHAJfoB34UBS/9CfAETe6lZYKZft/QIFe94vicRy7tcvKOkB0PhYOo4zlNWYNvjpjOdZwU+O24OQlynK62EGCF2J9IbpIsy/P0I3CHW+Qj8qQJVoAr8VOCx3EB+YvDSwIDmXzaW4oZZseU6Lfr5aaAUPT8uyPuT33VeIpRkI5RHyRQfHEKFUj2UJuh1GjaQsxudKECl8jv8A6GtQkKSkMLrAAAAAElFTkSuQmCC")
    }
google-codelab-step .instructions h3 > a[href*=github], google-codelab-step .instructions h3 > a[href*=github]:visited {
    color: #000;
    text-decoration: none;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-size: 18px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAflBMVEUAAACXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZbf2s+YAAAAKXRSTlMA+SAC7QrIBPXROWMX17rCSmusXEaAD9zNeXFWJqOLMx3mtJJAK5xP4Jw4LyAAAAT6SURBVGje1NbdcqJAEAXg0zJAQEFA0QhojJHE8/4vuBfrJlvQGHSGbO13CzVT09M/g//HIssPRZAYIUkxSVAc8myBSfnrMjVUmbRc+5jEsUqFN0lazeDYogo4SlC5jPq6EI4mxRpOhKuId4pWof228y0fsJ1bbp0lfFCS4XFNSgtpg8eEO6EV2YV4QBvRWtTiXl4udEByD3fxCzpS+LhDk9CZpMFosaFDJsZItdApqTHKnM7NMULOCeQW5534zDUnUuOmWDgRiXFDYzgZ02CQn3BCiY8BXsFJFd7YQjLPkeGDTPRsRhZVK+zIABxX+yfe6Wm/OgL4YIe0UIQRO8x1jm/yiHeI8s11RdP7FKJvx649PmUBRwoyfNqza6dUktzsNt7HliNsa+9m95UGXSl7XvQn2OV0qOpzO1tsNotZe66rw+lyXbb08bcX9qToyNgjYTcoS3PaxT4UflydzLJ7nFDYk3V+SdhzQZfnQTP89VW5jPDbmRTAWvDdnAq1zFnC2pLfHHnFn9uYK3yJ+HOhZoRPa2peYe2VmjX+KKjawNKGqgJXC6HqDEtnqmSB3yrqSlgqqau+UkAVwVLEKz1tZxxQw1LNATObSNvHOqUqCGEtDKhKAcAXqlo40Ag14g92D77BiTcO9pByqNbsDfeIcvCK3+HI++AlG2piOBJTY4AjNVs4s6XmiMwitSzSK0Nu0bQs2leOAzUzODOj5qDPYvHgTCj6TA703HLoog+oxGIgWgzHBMbigWnx1DSQyTcOqBDw34Sav9q1sx1HYSAKoNcYE4cl0AlhIB22rF3//4PTI43ULbrMYjzKy5zHROiGyNhlyqAXDC5z8Acc6mcFu3+OpeCD+Y87ONMRR1isik6qet+wah3gzMEwfIPXLIsB9sQp4UxJnL2pDFRwRBHrauoEZHDkaeoV5PSKKpNydMTSCk4oTawO8O07Nva9JN+8Z0skHNgk5l3bkf7hLUcjW+CceH2B1YqeeDmzTXU5sB/EE4rZmDucsA9ksBtvJuoQq4SaDE5sqc8n2+eaNyqBOTmHtcycG8xo3B4lrMgjmZ0GrwtYaQsLbUBmImZeojKuHRbyHjRmz5ZFQRUdByfGxCPEfPJW07gbVyVoiU9xIwYz97GVs1LD5oMmbPknvcKntLmXNNDvT2GBEV1WXXyadjA0Q64bIMygLsTo00aCsbmWfCbfDOEnt6QF8EzjlBi6BasVdscU5HYwbdz9LO65y9ae4tjKwTzDTJUZfxlPJjRLhoELfdPHgNrl9ZIFK6I5LhjyxOB75QdFsqAEVIKmCW+qcZ0B9xvOPft7eReaVnFPRPmj1lPvbcJdx6toUrkB46zpmyeAnFLViMGDZvSkKfo8Y3ikAORjB8RVqonIT4+hxJjW/qRRzezNvd1VoegKoG1uGOPRhBomaktfAok/PJ9a3PykQEk1xsQ0bqtg5Pk/+04qBtryotDlG4wpaJTvzS7Q3sCwDdbhgu1sw9yi7V/9XFSEb3MwbAbXYWn5H7zF3+5J2gZHNhuPX5frsaqaOvWpsAw+rC3FY6tg/cRMYU88zya4DzGbV7oL3npYQNWugmuFZSLtIlhHWOwcrA8OzrAgT3pdsD5J2PH2a4L3HuzdStvgMscq8j2hL/e5wcm7BLA2OuBbFebVKWBirYR/D6OWc16JizqEO0WUCrHzMMrbCZFGBf5j/QYa/td1VlNoIAAAAABJRU5ErkJggg==")
    }
google-codelab-step .embedded-iframe, google-codelab-step .youtube-video {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    width: 560px;
    height: 315px;
    border: none;
    max-width: 100%;
    max-height: 51vw
    }
google-codelab google-codelab-step .note:before, google-codelab google-codelab-step .special:before, google-codelab google-codelab-step aside:before {
    content: unset !important
    }
google-codelab google-codelab-step .instructions aside.special, google-codelab google-codelab-step .instructions aside.warning {
    margin: 10px 0 !important;
    padding: 15px 20px !important
    }
iron-icon {
    font: normal normal normal 24px/1 Material Icons;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    font-size: inherit
    }
iron-icon[icon=file-download]:after {
    content: "cloud_download"
    }
google-codelab .warning, google-codelab .warning :link, google-codelab .warning :visited, google-codelab .warning code {
    background: #fef7e0
    }
google-codelab .special :link, google-codelab .special :visited, google-codelab .special code, google-codelab aside :link, google-codelab aside :visited, google-codelab aside code {
    background: #e6f4ea
    }
google-codelab-step td {
    background: transparent
    }
google-codelab-step .instructions h3 > a[href*=github], google-codelab-step .instructions h3 > a[href*=github]:visited {
    background-position: 0 3px
    }
google-codelab-step code .pln, google-codelab-step code .pun, google-codelab-step pre .pln, google-codelab-step pre .pun {
    color: inherit
    }
google-codelab-step code {
    font: 500 90%/1 Roboto Mono, monospace
    }
google-codelab-step pre {
    background: #f1f3f4;
    border-radius: 0;
    color: inherit;
    margin: 16px 0;
    overflow-x: auto;
    padding: 8px 80px 8px 8px;
    position: relative
    }
google-codelab-step pre, google-codelab-step pre code {
    font: 14px/20px Roboto Mono, monospace
    }
google-codelab-survey {
    visibility: hidden
    }
google-codelab-survey[upgraded] {
    visibility: visible
    }
google-codelab-survey {
    display: block;
    margin: 2em 0;
    padding: 0;
    background: #e8f0fe;
    border-left: 4px solid #185abc;
    border-radius: 4px;
    color: #3c4043
    }
google-codelab-survey h4 {
    font-size: 16px;
    font-weight: 400;
    padding: 0.8em 0 0;
    margin: 0
    }
google-codelab-survey .survey-question-wrapper {
    padding: 0.4em 0 1.1em 30px
    }
google-codelab-survey .survey-question-options {
    padding: 0.8em 0 0
    }
.survey-option-wrapper {
    cursor: pointer;
    display: block;
    padding: 0 0 4px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
    }
google-codelab-survey .option-text {
    color: #212121;
    font-size: 16px;
    padding-left: 24px
    }
.survey-option-wrapper input {
    position: absolute;
    opacity: 0
    }
.custom-radio-button {
    position: absolute;
    top: 5px;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #fff;
    border: 2px solid #3f51b5;
    border-radius: 50%
    }
.custom-radio-button:after {
    content: "";
    position: absolute;
    display: none
    }
.survey-option-wrapper input:checked ~ .custom-radio-button:after {
    display: block
    }
.survey-option-wrapper .custom-radio-button:after {
    top: 1px;
    left: 1px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #3f51b5
    }