@charset "UTF-8";
.align-start{align-items:start}
.align-center{align-items:center}
.decoration-none{text-decoration:none}
.direction-column{flex-direction:column}
.display-block{display:block}
.display-inline-block{display:inline-block}
.display-flex{display:flex}
.display-inline-flex{display:inline-flex}
.display-grid{display:grid}announcement-banner[hidden]{display:none}
.flow-space-300{--flow-space:1rem}
.flex-1{flex:1}
.flex-shrink-none{flex-shrink:0}body,h1,h2,h3,p,pre{margin:0}
.gap-300{margin:1rem}
.gap-top-200{margin-top:.5rem}
.gap-top-300{margin-top:1rem}
.gap-top-400{margin-top:1.5rem}
.gap-top-500{margin-top:2rem}
.gap-top-1000{margin-top:4.5rem}
.gap-bottom-0{margin-bottom:0}
.gap-bottom-100{margin-bottom:.25rem}
.gap-left-200{margin-left:.5rem}
.gap-left-300{margin-left:1rem}
.gap-left-400{margin-left:1.5rem}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-gap-300{gap:1rem}
.grid-gap-500{gap:2rem}
.height-600{height:2.5rem}
.height-700{height:3rem}
.justify-content-between{justify-content:space-between}
.justify-content-around{justify-content:space-around}
.justify-content-center{justify-content:center}
.object-fit-cover{object-fit:cover}
.object-fit-contain{object-fit:contain}
.object-fit-none{object-fit:none}
.overflow-hidden{overflow:hidden}
.pad-0{padding:0}
.pad-200,top-nav{padding:.5rem}
.pad-300{padding:1rem}
.pad-400{padding:1.5rem}
.pad-top-300{padding-top:1rem}
.pad-top-600{padding-top:2.5rem}
.pad-right-200{padding-right:.5rem}
.pad-right-400{padding-right:1.5rem}
.pad-bottom-600{padding-bottom:2.5rem}
.pad-left-0{padding-left:0}
.pad-left-200{padding-left:.5rem}
.pad-left-400{padding-left:1.5rem}
.text-align-center{text-align:center}
.rounded-100{border-radius:.25rem}
.rounded-lg{border-radius:.75rem}
.user-select-none{user-select:none}
.visibility-hidden{visibility:hidden}
.weight-regular{font-weight:400}
.width-600{width:2.5rem}
.width-700{width:3rem}
.width-full,side-nav navigation-tree,video{width:100%}

@media screen and (min-width:592px){
.md\:direction-row{flex-direction:row}
.md\:gap-top-400{margin-top:1.5rem}
.md\:pad-400{padding:1.5rem}
}

@media screen and (min-width:992px){
.lg\:align-center{align-items:center}
.lg\:direction-row{flex-direction:row}
.lg\:display-flex{display:flex}
.lg\:display-none{display:none}
.lg\:flow-space-500{--flow-space:2rem}
.lg\:gap-top-0{margin-top:0}
.lg\:gap-left-400{margin-left:1.5rem}
.lg\:gap-left-500{margin-left:2rem}
.lg\:grid-gap-500{gap:2rem}
.lg\:pad-right-0{padding-right:0}
.lg\:pad-right-200{padding-right:.5rem}
.lg\:pad-right-600{padding-right:2.5rem}
.lg\:pad-left-0{padding-left:0}
.lg\:pad-left-200{padding-left:.5rem}
.lg\:pad-left-600{padding-left:2.5rem}
}

@media screen and (min-width:860px){
.masonry\:align-start{align-items:start}
.masonry\:direction-row{flex-direction:row}
.masonry\:pad-top-1000{padding-top:4.5rem}
.masonry\:pad-right-500{padding-right:2rem}
.masonry\:pad-bottom-1000{padding-bottom:4.5rem}
.masonry\:pad-left-500{padding-left:2rem}
}

@media screen and (min-width:2048px){
.jlm\:align-start{align-items:start}
.jlm\:direction-row{flex-direction:row}
.jlm\:pad-top-1000{padding-top:4.5rem}
.jlm\:pad-right-500{padding-right:2rem}
.jlm\:pad-bottom-1000{padding-bottom:4.5rem}
.jlm\:pad-left-500{padding-left:2rem}
}






.navigation-rail__link{
align-items:center;
border-radius:0 100px 100px 0;
display:flex;
padding:.375rem .5rem .375rem 0;
text-align:left;
text-decoration:none;
user-select:none
}

.navigation-rail__link:hover{background:var(--color-side-nav-hover)}

.navigation-rail__link:focus{z-index:1}

.navigation-rail__icon{
align-items:center;
display:flex;
justify-content:center;
position:absolute
}

.navigation-rail__icon::before{content:"​"}
.navigation-rail__icon>svg{min-width:24px;
transition:transform .2s}[data-state=active].navigation-rail__link{background:var(--color-secondary);
color:var(--color-side-nav-active)}
.footer__link,.material-button,.search-box__link,.skip-link,.surface{overflow:hidden;
position:relative}
.footer__link::before,.material-button::before,.search-box__link::before,.skip-link::before,.surface::before{background-color:var(--overlay-background-color, currentColor);
border-radius:2px;
content:"";
height:100%;
left:0;
opacity:0;
position:absolute;
position:center;
top:0;
transition:.2s opacity;
width:100%}
.footer__link:hover::before,.material-button:hover::before,.search-box__link:hover::before,.skip-link:hover::before,.surface:hover::before{opacity:.08}
.footer__link:focus-within::before,.material-button:focus-within::before,.search-box__link:focus-within::before,.skip-link:focus-within::before,.surface:focus-within::before{opacity:.12}
.footer__link:active::before,.material-button:active::before,.search-box__link:active::before,.skip-link:active::before,.surface:active::before{opacity:.16}
.link,a:not([class]){color:var(--link-color, var(--color-primary))}
.link:not(.no-visited):visited,a:not(.no-visited):visited:not([class]){color:var(--link-visited-color, var(--color-link-default-visited))}
.link:hover,a:hover:not([class]){background-color:rgba(var(--link-rgb-background, var(--rgb-primary)),.08)}
.link:not(.no-visited):visited:hover,a:not(.no-visited):visited:hover:not([class]){background-color:rgba(var(--link-rgb-background, var(--rgb-link-default-visited)),.08)}
.link:focus,.link:focus-within,a:focus-within:not([class]),a:focus:not([class]){background-color:rgba(var(--link-rgb-background, var(--rgb-primary)),.12)}
.link:active,a:active:not([class]){background-color:rgba(var(--link-rgb-background, var(--rgb-primary)),.16)}
.type--cta{font-family:"Google Sans",sans-serif;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeSpeed}
.type--footer{font-weight:400}
.type--footer,.type--h6{font-family:"Google Sans",sans-serif;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeSpeed}
.type h1:not([class^=type--var]),.type h2:not([class^=type--var]),.type h3:not([class^=type--var]),.type--h1,.type--h3-card,.type--h5{font-family:"Google Sans",sans-serif;
font-weight:400;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeSpeed}
.type--h1{font-size:3rem;
line-height:1.1666666667}

@supports (font-size:clamp(2.25em,5.859375vw,3.75em)){.type--h1{font-size:clamp(2.25em,5.859375vw,3.75em);
line-height:1.2}}
.type h1:not([class^=type--var]){font-size:2.5rem;
line-height:1.2}

@supports (font-size:clamp(1.75em,4.6875vw,3em)){.type h1:not([class^=type--var]){font-size:clamp(1.75em,4.6875vw,3em);
line-height:1.1666666667}}
.type h2:not([class^=type--var]){font-size:2rem;
line-height:1.25}

@supports (font-size:clamp(1.5em,3.515625vw,2.25em)){.type h2:not([class^=type--var]){font-size:clamp(1.5em,3.515625vw,2.25em);
line-height:1.2222222222}}
.type--h3-card{font-size:2rem;
line-height:1.25}

@supports (font-size:clamp(1.5em,3.125vw,2em)){.type--h3-card{font-size:clamp(1.5em,3.125vw,2em);
line-height:1.25}}
.type h3:not([class^=type--var]){font-size:1.75rem;
line-height:1.2857142857}

@supports (font-size:clamp(1.125em,2.734375vw,1.75em)){.type h3:not([class^=type--var]){font-size:clamp(1.125em,2.734375vw,1.75em);
line-height:1.2857142857}}
.type--h5{font-size:1.25rem;
line-height:1.4}

@supports (font-size:clamp(1em,1.953125vw,1.25em)){.type--h5{font-size:clamp(1em,1.953125vw,1.25em);
line-height:1.4}}
.type--h6{font-weight:500;
font-size:1rem;
line-height:1.75}

@supports (font-size:clamp(.875em,1.5625vw,1em)){.type--h6{font-size:clamp(.875em,1.5625vw,1em);
line-height:1.75}}
.type--footer{font-weight:500;
font-size:1rem;
line-height:1.75}
.type--cta{font-weight:500}
.type--cta{font-size:1rem;
line-height:1.5}
.banner,.material-button,.skip-link,.type,.type ol:not([class])>li::before,.type--caption,.type--label,.type--small,:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
font-weight:400;
font-size:1rem;
line-height:1.75;
text-rendering:optimizeSpeed}
.banner,.material-button,.skip-link,.type--small{font-size:.875rem;
line-height:1.4285714286}
.type ol:not([class])>li::before,.type--caption{font-size:.875rem;
line-height:1.7142857143}
.type--label{font-weight:500;
font-size:.75rem;
line-height:1.3333333333}
.type ul:not([class]){list-style:none;
margin-left:3rem;
padding:0;
position:relative}

@media (min-width:992px){.type ul:not([class]){max-width:calc(100% - 6rem)}}
.type ul:not([class])>li{margin-top:.5em}
.type ol:not([class])>li:first-of-type,.type ul:not([class])>li:first-of-type{margin-top:0}
.type ul:not([class])>li::before{background:#5f6368;
border-radius:50%;
content:"";
display:inline-flex;
height:.5rem;
margin-left:-1.5rem;
margin-right:1rem;
position:absolute;
transform:translateY(.625rem);
width:.5rem}
.type ol:not([class]){list-style:none;
margin-left:3.5rem;
padding:0;
position:relative;
counter-reset:ol-step-counter}

@media (min-width:992px){.type ol:not([class]){max-width:calc(100% - 7rem)}}
.type ol:not([class])>li{counter-increment:ol-step-counter;
margin-top:.5em}
.type ol:not([class])>li::before{background:#f1f3f4;
border-radius:50%;
content:counter(ol-step-counter);
display:inline-flex;
flex-shrink:0;
height:1.5rem;
justify-content:center;
margin-left:-2.5rem;
margin-right:1rem;
position:absolute;
transform:translateY(.1875rem);
width:1.5rem}
.type dt:not([class]){font-weight:600;
margin-left:1em}
.type code,.type pre{font-family:ui-monospace,Menlo,Consolas,Monaco,"Roboto Mono","Source Code Pro","Liberation Mono","Lucida Console",monospace;
font-size:.9375em;
line-height:1.7333333333}

@font-face{font-display:swap;
font-family:"Google Sans";
font-style:normal;
font-weight:400;
src:url(/fonts/google-sans-v2003/regular/cyrillic.woff2)format("woff2");
unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

@font-face{font-display:swap;
font-family:"Google Sans";
font-style:normal;
font-weight:400;
src:url(/fonts/google-sans-v2003/regular/greek.woff2)format("woff2");
unicode-range:U+0370-03FF}

@font-face{font-display:swap;
font-family:"Google Sans";
font-style:normal;
font-weight:400;
src:url(/fonts/google-sans-v2003/regular/vietnamese.woff2)format("woff2");
unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}

@font-face{font-display:swap;
font-family:"Google Sans";
font-style:normal;
font-weight:400;
src:url(/fonts/google-sans-v2003/regular/latin-ext.woff2)format("woff2");
unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-display:swap;
font-family:"Google Sans";
font-style:normal;
font-weight:400;
src:url(/fonts/google-sans-v2003/regular/latin.woff2)format("woff2");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face{font-display:swap;
font-family:"Google Sans";
font-style:normal;
font-weight:500;
src:url(/fonts/google-sans-v2003/medium/cyrillic.woff2)format("woff2");
unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

@font-face{font-display:swap;
font-family:"Google Sans";
font-style:normal;
font-weight:500;
src:url(/fonts/google-sans-v2003/medium/greek.woff2)format("woff2");
unicode-range:U+0370-03FF}

@font-face{font-display:swap;
font-family:"Google Sans";
font-style:normal;
font-weight:500;
src:url(/fonts/google-sans-v2003/medium/vietnamese.woff2)format("woff2");
unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}

@font-face{font-display:swap;
font-family:"Google Sans";
font-style:normal;
font-weight:500;
src:url(/fonts/google-sans-v2003/medium/latin-ext.woff2)format("woff2");
unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-display:swap;
font-family:"Google Sans";
font-style:normal;
font-weight:500;
src:url(/fonts/google-sans-v2003/medium/latin.woff2)format("woff2");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}::backdrop,:root{--color-mode:"light";
--color-bg:#fff;
--color-inverse:#000;
--color-bg-shade:#f1f3f4;
--color-text:#202124;
--color-secondary-text:#3c4043;
--color-primary:#1a73e8;
--rgb-primary:26, 115, 232;
--color-primary-shade:#1967d2;
--color-secondary:#e8f0fe;
--color-hairline:#dadce0;
--color-footer-bg:#f8f9fa;
--color-side-nav-hover:#f1f3f4;
--color-side-nav-active:#1a73e8;
--color-link-default-visited:#681da8;
--rgb-link-default-visited:103, 29, 168;
--rgb-button-overlay:60, 64, 67;
--color-code-bg:#f8f9fa;
--color-code-comment:#174ea6;
--color-code-string:#174ea6;
--color-code-tag:#1e8e3e;
--color-code-number:#1967d2;
--color-code-attr:#d01884;
--color-code-highlight:#fde293;
--color-code-add:#a8dab5;
--color-code-remove:#f6aea9;
--color-project-default:#1967d2;
--color-project-handbook:#c5221f;
--color-project-workbox:#fa903e;
--color-project-lighthouse:#06f;
--color-meettheteam-bg:#fef7e0;
--color-grey-medium:#5f6368;
--color-blue-lightest:rgba(232, 240, 254, 0.4);
--color-blue-lighter:#d2e3fc;
--color-blue-medium:#1967d2;
--color-blue-jlm:#CFE6FE;
--color-blue-darkest:#174ea6;
--rgb-blue-darkest:23, 78, 166;
--color-yellow-lightest:rgba(254, 247, 224, 0.3);
--color-yellow-lighter:#feefc3;
--color-yellow-medium:#f29900;
--color-yellow-darkest:#de7100;
--rgb-yellow-darkest:227, 117, 0;
--color-red-lightest:rgba(252, 232, 230, 0.4);
--color-red-lighter:rgba(252, 232, 230, 0.5);
--color-red-medium:#c5221f;
--color-red-darkest:#9f0e0e;
--rgb-red-darkest:165, 14, 14;
--color-green-lightest:rgba(230, 244, 234, 0.4);
--color-green-lighter:#ceead6;
--color-green-medium:#188038;
--color-green-darkest:#0d652d;
--rgb-green-darkest:13, 101, 45;
--color-purple-lightest:rgba(243, 232, 253, 0.4);
--color-purple-lighter:rgba(243, 232, 253, 0.5);
--color-purple-medium:#8430ce;
--color-purple-darkest:#681da8;
--rgb-purple-darkest:104, 29, 168;
--color-pink-lightest:rgba(253, 231, 243, 0.4);
--color-pink-lighter:rgba(253, 231, 243, 0.5);
--color-pink-medium:#d01884;
--color-pink-darkest:#9c166b;
--rgb-pink-darkest:156, 22, 107;
--color-cyan-lightest:rgba(228, 247, 251, 0.4);
--color-cyan-lighter:rgba(228, 247, 251, 0.5);
--color-cyan-medium:#129eaf;
--color-cyan-darkest:#007b83;
--rgb-cyan-darkest:0, 122, 131}*,::after,::before{box-sizing:border-box}body{min-height:100vh;
background-color:var(--color-bg);
color:var(--color-text);
overflow-wrap:break-word;
transition:background 500ms ease-in-out,color 200ms ease}ol[role=list],ul[role=list]{list-style:none}ol,ul{list-style-position:inside}a:not([class]){text-decoration-skip-ink:auto}img{display:block;
height:auto;
max-width:100%}li img,p img{display:inline-block;
vertical-align:sub}button,input,select{font:inherit;
letter-spacing:inherit;
word-spacing:inherit}iframe{border:0}img:not([alt]){filter:blur(0px)}

@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;
animation-iteration-count:1!important;
scroll-behavior:auto!important;
transition-duration:.01s!important}}:root{font-size:100%}
.type,search-box{position:relative}
.type pre code{font-size:inherit}
.search-box__results,.stack{display:flex;
flex-direction:column;
justify-content:flex-start;
min-width:0}
.search-box__results>*,.stack>*{margin-bottom:0;
margin-top:0}
.search-box__results>*+*,.stack>*+*{margin-top:var(--flow-space)}announcement-banner,search-box[active] .search-box__input{display:block}
.footer__stack ul{margin-top:1.5rem}
.stack-recursive *+*{margin-top:var(--flow-space)}search-box{min-height:2.75rem}search-box[active]{z-index:20;
background-color:var(--color-bg)}
.search-box__inner{align-items:center;
display:grid;
height:100%}
.search-box__inner>*{grid-column:1;
grid-row:1}
.search-box__btn{z-index:10;
align-items:center;
display:flex;
height:100%;
justify-content:center;
width:3rem}
.search-box__btn>svg{fill:currentColor}
.search-box__input{background:var(--color-bg-shade);
border:0;
border-radius:6.25rem;
display:none;
font:inherit;
margin:0;
padding:.5rem 1rem .5rem 3rem}

@media (min-width:992px){.search-box__input{display:block;
width:100%}}
.search-box__input::placeholder{color:var(--color-secondary-text)}
.search-box__results{--flow-space:1.5rem;
height:calc(100vh - 2.75rem);
max-width:100%;
overflow-x:hidden;
padding-bottom:4.5rem;
position:absolute;
top:calc(2.75rem + .625rem + 1.5rem);
word-break:break-word}
.search-box__results strong{color:var(--color-primary)}
.search-box__result-heading{color:var(--color-secondary-text)}
.search-box__result-heading~.search-box__result-heading{border-top:1px solid var(--color-hairline);
padding-top:1.5rem}
.search-box__link{--overlay-background-color:var(--color-primary);
align-items:center;
display:inline-flex;
text-decoration:none}
.search-box__link[aria-selected=true]::before{opacity:.1}
.search-box__title{color:var(--color-text)}
.search-box__snippet{color:var(--color-secondary-text)}
.search-box__thumbnail{margin-left:.5rem}

@media (min-width:592px){.search-box__thumbnail{margin-left:1rem}}
.logo__text{display:inline-flex;
margin-left:12px;
overflow:hidden}

@media (max-width:591px){.logo__text>svg{margin-left:-82px}}
.logo__text.logo__text-small>svg{margin-left:-82px}

@media (min-width:992px){top-nav{padding:.625rem 1.5rem}}top-nav nav{gap:1rem;
grid-template-columns:min-content auto min-content;
position:relative}

@media (min-width:992px){top-nav nav{gap:3.5rem;
grid-template-columns:1fr 2fr 1fr}}

@media (max-width:991px){top-nav[data-search-active] nav{grid-template-columns:1fr;
padding:0 1.5rem}top-nav[data-search-active] .top-nav__hamburger,top-nav[data-search-active] .top-nav__logo{display:none}}top-nav[data-search-active] nav::before{z-index:20;
margin-left:calc(50% - 50vw);
width:100vw;
background-color:var(--color-hairline);
content:"";
display:block;
height:1px;
position:absolute;
top:calc(2.75rem + .625rem)}top-nav[data-search-active] nav::after{z-index:10;
margin-left:calc(50% - 50vw);
width:100vw;
background:var(--color-bg);
content:"";
height:100vh;
left:0;
position:absolute;
top:0}footer{--flow-space:0.75rem;
background-color:var(--color-footer-bg)}
.footer__stack .footer__heading{color:#5f6368;
font-size:1.25rem;
line-height:1.25rem}
.footer__stack+.footer__stack{margin-top:2rem}

@media (min-width:992px){.footer__stack+.footer__stack{margin-top:0}}
.footer__link{color:var(--color-secondary-text)}
.scaffold{display:grid;
height:100vh;
grid-template-columns:auto 1fr;
grid-template-rows:auto 1fr auto;
grid-template-areas:"header header""sidebar main""sidebar footer"}
.scaffold>*{min-width:0}
.scaffold>top-nav{grid-area:header}
.scaffold>navigation-rail,.scaffold>side-nav{grid-area:sidebar}
.scaffold>main{grid-area:main}
.scaffold>footer{grid-area:footer}navigation-rail{display:none;
outline:0}

@media (min-width:992px){navigation-rail{border-right:1px solid var(--color-hairline);
display:block}
.navigation-rail__links{position:sticky;
top:0}}
.navigation-rail__link{font-size:.875rem;
line-height:2;
color:var(--color-secondary-text);
padding-bottom:.75rem;
padding-top:.75rem}

@media (min-width:992px){.navigation-rail__link{flex-direction:column;
padding:0;
position:relative}
.navigation-rail__link .navigation-rail__icon{position:static}
.navigation-rail__link+.navigation-rail__link{--flow-space:1.5rem;
margin-top:var(--flow-space)}
.navigation-rail__link:hover{background:0 0;
z-index:0}
.navigation-rail__link:hover::before{background:var(--color-side-nav-hover);
border-radius:50%;
content:"";
height:40px;
position:absolute;
top:-6px;
width:40px;
z-index:-1}}
.navigation-rail__link[data-state=active]{color:var(--color-side-nav-active)}

@media (min-width:992px){.navigation-rail__link[data-state=active]{background:0 0}}
.navigation-rail__link>:last-child{margin-left:4rem}

@media (min-width:992px){.navigation-rail__link>:last-child{margin-left:0}}
.navigation-rail__icon{width:4rem}announcement-banner [data-banner-close-btn]{opacity:0;
pointer-events:none}announcement-banner[active] [data-banner-close-btn]{opacity:1;
pointer-events:auto}[data-banner-dismissed] .banner,[data-cookies-answered] .cookie-banner{display:none}
.cookie-banner{z-index:40;
background-color:var(--color-bg);
bottom:0;
display:flex;
flex-direction:column;
padding:1.5rem;
position:fixed;
width:100%}

@media (min-width:592px){.cookie-banner{align-items:center;
flex-direction:row}}
.cookie-banner__controls{margin-top:1rem}

@media (min-width:592px){.cookie-banner__controls{margin-left:1.5rem;
margin-top:0}}
.cookie-banner__controls>button{margin-bottom:1rem;
min-width:8rem}
.banner{background:var(--color-bg-shade);
display:flex;
justify-content:center;
padding:1rem}
.banner--info{--button-color:var(--color-blue-medium);
background-color:var(--color-blue-lightest)}
.banner__inner{max-width:748px;
display:flex;
flex-direction:column;
justify-content:space-between;
width:100%}

@media (min-width:992px){.banner__inner{align-items:baseline;
flex-direction:row}}
.banner__text{max-width:65ch}
.banner__actions{display:flex;
justify-content:flex-end;
margin-top:1rem;
white-space:nowrap}

@media (min-width:992px){.banner__actions{align-items:flex-end;
margin-left:1rem;
margin-top:0}}
.banner__action{font-weight:500}
.button,.material-button,.search-box__btn,.skip-link{background:0 0;
border:0;
cursor:pointer;
text-decoration:none}
.button svg,.material-button svg,.search-box__btn svg,.skip-link svg{vertical-align:middle}
.button:disabled,.button[disabled],.material-button:disabled,.material-button[disabled],.search-box__btn:disabled,.skip-link:disabled,[disabled].material-button,[disabled].search-box__btn,[disabled].skip-link{opacity:.6;
pointer-events:none}
.material-button,.skip-link{font-family:"Google Sans",sans-serif;
border-radius:.25rem;
color:var(--button-color, inherit);
padding:.5rem 1.5rem;
white-space:nowrap}
.button-text{margin-left:-.5rem;
margin-top:-.5rem;
padding:.5rem}
.button-text+.button-text{margin-left:1rem}
.button-filled{position:relative;
transition:box-shadow .1s;
z-index:1}
.button-filled::before{background:rgba(var(--rgb-button-overlay),1);
border-radius:inherit;
bottom:0;
content:"";
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
transition:opacity .1s;
z-index:-1}
.button-filled:hover{box-shadow:rgba(var(--rgb-button-overlay),.3)0 1px 2px 0,rgba(var(--rgb-button-overlay),.15)0 1px 3px 1px}
.button-filled:active{box-shadow:rgba(var(--rgb-button-overlay),.3)0 1px 2px 0,rgba(var(--rgb-button-overlay),.15)0 2px 6px 2px}
.button-filled:hover::before{opacity:.16}
.button-filled:focus::before{opacity:.24}
.button-filled:active::before{opacity:.36}
.button-round{border-radius:1.5rem}
.icon{fill:currentColor}
.cluster{overflow:hidden}
.cluster>*{display:flex;
flex-wrap:wrap;
margin:calc(var(--flow-space)/2*-1)}
.cluster>*>*{margin:calc(var(--flow-space)/2)}select{-webkit-appearance:none;
appearance:none;
background-color:#fff;
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10L12 15L17 10H7Z' fill='%235F6368'/%3E%3C/svg%3E%0A");
background-position:right .5em top 50%;
background-repeat:no-repeat;
background-size:1.5em;
border:1px solid var(--color-hairline);
border-radius:1px;
box-sizing:border-box;
display:block;
font-size:1em;
line-height:1.5;
margin:0;
max-width:100%;
padding:.6em 3em .5em .8em}select::-ms-expand{display:none}select:hover{border-color:var(--color-text)}side-nav,side-nav::before{height:100%;
left:0;
top:0;
width:100%}side-nav{z-index:40;
pointer-events:none;
position:fixed;
visibility:hidden}

@media (min-width:992px){side-nav{display:none}}side-nav::before{background:rgba(0,0,0,.4);
content:"";
display:block;
opacity:0;
position:absolute;
transition:opacity .2s cubic-bezier(.4,0,.2,1)}

@media (min-width:992px){side-nav::before{display:none}}side-nav navigation-rail,side-nav navigation-tree{display:block;
height:100%}side-nav[expanded]{pointer-events:auto;
visibility:visible}side-nav[expanded]::before{opacity:1}side-nav[expanded] .side-nav__container{transform:translate(0,0)}
.side-nav__container{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);
background:var(--color-bg);
height:100%;
max-width:22.5rem;
overflow:hidden;
transform:translate(-102%,0);
transition:none;
width:85vw}
.side-nav__container>*{transition:none}side-nav[animating]{visibility:visible}side-nav[animating] .side-nav__container{transition:transform .2s cubic-bezier(.4,0,.2,1)}side-nav[animating] .side-nav__container>*{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);
visibility:visible}side-nav[view=project] navigation-rail{opacity:0;
transform:translate(100%,0);
visibility:hidden}side-nav[view=project] navigation-tree{opacity:1;
transform:translate(0,-100%)}side-nav[view=site] navigation-rail{opacity:1;
transform:translate(0,0)}side-nav[view=site] navigation-tree{opacity:0;
transform:translate(-100%,-100%);
visibility:hidden}
.skip-link{background-color:var(--color-bg)}
.skip-link:focus{clip:auto;
padding:inherit;
width:auto;
z-index:1}:root{--flow-space:2rem}body:has(dialog[open]){overflow:hidden}main:focus{outline:0}video[width][height]{height:auto}[hidden]{display:none!important}
.hero-card{margin-left:auto;
margin-right:auto;
max-width:29rem}

@media (min-width:860px){.hero-card{max-width:none}}
.hero-card__inner{display:block}

@media (min-width:860px){.hero-card__inner{display:grid;
grid-template-columns:2fr 3fr}}
.featured-card{max-width:29rem;
padding:1rem 1rem .5rem}

@media (min-width:592px){
.featured-card{
padding:1.5rem 1.5rem 1rem
}
}

@media (max-width:591px){
.featured-card .project-card{padding-bottom:0}}
.featured-card--bg-bluejlm{background:var(--color-blue-jlm)}
.featured-card--bg-yellow{background:var(--color-meettheteam-bg)}
.featured-card--bg-yellow .button-text{color:var(--color-blue-medium)}
.featured-card__thumbnail_13 img{max-height:13rem}
.featured-card__thumbnail_20 img{max-height:20rem}
.featured-card__thumbnail_26 img{max-height:26rem}
.home-container{max-width:1008px}
.card-authors__image>img{border:2px solid var(--color-bg);
border-radius:100%;
box-sizing:content-box;
height:40px;
max-width:40px;
width:40px}
.card-authors__image:not(:first-of-type){margin-left:-.5rem}
.card-authors__image+.card-authors__meta{margin-left:1rem}
.card-authors__image+.card-authors__meta time{color:#5f6368}
.project-icon{align-items:center;
display:inline-flex;
height:128px;
justify-content:center;
perspective:128px;
perspective-origin:50% -100%;
transform:scale(.6875);
width:128px}

@media (min-width:992px){
	.project-icon{
		transform:scale(1)
		}
	}
.project-icon__cover{align-items:center;
background-color:currentColor;
background-image:url("data:image/svg+xml,%3Csvg width='116' height='116' viewBox='0 0 116 116' fill='none' style='opacity: 0.33' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='-6' y1='57.75' x2='122' y2='57.75' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cline x1='-6' y1='85.75' x2='122' y2='85.75' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cline x1='-6' y1='29.75' x2='122' y2='29.75' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cline x1='57.75' y1='122' x2='57.75' y2='-6' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cline x1='85.75' y1='122' x2='85.75' y2='-6' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cline x1='29.75' y1='122' x2='29.75' y2='-6' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cline x1='-5.82322' y1='-6.17678' x2='122.87' y2='122.517' stroke='%23ffffff' stroke-width='0.5'/%3E%3Cline x1='-6.17678' y1='122.517' x2='122.517' y2='-6.17679' stroke='%23ffffff' stroke-width='0.5'/%3E%3C/svg%3E%0A");
background-position:center;
background-size:contain;
border-radius:6px;
color:var(--color-project-default);
color-scheme:only light;
display:flex;
height:128px;
justify-content:center;
position:relative;
transform-style:preserve-3d;
transition:transform .4s;
width:128px}
.project-icon__cover.cover-last,.project-icon__cover.cover-mid{background-image:none;
left:0;
position:absolute;
top:0}
.project-icon__cover.cover-last{filter:saturate(50%) contrast(.7) brightness(2);
transform:translate3D(0,0,-2rem) scale(.9)}
.project-icon__cover.cover-mid{filter:saturate(90%) contrast(.9) brightness(1.4);
transform:translate3D(0,0,-1rem) scale(.95)}
.project-icon:hover .project-icon__cover.cover-mid{transform:translate3D(0,0,-.25em) scale(1)}
.project-icon:hover .project-icon__cover.cover-last{transform:translate3D(0,0,-.5em) scale(1)}
.project-card{color:inherit;
display:block;
padding:1rem 0;
text-align:center;
text-decoration:none;
transition:.3s background-color}

@media (min-width:992px){.project-card{padding:2.5rem 1rem 1rem}}
.project-card:focus,.project-card:hover{background-color:var(--color-bg-shade);
border-radius:12px}

@media (min-width:992px){.project-card--sm{padding:1rem}
.project-card--sm .project-icon{transform:scale(.6875)}}
.project-card--sm .project-icon+.project-card__title{margin-top:-.5rem}
.card-title-bar{font-size:.875rem;
line-height:1.7142857143;
font-family:"Google Sans",sans-serif;
align-items:center;
display:flex}
.release-card__icon{align-items:center;
background:var(--color-green-lightest);
border-radius:128px;
color:var(--color-green-darkest);
display:flex;
font-size:42px;
justify-content:center;
margin:0 auto;
max-width:25vw;
width:7.5rem}
.release-card__icon::after{content:"";
padding-bottom:100%;
position:relative}
.release-card__icon-beta{background:var(--color-blue-lightest);
color:var(--color-blue-darkest)}
.tweet-card__text{white-space:pre-wrap}

.center-margin{
margin-left:auto;
margin-right:auto
}


.hairline{border:1px solid var(--color-hairline)}
.hairline-top{border-top:1px solid var(--color-hairline)}
.hairline-bottom{border-bottom:1px solid var(--color-hairline)}
.bg-blue-lightest{background-color:var(--color-blue-lightest)}
.color-blue-medium{color:var(--color-blue-medium)}
.bg-blue-medium{background-color:var(--color-blue-medium)}
.color-blue-darkest{color:var(--color-blue-darkest)}
.color-red-medium{color:var(--color-red-medium)}
.bg-green-lightest{background-color:var(--color-green-lightest)}
.color-green-medium{color:var(--color-green-medium)}
.color-green-darkest{color:var(--color-green-darkest)}
.color-bg{color:var(--color-bg)}
.color-text{color:var(--color-text)}
.color-secondary-text{color:var(--color-secondary-text)}
.color-primary{color:var(--color-primary)}
.bg-primary{background-color:var(--color-primary)}
.footer__link,.surface{text-decoration:none}
.footer__link:focus,.footer__link:hover,.surface:focus,.surface:hover{text-decoration:underline}
.visually-hidden,.w-visually-hidden{border:0;
clip:rect(0 0 0 0);
height:auto;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
white-space:nowrap;
width:1px}



.hero-card
{
background-color:#0A9003;
background-image:url(imgsite/scan3_2.jpg);
background-repeat:no-repeat;
background-position:90%50%;
background-size:contain;
color:#fff
}

.titre
{
background-size:contain;
font-size:20px;
justify-content:center;
}


.hero-card_old
{
background-color:#202125;
background-image:url(https://wd.imgix.net/image/kheDArv5csY6rvQUJDbWRscckLr1/9vEv78Fi4j2VBL19yCZL.svg);
background-repeat:no-repeat;
background-position:90%50%;
background-size:contain;
color:#fff
}

.hero-card h1
{
color:#fff;font-size:2em
}

.hero-card .material-button
{
color:#000;
background-color:#ccc
}

@media screen and (max-width:859px)
{
.hero-card
{
background-position:top center;
background-size:80%
}
.hero-card 
.hero-card__inner div:first-child:before
{
content:"";
display:block;
width:100%;
padding-top:80%
}
}