/* LINT.IfChange */

body[type="landing"] [ds-is="header"],
[ds-is="header"] .devsite-collapsible-section {
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}

.devsite-jsfiddle-hide,
[ds-is="toc"] {
  display: block;
}

.data-sample:not([is-upgraded]),
.devsite-dialog:not([is-upgraded]),
.ds-selector-tabs:not([is-upgraded]),
.ds-selector-dropdown:not([is-upgraded]),
.code-sample:not([is-upgraded]),
.kd-tabbed-horz:not([is-upgraded]),
.kd-tabbed-vert:not([is-upgraded]),
iframe.devsite-embedded-youtube-video:not([is-upgraded]),
pre.prettyprint:not([is-upgraded]) {
  pointer-events: auto;
  visibility: visible;
}

/* LINT.ThenChange(//depot/google3/devsite/two/static/css/app/components.scss) */
devsite-content-footer{clear:both;color:#80868b;display:block;font:italic 13px/20px Roboto,sans-serif}
devsite-cse{display:block}devsite-content .devsite-search-project{border-bottom:1px solid #ebebeb;padding-bottom:39px;margin-bottom:40px}devsite-content .devsite-projectless-search-link,devsite-content .devsite-search-term{font-weight:bold}devsite-content .devsite-search-title{margin:0;padding:0}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,sans-serif;padding:0}devsite-cse .gsc-above-wrapper-area{display:none}devsite-cse .gsc-results{width:100%}devsite-cse .gsc-webResult.gsc-result,devsite-cse .gsc-webResult.gsc-result:hover,devsite-cse .gsc-results .gsc-imageResult{background:0;border: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-no-results-result .gs-snippet,devsite-cse .gs-error-result .gs-snippet{background:0;border:0;color:#202124;margin:0;padding:0}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,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 *{font:500 16px/24px Roboto,sans-serif;height:auto;text-decoration:none}devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:focus,devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:focus,devsite-cse .gsc-control-cse .gs-result .gs-title:focus{text-decoration:underline}devsite-cse .gsc-control-cse .gs-result .gs-title b{font-weight:bold}devsite-cse .gs-webResult div.gs-visibleUrl,devsite-cse .gs-imageResult div.gs-visibleUrl{color:#1e8e3e;font-size:14px}devsite-cse .gcsc-branding{display:none}
devsite-debug-info{background:#fff;bottom:16px;color:#80868b;box-shadow:0 1px 3px 0 rgba(60,64,67,0.3),0 4px 8px 3px rgba(60,64,67,0.15);left:16px;position:fixed;padding:0 16px;z-index:1014}devsite-debug-info *{font-size:12px;line-height:1;text-align:left}devsite-debug-info .devsite-debug-info-buttons{padding-top:16px}devsite-debug-info .devsite-debug-info-buttons button{border-radius:50%;padding:0}devsite-debug-info h3{font-weight:bold;overflow:visible}devsite-debug-info .bad{color:#c53929}devsite-debug-info .good{color:#0d904f}devsite-debug-info span{font-weight:bold}
devsite-dialog{background:#fff;color:#80868b;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;margin:24px;max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);overflow:auto;padding:8px;position:fixed;z-index:1014;left:50vw;top:50vh;transform:translate(-50%, -50%)}@media screen and (max-width: 840px){devsite-dialog{margin:16px;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px)}}devsite-dialog:not([open]){display:none}devsite-dialog .devsite-dialog-contents{color:#80868b;padding:16px}devsite-dialog .devsite-dialog-contents>p:first-child:last-child{margin:0}devsite-dialog h3{margin:0 0 20px}devsite-dialog .devsite-dialog-buttons{text-align:right}
devsite-expandable{display:block;position:relative}devsite-expandable:not([expanded])>*:not(.showalways):not(.expand-control):not(.exw-control){display:none}devsite-expandable .exw-control+h2.showalways{margin:44px 0 20px;padding-bottom:7px}devsite-expandable .exw-control+h3.showalways,devsite-expandable .exw-control+h4.showalways{margin:36px 0 20px}devsite-expandable .expand-control:not(button):not(.button){cursor:pointer}devsite-expandable .exw-control+.showalways{line-height:24px;padding-left:40px}devsite-expandable a.exw-control,devsite-expandable a.exw-control:hover{-ms-flex-align:center;align-items:center;background:#80868b;border-radius:50%;color:transparent;cursor:pointer;display:-ms-flexbox;display:flex;font:normal normal normal 24px/1 'Material Icons';font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-transform:none;word-wrap:normal;height:20px;-ms-flex-pack:center;justify-content:center;margin:2px 0;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:20px}devsite-expandable a.exw-control::before{color:#fff;content:'add'}devsite-expandable[expanded] a.exw-control::before{content:'remove'}
devsite-dialog devsite-feedback-contents.devsite-dialog-contents{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0}devsite-feedback-contents h3{margin:0 0 20px;padding:16px 16px 0}devsite-feedback-contents .devsite-feedback-items{display:-ms-flexbox;display:flex;padding:0 6px}devsite-feedback-contents .devsite-feedback-item{-ms-flex-align:center;align-items:center;color:#80868b;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 20px;min-width:160px;text-decoration:none;white-space:nowrap;width:50%}devsite-feedback-contents .devsite-feedback-item:active{text-decoration:none}devsite-feedback-contents .devsite-feedback-item-icon-container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:48px;-ms-flex-pack:center;justify-content:center;margin:8px 0;width:48px}devsite-feedback-contents .devsite-feedback-item-icon-color{border-radius:50%;color:#fff}devsite-feedback-contents .devsite-feedback-item-icon{font-size:32px}devsite-feedback-contents .devsite-feedback-item-icon-container img{max-width:100%}devsite-feedback-contents .devsite-feedback-support{padding-top:16px;text-align:center}devsite-feedback-contents .devsite-feedback-support-icon{font-size:18px;margin-right:4px;vertical-align:middle}devsite-feedback-contents .devsite-feedback-support-icon+span{vertical-align:middle}devsite-feedback-contents .devsite-feedback-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}
devsite-filter input{width:100%}
devsite-framebox{display:block;width:100%}devsite-framebox iframe{height:calc(100% + 40px);margin:-20px;width:calc(100% + 40px)}
devsite-googler-buttons[ds-is="googler-buttons"]{-ms-flex-align:center;align-items:center;bottom:28px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:fixed;right:24px;z-index:1009}devsite-googler-buttons>a:focus{text-decoration:none}devsite-googler-buttons .devsite-googler-button{-ms-flex-align:center;align-items:center;background:#fff;border-radius:50%;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;box-shadow:0 1px 3px 0 rgba(60,64,67,0.3),0 4px 8px 3px rgba(60,64,67,0.15);height:40px;-ms-flex-pack:center;justify-content:center;margin:4px 0;outline:0;transition:background .2s,box-shadow .2s;width:40px}devsite-googler-buttons .devsite-googler-button:hover,devsite-googler-buttons .devsite-googler-button:focus,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-buttons-hide{height:24px;width:24px}devsite-googler-buttons .devsite-googler-buttons-hide::before{color:#80868b;content:'close';display:block;font-size:18px}devsite-googler-buttons .devsite-googler-bug::before{color:#e52592;content:'bug_report'}devsite-googler-buttons .devsite-googler-edit::before{color:#7cb342;content:'edit'}devsite-googler-buttons .devsite-googler-env::before{color:#1e88e5;content:'swap_horiz'}
.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-select{position:relative}devsite-select select{display:none !important;pointer-events:none !important;position:absolute;z-index:-1}devsite-select .devsite-select-toggle{-ms-flex-align:center;align-items:center;-moz-appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;utf8,\a     <svg xmlns='http://www.w3.org/2000/svg' width='20' height='4'\a     viewBox='0 0 20 4'><path d='M0,0l4,4l4-4H0z' fill='%23212121'/></svg>") no-repeat right;box-shadow:none;color:#202124;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font:500 14px/36px Roboto,sans-serif;height:36px;min-width:72px;outline:0;overflow:hidden;text-align:left;text-indent:.01px;text-overflow:unset;transition:background-color .2s;vertical-align:middle;white-space:nowrap}devsite-select .devsite-select-toggle:hover,devsite-select .devsite-select-toggle:focus{background-color:#f7f7f7}devsite-select .devsite-select-toggle:active{background-color:#ebebeb}devsite-select .devsite-select-toggle:disabled{background:#f7f7f7 url("data:image/svg+xml;utf8,\a       <svg xmlns='http://www.w3.org/2000/svg' width='20' height='4'\a       viewBox='0 0 20 4'><path d='M0,0l4,4l4-4H0z' fill='%23bdbdbd'/></svg>") no-repeat right;border-color:transparent;color:#bdc1c6;cursor:default}devsite-select .devsite-select-list{background:#fff;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,sans-serif;max-height:304px;opacity:0;overflow-y:auto;padding:8px 0;pointer-events:none;position:absolute;transition:opacity .2s,visibility .2s;visibility:hidden;z-index:2}devsite-select[menu--open] .devsite-select-list{opacity:1;pointer-events:auto;visibility:visible}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{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0;min-height:48px;min-width:100%;padding:8px 16px;white-space:nowrap}devsite-select .devsite-select-item:hover,devsite-select .devsite-select-item:focus{background-color:#f7f7f7;cursor:pointer}
devsite-selector{background:#fff;display:block;font:14px/20px Roboto,sans-serif;margin:16px 0}devsite-selector devsite-tabs{display:none}devsite-selector devsite-tabs[connected]{display:-ms-flexbox;display:flex}devsite-selector devsite-tabs tab a{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;margin:0;max-width:200px;overflow:hidden;padding:0 24px;text-align:center;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}devsite-selector devsite-tabs tab a:link,devsite-selector devsite-tabs tab a:visited{color:#80868b}devsite-selector devsite-tabs tab[active] a::after{border-radius:0;bottom:0;height:2px;left:0;right:0}devsite-selector devsite-tabs tab[two-line] a{-webkit-line-clamp:2;white-space:normal}devsite-selector devsite-tabs[ds-is="tabs"] tab[overflow-tab] .devsite-tabs-overflow-menu tab a{height:auto;min-height:48px;width:100%}devsite-selector>section{display:none}devsite-selector>section[active]{display:block;padding:0 23px}devsite-selector>section[active] .devsite-table-wrapper tr:first-child{border-top:0}devsite-selector>section table thead tr{border-top:0}devsite-selector devsite-code pre,devsite-selector>section .devsite-table-wrapper{margin:0 -23px}devsite-selector devsite-code pre{padding-left:23px}devsite-selector .devsite-code-buttons-container{margin-right:-23px}
devsite-snackbar{bottom:0;left:0;margin-right:24px;min-width:288px;position:fixed;right:0;z-index:99999}devsite-snackbar .devsite-snackbar-snack{bottom:0;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0 0 24px 24px;position:absolute;transform:translateY(100px);transition:transform .2s cubic-bezier(0.4, 0, 1, 1)}devsite-snackbar [show].devsite-snackbar-snack{transform:translateY(0)}devsite-snackbar .devsite-snackbar-inner{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;color:#fff;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);-ms-flex-direction:row;flex-direction:row;font-size:14px;padding:0}devsite-snackbar .devsite-snackbar-message{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;line-height:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word}devsite-snackbar .devsite-snackbar-action,devsite-snackbar .devsite-snackbar-link{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;cursor:pointer;display:inline-block;-ms-flex-positive:0;flex-grow: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:hover,devsite-snackbar .devsite-snackbar-action:focus,devsite-snackbar .devsite-snackbar-action:active,devsite-snackbar .devsite-snackbar-link,devsite-snackbar .devsite-snackbar-link:hover,devsite-snackbar .devsite-snackbar-link:focus,devsite-snackbar .devsite-snackbar-link:active{background:0;border:0;box-shadow:none}devsite-snackbar .devsite-snackbar-link:focus{text-decoration:none}@media screen and (max-width: 840px){devsite-snackbar{margin-right:0;max-width:100%}devsite-snackbar .devsite-snackbar-snack{left:0;padding:24px 0 0;right:0}}
devsite-spinner{animation:devsite-spinner__container-rotate 1568.23529412ms linear infinite;display:-ms-flexbox;display:flex;height:28px;position:relative;width:28px}devsite-spinner[centered]{margin:0 auto}@keyframes devsite-spinner__container-rotate{to{transform:rotate(360deg)}}devsite-spinner .devsite-spinner__layer{height:100%;opacity:0;position:absolute;width:100%}devsite-spinner .devsite-spinner__layer-1{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{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{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{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}@keyframes devsite-spinner__fill-unfill-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(1080deg)}}@keyframes devsite-spinner__layer-1-fade-in-out{0%,25%,90%,100%{opacity:.99}26%,89%{opacity:0}}@keyframes devsite-spinner__layer-2-fade-in-out{0%,15%,51%{opacity:0}25%,50%{opacity:.99}}@keyframes devsite-spinner__layer-3-fade-in-out{0%,40%,76%{opacity:0}50%,75%{opacity:.99}}@keyframes devsite-spinner__layer-4-fade-in-out{0%,65%,100%{opacity:0}75%,90%{opacity:.99}}devsite-spinner .devsite-spinner__gap-patch{border-color:inherit;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{animation:none;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute;right:0;top:0}devsite-spinner .devsite-spinner__left .devsite-spinner__circle{animation:devsite-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;border-right-color:transparent !important;transform:rotate(129deg)}devsite-spinner .devsite-spinner__right .devsite-spinner__circle{animation:devsite-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;border-left-color:transparent !important;left:-100%;transform:rotate(-129deg)}@keyframes devsite-spinner__left-spin{0%,100%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}}@keyframes devsite-spinner__right-spin{0%,100%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}}
devsite-support-projects{position:relative}devsite-support-projects .devsite-support-projects-placeholder{height:36px;position:absolute}
devsite-tooltip-msg{border-radius:2px;background:rgba(95,99,104,0.9);color:#fff;display:-ms-flexbox;display:flex;font:500 10px/10px Roboto,sans-serif;margin-top:8px;opacity:1;padding:6px 8px;pointer-events:none;position:absolute;transition:opacity .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1020}
devsite-youtube{display:block;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}devsite-youtube iframe{height:101%;left:-.5%;position:absolute;top:-.5%;width:101%}devsite-youtube .devsite-video-placeholder span{color:#202124;padding:8px;position:absolute}devsite-youtube .devsite-video-placeholder img{position:absolute}